@media only screen and (max-width: 1430px) {
.hom_title{
	width: 96%;
}
}

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

   #align-left{
   	width: 1100px;
   }
   .ul {
   		width: 1100px;
   }
   .info-left{
   	width: 600px;
   }
}
@media only screen and (max-width: 1130px) {

   #align-left{
   	width: 900px;
   }
   .ul {
   		width: 900px;
   }
   .info-left{
   	width: 520px;
   	overflow: hidden;
   }
   .info-right{
    float: right;
    width: 350px;
   
   }
   
.info-right p{
	width: 96%;

}
}
@media only screen and (max-width: 930px) {
	 #align-left{
   	width: 100%;
   }
   .ul {
   		width: 400px;
   		position: absolute;
   		margin-top: -676px;
   		left: 20%;
   }
   .hom_title{
   	margin-top: -50px;
   }
 .info-left{
   	margin: auto;
   }
.info-left{
	float: none;
	
}
.info-right{
	float: none;
	margin:80px auto;
	overflow: hidden;
	width: 510px;
}
.info-right h3{
	margin-top:20px;
}

.info-right-p-p{
	width: 96%;
	margin-left: -10px;
}
.col-lg-3 a img{
	margin-top: 4px;
}
}
@media only screen and (max-width: 800px) {


}
@media only screen and (max-width: 550px) {
	 #align-left{
   	width: 100%;
   }
    .info-left{
   	width: 380px;
   }
  
    .lightbox img {
   	width:370px;

}

.baner {
    height: 444px;
    width: 353px;
	}
 .info-left{
   	    height: 457px;
   }
.info-left{
	float: none;
}
.info-right{
width: 380px;
}
.ul {
   		width: 300px;
   		left: 10%;
   		
   }
   .title{
   	width: 350px;
   	left: 0 !important;
   	text-align: center !important;
   }
   
}
@media only screen and (max-width: 450px) {
	.ul {
   		width: 300px;
   		left: 5%;
   		
   }
}
@media only screen and (max-width: 430px) {
	.ul {
   		width: 300px;
   		left: 3%;
   		
   }
}
@media only screen and (max-width: 400px) {
	.ul {
   		width: 300px;
   		left: 0%;
   		
   }
}