/*
 * CSS For DotNetNuke Skin by bestdnnskins.com
 * Copyright 2013 By BESTDNNSKINS.COM
 */
/*--------- CSS Reset for Tablet ----------*/

/* FOR IPAD LANDSCAPE ORIENTATION */
@media handheld, only screen and (max-height: 600px){

.login, .join {
	width: 150px;
}

#megaMenu .root li a span {
	height: 50px;	
	line-height: 40px;
	font-size: 17px;
}

.navsubtitle {
	font-size: 11px !important;
}

.logo_style img {
	width: 130px; 
	height: 112px;
	margin-left: 20%;	
}

#searchandsocial {
bottom: 40px;	
	/*width:88%;*/
}

.NormalTextBox {
	padding:5px !important;
}

.searchcss {
height: 29px !important;
right: 3px !important;	
	
}

.Social-Links {
	margin-top:5px !important;	
}

.category {
	margin-top:50px !important;
}
}

@media handheld, only screen and (max-width: 950px){
.teachers {clear:left !important;}
}

/*@media handheld, only screen and (max-width: 1030px){
.teachers {clear:left;}
}*/

@media handheld, only screen and (max-width: 970px){
#skin_wrap { width:auto !important;}

#megaMenu .root li a span {padding:0 21px;}
#top-link { display:none; background:none; padding:0;}
}

@media handheld, only screen and (max-width: 960px){
#standardMenu .rootMenu li a span{ padding:0 20px;}

}

@media handheld, only screen and (max-width: 940px){
#standardMenu .rootMenu li a span{ padding:0 17px;}

}

@media handheld, only screen and (max-width: 920px){
#standardMenu .rootMenu li a span{ padding:0 16px;}

}

@media handheld, only screen and (max-width: 900px){
#standardMenu .rootMenu li a span{ padding:0 14px;}

.footer_tag ul li a { padding:5px 0;}
.footer_tag ul li a span { padding:5px;}
}

@media handheld, only screen and (max-width: 880px){
#standardMenu .rootMenu li a span{ padding:0 13px;}
}

@media handheld, only screen and (max-width: 860px){

.footer_tag ul li a { padding:4px 0; margin:0 1px;}
.footer_tag ul li a span { padding:4px;}
}

@media handheld, only screen and (max-width: 830px){
#standardMenu .rootMenu li a span{ padding:0 22px;}
}

@media handheld, only screen and (max-width: 810px){
.footer_tag ul li a { padding:3px 0;}
.footer_tag ul li a span { padding:3px;}
}

@media handheld, only screen and (max-width: 800px){
#standardMenu .rootMenu li a span{ padding:0 11px;}

}

@media handheld, only screen and (max-width: 767px){
.fancybox_style ul li { height:110px;}
.footer_tag ul li a { padding:6px 0; margin:0 2px;}
.footer_tag ul li a span { padding:6px;}
.footerpane_style { padding:0 5%}
#standardMenu .rootMenu li a span{ padding:0 20px;}
#megaMenu .root li a span { padding:0 33px;}
}

@media handheld, only screen and (max-width: 650px){
.fancybox_style ul li { height:80px;}
.login, .join {
width: 45%;
}
}


@media handheld, only screen and (max-width: 480px){
.fancybox_style ul li { height:80px;}
}

@media handheld, only screen and (max-width: 320px){
.fancybox_style ul li { height:50px;}
}

@media handheld, only screen and (max-width: 800px) and (max-height: 480px){
/*.topnav { display:none !important;}*/
.logo_style img {width:155px !important;}

}