@media only screen and (min-width:1024px){
    .section-project-archive .archive-lists .top-part,
    .section-about-block .left-part .img-wrapper{
        overflow: hidden;
    }
    .section-service-item-list-block .item-lists .item img,
    .section-about-block .left-part .img-wrapper img,
    .section-project-archive .archive-lists .top-part img,
    .section-about-block .media-with-description-slider img,
    .section-service-block-2 .service-card img,
    .section-project-block .project-main-slider img{
        scale: 1;
        transition: 1s scale;
    }
    .section-service-item-list-block .item-lists .item:hover img,
    .section-about-block .left-part .img-wrapper img:hover,
    .section-project-archive .archive-lists .top-part img:hover,
    .section-about-block .media-with-description-slider img:hover,
    .section-service-block-2 .service-card:hover img,
    .section-project-block .project-main-slider img:hover{
        scale: 1.2;
    }
}
@media only screen and (max-width:1024px){
    .section-home-hero .hero-logo,
    .section-home-hero .tiny{
        max-width: 400px;
    }
    h1{
        font-size: 24px;
        line-height: 30px;
    }
    h2{
        font-size: 24px;
        line-height: 30px;
    }
    h3{
        font-size: 24px;
        line-height: 30px;
    }
    h4{
        font-size: 16px;
        line-height: 20px;
    }
    p{
        font-size: 16px;
        line-height: 20px;
    }
    .site-header .inner-content{
        padding: 24px 20px;
    }
    .style-2-wrapp .site-main, .site-wrapper.style2 .site-main{
        padding-top: 89px;
    }
    .site-header.topScrolled .inner-content{
        padding: 10px 20px;
    }
    .section-contact,
    .section-service-item-list-block,
    .section-why-choose,
    .section-service-block-2,
    .section-service-block,
    .section-full-w-media-desc .inner-content,
    .section-project-block,
    .section-logo-slider,
    .section-about-block,
    .section-project-archive,
    .section-faq,
    .section-project-description,
    .section-full-width-text{
        padding: 30px 20px;
    }
    .site-footer{
        padding: 37px 30px 26px 30px;
    }
    .section-full-width-text .desc, .section-full-width-text .desc h1, .section-full-width-text .desc h2, .section-full-width-text .desc h3, .section-full-width-text .desc h4, .section-full-width-text .desc h5, .section-full-width-text .desc h6, .section-full-width-text .desc p{
        font-size: 24px;
        line-height: 30px;
    }
    .section-about-block .section-heading{
        /* margin-bottom: 40px; */
        max-width: 110px;
        font-size: 10px;
        line-height: 12px;
        letter-spacing: 0.06em;
    }
    .section-about-block .left-part{
        padding-bottom: 40px;
        flex-direction: row;
        column-gap: 10px;
    }
    .section-project-block .left-side .bottom-part{
        display: none;
    }
    .section-project-block .left-side{
        padding-bottom: 20px;
    }
    .section-media-gallery-block,
    .section-full-w-media-desc{
        margin:30px 0;
    }
    .section-media-gallery-block:last-child,
    .section-full-w-media-desc:last-child{
        margin-bottom:0;
    }
    .section-full-w-media-desc{
        height: auto;
        min-height: 300px;
    }
    .section-full-w-media-desc .inner-content{
        row-gap: 100px;
    }
    .section-service-block .left-part{
        flex-direction: row;
        column-gap:20px;
    }
    .section-service-block .service-images{
        width: 170px;
        height: 200px;
        max-width: 100%;
    }
    .section-service-block .service-images img{
        top:0
    }
    .section-service-block .section-heading{
        margin-bottom: 20px;
    }
    .section-service-block .right-part a{
        font-size: 24px;
        line-height: 30px;
    }
    
    .site-footer .right_top{
        margin-bottom: 30px;
    }
    
    .site-footer .left-part{
        padding: 0;
    }
    .nav-sidebar{
        row-gap: 20px;
        justify-content: space-between;
    }
    /* .section-hero{
        padding: 30px 20px;
    } */
    .section-hero .main-title{
        font-size: 24px;
        line-height: 30px;
    }
    .section-why-choose .why-choose-lists,
    .section-service-item-list-block .item-lists,
    .section-service-block-2 .service-list{
        grid-template-columns:repeat(3,1fr);
    }
    .section-why-choose .section-title{
        margin-bottom: 20px;
    }
    .section-contact .left-part-wrapper{
        padding: 0;
        padding-bottom: 40px;
    }
    .section-contact .right-part-wrapper{
        padding:30px 40px
    }
    
    .section-contact .right-part{
        margin: auto;
    }
    .section-about-block .service_list_links,
    .section-about-block .section-desc{
        margin-bottom: 50px;
    }
    .section-about-block .list-part{
        padding-top: 0px;
    }
    .section-about-block .desc-part,
    .section-about-block .list-part{
        margin-bottom: 30px;
    }
    .section-about-block .desc-part:last-child{
        margin-bottom: 0;
    }
    .section-faq .section-heading{
        margin-bottom: 30px;
    }
    .accordion .accordion-item{
        padding: 20px 0 30px;
    }
    .section-project-description .cat-wrapper{
        grid-template-columns: 1fr;
        row-gap: 20px;
    }
    .section-project-archive .archive-lists .bottom-part .left-part{
        max-width: 100%;
        display: flex;
    }
    .site-footer .left-part{
        row-gap: 116px;
    }
    .site-footer .right-part{
        display: none;
    }
    .site-footer .insta-wrapper-mmobile{
        display: flex;
    }
    .site-footer .instagram_link{
        font-size: 14px;
        line-height: 14px;
    }
    .site-footer .bottom-parts-wrapper{
        display: flex;
        column-gap: 30px;
        justify-content: space-between;
        align-items: flex-end;
    }
    .site-footer .bottom-parts{
        flex-direction: column;
        align-items: flex-start;
    }
}
@media only screen and (max-width:1024px) and (orientation: landscape){
    .nav-sidebar .bottom-parts{
        position: relative;
        bottom: 0;
    }
}
@media only screen and (max-width:992px){
    /* .section-about-block .mobile-btn{
        display: inline-block;
        margin-top: 20px;
    }
    .section-about-block .desktop-btn{
        display: none;
    } */
    .section-about-block .desc-part .section-heading:last-child{
        margin-bottom: 0;
    }
    .nav-sidebar .sidebar-menus ul{
        padding: 20px 0px;
    }
    .section-project-block .section-heading{
        padding-bottom: 2rem;
    }
    .section-project-block .btn-wrapper{
        padding-bottom: 2rem;
    }
}
@media only screen and (max-width:991px){
    .site-footer .footer-logo{
        /* max-width: 200px;
        margin-bottom: 50px; */
        display: none;
    }
    /* .site-footer .right-part{
        flex-direction: row;
    } */
}
@media only screen and (max-width:768px){
    .section-home-hero .inner-content p{
        display: none;
    }
    .section-home-hero .inner-content img{
        width: 100%;
        flex-grow: 1;
        max-width: 100%;
    }
    .site-footer{
        padding: 20px 20px 25px;
    }
    .site-footer .right-part{
        flex-direction: column-reverse;
    }
    .home section{
        opacity: 0;
        transition: 0.5s opacity;
    }
    .home .section-home-hero{
        opacity: 1;
    }
    .home.alreadyVisited section,
    .home.loaded section{
        opacity: 1;
    }
    body.home{
        background-color: #131313;
        transition: 0.5s background-color;
    }
    body.home.alreadyVisited,
    body.home.loaded{
        background-color: var(--white);
    }
    .site-loader .loader-logos-wrap{
        top: -150px;
        transform: translateX(-50%);
    } 
    .site-loader .loader-text,
    .site-loader .loader-logos{
        left: 0 !important;
    }
    .site-loader .loader-text-wrap{
        top: 150px;
        transform: translateX(-50%);
    }
    .section-home-hero .inner-wrapper{
        padding: 30px 20px 22.62px;
    }
    .section-home-hero .hero-logo,
    .section-home-hero .tiny{
        max-width: 99px;
    }
    .site-footer .left-part{
        row-gap: 134px;
    }
    .nav-sidebar .bottom-parts{
        flex-direction: column;
        row-gap: 10px;
        position: relative;
        bottom: 0;
    }
    .site-footer .bottom-parts{
        flex-direction: column;
    }
    /* .site-header .contact-form-btn{
        display: none;
    } */
    .home .site-header .contact-form-btn{
        display: block;
    }
    .nav-sidebar{
        padding: 100px 20px 30px;
    }
    .section-why-choose .why-choose-lists,
    .section-service-item-list-block .item-lists,
    .section-service-block-2 .service-list{
        grid-template-columns:repeat(2,1fr);
        grid-gap: 20px;
    }
    .section-project-archive .archive-lists{
        grid-template-columns:repeat(1,1fr);
        grid-gap:40px
    }
    .section-service-item-list-block.is_title .inner-content{
        display: block;
    }
    .section-service-item-list-block .heading{
        margin-bottom: 20px;
        max-width: 100%;
    }
    .section-service-item-list-block.is_title .item-lists{
        grid-template-columns: repeat(2,1fr);
        grid-gap: 10px;
    }
    .section-project-archive .archive-lists .archive-item:nth-child(even){
        margin: 0;
    }
    .section-media-gallery-block .media-gallery-thumb-slider{
        max-width: 120px;
    }
    .section-contact{
        height: auto;
    }
    .section-contact .details .detail .detail-content{
        word-wrap: break-word;
    }
    .section-contact .desc{
        margin-bottom: 50px;
    }
    .section-contact .details .detail{
        grid-template-columns:1fr;
        row-gap: 8px;
        margin-bottom: 20px;
    }
    .section-contact .left-part{
        margin-bottom: 20px;
    }
    .section-contact .right-part-wrapper{
        padding: 20px;
    }
    h3,h4,h5,
    .section-why-choose .why-choose-lists .why-choose-card .title,
    .section-about-block .section-desc, .section-about-block .section-desc h1, .section-about-block .section-desc h2, .section-about-block .section-desc h3, .section-about-block .section-desc h4, .section-about-block .section-desc h5, .section-about-block .section-desc h6, .section-about-block .section-desc p,
    .section-full-width-text .desc, .section-full-width-text .desc h1, .section-full-width-text .desc h2, .section-full-width-text .desc h3, .section-full-width-text .desc h4, .section-full-width-text .desc h5, .section-full-width-text .desc h6, .section-full-width-text .desc p{
        font-size: 18px;
        line-height: 23px;
    }
    .section-why-choose .section-title,
    .section-project-description .section-desc, .section-project-description .section-desc h1, .section-project-description .section-desc h2, .section-project-description .section-desc h3, .section-project-description .section-desc h4, .section-project-description .section-desc h5, .section-project-description .section-desc h6, .section-project-description .section-desc p, .section-about-block .section-desc, .section-about-block .section-desc h1, .section-about-block .section-desc h2, .section-about-block .section-desc h3, .section-about-block .section-desc h4, .section-about-block .section-desc h5, .section-about-block .section-desc h6, .section-about-block .section-desc p{
        font-size: 14px;
        line-height: 18px;
    }
    .nav-sidebar .sidebar-menus a{
        font-size: 24px;
        line-height: 35px;
    }
    .section-project-description,
    .section-full-width-text{
        padding: 40px 20px 20px;
    }
    .section-contact, .section-service-item-list-block, .section-why-choose, .section-service-block-2, .section-service-block, .section-project-block, .section-logo-slider, .section-project-archive, .section-faq, .section-project-block , .section-about-block{
        padding: 20px;
    }
    .section-service-block{
        padding: 20px 20px 40px;
    }
    .section-media-gallery-block, .section-full-w-media-desc{
        margin: 15px 0;
    }
    .section-project-block .section-heading,
    .btn.btn-primary,
    .btn.btn-secondary,
    .section-service-block .section-heading,
    .section-full-w-media-desc .section-heading,
    .section-about-block .service_list_links .link_heading,
    .section-about-block .s_list li,
    .section-project-description .section-heading,
    .section-project-description .cattitle,
    .section-project-description .categories,
    .section-logo-slider .title{
        font-size: 10px;
        line-height: 12px;
        letter-spacing: 0.06em;
    }
    .section-service-item-list-block .item-lists .bottom p,
    .section-project-description .categories{
        font-size: 10px;
        line-height: 12px;
    }
    .section-project-description .section-heading{
        margin-bottom: 40px;
    }
    .section-project-description .cat-wrapper{
        grid-template-columns:repeat(2,1fr);
        grid-gap:30px;
    }
    .section-service-block .section-heading{
        margin: 0;
    }
    .vertical_btn{
        font-size: 10px;
        line-height: 12px;
        letter-spacing: 0.01em;
        padding: 10px 6px 24px 6px ;
    }
    .section-project-block .title{
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 30px;
        max-width: 145px;
    }
    .section-full-w-media-desc .desc{
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 0.02em;
    }
    .section-project-block .section-heading{
        padding: 0;
        margin-bottom: 30px;
    }
    .btn.btn-primary{
        padding: 6px 10px 6px 28px ;
    }
    .btn.btn-primary::before{
        width: 8px;
        height: 8px;
        left: 10px;
    }
    .vertical_btn::before{
        width: 8px;
        height: 8px;
        bottom: 10px;
    }
    .site-header .hemburg_menu{
        width: 25px;
        height: 25px;
    }
    .site-header .hemburg_menu .top{
        top: 10px;
    }
    .site-header .hemburg_menu .bottom{
        top: 15px;
    }
    .navbar-open .site-header .hemburg_menu .bottom{
        top: 12px;
    }
    .navbar-open .site-header .hemburg_menu .top{
        top: 12px;
    }
    .section-project-block .btn-wrapper{
        align-items: flex-end;
        padding-bottom: 40px;
    }
    .btn.btn-secondary{
        padding: 6px 0;
    }
    .section-project-block .left-side{
        padding-bottom: 20px;
    }
    .section-media-gallery-block, .section-full-w-media-desc{
        margin:20px 0
    }
    .section-media-gallery-block:last-child,
    .section-full-w-media-desc:last-child{
        margin-bottom:0;
    }
    .section-full-w-media-desc .inner-content{
        padding: 20px;
    }
    .section-full-w-media-desc .section-heading{
        max-width: 150px;
    }
    .section-why-choose .why-choose-lists .why-choose-card .desc,
    .section-service-block .right-part a{
        font-size: 12px;
        line-height: 15px;
        letter-spacing: 0.02em;
    }
    .site-footer .title{
        font-size: 24px;
        line-height: 30px;
    }
    .section-about-block .list_title,
    .section-service-item-list-block .heading,
    .section-service-item-list-block .item-lists .inner h3,
    .section-project-archive .archive-lists .title,
    .section-why-choose .why-choose-lists .why-choose-card .title,
    .section-project-archive .archive-lists .link,
    .section-about-block .service_list_links a{
        font-size: 14px;
        line-height: 18px;
    }
    .section-project-archive .archive-lists .link{
        letter-spacing: 0.04em;
        width: fit-content;
        margin-left: auto;
    }
    .section-project-archive .archive-lists .title{
        letter-spacing: 0.04em;
        font-weight: 500;
    }
    .section-project-archive .archive-lists .bottom-part{
        display: grid;
        grid-template-columns: repeat(2,calc(50% - 5px));
        align-items: self-start;
    }
    .section-why-choose .why-choose-lists .why-choose-card{
        row-gap: 23px;
    }
    .section-why-choose .why-choose-lists .why-choose-card .numbers{
        margin-bottom: 10px;
    }
    .section-about-block .list_title{
        margin-bottom: 20px;
    }
    .section-about-block .service_list_links .link_group{
        row-gap: 5px;
        flex-direction: column;
        align-items: flex-start;
    }
    .section-about-block .left-part .img-wrapper{
        max-width: 166px;
    }
    .section-hero .main-title{
        font-size: 40px;
        line-height: 36px;
        font-weight: 600;
        letter-spacing: 0.02em;
    }
    .section-project-description .cat-wrapper{
        margin-bottom: 40px;
    }
    .section-about-block .service_list_links{
        display: grid;
        grid-template-columns: repeat(2, calc(50% - 5px));
        column-gap: 10px;
        margin-bottom: 40px;
    }
    .section-about-block .service_list_links:last-child{
        margin-bottom: 0;
    }
    .section-about-block .section-desc,
    .section-why-choose .section-title,
    .section-about-block .desc-part, .section-about-block .list-part{
        margin-bottom: 40px;
    }
    .section-about-block .s_list li{
        padding: 10px 0;
    }
    .section-about-block .desc-part:last-child, .section-about-block .list-part:last-child{
        margin-bottom: 0;
    }
    .section-service-item-list-block .container-fluid{
        padding-top: 15px;
    }
    .section-project-archive .archive-lists .top-part{
        margin-bottom: 10px;
    }
}
@media only screen and (max-width:500px){
    .section-why-choose .why-choose-lists,
    .section-service-item-list-block .item-lists,
    .section-service-block-2 .service-list{
        grid-template-columns:repeat(1,1fr);
    }
    .section-service-block-2 .service-list,
    .section-service-item-list-block .item-lists{
        grid-template-columns: repeat(2,calc( 50% - 9.5px));
        grid-gap: 19px;
    }
    .section-service-block-2 .last-card,
    .section-service-item-list-block .item-lists .last-card,
    .section-service-block-2 .service-card{
        padding: 12px 10px;
    }
    .section-service-item-list-block .item-lists .inner{
        padding: 12px 10px;
    }
    .section-service-item-list-block .item-lists .inner h3{
        font-size: 16px;
        line-height: 20px;
    }
    .section-service-block-2 .service-card span,
    .section-service-block-2 .service-card,
    .section-service-block-2 .last-card .title,
    .section-service-block-2 .last-card .link,
    .section-service-item-list-block .item-lists .last-card .title,
    .section-service-item-list-block .item-lists .last-card .link,
    .section-service-item-list-block .item-lists .bottom p{
        font-size: 14px;
        line-height: 18px;
    }
    
    .section-project-archive .archive-lists .title, .section-project-archive .archive-lists .categories{
        max-width: 100%;
    }
    
}