@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1140px !important;
    }
  }


@media (min-width: 1920px) and (max-width: 2560px){

}


@media (min-width:1801px) and (max-width:1919px){

}


@media (min-width:1681px) and (max-width:1800px){

}


@media (min-width: 1600px) and (max-width: 1680px){
  
}


  @media (min-width: 1441px) and (max-width: 1599px){

  }

  @media (min-width: 1400px) and (max-width: 1440px){

  }

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

  }


@media (min-width: 992px) and (max-width: 1200px){
.bannercard-item { height: 380px;}

}


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

    .bannercard-item { height: 430px;}
}


@media (min-width: 768px) and (max-width: 991px){
  
  .logo { margin: 15px 0 0 15px;}
  .logo a img { width: 72px;}
.banner-card { gap: 25px;}
.bannercard-item { height: 340px;}
.bannercard-item div { bottom: 40px;}
.bannercard-item div .heading, .bannercard-item div p { padding: 0 15px 0 37px;}
.bannercard-item div .heading{ font-size: 34px;}
.bannercard-item div p{font-size: 12px;}
.bannercard-item div .heading::before { width: 25px;}
.float-whatsapp { bottom: 15px; right: 15px;}
.float-whatsapp img { width: 55px;}
.header-area .dropdown-menus{left: -55px;}

}


@media (min-width: 600px) and (max-width: 767px){
  
  .logo { margin: 12px 0 0 12px;}
  .logo a img { width: 70px;}
  .book-link { padding: 13px 8px; font-size: 10px; letter-spacing: 1px;}
  .book-link img { width: 14px; margin-right: 5px;}
  .phone-link {font-size: 12.5px; letter-spacing: 1px; margin-right: 10px;}
  .phone-link img { width: 13px; margin-right: 4px; margin-top: 3px;}
  .banner-card { gap: 15px; flex-direction: column;}
  .bannercard-item { width: 100%; height: 120px;}
  .bannercard-item.active { width: 100%;}
  .bannercard-item div { width: auto; bottom: auto; top: 50%; transform: translateY(-50%);}
  .bannercard-item div .heading, .bannercard-item div p { padding: 0 15px 0 30px;}
  .bannercard-item div .heading { font-size: 28px;}
  .bannercard-item div .heading::before { width: 20px;}
  .bannercard-item div p { margin-bottom: 10px; font-size: 11px;}
  .float-whatsapp { bottom: 12px; right: 12px;}
  .float-whatsapp img { width: 50px;}
  .header-area .dropdown-menus{left: -95px;}

}



@media (max-width: 599px){

  .logo { margin: 12px 0 0 12px;}
  .logo a img { width: 70px;}
  .book-link { padding: 13px 8px; font-size: 10px; letter-spacing: 1px;}
  .book-link img { width: 14px; margin-right: 5px;}
  .phone-link {font-size: 12.5px; letter-spacing: 1px; margin-right: 10px;}
  .phone-link img { width: 13px; margin-right: 4px; margin-top: 3px;}
  
  .banner-card { gap: 15px; flex-direction: column;}
  .bannercard-item { width: 100%; height: 120px;}
  .bannercard-item.active { width: 100%;}
  .bannercard-item div { width: auto; bottom: auto; top: 50%; transform: translateY(-50%);}
  .bannercard-item div .heading, .bannercard-item div p { padding: 0 15px 0 30px;}
  .bannercard-item div .heading { font-size: 28px;}
  .bannercard-item div .heading::before { width: 20px;}
  .bannercard-item div p { margin-bottom: 10px; font-size: 11px;}
  .float-whatsapp { bottom: 12px; right: 12px;}
  .float-whatsapp img { width: 44px;}
  .header-area .dropdown-menus{    left: -100px;}

}