@media screen and (max-width: 1400px) {
   /* .banner .wrap h2{top: 40% !important} */
}
@media screen and (max-width: 1300px) {
   .subfooter .contact .appointment, footer ul, footer ul li{
      text-align: center !important;
   }
   nav .wrap-list{width: 100% !important; display: block !important; text-align: center !important;}
   nav form{text-align: center !important;margin: 10px auto 0; float: none !important}
   nav ul li{border: 1px solid #dbdbdb; margin-left: 5px; padding: 7px; margin-bottom: 10px}
      nav ul li a{width: 280px !important;}
   footer ul li{border: 1px solid #dbdbdb; margin-left: 5px; margin-bottom: 0; padding: 8px;    width: auto  !important;}
      footer ul li a{width: 165px !important; display: inline-block;}
      .pin-footnav-cont .menu-item-21 a{width: 225px !important;}
      footer ul li a:hover{}
   footer .wrap-div .wrap-list{display: block;text-align: center; width: 100% !important}
   .copyright{ margin-top: 10px !important; float: none !important; text-align: center !important;margin-right: 0 !important; padding: 0 10px;}
   .banner .wrap h2{
      top: 0 !important;
      bottom: -9px !important;
      padding-top: 55px !important;
      margin: 0 !important;
      background: #00000052;
   }
   .video-page iframe{height: 450px !important}
}

@media screen and (max-width: 1100px) {
   .head-logo .wrap-div .wrap-list:first-child{width: 60%}
   .video-page iframe{height: 350px !important}
}
@media screen and (max-width: 900px) {
   footer ul li a{    width: 200px !important;}
   .head-logo .wrap-div .wrap-list:first-child{text-align: center; width: 100% !important}
   .head-logo .wrap-div .wrap-list:nth-child(2){display: none !important}

   .video-page iframe{height: 320px !important}
}

@media screen and (max-width: 720px) {
   .banner .wrap h2{font-size: 50px !important;}
   .video-page iframe{height: 300px !important}
}
@media screen and (max-width: 650px) {
   .head-logo .logo{max-width: 520px !important;}
   .video-page iframe{height: 280px !important}
   .pin-headnav-cont{display: none}
   .head-logo .wrap-div .wrap-list{display: inline-block !important; text-align: left !important;}
   .head-logo .wrap-div .wrap-list:first-child{width: 85% !important}
   .head-logo .contact-header{display: none !important}
      .burgerMenu{display: block !important;}
      .head-logo .wrap-div .wrap-list:nth-child(2){display: inline-block !important;padding: 0 !important}
   nav ul li{display:block !important}
   nav ul li a{width: 100%!important;}
   nav form{width: 98% !important; display: none}
   .banner .wrap{margin-top: 5px !important}
   .brochure iframe{height: 400px !important;}
   .page-11 .wp-block-image .alignleft{float: none !important; margin: 0 auto 20px !important;}
   .profile-title{max-width: none !important}
}

@media screen and (max-width: 530px) {
   .banner .wrap-info{bottom: 1% !important}

   .banner .wrap-info p {font-size: 22px !important;}
}
@media screen and (max-width: 500px) {
   .video-page iframe{height: 250px !important}
   .banner .wrap h2{font-size: 48px !important}
   .subfooter .contact .msg{ width: 100% !important;}
   .subfooter .contact .phone h5{font-size: 40px !important; width: 100% !important;}
   footer ul li, footer ul li a{width: 100% !important; margin-left: 0 !important; display: block !important;}

   .pin-footnav-cont .menu-item-21 a{width: 100% !important;}

   .main-content h4{background-image: none !important; font-size: 30px !important; color: white !important; position: relative !important; padding: 5px !important; height: auto !important; margin-top: -40px; padding-left: 23px !important; background-color: #c2919b !important; display: block; top: 4px !important;}
    .main-content .services ul li:hover > h4{background-image: none !important; background-color: #2b8491 !important;}
}

@media screen and (max-width: 450px) {
   .video-page iframe{height: 240px !important}
   .head-logo .wrap-div .wrap-list:first-child{padding: 12px 0}
      /* .banner .wrap h2{font-size: 55px !important;} */

   .banner .wrap h2{font-size: 44px !important; padding-top: 40px !important;}
      .banner .wrap-info p{font-size: 21px !important}

}

@media screen and (max-width: 400px) {
   /* .head-logo .logo{max-width: 290px !important;} */
   /* .banner .wrap ,.banner .wrap .skitter { height: 560px !important;} */
   .main-content h2{font-size: 50px !important;}
   .banner .wrap h2{font-size: 41px !important;}
      .video-page iframe{height: 230px !important}
      .banner .wrap-info{bottom: 0% !important;}
      .banner .wrap-info p{font-size: 19px !important}
}


@media screen and (max-width: 360px) {
   .head-logo .logo{max-width: 250px !important;}
   .banner .wrap h2{font-size: 37px !important;}
   .main-content h2{font-size: 30px !important;}
   /* .banner .wrap h2{font-size: 50px !important;} */
   .banner .wrap .skitter{ height: 500px !important;}
   /* .main-content h4{padding-left: 5px !important;} */
      .video-page iframe{height: 200px !important}

}

@media screen and (max-width: 300px) {
   .subfooter .contact .appointment a{
      display: block !important;
      width: 100% !important
   }
}