/************************ Responsive ************************/

@media screen and (min-width:1921px) and (max-width:2560px) {

}

@media screen and (min-width:1600px) and (max-width:1920px) {

}

@media (min-width: 1200px) {
.navigation .navbar-nav li:hover .sub{-webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg);}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px;}
.section_b .container .col_right{padding-right:120px;}
.align-items-center {display: flex; align-items: center;flex-wrap: wrap;}
#mainSlider .align-items-center{width:100%;}
#mainSlider:hover .slick-prev{left:20px;}
#mainSlider:hover .slick-next{right:20px;}
.left_content p{margin:20px 0; }
.ally_text p {font-size: 18px; line-height: inherit; font-weight: 400; word-spacing: normal;}
}
 
@media screen and (max-width: 1199px){
.animated {-o-transition-property: none !important; -moz-transition-property: none !important; -ms-transition-property: none !important; -webkit-transition-property: none !important; transition-property: none !important; -o-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -webkit-transform: none !important; transform: none !important; -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important;}
.navigation{position:relative;}
.navigation .bg-light .navbar-nav li{padding:0 10px;}
.navigation .bg-light .navbar-nav a{font-size:14px;}
.slider_main .container .col_left {padding-left: 60px !important;}
.slider_main .left_content h6{font-size:40px; margin-top:100px;}
.slider_main .left_content h4{font-size:35px;}
.slider_main .left_content p{font-size:16px; line-height:26px;}
.slider_main .left_content p br{display:none;}
.left_content ul li a{font-size: 13px;padding: 8px 10px;}
.left_content ul li a .fa{margin:0; font-size:14px;}
.section_a{padding-top:100px;}
h1, h2, h3, h4, h5, h6{font-size:35px;}
.row.flow_row{margin-top:0;}
.section_e figure img:not(.adword_box figure img){width:100%; height:auto;}
.mobile_image .hr{width:200px;}
.mobile_image .left_hr.hr1{top: 216px; left: -135px;}
.mobile_image .left_hr.hr2{max-width: 132px; left: -90px;}
.mobile_image .left_hr.hr3{bottom: 214px; left: -135px;}
.mobile_image .right_hr.hr4{top: 216px; right: -135px}
.mobile_image .right_hr.hr5{max-width: 132px; right: -90px;}
.mobile_image .right_hr.hr6{bottom: 214px; right: -135px;}
.local_right figure{height:100%;}
.local_right img {width: 100%; height: 100%; object-fit: cover;}
.section_b .container .col_right {padding-right: 0px;}
.flow_row .col-xl-4 .web_flow{margin-top:0 !important;}
.web_flow .h_line,
.web_flow .h_line:before{display:none;}
#portfolio .slick-arrow{z-index:9; }
#portfolio .slick-prev{left:0;}
#portfolio .slick-next{right:0;}
#mainSlider .slick-prev{left:20px;}
#mainSlider .slick-next{right:20px;}
.project_duration li span{font-size: 35px; font-weight: 500; margin-bottom: 5px;}
.project_duration li b {font-size: 14px;}
#portfolio .slick-arrow{top:45%;}

}

@media (min-width: 992px) {
.navigation .navbar-nav li#menu-item-26{padding-left: 10px;}
.navigation .navbar-nav li#menu-item-26 a{position: relative; overflow: hidden; font-size: 15px; padding:10px 25px; background-color: #005696; color: #fff; z-index: 1; outline: 0px !important; border-radius: 6px !important; -moz-transition:all 0.8s ease 0s; -ms-transition:all 0.8s ease 0s;-o-transition:all 0.8s ease 0s;-webkit-transition:all 0.8s ease 0s; transition:all 0.8s  ease 0s;}
.navigation .navbar-nav li#menu-item-26 a::before{content: ''; position: absolute; left: 0; top: 0; z-index: -1; width: 0px; height: 100%; background: #fff; -moz-transition:all 0.8s ease 0s; -ms-transition:all 0.8s ease 0s;-o-transition:all 0.8s ease 0s;-webkit-transition:all 0.8s ease 0s; transition:all 0.8s  ease 0s;}
.navigation .navbar-nav li#menu-item-26 a:after{content:''; border: 2px solid #005696 !important; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border-radius: 6px;}
.navigation .navbar-nav li#menu-item-26 a:hover::before{width:100%; left:inherit; right:0;}
.navigation  .navbar-nav li#menu-item-26 a:hover{color:#000;}
.slider_main .container {width: 100%; padding: 0;}
.slider_main .container .col_left{padding-left:210px;}
.section_b .container {width: 100%; padding: 0;}
.section_b .container .col_right{padding-right:0px;}
 
}

@media screen and (max-width: 991px){
.navbar-header{margin:0 !important;}
.navigation .navbar{padding: 0px; display: block;}
.navigation .navbar-header {float: none;}
.navigation .navbar-toggle {display: block; float: right; padding: 0; margin:23px 0px 0px 0px; padding-right: 0px; border-color: transparent !important; background: transparent !important; }
.navigation .navbar-toggle span{background-color: #000 !important;}
.navbar-collapse {border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
.navbar-fixed-top {top: 0; border-width: 0 0 1px;}
.navbar-collapse.collapse {display: none!important;}
.navigation .navbar-nav {float: none!important; margin: 10px 0px 0px 0px;}
.navbar-nav>li {float: left; width: 100%; position: relative;}
.navigation .navbar-nav li .sub{right: 5px; top: 5px; z-index: 99999; height: 30px; width: 30px; line-height: 30px; background: #2f8cf8; color: #fff; text-align: center; transition: 0.5 all ease;}
.navigation .navbar-nav li .submenu-hide{transform:rotate(-180deg); border-radius: 50%;}
.navbar-nav>li>a {padding: 10px;}
.navbar-nav>li.hidden{display: block !important; margin:25px 0px 0px 0px;}
.navigation .navbar-nav li a{border-radius: 0px; padding: 10px 16px !important; color: #000 !important; font-size: 14px; border-bottom: 1px solid #73737370 !important; background: transparent; display: block;}
.navigation .navbar-nav li.active>a, 
.navigation .navbar-nav a.active, 
.navigation .navbar-nav a.show, 
.navigation .navbar-nav .show>a, 
.navigation .navbar-nav a:focus, 
.navigation .navbar-nav a:hover, 
.navigation .navbar-nav>li>a:focus, 
.navigation .navbar-nav>li>a:hover,
.navigation .navbar-nav li.active>a,
.navigation .navbar-nav li.emergency-active>a,
.navigation .navbar-nav>.open>a, 
.navigation .navbar-nav>.open>a:focus, 
.navigation .navbar-nav>.open>a:hover{background: #005696 !important; color: #fff !important; border-color: #005696;}
.navigation .navbar-nav ul{width: 100%; position: static; float: left;}
.navigation .navbar-nav ul li a{color: #ffffff !important;}
.collapse.in{display:block !important;}
.navigation .navbar-default .navbar-collapse, 
.navigation .navbar-default .navbar-form{border: 0px !important; padding: 0px; outline: none; box-shadow: none;}
.navigation .container{position: relative;}
.navigation .container .right-bar{position: absolute; right: 60px; top: 30px;}
.navbar-default .navbar-nav .dropdown-menu>li>a{padding-left: 25px !important;}
#mainSlider{margin:30px -15px 0 -15px;}
.slider_main .left_content h6{margin-top:30px;}
.service_box:hover::before {transform: scale(15);}
.slider_main .container .col_left{padding-left:0 !important;}
.section_b{padding:50px 0;}
.seo_service{margin:15px -25px 0 -25px;}
.web_flow .h_line{display:none;}
.web_flow {position: relative; padding: 0; margin-top: 15px !important;}
.portfolio {display: flex; grid-template-columns: inherit; gap: 0; flex-wrap: wrap;}
.portfolio .content {margin-top: 10px; text-align:center;}
.portfolio .content h6 {text-align: center; font-size: 20px;}
.portfolio .content p {margin: 10px 0; font-size: 14px; text-align: center;}
.portfolio figure{justify-content:center; margin-top:15px; }
.portfolio figure img {display: block; width: 100%; height: auto; max-width: 400px; margin: 0 auto;}
#section4 {padding-top: 0;}
.section_e .heading p {margin-bottom: 00px;}
.ad_wrapper{height: inherit;}
.ad_wrapper::before{display:none;}
.adword_box{margin-top: 15px;}
.heading_f{margin-top:90px;}
.mobile_image .hr{display:none;}
.rank_box{padding:0; margin-top: 45px;}
.mobile_image img {width: 100%; height: auto;}
.rank_box.right_rank {padding-left: 50px;}
.local{display:block;}
.local_left{padding:30px;}
.contact_form{padding:25px;}
.navigation .navbar-nav li:last-child a{border:0 !important;}
.navigation .navbar button {display: block; background: #ffffff !important; box-sizing: border-box; cursor: pointer;-webkit-user-select: none; -moz-user-select: none;-ms-user-select: none;user-select: none; outline: none !important; box-shadow: none !important; padding: 0; border: 0; outline: none !important;}
.hemburder {display: block;background: #ffffff;width: 32px;height: 32px;border-radius: 3px;box-sizing: border-box;padding: 9px 6px;cursor: pointer;-webkit-user-select: none;   -moz-user-select: none;-ms-user-select: none;user-select: none; outline: none !important; box-shadow: none !important;}
.hemburder.active span:first-child {transform: translateY(7px) rotate(45deg);}
.hemburder.active span:nth-child(2) {opacity: 0;}
.hemburder.active span:last-child {transform: translateY(-7px) rotate(-45deg);}
.hemburder span {display: block; background: rgba(0, 0, 0, 0.75); width: 22px; height: 2px; border-radius: 3px; transform-origin: center; transition: 0.3s ease;}.hemburder span:nth-child(2) {margin: 5px 0;}
.inner-top .heading h1{font-size:25px; line-height:normal;}
.feature-top{height:200px;}
.inner-page{padding-top:0}
.cstm_tab ul::before{display:none;}
.cstm_tab ul{justify-content: space-between;}
.clientImage {margin: 0 auto 25px auto; max-width: 375px;}
.clientReview h6 {text-align: center;}
.clientReview {text-align: center;}
.ally_left h2{max-width: inherit; float: none; font-size: 30px;}
.value_box{grid-template-columns: 1fr; gap: 0px;}
.dual_box{margin-top:20px;}
.dual_box li{width:100% !important; margin-top:0;}
.dual_box li:nth-child(2) {margin: inherit;}
.dual_box li:nth-child(2) img {min-width: 100%;}
.total p span{display: block; text-align: center;}
.about_left b {display: block; text-align: center;}
.about_left b br{display:none;}
.counter-show .counter {margin: 20px 0 0 0 !important;}
#portfolio .portfolio figure {max-width: 100%;}
.portfolio .content ul{margin: 15px 0;}


}

@media screen and (max-width: 767px){
 h1, h2, h3, h4, h5, h6 {font-size: 30px;}
.single-portfolio h1, .single-portfolio h2, .single-portfolio h3, .single-portfolio h4, .single-portfolio h5, .single-portfolio h6{font-size:30px;}
.mobile_image {display: none;}
.rank_col,
.right_rank_box{display: flex; max-width: 100%; float: inherit; flex-wrap: wrap;}
.rank_box{padding:0px; margin-top:20px; width:50%;}
.shape_4{display:none;}
.section_f {background: #00467e;}
.heading_f {margin: 0;}
.rank_box.right_rank{padding:0;}
.rank_box figure {height: 50px; width: 50px; text-align: center; margin: 0 auto;} 
.rank_box figure img {width: 100%; height: 100%; object-fit: contain;}
.rank_box span {text-align: center;}
.slider_main .container .col-sm-12{padding: 0 15px !important;}
#mainSlider{margin:30px 0 0 0;}
.mobile_hidden{display:none;}
.right_rank.d-none {display: inline-block !important;}
#sliderThree .slick-arrow {top: 40%; z-index: 9; background: #fff;}
#sliderThree  .fa-angle-left{left:0;}
#sliderThree  .fa-angle-right{right:0;}
.section_g,#section4 {padding-top: 50px;}
.another ul li a .fa{font-size: 20px !important; background: #005696; width: 35px; height: 35px; text-align: center; line-height: 35px; border-radius: 50%; color: #fff !important; border:2px solid transparent;}
.another ul li a .fa-envelope {font-size: 15px !important;}
.another ul li a:hover .fa{background:#fff; color:#005696 !important; border:2px solid #005696;}
.another ul li a span{font-size: 16px; margin-left:8px;}
.another ul li span b{display:none;}
#portfolio .slick-arrow{background: #fff; bottom: 0; z-index: 9; top: inherit;}
#portfolio .slick-prev{left:40%;}
#portfolio .slick-next{right:40%;}
.allsubpages {text-align: center;}
.inner-page .entry-title{text-align: center;}
.innerpageimg {margin: 30px auto 0 auto; text-align: center;}
.innerpageimg .img-responsive {text-align: center; margin: 0 auto; float: none;}
.first_row .pro_text h3 {margin: 25px auto; text-align: center;}
.cstm_tab ul {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 30px;}
.cstm_tab ul li a span{margin-bottom:5px;}
.pro_text h2, .pro_text h3{text-align:center;}
.single-portfolio p{font-size:14px; text-align:center;}
.web_flow span{margin:0 auto; text-align: center;}
.web_flow h6,.web_flow{text-align: center;}
.flow_row .col-xl-4 .web_flow{margin-top:20px;}
.left_content h6{text-align:center;}
.slider_main .left_content h4{text-align:center;}
.left_content {text-align: center;}
.left_content ul{justify-content:center;}
.seo_service li,.seo_box h6{text-align:center;}	
.blog-title{font-size:18px; text-align:center;}
.blog-center {text-align: center;}
.blog-bottom {text-align: center;}
.col_right .slider_shape,
#section1 .shape {display: none;}
.imageBox{width:100%;}
.abt_content h2 {margin: 10px 0 10px 0; float: left; width: 100%;}


}

@media screen and (max-width: 575px){
.section_a {padding-top: 30px;}
.slider_main .left_content h6 {margin-top: 25px; font-size: 30px;}
.slider_main .left_content h4 {font-size: 25px;}
.left_content ul li:not(.left_content ul li:first-child){display:none;}
.navigation .brandLogo{width:115px;}
.left_content ul li:first-child
.hidden_info {position: absolute; display: flex !important; right: 55px; top: 17px; }
.hidden_info li a {width: 35px; height: 35px; line-height: 35px; display: block; border: 2px solid transparent; background: #005696; text-align: center; color: #fff; border-radius: 100%; margin: 0 5px;}
.hidden_info li a:hover{color: #005696; background: #fff; border-color:#005696;}
.another h5 {margin: 15px auto 15px auto; font-size: 22px;}
.another ul{flex-wrap: wrap; gap: 10px;}
.seo_service {grid-template-columns: 1fr;}
.seo_service li { padding: 0 25px; color: #fff; border: 0px !important; margin-bottom: 10px;}
.navigation .navbar-toggle{margin-top:19px;}
.tools {justify-content: center; flex-wrap: wrap;}
.tools li {margin: 0 15px;}
.allsubpages{padding-top:25px;}
.questions {line-height: 26px; font-size: 16px;}
.questions li:not(.questions li:last-child){margin-bottom:10px;}
.counter-show .counter{width:50%;}
}

@media screen and (max-width: 479px){
.hidden_info{position: absolute; top: 10px; right: 60px; display:flex !important;}
.navigation .navbar-toggle {margin-top: 12px;}
.navigation .navbar-nav li a{font-size:13px;}
.navigation .brandLogo img {width: 100%; height: auto;}
.project_duration{justify-content: center; grid-template-columns: 1fr 1fr 2fr;}
.cstm_tab ul{grid-template-columns: 1fr 1fr;}
.counter-show {padding: 0; display: grid; grid-template-columns: auto auto; width: 100%; gap: 20px; margin-top: 00px; display:flex; gap: inherit;}
.counter-show .counter::after{display: none;}
.counter-show .counter{margin:15px 0 0 0!important;}
.abt_content h2 {margin: 15px 0; float: left; width: 100%;}
.about_left {margin-top: -50px;}
.about_left b{display:block;}
.about_left b br{display:none;}
.total p span{display:block; text-align:center;}
.abt_content {text-align: center;}
.abt_content h2,.abt_content h3{text-align:center;}
.dual_box{display:block;}
.value_box li {display: block; text-align: center; margin-top:15px;}
.value_box figure{margin:0 auto;}
.value_box li h6{margin-top:10px; text-align:center;}
.ally_left h2 {font-size: 28px; text-align: center; line-height: normal;}
.ally_text {text-align: center;}
.total p {margin-top: 50px;}
 .seo_service {margin: 20px 0 0 0;}
#portfolio .slick-arrow{bottom: -70px;}


}

@media screen and (max-width: 440px){

}

@media screen and (max-width: 375px){
 
}

@media screen and (max-width: 320px){

}