@charset "UTF-8";
/* CSS Document */


@media screen and (min-width: 769px) {
/*  
'One size fits' all media upto device 768px width.
Add classes here that only apply for desktop viewing.
*/
}



/* Devices Resizing - Fluid */ 
@media screen and (max-width:769px) {
body { background-image: url(../images/bg_NeoThai-mobile.jpg); }
.main_cont { width:100%;  top: -5px; }
.logo{margin-bottom: 0px; }
.logo img{width:55%; height:55%; resize:both; max-width: 300px; }

.btnColumn { width:250px;  }

.store-icon img{ width: 90%; height: 90%; resize: both; max-width:100px; float: left; margin-right: 10px; margin-top: 8px;}
.contact-details {  display: block;  text-align:justify; }
.contact-details a { color: #FFFFFF;}
.AddressTxt{ margin: 10px 0px 2px 7px; font-size:14px;  text-align:justify; }
.SuburbTxt{	margin:0px 0px 0px 0px; font-size:22px;  text-align:justify; }
.PhoneTxt{	margin: 3px 0px 2px 7px; font-size:14px;  text-align:justify; }

.btn { font-size:24px; }
.btn img { width:95%; height:95%; resize:both; max-width: 140px;  }
.btn_spacer {width:100%; height:10px;}
.order-btn  {  float: left; }

.divice-hide { display: none; }
.desktop-hide { display: inherit;}

.about-header { margin: 30px 0px 30px 0px; font-size: 18px; width: 80%; max-width: 400px; margin: 0 auto;}
.about-header img{width:90%; height:90%; resize:both; max-width: 400px; }
.about-copy { width: 80%;}
.about-intro { font-size: 14px;}
.about-quote { font-size: 16px; }
.frames img{width:90%; height:90%; resize:both; max-width: 400px; }
/*** Zwift footer ***/
.footer { position:relative; float:right; bottom:0px; right: 20px;}
/* 
 'One size fits' all media upto device 768px width

Ensure:
- fonts minimum size 15px 
- Images scale within layout
- Content fits minimum 320px width requirement

*/ 

}