@media only screen and (max-width: 1060px) {
.main_content .owl-loaded				{width:90%; margin:auto;}
}


@media only screen and (max-width: 1020px) {
.container 						{margin:auto;  width:95%;}
.banner .banner_img_left 		{    float: left;    max-width:45%;}
.banner .banner_img_left img 	{    float: left;    max-width:100%;}
.banner .banner_text_right	 	{width:50%;}
#header .header_btm_right h5	{ padding: 20px 0;}
.platform_se .platform_se_post_left	{    max-width: 46%;    padding: 0 2.4%;}
.platform_se .platform_se_post_right {   max-width: 46%;}
.main_content .device .device_left {    float: left;    max-width: 43%;    padding: 0 7px;}
.main_content .device .device_right {    float: left;    max-width: 43%;    padding: 0 7px;}
.live_trac .live_trac_left 				{float: left;  width: 47%;}
.main_content .owl-loaded				{width:90%; margin:auto;}

}


@media only screen and (max-width: 900px) {
.platform_se .platform_se_post_right h2 {font-size: 17px;}
.platform_se .platform_se_post_left h2  {font-size: 17px;}
.main_content .business_se_text h2		{font-size: 17px;}
.main_content .business_se_text p		{text-align:center;}
.banner_text_right .demo_btn			{margin:auto;}
.main_content .device .device_left h3	{font-size: 14px;}
.main_content .device .device_right h3	{font-size: 14px;}
.live_trac .live_trac_left 				{float: left;  width: 47%;}
.banner_inner1 h1						{ font-size: 29px;  line-height: 36px;}
}


@media only screen and (max-width: 800px) {
.business_se							{float:none; display:block; text-align:center}
.main_content .business_se_text			{float:none; display:inline-block; margin:10px; width:45%; vertical-align:top; padding:0px;}
.footer_btm								{text-align:center;	}
#footer .footer_btm .footer_btm_left 	{  color: #000;    float: none;    max-width: 100%;    margin-bottom: 10px; margin-top:15px;}
#footer .footer_btm .footer_btm_right	{background:none;}
.footer_menu > ul						{ padding: 0 0 30px;}	

}

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

.main_content .device .post_se			{width:90%; margin:auto;     box-sizing: border-box; float:none; padding:0px; border-right:0px; border-bottom:1px solid #000;}
.main_content .device .device_left 		{ float: left;   padding: 0 7px;   width: 46%;    max-width: 100%; text-align:center;}
.main_content .device .device_left h3	{text-align:center;}
.main_content .device .device_left p	{text-align:center;}
.main_content .device .device_right		{ float: left;   padding: 0 7px;   width: 46%;    max-width: 100%; text-align:center;}
.post_se_right 							{width:90%; margin:auto;     box-sizing: border-box; float:none; padding:0px; }
.main_content .device .device_right h3	{text-align:center;}
.main_content .device .device_right p   {text-align:center;}
#footer .footer_top ul li				{margin: 14px;}
.main_content .gps_device h3			{font-size: 21px;}
.owl-controls .owl-next					{left: 0px;}
.owl-controls .owl-prev					{right: 0px;}

}




@media only screen and (max-width: 680px) {
.banner .banner_img_left			{max-width:100%; float:none; width: 100%;}
.banner .banner_text_right 			{max-width: 100%; float:none; width: 100%;}
.banner .banner_img_left img 		{float: none;  max-width: 100%;   width: 100%;}
.banner .banner_text_right h1		{font-size:20px; line-height:25px;}
.header_btm							{margin-top:30px;}	
.parents .parents_left				{width:100%;}
.parents .parents_right 			{ float: right;   margin: auto;    text-align: center;    width: 100%;}
.live_trac .live_trac_right			{width:100%;}
.live_trac .live_trac_left 			{width:100%;   text-align: center; }


}



@media only screen and (max-width: 640px) {
.main_content .business_se_text		{ width: 80%;}
.logo img							{width:80%;}
.main_content .device .device_right		{ float: left;   padding: 0 7px;   width: 100%;    max-width: 100%; text-align:center;}
.main_content .device .device_left 		{ float: left;   padding: 0 7px;   width: 100%;    max-width: 100%; text-align:center;}
.platform_se .platform_se_post_left		{ float: left;   padding: 0 7px;   width: 100%;    max-width: 100%; text-align:center; border-right:0px; border-bottom:1px solid #000;   box-sizing: border-box;}
.platform_se .platform_se_post_right	{ float: left;   padding: 0 7px;   width: 100%;    max-width: 100%; text-align:center; box-sizing: border-box;}	
.main_content .inner_last > h4			{font-size: 20px;}
.live_trac .live_trac_left 				{ float: none;   margin: auto;   width: 90%;}
.live_trac .live_trac_right				{width:90% ; float: none;   margin: auto; }
.live_trac .live_trac_right h2			{font-size:20px; line-height:25px;}	
.live_trac								{text-align:center;}
.parents h1								{   font-size: 20px; line-height:25px;}
#header .header_btm_right 				{ float: right;  text-align: center;   width: 100%;}
}

@media only screen and (max-width: 500px) {
.menu					{display:none;}
.logo 					{margin-top: 20px;}
.menu_responsive		{margin-top: 20px;}
.menu1					{height:40px; width:100%;  box-sizing: border-box; text-align:center; font-size:25px; background:#000; color:#fff;}
.menu1 a				{color:#fff; display:block; line-height:40px;}
#header .header_btm_left { float: left;  width: 100%;}
.navigation         	{display:block;}
.navigation ul li		{height:40px; padding:10px; box-sizing: border-box; background:#ccc; color:#000; }		
.navigation ul li a		{color:#000; display:block;}	
.navigation ul li a:hover		{color:#fff;}	

}



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

#footer .footer_top ul li 			{  display: block;   padding: 5px;}
.main_content .inner_last > h3		{font-size: 20px;  line-height: 25px;}
.main_content .inner_last > p		{ font-size: 15px;}
}