@media (max-width:1579px) {
.hero_sec .container{ width:86%;}
.homepage-hero-module{ height: 100% !important;}
.homepage-hero-module .video-container .filter{ height: 100% !important;}
.homepage-hero-module .video-container video{ height: 100% !important;}
}

@media (max-width:1279px) {
.container{ width:90%; margin:0 auto; padding:0;}
.nav_sec .navbar-brand { width: 200px;}
header.sticky .navbar-brand { width: 180px;}
.nav_sec .navbar-light .navbar-nav .nav-item { margin: 0 0 0 20px;}
.nav_sec .navbar-light .navbar-nav .nav-link{ font-size:14px;}
.nav_sec .dropdown-item{ font-size:14px;}
.hero_sec h1{ font-size:36px;}
.hero_sec h2{ font-size:24px;}
.hero_sec .cap_inn { max-width: 538px;}
.btn { min-width: 240px; font-size: 18px;}
.welcome_sec{ padding:100px 0;}
.white_box{ padding: 30px 20px 30px;}
.white_box h3{ font-size:18px;}
.process_sec{ padding:0 0 100px;}
.process_sec .detail { padding: 40px 40px 30px;}
.info_line { margin: 0 auto 80px; font-size: 16px; max-width: 670px; line-height: 23px;}
.process_sec .nav-tabs .nav-link{ padding: 25px 30px 33px;}
.work_sec{ padding-top:100px;}
.why_sec{ padding-top:100px;}
.why_sec figure { margin: 0 30px -90px 0;}
.counter_block p{ font-size:16px;}
.counter_block { padding: 0 15px; margin:0; height: 100%;}
.blog_sec h2.title { margin-bottom: 60px;}
.blog_sec{ padding-top:140px;}
.testi_sec{ padding-top:100px;}

.homepage-hero-module{ height:560px !important;}
}

/************ Main **************/
@media (max-width: 991px) {
header{ padding-top:10px; background: #0c2e6b;}
.nav_sec .navbar-brand{ margin-top:-20px;}
header.sticky .navbar-brand{ margin-top:0;}

.navbar-toggler{ background:none; border:none; position:relative; right:0; top:0; height: 33px;}
.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;}
.mobile-offcanvas.show~.navbar-toggler span:nth-child(1),
.mobile-offcanvas.show>.navbar-toggler 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;}
.mobile-offcanvas.show~.navbar-toggler span:nth-child(2),
.mobile-offcanvas.show>.navbar-toggler span:nth-child(2){height: 12px; visibility: hidden; background-color: transparent;}
.mobile-offcanvas.show~.navbar-toggler span:nth-child(3),
.mobile-offcanvas.show>.navbar-toggler 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;}
header .navbar-light .navbar-nav{ padding:75px 20px 30px;}

/**** Mobile menu css start *****/
.mobile-offcanvas .navbar-toggler{ position:absolute; right:15px; top:15px;}
.mobile-offcanvas.show{ background:#000;transition-duration: 0.4s;}
.nav_sec .navbar-brand{ margin:0;}
.offcanvas-header{ display:block; }
.mobile-offcanvas{visibility: hidden;transform:translateX(-100%); border-radius:0; display:block; position: fixed; top: 0; left:0; height: 100%; z-index: 1200; width:80%;
  overflow-y: scroll; overflow-x: hidden;transition-duration: 0.4s;}
.mobile-offcanvas.show{visibility: visible;transform: translateX(0);transition-duration: 0.4s;}
/*** Mobile menu css end *****/

.nav_sec .dropdown-menu{ padding:0.5rem 0 0.5rem 15px; border:none; background:none;}
.nav_sec .dropdown-item{ padding:7px 0; border-bottom: 1px solid rgba(255,255,255,0.1); color:#fff; background:none !important;}
.nav_sec .dropdown-item:hover,.nav_sec .dropdown-item:focus{ border-color: #00aeef; color: #00aeef;}
.nav_sec .dropdown-item.dropdown-toggle:after{ transform:translateY(-50%) rotate(0);}

.nav_sec .navbar-light .navbar-nav .nav-item{ margin:0;}
.nav_sec .navbar-light .navbar-nav .nav-link{ border-bottom:1px solid rgba(255,255,255,0.1);}
.hero_sec .container { width: 80%;}
.hero_sec .cap_inn { max-width: 378px;}
.hero_sec h1 { font-size: 25px; margin-bottom:5px;}
.hero_sec h2 { font-size: 17px; margin-bottom:30px; line-height:normal;}
.hero_cap{ top:55%;}
.welcome_sec { padding: 40px 0 10px; background-size:100px;}
h2.title{ font-size:30px; margin-bottom:40px !important;}
.white_box{ min-height:258px;}
.process_sec{ background:none; padding:40px 0;}
.info_line { margin: 0 auto 40px; font-size: 14px;}
.process_sec .nav-tabs .nav-link { padding: 20px 20px 28px;}
.process_sec span{ font-size:45px;}
.process_sec i img{ width:50px;}
.process_sec strong{ font-size:20px;}
.process_sec .detail { padding:30px;}
.process_sec h3{ font-size:24px; margin-bottom:15px;}
.process_sec p{ font-size:14px; line-height:23px;}
.process_sec .inner{ margin-bottom:30px;}
.work_sec{ padding:40px 0; background:#e3f3ff;}
.work_cap { padding: 25px 15px 25px;}
.work_cap p{ font-size:14px;}
.work_cap h3{ font-size:18px;}
.why_sec{ padding:40px 0 10px;}
.why_sec figure { margin: 0 30px 60px 0;}
ul.list li { padding: 0 0 0 30px; font-size: 14px; line-height: 18px; min-height: 20px;}
.blog_sec { padding: 40px 0;}
.counter_sec::after { width:100px; height:100px;}
.blog_sec h3{ font-size:20px;}
.blog_sec p{ font-size:14px; margin-bottom:30px;}
.blog_sec figure span { font-size: 16px; line-height: 16px; bottom: 15px;}
.blog_sec figure span small{ font-size:13px;}
.testi_sec{ padding:40px 0;}
.testi_sec .item{ margin: 30px 50px;}
ul.add_info li{ font-size:14px;}
ul.foot_links li{ font-size:14px;}
.btn { min-width: 200px; font-size: 16px; padding: 13px 20px;}
.owl-carousel .owl-dot span { width: 12px; height: 12px;}
ul.list{ margin-bottom:30px;}
footer{ padding-top:40px;}

.homepage-hero-module{ height:450px !important;}
}

@media (max-width: 767px) {
html { -webkit-text-size-adjust:none;}
.container{ width:90%; margin:0 auto; padding:0; max-width: inherit;}
.nav_sec .navbar-brand { width: 160px;}
header.sticky .navbar-brand { width: 140px;}
.nav_sec .navbar-brand { margin-top: -15px;}
.hero_sec .owl-carousel .owl-nav button{ width: 35px; height: 43px;}
.hero_sec .owl-carousel .owl-nav button::after { font-size: 26px !important; line-height: 40px !important;}
.hero_sec .cap_inn{ max-width:100%; text-align:center;}
.hero_sec h1 { font-size: 20px; margin-bottom:10px;}
.hero_sec h2 { font-size: 14px;}
.testi_sec p { margin-bottom: 20px; font-size: 14px; line-height: 20px;} 
footer{ text-align:center;}
ul.add_info li{ padding-left:0;}
ul.add_info li i{ position:relative; top:0; margin-right:5px;}
ul.social_links{ margin-bottom:20px;}
.copyright{ padding:10px 0;}
footer h3 { margin: 10px 0 18px; font-size: 20px;}
.testi_sec .inner{ padding:0; background:none;}
.testi_sec .inner:before{ display:none;}
.testi_sec .item{ margin:30px 0; box-shadow:none !important;}
.testi_sec .testi{ padding:40px 25px 30px;}
.author span{ font-size:16px;}
.counter_block p { font-size: 14px; line-height: 19px;}
.counter_sec { padding: 35px 0;}

.process_sec .tab-content{ background:none;}
.process_sec .tab-content > .tab-pane{ border:1px solid #d7dce2; background:none; border-radius:0; margin-bottom:10px;}
.process_sec .card-header{ padding:0; margin:0; border:none; background:none;}
.process_sec .card-header a{ width:100%; display:flex; margin:0; padding:10px 20px; background:#f1f5f8; border:none; position:relative; overflow:hidden; border-radius:0; align-items:center; border-radius:0;}
.process_sec .card-header a i{ margin:0 10px 0 0;}
.process_sec .card-body{ padding:0; background:#00aeef;}
.process_sec .detail { padding: 15px;}

.homepage-hero-module{ height:380px !important;}
}

/************ iphone **************/
@media (max-width:600px) {
html { -webkit-text-size-adjust:none;}
.white_box{ min-height:inherit;}
.hero-carousel .owl-item .video{ padding:98% 0 0 0 !important;}
.homepage-hero-module{ height:370px !important;}
.hero_cap { top: 60%;}
}