@media only screen and (min-width: 1600px) and (max-width: 3620px){
.talk_us .talk_box{ padding:58px 95px;}
.talk_us .talk_box .part_02{ padding:50px 30px;}
.talk_us .talk_box .part_02 .form-control{ height:70px;}
.talk_us .talk_box .part_02 textarea{ height:240px !important;}
.talk_us .talk_box .part_01 p{ padding-right:100px;}
.talk_us .talk_box .part_01 ul li span{ font-size:20px;}
.talk_us label{ font-size:20px; padding:40px 0;}
.talk_us .talk_box .part_01 ul li{ margin:25px 0;}

.top_tab_area .tab-content .srvc_info{ padding:150px 85px 0;}
.top_tab_area ul.nav-tabs li a span::before{ font-size:156px; top:-13%;}
.top_tab_area .tab-content .srvc_info h3::before{ font-size:300px !important;}
.top_tab_area .tab-content .srvc_info h3{ height:155px !important; margin:75px 0 0 !important;}
.top_tab_area .tab-content .srvc_info h3 label{ font-size:35px !important;}
.mid_project h3{ font-size:70px !important; line-height:80px !important;}
.top_tab_area.srvces_main_area .tab-content .srvc_info h3 label::before{ height:px; top:14px;}
.top_tab_area ul.nav-tabs li a span{ font-size:20px; line-height:30px;}
.top_tab_area.srvces_main_area .tab-content .srvc_info p { margin:0 0 30px;}
.top_tab_area.srvces_main_area .tab-content .srvc_info ul li{ font-size:20px; line-height:30px;}
.top_tab_area.srvces_main_area .tab-content .srvc_info ul li::before{ top:12px; height:7px;}


.call_us .part_02{ max-width:875px; float:right; padding:60px;}
.call_us .part_01 figure iframe{ height:310px;}
.call_us .part_01 figure{ margin:20px 0 40px 0;}
.call_us .part_02 ul li{ margin:0 0 30px;}
.call_us .part_02 .form-control{ height:70px; padding:0; font-size:20px;}

}
@media only screen and (min-width: 1025px) and (max-width: 1600px){
nav{ font-size:14px;}	
.container{ max-width:95%;	 }
.main_bnr h1, .main_bnr h2{ font-size:8em; line-height:130px; }
nav ul li{ margin:0; }
header nav .login_ul a{ padding:12px 20px; font-size:13px; }
.main_bnr h1, .main_bnr h2{ font-size:6em; line-height:100px; }
.top_content_bnr p{ margin:30px 0; }

}

@media only screen and (max-width: 1200px) {
nav{ font-size:13px;}		
nav ul li{ margin:0; }
header nav .login_ul a{ padding:12px 20px; font-size:13px; }
.main_bnr h1, .main_bnr h2{ font-size:6em; line-height:100px; }
.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 15px 0px 0;}
nav ul.fa-pull-right{ padding-right:15px;}

nav .menu-main-menu-container{ display:none; }
nav .menu-main-menu-container{background:#fff; box-shadow:0 0 5px 0 #ccc;  margin:0; padding:0; position:absolute; width:280px; max-height:600px; overflow:auto; z-index:99999;}
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 ulli 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:13px; padding:15px 50px 15px 15px; width:auto !important; float:left;}
nav .menu-main-menu-container ul li span.after_nv i{ transform:rotate(180deg)}

.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:hover div.drop1_list .row{ width:100%;}
nav ul li div.drop1_list, nav ul li:hover div.drop1_list { width:100%; float:left; position:static; display:none; padding:20px 0; opacity:1; visibility:visible; transform:none;}
nav ul li div.drop1_list h3, nav ul li:hover div.drop1_list h3{ font-size:18px;}
nav ul li div.drop1_list p, nav ul li:hover div.drop1_list p{ font-size:14px; margin:0 0 10px;}

nav ul li div.drop1_list ul li, nav ul li:hover div.drop1_list ul li{ flex:0 0 100%; max-width:inherit; margin:5px 0; padding:15px 0;}

nav ul li:hover div.drop1_list p{ font-weight:400;}
nav ul li:hover div.drop1_list ul, nav ul li div.drop1_list ul{ width:100%; float:left; 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;}
}



@media screen and (max-width: 767px) {
	header .logo_area img{ max-height:45px; }
	.brdr_rgt{ border:none !important }
	footer .resource.full_mb{ margin:20px 0; }
footer .resource.full_mb ul.menu li{ width:50% !important; }	
.main_bnr{ padding:30px 0 0; height: auto;}	
	.top_content_bnr{ height:auto; padding:80px 0 30px;}
.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, .what_we_do, .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:-90px; }
.top_content_bnr p{ margin:15px 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 49%; margin:5px 0px;}
.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{ font-size:32px; line-height:36px; }
.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;}

}
