/* Define mobility */

@media all and (min-width: 1261px) {
  /* four column code */
  #container {
    display: flex ;
    align-items: stretch ;
    flex-flow: row wrap ;
    width: 100% ;
  }
    
  #pagetitle {
    order: 0 ;
    width: 100% ;
    text-align: right;
    padding-right: 40px;

  }
	
	#sideinfo {
    order: 1 ;
    width: 20% ;
    padding-right: 20px;
    position: relative;
    top: -60px;
  }
	#speciemenu {
    order: 1 ;
    width: 20% ;
    padding-right: 20px;

  }
	#speciemobile {
    order: 1 ;        
	display: none ;

  }
  
	#pageinfo {
    order: 2 ;
    width: 75% ;
    -moz-border-radius: 15px;
 	border-radius: 15px;
    border:solid 2px gray;
    padding:5px;
    background:#fff;
  }
 	#featured {
    order: 3 ;
    width: 80% ;
    -moz-border-radius: 15px;
 	border-radius: 15px;
    border:solid 2px gray;
    padding:5px;
    background:#fff;
    margin: auto;
} 
  #cult {
    order: 4 ;
    width: 275px;    
    margin: 5px 5px 5px 5px;
    font-size: 12px;
    border-radius: 15px;
    border: 1px solid #e1e1e1;
    position: relative;
    top: -0px;
    right: -400px;

} 
  #onsale {
    order: 5 ;
    width: 75% ;    
    margin: 5px 5px 5px 5px;
    font-size: 12px;
    border-radius: 15px;
    border: 1px solid #e1e1e1;
	float: right;
}

}



@media all and (max-width: 1260px) {
  /* two column code */
  #container {
    display: flex ;
    align-items: stretch ;
    flex-flow: row wrap ;
    width: 100% ;
  }  
  
  #pagetitle {
    order: 0 ;
    width: 100% ;
    text-align: right;
    padding-right: 20px;

  }
	
	#sideinfo {
    order: 1 ;
    width: 100% ;
    padding-right: 20px;
    position: relative;
    top: -60px;
  }
	#speciemenu {
    order: 1 ;        
	display: none ;

  }  
	#speciemobile {
    order: 6 ;
    width: 100% ;
    padding-right: 20px;
  }
	#pageinfo {
    order: 2 ;
    width: 100% ;
    -moz-border-radius: 15px;
 	border-radius: 15px;
    border:solid 2px gray;
    padding:5px;
    background:#fff;
  }
	#featured {
    order: 3 ;
    width: 100% ;
    -moz-border-radius: 15px;
 	border-radius: 15px;
    border:solid 2px gray;
    padding:5px;
    background:#fff;
  }
  	#cult {
    order: 4 ;    
    margin: 5px 5px 5px 5px;
    font-size: 12px;
    border-radius: 15px;
    border: 1px solid #e1e1e1;
    position: relative;
    top: -0px;
    right: -350px;
}  
	#onsale {
    order: 5 ;
    width: 75% ;    
    margin: 5px 5px 5px 5px;
    font-size: 12px;
    border-radius: 15px;
    border: 1px solid #e1e1e1;
}

}

@media all and (max-width: 629px) {
  
  #slogo {
  max-width: 200px;
}


  
  /* one column code */
  #container {
    display: flex ;
    align-items: stretch ;
    flex-flow: column wrap ;
    width: 100% ;
	background: #ededed;
  }
    
  #pagetitle {
    order: 0 ;
    width: 100% ;
    text-align: right;
    padding-right: 20px;

  }
	
	#sideinfo {
    order: 1 ;
    width: 100% ;
    padding-right: 20px;
  }
	#speciemenu {
    order: 1 ;        
	display: none ;

  }	
	#speciemobile {
    order: 6 ;
    width: 100% ;
    padding-right: 20px;
  }
  
	#pageinfo {
    order: 2 ;
    width: 100% ;
    -moz-border-radius: 15px;
 	border-radius: 15px;
    border:solid 2px gray;
    padding:5px;
    background:#fff;
  }
	
	#featured {
    order: 3 ;
    width: 100% ;
    -moz-border-radius: 15px;
 	border-radius: 15px;
    border:solid 2px gray;
    padding:5px;
    background:#fff;
  }
  #cult {
    order: 4 ;    
    margin: 5px 5px 5px 5px;
    font-size: 12px;
    border-radius: 15px;
    border: 1px solid #e1e1e1;
    position: relative;
    top: 180px;
    left: 70px;
}
	#onsale {
    order: 5 ;
    width: 75% ;    
    margin: 5px 5px 5px 5px;
    font-size: 12px;
    border-radius: 15px;
    border: 1px solid #e1e1e1;
}
}

.floater
{
  float:left;
  word-break: break-all;
   width: 125px;
   padding: 20px;
 margin-left:10px;
}

.floater1
{
  float:left;
  word-break: break-all;
   width: 125px;
   padding: 10px;
}

#wrap{
    width:auto;
 margin:0 auto;
  border:0px solid;
 height:140px;
  display:block;
  
}