#slider { 
	
	border-top:0px solid #EEE;
        border-bottom:0px solid #EEE;
	height: 350px;
    overflow: hidden;
	position: relative; 
width: 70%;
margin: 0 auto;
 }
 
   /* DEFAULT is for three panels in width, adjust as needed
      This only matters if JS is OFF, otherwise JS sets this. */								  
#mover { 
	
	position: relative;  
}
.slide { 
	    padding:24px 25px; 
	    width:930px; /*fixed width of banner*/
	    float: left; 
	    position: relative; 
 }
.slide-ext { 
	    //padding:24px 25px; 
	    //width:930px; /*fixed width of banner*/
	    float: left; 
	    position: relative; 
 }
 .slider-text{
 	float:left;
 	width:47%;
 	padding-left:4%;
 	padding-top:0;
 }
 .slider-img{
 	float:left;
 	width:40%;
        margin-left:15px;
        
        
            
 }
 .slider-img img{
     border-radius:30px;
     border: solid 1px #ccc;
     box-shadow: 0px 0px 0px #ccc;
     background: #fff;
 }
.slide h1{ 
	   font-size:1.2em; 
	   font-weight:bold;
	   color:#0d80b7; 
	   text-transform:uppercase;
 }
 .slide h1 span{
 	font-size:3em;
 }
 .slide h2{ 
 	font-size:2em;
 	color:#999;
 	font-family: 'ambleregular';
 }
  .slide h2 span{ 
  	color:#CD1F25;
  	font-size:2em; 
 }
 .slide p {
 	 color:#222;
 	 font-size:0.9em; 
 	 padding:5px 0;	   
 	line-height:1.8em; 
 }
 .slide p span{
 	   color:#0B86AA;
 }
 .slide h3{ 
	   font-size:1.2em; 
	   color: #999;  
	   text-transform:uppercase;
	   padding-top:10px; 
 }
 .features_list{
	padding-top:5px;
}
.features_list h4{	  
	   font-family: 'ambleregular'; 
	   font-size:1.2em; 
	   color:#222;
}
.features_list li{
	font-size:0.9em;
	color:#888888;
	padding:8px 20px;
	background:url(../images/list_img.png) no-repeat 0px;
	cursor:pointer;
}
.features_list li:hover{
	color:#DDD;
}
.button {
	font-size: 1.2em;
	padding:8px 15px;
	text-shadow:0px 1px 1px rgba(94, 94, 94, 0.9);
}
.button {
	margin-top:20px;
	display: inline-block;
	background:#0e966b;
	color: #FFF;
	text-decoration: none;
	border-radius:5px;
	outline: 0;
	  -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
.button:hover {
	text-shadow: 0px 1px 1px #000;
	background:#0e966b;
	 -webkit-transform:scale(1.05);
    -moz-transform:scale(1.05);
    -ms-transform:scale(1.05);
    -o-transform:scale(1.05);
    transform:scale(1.05);
}
.button-icon-download{
	margin-left:15px;
}
#slider-stopper { 
	position: absolute; 
	top: 1px; 
	right: 20px; 
	background: #ac0000; 
	color: white;
    padding: 3px 8px; 
    font-size: 10px; 
    text-transform: uppercase; 
    z-index: 1000; 
 }
 @media only screen and (max-width: 1024px) {
	.slide h1 {
		font-size:2em;
	}
}
@media only screen and (max-width:800px) {
	.slider-text{
		width:55%;
		float:none;
	}
 .slider-img{
 	float:none;
 	text-align:center;
 }

}
@media only screen and (max-width:320px) {
	.slider-text{
		width:31%;
		padding:0 1% 0 0;
	}
	.slider-img{
		width:30%;
	}
}
.row.sld{
     width: 100%;
    // background:url(../images/cil_banner.jpg) no-repeat 0px;
     background-size: cover;
     border-bottom: solid 1px #fff;
     border-top: solid 0px #fff;
     margin:0px !important;
 }
 .row.sel{
     width: 90%;
     padding: 10px 5%;
     background: #85cff5;
    
 }
  .row.sel select{
    width: 30%;
    padding: 5px 0px 5px 0px;
    margin: 0px 50px;
  }
@media (max-width: 767px) {
 .row.sel{
     width: 98%;
     padding: 5px 1%;
     background: #85cff5;
    
 }
  .row.sel select{
    width: 100%;
    clear: both;
   margin: 3px 0px;
  } 
  .logo {
    float: left;
    width: 90%;
    margin: 5px 0px 5px 5%;
    padding-top: 5px;
}
.row.sld{
    display: none;
}
}
/*FOr mobile anand*/
@media (min-width: 100px) and (max-width: 767px){
.logo {
    width: 114px !important;
    margin:0 auto !important;
    float:none !important;
}

.account_desc li .active, .account_desc li, .account_desc li:hover{
    padding: 10px 4px 10px !important;
    margin: 0px 0px 0px 0px!important;
    border-radius: 10px 10px 0px 0px !important;
}
.account_desc {
   padding: 10px !important; 
}
.menu {
    width: 100% !important;
    overflow: scroll;
    margin: 5px;
}
.header_bottom .categories.pull-right{
    width: 100%;
    float: left;
    text-align: center;
    padding: 0px 0px 12px;
}
.header_bottom .categories.pull-right select{
    background: #fff;
    width: 285px;
    border: solid 1px #000;
    margin: 0 auto !important;
}
.header_bottom .menu  ul{
    width: 500px;
    height: 40px;
    
}
.menu li{
  background: none !important;
  width:auto !important;  
  margin:1px !important;
  border-radius:0px !important;
  text-align: center !important;
  border-bottom:  solid 4px #000;
  display: inline;
   float: left;
   cursor: move;
       
}
.menu li a {
    padding: 4px 4.8px !important;
    color:#000;
    
}
.header_bottom {
    padding-bottom: 0px !important;
}
#resellerSignup.container {
padding:0px !important;
}
.modal-dialog {
    margin: 0px !important;
}
p.add-cart {
    display: inline-block;
    color: #047f9d !important;
}

}
@media (min-width: 100px) and (max-width: 374px){
   .images_1_of_4 {
    
    padding: 8px 5px !important;
        height: 248px  !important;
}
}
@media (min-width: 375px) and (max-width: 767px){
 
.images_1_of_4 {
    width: 43% !important;
    padding: 8px 5px !important;
        height: 268px  !important;
}
}
.span_1_of_5.center.button.btn-primary{
    width:14.5% !important;
}
@media (max-width: 767px) {
    .products_list{
         width:33.3%;   
    }
    
}