/********* 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: 1600px) {

#home1 {
    max-width: 1150px;
}

}


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

#home1 {
	position:static;
	margin:0px;
}
#home3_left{
	padding:30px;
}

.serv_pic{
	width:40%;
}
.serv_text{
	width:60%;
}
}

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


.c3{
	padding: 65px 15px 15px 0px;
}
#social_networks {
    padding: 60px 5px 15px 0px;
}


#home3_left{
font-size:18px;
line-height:28px;	
}
#home3_left_name{
font-size:16px;
line-height:26px;	
}


}







/* big phone (htc) landscape */

@media screen and (max-width: 960px){
.serv{
	display:block;
}
.serv_row{
	display:block;
	background-color: #fafafa;
    padding-top: 20px;
}
.serv_text{
	display:block;
	width:100%;
}
.serv_pic{
	display:block;
	width:100%;
	height:200px;
    max-width: 450px;
    margin: auto;
}

#publish{
	height:200px;
}

}



@media screen and (max-width: 860px){
.c3{
	float: left;
    clear: both;
    padding: 0px 0px 10px 0px;
}
.c1 {
    padding: 35px 0px 5px 0px;
}

#home3_left{
	width:60%;
}
#home3_right{
	width:40%;
}


}



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

#big_pic_home_text_container .pictext{
	transform:none;
	-webkit-transform:none;
	-moz-transform:none;
	top:auto;
	left:0px;
	bottom:0px;
	max-width:none;
}
.pictext_large {
    font-size: 34px;
    line-height: 44px;
}

.serv2_col{
	width:100%;
	padding:0px 15px 0px 15px;
}

.home3_right_services{
	display:none !important;
}
.home3_left_services{
	width:100% !important;
}
}




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

}





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


}






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

#home3_left{
	width:70%;
	padding:20px;
}
#home3_right{
	width:30%;
}

}






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

#social_networks{
	float: left;
    clear: left;
    padding: 0px 0px 0px 0px;
}
.c1{
	padding: 50px 0px 0px 0px;
}

.pictext{ /* makes text go below big image */
	right:auto;
	left:0px;
	bottom:auto !important;
	top:100% !important;
	width:100%;
	color:#6699cc !important;
	padding:15px !important;
	background-image:none !important;
}
h1{
	color:#6699cc !important;
	font-size:44px;
	line-height:54px;
}
#main1{
	padding-top:0px;
}

#home1{
	padding:20px 10px 20px 10px;
}
}




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

#home3_left{
	width:100%;
}
#home3_right{
	display:none;
}

}




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

.check_box_group_float_item{
	width:100% !important;
}

.serv_row{
    padding-top: 0px;
}

}




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


}