/*responsive*/
@media (min-width: 1300px) {
  .container-lg{max-width: 1240px;}
}

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

@media (max-width: 1024px) {
    .banner{height: 60vh;}
}

@media (max-width: 991.9px) {
    html{font-size: 87.5%;}
    body{text-align: justify; text-align-last: center;}
    .form-control, .insideBox h6, .smallHeading, .footer-area a, .list, .franchiseeBox, .side-recentBlogs-text{text-align-last: left;}
    .text-center{text-align: justify !important;}
    .container-lg{padding-left: 20px; padding-right: 20px;}
    .padding{padding-top: 5rem; padding-bottom: 5rem;}
    .pb-100{padding-bottom: calc(5rem + 50px);}
    .mt-n100{margin-top: -50px;}
    .rounded-100 {border-radius: 50px !important;}
    h6{font-size: 1.125rem;}
    .header.fixed + .mbMenuContainer{top: 75px;}
    .bannerText{text-align: center;}
    .bannerText .h1{font-size: 3.5rem;}
    .bannerText h5{max-width: 420px;}
    .bannerText .readmore{margin-top: 2rem;}
    .form-close{display: flex;}
    .enquiryBtn {display: block;}
    .stickyForm{bottom: 20px; right: 20px; position: fixed; display: none; transform: none;}
    .scrollDown{bottom: calc(40% + 2rem);}
    .heading{margin-left: auto; margin-right: auto;}
    .special-row{background-image: linear-gradient(transparent, rgb(251, 248, 253) 50%) !important;}
    .special-row:not(:last-of-type){margin-bottom: 20px;}
    .readmore .button{margin: 0 auto;}
    .testimonialThumb-slider{padding-bottom: 50px;}
    div[class^='swiper-button']{top: auto; margin-top: 0; bottom: 0; width: 32px; height: 32px;}
    div[class^='swiper-button']:after{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);}
    .testimSlide .inner{padding: 0 2rem;}
    .readmore{margin-top: 3rem;}
    .footer-area{border-radius: 50px 50px 0 0;}
    .footerAbout .footerSocial{gap: 10px;}
    .footer-area a{font-size: 1rem;}
    .button-top{right: auto; left: 10px;}
    .insideBanner{border-radius:0; margin-top: 0; width: 100%;}
    .page-title{font-size: 2.75rem;}
    .specialBox .scroller{height: auto; padding-right: 0;}
    .list{display: flex; justify-content: center; flex-wrap: wrap; gap: 5px 30px;}
    .franchiseeBox .box-head h5{font-weight: 600; text-align: left;}
    .franchiseeBox .list{justify-content: start;}
    .date-tags{justify-content: center; margin-left: auto; margin-right: auto;}
}

@media (max-width: 767.9px) {
  html {font-size: 75%;}
  .header .d-grid{grid-template-columns: 140px 1fr;}
  .banner {height:auto;}
  .scrollDown{bottom: 1rem;}
  .bannerText h5 {max-width: 350px;}
  .heading{margin-bottom: 2rem;}
  .readmore .button{min-width: 130px;}
  .insideBanner{height: 300px;}
  .blogs-archive h1{font-size: 2rem;}
  .side-recentBlogs a{font-size: 1rem;}
}

@media (max-width: 575.9px) {
  .rounded-100, .specialImg img, .special-row, .footer-area, .blogs-archive .bg-white, .blogs-archive .bg-white{border-radius: 20px !important;}
  .mt-n100{margin-top: -20px;}
  .pb-100{padding-bottom: calc(5rem + 20px);}
  .header .d-grid{grid-template-columns: 120px 1fr;}
  .header.fixed .d-grid{grid-template-columns: 90px 1fr;}
  .logo a{padding: 5px 0;}
  .header .readmore, .scrollDown{display: none !important;}
  .mbMenuContainer{top: 60px;}
  .header.fixed + .mbMenuContainer{top: 50px;}
  .banner{padding-top: 60px;}
  .heading .h1{font-size: 2rem;}
  .specialBox .inner{padding: 20px;}
  .foot-menu .insideBox{display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; align-items: center;}
  .foot-menu:not(:last-of-type){margin-bottom: 10px;}
  .foot-About .smallHeading{font-size: 13px; margin-bottom: 0 !important;}
  .foot-About .smallHeading a{padding: 8px 13px; border-radius: 30px; border: 1px solid rgba(255, 255, 255, 0.5);}
  .foot-contact h6{text-align-last: center;}
  .foot-contact li{justify-content: center; max-width: 340px; margin: 0 auto;}
}

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

@media (max-width: 425px) {
  .blogs-archive .bg-white .specialBox .inner{padding-left: 5px; padding-right: 5px;}
}

@media (max-width: 375px) {
  .date-tags span{font-size: 9px;}
}

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

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