@media (max-width:1779px) {
.customer_sec .owl-carousel .owl-nav button.owl-prev{ left:-60px;}
.customer_sec .owl-carousel .owl-nav button.owl-next{ right:-60px;}
}

@media (max-width:1579px) {
.hero_sec .cap_info h1{ font-size: 60px;}
.hero_sec .cap_info .inner{ max-width: 650px;}
.about_sec strong{ font-size: 20px; margin-bottom: 10px;}
.about_sec p{ font-size: 18px;}
.about_sec figure{ margin-bottom: -40px;}
.about_sec{ padding-top: 100px;}
.counter_sec{ padding: 150px 0 80px 0;}
.counter_block strong{ font-size: 80px; line-height: 90px;}
.service_sec{ padding: 100px 0;}
.service_block h3{ font-size: 24px;}
.service_block p{ font-size: 18px;}
.serve_block h3{ font-size: 22px;}
.hero_sec .jquery-background-video-wrapper{ min-height: 750px;}
.serve_block .main{ min-height: 420px; max-height: 420px;}
.global_title{ font-size: 44px;}
.customer_block { padding: 30px; border-width:15px;}
.customer_sec .owl-carousel .owl-nav button.owl-prev{ left:-45px;}
.customer_sec .owl-carousel .owl-nav button.owl-next{ right:-45px;}
.foot_add li{ margin-bottom: 24px;}
.footer_sec h3{ font-size: 23px;}
}

@media (max-width:1199px) {
.btns{ font-size: 16px;}
header .navbar-light .navbar-nav .nav-item { margin: 0 0 0 40px;}
header .navbar-light .navbar-nav .nav-link{ font-size: 16px;}
.hero_sec .jquery-background-video-wrapper{ min-height: 650px;}
.hero_sec .cap_info h1{ font-size: 50px;}
.hero_sec .cap_info p{ font-size: 18px;}
.hero_sec .cap_info .inner{ max-width: 600px;}
.about_sec strong{ font-size: 18px;}
.about_sec .global_title{ margin-bottom: 15px;}
.about_sec p{ font-size: 16px; line-height: 26px;}
.counter_sec { padding: 120px 0 50px 0;}
.counter_block small{ gap: 20px; font-size: 17px;}
.counter_block strong { font-size: 60px; line-height: 80px; padding: 0 0 0 45px;}
.service_block{ padding-top: 30px;}
.service_block i{ width: 70px; height: 70px; margin-bottom: 30px;}
.service_block h3{ font-size: 20px;}
.service_block p{ font-size: 16px; line-height: 26px;}
.service_block .more_link img{ width: 20px;}
.serve_block p{ font-size: 16px;}



.global_title{ font-size: 40px;}
.customer_sec .inner{ padding: 0 30px;}
.customer_block { padding: 20px; border-width: 10px; background-size: 140px; background-position: bottom -15px right;}
.customer_block p{ font-size: 16px;}
.customer_block .author{ font-size: 15px;}
.customer_block strong{ font-size: 17px;}
.btn_contact{ max-width: 281px; height: 281px; font-size: 18px;}
.forge_sec p{ font-size: 16px; line-height: 150%;}
.footer_sec h3{ margin: 30px 0;}
.subs_info{ width: 100%; max-width: 300px; margin-bottom: 30px;}
.foot_link{ margin-bottom: 30px;}
.copyright p{ font-size: 14px;}
.foot_link li{ font-size: 14px;}
.foot_add li{ font-size: 14px;}
}

/************ Main **************/
@media (max-width: 991px) {
.navbar-toggler{ background:none; border:none; position:relative; right:0; top:0; height: 33px; box-shadow:none !important;}
.navbar-toggler:focus,.navbar-toggler:active { outline: 0;}
.navbar-toggler span {display: block; background-color:#fff; 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: 12px; 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: 12px;top: 10px;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg); -o-transform: rotate(-135deg);transform: rotate(-135deg);opacity: 0.9;}  

.btns { font-size: 14px;}
.btns.ic { padding: 14px 40px 14px 20px;}
.btns.ic::before{ right: 15px;}
header{ position: relative; background: var(--secondary); padding: 10px 0;}
header .navbar-brand img{ width: 150px;}
header .navbar-nav{ padding-top: 15px;}
header .navbar-light .navbar-nav .nav-item{ margin: 0 0 10px 0;}
.hero_sec .jquery-background-video-wrapper{ min-height: 500px;}
.hero_sec .cap_info .inner{ padding: 0;}
.hero_sec .cap_info h1 { font-size: 40px;}
.hero_sec .cap_info p{ font-size: 16px; margin-bottom: 30px; line-height: 26px;}
.about_sec{ padding: 40px 0;}
.about_sec .detail{ padding-top: 10px;}
.about_sec figure{ margin: 0;}
.about_sec strong{ font-size: 16px; line-height: 26px;}
.counter_sec{ padding: 40px 0 10px 0;}
.service_sec{ padding: 40px 0 10px 0;}
.service_block i { width: 60px; height: 60px; margin-bottom: 20px;}
.service_block i img{ width: 35px;}
.serve_sec .global_title { margin-bottom: 30px;}
.serve_sec .owl-carousel .owl-stage-outer{ margin-left: -40px;}
.serve_sec .owl-carousel .owl-nav{ top: -78px;}
.serve_sec .owl-carousel .owl-nav button.owl-next, .serve_sec .owl-carousel .owl-nav button.owl-prev{ width: 30px; height: 30px;}

.global_title{ font-size: 30px; margin-bottom: 30px;}
.global_title::before{ width: 50px;}
.customer_sec{ padding: 40px 0;}
.customer_sec .inner{ padding: 0;}
.forge_sec{ padding: 40px 0;}
.btn_contact { max-width: 210px; height: 210px; font-size: 16px;}
.footer_sec{ padding: 40px 0 15px;}
.foot_social{ gap: 6px;}
.foot_social li a{ width: 40px; height: 40px; min-width: 40px;}
.copyright { margin: 40px 0 0 0; padding: 15px 0 0 0;}
.btn_contact { max-width: 160px; height: 160px; font-size: 14px; padding: 15px;}
.forge_sec p{ margin-bottom: 30px;}
}

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

.hero_sec .jquery-background-video-wrapper{ min-height: 400px;}
.hero_sec .cap_info .inner{ max-width: 100%;}
.hero_sec .cap_info h1{ font-size: 30px; margin-bottom: 15px;}
.hero_sec .cap_info p{ margin-bottom: 20px;}
.about_sec .detail{ padding-top: 40px;}
.serve_sec .owl-carousel .owl-item:hover{ flex-grow: 1.4 !important;}
.forge_sec{ text-align: center;}
.forge_sec .global_title::before{ left: 50%; transform: translateX(-50%);}
.btn_contact{ margin: 0 auto;}
.btn_contact::after { left: -8px; top: -8px; right: -8px; bottom: -8px;}
.foot_social{ margin-bottom: 10px; justify-content: center;}
.copyright p{ text-align: center;}
}

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

.counter_block strong { font-size: 50px; line-height: 70px;}

.hero_sec .bg{ height: 250px;}
.hero_sec .cap_info h1{ font-size: 24px;}
.hero_sec .cap_info p{ font-size: 14px; line-height: 22px;}
}