/* ==========================================================================
	#TABLET CSS
========================================================================== */
@media (max-width: 820px){

/* ================
	#HEADER
=================== */

#header-wrapper{min-width: 100%;}
#header, #header img{width: 100%; height: 100%;}
#timer{
	/* Fallback for web browsers that don't support RGBa */
    background-color: rgb(255, 255, 255);
    /* RGBa with 0.6 opacity */
    background-color: rgba(255, 255, 255, 0.6);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff, endColorstr=#fff);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff, endColorstr=#fff)";
    top:0;
    font-size: 9px;
    padding: 7px;
}


/* =================
	#BODY
==================== */
#body-wrapper{min-width: 100%;}
#closed-wrapper{min-width: 100%;}
#body, #closed, #body-register{ width: 100%; margin-top:-5px; display: inline-block; min-height:auto;}
.left{margin: 0px !important;}

/* =================
	#FORM
==================== */

.right{float: none;}
.left{ width: 100% !important;}
input#trust, input#suburb{width: 270px !important;}



/* =================
	#FOOTER
===================== */
#footer-wrapper{ min-width: 100%;}
#footer{ width: 100%; padding: 0; height: 100%;}
#footer img{float: none;width: 95%; height: 95%;}


/* =================
	#POPUP
===================== */
#boxes #dialog {width: 91%;}


}

/* ==========================================================================
	#SMARTPHONE CSS
========================================================================== */

@media (max-width: 480px) {

/* =================
	#BODY
==================== */
.note{padding: 20px 20px !important;}
.hide{display: none !important;}

/* =================
	#FORM
==================== */

input#trust, input#street, input#suburb{width: 92% !important;}
select#title, select#country, select#state, select#resident, select#identification, select#country, select#state, select#resident, select#identification{ width: 100% !important;}
input#fname, input#lname, input#email, input#phone, input#trust, input#idnumber, input#lot, input#lot2, input#lot3, input#lot4, input#lot5, input#postcode, textarea#refund, textarea#street{ width: 92% !important;}

.right{width: 100% !important;}
	
}


@media (max-width: 320px) {




	
}