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

	.main_bnr .top_content_bnr ul li{ font-size:15px; margin:6px 0;}
	.mainbtn.big i.icon{ width:40px; height:40px;}
	.top_tab_area figure img{ max-height:inherit; height:100%;}
	.top_tab_area .srvc_info{ padding:50px;}
	
}


@media only screen and (max-width: 1200px) {
.top_content_bnr{ width:90%;}
	.main_bnr h1,  .main_bnr h2{ font-size:36px; line-height:38px; }
	.main_bnr .top_content_bnr ul li{ font-size:15px; margin:6px 0;}
	.mainbtn.big i.icon{ width:45px; height:45px;}
	.top_tab_area figure img{ max-height:inherit; height:100%;}
	.top_tab_area .srvc_info{ padding:50px;}
.top_content_bnr p{ padding:0; margin:30px 0; }

.container{width:100%; max-width:100% !important; }
nav ul li div.drop1_list{ top:80px;}
.main_inc_bnr .text_area{ font-size:100px;}	
.mid_project h3{ font-size:36px; line-height:42px;}
.spcl_info ul.spcl_box li{ padding:15px 20px;}
footer p, footer ul li, footer ul li a{ font-size:14px;}
ul.why_box li h3{ font-size:20px;}
.abt_bnr .bnr_txt{ max-width:550px;}
}



@media screen and (max-width: 1024px) {
nav .login_ul{ display:none; }	
.mobile_nav{ display:block; margin:0px 0px 0px 0;}
nav ul.fa-pull-right{ padding-right:15px;}

nav .menu-main-menu-container{background:#fff; box-shadow:0 0 5px 0 #ccc;  margin:0; padding:0; position:absolute;  height:100vh; z-index:99999;  width:100px; left:-300px; transition: 1s; top:0;}
nav ul li.menu-item-has-children::before{ font-size:18px; top:5px; right:15px;}
nav { float:right; padding:0px 0 0; justify-content:flex-end;}
nav .menu-main-menu-container ul{ width:100%; float:left; }
nav .menu-main-menu-container ul li{ width:100%; text-align:left; float:left;border-bottom:solid 1px #ccc !important; border-right:none; padding:0; }
nav .menu-main-menu-container ul li span{ width:auto; border-left:1px solid #ccc; float:right; padding:11px 25px; font-size:18px; cursor:pointer;}
nav .menu-main-menu-container ul li a{ color:#000; font-size:16px; padding:15px 50px 15px 15px; width:100% !important; float:left; font-weight:500; text-align:left !important}
nav .menu-main-menu-container ul li span.after_nv i{ transform:rotate(180deg)}
nav ul li:hover a, nav ul li.active a, nav ul li.current-menu-item a{  color:#fff; background: #24479e; border-radius: 0px; color: #fff;}

	
.mobile_nav span { width:100%; height:2px; background:transparent linear-gradient(90deg, #258CFF 0%, #455FFF 50%, #652BFF 100%) 0% 0% no-repeat; float:left; margin:20px 0 0 0px; position:relative;transition: all .3s ease; font-size:0;}
.mobile_nav span:before { content:''; position:absolute; width:100%; height:2px; background:transparent linear-gradient(90deg, #258CFF 0%, #455FFF 50%, #652BFF 100%) 0% 0% no-repeat; left:0px; top:-9px; transition: all .4s ease; }
.mobile_nav span:after { content:''; position:absolute; width:100%; height:2px; background:transparent linear-gradient(90deg, #258CFF 0%, #455FFF 50%, #652BFF 100%) 0% 0% no-repeat; left:0px; bottom:-9px; transition: all .4s ease;}
.mobile_nav.close_menu span { height:auto; font-size:24px; color:#54B74C; background:rgba(0,0,0,0); margin-top:20px; margin-left:0px; font-weight:300; }
.mobile_nav.close_menu span:before {transform: rotate(45deg); transition: all .4s ease; top:0%; margin-top: -1px; opacity:1 }
.mobile_nav.close_menu span:after {transform: rotate(-45deg); transition: all .4s ease; bottom: 50%; margin-bottom: -1px; opacity:1; }
nav ul.fa-pull-right li.mb_hide { display:none;}
nav ul li ul.sub-menu { width:100%; float:left; position:static; display:none; padding:0px 0; opacity:1; visibility:visible; transform:none;}
nav ul li ul.sub-menu.displ_block{ display:flex; display:flex; flex-flow:row wrap; align-items:stretch;}
nav ul li:hover div.drop1_list ul li a::after{ display:none;}
nav ul li:hover div.drop1_list ul li h4{ width:100%; float:left; font-size:20px; color:#fff; font-weight:600; margin:0 0 15px;}
nav ul li:hover div.drop1_list ul li a, nav ul li div.drop1_list ul li a{ color:#FFFFFF73; padding:0; font-size:14px;}


nav ul.menu li a i{ float:none; margin:inherit;}

h2.big-title{ font-size:45px !important; line-height:48px }
.what_we_do p{ font-size:16px; line-height:24px;  }

.talk_us p{ font-size:14px; line-height:22px; margin:0 0 15px; }
.talk_us .talk_box .part_01 ul li span{ font-size:14px; line-height:22px;}
footer h3{ font-size:20px;}

.left_bnr_info figure{ padding:0;}
.rgt_bnr_info{ padding:20px 0 0 25px;}
nav ul li:hover a::after, nav ul li a.active::after{ display:none;}
.blog_bnr .left_bnr_info{ padding:0;}
.blog_dtls_page ul.publish{ margin:20px 0;}
.blog_dtls_page ul.publish li b{ font-size:20px;}
.blog_links ul li{ max-width:50%;}
.blog_links ul li figure{ margin:0 10px;}
.blog_links ul li .dtls{ padding:0 10px;}
	.top_logo_area ul li img{ max-width:100%;}
}



@media screen and (max-width: 767px) {
	.top_head ul.call_email{ display:flex; justify-content:space-between; align-items:center;}
	.top_head ul.call_email li{ border:none !important;padding:0;}
	.call_email li a.sign_up{ width:auto; height:40px; line-height:40px; display:inline-block; background:#eab600; color:#fff; font-weight:600; text-transform:uppercase; font-size:15px; border-radius:0px; padding:0 20px; }

	.show_mb{ display:inline-block !important;}
	.hide_mb{ display:none !important;}
	.top_content_bnr{ text-align:left;}
	.top_content_bnr .top_rated{ float:none; display:inline-block;}
	.top_content_bnr h2{ font-size:16px !important; line-height:18px; text-shadow:none; color:#000; margin:0; }
	.top_content_bnr h1{ font-size:24px; color:#fff; margin:15px 0 5px;  text-shadow:none;}
	.hide_mb{ display:none;}
	.show_mb{ display:block; width:100%; height:auto}
	.main_bnr{ background:#304e84;}
	.owl-carousel .owl-nav{ top:inherit; bottom:20px;}
	.owl-carousel .owl-nav button.owl-prev{ left:35%;}
	.owl-carousel .owl-nav button.owl-next{ right:35%;}
	.mobile_call{ width:70%; margin:10px 15%;}
	.mobile_call figure img{ max-height:43px;}
	.mobile_call figure{ flex:0 0 60px;}
	.main_bnr .top_content_bnr p{ display:none;}
	.gallery_area .bwg-item {
    max-width: 48% !important;
    margin: 10px 1%;
    border-radius: 10px;
    overflow: hidden;
	}.main_bnr .part_02{ padding:15px 0; background:none; width:100%;}
	.main_bnr::before{ background:none;}
	.inner_bnr .top_content_bnr h1, .inner_bnr .top_content_bnr label{ font-size:32px;}
	.top_cta a.mainbtn { display:none;}
	.mobile_call{ display:flex; align-items:stretch;}
	.call_mb{ display:block;}
	.form_cta ul li{ flex:0 0 100%; margin:5px 0; text-align:center;}
	img.bnr_img{ min-height:185px;}
	.top_content_bnr{width:100%;padding:25px 0;padding: 10px;border-radius: 20px;}
	.top_content_bnr .top_rated{ font-size:13px; padding:8px 15px; margin:0 0 10px;}
	.top_content_bnr .top_rated img{ max-height:18px;}
	.main_txt_bnr{ position:relative; }
	.call_cta{ padding:15px}
	.call_cta h4{ font-size:32px;}
	h2{ font-size:32px !important; line-height:36px;}
	.call_cta h3{ font-size:16px;}
	.top_logo_area ul, .how-box{ flex-flow:row wrap;}
	.top_logo_area ul li, .how-box .box { flex:0 0 100%; margin:8px 0 !important;}
	header .logo_area img{ max-height:60px; }
	.brdr_rgt{ border:none !important }
	footer .resource.full_mb{ margin:20px 0; }
footer .resource.full_mb ul.menu li{ width:50% !important; }	
.top_content_bnr p, .content_area p, .spcl_info ul.spcl_box li p, .top_stats p, .certified_area p, .industries p, .faq_home p{ font-size:15px; line-height:24px; font-weight:400; }
.request-loader a{ padding:12px 20px; font-size:16px; }
.top_overview, .blog_list_area{ padding:35px 0; }
footer{ padding:30px 0 0; }
.loader_scroll figure img{ min-width:120px; }
.brdr_rgt{ margin:0 0 25px; }
footer .subscribe_area{ padding:0 }
footer figure img{ max-height:55px; }
.loader_scroll figure{ top:-110px; }
.top_content_bnr p{ margin:15px 0; }
	.top_tab_area{ flex-flow:wrap;}
	.top_tab_area figure{ width:100%; float:left;}
	.top_tab_area .srvc_info{ width:100%; float:left; padding:25px;}
	.top_logo_area{ margin-top:30px; padding:0 0;}
.top_tab_area.srvces_main_area .tab-content{ flex-flow:row wrap;}
.top_stats .grey_bg .box_info, .our_company .comp_box .box_info{ width:100%; padding:0; margin:0 0 20px; }
.top_tab_area .tab-content figure, .top_tab_area.srvces_main_area .tab-content figure{flex:0 0 100%; width:100%;}
.top_tab_area .tab-content .srvc_info, .top_tab_area.srvces_main_area .tab-content .srvc_info{flex:0 0 100%; width:100%; padding:25px 0;}
.top_tab_area .tab-content .srvc_info h3, .top_tab_area.srvces_main_area .tab-content .srvc_info h3 { height:80px;}
.top_tab_area .tab-content .srvc_info h3::before , .top_tab_area.srvces_main_area .tab-content .srvc_info h3::before { font-size:110px;}
.top_tab_area .tab-content .srvc_info h3 label, .top_tab_area.srvces_main_area .tab-content .srvc_info h3 label{ font-size:20px;}
.top_tab_area ul.nav-tabs li{ flex:1;}
.mid_project h3{ font-size:22px; line-height:28px;}
.mid_project::after{ display:none;}
.mid_project .cta{ text-align:left;}
.spcl_info ul.spcl_box li{ padding:15px 15px; flex: 0 0 100%; margin:5px 0px;}
ul.info_graphic li{flex: 0 0 100%; margin:10px 0px; max-width:100%;}
.numbox{ padding:12px; }
.our_clients ul li { flex:0 0 100% !important; line-height:100px; padding:20px;}
.what_we_offer{ padding-top:0;}
.talk_us .talk_box{ background:#E9E9E9 ; padding:20px;}
.talk_us .talk_box .part_01{ width:100%; padding:0;}
.talk_us .talk_box .part_02{ width:100%;}
.talk_us h2{ font-size:24px !important;}
.last_foot .last_link a{ font-size:14px;}
.main_inc_bnr::before{ width:100%; height:200px; background: transparent linear-gradient(90deg, #258CFF 0%, #455FFF 50%, #652BFF 100%) 0% 0% no-repeat padding-box; position:absolute; content:""; left:0px; bottom:60px; z-index:-1; animation:bulb .5s .2s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards;}
.spcl_info ul.spcl_box{ margin: 0 0 25px;}
.what_we_offer .news_slider .slide_arrow{ left:0; top:150px;}
.what_we_offer .news_slider p{ margin-top:200px;}
.left_bnr_info{ padding:0;} 
.top_stats .grey_bg ul{ height:auto !important ; padding:25px 50px; }
.top_stats .grey_bg ul li{ flex:0 0 100%; font-size:36px; line-height:36px; margin:25px 0;}
.top_stats .grey_bg ul li::before { top:-20px; font-size:130px;}
.top_logo_area ul li{ margin:5px; }
.video_area{ height:auto; }
.video_area video{ height:auto; }
.tools-icon-animator{ padding:35px 0; margin:0; }
.top_stats ul.project_list li{ flex:0 0 100%; padding:0; margin:15px 0; }
.top_stats ul.project_list{ margin:30px 0 0; }
.certified_area p{ padding:0; }
.certified_area label{ font-size:26px; }
.certified_area ul li{ min-width:120px; }
.abt_bnr .bnr_txt, .srvc_bnr  .bnr_txt { position:relative; left:0; margin:10px 0 0; z-index:99;}
.infographic_area ul li .circle_part{ max-width:300px; height:300px; text-align:center !important; position:static !important; padding:40px 20px!important;}
.infographic_area ul li{ flex:0 0 100%; text-align:center !important;}
ul.why_box li{ flex:0 0 100%; margin:5px 0;}
.team_area ul.our_team_list li{ flex: 0 0 100%;} 
.rgt_bnr_info figure{ left:inherit; margin:10px 0 0;}
.contact_us_area ul.contact_box li{ flex:0 0 100%; margin:10px 0;}
.call_us{ margin-top:50px;}
.call_us .part_01{ padding:0;}
.plan_page_area .plan_box{ margin:15px 0;}
.portfolio_list_area ul.port_list li{ flex:0 0 100%;}
.accordion ul.ind_list li, .accordion ul.faq_list li, .testimonial_area ul.testi_area li{ flex:0 0 100%; margin:10px 0; }
.top_tab_area .tab-content .srvc_info h3 label::before { width:40px; top:10px;}
.blog_dtls_page ul.publish li, .blog_links ul li{ flex:0 0 100%; margin:10px 0; max-width:inherit;}
.blog_links ul li figure{ display:none;}
.blog_list_area ul.blog_list li{ flex:0 0 100%;}
.main_bnr h1, .main_bnr h2{ }
.main_bnr p, .blog_list_area p{ font-size:16px line-height:24px; }
.top_stats{ padding:40px 0 0; }
.spcl_info{ padding:0 0 25px; }	
h2.big-title{ font-size:32px; }
.faq_home label, .industries label{ font-size:24px; margin:0 0 15px; }
.heading{ font-size:16px; padding:10px; }
.blog_list_area p{ font-size:16px; line-height:24px; padding:0; }
.industries, .faq_home, .testimonial_area{ padding:30px 0; }
.accordion ul.faq_list, .accordion ul.ind_list{ margin:0; }
}

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

	
	}


@media only screen and (max-width: 359px) {
	.mobile_nav{ margin-right:5px;}
.top_stats .grey_bg ul li::before { font-size:100px;}

}