@media (max-width: 1399.98px) { 

    

}

@media (max-width: 1199.98px) { 

    .assos-logos{
        height: 55px;
    }

    .gallery .swiper-wrapper, .gallery .swiper-slide img {
        height:550px;
    }
    
    .blockspecialists{
        top:-150px;  
      }
      
   

}

@media (max-width: 1024px) { 

    .covervideoimage .contentcvi h2 {
        font-size: 3rem;
    }



}

@media (max-width: 991.98px) {
    
    .covervideoimage .contentcvi h2 {
        font-size: 3rem;
    }

    .covervideoimage .contentcvi2 h1 {
        font-size: 3rem;
    }

    .covervideoimage .contentcvi2{
        width: 50%;
    }
    .gallery .swiper-wrapper {
        height:500px;
    }
      
    .gallery .swiper-slide img {
        height:500px;
        
    }
    .assos-logos{
        height: 45px;
    }

    .gallery .swiper-wrapper, .gallery .swiper-slide img {
        height:500px;
    }
    .nav-main a {
        padding: 36px 7px
    }

   

}

@media (max-width: 767.98px) { 
    .brands img {
        transform: translateY(0);
    }

    #logo_mobile svg{
        width: 200px;
    }
    .contentcvi3{
        bottom:0;
    }
    .gallery .swiper-wrapper, .gallery .swiper-slide img {
        height:450px;
    }

    .header{
        background: rgba(255, 255, 255, 0);
        border-top: 0 solid #00187E;
        padding:20px 0;
        border-bottom: 1px solid #E8E8E8;
       
    }

    .contentcvi2 h1 {
        font-size: 1.7rem;
    }

    .contentcvi2 h2 {
        font-size: 1rem;
    }

    .contentcvi2{
        text-align: center;
        padding-bottom: 70px;
        padding-top: 50px;
       
      }
      
      .covervideoimage {
        position: relative;
        top: 0;
        overflow: hidden;
        height: 60vh;
        min-height:450px;
        background-size: cover;
        background-position: 85% top;
    }

    .btn-home-mob{
        position: absolute;
        bottom: 30px;
        left: 50%;
        margin-left: -150px;
        width: 300px;
       
        
    }

    .btn-home-mob .btn-black, .btn-home-mob .btn-blue{
        width: 100%;
        
    }

    .btn-home-mob .btn-black{
        background-color: #fff;
    }

    .welcome{
        text-align: left;
    }

    section {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .last_block{
        display: none;
    }

    .foo-left{
        width:100%;
    }
      
    .foo-right{
        width: 100%;
        float: right;
    }

    .line-footer {
        border-right: #fff 0 solid;
    }

    .sub-footer{
        display: none;
    }

    .nav-footer li{
        font-size: 1.1rem;
    }

    .nav-footer{
        margin-top: 10px;
    }

    .welcome-inner{
        padding-left: 0;
        padding-right: 0;
    }

    .covervideoimage::after{
        display: none ;
    }

    .mobcover{
        position: relative;
        overflow: hidden;
        max-width: 100vw;  
    }
    
    .home .mobcover::after{
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        height: 200vw;
        width: 200vw;
        background-color: #00187E;
        border-radius: 35%;
        transform: translateX(-50%);
        animation: spinupmob 5.3s cubic-bezier(1,.61,.355,1.000) forwards;
        z-index: -1;
        
        
    }
 

    .contentcvi2{
        z-index: 5;
    }

    .treats{
       padding: 0;
       margin: 0;
    }

    .treatment-col{
        margin: 0;
    }
    .xmas .faq_question{
        padding-right:0
    }
    .xmas p{
        color: #fff; 
        font-size: 1rem;
        font-family: 'relativebold';
    }
    .xmas .faq_question::after {
        background-image: url(../img/arrow-down-white.svg);
        right: -25px;
        top:20px;
          
    }

    .faq_question{
        padding-right:50px
    }

    .treat-menu, .treat-content{
        border-top:0px solid #00187E;
      }

    body {
        margin-top: 85px;
    }
    
    .blog-title{
        color: #000;
    }

    .featured {
        background: linear-gradient(180deg, #50c7e8 30%, rgba(0, 0, 0, 0) 70%,);
       
    }
    .cat{
        color: #000; margin-right: 10px;
      }


      .blockspecialists{
        top:0;  
      } 
      
      .active.tabs_specialists2::after {
        display: none;
      } 

      .treatments .faq_question a{
        text-decoration: none;
      }

      .blog-f{
        position: static;
        top:0; 
      }

      .sticky-post{
        margin-bottom:0;
      }

      .sticky-post img{
        height: 400px;
        
      }

      .contentcvi3 h3{
        font-size: 1.2rem;
      }

      .contentcvi3 p{
        font-size: 0.8rem;
      }

      .contentcvi3 {
        width: auto;
        padding: 5px;
    }
 


}

@media (max-width: 575.98px) {

    .gallery .swiper-wrapper, .gallery .swiper-slide img {
        height:300px;
    }

    .gallery .swiper-slide:nth-child(4n+1) {
        width: 80%;
    }
      
    .gallery .swiper-slide {
        width: 40%;
    }

    .gallery-title-box{
        padding: 10px 20px;
        font-size: 1rem;
    }

    .gallery .swiper-button-next, .gallery .swiper-button-prev{
        display:none ;
    }

    .reviews h3{
        padding: 0 40px;
    }

    .reviews .swiper-button-next:after, .reviews .swiper-button-prev:after {
        display:none ;
        
    }

    .treatment-col .btn-white{
        position: relative;
        transform: none;
        left:0;
        bottom:0;

    }

    .treatment-col h3 {
        font-size: 2.5rem;
        padding-right: 50px;
       
    }

    .treatment-col p {
        font-size: 1.2rem;
        
    }

    .treats:nth-child(1),  .treats:nth-child(2),  .treats:nth-child(3){
        border: 0px solid #fff;
    }
    .cover {
        padding: 0 0;
        top:0;
        height: 30vh;
        min-height: 300px; 
        position: relative;
       
    }

    .coverimage{
        background-position: center center;
        position:relative;
        padding: 0 0;
        height: 40vh;
        min-height: 300px;
       
    }
    .gallery {
        position: relative;
    }

      

    

}

@media (max-width: 375px) {

    .contentcvi2{
        text-align: center;
        padding-bottom: 20px;
        padding-top: 100px;
        height:40vh;
      }
      .contentcvi2 h1 {
        font-size: 1.3rem;
        }

      .covervideoimage {
        position: relative;
        top: 0;
        overflow: hidden;
        height: 60vh;
        min-height:350px;
        background-size: cover;
        background-position: 85% top;
    }
}