/*////////////////////////////////////////////////////// Responsive CSS Structure //////////////////////////////////////////////////////*/

@media(min-width:1441px){
      .banner-wraper .banner-left{flex: 0 0 auto;}
}

@media(min-width:1400px){
      .container{ max-width: 1210px; }

      .wellness-wraper .wellness-blocks-wraper .row>*:nth-child(odd){ width: 55%; }
      .wellness-wraper .wellness-blocks-wraper .row>*:nth-child(even){ width: 45%; }
}

@media (min-width: 1300px) and (max-width: 1399px) {

      .banner-wraper .banner-left{padding: 45px 5px 40px 90px; width: 33%;}
      .banner-section .banner-right{width: 67%;}


      .wellness-wraper .wellness-blocks-wraper .row>*:nth-child(odd){ width: 55%; }
      .wellness-wraper .wellness-blocks-wraper .row>*:nth-child(even){ width: 45%; }     
}

@media (min-width: 1200px) and (max-width: 1299px) {

      .current-wraper .current-left{padding: 32px 20px 40px 45px;}
      .banner-wraper .banner-left{padding: 45px 5px 40px 40px; width: 30%;}
      .banner-section .banner-right{width: 70%;}
}

@media (min-width: 992px) and (max-width: 1199px) {
      .section-title{font-size: 20px;}
      .current-wraper .current-left{padding: 32px 20px 40px 31px;}
      .banner-wraper .banner-left{padding: 45px 5px 40px 27px; width: 25%;}
      .banner-section .banner-right{width: 75%;}
      .banner-img-block{max-width: 230px;}

      .rental-block .rental-block-detail .title{font-size: 12px; padding: 0 8px;}
      .rental-main-cart .rental-block .rental-img { height: 260px; }

      .sale-section .sale-section-wraper{padding: 37px 20px 56px 30px;}

      .service-common-slick .service-common-img { height: 380px; }

      .services-benifits .block-title{font-size: 18px;}

      .galerie-section{padding: 80px 0px;}
      .galerie-wraper .galerie-main-title{margin-bottom: 34px;}
}

@media(min-width:1200px){
      .header.active .h-content .f-top{ padding-top: 10px; padding-bottom: 10px; }
      .header.active .navbar .navbar-brand{ height: 52px; }
      .header.active .navbar .navbar-brand.brand-2{ height: 20px; }
      .header.active .h-content .f-bottom{ padding-top: 5px; padding-bottom: 10px; }
      .header.active {background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(10px);}
}

@media(max-width:1199px){
      /* .header { padding: 15px 0; } */
      .navbar { justify-content: space-between; }
      
      html.nav-menu-open .header { z-index: 999; }
      html.nav-menu-open .navbar .navbar-brand { position: relative; z-index: 9999; }
      html.nav-menu-open .navbar .navbar-toggler { z-index: 9999; }
      .navbar-nav .nav-item { margin: 0 !important; padding: 0; border-bottom: 1px solid var(--blue); }
      .navbar-nav .nav-item:last-child { border: none; }
      .navbar .navbar-collapse { display: block; position: fixed; right: -100%; top: 0; bottom: 0; height: 100%; z-index: 999; width: 100%; overflow: auto; background: #ffffff; padding: 150px 15px 30px; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; }
      .navbar .navbar-collapse.show { right: 0; }
      .navbar .navbar-collapse.show:before { position: fixed; content: ""; left: 0; right: 0; top: 0; width: 100%; height: 120px; background: #ffffff; z-index: 9; }
      .navbar-nav .nav-item .nav-link { display: flex; align-items: center; justify-content: space-between; padding: 15px 0 !important; }
      
      .navbar-nav .dropstart .dropdown-toggle,
      .navbar-nav .dropend .dropdown-toggle { padding-right: 35px !important; }
      .navbar-nav .dropstart .dropdown-toggle:before,
      .navbar-nav .dropend .dropdown-toggle:after { position: absolute; right: 15px; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; }
      .navbar-nav .dropstart > .dropdown-toggle,
      .navbar-nav .dropend > .dropdown-toggle,
      .navbar-nav .dropdown > .dropdown-toggle { background: transparent !important; }
      .navbar-nav .dropdown > .dropdown-toggle.show { color: #16a1cc; }
      .navbar-nav .dropstart .dropdown-toggle.show:before,
      .navbar-nav .dropend .dropdown-toggle.show:after,
      .navbar-nav .dropdown > .dropdown-toggle.show:after { transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); }
      .navbar-nav .dropstart > .dropdown-toggle:hover,
      .navbar-nav .dropstart > .dropdown-toggle.show,
      .navbar-nav .dropend > .dropdown-toggle:hover,
      .navbar-nav .dropend > .dropdown-toggle.show { color: #0a4557 !important; background: #ffffff !important; }

      .header.active .h-content .f-top{padding: 10px 0 15px;}
      .header .h-content .f-bottom{padding: 10px 0;}
      /* .header{background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(10px);} */
}

@media (min-width: 768px) and (max-width: 991px) {
      .main-title{font-size: 28px;}
      .block-title{font-size: 18px;}
      .section-title{font-size: 19px;}

      /* advantages-section */
      .advantages-section{padding: 60px 0 70px;}
      /* advantages-section */

      /* personal-customer */
      .personal-customer{padding: 70px 0 150px;}
      .contact-details ul li{font-size: 28px; padding-left: 28px;}
      .contact-details ul li img{left: -8px;}
      /* personal-customer */

      .current-wraper .current-left{padding: 32px 20px 40px 31px;}
      .current-wraper .current-right { flex: 1 1 auto; }

      .banner-wraper .banner-left{padding: 45px 5px 40px 27px; width: 25%;}
      .banner-section .banner-right{width: 75%;}
      .banner-img-block{max-width: 181px;}
      .banner-left-details .section-title{margin-bottom: 30px;}

      .rental-block .rental-block-detail .title{font-size: 12px; padding: 0 8px;}
      .rental-main-cart .rental-block .rental-img { height: 260px; }
      .common-title-right .details{font-size: 16px;}

      .sale-section .sale-section-wraper{padding: 37px 20px 56px 30px;}
      .sale-section{padding: 30px 0 25px;}

      .service-common-slick .service-common-img { height: 320px; }

      .galerie-section{padding: 70px 0px;}
      .galerie-main .slider-for .galerie-slick-item img{height: 350px;}
      .galerie-wraper .galerie-main-title{margin-bottom: 34px;}
      .galerie-wraper .galerie-main-title .galerie-main-left { max-width: 424px; }
      .highlights-block .highlights-img { height: 246px; }
      .highlights-block .highlights-details{padding: 15px 15px 5px 15px;}
      .highlights-details .section-title { margin-bottom: 17px; }
      .current-occasions-img-block .current-occasions-img{height: 580px !important;}

      .common-title-wraper>*{ width: 50%; }

      .services-benifits .services-benifits{min-height: 95px;}
}

@media (min-width: 768px) {
      .header.active .navbar .navbar-brand{height: 45px;}
      .header.active .navbar .navbar-brand.brand-2{height: 20px;}
}

@media (max-width: 767px) {
      body{font-size: 14px;}
      .main-title{font-size: 28px;}
      .section-title{font-size: 20px;}
      .block-title{font-size: 18px;}
      .content { padding-top: 147px; }
      .header .h-content .f-bottom ul li a img{height: 15px;}
      
      /* advantages-section */
      .advantages-section{padding: 50px 0 50px;}
      .accordion-button{font-size: 16px;}
      /* advantages-section */

      /* personal-customer */
      .personal-customer .personal-customer-wraper .main-title{margin-bottom: 22px;}
      .personal-customer .personal-customer-wraper .contact-details{flex-direction: column; align-items: center;}
      .personal-customer .personal-customer-wraper .contact-details .block-title{margin-right: 0; margin-bottom: 20px;}
      .personal-customer{padding: 50px 0 50px;}
      .personal-customer .personal-customer-wraper{text-align: center;}
      .contact-details ul li{font-size: 28px; padding-left: 30px;}
      /* personal-customer */

      .current-section .current-wraper{flex-direction: column-reverse;}
      .current-wraper .current-left{padding: 30px 15px; text-align: center;}
      .current-right .current-img-block{height: 520px;}

      .banner-section .banner-wraper{flex-direction: column-reverse;}
      .banner-wraper .banner-left{width: 100%; padding: 30px 15px;}
      .banner-wraper .banner-left .banner-left-details{text-align: center;}
      .banner-left-details .section-title{margin-bottom: 30px;}
      .banner-right-wrap{flex-direction: column;}
      .banner-img-block{max-width: 100%; margin-bottom: 20px;}
      .banner-img-block:hover{max-width: 100%;}
      .banner-section .banner-right{width: 100%;}

      .rental-block .rental-block-detail .title{font-size: 12px; padding: 0 8px;}
      .rental-main-cart .rental-block .rental-img { height: 260px; }

      .contact-details ul li img{height: 22px;}

      .sale-section .sale-section-wraper{padding: 37px 20px 56px 30px;}
      .sale-section{padding: 20px 0 25px;}
      .services-benifits .block-title{font-size: 16px;}
      .service-common-slick .service-common-img { height: 180px; }
      .common-title-wraper{flex-direction: column; margin-bottom: 25px;}
      .common-title-right .details{text-align: center; font-size: 16px;}
      .common-title-wraper>*{width: 100%;}
      .common-title-wraper .common-title-left .section-title{text-align: center; margin-bottom: 20px;}

      .galerie-main .slick-arrow.slick-next{right: 15px;}
      .galerie-main .slick-arrow.slick-prev{left: 15px;}
      .galerie-section{padding: 50px 0px;}
      .galerie-main .slider-for .galerie-slick-item img{height: 280px;}
      .galerie-main .slider-navigation .galerie-slick-item img{height: 90px;}
      .galerie-main .slick-arrow img{height: 35px;}
      .galerie-wraper .galerie-main-title{margin-bottom: 34px;}
      .wellness-blocks-wraper .wallness-block{max-width: 100%; margin-bottom: 10px; }
      .wellness-blocks-wraper .wallness-left{padding: 10px 15px 10px 0;}
      .wellness-wraper .wellness-main-title{text-align: center;}
      .wellness-blocks-wraper .wallness-left .wallness-inner-details{max-width: 100%; text-align: center;}
      .wellness-blocks-wraper .wallness-block .wallness-img{max-width: 100%;}
      .galerie-wraper .galerie-main-title{justify-content: center;}
      .galerie-wraper .galerie-main-title .galerie-main-left{max-width: 100%; text-align: center; margin-bottom: 20px;}
      .current-occasions-wraper .block-title{margin-bottom: 33px;}
      .current-occasions-img-block .current-occasions-img { height: 380px !important; }
      .current-occasions-img-block .current-occasions-details{padding: 0 20px; font-size: 16px; top: 41px;}
      .rental-section .rental-main-details{max-width: 100%; text-align: center;}
      .sale-section .sale-section-wraper{width: 100%;}
      .sale-section-wraper .sale-section-details{max-width: 100%;}
      .btn-video{width: 50px !important; height: 50px !important;}

      .highlights-block .highlights-img { height: 216px; }
      .highlights-wraper .main-title{text-align: center;}
      .highlights-block .highlights-details{padding: 15px 15px 5px 15px;}
      .highlights-details .section-title { margin-bottom: 17px; }
      .highlights-section{padding: 39px 0 20px;}
      /* Footer */
      footer .f-top{ padding: 50px 0 20px; }
      /* .f-top .f-top-wraper .row{flex-direction: column-reverse;} */
      .current-left .current-details-block .btn-content { margin-top: 28px; }
      /* Footer */
}

/*---------- Small Mobile , IPhone Start ----------*/
/*=== Screen Size = 240, 320, 360, 480, 568 ===*/
@media (min-width: 576px) and (max-width: 767px) {
      .header.active .navbar .navbar-brand{height: 45px;}
      .header.active .navbar .navbar-brand.brand-2{height: 20px;}
      .services-benifits .services-benifits{min-height: 95px;}
}

@media (min-width: 429px) and (max-width: 575px) {}

@media (min-width: 240px) and (max-width: 575px) {

      .navbar .navbar-brand{margin-right: 5px;}
      .navbar .navbar-brand{height: 36px;}
      .navbar .navbar-brand.brand-2{height: 18px; margin-top: 0;}
      .navbar .navbar-collapse{padding: 110px 15px 30px;}

      .main-title{font-size: 22px;}
      .contact-details ul li{font-size: 22px;}
      /* our-team-section */
      .our-team-block .team-img *{object-position: top;}
      .current-right .current-img-block{height: 320px;}
      /* our-team-section */

      .rental-main-cart .rental-block .rental-img { height: 240px; }

      .sale-section .sale-section-wraper{padding: 30px 15px 30px 15px;}
      .services-benifits .services-benifits{text-align: center; min-height: auto;}

      /* Footer */
      .f-top .f-top-wraper .row{flex-direction: column-reverse;}
      .f-block.f-right{margin-bottom: 30px; text-align: center;}
      .social-icons ul{justify-content: center;}
      .f-block.f-left{text-align: center; max-width: 100%;}
      .f-bottom .f-quick-links ul{justify-content: center;}
      /* Footer */
}

@media (max-width: 380px) {}