/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px){
	.footer-left{ float:none!important; text-align:center; }
	.footer-right{ float:none!important; text-align:center; }
	.pro-box{width: 33%!important; float:left!important; margin:0px 18px 20px 25px!important;}
	.mobile{text-align:center!important; width:100%;}
	.news{ width:60%!important; text-align:left;}
	.demof ul{ width:100%!important; }
	
	}
 
	/* Small Devices, Tablets */
@media only screen and (min-width : 768px){
	.logo{ float:left; text-align:left;}
	.menu{ float:right; text-align:left;}
	.left-cont{ float:none; text-align:center;}
	.mobile{ float:none;}
	.link{position: absolute;
    bottom: 140px;
    left: 22px;}
	.link img{ width:90%;}
	#banner h1 b{ font-size:35px; line-height:48px;}
	.pro-box{width:33%; float:left; margin:0px 0px 25px 0px;}
	.news {
    position: relative;
    padding: 25px 0px;
    width: 77%!important;
    margin: 70px 0px 0px 25px!important;
}
	}
 
	/* Medium Devices, Desktops */
@media only screen and (min-width : 992px){
	.left-cont{ float:left;}
	.link{position: absolute;
    margin: 0px 0px 0px 0px;
    bottom: 203px;
    left: 60px;}
	.link img{ width:100%;}
	#banner h1 b{ font-size:40px; line-height:48px;}
	.pro-box{width:auto; float:left; margin:0px 56px 0px 0px;}
	.news {
    position: relative;
    padding: 25px 0px;
    width: 73%!important;
    margin: 70px 0px 0px 25px!important;
}
	}
	




    @media only screen and (max-width : 767px) {
	.logo{ float:none; text-align:center;}
	.menu{ float:none; text-align:center;}
	#banner {padding: 40px 0px 60px 0px;}
	#banner h1{font-size: 17px;
line-height: 27px;
padding: 0px 0px 17px 0px;}
	#banner h1 b{ font-size:20px; line-height:30px;}
	.left-cont{ float:none; text-align:center;}
	.pro-box{width: 25%; float:left; margin:0px 18px 20px 25px;}
	.pro-box p{ font-size:13px;}
	.pad-right{ padding-right:15px!important;}
	.footer-left{ float:left; }
	.footer-right{ float:right; }
	.mobile{ width:100%;  background:url(../images/mobile.png) no-repeat top center; padding: 20px 0px 68px 0px;}
	.demof ul{ width:100%;}
	.news{ width:47%; margin:70px auto 0px auto;}
	

    }
	
	@media only screen and (max-width : 360px){
	.pro-box{width: 33%!important; float:left!important; margin:0px 18px 20px 25px!important;}
	.mobile{text-align:center!important; width:100%;}
	.news{ width:85%!important; text-align:left;}
	.demof ul{ width:100%!important; }
	
	}
	
	@media only screen and (max-width :320px) {
	.pro-box{width:33%!important; float:left; margin:0px 0px 25px 0px; height:135px;}
	.news{ width:60%; margin:50px auto 0px auto;}
	.mobile{ background-size:contain;}
	.demof ul{ width:100%;}
	.demof li .img img{
	float: left;
	max-width: 64px;
	margin: 15px 0px 0 0;
}
.demof li .text p{ font-size:11px; line-height:13px;}
.demof li .text a{ font-size:13px;}
	}