@media screen and (max-width: 1500px) and (min-width: 700px) {
 .main-pro{  padding:10px 42px; }
 .main-pro p{ padding:13px 0px}
 
 .content{ margin:19px 15px;}
.content h1{ padding-left:25px ;  font-size: 28px;
   
    padding:6px 26px !important;}
/* line-height: 24px;.content p{ margin:15px 28px 20px}*/
 }
 
 
@media screen and (max-width: 699px) and (min-width: 520px) {
	
	 .main-pro{ margin:1%; padding:10px 42px; width: auto}
	 h1, .h1{ font-size: 22px !important;
padding-left: 24px;
line-height: 41px;
padding-bottom: 0px;
margin-bottom: 0px;}
}

@media screen and (max-width: 520px) and (min-width: 100px) {
	 .main-pro{ margin:1%; padding:10px 42px; width:100% !important}
/*	  .main-pro h3{  padding-left: 23px; padding-top: 8px;}*/
	  
h1, .h1{ font-size: 17px !important;
padding-left: 24px;
line-height: 41px;
padding-bottom: 0px;
margin-bottom: 0px;}
}