@media (max-width:1579px) {
.hero_cap{ bottom: 60px;}
.hero_sec .owl-nav button.owl-prev{ left: 20px;}
.hero_sec .owl-nav button.owl-next{ right: 20px;}

.about_sec{ padding: 80px 0;}
.global_title{ font-size: 40px;}
p{ margin-bottom: 20px;}
.about_sec .detail{ padding: 0;}
.counter_info{ margin-bottom: 20px;}
.sidebar_list .nav-link{ font-size: 24px; max-width: 250px;}
.sidebar_list{ padding: 60px 0 60px 30px;}
.sidebar_list::before{ width: 150px;}
.revenue_info{ padding: 40px;}
.problems_block{ padding: 30px; height: calc(100% - 85px);}
.footer_sec figure{ margin-bottom: 40px; text-align: center;}
.traction_block h3{ font-size: 32px;}
.list_info li { margin: 0 0 10px; padding: 0 0 0 20px; font-size: 18px;}

.inner_banner h1{ font-size: 50px;}
.feasibility_sec{ padding: 80px 0;}
.point_box h4{ font-size: 22px;}
.vision_block{ margin-bottom: 20px; height: calc(100% - 20px);}
.target_sec{ padding: 80px 0;}
.team_sec{ padding: 0 0 80px;}

.service_sec{ padding: 80px 0;}
.service_block{ margin-bottom: 80px;}
.service_block h2{ font-size: 32px; margin-bottom: 15px;}
.service_block figure{ margin-bottom: 20px;}

.contact_sec{ padding: 80px 0;}
.contact_sec h2{ font-size: 40px;}
.conatct_block{ max-width: 480px;}
}

@media (max-width:1200px) {
.header_sec .navbar-light .navbar-nav .nav-item{ gap: 0; margin: 0 0 0 30px;}
.nav-btns{ margin: 0 35px;}
.hero_sec .owl-nav button{ height: 40px; width: 40px; min-width: 40px}
.hero_sec .thumb-next, .thumb-prev{ height: 60px; width: 60px; left: -10px;}
.hero_sec .thumb-next{ right: -10px;}
.hero_cap h1{ font-size: 40px;}
.about_sec { padding: 60px 0;}
.global_title { font-size: 34px; margin-bottom: 30px;}
p{ font-size: 16px; line-height: 26px;}
.list_info li{ font-size: 16px;}
.counter_info .about_count small{ font-size: 16px;}
.counter_info .about_count span{ font-size: 50px; min-width: 56px;}
.counter_info .about_count.inn span{ min-width: 93px;}
.sidebar_list { padding: 40px 0 40px 30px;}
.sidebar_list::before{ width: 100px;}
.sidebar_list .nav-link{ font-size: 22px;}
.sidebar_list .nav-tabs .nav-link.active::before{ height: 34px; width: 34px; min-width: 34px;}
.traction_block{ padding: 50px 30px 50px 0;}
.traction_block h3{ font-size: 28px; margin-bottom: 15px;}
.revenue_sec{ padding-top: 200px;}
.revenue_info .accordion-button{ font-size: 22px;}
.problems_sec { padding: 60px 0;}
.problems_block{ padding: 20px;}
.problems_block h3{ font-size: 22px;}
.contact_item small{ font-size: 16px;}

.inner_banner figure img{ height: 340px;}
.inner_banner h1{ font-size: 40px;}
.feasibility_sec .detail{ padding-left: 30px;}
.feasibility_sec{ padding: 60px 0;}
.feasibility_sec h3 { font-size: 20px; line-height: 30px;}
.feasibility_sec .about_counter{ display: block;}
.point_box h4 { font-size: 18px;}
.feasibility_sec .about_count span{ font-size: 50px; min-width: 65px;}
.feasibility_sec .about_count.inn span{ min-width: auto; min-width: 100px;}
.target_sec{ padding: 60px 0;}
.team_sec{ padding-bottom: 60px;}
.team_sec figure{ margin-bottom: 15px;}
.team_info h3{ font-size: 18px; margin-bottom: 5px;}

.service_sec{ padding: 60px 0;}
.service_block{ margin-bottom: 60px;}
.service_block h2{ font-size: 28px; margin-bottom: 15px;}
.service_block .flex-row-reverse .detail { padding-left: 0;}

.contact_sec{ padding: 60px 0;}
}

/************ Main **************/
@media (max-width: 991px) {
.navbar-toggler{ background:none; border:none; position:relative; right:0; top:0; padding: 0; margin-left: 15px; height: 33px; box-shadow:none !important;}
.navbar-toggler:focus,.navbar-toggler:active { outline: 0;}
.navbar-toggler span {display: block; background-color: var(--primary); height:3px; width:25px; margin-top:4px; margin-bottom:4px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);-o-transform: rotate(0deg);  transform: rotate(0deg); position: relative; left: 0;opacity: 1;}
.navbar-toggler span:nth-child(1),.navbar-toggler span:nth-child(3) { -webkit-transition: transform .35s ease-in-out; -moz-transition: transform .35s ease-in-out; -o-transition: transform .35s ease-in-out; transition: transform .35s ease-in-out;}
.navbar-toggler:not(.collapsed) span:nth-child(1) { position: absolute; left: 0; top: 10px; -webkit-transform: rotate(135deg);  -moz-transform: rotate(135deg); -o-transform: rotate(135deg);transform: rotate(135deg); opacity: 0.9;}
.navbar-toggler:not(.collapsed) span:nth-child(2) {height: 12px; visibility: hidden; background-color: transparent;}
.navbar-toggler:not(.collapsed) span:nth-child(3) {position: absolute;left: 0;top: 10px;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg); -o-transform: rotate(-135deg);transform: rotate(-135deg);opacity: 0.9;}  

.header_sec .navbar-brand{ width: 150px;}
.hero_cap { bottom: 40px;}
.header_sec .navbar-light .navbar-nav .nav-item { margin: 0;}
.nav-btns{ margin-left: auto; margin-right: 20px;}
.nav-btns .contact_btn{ padding: 10px; min-width: 38px; justify-content: center;}
.nav-btns .contact_btn span{ display: none;}
.global_title{ font-size: 30px;}
.global_title small{ font-size: 18px;}
.hero_cap h1 { font-size: 36px;}
p{ letter-spacing: normal;}
.counter_info{ gap: 50px;}
.counter_info .about_count + .about_count::before{ left: -20px;}
.revenue_sec { padding-top: 150px;}
.revenue_info{ max-width: 100%; padding: 25px;}
.problems_block { padding: 25px;}
.contact_item{ margin-bottom: 30px;}
.copyright{ margin-top: 20px;}
.copyright p{ text-align: center; margin-bottom: 20px;}
.sidebar_list .nav-tabs .nav-link.active::before{ display: none;}
.sidebar_list .nav-link{ max-width: 100%; margin: 0;}
.sidebar_list .nav-tabs .nav-link.active{ width: auto;}
.sidebar_list .nav-tabs{ flex-direction: row;}
.sidebar_list::before{ display: none;}
.sidebar_list { padding: 10px;}
.traction_block { padding: 30px;}
.traction_sec .tab-content{ border-radius: 20px;}

.sidebar_list .nav-tabs{ overflow: auto; flex-wrap: nowrap;}
.sidebar_list .nav-link { font-size: 16px; line-height: normal; padding: 6px 15px !important;}

.inner_banner figure img{ height: 300px;}
.inner_banner h1{ font-size: 36px;}
.feasibility_sec h3 { font-size: 18px; line-height: 26px;}
.point_box{ margin-bottom: 20px;}
.vision_block h3{ font-size: 22px;}
.team_sec{ padding-bottom: 40px;}
.team_info{ margin-bottom: 20px;}

.service_block p{ margin-bottom: 30px;}
.service_block figure{ margin-bottom: 25px;}
.service_block i{ margin-bottom: 15px;}
.team_info span{ font-size: 16px;}
.service_block .detail{ max-width: 100%;}

.contact_sec h2 { font-size: 38px; margin-bottom: 25px;}

}

@media (max-width: 767px) {
html { -webkit-text-size-adjust:none;}
.hero_sec .owl-nav button{ display: none;}
.hero_sec .owl-carousel .owl-dots{ width:100%; margin:0; padding:0; text-align:center; position:absolute; left:0; right:0; bottom: 15px; z-index:9;}
.hero_sec .owl-carousel .owl-dot{ margin:0 5px; display:inline-block;}
.hero_sec .owl-carousel .owl-dot span{ width: 8px; height: 8px; display:block; border-radius:50%; background:var(--white); opacity:0.5;}
.hero_sec .owl-carousel .owl-dot.active span{ opacity:1; background:var(--white); position:relative;}
.hero_cap h1 { font-size: 32px;}
.hero_cap { bottom: 60px;}
.about_sec { padding: 40px 0;}
.p{ font-size: 14px; line-height: 24px;}
.list_info li { font-size: 14px;}
.sidebar_list .nav-tabs .nav-item{ display: flex;}
.about_sec .detail{ margin-bottom: 30px;}
.revenue_sec { padding-top: 100px;}
.revenue_info .accordion-button { font-size: 20px;}
.revenue_info figure { width: 30px; min-width: 30px; height: 30px;}
.problems_sec { padding: 40px 0;}
.problems_block { height: auto; margin-bottom: 20px;}
.problems_block h3 { font-size: 20px;}
.problems_block p { margin: 0 0 15px; padding: 0 0 15px;}
.footer_sec{ padding: 40px 0 0;}
.footer_sec .ftr_contact{ max-width: 320px; margin: 0 auto;}
.copyright{ padding: 25px 0;}
.copyright p{ font-size: 16px;}
.sidebar_list .nav-link{ min-width: 170px;}

.inner_banner figure img{ height: 260px;}
.inner_banner h1{ font-size: 32px;}
.feasibility_sec{ padding: 40px 0;}
.feasibility_sec .about_counter{ margin: 0; padding: 0; display: flex; margin-bottom: 30px;}
.feasibility_sec .detail{ padding-left: 0;}
.vision_sec{ padding: 40px 0 20px;}
.vision_list li{ font-size: 16px; line-height: normal;}
.vision_block{ padding: 20px;}
.vision_list li::before{ top: 5px;}
.vision_list li{ margin-bottom: 10px;}
.target_sec{ padding: 40px 0;}
.team_sec{ padding-bottom: 20px;}
.feasibility_sec{ padding-bottom: 0;}

.service_sec { padding: 40px 0 15px;}
.service_block{ margin-bottom: 15px;}
.service_block h2 { font-size: 24px; margin-bottom: 10px;}

.contact_sec{ padding: 40px 0;}
.conatct_block{ margin-bottom: 30px;}
.conatct_block textarea.form-control{ height: 100px;}
.contact_sec h2 span{ display: inline-block; margin: 0;}
}

/************ iphone **************/
@media (max-width:600px) {
html { -webkit-text-size-adjust:none;}
.navbar-toggler{ margin-left: 0px;}
.header_sec .navbar-light .navbar-nav .nav-link{ padding: 5px 0;}
.hero_cap h1 { font-size: 26px;}
.hero_cap { bottom: 50px;}
.hero_sec figure img{ height: 210px;}
.global_title { font-size: 26px; margin-bottom: 20px;}
.counter_info { display: block;}
.counter_info .about_count + .about_count::before{ display: none;}
.revenue_sec{ padding: 30px 0 15px;}
.revenue_info { padding: 25px 25px 0 25px; border-radius: 15px;}
.problems_block h3 { font-size: 18px;}
.footer_sec figure{ margin-bottom: 30px;}
.sidebar_list .nav-link { font-size: 14px; padding: 6px 15px !important;}
.sidebar_list{ padding: 10px;}
.contact_item{ gap: 15px;}
.contact_item small { font-size: 14px;}
.revenue_info .accordion-button{ gap: 10px;}

.inner_banner figure img{ height: 180px;}
.inner_banner h1{ font-size: 26px;}
.feasibility_sec .about_count small{ font-size: 14px;}
.video_box .play_info{ height: 40px; width: 40px; min-width: 40px; right: 20px; bottom: 20px;}

.service_sec{ padding-bottom: 20px;}
.service_block figure { margin-bottom: 20px;}
.service_block { margin-bottom: 20px;}
.service_block figure{ border-radius: 10px;}
.service_block figure img{ border-radius: 10px;}

.contact_sec h2 { font-size: 32px;}
}