@media (max-width:1199px){
.footer ul li{margin:0 22px 0px 0px;}
nav .nav-item a{font-size:18px;}
nav .sub-menu a{  font-size: 14px !important;}
.footbgrgt{margin-right: -4px;}
nav.nav{ float:right;}
nav{float:left;}
.sub-menu .current_page_item{background-color:#a5e7fa;background:url("../images/menu-hover-img.png") no-repeat scroll 150px 8px #a5e7fa; }
nav .nav-item:hover{background-color:#a5e7fa; background:url("../images/menu-hover-img.png") no-repeat scroll 150px 8px #a5e7fa;}
}
@media (max-width:992px)
{
.footer ul{margin:0px auto; display:table;float:none;width:300px;text-align: center;}
.footer ul li{margin:0 0px 10px 0px;width:100%;}
.banner{width:100%;margin:0px; padding:0;}
.logo-bg {float: left; padding: 10px 20px 20px; width: 40%;}
.logo-bg img{width:100%;}
.menu{padding-top: 20px; }
.menu-bg{width:60%;margin:0px;}
/*nav .nav-item a{font-size:14px;}
*/	.menu-bg{margin:0px;}
.content{width:100%;}
.sub-content {
margin-top: 60px;
width: 90%;
}
.home-page-content{width:80%;}
.page-content{width:80%;}
.sub-page {margin: -30px auto 0;}
.sub-content .page-content{height:auto;}
.home-page-content p{font-size:16px;}
.page-content p{font-size:14px;}
.footer{margin:0px auto;width:99%;}
.footbglft{background:none;}
.footbgrgt{background:none;}


nav .nav-item:hover .sub-menu,nav .nav-item:hover,nav .nav-item .sub-menu{background-color:transparent;list-style:none;padding-left:0;}
nav .sub-menu a:hover{background-color:transparent;list-style:none; color:#fff;background:url("../images/menu-hover1-img.png") no-repeat scroll center  right ;}
nav .sub-menu a{ color:#000;}
nav .nav-item:hover > a{color:#252626; }
nav .nav-item:hover{background:none;}
nav .sub-menu{ display:none; position:relative}
.navbar-inverse .navbar-brand{background:none;}
.navbar-wrapper{position:relative; }
nav .nav-mobile {display:block;}
nav.nav {width:100%;padding:34px 0 0; background:#00bff3}
nav .nav-list {border-top: 0px solid #fff;display: none;list-style: none outside none;padding: 0; margin:10px 0; float:left; width:100%;}
nav .nav-item {width:100%;float:none;}
nav .nav-item > a {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);color: #fff;padding: 8px;}
nav .nav-click {display:block;}
nav .nav-mobile-open {border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;}
nav .nav-item:hover .sub-menu {display:none;}
nav .sub-menu{ width:auto; padding-left:10px;}

.logo-bg{float:left;width:100%;}
.logo-bg img {display: table;float: none; margin: 20px auto 0; width: auto;}
.menu-bg{float:left;width:100%;}
.parent-login {  display: table; float: none;   margin: 0 auto; padding: 10px 20px; top: 10px; width: auto;}
.login-bg{display:none;}
.content-protector-access-form form{ width:100%}
.sub-content .page-content { min-height:0;}/*CCC*/
.header .menu-bg {    width: 100% !important;}
}



@media (max-width:767px)
{
	.logo-bg{float:left;width:100%;}
	.logo-bg img {display: table;float: none; margin: 20px auto 0; width: auto;}
	.parent-login {  display: table; float: none;   margin: 0 auto; padding: 10px 20px; top: 10px; width: auto;}
	.menu{margin-bottom: 20px;}
	.menu-bg{float:left;width:100%;}
	.login-bg, .footbg{display:none;}	
	.footer ul li .sfsi_widget {
    display: table;
    float: none;
    margin: 0 auto;
    width: 140px;
}
	
nav .nav-item:hover .sub-menu,nav .nav-item:hover,nav .nav-item .sub-menu{background-color:transparent;list-style:none;padding-left:0;}
nav .sub-menu a:hover{background-color:transparent;list-style:none; color:#fff;background:url("../images/menu-hover1-img.png") no-repeat scroll center  right ;}
nav .sub-menu a{ color:#000;}
nav .nav-item:hover > a{color:#252626; }
nav .nav-item:hover{background:none;}
nav .sub-menu{ display:none; position:relative}
.navbar-inverse .navbar-brand{background:none;}
.navbar-wrapper{position:relative; }
nav .nav-mobile {display:block;}
nav.nav {width:100%;padding:34px 0 0; background:#00bff3}
nav .nav-list {border-top: 0px solid #fff;display: none;list-style: none outside none;margin: 10px 0;padding: 0;}
nav .nav-item {width:100%;float:none;}
nav .nav-item > a {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);color: #fff;padding: 8px;}
nav .nav-click {display:block;}
nav .nav-mobile-open {border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;}
nav .nav-item:hover .sub-menu {display:none;}
nav .sub-menu{ width:auto; padding-left:10px;}
.sub-content .page-content{height:auto;}
.current_page_item{background:none !important; color:#000;}
.current_page_item a{background:none !important; color:#000 !important;}
.alignnone {margin:0px auto 20px; display:table; float:none;}
.alignleft {margin:0px auto 40px; display:table; float:none;}
.aligncenter {margin:0px auto 40px; display:table; float:none;}
.alignright {margin:0px auto 40px; display:table; float:none;}
.content-protector-access-form form{ width:100%}
.content-protector-form-submit{ width:30%;}
.content-protector-password{ width:60%}
}
@media (max-width:640px)
{
	.sub-content { width: 100%;}	
.sub-page{ padding: 0;}

.alignleft { width:100% !important;}
.sub-page .page-content img {    height: auto;  max-width: 100%;}

}
@media (max-width:480px)
{
.logo-bg img{width:80%;}
.content{padding:20px;width:100%;}
.home-page-content {
    width: 100%;
}
.page-content {
    width: 100%;
}
.pwdpro input{width:100%;   margin: 0 auto 10px;}
.submit{float:none !important; width:50% !important;}

.bx-wrapper, .bx-viewport {
}
.content-protector-form-submit{ width:100%;}
.content-protector-password{ width:100%; margin-bottom:20px;}

}
@media (max-width:380px)
{
	.footer{padding:20px 0px;display: block;}
	.footer ul{width:auto;}
	#menu-footer-menu li{margin: 0 10px 0 0; padding:10px 10px; width:100% !important;  }
	#menu-footer-menu .current_page_item{background:none #a5e7fa;}
	.footer-menu li{float:left;width:100% ;}
	#menu-footer-menu{width:100%;}
	.footer-menu{padding: 10px 0px 0 !important;}
	.sub-page{padding:0px;} 
	.home-page-content p {
		float: none;
		font-size: 16px;
		margin: 0 auto;
		width: 100%;
	}
	.page-content p {
		display: table;
		float: none;
		font-size: 14px;
		margin: 0 auto;
		width: 80%;
	}
	.alignnone{width:100% !important;}
	.alignleft{width:100% !important;}
	.aligncenter{width:100% !important;}
	.alignright{width:100%!important;}
	
	.bx-wrapper, .bx-viewport {	}
	.sub-page{ display:block;}

}