@media (max-width:1700px) {
.hero_sec .caption1{ left:20px;}
.hero_sec .caption2 { right:0;}
.hero_sec h1{ font-size:110px;}
.hero_sec .caption1 h1::before { left: 30.6%;}
}

@media (max-width:1560px) {
.container-xxl{ max-width:1228px;}
.hero_sec figure img{ width: 100%; max-width: 600px;}
.hero_sec h1 { font-size: 100px;}
.hero_sec .caption2 { bottom: -160px; right:0;}
.cotner_block strong{ font-size:80px;}
.global_title.lg{ font-size:80px; line-height: 60px;}
.hero_sec .caption1{ max-width: 1000px;}
.hero_sec .caption1 h1::before { width: 270px; left: 29.5%;}
.welcome_sec .left_info{ padding:10px 0 20px 40px;}
.welcome_sec .right_info h2{ padding: 10px 40px 20px 0;}
.welcome_sec .right_info p{ margin-bottom:30px;}
.feature_sec .detail { padding: 0 0 0 30px;}
.feature_sec .detail p { font-size: 20px; line-height: 29px;}

h2.fsm { font-size: 60px !important; line-height: 75px;}

.feature_sec .f_block h3{ font-size:60px; line-height:36px; left: -12px;}
}

@media (max-width:1440px) {
.work_sec figure{ margin:0 -5%;}
}

@media (max-width:1300px) {
.container{ width:90%; margin:0 auto; padding:0;}
.work_sec h2{ font-size:80px; line-height:80px;}
.work_sec h2 span{ letter-spacing:15px;}
.play_btn{ font-size:16px; min-width:200px;}
.play_btn i{ font-size:20px;}
.store_btn{ font-size:16px; min-width:200px;}
.store_btn i{ font-size:20px;}
.work_sec{ padding-bottom:80px;}
.welcome_sec{ padding-top:100px;}
.welcome_sec h2{ font-size:70px; line-height:70px;}
.welcome_sec .left_info{ max-width:450px;}
.welcome_sec .right_info{ max-width:800px; margin:150px 0 230px 0;}
.feature_sec .detail h2{ font-size:40px;}
.feature_sec .detail p{ font-size: 14px; line-height: 23px;}
.faq_sec{ padding:50px 0 100px 0;}
.faq_sec h2{ margin:0 0 0 40px; font-size:80px;}
.faq_sec .inner{ padding:20px 40px;}
.faq_sec .btn-link{ font-size:24px;}
.faq_sec .card{ padding:0 0 0 50px;}
.about_sec h2{ font-size:70px; line-height:70px;}
.about_sec figure::after{ height:140px;}

.work_sec h2 span::before { right: -8%;}
.about_sec .detail{padding: 0 0 0 5%;}
}

@media (max-width:1200px) {
.container{ width:90%; margin:0 auto; padding:0;}
header{ padding:15px 0;}
.hero_sec .container-xxl { max-width: 983px;}
.hero_sec figure img { max-width: 500px;}
.hero_sec h1 { font-size: 76px;}
.hero_sec p { max-width: 220px;}
.hero_sec .caption2 { min-height: 280px; right:-15px; bottom:-170px;}
.hero_sec .caption1 { max-width: 750px;}
.hero_sec .caption1 h1::before { width: 240px;}
.hero_sec h1 img{ width:50px;}

.play_btn, .store_btn{ padding: 15px 20px 15px 20px; min-width: 196px; font-size:18px;}
.counter_sec { padding: 100px 0 0 0;}
.value_sec{ padding-bottom:60px;}
.team_sec{ padding:50px 0 60px 0;}
footer{ padding-top:70px;}
.copyright { margin: 30px 0 0 0; padding: 20px 0 20px;}

.welcome_sec .right_info { margin: 0 0 180px 0;}
.feature_sec .f_block p { margin: 0 0 0 0; padding: 0 15px 0 0;}

h2.fsm { font-size: 50px !important; line-height: 65px;}

.hero_sec p { font-size: 16px; line-height: 23px;}
.hero_sec .caption2 p { max-width: 540px;}
.feature_sec .detail h2{ font-size:34px;}

.feature_sec .f_block h3{ font-size: 50px;
line-height: 33px;
left: -5px;}
}

/************ Main **************/
@media (max-width: 991px) {
body{ font-size: 14px;}
p{ font-size: 14px; line-height: 23px;}
.typo_sec .date{ font-size: 14px; line-height: 23px;}
.typo_sec ul li{ font-size: 14px; line-height: 23px;}
.typo_sec ul li::before { top: 5px;}
.typo_sec ol li{ font-size: 14px; line-height: 23px;}

.hero_sec p{ font-size:16px; line-height:23px;}


.work_sec h2{ font-size:60px; line-height:60px;}
.work_sec h2 span{ letter-spacing:10px;}
.work_sec strong{ margin-bottom:20px;}
.play_btn{ min-width:190px; margin:0 10px 10px 0;}
.store_btn{ min-width:190px;}
.work_sec{ padding-bottom:30px;}
.welcome_sec{ padding-top:40px;}
.welcome_sec .left_info{ padding:10px 0 20px 20px; min-width:310px;}
.welcome_sec h2{ font-size:40px; line-height:45px;}
.welcome_sec .right_info{ max-width:500px; margin:-56px 0 180px 0; padding:0 20px 0 0;}
.welcome_sec .right_info h2{ padding:20px 20px 20px 0; margin:0 -20px 20px 0;}
.welcome_sec .right_info p{ font-size:14px; line-height:24px; margin-bottom:20px;}
.feature_sec .f_block h3{ font-size:34px; line-height:23px; left:-2px;}
.feature_sec .f_block p{ padding:0 20px 0 0;}
.faq_sec{ padding:10px 0 40px 0;}
.faq_sec h2{ font-size:50px;}
.faq_sec .btn-link{ font-size:18px;}
.faq_sec .card .count{ width:30px; height:30px; line-height:30px; font-size:14px;}
.faq_sec .card::before{ left:14px;}
.work_sec figure{ margin:0;}
.about_sec{ padding:0 0 40px 0;}
.about_sec h2{ font-size:39px; line-height:normal;}
.about_sec .detail{ padding:0 0 0 10%;}
.feature_sec .detail{ padding:10px 0 0 15px;}
.hero_sec{ padding-bottom:0 !important;}
.counter_sec{ padding-top:30px;}

/***/
.hero_sec{ padding:40px 0 60px;}
.hero_sec .caption1{ position:relative; top:0; max-width:100%; text-align:center; min-height:inherit; left: 0;}
.hero_sec .caption2{ width:100%; position:relative; bottom:0; right:0; max-width:100%; text-align:center; min-height:inherit;}
.hero_sec .caption1 h1::before { display:none;}
.hero_sec h1 { font-size: 60px;}
.hero_sec h1 img { width: 37px;}
.hero_sec h1 span{ background:#000;}
.hero_sec .caption1 p{ max-width:100%; text-align:center;}
.hero_sec p{ max-width:450px; margin:0 auto 30px;}
.hero_sec figure{ margin-bottom:30px;}
.hero_sec figure img{ max-width:100%;}
.counter_sec { padding: 60px 0 0 0;}
.cotner_block strong { font-size: 60px; line-height: 60px;}
.cotner_block strong::before { height: 5px;}
.value_sec { padding:40px 0 10px;}
.value_sec .global_title{ margin-bottom: 40px;}
.global_title.lg { font-size: 40px; line-height: 40px;}
.team_sec { padding: 30px 0 10px 0;}
.team_sec .info{ margin-bottom:30px;}
footer { padding-top: 40px;}
footer h2 { margin: 0 0 25px 0; font-size: 23px;}
.ftr_links li { margin: 0 0 12px 0; font-size: 14px;}
.gmail_link { font-size: 16px;}
.social_links li { margin: 0 20px 0 0; font-size: 20px;}
.copyright { margin: 10px 0 0 0; padding: 15px 0 15px; font-size: 14px;}

.home_link{ font-size:15px;}
.sign_btn { padding: 9px 17px; font-size: 14px;}
.value_sec .row > div{ padding-left:15px; padding-right:15px;}
.value_sec .row{ margin-left: -15px; margin-right: -15px;}

.typo_sec{ padding:40px 0;}

.faq_sec .card-body { line-height: 24px;}

.hero_sec h1 span { background:none; color:#000 !important;}
.hero_sec .caption1 h1 span img{ filter:drop-shadow(0 0 1.3px #ffcc00); margin:0 2px;}

.team_sec .global_title { margin: 0 0 40px 0;}

h2.fsm { font-size: 40px !important; line-height: 45px;}
.about_sec .detail { padding:0;}
.about_sec { padding: 0 0 20px 0;}

.work_sec strong{ font-size:16px;}

.feature_sec .detail h2{ font-size:28px;}
}

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

.work_sec{ text-align:center;}
.work_sec h2{ margin-bottom:10px;}
.work_sec h2 span::before{ left:50%; transform:translate(-50%,0%);}
.work_sec p{ margin-bottom:10px;}
.work_sec figure{ margin-top:30px;}
.welcome_sec .right_info{ margin:30px 0 60px 0;}
.feature_sec{ margin:-30px 0 0 0;}
.feature_sec .f_block figure img{ width:100%;}
.welcome_sec h2{ font-size:30px; line-height:30px;}
.feature_sec .detail{ padding:0; text-align:center;}
.faq_sec .inner{ padding:20px 15px;}
.faq_sec h2{ margin:0; padding:0 5%; font-size:30px; text-align:center;}
.faq_sec figure{ text-align:center;}
.about_sec{ text-align:center;}
.about_sec::after{ display:none;}
.about_sec h2{ font-size:30px;}
.about_sec .detail{ padding:25px 0 0 0;}
.feature_sec .f_block figure{ margin-bottom:15px;}

/**/
.sign_btn{ padding:0; width:40px; height:40px; line-height:38px; text-align:center; border-width:1px;}
.sign_btn i{ margin:0 !important;}
.navbar-brand {margin: 0 0 0 8%;}
.hero_sec h1 { font-size: 40px;}
.hero_sec .container-xxl{ width:100%; max-width:100%;}
.hero_sec .caption1, .hero_sec .caption2{ padding:0 5%; left: 0;}
.cotner_block strong { font-size: 45px; line-height: 50px;}

.team_sec .global_title small{ font-size:16px;}
.team_block:hover .tcaption { opacity: 1; margin-top: -10px; margin-left: -10px;}

.typo_sec h3{ font-size: 20px;}
.typo_sec h4{ font-size: 16px;}

.sidenav .sidenav_ul li{ margin-bottom:14px;}
.sidenav .sidenav_ul li .nav-link{ font-size:20px;}
.sidenav .sidenav_toggle { top: 10px; left: 20px;font-size: 30px;}
.sidenav .logicon{ width: 50px; margin: -80px auto 20px auto;}
.sidenav .logicon img{ width:100%; max-width:50px;}
.sidenav{ padding-top:100px;}

.hero_sec h1{ margin-bottom:10px;}
.hero_sec h1 img { width: 25px;}

.welcome_sec .left_info { max-width: 280px; min-width:inherit;}
.welcome_sec .right_info { max-width: 390px; margin:0 0 60px 0;}
.feature_sec .f_block h3 { font-size: 50px; line-height: 34px;}
.feature_sec .order-3{ order:inherit;}
.feature_sec { margin: 0; padding-top:40px;}
.feature_sec .detail{ margin-bottom:30px;}
.team_block { max-width: 100%;}

.navbar-brand { max-width: 130px;}
.faq_sec h2 br{ display:none;}
/*.faq_sec figure img{ width:100%;}*/
.about_sec figure::before { right: 90%;}
.about_sec figure::after { width: 200vh; right: -2%;}
.team_block { margin: 0 0 30px 0;}

.welcome_sec .right_info p br{ display:none;}

.welcome_sec{ background-position:center !important; background-attachment:inherit !important;}
}

/************ iphone **************/
@media (max-width:600px) {
html { -webkit-text-size-adjust:none;}
.play_btn{ margin-bottom:10px;}
.work_sec h2{ font-size:40px; line-height:40px;}
.work_sec h2 span::before{ width:200px;}
.work_sec p br{ display:none;}
.welcome_sec .right_info p br{ display:none;}
.welcome_sec .right_info{ padding:0 15px 0 0;}
.welcome_sec .right_info h2{ margin:0 -15px 20px 0;}
.feature_sec .f_block{ padding:0 15px;}
.feature_sec .f_block p{ padding:0;}

/**/
.play_btn { margin: 0 15px 10px 0;}
.play_btn, .store_btn { padding: 12px 20px; min-width: 156px; font-size: 16px;}
.play_btn_white i { font-size: 18px;}
.store_btn_white i { font-size: 25px;}
.play_btn{ margin-right:0;}
header .navbar{ overflow:hidden;}

.typo_sec ul{ padding-left:0;}
.typo_sec ol { padding: 0 0 0.5rem 22px;}

.hero_sec h1 { font-size: 38px;}
.about_sec figure::before { top: 30px;}
footer { padding-bottom: 0;}

.home_link { margin: 0 10px 0 0; font-size:16px;}
}

@media (max-width:440px) {
.work_sec .appdwn_btn{ margin-right:0 !important;}
}