/********* 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: 1400px) {
.c1{
	padding:20px 10px 15px 3%;
}
#topmenu1{
	padding:42px 8px 0px 0px;
}

#big_pic_home_text_container .pictext_large {
    font-size: 40px;
    line-height: 56px;
	padding-bottom:30px;
}
#big_pic_ment_text_container .pictext_large {
    font-size: 40px;
    line-height: 56px;
}

.pictext{
	bottom:10%;
}
#home1_right {
    padding: 0px;
}

.main_left1{
	width:50%;
	padding:0px 30px 0px 0px;
}
.main_right1{
	width:50%;
}

.home_col {
    padding: 50px 10px 40px 10px;
}

#ment_table tr td:first-child {
    padding-right: 4%;
}
.prog_left {
    padding: 0px 5% 0px 0px;
}
.prog_sess_box {
    border: 15px solid #ffffff;
    padding: 20px 10px 20px 10px;
}
#prog_quotes .cols33 {
    width: 100%;
    max-width: 1100px;
    display: block;
    padding: 50px 0px 20px 0px;
}
#partners .cols33 {
    padding: 40px 15px 40px 15px;
}
.who {
    padding: 60px 0px 10px 0px;
}
.who_left{
	padding:0px 20px 0px 0px;
}
.who_right{
	padding:0px 0px 0px 20px;
}

.text_box{
	    padding: 3% 2.5% 3% 2.5%;
}
}

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

#latest_news{
	position:static;
}
#top{
	position:relative;
	margin-top:0px !important;
}
#top_margin{
	display:none;
}

.pictext {
    left: 0px;
    bottom: 0px;
    padding: 10px 3% 3% 3%;
}
.pictext br{
	display:none;
}

#big_pic_home_text_container .pictext_large {
    padding-bottom: 20px;
}

#prog_sess{
	display:block;
	width:100%;
	margin-top:30px;
}
.prog_sess_box{
	display:block;
	width:100%;
	border:none;
	max-width:600px;
	margin:auto;
	border:20px solid #ffffff;
}
.prog_sess_row{
	display:block;
	width:100%;
}

}







/* big phone (htc) landscape */

@media screen and (max-width: 960px){
.c1{
	padding:20px 10px 15px 10px;
}

.pictext{
	padding:20px;
}
#big_pic_main_text_container .pictext{
padding:40px 20px 30px 20px;	
}
.main_wide{
	padding:60px 20px 60px 20px;
}
.main_left1{
	float:none;
	width:100%;
	padding:0px 0px 0px 0px;
}
.main_right1{
	float:none;
	width:100%;
	padding:10px 0px 0px 0px;
}
#home1_right{
	max-width:700px;
	margin:auto;
	padding:20px 0px 0px 0px;
}

.home_col {
    display: block;
    text-align: left;
    width: 100%;
    max-width: 600px;
    margin: auto;
    padding: 0px 0px 40px 10px;
}
.home2_top{
	padding-bottom:40px;
}


#ment_table{
	display:block;
	width:100%;
}
#ment_table tbody{
	display:block;
	width:100%;
}
#ment_table tr{
	display:block;
	width:100%;
}
#ment_table td{
	display:block;
	width:100%;
}
#ment_table tr td:first-child {
    width: 100%;
    padding: 10px 0px 10px 0px;
}
#ment_table tr td:last-child {
    width: 100%;
    padding: 5px 0px 30px 0px;
}

.prog_left{
	width:100%;
	float:none;
	padding:0px 0px 30px 0px;
}
.prog_right{
	width:100%;
	max-width:600px;
	margin:auto;
	float:none;
	text-align:left;
}

#partners .cols33 {
	width:49%;
    padding: 40px 15px 40px 15px;
}

.who {
    padding: 60px 0px 10px 0px;
}
.who_left{
	float:none;
	clear:both;
	width:100%;
	max-width:430px;
	padding:0px 0px 10px 0px;
}
.who_right{
	float:none;
	clear:both;
	width:100%;
	padding:0px 0px 0px 0px;
}

}


@media screen and (max-width: 860px){
.main_left{
	float:none;
	width:100%;
	padding:0px 0px 10px 0px;
}
.main_right{
	float:none;
	width:100%;
	padding:10px 0px 10px 0px;
}
.main_wide{
	padding:40px 20px 40px 20px;
}

.cols50{
	width:100%;
	display:block;
	padding:50px 30px 50px 30px;
}

}




/* ipad portrait */
@media screen and (max-width: 768px){
.cols50{
	padding:20px 0px 20px 0px;
}

.contact_left{
	width:100%;
	float:none;
	padding:0px 0px 10px 0px;
}
.contact_right{
	width:100%;
	float:none;
	padding:10px 0px 0px 0px;
}


}




@media screen and (max-width: 700px){
#big_pic_home_text_container .pictext_large, #big_pic_main_text_container .pictext_small, #big_pic_ment_text_container .pictext_large {
    font-size: 30px;
    line-height: 46px;
}
#big_pic_main_text_container .pictext_large {
	font-size:28px;
	line-height:40px;
}
#big_pic_ment_text_container .pictext_small {
    font-size: 20px;
    line-height: 30px;
    font-weight: normal;
}
#big_pic_ment_text_container .pictext {
    padding: 50px 20px 20px 20px;
}


.pic_box{
	width:100%;
	max-width:430px;
	position:static;
}

.pic_boxR{
	float:none;
}
.text_box{
	color:#314c5b;
	background-color:transparent;
	width:100%;
	max-width:600px;
	padding:10px 0px 0px 0px;
	top:auto;
	transform:none;
	position:static;
}
.text_boxR{
	right:auto;
}

}





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


#partners .cols33 {
	width:100%;
	max-width:500px;
padding: 30px 15px 10px 15px;
}
.partner_image {
    height: 150px;
    max-width: 250px;
    margin: auto;
    padding-bottom: 10px;
}
}






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


}






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

h1{
	font-size:37px;
	line-height:47px;
}
h2{
	font-size:30px;
	line-height:40px;
}
h3{
	font-size:24px;
	line-height:34px;
}
.ment_h1 {
    text-align: left;
}
#ment_quotes .cols50 p:first-child {
    font-size: 22px;
    line-height: 32px;
}
#prog_quotes .cols33 p:last-child {
    font-size: 22px;
    line-height: 32px;
}
.text_box {
    font-size: 22px;
    line-height: 32px;
}
}




/* 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:400px) {
.mob_menu_open{
	right:10px;
}
.c1{
padding: 20px 10px 15px 0px;
}
	
.pictext{
	padding:15px;
}
#big_pic_main_text_container .pictext_large {
	font-size:26px;
	line-height:38px;
}
#big_pic_main_text_container .pictext_small {
    font-size: 28px;
    line-height: 40px;
}
.main_wide{
	padding:40px 15px 40px 15px;
}

}