@media screen and (max-width: 1899px) {
    
}

@media screen and (max-width: 1799px) {    

}

@media screen and (max-width: 1699px) {    

}

@media screen and (max-width: 1599px) {
}

@media screen and (max-width: 1499px) {  
}

@media screen and (max-width: 1399px) {   
    .box-years .logo {padding: 0 120px 0 0;} 
    .box-years .text {padding: 0 120px 0 0;}
    .years-slider-part .swiper-pagination {left: 100px;}
    .studio-one-slider-part .swiper {padding: 0 100px 0 100px;}
    .studio-two-slider-part .swiper {padding: 0 70px;}

}

@media screen and (max-width: 1299px) {        
}

@media screen and (max-width: 1199px) {
    
    .box-years .logo {padding: 0 70px 0 0;} 
    .box-years .text {padding: 0 70px 0 0;}
    .years-slider-part .swiper-pagination {left:50px; top: 60px;}
    .box-years {padding: 0 0 70px 0;}
    .studio-one-slider-part .swiper {padding: 0 70px 0 70px;}
}

@media screen and (max-width: 1023px) {
}

@media screen and (max-width: 991px) {
    .container{padding-left: 15px; padding-right: 15px;}

     /**** mobile menu *****/
     .hamburger{display: inline-block; vertical-align: middle; margin-left: 15px; }
     .header-in{padding: 0 15px;}
     .menu-list{position: fixed; background-color: var(--primary-color); top: 0; right: -100%; width: 100%; z-index: 11; bottom: 0; -webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease;  -ms-transition: all 0.3s ease;  -o-transition: all 0.3s ease; transition: all 0.3s ease;padding-top: 70px;}
     .open-menu .main-menu .menu-list{right: 0;}
     .cross-icon{display: inline-block; width: 18px; }
     .cross-icon img{width: 100%;}
     .nav {max-height: calc(100vh - 70px);overflow: auto;}
     .nav > ul{display: block; padding-top: 40px; }
     .nav > ul > li{padding: 15px 15px; position: relative; margin: 0; text-align: center; border: 0;}
     .nav > ul > li > a{color: var(--white); font-size: 20px; }
     body::before{content: ""; width: 100%; height: 100%; background: rgb(0 0 0 / 40%); position: fixed; z-index: 10; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
     body.overlay:before{opacity: 1; visibility: visible;}
     body.overflow-hidden {overflow: hidden;}
     /**** mobile menu end *****/

    .box-years .years {line-height: 0.73;letter-spacing: -17px;}
    .box-years h2 {font-size: 45px; line-height: 50px;padding: 20px 0 15px 0;}
    .studio-one-slider-part .swiper {padding: 0 50 0 50px;}
    .studio-new-section2 .swiper-pagination {right:30px;top: 45px !important;}
    .studio-new-section2 .swiper-pagination .swiper-pagination-bullet {font-size: 40px;}
    .studio-new-section2 .swiper-pagination .swiper-pagination-bullet::before {right: 4px; top: 38px; bottom: -23px;}
    .studio-new-section2 .swiper-pagination .swiper-pagination-bullet::after {top:calc(50% - 3px);width: 12px; height: 12px;}
    .studio-one-slider-part { padding: 65px 0 0 0; }
    .studio-new-section2 .box-studio {padding: 186px 0px 80px 0px;}
    .box-studio.slide2 {flex-direction: column;}
    .studio-two-text .st2-title {padding: 0 0 20px 0;}
    .studio-two-text p {margin: 0 0 20px 0;}
    .studio-two-text {padding: 65px 40px 30px 40px;flex: none;}
    .studio-two-slider-part {max-width: 100%;}
    .box-studio.slide3 {flex-direction: column;}
    .box-studio.slide3 .studio-two-text { flex:none; }
    .studio-three-image { max-width: 80%; margin: 0 auto; }
    .studio-three-image {margin:20px auto 0 auto;}
    .studio-two-slider-part .swiper {padding: 0 50px;}
    .studio-three-image .image-in::before {transform: scale(0.7);left: -45px;}
}

@media screen and (max-width: 767px) {
	
	#brxe-nkzgqs:before {background: linear-gradient(179deg, rgba(255, 255, 255, 0) 0%, rgb(255 255 255 / 100%) 100%) !important;}
	
    .container{padding-left: 12px; padding-right: 12px;}
    .leading_phrases_slider .box {padding-top: 30px; padding-right: 16px; padding-bottom: 20px; padding-left: 16px;}
    .box-years .years { line-height: 0.75; letter-spacing: -1.3rem; font-size: 53.3vw; margin-bottom: 0;}
    .box-years .text { padding: 0 23px 0 23px; }
    .box-years .text {max-width: 100%;}
    .box-years h2 {font-size: 30px; line-height: 1;}
    .box-years .logo { width: 125px; padding: 0; margin: 0 23px 0 0; }
    .years-slider-part .swiper-pagination { left: 30px; top:15vw; }
    .box-years { padding: 40% 0 70px 0; }
    .box-years p {font-size: 18px; line-height: 23px;padding: 0 0 15px 0;}
    .studio-one-slider-part .swiper {padding: 0 0 0 30px;}

    .studio-new-section2 .swiper-pagination .swiper-pagination-bullet {padding: 7px 24px 7px 0;}
    .studio-new-section2 .swiper-pagination {right: 15px;}
    .studio-one {padding: 35px 20px 75px 35px;}
    .studio-one .title .icon img {max-width: 45px;}
    .studio-one .number {position: absolute; left: 25px;}
    .studio-one p {margin-top: 20px; margin-bottom: 0;}
    .studio-new-section2 .swiper-pagination .swiper-pagination-bullet {font-size: 30px;}
    .studio-new-section2 .swiper-pagination {top: 30px !important;}
    .studio-new-section2 .box-studio { padding: 136px 0px 40px 0px; }
    .studio-two-text {padding:50px 20px 30px 20px;}
    .studio-two-text .st2-title { padding: 0 0 10px 0; }
    .studio-two-text p {font-size: 20px; line-height: 25px;margin: 0 0 15px 0;}
    .back-btn { padding:0 0 0 0; }
    .back-btn .button {font-size: 18px;}
    .studio-two-slider-part .swiper {padding: 0 40px;}

    .dv-sticky {top: 140px;}
    .horizontal-hidden {margin: -90% 0 0 0;} 

    .years-slider-part {overflow: initial;}
    .mySwiper-years {position: sticky; top:73px;}
    .years-slider-hidden {display: flex; flex-direction: column;}
    .years-slider-hidden-item {height: 16.6666667%;}

    .mySwiper-studio {position: sticky; top:73px;}
    .studio-slider-hidden {display: flex; flex-direction: column;}
    .studio-slider-hidden-item {height:33.33%;}

    .sth-content-infor p { font-size: 24px;line-height: 32px;}
    .step-number.active:before, .step-number:before {background: linear-gradient(90.73deg, #28b1d7 -128.78%, #02e6bc 158.07%) !important; width: calc(100% + 140px);}
    .step-1 .field-img:hover:before, .field-img.active:before { width: 186.75px;height:133.75px;top:-10px;}

    .form-sections-ecommerce .step-1 .form-field-left .field-box { justify-content: center !important;}
    .form-sections-ecommerce .step-1 .form-field-left .field-box{ padding:0px !important;}
    

}

@media screen and (max-width:700px) {
   .step-number.active:before, .step-number:before {width: calc(100% + 120px);}
}
@media screen and (max-width:670px) {
    .step-number.active:before, .step-number:before {width: calc(100% + 108px);}
}
@media screen and (max-width:620px) {
    .step-number.active:before, .step-number:before {width: calc(100% + 90px);}
}
@media screen and (max-width:580px) {
    .step-number.active:before, .step-number:before {width: calc(100% + 75px);}
}

@media screen and (max-width:540px) {
    .step-number.active:before, .step-number:before { width: calc(100% + 65px);}
}

@media screen and (max-width:500px) {
    .step-number.active:before, .step-number:before { width: calc(100% + 50px);}
}

@media screen and (max-width:450px) {
    .step-number.active:before, .step-number:before {width: calc(100% + 35px);}
}
@media screen and (max-width:410px) {
    .step-number.active:before, .step-number:before {width: calc(100% + 21px);}
}

@media screen and (max-width:360px) {
    .step-number.active:before, .step-number:before { width: calc(100% + 0px);}
}

#brxe-rawmko {
    display: block !important;
}

@media screen and (max-width: 576px) {
    .step-1 .field-img { width:160.75px;}
    .years-slider-part .swiper-pagination { left:20px; top:24vw; }

    .box-years {padding:40% 0 30px 0;}
    .box-years .years {font-size:60vw;}
    .box-years .text { padding:0px 20px 0 20px; }
    .box-years { padding:70% 0 30px 0; }

    .sth-content-infor p {font-size:20px !important;line-height:30px !important;}
    .sth-box-component .content-component{ margin-bottom:65px !important;}  
    .sth-more-post {font-size:18px !important;line-height:20.93px !important; padding:15px 10px !important;}

    #brxe-d0ff55 {margin-top:50px !important;}

}



@media screen and (max-width: 478px) {

    .leading_phrases_slider .box {background-color: #f5f5f5; border: 0;}
    .sticky-section-hidden {display: none;}
    .sticky-section-shop #brxe-84133b {margin: 0 0 15px 0; position: relative; z-index: 9;}
    .google-titile {top:-15px;position: relative;}
    .step-3-input .checking label::after, .step-2-input .checking label::after {width:18px;}
    .step-2-input .wpcf7-list-item label:after {width:18px;}
    #brxe-9c0405 {text-align: center;}
}
@media screen and (max-width:540px) {
    .step-1 .field-img {width:160.75px;}
}

@media screen and (max-width: 400px) {
    
	.form-sections-ecommerce .step-2-input .wpcf7-form-control {padding-left:0px !important;padding-right:0px !important;}
    .google-titile p{ font-size:24px;;}
    .sth-content-infor p {font-size:18px !important;line-height:26px !important;}

}

@media screen and (max-width: 350px) {

   .step-number.active:before, .step-number:before {    width: calc(100% + 0x);}
   .form-sections-ecommerce .step-2-input .wpcf7-list-item {width:90% !important;}
   .form-sections-ecommerce .step-2-input .wpcf7-form-control { flex-direction: column;}
}