@media (max-width:1200px) {
    .banner img{object-fit: contain;height: auto;}
    .banner{height: auto;}
    .sticky-header::after{background-size: inherit;height: 272px;background-size: 245% 250%;}
    .navbar{padding: 5px 0 0 !important;}
    .icecream-happiness h2, .section-cool h2{font-size: 50px;line-height: 60px;}
    .icecream-happiness p{font-size: 15px;}
    .icecream-happiness{height: auto;padding: 0;}
    .nuts{width: 125px !important;top: 0;}
    .icecream-cnt ul{height: 488px;}
    .icecream-cnt ul li{height: auto;}
    .cone{top: 300px;width: 135px !important;left:0;right: 0;margin: 0 auto;}
    .scoop{top: 190px;width: 125px !important;}
    .icecream-cnt{height: auto;}
    .icecream-scroll-wrapper{height: 100vh;background: #b8e9f7;}
    .scoop-wrap{height: auto;}
    footer::after{background-size: cover;}
}
@media (max-width:1024px){
    .sticky-header a img{width:100px;}
    .icecream-happiness h2 br{display: none;}
    .icecream-happiness p br{display: none;}
    .icecream-happiness h2, .section-cool h2{font-size: 40px;line-height:50px;}
    .banner-cnt-2 p{font-size: 10px;}
    .video-bg{height: 475px;}
    .curved-text-container{width: 548px;height: 300px;bottom: 30px;}
    .video-bg video{height: auto;}
    .video-banner{height: 500px;}
    .scoop-wrap{width: 135px;}
    .waves:after{height: 50px;}
}
@media (max-width:767px){
    .icecream-happiness-left h2{text-align: center;}
    .icecream-happiness-left p{text-align: center;}
    .icecream-cnt ul{padding: 0;}
    .banner-cnt-2 ul{padding: 0;}
    .banner-cnt-2 p{margin: 2px 0;}
    .video-banner{height: 420px;}
    .popup-text{font-size: 40px;}
        .banner img {object-fit: contain;height: auto;}
    .navbar-brand img{width: 150px;}
    .footer-left ul {padding: 0px 0 15px;max-width: 160px;margin: 0 auto;}
    footer img{display: block;margin: 0 auto;}
    .footer-right a{margin: 0 auto;text-align: center;}
    .desktop-banner{display: none;}
    .mobile-banner{display: block;}
    .waves:after{height: 40px;}
    .popup{width: 300px;}
}

@media (max-width:490px){
    .video-bg{height: 350px;}
    .curved-text-container{width: 320px;bottom:-20px;}
    .video-banner{height: 350px;}
    .scoop-wrap{width:100px;}
    .nuts{width: 100px !important;}
    .cone{width: 100px !important;top:245px;}
    .scoop{width: 100px !important;top:145px;}
    .icecream-happiness h2, .section-cool h2{font-size: 30px;line-height: 40px;}
    .waves:after{height: 35px;}
}