/********* big_pic and slideshow height calculated in scripts.js (need to work out ratio...) *******/



@media screen and (max-width: 1900px) {
	/**** big images - auto resized in scripts.js */
.slideshow_text_container{
width:100%;
height:auto;
}
.fading_imgs{
	width:100%;
	height:auto;
}
.fading_imgs img{
	width:100%;
	height:auto;
}

}


/* ipad landscape (1024px) or /* site width */

@media screen and (max-width: 1030px) {
	
/******viewport and container**************/
@-viewport {width:100%;}
@-ms-viewport {width:device-width;}
/******end viewport and container**************/


img{
	max-width:100% !important;
	height:auto !important;
}

table{
	max-width:100% !important;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
}


}







/* big phone (htc) landscape */

@media screen and (max-width: 960px){

}







/* ipad portrait */
@media screen and (max-width: 768px){

.pictext{ /* makes text go below big image */
	right:auto;
	left:0px;
	bottom:auto;
	top:100%;
	width:100%;
}

}




@media screen and (max-width: 700px){

}





@media screen and (max-width: 640px){



}






@media screen and (max-width: 600px){



}






/* general smart phone landscape  */
@media screen and (max-width: 550px){


}




/* general smart phone landscape  */
@media screen and (max-width: 480px){


}




@media screen and (max-width: 470px){

.check_box_group_float_item{
	width:100% !important;
}

}




/* phone portrait */
@media screen and (max-width:320px) {


}