@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	

.product ul li {float:left; width:25%; margin:3%;}



	 }



@media screen and (min-width:768px) and (max-width: 1024px) {
.container{margin:0 auto; padding:7px 15px; width:95%; height:auto; clear:both;}
	.wrap{margin:0 auto; padding:25px 15px; width:95%; height:auto; clear:both;}	
/*--top call-*/
.top-wrapper .left{  width:100%; float:left; padding:10px 0;}
/*--top social-*/
.top-wrapper .right{padding:10px 0; width:50%; float:right; }
.social{ text-align:right;}
/*-- logo--*/
.header-wrapper .logo {  margin-top:10px; width:100%; float:left; text-align: center;}
/*-- menu-*/
.header-wrapper .menu-area{ margin:0 auto; padding:1px 0; width:100%; float:right;
 margin:10px 0 0 0; }
/*-- header area---form---slider--*/
.form-area { padding: 10px 0px; width:28%; float:left;}
.slider-grid {width:100%; float:right;  margin-top:10px;}

/*-- welcome areas--*/
 .main-wrapper .welcome-area { width:65%; float:left;}
 .main-wrapper .why-area {width:30%; float:right;}

/*-- featured producrs--*/
.threecol{  width: 22.05%; float:left; padding:5px 10px;}
.featured-wrapper .head span { margin:0 auto; width:100%; text-align: center;  }

/*-- testimonials--*/
.heading-section {text-align: center; padding:10px 0 30px 0; margin:2px 0 0 0; width:100%;
}
/*-- footer--*/
.fotter-block {margin: 15px 0px;
  width:29%; }
.footer-bottom p {   padding:0px 0px; text-align:center; 
}
.slides {height:250px !important;}  

}
@media screen and (min-width: 481px) and (max-width: 720px) {
		.iso-wrap{margin:0; display:none;}
.container{margin:0 auto; padding:7px 15px; width:95%; height:auto; clear:both;}
	.wrap{margin:0 auto; padding:25px 15px; width:95%; height:auto; clear:both;}	
/*--top call-*/
.top-wrapper .left{  width:100%; float:left; padding:10px 0;}
/*--top social-*/
.top-wrapper .right{padding:10px 0; width:50%; float:right; }
.social{ text-align:right;}
/*-- logo--*/
.header-wrapper .logo {  margin-top:10px; width:100%; float:left; text-align: center;}
/*-- menu-*/
.header-wrapper .menu-area{ margin:0 auto; padding:1px 0; width:100%; float:right;
 margin:10px 0 0 0; }
/*-- header area---form---slider--*/
.form-area { padding: 10px 0px; width:96%;}
.slider-grid { width:100%; float:left; margin-top:10px;}

/*-- welcome areas--*/
 .main-wrapper .welcome-area { width: 100%;}
 .main-wrapper .why-area { width:100%;}

/*-- featured producrs--*/
.threecol{ padding: 5px 0px; width:47%; margin:8px;}
.featured-wrapper .head span { margin:0 auto; width:100%; text-align: center; float:left;}

/*-- testimonials--*/
.heading-section {text-align: center; padding:10px 0 30px 0; margin:2px 0 0 0; width:100%;
}
/*-- footer--*/
.fotter-block {margin: 15px 0px;
    width: 45%;}
.footer-bottom p {   padding:0px 0px; text-align:center; 
} 
.slides {height:210px !important;}
.slides ul li div {font-size:18px !important; left:8% !important;} 
}
@media screen and (max-width:480px)  {
	.top-wrapper .left h1 {font-size: 16px;}
	.iso-wrap{margin:0; display:none;}
	.container{margin:0 auto; padding:7px 0; width:100%; height:auto; clear:both;}
	.wrap{margin:0 auto; padding:25px 0; width:100%; height:auto; clear:both;}	
/*--top call-*/
.top-wrapper .left{  width:100%; text-align:center;}
/*--top social-*/
.top-wrapper .right{padding:10px 0; width:100%; text-align:center; }
.social{ text-align:center;}
/*-- logo--*/
.header-wrapper .logo {  margin:5px auto 0; width: 100%; text-align:center;}
/*-- menu-*/
.header-wrapper .menu-area{ padding:1px 15px; width:90%;  margin:5px 0 0 0; text-align:center; }
/*-- header area---form---slider--*/
.form-area { padding: 10px 15px 10px 15px; width:84%;}
.slider-grid {padding:0px 15px; width:90%; float:left; margin-top:10px;}

/*-- welcome areas--*/
 .main-wrapper .welcome-area { padding: 0 15px; width: 90%;}
 .main-wrapper .why-area { padding: 0 15px; width: 90%;}

/*-- featured producrs--*/
.threecol{ padding: 5px 15px; width:89%; margin:10px 0px;}
.featured-wrapper .head span { margin:0 auto; width:90%; padding:0px 15px; text-align: center; float:left;}

/*-- testimonials--*/
.heading-section {text-align: center; padding:20px 0 30px 0; margin:10px 15px 0 15px; width:90%;
}
/*-- footer--*/
.fotter-block { margin:0; width: 90%;  padding-right: 15px; padding-left: 15px; margin:10px 0px;}
.footer-bottom p {   padding:0px 15px; text-align:center; 
}  

.slides {height:113px !important;}
.slides ul li div {font-size:14px !important; left:5% !important;}

  }

/************************************************************************************
CLEARFIX
*************************************************************************************/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.clearfix { display: inline-block;}
.clearfix { display: block; zoom: 1;}