@media only screen and (max-width: 1599.98px) {
.home-pod .img-holder{ padding-bottom: 70%; }
.home-pod.height1 .img-holder{ padding-bottom: 100%; }
.pageTitle h1, .pageTitle h2 { font-size: 2.5vw; }
.pageTitle h1 span, .pageTitle h2 span{font-size: 3vw;}
.bn-content h2,.bn-content h1,.title1 h1,.title1 h2{ font-size: 6.2vw; }
.bn-content h2 span,.bn-content h1 span,.title1 h1 span,.title1 h2 span{font-size: 5.8vw;}
}
/*-1300-xlg*/
@media only screen and (max-width: 1399.98px) {

}
/*-992-xl*/
@media only screen and (max-width: 1199.98px) {
.show-xl { display: block !important; }
.hide-xl { display: none !important; }
.home-pod .img-holder{ padding-bottom: 80%; }
.home-pod.height1 .img-holder{ padding-bottom: 130%; }
.nav-content ul li a{padding: 21px 10px;}
.row-inner-xl{ padding-bottom: 30px; }
.header{left: 0%;transform: translateX(0%);}
}
/*-768-lg*/
@media only screen and (max-width: 991.98px) {
.show-lg { display: block !important; }
.hide-lg { display: none !important; }
.nav-holder{background: #231f20;position: fixed;width:100%;z-index: 9;right: -100%;bottom: 0;top: 66px;opacity: 1;visibility: hidden;transition: all 0.2s linear; height: calc(100vh - 66px);}
.nav-holder.open {right: 0;opacity: 1;visibility: visible;z-index: 99;}
.nav-content{ height: calc(100vh - 234px); overflow-y:auto;}
.nav-content ul{ list-style: none; margin: 0px; padding: 0px; display: block; }
.nav-content ul li a{ padding: 18px 20px 20px; color: #ffffff; display: block; font-size: 22px; font-weight: 700; line-height: 1;}
.nav-content ul li a:hover,.nav-content ul li.selected a,.nav-content ul li.active a{ color: #ffffff; background: var(--primary); }
.home-pod .img-holder { padding-bottom: 350px !important;}
.bn-content h2,.bn-content h1,.title1 h1,.title1 h2{ font-size: 42px; }
.bn-content h2 span,.bn-content h1 span,.title1 h1 span,.title1 h2 span{font-size: 38px;margin-top: -8px;}
.pageTitle h1, .pageTitle h2 { font-size: 35px; letter-spacing: -.5px; display: inline-block;}
.pageTitle h1 span, .pageTitle h2 span{font-size: 32px;margin-top: -5px;}
.pageTitle.md h1, .pageTitle.md h2 { font-size: 30px;}
.pageTitle.md h1 span, .pageTitle.md h2 span{font-size: 30px;}
.pageTitle.sm h1, .pageTitle.sm h2 { font-size: 24px;}
.pageTitle.sm h1 span, .pageTitle.sm h2 span{font-size: 24px;}
span.tp-left{margin-bottom:-5px !important;}
span.bt-left{ margin-top: -13px !important;}
.home-pods{ padding: 0px; }
.home-pods .row{margin-right: 0px;margin-left: 0px;}
.home-pods .row [class*="col-"]{ padding: 0px; }
.home-banner-slide-img {padding-bottom: 370px !important;}
.row-inner-lg{ padding-bottom: 30px; }
.franchise-img{padding-bottom:63.85% !important;}
}
/*-736-md*/
@media only screen and (max-width: 767.98px) {
.show-md { display: block !important; }
.hide-md { display: none !important; }
.bottom-logo{ padding-top: 30px; }
.promotion-img{ width: 150px; }
.promotion-img .img-holder{ border-radius: 12px 0px 0px 12px; }
.promotion-info{ padding: 0px 10px 0px 20px; text-align: left;}
.row-inner-md{ padding-bottom: 30px; }
.join-us-list .col-md-4:first-child{ padding-top: 0px; }
}
/*sm*/
@media only screen and (max-width: 575.98px) {
.show-sm { display: block !important; }
.hide-sm { display: none !important; }
.bn-content p { font-size: 16px;}
.bn-content p br{ display: block; }
.dots-inside .slick-dots{bottom: 20px;}
.header .container { padding: 0px 15px;}
.footer-social span{ display: none; }
.home-banner-slide-img {padding-bottom: 400px !important;}
.row-inner-sm{ padding-bottom: 30px; }
h2, .h2 { font-size: 29px; }
h3, .h3 { font-size: 26px; }
h4, .h4 { font-size: 23px; }
h5, .h5 { font-size: 20px; }
h6, .h6 { font-size: 16px; }

.inner-container-xxlg { padding: 50px 0px;}
.inner-container-xlg { padding: 50px 0px; }
.inner-container-lg { padding: 50px 0px;}
.inner-container { padding: 50px 0px;}
.testimonial-box-info{ font-size: 16px; }
.testimonial-box{padding: 20px;}
.franchise-info{padding: 40px 30px;}
/*.nav-scroll{max-width:320px;min-width: 500px;}*/
.chat-icon{ bottom: 5px; right: 5px;}

}
@media only screen and (max-width: 374.98px) {
.logo{width: 120px; padding: 9px 0px;}
.pageTitle h1, .pageTitle h2{font-size: 26px;}
.copyright{ font-size: 15px; }
.promotion-img{ width: 120px;}
.promotion-info h2{ font-size: 20px;}
}