.respo-img{max-width:100%; height:auto;}
.clearfix, .clear{clear:both;}
.mt-10{margin-top:10px}.mt-20{margin-top:20px}.mt-30{margin-top:30px}.mt-40{margin-top:40px}.mt-50{margin-top:50px}
.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.mb-30{margin-bottom:30px}.mb-40{margin-bottom:40px}.mb-50{margin-bottom:50px}
.pt-10{padding-top:10px}.pt-20{padding-top:20px}.pt-30{padding-top:30px}.pt-40{padding-top:40px}.pt-50{padding-top:50px}
.pb-10{padding-bottom:10px}.pb-20{padding-bottom:20px}.pb-30{padding-bottom:30px}.pb-40{padding-bottom:40px}.pb-50{padding-bottom:50px}
.hidden-menu{display:none;}

.threepart{width:30%; padding:1%; float:left; display:inline-block; text-align:inherit;}
.threepart a{display:block;}
.catheader{font-size:12px;font-weight:bold;color:#000!important; padding:5px 0 5px 0; border-bottom: 1px solid #1a74ba; text-align:inherit;}
.menu-support{text-align:inherit;}
.full-width-li{width:100%;}
.full-width{width:100%;}

#showcase{max-width:940px !important; width:100% !important;}
#showcase-content-0, #showcase-content-1, #showcase-content-2, #showcase-content-3, #showcase-content-4, #showcase-content-5, #showcase-content-6, #showcase-content-7{max-width:940px !important; width:100% !important;}
.scroll-left p{padding-right:44px;}

@media only screen and (min-width:0px) and (max-width:668px){
	
#logo{width:100%; margin:0 auto; float:none; text-align:center; height:auto; margin-bottom:10px;}
#top-rightsection{float:none; width:100%; text-align:center;}
.top-icons{text-align:center; float:none ; margin-top:0px;}
.small-links{float:none; text-align:center;}
#menu{float:none; }
.hidden-menu{background:#3eacf3;float:left;height:16px;padding:2%; padding-top:12px; padding-bottom:12px;width:96%;display:block !important;border-bottom:1px solid #f0f0f0;margin:0px;}
.hidden-menu li label{font-weight:bold; font-size:20px; color:#fff;}
.hidden-menu li{list-style-type:none;}
.toggle-menu{float:right;margin-right:4%;}
.toggle-menu i.menu-bars{background:url(../images/menu-toggle-icon.png) right top no-repeat;width:14px;height:13px;float:right;margin:0px 0 0 0;}
#menusub{padding:0px!important;height:auto!important;background:#94cff5;margin-top:10px;text-align:center;margin:0 auto;float:left !important;width:100%;display:none;}
#menusub{position:absolute; top:40px; width:100%; z-index:1;}
#nav{position:relative;}
ul.horizontal li, .menu-events{float:left; width:100%; display:block !important;}
#nav > li{width:100%; display:block !important;}
#nav .lwrap, #nav .rwrap, #nav .wrap {float:none; width:100%; height:auto;}
#nav li:hover ul,#nav li.over ul{display:none;}
.vertical{width:98% !important; text-align:left;}
span.arrow:hover{cursor:pionter !important;}

#nav .wrap a{float:left; }
ul.horizontal li{display:block;}
span.arrow{background:url(../images/drop-big-02.png) no-repeat right;float:right;width:30px;height:28px;margin:0px 14px 0 0;padding:0px;}
#nav li ul{position:relative; top:0px; float:left;}
#nav li ul.submenu-3col{width:98%; position:relative; left:0px; }
#nav li{list-style-type:none;}
.threepart{width:96%; float:none; padding:0px;}
.threepart a{text-align:left; display:block;}
#nav li:hover .wrap a, #nav li.over .wrap a, #nav li:hover .wrap a:hover {padding:9px; color: #1a74ba; background-color: #fff; border: 1px solid #fff;
	border-radius:0px; }

}

@media only screen and (min-width:868px) and (max-width:992px){
#content{width:69%;}
}
@media only screen and (min-width:768px) and (max-width:867px){
#content{width:64%;}
}
@media only screen and (min-width:668px) and (max-width:767px){
#content{width:60%;}
}

@media only screen and (min-width:668px) and (max-width:992px){
.f-links{ width:50%; margin-top:20px;}
.f-social{ width:50%; float:left; margin-top:20px;}
.index-content{width:100%; padding:0px;}
.right-panel-index{width:100%;}
.scroll{width:100%; max-width:500px; display:block;}
.marketing_menu li{width:49%; text-align:center; margin-bottom:10px;}
.index-content{margin-top:10px;}
#content > img{max-width:351px; width:100%; float:none; display:block; margin-left:0px;}
#content > h1{padding-top:20px;}
}

@media only screen and (min-width:481px) and (max-width:667px){
.f-links{ width:50%; margin-top:20px;}
.f-social{ width:50%; float:left; margin-top:20px;}
.index-content{width:100%; padding:0px;}
.right-panel-index{width:100%;}
.scroll{width:100%; max-width:500px; display:block;}
.marketing_menu li{width:48%; text-align:center; margin-bottom:10px;}
.index-content{margin-top:10px;}
#content{width:100%; float:left;}
#left-panel{width:100%;}
#content > img{max-width:351px; width:100%; float:none; display:block; margin-left:0px;}
#content > h1{padding-top:20px;}
}

@media only screen and (min-width:0px) and (max-width:480px){
.f-links{ width:100%; margin-top:20px;}
.f-social{ width:100%; float:left; margin-top:20px;}
#footer-bottom .copy{top:20px; left:5px; right:auto;}
.index-content{width:100%; padding:0px;}
.right-panel-index{width:100%;}
.scroll{width:100%; max-width:500px; display:block;}
.guide{width:93%;}
.marketing_menu li{width:98%; text-align:center; margin-bottom:10px;}
.index-content{margin-top:10px;}
#content{width:100%; float:left;}
#left-panel{width:100%;}
#content > img{max-width:351px; width:100%; float:none; display:block; margin-left:0px;}
#content > h1{padding-top:20px;}
}