/*----------------------------- media ---------------------------------*/

@media(max-width:1199px){

.mybanner .carousel-caption { 
    top: 111px; 
}

.box.blue p {
    font-size: 14px; 
    margin: 0 0 31px; 
}


}



@media(max-width:991px){
.mybanner .carousel-caption {
    top: 21px;
}

.box.blue { padding: 15px; }
.box { height: 307px; }

.box.schedule { padding: 15px; }

.box a { 
    padding: 10px; 
    width: 180px;
    text-align: center;
    height: 40px;
}

.box.schedule p { margin: 0 0 63px; }




}



@media(max-width:767px){

.topbtns { float: right; }

.topbar {
    text-align: left;
    margin: 10px 0;
    float: left;
}

.navbar-collapse {
    overflow-y: auto;
    float: left;
    width: 100%;
}

.navv .navbar-nav { float: none; }

.navv .navbar-nav > li > a { border-right: none; border-bottom: 3px solid transparent;}
.topbtns a { padding: 8px 15px; }

.box {
    height: initial;
    width: 60%;
    margin: 20px auto;
}

.mybanner h1 { 
    font-size: 24px; 
}

.mybanner h3 { 
    font-size: 18px; 
   margin: 9px 0 10px;
}

.mybanner .carousel-caption {
    top: 0;
}

.mybanner p { 
    padding-bottom: 5px;
    margin-bottom: 5px; 
    line-height: 1;
}

 


}



@media(max-width:599px){
.box { width: 90%; }

}



@media(max-width:479px){

.mybanner .carousel-inner>.item>img {  min-height: 260px; object-fit: cover; }

.mybanner p { font-size: 12px;
    letter-spacing: 5px;
}

.whats h2 { font-size: 27px; }

.whats h6 { 
    font-size: 12px; 
}

.whats p { 
    font-size: 16px; 
}

.whats p { 
    margin: 10px 0 10px;
}

.box img {
    min-height: initial;
}

.box { height: initial;}

footer p {
    font-size: 15px; 
}

.happy p { font-size: 14px; }
.topbar p .fa {  margin-left: 10px; }

.topbar p { font-size: 10.5px; }

.topbar p .fa { margin-left: 5px; }



}



@media(max-width:414px){


}

.mrtop{
    margin-top:30px;
}