@media only screen and (max-width : 425px) { 
body{ 
	font-size: 90%;
	line-height: 145%;
}

#header_nav {
  	position: relative;
	z-index:10;
}
#order{
	padding:50px;
	background:#fff;
	border-radius:20px;
	margin-top:-500px;
}

.contactdetails{
	z-index:8;
	background-color:#fff;
	padding:50px;
	display:block; 
	margin-top:-200px;
}

#tfpfooter{
	background-image: url(/assets/logos/TFP-brand-billboard.png);
	background-repeat: no-repeat;
	background-position: center;    
	background-size:contain;  
	background-color:#fff; 
	text-indent: -9000px;
	border-radius:8px;
	padding:80px 0 50px 0;  
	display: block; 
} 

h2{
	font-size:200%;
}
.gallery li{
	padding-bottom:50%;
	background-position:top;
	background-repeat:no-repeat;
	background-size:cover;
}
 
.small-menu {
	position: absolute;
	width: 120px;
	top:0;  
	left:0;
}

.small-main {
	position: relative;
	margin-left: 120px;
}

.sleft { 
	float: left !important;
}

.sright {
	float: right !important;
}

.spushoff-top{
	margin:20px 0 0 0;
}


.screatespace{ 
	display: block;
	margin: 26px 0; 
	width: 100%;
	clear:both;
}

.screatespaceclear {
	display: block;
	margin: 12px;
	clear: both;
	width: 100%;
}

.sclear {
	display: block;
	clear: both;
	width: 100%;
	height: 1px;
}

 
.sgrids li:nth-child(3n+1){
	clear:both; 
}

.spaddme {
	padding:0 25px;
}

.paddmyleft {
	padding:0 0 0 25px;
}

.paddmyright {
	padding:0 25px 0 0;
}



/*###############################################################################*/

 
.small-1 {
	position: relative;
	width: 8.33333%;
}

.small-2 {
	position: relative;
	width: 16.66667%;
}

.small-3 {
	position: relative;
	width: 25%;
}

.small-4 {
	position: relative;
	width: 33.33333%;
}

.small-5 {
	position: relative;
	width: 41.66667%;
}

.small-6 {
	position: relative;
	width: 50%;
}

.small-7 {
	position: relative;
	width: 58.33333%;
}

.small-8 {
	position: relative;
	width: 66.66667%;
}

.small-9 {
	position: relative;
	width: 75%;
}

.small-10 {
	position: relative;
	width: 83.33333%;
}

.small-11 {
	position: relative;
	width: 91.66667%;
}

.small-12 {
	position: relative;
	width: 100%;
}

.small-offset-0 {
	position: relative;
	margin-left: 0%;
}

.small-offset-1 {
	position: relative;
	margin-left: 8.33333%;
}

.small-offset-2 {
	position: relative;
	margin-left: 16.66667%;
}

.small-offset-3 {
	position: relative;
	margin-left: 25%;
}

.small-offset-4 {
	position: relative;
	margin-left: 33.33333%;
}

.small-offset-5 {
	position: relative;
	margin-left: 41.66667%;
}

.small-offset-6 {
	position: relative;
	margin-left: 50%;
}

.small-offset-7 {
	position: relative;
	margin-left: 58.33333%;
}

.small-offset-8 {
	position: relative;
	margin-left: 66.66667%;
}

.small-offset-9 {
	position: relative;
	margin-left: 75%;
}

.small-offset-10 {
	position: relative;
	margin-left: 83.33333%;
}


.column.small-centered,  .columns.small-centered, .small-centered {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	float: none !important;
}

.shide{
	display:none;
}

.scolumn, .scolumns {
	position: relative;
	padding-left: 0.9375em;
	padding-right: 0.9375em;
	float: left;

}

.scolumn_left {
	position: relative;
	padding-right: 0.9375em;
	float: left;
} 

.scolumn_right {
	position: relative;
	padding-left: 0.9375em;
	float: right;
}
}