@media only screen and (max-width: 1440px) {

    .custom-navbar .nav-link{font-size: 12px;}
    .homeMainBanner h1{ font-size: 36px;} 
    .homeLessons div a span { padding-right: 0; }
    .homeLessons div a {font-size: 16px; line-height: normal;}
    .customerTotal span, .customerRating span { font-size: 22px; }
    .customerTotal span small, .customerRating span small {font-size: 12px;}
    .benefitBookingOnline h2 { font-size: 22px;}
    .bookingOnlineOuter div h3 {font-size: 15px;}
    .skiServicesOuter div h3 { font-size: 16px;}
    .skiServicesOuter div.img-fluid {width: 30%;}
    .newsImg img { height: 200px; }
    .call-us-heading { font-size: 22px; line-height: initial; }
    .call-us p, .call-us .book-now, .callUSBtn span, .call-sec-list{font-size: 14px;}
    
} 

@media only screen and (max-width: 1280px) {
    h1{ font-size: 26px; font-weight: 700; font-family:"Manrope", serif; color: #000; margin-bottom: 25px; text-transform: uppercase;}
    h2{ font-size: 24px; font-weight: 700; font-family:"Manrope", serif; color: #2760CF; margin-bottom: 20px; text-transform: uppercase;}
    h3{ font-size: 22px; font-weight: 600; font-family:"Manrope", serif; color: #000; margin-bottom: 20px;}
    h4{ font-size: 20px; font-weight: 600; font-family:"Manrope", serif; color: #8fb5ff; margin-bottom: 15px;}
    

    .custom-navbar .nav-link{font-size: 12px;}
    .homeMainBanner h1{ font-size: 32px;} 
    .homeLessons div a span { padding-right: 0; }
    .homeLessons div a {font-size: 16px; line-height: normal;}
    .customerTotal span, .customerRating span { font-size: 22px; }
    .customerTotal span small, .customerRating span small {font-size: 12px;}
    .benefitBookingOnline h2 { font-size: 22px;}
    .bookingOnlineOuter div h3 {font-size: 15px;}
    .skiServicesOuter div h3 { font-size: 16px;}
    .skiServicesOuter div.img-fluid {width: 30%;}
    .newsImg img { height: 200px; }
    .call-us-heading { font-size: 22px; line-height: initial; }
    .call-us p, .call-us .book-now, .callUSBtn span, .call-sec-list{font-size: 14px;}
} 

@media only screen and (max-width: 1024px) {
    h1{ font-size: 26px; font-weight: 700; font-family:"Manrope", serif; color: #000; margin-bottom: 25px; text-transform: uppercase;}
    h2{ font-size: 24px; font-weight: 700; font-family:"Manrope", serif; color: #2760CF; margin-bottom: 20px; text-transform: uppercase;}
    h3{ font-size: 22px; font-weight: 600; font-family:"Manrope", serif; color: #000; margin-bottom: 20px;}
    h4{ font-size: 20px; font-weight: 600; font-family:"Manrope", serif; color: #8fb5ff; margin-bottom: 15px;}
    .homeMainBanner h1{font-size: 24px;}
    .container{ padding-left: 30px; padding-right: 30px;}
    .paddingCommon{ padding: 45px 0;}
    .paddingCommonTop{ padding-top: 45px;}
    .paddingCommonBottom{ padding-bottom: 45px;}
    .abtBlockImg { height: auto; overflow: hidden; border-radius: 20px; margin-bottom: 20px;}
    .newsContent{margin-bottom: 40px;}
    .benefitBookingOnline h2:before, .benefitBookingOnline h2:after{display: none;}
    .benefitBookingOnline h2{ font-size: 24px;}
    .bookingOnlineOuter { display: flow; width: 100%; gap: 25px; flex-wrap: wrap; margin-left: 15px; margin-right: 15px; column-count: 2;}
    .bookingOnlineOuter div { margin-bottom: 25px; text-align: center; }
    .bookingOnlineOuter div h3 { font-size: 18px; display: block; margin-top: 12px;}
    .bookingOnlineOuter div h3 img { display: block; margin-bottom: 10px; min-height: 63px; }
    .expBlock{flex-wrap: wrap;}
    .expHeadLeft, .expHeadRight{width: 100%;}
    .callUSBtn span{ padding: 20px 10px; display: block;}
    .call-sec-list { display: flow; margin: 40px 0px; flex-wrap: wrap; column-count: 2; }
    .call-sec-list li { width: 100%; margin-bottom: 20px; }
    .footerHeading { margin-bottom: 0; margin-top: 20px; }
    .footer-bootom-text { text-align: left; padding: 8px 0; }
    .call-us { padding: 60px 0px 0px 0;}
    .number { font-size: 42px; }
    .our-gallery .row, .our-gallery .swiper-container{ margin-left: 15px; margin-right: 15px; }
    .home-swiper-gallery .swiper-slide { height: 300px; }
    .newsImg img { height: 100%; object-fit: fill;}
    .our-gallery {overflow: hidden;}
    footer { padding: 45px 0; }
    .newsImg{ height: 350px; }
    .expBlock h3 {margin-bottom: 20px;}
    .homeLessons.d-none{ display: none !important;}
    .skiSchoolBLock{order:2; text-align: center;}
    .upper-header li:last-child{ display: none;}
    .homeMainBanner.paddingCommon { padding-top: 25px; }
    .book-now-top{display: none;}
    .bookingOnlineOuter div img{ height: 65px;}
    .custom-navbar .navbar-toggler-icon{filter: brightness(0%) contrast(400%);}
    .shrink .navbar-toggler-icon{filter: brightness(0%) contrast(100%) invert(100%);}
    .shrink.navbar-dark .navbar-toggler{border:transparent;}
    .homebannerratings { display: flex; width: 100%; gap: 20px;  margin-top: 40px; flex-wrap: wrap; align-items: center;}
    .customerTotal { border-right: none; padding-right: 0; }
    .call-us-heading { font-size: 22px;}
    .custom-menu-class .menu{ flex-wrap: wrap; padding: 0;}
    .custom-menu-class .menu li{ border-bottom: 1px solid #2760cf; padding: 5px 0px !important; width: 100%;}
    .customerTotal span small, .customerRating span small{display: inline-block; vertical-align: top;}
    .customerTotal div, .customerRating div {display: flex; gap: 20px; align-items: center; }

    .serviceMobile{display: block;}
    .serviceMobileouter{ display: flow; gap: 10px; text-align: center; justify-items: stretch; column-count: 4;}
    .serviceMobileouter div span { display: block; font-size: 16px; line-height: 22px; color: #1e1e1e; font-weight: 700; margin-top: 10px; }
    .serviceMobileouter div { border: 1px solid #1e1e1e; padding: 10px; border-radius: 10px; margin-bottom: 10px; }
    .serviceMobileouter div img { height: 60px; }
    .serviceMobileouter div:hover { border: 1px solid #2760cf;}
    .serviceMobileouter div:hover span{ color: #2760cf;}
    .serviceMobileouter div a{ display: block;}
    .custom-navbar button:focus { outline: none; }
    .custom-navbar .container-fluid{ padding-left:15px; padding-right:15px; }
    .custom-navbar .navbar-brand { width: 75%; }

    .book-now-top-mobile{display: block; position: fixed; left: 10px;  bottom: 20px;  z-index: 100; border-radius: 8px; font-size: 20px; background: #2760cf; color: #fff; padding: 10px 20px;}
    .book-now-top-mobile:hover{background: #252525; color: #fff;}
} 

@media only screen and (max-width: 767px) {
    h1{ font-size: 26px; font-weight: 700; font-family:"Manrope", serif; color: #000; margin-bottom: 25px; text-transform: uppercase;}
    h2{ font-size: 24px; font-weight: 700; font-family:"Manrope", serif; color: #2760CF; margin-bottom: 20px; text-transform: uppercase;}
    h3{ font-size: 22px; font-weight: 600; font-family:"Manrope", serif; color: #000; margin-bottom: 20px;}
    h4{ font-size: 20px; font-weight: 600; font-family:"Manrope", serif; color: #8fb5ff; margin-bottom: 15px;}
    .homeMainBanner h1{font-size: 24px;}
    .container{ padding-left: 30px; padding-right: 30px;}
    .paddingCommon{ padding: 45px 0;}
    .paddingCommonTop{ padding-top: 45px;}
    .paddingCommonBottom{ padding-bottom: 45px;}
    .abtBlockImg { height: auto; overflow: hidden; border-radius: 20px; margin-bottom: 20px;}
    .newsContent{margin-bottom: 40px;}
    .benefitBookingOnline h2:before, .benefitBookingOnline h2:after{display: none;}
    .benefitBookingOnline h2{ font-size: 24px;}
    .bookingOnlineOuter { display: flow; width: 100%; gap: 25px; flex-wrap: wrap; margin-left: 15px; margin-right: 15px; column-count: 2;}
    .bookingOnlineOuter div { margin-bottom: 25px; text-align: center; }
    .bookingOnlineOuter div h3 { font-size: 18px; display: block; margin-top: 12px;}
    .bookingOnlineOuter div h3 img { display: block; margin-bottom: 10px; min-height: 63px; }
    .expBlock{flex-wrap: wrap;}
    .expHeadLeft, .expHeadRight{width: 100%;}
    .callUSBtn span{ padding: 20px 10px; display: block;}
    .call-sec-list { display: flow; margin: 40px 0px; flex-wrap: wrap; column-count: 2; }
    .call-sec-list li { width: 100%; margin-bottom: 20px; }
    .footerHeading { margin-bottom: 0; margin-top: 20px; }
    .footer-bootom-text { text-align: left; padding: 8px 0; }
    .call-us { padding: 60px 0px 0px 0;}
    .number { font-size: 42px; }
    .our-gallery .row, .our-gallery .swiper-container{ margin-left: 15px; margin-right: 15px; }
    .home-swiper-gallery .swiper-slide { height: 300px; }
    .newsImg img { height: 100%; object-fit: fill;}
    .our-gallery {overflow: hidden;}
    footer { padding: 45px 0; }
    .newsImg{ height: 250px; }
    .expBlock h3 {margin-bottom: 20px;}
    .homeLessons.d-none{ display: none !important;}
    .skiSchoolBLock{order:2;}
    .upper-header li:last-child{ display: none;}
    .homeMainBanner.paddingCommon { padding-top: 25px; }
    .book-now-top{ display: none;}
    .bookingOnlineOuter div img{ height: 65px;}
    .custom-navbar .navbar-toggler-icon{filter: brightness(0%) contrast(400%);}
    .shrink .navbar-toggler-icon{filter: brightness(0%) contrast(100%) invert(100%);}
    .shrink.navbar-dark .navbar-toggler{border:transparent;}
    .homebannerratings { display: flex; width: 100%; gap: 20px;  margin-top: 40px; flex-wrap: wrap;}
    .customerTotal { border-right: none; padding-right: 0; }
    .call-us-heading { font-size: 22px;}
    .custom-menu-class .menu{ flex-wrap: wrap; padding: 0;}
    .custom-menu-class .menu li{ border-bottom: 1px solid #2760cf; padding: 5px 0px !important; width: 100%;}
    .customerTotal span small, .customerRating span small{display: inline-block; vertical-align: top;}
    .customerTotal div, .customerRating div {display: flex; gap: 20px; align-items: center; }

    .serviceMobile{display: block;}
    .serviceMobileouter{ display: flow; gap: 10px; text-align: center; justify-items: stretch; column-count: 2;}
    .serviceMobileouter div span { display: block; font-size: 16px; line-height: 22px; color: #1e1e1e; font-weight: 700; margin-top: 10px; min-height: 45px;}
    .serviceMobileouter div { border: 1px solid #1e1e1e; padding: 10px; border-radius: 10px; margin-bottom: 10px; }
    .serviceMobileouter div img { height: 60px; }
    .serviceMobileouter div:hover { border: 1px solid #2760cf;}
    .serviceMobileouter div:hover span{ color: #2760cf;}
    .serviceMobileouter div a{ display: block;}
    .custom-navbar button:focus { outline: none; }

    .ht-ctc { bottom: 30%!important;}
    .social-media { margin-left: -25px; }

    .book-now-top-mobile{position: fixed; left: 0px;  bottom: 0px;  z-index: 100; border-radius: 0px; font-size: 22px; width: 100%; text-align: center; padding: 10px 0; background: #2760cf; color: #fff;}
    .book-now-top-mobile:hover{background: #252525; color: #fff;}
}