@media screen and (max-device-width:900px){ /* phone */
.pageBorder{
width:100%;
border-left:none;
border-right:none;
}
.pageWrap{
width:100%;
}
#menuWrap{
display:block;
}
#logo_title{
font-size:3vmax;
}
#page-head{
justify-content:center;
}
#page-head.sticky{
}
#page-head #logo{
display:block;
width:100%;
}
#page-head.sticky #logo_title{
}
#page-head #logo_title{
font-size:85%;
padding: 0 0 0 45px;
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
}
#page-head #logo a{
right:10px;
padding:0;
}
#pageMenu{
position:fixed;
top:0;left:0;
display:block;
bottom:auto;
right:auto;
height:100%;
padding-right:2px;
}
#pageMenu>ul{
min-width:200px;
width:50vw;
height:100%;
display:block;
margin:0px;
padding:0;
box-shadow:-8px 0px 12px 0 #000;
background:rgb(13,36,30,1);
top:8vmax;
overflow: scroll;
}
/*
#pageMenu>ul>li:first-child::before{
position:relative;
display:block;
width:calc(100% + 20px);
color:#EEE;
height:100px;
border:5px;
margin-left:-10px;
content:' ';
background-image:url("imgs/chetana_sound_studio_logo.png");
background-position:center;
background-repeat:no-repeat;
background-size:80px 80px;
background-color:rgb(240,208,142);
}*/
#pageMenu>ul>li{
display:block;
padding:0 10px;
text-align:left;
}
#pageMenu a,#pageMenu span{
display:block;
width:auto;
color:#FFF;
padding:10px 5px;
font-size:85%;
}
#pageMenu a:active,#pageMenu a:hover{
color:#FFF;
border-bottom:3px solid #FFF;
}
.subMenu>ul{
position:relative;
display:flex;
flex-direction:column;
box-shadow:none;
width:100%;
}
#dashboard-member.subMenu>ul{
right:0px;
top:15px;
}
.c25p{width:100%;}.c33p{width:100%;}.c50p{width:100%;}.c75p{width:100%;}
#pageBody{
display:block;
letter-spacing:normal;
}
#pageBody h1{
margin-bottom:10px;
font-size:190%;
padding:5px;
color:#000;
}
#page-foot>.pageWrap{
flex-direction:column;
}
#page-foot #footMenu{
font-size:75%;
}
.social-icons {padding:20px 0;text-align:left;}
.cols,.cols li,.toBlock,.toBreak,.toBreak li,[rel*="toBlock"]{
flex-direction:column;
}
.responsive{
flex-direction:column;
}
table.tblresponsive tr.title{
display:none;
}
table.tblresponsive td{
display:block;
}
table.tblresponsive tr{
border-bottom:1px solid #AAA;
}
table.tblresponsive tr td span.title{
display:inline-block;
font-size:80%;
color:#666;
min-width:60px;
}
.perpendicular{
left:-90px !important;
}
.mobileoff{
display:none;
}
fieldset>ul>li{
flex-direction:column;
align-items:flex-start;
padding:5px 5px;
margin:0;
}
fieldset>ul>li>span{
flex:1 1 100%;
padding:0;
font-size:80%;
min-width:0;
width:100%;
}
fieldset>ul>li>div{
flex:1 1 100%;
width:100%;
padding:0;
}
#filterConditions{
flex-direction:column;
}


/*app menu*/
#app_menu,#back_menu{
font-size:200%;
position:fixed;
left:0;top:0;
z-index:1750;
display:table-cell;
width:30px;height:8vmax; /*same as pagehead height*/
color:#493E25;
vertical-align:top;
}
#open_menu{
position:absolute;
display:block;
top:50%;left:20px;
transform:translateY(-50%);
color:#fff;
transition:left 200ms;
}
#open_menu.hide{
display:block;
left:-200px;
}
#close_menu{
position: absolute;
top: 50%;
left: -200px;
transform: translateY(-50%);
color: #fff;
transition:left 200ms;
}
#close_menu.show{
display:block;
left:20px;
}
div#pageMenu.checked{
display:block;
left:0;
/*animation: slide-in 0.5s ease;animation-fill-mode: forwards;
-webkit-animation: slide-in 0.5s ease;-webkit-animation-fill-mode: forwards;
-moz-animation: slide-in 0.5s ease;-moz-animation-fill-mode: forwards;*/
}
#pageMenu{
position:fixed;
transition:left 0.5s ease;-webkit-transition:left 0.5s ease;
left:-100vw;
height:100%;
z-index:1500;
width:100vw;
box-shadow:none;
/*animation: slide-out 0.5s ease;animation-fill-mode: forwards;
-webkit-animation: slide-out 0.5s ease;-webkit-animation-fill-mode: forwards;
-moz-animation: slide-out 0.5s ease;-moz-animation-fill-mode: forwards;*/
}

/*site specific*/
#page-head:after{
background:linear-gradient(90deg,var(--lightgold),rgb(0,0,0,0));
left:0;
}
.selected-school{
flex-direction:column;
}
.selected-school .school-photo{
flex:1 1 50%;
margin:20px 0 0 0;
}

@keyframes sunrise{
	0% {top:90%;filter:brightness(10%) hue-rotate(0deg);}
	100% {top:-140%;width:140vw;height:140vw;filter:brightness(150%) hue-rotate(-25deg);}
}
#pageMenu #dashboard-member>a{
display:none;
}
}
@media screen and (max-device-width:800px) and (orientation:portrait) { /* phone - portait only */
/*
#page-head{
height:15vmax;
}
#pageBody{
padding-top:15vmax !important;
}*/
}