/***********************************************
Example use only - Delete when done..!
***********************************************/
body                                            { }
.grid-highlight                                 { margin-bottom:1px; }
.grid-highlight [class^="grid_"]                { line-height:30px; text-align:center; background-color:#F1F1F1; }



/***********************************************
Screen 1200px+
***********************************************/
.navControl                                        { display: none }



/***********************************************
Screen Smaller than 1199px
***********************************************/
@media only screen and (min-width:960px) and (max-width: 1199px) {

	


}

/***********************************************
Tablet (Smaller than 959px)
***********************************************/
@media only screen and (min-width:768px) and (max-width: 959px) {


}

/***********************************************
Mobile (portrait 300px)
***********************************************/
@media only screen and (max-width:767px) {
.navControl                                        { display: block }
	.nomargin .grid_1 {width: 100%;}
	.nomargin .grid_2 {width: 100%;}
	.nomargin .grid_3 {width: 100%;}
	.nomargin .grid_4 {width: 100%;}
	.nomargin .grid_6 {width: 100%;}	

	.mainbody .grid_6,
	.mainbody .grid_4 {padding: 0 20px;}						

	.properties.accordion.row-max {padding: 0 !important;}
}


@media only screen and (max-width:767px) {
	.properties.accordion h3 .availability { float: none; margin-top: 5px; margin-left: 0;}
}


/***********************************************
Mobile (landscape 420px)
***********************************************/
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	.nomargin .grid_1 {width: 100%;}
	.nomargin .grid_2 {width: 100%;}
	.nomargin .grid_3 {width: 100%;}
	.nomargin .grid_4 {width: 100%;}
	.nomargin .grid_6 {width: 100%;}
		


}