﻿/*Styles for screen 650px and lower*/
@media screen and (max-width: 800px) 
{	
	.sBanner { width:350px; bottom:10px;}
	.sBanner img { max-width:350px;}
}
@media screen and (max-width: 768px) 
{	
	.divBanner { height:auto;}
	.Logo { width: 100%;
    clear: both;
    text-align: center;
    overflow: hidden;
    position: relative; padding:5px 0;}
	.Logo img { max-width:99%; height:auto;}
	.divBannerSupport {clear: both;
    width: 100%;
    position: relative; top:0; padding-bottom:10px; }
	.topContent { padding:5px !important;}
	.menuTop {     clear: both;
    width: 99%;
    position: Relative;
    height: 25px;
    text-align: RIGHT;
    PADDING-RIGHT: 2%;}
    .mnTop {
    height: auto;
    border-bottom: none;
    position: relative;
}
	.ProBoxGalleryOther { width:44%;}
	.ProBoxGalleryHome { width:44%;}
	.Header { height:auto;}
	.FooterBox { width:100%;}
	.FooterCopyright { width:100%;}
	.FooterMenu { clear:both; text-align:left; background-color:#f5f5f5; overflow:hidden; width:100%; margin:10px 0; padding: 20px 0px 20px 0px;}
.FooterMenu ul { margin:0px; padding: 5px; width:99%; float:left;}
.FooterMenu ul li { display:block; width: 45%;float: left;margin: 1px;border: 0px;padding: 5px;border-radius: 3px;}

	.FooterAdd { clear:both; text-align:left; background-color:#0063be; overflow:hidden; width:100%; margin:10px 0; padding: 10px 0px 10px 0px; border-top: 1px solid #4e4e4e;}
.FooterAdd .bot{ margin:0px; padding: 20px 0px 0px 20px; width:96%; float:left; border-top: 1px solid #4e4e4e; text-align: left; color:#f1f1f1;}
.FooterAdd ul { margin:0px; padding: 5px; width:96%; float:left;}
.FooterAdd ul li { display:block; padding:5px 10px;color:#f1f1f1;}
.FooterAdd ul li a { color:#f1f1f1;}
.FooterAdd ul li a:hover { color:#fff; }


	.topmenu { display:block;}
	#topmenu ul li { padding:0 !important;}
	#topmenu ul li ul { display:none !important;}
	.mnTop { height:auto; border-bottom:none; position:relative; background-color:#fff;}
	nav ul li {font-size: 10pt;background-color: #016bb7;margin: 1px;border-radius: 3px; padding:8px 0px;}
nav ul li a { color:White; border:none; padding-left:15px;}
nav ul li a:hover{ color:#EFEFEF;}
nav ul li:hover, nav  ul li:active {
	background-color: #8c99a4;
}

	nav { 
  		height: auto;
  	}
  	nav a#pull {
		display: block;
		background-color: #016bb7;
		width: 100%;
		position: relative;
		padding:7px 0;
		color:White;
		font-size:10pt;
	}
	nav a#pull:after {
		content:"";
		background: url('../../images/nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 0;
		
	}
  	nav ul {
  		width: 100%;
  		display: none;
  		height: auto;
  	}
  	nav li {
  		width: 49%;
  		float: left;
  		position: relative;
  	}
}

/*#Footer1_PopupRight1_pnPop { display:none;}*/