@media (max-width:1579px) {
.hero_sec .detail h1{ font-size: 80px;}
.terminal_info{ max-width: 1120px; margin: -220px auto 0 auto; gap: 40px;}
.hero_sec .detail p{ font-size: 20px;}
.terminal_info .hero1 video { top: 27px; left: 23px; max-width: 191px; max-height: 312px;}
.terminal_info .hero2 video { top: 17px; left: 10px; max-width: 157px; max-height: 209px;}
.terminal_info .hero3 video { top: 3px; left: 4px; max-width: 93px; max-height: 200px;}
.terminal_info .hero4 video { top: 3px; left: 5px; max-width: 91px; max-height: 200px;}
.terminal_info .hero5 video { top: 30px; left: 5px; max-width: 67px; max-height: 76px;}
.terminal_info .hero6 video { top: 10px; left: 5px; max-width: 217px; max-height: 137px;}
.global_title{ font-size: 60px;}
.what_sec figure{ max-width: 270px;}
.what_sec video { top: 30px; left: 27px; max-width: 214px; max-height: 351px;}
.clones_sec .detail{ max-width: 420px;}
.clones_sec figure { max-width: 270px;}
.clones_sec video { top: 26px; left: 65px; max-width: 181px; max-height: 302px;}
.clones_sec .women{ width: 135px;}
.agent_sec .row { margin-left: -20px; margin-right: -20px;}
.agent_sec [class^="col-"], .agent_sec > [class*=" col-"] { padding-left: 20px; padding-right: 20px;}
.agent_sec figure{ max-width: 550px;}
.agent_sec video { top: 13px; left: 58px; max-width: 438px; max-height: 271px;}
.way_sec .main{ max-width: 365px; margin: 0 auto;}
.way_sec video { top: 22px; left: 3px; max-width: 359px; max-height: 485px; border-radius: 0 0 11px 11px;}
.market_sec figure{ max-width: 270px;}
.market_sec .video_info video{ top: 30px; left: 27px; max-width: 214px; max-height: 351px;}
.market_sec .market_tab{ width: 190px;}
.market_sec .market_lap video { top: 16px; left: 16px; max-width: 158px; max-height: 210px;}
.market_sec .market_mobile{ width: 100px; margin: 0 0 13px -26px;}
.market_sec .market_lap video.mob_vid { top: 38px; right: 4px; max-width: 91px; max-height: 201px; border-radius: 10px;}
.market_sec .detail{ max-width: 340px;}
}

@media (max-width:1199px) {
.hero_sec{ padding-top: 40px;}
.hero_sec .detail h1 { font-size: 70px;}
.hero_sec .detail i{ width: 70px;}
.terminal_info { max-width: 950px; margin: -200px auto 0 auto; gap: 30px;}
.terminal_info .hero1 video { top: 23px; left: 20px; max-width: 165px; max-height: 272px;}
.terminal_info .hero2 video { top: 15px; left: 8px; max-width: 138px; max-height: 182px;}
.terminal_info .hero3 video { top: 3px; left: 4px; max-width: 80px; max-height: 173px; border-radius: 10px;}
.terminal_info .hero4 video { top: 3px; left: 4px; max-width: 82px; max-height: 175px; border-radius: 10px;}
.terminal_info .hero5 video { top: 27px; left: 4px; max-width: 58px; max-height: 66px;}
.terminal_info .hero6 video { top: 8px; left: 4px; max-width: 189px; max-height: 119px;}
.client_sec .inner{ padding: 60px 30px;}
.global_title { font-size: 44px;}
.client_sec .global_title { margin-bottom: 40px;}
.client_block h3{ font-size: 24px;}
.what_sec span{ font-size: 22px;}
ul.what_list li{ font-size: 16px;}
.what_sec .detail{ max-width: 440px;}
.serve_sec .inner{ padding: 60px 30px;}
.serve_info{ gap: 60px;}
.serve_block h3{ font-size: 22px;}
.clones_sec .detail p{ font-size: 16px;}
.clones_sec .detail{ max-width: 360px;}
.clones_sec .women { width: 125px;}
.way_sec{ padding: 100px 0 60px 0;}
.way_sec .global_title{ font-size: 44px; margin-bottom: 40px;}
.way_sec .main{ max-width: 300px;}
.way_sec video { top: 18px; left: 2px; max-width: 296px; max-height: 400px; border-radius: 0 0 8px 8px;}
.market_sec .detail p{ font-size: 16px;}
.market_sec figure { max-width: 230px;}
.market_sec .video_info video { top: 27px; left: 23px; max-width: 182px; max-height: 297px;}
.market_sec .market_tab { width: 160px;}
.market_sec .market_lap video { top: 14px; left: 14px; max-width: 133px; max-height: 176px;}
.market_sec .market_mobile { width: 85px; margin: 0 0 9px -25px;}
.market_sec .market_lap video.mob_vid { top: 35px; right: 3px; max-width: 79px; max-height: 170px;}
.market_sec .detail { max-width: 300px; margin-left: 40px;}
.technology_sec .inner{ padding: 60px 30px;}
.technology_sec figure{ margin-bottom: 40px;}
.technology_sec p{ font-size: 18px;}
.agent_sec{ padding: 60px 0 40px 0;}
ul.agent_list li{ font-size: 18px;}
.agent_sec figure{ max-width: 450px;}
.agent_sec video { top: 11px; left: 47px; max-width: 359px; max-height: 222px;}
.footer_sec .inner{ padding-top: 100px;}
.footer_sec{ padding-bottom: 30px;}
}

/************ Main **************/
@media (max-width: 991px) {
.hero_sec .detail h1 { font-size: 60px;}
.hero_sec .detail p{ font-size: 18px;}
.hero_sec .detail{ max-width: 460px;}
.terminal_info { max-width: 730px; margin: -110px auto 0 auto; gap: 20px;}
.terminal_info .hero1 video { top: 17px; left: 15px; max-width: 126px; max-height: 208px;}
.terminal_info .hero2 video { top: 10px; left: 6px; max-width: 106px; max-height: 140px;}
.terminal_info .hero3 video { top: 2px; left: 3px; max-width: 61px; max-height: 132px;}
.terminal_info .hero4 video { max-width: 82px; max-height: 171px;}
.terminal_info .hero5 video { top: 20px; left: 3px; max-width: 44px; max-height: 54px;}
.terminal_info .hero6 video { top: 5px; left: 4px; max-width: 142px; max-height: 93px;}
.global_title { font-size: 40px; margin-bottom: 25px;}
.client_block h3 { font-size: 20px;}
.clones_sec figure { max-width: 230px;}
.clones_sec video { top: 22px; left: 55px; max-width: 155px; max-height: 258px;}
.clones_sec .women { width: 105px;}
.clones_sec .detail { max-width: 260px;}
.clones_sec .detail { max-width: 225px;}
.way_sec video { top: 14px; left: 2px; max-width: 225px; max-height: 305px;}
.market_sec .market_lap{ display: none;}
.technology_sec{ padding-top: 60px;}
.agent_sec figure{ max-width: 345px;}
.agent_sec video { top: 8px; left: 35px; max-width: 277px; max-height: 172px;}
.footer_sec .detail{ flex-direction: column; align-items: center; gap: 30px;}
.footer_sec .left_info figure{ text-align: center;}
.footer_sec .left_info{ flex-direction: column;}
.footer_sec .inner{ padding: 50px 30px;}
.footer_sec .right_info{ align-items: center;}
ul.privacy_list{ justify-content: center;}
ul.help_list{ margin-bottom: 20px;}
.agent_sec [class^="col-"], .agent_sec > [class*=" col-"] { padding-left: 15px; padding-right: 15px;}
.agent_sec .row { margin-left: -15px; margin-right: -15px;}

}

@media (max-width: 767px) {
html { -webkit-text-size-adjust:none;}
.container{ width:90%; margin:0 auto; padding:0; max-width: inherit;}

.terminal_info{ flex-direction: column; margin: 0 auto; align-items: center; padding-top: 40px;}
.terminal_info .hero1 video { top: 33px; left: 27px; max-width: 236px; max-height: 388px;}
.terminal_info .hero2 video { top: 20px; left: 11px; max-width: 196px; max-height: 261px;}
.terminal_info .hero3 video { top: 4px; left: 5px; max-width: 114px; max-height: 246px;}
.terminal_info .hero4 video { max-width: 115px; max-height: 246px;}
.terminal_info .hero5 video { top: 37px; left: 7px; max-width: 81px; max-height: 96px;}
.terminal_info .hero6 video { top: 11px; left: 6px; max-width: 269px; max-height: 172px;}
.client_block h3 br{ display: none;}
.what_sec .detail{ max-width: 100%;}
.clones_sec .detail{ max-width: 100%; padding-bottom: 0;}
.clones_sec .women{ display: none;}
.way_sec{ padding: 40px 0 60px 0;}
.way_sec video { top: 17px; left: 3px; max-width: 294px; max-height: 401px;}
.way_block{ flex-direction: column; gap: 20px;}
.way_sec .what_list{ max-width: 100%;}
.way_sec .detail{ gap: 20px;}
.way_sec [class^="col-"]:last-child .way_block{ flex-direction: column;}
.way_sec .main{ margin: 30px auto;}
.market_sec .detail{ max-width: 100%; text-align: center; margin: 0; padding: 40px 30px;}
ul.privacy_list{ flex-wrap: wrap; gap: 10px 15px; padding: 0;}
ul.help_list{ flex-wrap: wrap; gap: 10px 15px; padding: 0; justify-content: center;}
}

/************ iphone **************/
@media (max-width:575px) {
html { -webkit-text-size-adjust:none;}

.serve_info{ flex-direction: column; gap: 40px;}
.way_sec .global_title{ font-size: 40px; margin-bottom: 30px;}
.header_sec .btns { padding: 8px 20px; min-width: 90px; font-size: 14px;}
}