@media (max-width : 1540px) {

}

@media (max-width : 1440px) {

}

@media (max-width : 1360px) {
.video-content .video-content-left{margin-right: -40px; margin-bottom: 40px; width: calc(100% + 40px);}
.video-content-right{height: 350px;}
}

@media (max-width : 1280px) {
}


@media (max-width : 1279px) {
}

@media (max-width : 1200px) {
.video-content{align-items: center !important;}
.video-content .video-content-left{margin: 0; padding-right: 32px;}
.video-content-right{max-width: 500px; height: auto;}
}


@media (max-width : 1024px) {
.mt-240{margin-top: 160px;}
.mt-160{margin-top: 120px;}
.mt-120{margin-top: 80px;}

.pt-240{padding-top: 160px;}
.pt-160{padding-top: 120px;}
.pt-120{padding-top: 80px;}

.overHidden .logo{position: relative; z-index: 9999;}
.overHidden .header {position: relative; z-index: 3; min-height: 100vh;}
.overHidden .top-bg{height: auto;}
.header-menu{display: none !important; position: absolute; top: 100px; left: 0; right: 0;}
.header-menu ul{display: block;}
.header-menu ul li{margin: 12px 0 0; text-align: center;}

.smolNav, .header-menu.showmenu{display: block !important;}
.smolNav{z-index: 9999;}

.video-text h4 span{display: inline !important;}
.feture-bg{padding: 100px 0;}
}


@media (max-width : 991px) {

}

@media (max-width : 979px) {
.video-content .video-content-left{padding: 0 0 32px; width: 100%; max-width: 100%;}
.video-content-right{max-width: 100%; text-align: center;}
.video-text h4 span{display: block !important;}
.step-content, .video-content{flex-direction: column;}
.step-content-right{margin-top: 32px;}
}

@media (max-width : 900px) {
.charge-content{max-width: 600px;}
.charge-box-2{right: -56px;}
}


@media (max-width : 768px) {
h1{font-size: 56px; line-height: 68px;}
h2{font-size: 44px; line-height: 52px;}
h3{font-size: 36px; line-height: 44px;}
h4{font-size: 22px; line-height: 26px;}
h5{font-size: 20px; line-height: 24px;}
.font-24, .font-20{font-size: 18px; line-height: 23px;}
.font-18{font-size: 16px; line-height: 20px;}

.wrap{padding-left: 16px; padding-right: 16px;}
.row-24{margin-left: -16px; margin-right: -16px;}
.row-24 [class*="col-"], .row-24 [class*="col-md-"], .row-24 [class*="col-sm-"]{ padding: 0 16px;}

.mt-240{margin-top: 80px;}
.mt-160, .mt-120{margin-top: 60px;}
.pt-240{padding-top: 80px;}
.pt-160, .pt-120{padding-top: 60px;}
.m-mt-48{margin-top: 48px;}
.m-mt-32{margin-top: 32px;}
.m-mt-24{margin-top: 24px;}
.m-mt-16{margin-top: 16px;}
.m-mt-8{margin-top: 8px;}
.m-p-24{padding: 24px;}
.m-p-16{padding: 16px;}
.m-p-12{padding: 12px;}
.m-p-8{padding: 8px;}
.m-d-none{display: none !important;}
.m-d-block{display: block !important;}

.top-bg.min-vh-100{min-height: auto !important;}
.header.flex-grow-1{flex-grow: 0 !important;}
.header-logo img{max-width: 200px;}
.banner{margin-top: 64px;}
.banner-content h2{font-size: 22px; line-height: 26px;}
.hero-btn{flex-direction: column;}
.hero-btn .btn{width: 100%;}
.banner-img img{max-height: none;}

.home-care-bg{height: 160px; margin-top: 24px;}
.home-care-content li{width: 50%; margin-top: 16px;}
.home-care-content li .bg-white{margin: 0 auto; height: 100%; text-align: center;}
.feature-content-box li{margin-top: 24px;}
.feature-content-box li:first-child{margin-top: 32px;}
.charge-content{display: flex; flex-direction: column; gap: 1rem; max-width: 500px;}
.charge-box{position: static; margin: 0 auto;}
.cta-content{padding: 48px 16px;}

.footer{padding: 40px 0;}
.footer-bottom{flex-direction: column; align-items: center;}
}

@media (max-width : 650px) {
.step-content-right ul:before{left: 24px;}
.custom-number{height: 48px; min-width: 48px; width: 48px;}
.custom-number h4{font-size: 24px; line-height: 28px;}
.home-care-content li{width: 100%;}
}

@media (max-height : 920px) {
.banner-img img{max-height: 36vh;}
}

@media (max-height : 800px) {
.banner-img img{max-height: 30vh;}
}