/*==========  Desktop First  ==========*/

@media (max-width: 1600px) {
    .main-navigation .menu a {font-size: 14px;}
    section {padding: 80px 0;}
    .container {max-width: 100%;padding-left: 40px; padding-right: 40px;}
    body{font-size: 18px;}
    h1, .h1 {font-size: 45px;}
    h2, .h2 {font-size: 44px;}
    h3, .h3 {font-size: 24px;}
    h4, .h4 {font-size: 21px;}
    h5, .h5 {font-size: 20px;}
    h6, .h6 {font-size: 20px;}
    .text-label {font-size: 16px;}
    .text-big {font-size: 20px;line-height: 1.4;}
    .text-small {font-size: 14px;}
    .btn {font-size: 16px;}

    .s-logos .row > div:nth-child(1) {max-width: 25%;}
    .s-what-we .ww-anim {right: 8%;top: 3%;}
    .s-img-slider img {height: 640px;}
    .target-text {margin-top: 80px;}
    .s-how-we .how-we-row1 {margin-bottom: 100px;}
    .target-text svg {min-width: 130px;}

    .s-manifesto {padding: 0 0 100px;}
    .sect-cta {height: 480px;}
    .s-conv.sect-cta .work-header {max-width: 900px;}
    .s-conv.sect-cta .work-header .text-big {font-size: 25px;}
    .right-col {padding-top: 200px;}


}

@media (max-width: 1199.98px) {
	.gap-header {min-height: 78px;}
    .manifesto-lines {font-size: 36px;}
    .naw-wrap {display: none;}
    .s-what-we {padding-top: 90px;padding-bottom: 200px;}
    .s-what-we .ww-anim {right: 2%;top: 1%;}
    .s-what-we .what-we-bot .row > div {flex-basis: 50%;max-width: 50%;}
    .what-we-one-text {max-width: 100%;}
    .s-what-we .what-we-bot .row > div:nth-child(2) {border-right: none;}
}

@media (max-width:1024px) {
    .hero-text .text-small {max-width: 320px;}
    .how-we-one-img {min-height: 100px;}
    .s-how-we p br {display: none;}
    .s-img-slider img {height: 540px;}
    .target-text svg {min-width: 100px;}
    .target-text {font-size: 32px;}

    .portfolio-case__info {margin-bottom: 0;}
    .portfolio-case__left .portfolio-case__buttons {display: none;}
}

@media (max-width:991px) {
    .site-header .logo {max-width: 141px;}
    section {padding: 60px 0;}
    .container {padding-left: 24px; padding-right: 24px;}
    body{font-size: 16px;}
    h1, .h1 {font-size: 40px; line-height: 1.2;}
    h2, .h2 {font-size: 34px;}
    h3, .h3 {font-size: 20px;}
    h4, .h4 {font-size: 20px;}
    h5, .h5 {font-size: 20px;}
    h6, .h6 {font-size: 20px;}
    .text-label {font-size: 16px;}
    .text-big {font-size: 18px;line-height: 1.4;}
    .text-small {font-size: 14px;}
    .btn {font-size: 16px;width: 100%;justify-content: center;text-align: center;}

    .s-hero .row {gap: 40px;}
    .s-hero .row > div {flex-basis: 100%;max-width: 100% !important;}
    .hero-text {gap: 16px;}
    .btns-wrap {margin-top: 16px;}
    .hero-img {justify-content: center;}
    #rextore-hex {height: 400px !important;}
    
    .s-how-we .row > div,
    .s-logos .row > div {flex-basis: 100%;max-width: 100% !important;}
    .s-logos .row > div:nth-child(1) {margin: 0 0 20px;}
    .s-how-we .h2 {margin: 0 0 40px;}
    .target-text {font-size: 40px;margin-top: 0px;}
    .s-img-slider img {height: 440px;}
    .s-how-we .how-we-row1 {margin-bottom: 60px;flex-direction: column-reverse;}
    .scroll-container {justify-content: center; }
    .hp-services {padding: 96px 0 96px !important;}
    .s-what-we {padding-top: 60px;padding-bottom: 60px;}
    .s-what-we .ww-anim {display: none;}
    .s-what-we .h2 {font-size: 34px;max-width: unset;margin: 0 0 40px;}
    .s-what-we .sect-top-right {display: none;}
    .what-we-one-text {max-width: 350px;}
    .what-we-bot {margin: 60px 0 0;}
    .what-we-bot .h3 {font-size: 24px;line-height: 1.3;margin: 0 0 50px;}
    .what-we-b-one .what-we-one-b-img {width: 60px;height: 60px;min-width: 60px;}
    .what-we-b-one-text .h4 {margin: 15px 0 20px;font-size: 16px;}

    .s-delivery .inner {grid-template-columns: 1fr;gap: 0 40px;}
    .s-delivery .left-col {padding-right: 0;}
    .s-delivery .right-col {padding-top: 50px;}
    .s-delivery .feature-body {max-width: unset;}
    .s-delivery h2, .s-delivery .body-lead {margin-bottom: 30px;}

    .s-manifesto .inner {grid-template-columns: 1fr;}
    .s-manifesto .manifesto-col { padding-right: 0; }
    .s-manifesto .manifesto-lines {font-size: 30px;}
    .work-grid {grid-template-columns: repeat(2, 1fr);}
    .sect-cta {height: 400px;padding: 0 !important;}
    .s-conv.sect-cta .work-header .text-big {font-size: 20px;}
    .sect-cta {background-attachment: unset !important;}
    .hex-wrapper {margin-bottom: 25px;}

    .site-footer .row {flex-wrap: wrap;gap: 40px;margin-bottom: 50px;}
    .site-footer .row > div:first-child {max-width: 100%;flex-basis: 100%;}
    .site-footer .row > div:not(:first-child) {max-width: 33.33%;}


}

@media (max-width:767px) {
    .hp-services {padding: 60px 0 !important;}
    .target-text svg {min-width: 75px;}
    .target-text {font-size: 30px;margin-top: -50px;}
    .s-img-slider img {height: 300px;}
    .swiper-button-prev, .swiper-button-next {width: 56px;padding: 0 20px;}
    .s-what-we .ww-anim {right: -18%;top: -6%;max-width: 300px;max-height: 300px;}
    .what-we-one-img {margin: 0 0 30px;}
    .work-grid {grid-template-columns: repeat(1, 1fr);gap: 0px;}
    .work-card-img-wrap svg {max-width: 40%;}
    .work-cta {padding: 20px 0 0;}
    .sect-cta {min-height: 400px;padding: 60px 0 !important;height: unset;}
    .site-footer .logo {max-width: 141px;}
    .site-footer .logo + p {font-size: 16px;}
    .site-footer .row > div:not(:first-child) {max-width: 100%;}
    .footer-bot {flex-direction: column;align-items: flex-start;justify-content: center;text-align: center;font-size: 14px;gap: 20px;}
    .what-we-one-text {max-width: 250px;}
    .s-what-we .what-we-bot .row > div {flex-basis: 100%;max-width: 100%;}


}


@media (min-width:769px) and (max-width:1024px) {

}

@media (min-width:1025px) {
    .portfolio-case__right .portfolio-case__buttons {display: none;}
}

/*==========  Mobile First  ==========*/

@media (min-width: 576px) {

}

@media (min-width: 768px) {


}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {
    .container {max-width: 1920px;padding-left: 80px; padding-right: 80px;}
    .menu-toggle {display: none;}
}

@media (min-width: 1601px) {

}