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

		.our_service					{ padding:30px 0 30px 30px;}
		.our_service_busines			{ margin: 0 19px 0 0;}
		.our_service_busines p			{ font-size: 13px;} 
		.footer_top p					{ font-size: 14px; padding:30px 0 0 60px;}
		
		
		
		

}


@media only screen and (max-width:1280px) {
	
		.side_nav						{ width: 250px;}
		.nav_bar ul li a				{ width: 250px; padding:10px 20px;}
		.nav_bar ul li a:before			{ width: 260px;}
		.side_right						{ width:calc(100% - 250px ); margin: 0 0 0 250px;}
		.logo a img						{ width:100%; height:auto;}							
		.logo							{ width:120px; margin:0 auto;}
		.nav_today h5					{ font-size: 14px; padding:0 0 8px;}
		.nav_today h6					{ font-size: 18px; padding:0 0 9px;}
		.nav_bar ul li a:not(.mm-next):before	{ width: 260px;}

		.banner_txt h1					{ font-size: 46px; line-height: 52px;}
		.banner_txt p					{ font-size: 14px; padding:0 0 13px;}
		.banner_txt a					{ font-size: 15px;}
		.challange h2					{ font-size: 44px; line-height: 48px; padding: 0 0 20px;}
		.challange p					{ font-size: 16px; line-height: 20px;}
		.challange a					{ font-size: 15px;}
		.our_service_busines			{ margin:0 18px 0 0;}
		.our_service_busines a			{ font-size: 14px;}
		.challange .getstartnow			{ width: 215px; font-size: 13px;padding: 14px 0;}
		
		footer							{ padding: 10px;}
		.footer_top_logo				{ padding:0 0 0 20px;}
		.footer_nav, .footer_bottom		{ padding:0 0 30px 20px;}
		.footer_nav ul li				{ padding:0 28px 0 0;}
		.footer_bottom h2, .footer_bottom h2 a	{ font-size: 18px; line-height: 21px;}
		.footer_bottom h2 strong		{ font-size: 14px; line-height: 18px;}
		
		/*********** About ***************/
		.about_ban_text h2				{ font-size: 46px; line-height: 52px; padding:20px 20px 20px 0;margin:0 20px 0px 0;}
		.about_ban_text p				{ font-size: 32px; line-height: 34px; margin: 11px 0 0 0;}
		.about_rht h3 h3				{ font-size: 46px; line-height: 44px; padding:0px 0 40px 0;}
		.about_content					{ padding:0 40px 40px 40px;}
		.about_lft p, .about_rht_txt ul li					{ font-size: 13px; line-height: 20px;}
		.about_rht						{ padding:0 0px 0 20px;}
		
		
		/*********** Training ***************/
		.training_rht h4, .training_rht h5, .contactus_lft h4 { font-size: 41px; line-height: 43px; padding:0px 0 20px 0;}
		.training_rht p					{ font-size: 13px; line-height: 19px;}
		.training_rht a					{ font-size: 16px; line-height: 21px; padding: 0 0 20px 0;}
		.training_rht					{ text-align:center;}
		.training_rht h5				{ padding:50px 0 0;}
		
		
		.service_tab_block ul li a		{ padding:30px 30px;}
		.service_tab_block ul li a em		{ font-size: 12px;}
		
		
		
		
		
		
		

}


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

		.logo							{ width: 100px;}
		.side_nav						{ width: 230px;}
		.nav_bar ul li a				{ width: 230px; padding:10px;}
		.side_right						{ width:calc(100% - 230px ); margin: 0 0 0 230px;}
		.nav_bar ul li a:before			{ width: 240px;}
		.nav_bar ul li a				{ font-size: 16px;line-height: 18px;}
		.nav_bar ul li ul li a			{ font-size: 14px; padding:12px 10px 12px 30px;}
		.nav_icon						{ padding: 13px;}
		.nav_icon ul li					{ padding:0 17px 0 0;}
		.nav_icon ul li a				{ width: 33px; height: 33px;}
		.nav_icon ul li a.fa			{ font-size: 18px; line-height: 34px;}
		.nav_bar ul li a:not(.mm-next):before	{ width: 240px;}
		
		.banner_txt h1, .banner_txt h1 span						{ font-size: 43px;line-height: 47px;}
		.banner_txt p					{ font-size: 13px;}
		.banner_txt a					{ font-size: 14px;}
		.challange h2					{ font-size: 39px; line-height: 44px; padding:0 0 13px;}
		.challange p					{ font-size: 14px; line-height: 18px; letter-spacing: 0; padding:0 0 14px;}
		.challange a					{ font-size: 14px;}
		.our_service h3					{ font-size: 27px;line-height: 31px; padding:0 0 20px;}
		.our_service_busines			{ margin:0 14px 0 0;}
		.our_service_busines h5			{ font-size: 18px; line-height: 22px; padding:0 0 16px;}
		
		.footer_top p					{ padding:30px 0 0 52px;}
		.footer_nav ul li a				{ font-size: 16px; line-height: 18px;}
		.footer_nav ul li a em			{ font-size: 12px;}
		.footer_nav ul li				{ padding:0 20px 0 0;}
		.footer_bottom h2, .footer_bottom h2 a			{ font-size: 16px; line-height: 21px;}
		
		
		.business_inteligent			{ padding:70px 0 0;}
		.application_mgnt_lft			{ padding:0;}
		
		
		.service_tab_block ul li a		{ font-size:13px;padding:20px;}
		
		
		


}



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

		.side_nav					{ width:50%; position:static;}
		.side_right					{ width:100%; margin:0;}
		.menu_res					{ position:absolute; left:0; width:250px; display:none;}
		.menu_res					{ display:none;}
		.header						{ display:block;}
		.logo						{ width: 100%; padding:10px 0;}
		.logo a						{ display: inline-block; width: 90px;}
		.menu_res_rht				{ position:absolute; top:0; right:0;}
		
		.banner_txt					{ width:100%; text-align:center; left:0;}
		.challange h2				{ font-size: 36px; line-height: 41px;}
		.challange, .banner			{ padding:0 0 40px;}
		.our_service				{ padding:20px;}
		.our_service h3				{ text-align:center;}
		.our_service_busines		{ width:calc(100% - 50%); margin:0 auto 20px auto; display: block; text-align: center;}
		
		.footer_top_logo			{ padding:10px 0 0;float:none;display:block;}
		.footer_top p				{ padding:20px 0 0 0;float:none;display:block; width:100%;}
		.footer_top_icons			{ float:left !important; padding:0;}
		.footer_top_icons ul li		{ padding:20px 10px 0 0;}
		.footer_nav, .footer_bottom	{ padding:0 0 30px 0;}
		.footer_bottom h2			{ padding:0 0 10px;}
		
		/*********** About ***************/
		.about_ban_text h2			{ font-size: 42px; line-height: 50px;}
		.about_ban_text p			{ font-size: 30px; line-height: 32px; margin: 15px 0 0 0;}
		.about_content				{ padding:0 20px 20px 20px;}
		.about_content h3			{ font-size: 45px; line-height: 43px;padding:0px 0 30px 0;}
		.about_rht					{ padding:0;}
		.about_rht h3				{ font-size: 24px; line-height: 28px; padding:0px 0 20px 0;}
		.about_rht_txt ul li		{ padding: 14px;}
		


		/*********** Training ***************/
		.training_rht h5			{ font-size: 37px;line-height: 40px;}
		
		.author_res					{ display:none;}
		.author_res_btm				{ display:block; bottom:20px;right:20px;}
		
		.mm-menu .mm-navbar a, .mm-menu .mm-navbar>* {color:#19b0d0; text-transform: uppercase;}
		
		.service_btm				{ padding:0;}
		

}

@media only screen and (max-width:1000px) {
		.footer_top_logo			{ width:100%; }
		.about_lft					{ }
		.contactus_lft				{ padding:0 0 20px;}
		.contact_map				{ width:100%;}
		
		.service_tab_block ul li	{ border-bottom:1px solid #c3c3c3;}

}


@media only screen and (max-width:767px) {
		.banner_txt h1, .banner_txt h1 span { font-size: 38px; line-height: 40px;}
		.challange					{ width:100%;}
		.challange, .banner			{ padding:0 0 20px;}
		.challange h2				{ font-size: 32px;line-height: 38px;}
		.our_service				{ padding:10px;}
		.our_service h3				{ font-size: 24px; line-height: 28px;}
		.our_service_busines		{ width:100%; margin:0 0 20px 0; text-align:center;}
		.challange img				{ width:200px;}
		.challange .getstartnow		{ width: 190px;font-size: 12px; padding: 11px 0;}
		.footer_top p				{ font-size: 13px;}
		.footer_top_icons ul li a.fa		{ font-size: 19px; line-height: 30px;}
		.footer_top_icons ul li a	{ width: 30px; height: 30px;}
		.footer_nav ul li			{ float:none; display:block;}
		.footer_top, .footer_nav				{ margin:0 0 30px;}
		
		/*********** About ***************/
		.about_ban_text				{ bottom:56px; left:0; width:100%;}
		.about_ban_text h2			{ font-size: 36px; line-height: 43px; padding: 10px 0; float:none; display:block; text-align:center; margin:0; border:none;}
		.about_ban_text p			{ text-align:center; float:none; margin:0;}
		.about_content h3			{ font-size: 39px; line-height: 38px; padding:0px 0 20px 0;}
		.about_rht h3				{ font-size:20px;line-height:26px;}
		

		/*********** Training ***************/
		.contactus_lft				{ text-align:center;}
		.contactus_rht_locate		{ width:50%; margin:0 auto; display:block;}
		.contactus_rht_locate_icon	{ padding:10px 20px 10px 0; margin:0 20px 0 0;}
		.contactus_rht_locate_txt	{ padding:0 0 40px;}
		.contactus_rht_locate_txt h5	{ font-size: 14px; line-height: 20px;}
		.contactus_rht_locate_txt p a, .contactus_rht_locate_txt p	{ font-size: 13px; line-height: 22px;}
		
		
		.application_mgnt_rht		{ padding:20px 0 0;}
		
		
		.application_mgnt_rht, .application_mgnt_lft		{ text-align:center;}
		
		


}



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

		.banner_txt					{ position:static; padding:10px 0; border-bottom: 1px solid #ccc;}
		.banner_txt p				{ color:#000; opacity:1;}
		.banner_txt h1 span 		{ color:#000; }
		.banner_txt h1, .banner_txt h1 span { font-size: 34px; line-height: 38px;}
		.banner_txt a				{ font-size: 13px;color:#000;}
		.challange h2				{ font-size: 28px; line-height: 33px;}
		.challange p				{ font-size:13px;}
		.challange .getstartnow		{ width: 150px; font-size: 11px; padding: 9px 0;}
		.footer_top p				{ font-size: 12px; line-height: 18px; padding: 10px 0 0 0;}
		
		/*********** About ***************/
		.training_rht h4, .training_rht h5, .contactus_lft h4	{ font-size: 36px; line-height: 40px;}
		.about_ban_text				{ position:static; }		
		.about_ban_text h2			{ color:#000; font-size: 31px; line-height: 40px;}
		.about_ban_text p			{ color:#000; font-size: 23px; line-height: 28px;}
		.about_ban_text p span		{ color:#000; font-size: 22px; line-height: 25px;}
		.about_content h3			{ font-size: 32px; line-height: 34px;}
		.about_content				{ padding:0 10px 0 10px; -align: center;}
		.about_lft					{ padding: 0;}
		
		/*********** Training ***************/
		.training_rht h4			{ font-size: 36px; line-height: 38px; padding:0px 0 20px 0;}
		.contactus_rht_locate		{ width:100%;}
		.footer_nav ul li a			{ display:inline-block;}
		
		.mm-menu.mm-offcanvas		{z-index: 99;}
		.header a					{ left:auto; right:4px;}
		.mm-menu.mm-offcanvas.mm-opened	{box-shadow: 1px 0 14px rgba(0,0,0,0.3);}
		
		.application_mgnt_lft		{ text-align:center; padding: 0;}
		.application_mgnt_lft h4	{ font-size: 42px;    line-height: 43px; padding:0px 0 30px 0;}
		.application_mgnt_rht		{ padding: 20px 0;}
		
		
		.service_tab_block ul li		{ text-align:center;}
		
		
		


}

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

		html.mm-opening .mm-menu~.mm-slideout		{ webkit-transform: translate(43%, 0);
    -ms-transform: translate(43%, 0);
    transform: translate(43%, 0);
    -webkit-transform: translate3d(43%, 0, 0);
    transform: translate3d(43%, 0, 0);}


}