@media (max-width: 1371px){
	body{ font-size: 0.87rem; }
	.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: .3rem;}
	.h1,h1 { font-size: 2.05rem } 
	.h2,h2 { font-size: 1.65rem } 
	.h3,h3 { font-size: 1.25rem; } 
	.h4,h4 { font-size: 1.05rem } 
	.h5,h5 { font-size: 1.00rem } 
	.h6,h6 { font-size: 0.825rem }
	.hy-mains { padding: 0.2rem 1.6rem !important; }
	.header-nav-links a { font-size: 12px;}
	li.breadcrumb-item a, .black li.breadcrumb-item a, .carousel-item li.breadcrumb-item a { font-size: 11px; }
}
@media (min-width: 1200px){
.container,  .container-md, .container-sm  {max-width: 1100px;}
}
@media (min-width: 1200px){
.container-lg {max-width: 1280px;} .container-xl {max-width: 1440px;}
}
@media (max-width: 1280px){
.container-lg, .container-xl {max-width: 97%;} 
.col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { padding-right: 10px;padding-left: 10px;}
}

/*=========// Large devices (desktops, less than 1200px)============================*/
/* @media (max-width: 1199.98px) { ... } */
/*=========// Medium devices (tablets, less than 992px)============================*/
@media (max-width: 991.98px) {.media-buying h3 {font-size: 17px;}
}
/*=========// Small devices (landscape phones, less than 768px)============================*/
@media (max-width: 767.98px) {
.cont-wrap {
    margin-bottom: 0px;
    margin-top: 2.5rem;
}

.img-wrap img {
width: 100%;
border-radius: 10px;
min-height: 548px;
max-height: 584px;
object-fit: cover;
}
   
.ultimate p{font-size:15px;}

.ultimate {
    left: 2rem;
    background-color: rgba(255, 255, 255, .8);
    padding:2rem 1.5rem;
    position: absolute;
    width: 83%;
    margin:2rem 0rem;
    
}
.img-wrap {margin: 0px 0rem 0rem 0rem;}
.about-kenphia .container{
    border-radius:0px;
    background-color:transparent;
        padding:0rem 1rem;
        position: relative;
        z-index: 999;
        clear: both;
}
.contact-img img {margin-bottom: 2.5rem;}
.specific .col-md-3 {
    padding: 2rem 1rem;
    min-height: 270px;
    max-height: 270px;
    width: 50%;
    line-height: 24px !important;
}

 
.about-home h1 { font-size: 1.5rem;}
.about-home{overflow: hidden;padding:3rem 1rem;}
.partners .col-md-2{width:30%;}
.partners {padding-bottom:1.5rem;}
.partners .col-md-2 img{margin-top:1rem;margin-left:1rem;}
.footer h5 {font-size: 12px;}
h5.section-title {font-size: 13px;}
.global-btn .hvr-shutter-out-vertical {font-size: 12px;}
.ready-to p {
    font-size: 15px !important;
    width: 100%;
}
.ready-to .global-btn {float: none;}
.happy-clients{display: none;}
.featured .global-btn {
    float: none;
    margin-top: -2rem;
    margin-bottom: 2rem;
}
.categories {width: 60%;}
.start-from span.currency, span.price {font-size: 16px;}
 
.navbar-toggler:focus{box-shadow:unset;}
.navbar-collapse{background-color:#199647;}
.top .nav-link {font-size: 14px;color:#FFF;}
.mr-auto {padding-right: 0rem;}
header li.nav-item{border-bottom:solid 1px rgba(255,255,255,0.2);}
.top .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {color: #000;}
.navbar-collapse .d-flex{ display: flex !important; margin-bottom: 1rem; margin-left: 1rem; margin-top: 1rem; }
.top .container{padding-left:0px;padding-right:0px;}
.top .bg-body-tertiary{padding-bottom: 0px;}


.media-buying {margin-bottom: 3rem;}
.text-end {
    text-align: right!important;
    margin: 0.8rem;
}

.top .nav-item {
    padding:.7rem .0rem .7rem 1rem;
    width: 100%;
}
.top .navbar-nav.me-auto {
    margin-right: 0rem !important;
    margin-left: auto !important;
    margin-bottom: 0px!important;
}
.contact-page {padding: 3rem 1rem 0rem 1rem;}
.services{background-size:cover;}
.section-title:before{width: 35px;}
.section-title::after{width:40px}
/* .media-inner {padding: 3rem 1rem 0rem 0.5rem;} */
.nav-pills .nav-link {padding: .5rem 1.5rem;}
.register-s .about-right {padding: 3rem 1rem 0rem 1rem;}
.section-title {
   padding-left: 0px;
    margin-bottom: 1rem;
}
.search-bar{padding: 2rem 1rem 2rem 1rem;}
.search-bar .col:first-child{flex: 0 0 auto;width:100%;}
.search-bar .col:last-child{flex: 0 0 auto;width:100%;}
.search-bar .col{flex: 0 0 auto;width: 50%;}
.search-bar .btn.btn-primary.btn-send {
    padding:.8rem 1rem;
    width: 100%;
}

.banner-main h1 {font-size: 21px;}
.banner-main .carousel-caption {right: 8%;left: 8%;}
.banner-main p {width: 80%;margin: 0 auto 0rem auto;font-size: 15px;}
.banner-main .btn-banner .hvr-outline-out {padding: .7rem 1rem;font-size: 13px;}
.search-bar {margin-top: -3rem;}
.search-bar .btn-primary{width:100%;}
.media-inner .padin-right {padding-right: 0rem;}
}
/*=========// Small devices (landscape phones, less than 5756px)============================*/
@media (max-width: 575.98px) {
.banner-main.inner h1 {font-size: 22px;}
.banner-main.inner .carousel-caption {bottom:4rem;}
.light-green {padding: 3rem 2rem;margin-bottom: 2.5rem;}
.footer-logo p{text-align: center!important;}
.img {
    margin-bottom: 2.5rem;
    min-height: 200px;
    object-fit: cover;
}
.padin-right {padding-right: 0rem;}
.banner-main.carousel.slide .carousel-item img{
    width: 100%;
    max-height:450px;
    min-height:450px;
    object-fit: cover;
}
.banner-main.carousel.slide.inner .carousel-item img{
    width: 100%;
    max-height:250px;
    min-height:250px;
    object-fit: cover;
}
.banner-main .carousel-caption {bottom:42px;}
.banner-main .carousel-caption.d-none {display:block !important;}
.banner-main .carousel-indicators {bottom: 0rem;}
.p-70 {width: 100%;}
.news-updates {padding: 2.5rem 1rem;position:relative;}
.contact-right {padding-right: 0rem;}
.contact-page h2 {font-size: 22px;}
.contact-right p {width: 98%;}
.contact-left {padding:0px 1rem 1.5rem 1rem;}
.contact-left h2{padding-top:0px; }
.faq-page.magin-top{margin-top:-2rem}
.faq-page {padding: 1rem 1rem 3rem 1rem;}
.featured h2 {font-size: 24px;}
.about-belva .container{display:none;}
.featured {margin-bottom: 7rem;}
.ready-to {margin-bottom: 1.5rem;}
.footer-logo{text-align:center}
.copy .col-md-4 p {text-align:center!important;margin-top: .5rem;}

  /*====================mobile section*/
.mobile.accordion .accordion-button::after {
  width: unset;
    height: unset;
     content: "\2b";
    font-size:20px;
    color:#FFF;
    float: right;
    transform: rotate(0deg);
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900); 
    text-align: right;
    vertical-align: middle;
    flex-shrink: 0;
    background-image:unset;
    transition: transform .2s ease-in-out;
}
.mobile.accordion .accordion-button:not(.collapsed)::after{
    background-image:none;
    transform: rotate(-180deg);
    content: "\2212";
    transform: rotate(180deg);
    transition: all linear 0.25s;
    visibility: visible;
}
.banner-inner .carousel-caption.d-none.d-md-block {display: block!important;}
.banner-inner .justify-cont.explore-h p {font-size: 17px!important;}

.mobile.accordion .accordion-button::after{display: block;}
.mobile.accordion .accordion-item{border-left: unset;border-top: solid 1px rgba(255,255,255,0.2);}
.mobile.accordion .accordion-item:first-child{border-top:unset;padding-top:0!important;}
.mobile.accordion .accordion-button{padding:1rem 0px;}

.footer .accordion-body {padding: 0rem 0rem 1rem 0rem;}
.mobile.accordion{padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);}

.footer hr{display: none;}
.copy p{text-align: center;}
.copy .d-flex {justify-content: center!important;}
.footer{padding-top:0px;}
.mobile.accordion .accordion-item{color:#fff;padding: 0px;border-radius:0px;}
.footer .collapse:not(.show) {display: none;}
.text-muted {color:#fff!important;}
.accordion-item:first-of-type .accordion-button {
    border-top-left-radius:unset;
    border-top-right-radius:unset;
    border-top:unset;
}
.accordion-button:not(.collapsed) {box-shadow: unset;}
/*====================end mobile section*/

}