/********* 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;
}

}

@media screen and (max-width: 1150px) {
#container {
    padding: 40px 0px 0px 0px;
}
#main_dots {
    padding: 27px 20px 40px 20px;
}
#home_note{
	clear:both;
	float:none;
	text-align:center;
	display:block;
	padding:20px 10px 0px 10px;
}
#footer{
padding:15px 20px 30px 20px;
}

}

/* 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 */
}

#container {
    background-size: 240px;
}
#top {
    margin: 0px 250px 0px 0px;
}
#home_left {
    width: 100%;
	margin:20px 0px 0px 0px;
}
#main_wide{
margin:0px;
}

}


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

#main_left{
	width:100%;
}

#main_rhs{
	float:none;
	display:block;
	margin:0px auto 0px auto;
	padding-top:20px;
	clear:both;
	width:100%;
	max-width:200px;
}


}



/* big phone (htc) landscape */

@media screen and (max-width: 900px){
#top_right{
float: left;
    clear: both;
    text-align: left;
    padding: 0px 0px 10px 17px;
}
#logo{
margin:0px;
}
#top {
    margin: 0px;
}

.whoweare img{
	padding:0px !important;
	border:none;
}
.whocellpic{
	vertical-align:top;
	width:150px;
	padding:25px 0px 25px 0px;
}
.whocelltext{
	padding:25px 0px 25px 15px;
	width:calc(100% - 150px);
}
.whoweare h2{
	margin-top:5px;
}

}







/* 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%;
}

#main_wide img{
	float:left !important;
	display:block;
	margin:0px !important;
	padding:10px 10px 10px 0px;
}

#gallery_table_3col td{
	padding:5px;	
}
#gallery_table_2col td{
	padding:5px;	
}

}




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

}





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

#container {
    background-size: 150px;
}
#home_left {
    margin: 0px;
}
#home_images img{
	max-height:150px;
	width:auto !important;
}



}






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



}






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

#container{
	background-image:none;
}
.mob_menu_open{
	top:10px;
}
#home_images img{
	margin:0px;
}

.whocellpic{
	display:block;
	width:100%;
}
.whocelltext{
	display:block;
	width:100%;
    clear: both;
    padding: 5px 0px 25px 0px;
}

#gallery_table_3col td{
	display:block;
	width:100%;
	max-width:200px;
	padding:10px;
	margin:auto;
}

}




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

#footer_col_left, #footer_col_right{
    float: none;
    width: 100%;
    text-align: center;
    padding: 10px;
    display: inline-block;
    margin: 0px;
}

#gallery_table_2col td{
	display:block;
	width:100%;
	max-width:300px;
	padding:10px;
	margin:auto;
}

}




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

.check_box_group_float_item{
	width:100% !important;
}

}




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


}