/*responsive*/
@media (min-width: 1300px) {
  .container-lg{max-width: 1280px; padding-left: 3.5rem; padding-right: 3.5rem;}
}

@media (max-width: 1399.9px) {
  .navigation .main-menu a{padding: 10px 1rem;}
}
@media (min-width: 1920px) {
  .container-lg{max-width: 1600px;}
}

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

@media (max-width: 991.9px) {
    html{font-size: 87.5%;}
    .icon-circular{width: 35px; height: 35px;}
    .heading{margin-bottom: 3.5rem;}
    .heading.hasline span.h4{font-size: 2rem;}
    .heading .h1{font-size: 2.25rem;}
    .swiper{padding-bottom: 50px;}
    .swiper-button-next, .swiper-button-prev{top: auto !important; margin-top: 0 !important; bottom: 0; width: 32px !important; height: 32px !important; border-color: rgba(0, 0, 0, 0.2) !important;}
    .swiper-button-next:after, .swiper-button-prev:after{color: var(--body-color) !important; font-size: 13px !important;}
    .swiper-button-next, .swiper-rtl .swiper-button-prev{right: calc(50% - 35px);}
    .swiper-button-prev, .swiper-rtl .swiper-button-next{left: calc(50% - 35px);}
    .readmore{margin-top: 3rem;}
    .footer-logo img{width: 100px;}
}

@media (max-width: 767.9px) {
  html {font-size: 75%;}
  body {text-align: justify; text-align-last: center;}
  .form-control, .address ul{text-align-last: left;}
  .container, .container-lg{max-width: 100%; padding-left: 2rem; padding-right: 2rem;}
  .logo img{width: 120px;}
  .banner {height: auto;}
  .heading{margin: 0 auto 2rem;}
  .readmore .button{min-width: 130px;}
  .upcomingBox img{max-width: 160px;}
  .upcomingBox .display-4{font-size: 3rem;}
}

@media (max-width: 575.9px) {
  .container, .container-lg{padding-left: 18px; padding-right: 18px;}
  .heading.hasline span.h4::before, .heading.hasline span.h4::after{width: 20%;}
  .heading .h1{
    font-size: 1.82rem;
    text-align: center;
  }
  .readmore {
    justify-content: center;
    display: flex;
    width: 100% !important;
    margin-top: 1rem;
  }
  .address ul {
    width: 100%;
  }
}
 
@media (max-width: 480px) {
  .featured-text 
  {
    flex-wrap: wrap;
  }
  .featured-text section {
    width: 100%;
  }
  .header{padding: 5px 0;}
  .logo img, .fixed-header-strip .header .logo img, .header.notfixed .logo img, .header.fixed .logo img{width: 90px;}
}

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

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

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

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