.img-fluid {width:100%;height:auto;}
.bannerFramBx ul{margin:0px;padding:0px;}
.bannerFramBx ul li{margin:0px;padding:0px;list-style:none;display:inline-block;width:12%;border-radius:12px;border:4px solid #f6ba05;overflow:hidden;}
.bannerFramBx ul li img{max-width:100%;}
.footer,.footer a{color:#cacaca;}
.teminfoBx .card{margin-bottom:30px;}
.teminfoBx .card-body{padding:15px!important;min-height:370px;}
.teminfoBx .card-body img{max-width:100%;}
.navbar-brand{width:100%;text-align:center;}
.navbar-brand .logo-light{margin:0 auto;}

@media only screen and (max-width: 1024px) {
    .bannerFramBx ul li{width:11%;}
}
@media only screen and (max-width: 767px) {
    .bannerFramBx ul li{width:20%;}
}
@media only screen and (max-width: 640px) {
    .bannerFramBx ul li{width:22%;}
}
@media only screen and (max-width: 480px) {
    .bannerFramBx ul li{width:31%;}
}
@media only screen and (max-width: 360px) {}
@media only screen and (max-width: 320px) {}