@media (max-width:1299px){
    .banner-sec{height: 500px;}
    .banner-sec .banner-bg{ height:100%; object-fit:cover; }
    
}

@media (max-width:1199px){  
    .min-menu li a{font-size: 20px; }
    .min-menu li {padding: 0 12px;}
    .right-btn {padding-left: 25px;}
    .top-btn {font-size: 17px;margin: 0 3px;padding: 12px 26px;}

}

@media (max-width: 991px){
    .min-menu li a {font-size: 16px;}
    .min-menu li {padding: 0 10px;}
    .right-btn {padding-left: 15px;}
    .top-btn {font-size: 16px;margin: 0 2px;padding: 10px 20px;}
    .navbar-brand{max-width: 180px;}
    .main-header {padding: 10px 0;}
    .banner-text p {font-size: 28px; padding-bottom: 10px;}
    .btn-min{padding: 14px 40px; font-size: 16px;}
    .banner-sec {height: 400px;}
    .about-sec, .why-gojo {padding: 70px 0;}
    .min-titel {font-size: 40px;padding-bottom: 10px;}
    .why-gojo-list {padding: 0;}
    .why-gojo-list span {font-size: 18px;line-height: 22px;letter-spacing: 0px;padding: 16px 0;}
    footer{padding: 50px 0 15px;}
    .banner-sec.inner-banner{height: 200px;}
    .banner-content span{font-size: 36px;}
}

@media (max-width: 767px){
    .home-cta{
        padding:20px 30px;
    }
    .home-cta h3{font-size:20px;}
    .home-cta p {font-size: 18px;}
    .cta {
        padding: 30px;
        border-radius: 20px;
    }
    .cta span{
        font-size: 24px;
    }
    .cta span strong{
        font-size: 32px;
    }
    .cta span a{
        font-size: 26px;
    }
    .box{text-align: left;}
    .box-heding span {font-size: 18px;}
    .banner-text img{width: 80%; margin: 0 auto;}
    .banner-text .store-icon img{ margin:0 2px; width:auto; }
    .about-sec, .why-gojo {padding: 50px 0;}
    .about-sec {text-align: center;}
    .about-sec p {text-align: justify;text-align-last: center;}
    .min-titel {font-size: 36px;padding-bottom: 8px;}
    .navbar-collapse{position: relative;}
    .main-header {padding: 5px 0 0 0;}
    .navbar-collapse {position: absolute;top: 100%;left: 0;right: 0;z-index: 9;background: #2973b3;}
    .min-menu li{ padding:0; }
    .min-menu li a{color: #fff;padding: 15px !important;border-bottom: 1px solid #9ec7ea;text-align: center;}
    .right-btn {padding: 15px;text-align: center;}
    .top-btn {margin: 0 3px;padding: 12px 35px;}
    .active-btn.top-btn {background: #33C2D9;}
    .why-gojo-list {padding: 15px;background: #fdfeff;margin-bottom: 20px;}
    .navbar-toggler:focus{outline:none;}
    .appointment-modal .modal-header .modal-title{font-size: 20px;}
    .request-bx .btn{padding: 8px;font-size:16px;}
    .banner-sec.inner-banner{height: 150px;}
    .banner-content span{font-size: 30px;}
}

@media (max-width: 575px){
    .footer-title {font-size: 20px;padding-bottom: 15px;}
     footer {padding: 40px 0 15px;}
     .cta {
        padding: 25px;
        border-radius: 20px;
    }
    .cta span{
        font-size: 20px;
    }
    .cta span strong{
        font-size: 24px;
    }
    .cta span a{
        font-size: 22px;
    }
    .home-cta{
        padding:15px 20px;
    }
    .home-cta h3{font-size:18px;}
    .home-cta p {font-size: 16px;}
    .home-cta a {
        margin: 0 1px;
    }
}

@media (max-width: 480px){
    .banner-text p {font-size: 24px;padding-bottom: 0;}
    .banner-text .store-icon p {font-size: 18px;}
    .banner-text .store-icon img{width: 35%;}
    .banner-sec {height: 350px;}
    .about-sec, .why-gojo {padding: 40px 0;}
    .min-titel {font-size: 30px;padding-bottom: 5px;}
}