﻿/************************************** Responsive Styles **************************************************/

@media (max-width: 999px) {
body{background-image:none;}
.Wrapper{margin:0px 10px;width:auto;}
#MainBanners{width:auto;}
#MainNav,#MainContent{margin:0px; width:auto;}
#wrapper{margin:0px 10px;width:auto;}

#MainNav{margin:auto;font-family: 'Century Gothic'; margin-bottom:3.5%; float:right;}
.sm li a{color:#fff;text-decoration:none;line-height:41px;font-size:17px; font-weight:bold; white-space:nowrap; background:#88878d; padding:40px 56px 0px 7px;}

}

@media(max-width: 979px) {
#MainNav{margin:auto;font-family: 'Century Gothic'; margin-bottom:3.5%; float:right;}
.sm li a{color:#fff;text-decoration:none;line-height:41px;font-size:17px; font-weight:bold; white-space:nowrap; background:#88878d; padding:40px 56px 0px 7px;}
#MainNav{margin:auto;font-family: 'Century Gothic'; margin-bottom:2%; float:right;}
.Mail{font-size:16px; color:#FFF; text-align:right;}
.Mail img{vertical-align:middle;}
.Mail img.Phn{vertical-align:top;margin-top:2px;}

#Footer{color:#000; font-size:11px; padding:70px 0 50px 0;}
#Footer .floatLeft{text-align:left; width:70%;}
#Footer .floatRight{text-align:right; width:30%;}

}

@media(max-width: 799px) {
#Header .LeftLogo{float:left; line-height:0;padding:35px 0 0 0px;}
#Header .floatRight{}
#MainNav{margin:auto;font-family: 'Century Gothic'; margin-bottom:2%; float:right;}
.Mail{font-size:16px; color:#FFF; text-align:right;}
.Mail img{vertical-align:middle;}
.Mail img.Phn{vertical-align:top;margin-top:2px;}

.sm li a{color:#fff;text-decoration:none;line-height:41px;font-size:17px; font-weight:bold; white-space:nowrap; background:#88878d; padding:40px 45px 0px 7px;}

#MainContent #LeftNav{float:left; width:32%; margin-right:5%;}
#MainContent #ContentArea{float:right; width:63%;}

}

@media(max-width: 767px) {
#Header .LeftLogo{float:none; line-height:0;width:100%; text-align:center;padding:5px 0 15px 0px;}
#Header .floatRight{width:100%;}

.Mail{font-size:18px; color:#FFF; text-align:center; margin:20px 0 20px 0;}
.Mail img{vertical-align:middle;}
.Mail img.Phn{vertical-align:top;margin-top:2px;}

#Footer{color:#fff; font-size:11px; padding:70px 0 50px 0;}
#Footer .floatLeft{text-align:left; width:60%;}
#Footer .floatRight{text-align:right; width:40%;}

}

@media (max-width: 639px)  {
#MainContent #LeftNav,#MainContent #ContentArea{width:100%;float:none;min-height:0px;}
#MainContent #ContentArea{padding:0;}
#MainContent #LeftNav{text-align:center;margin-right:0;}
#MainContent #LeftNav img{margin-top:30px;}
.Mail{font-size:20px; color:#FFF; text-align:center; margin:20px 0 20px 0;}
.Mail span{display:block; text-align:center; margin-bottom:7px;}

#Footer{color:#fff; font-size:11px; padding:5px 0 5px 0;}
#Footer .floatLeft{text-align:center; width:100%;}
#Footer .floatRight{text-align:center; width:100%;}

#Gallery ul li,#Gallery ul li:nth-child(5n){width:49%;margin:0 0 10px 0 !important;}
#Gallery ul li:nth-child(2n) {float:right; }

.floatLeft_Img{float:none; margin:0 0 15px 0; text-align:center; width:100%;}
.floatRight_Img{float:none; margin:0 0 15px 0; text-align:center; width:100%;}

}

@media (max-width: 479px)  {
}

@media (max-width: 439px) {
	
}

@media (max-width: 399px)  {
	
}

@media (max-width: 383px) {
	
}

@media (max-width: 319px) {
		
}


/************************************** Smart Menus **************************************************/
@media(max-width: 767px) {
    .navbar-header {display:block;}
    #MainNav {display:none;height:auto;background:none;margin:0px;border-top:none; border-bottom:none; float:none;}
	

    ul.sm ul{display:none;position:static !important;top:auto !important;left:auto !important;margin-left:0 !important;margin-top:0 !important;width:auto !important;min-width:0 !important;max-width:none !important;box-shadow:none;border:none;padding:0px;}
	ul.sm>li{display:block;background:#fff;padding:0px;text-align:left;float:none;width:100%; font-size:14px;}
	ul.sm li{margin-bottom:1px; border-bottom:solid 1px #ededed;}
	ul.sm>li>a,ul.sm ul.sm-nowrap>li>a{white-space:normal;line-height:36px;text-transform:capitalize;}
	ul.sm>li>a{white-space:normal;padding:0px 10px; color:#fff}
    ul.sm ul.sm-nowrap>li>a{background-color:#d4e88a; color:#FFF;}
    ul.sm ul.sm-nowrap>li>a:hover{background-color:#175778;}
	ul.sm iframe{display:none;}
    ul.sm ul.sm-nowrap>li>ul>li>a{background-color:#ddd; color:#FFF;}
    ul.sm ul.sm-nowrap>li>ul>li>a:hover{background-color:#aaa;color:#fff;}
    .sm a:hover, .sm a:focus, .sm a:active,.sm a.Active,.sm a.highlighted {color:#000;}
    
	.sm li:last-child {background:#fff;margin-bottom:0px;}
    .sm li:first-child{border-top:none;}
	
    .sm > li > ul:before, .sm > li > ul:after {display:none;}
    .sm a span.sub-arrow,.sm ul a span.sub-arrow {top:50%;margin-top:-9px;right:auto;left:6px;margin-left:0;width:17px;height:17px;font:normal 16px/16px monospace!important;text-align:center;border:0;text-shadow:none;background:rgba(250,250,250,0.7);-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;display:block;position:absolute;color:#004F91;}
    .sm a.highlighted span.sub-arrow {}
    .sm a.has-submenu {padding-left:30px;padding-right:0px;}
	
	 .sm li a{margin-right:0px;}
	 
}

