@media only screen and (max-width: 970px) {
	body{ padding-left: 0; padding-right: 0;}
	.container{ width: 100%; max-width: 100%;}

	.top-body{ width: 100%;}
	.top-body .top-content{ padding-left: 10px; padding-right: 10px;}
	.header-wrapper{ width: 100%;}
	.header-wrapper .header-content{ padding-left: 10px; padding-right: 10px;}

	.banner .banner-content{ width: 100%;}
	.banner .banner-content .inner-banner{ padding-left: 10px; padding-right: 10px;}

	.main-container{ width: 100%;}
	.main-container .main-content{ padding-left: 10px; padding-right: 10px;}
    .main-container .span8{ width: 65%; margin-left: 0; float: left;}
    .main-container .span4{ width: 30%; margin-left: 5%; float: left;}

	.main-bottom .withcolumns{ width: 100%;}
	.main-bottom .withcolumns .columns-content{ padding-left: 10px; padding-right: 10px;}
	.main-bottom .withcolumns .span4{ width: 30%; float: left;}
	.main-bottom .withcolumns .latest-events{ margin: 0 5%;}

    .main-bottom .more-details{ width: 100%;}
    .main-bottom .more-details .moduletable{ padding-left: 10px; padding-right: 10px;}

    .footer-menu{ width: 100%;}
    .footer-menu .footer-content{ padding-left: 10px; padding-right: 10px;}

    .bottom-body{ width: 100%;}
    .bottom-body .bottom-content{ padding-left: 10px; padding-right: 10px;}
}

@media only screen and (max-width: 948px) {
	.header-wrapper .logo-wrapper{ width: 100%; padding-top: 16px; padding-bottom: 0;}
	.header .brand{ float: none; display: block; text-align: center;}
	.header-wrapper .menu-wrapper{ float: left; width: 100%; text-align: center;}
	.header-wrapper .menu-wrapper .navigation{ padding: 16px 0 0 0;}
	.menu-wrapper .navigation .nav-child a{ text-align: left;}

	.footer-menu .nav li.parent, .footer-menu .nav > li{ margin-left: 0;}
}

@media only screen and (max-width: 790px){
	.footer-menu .nav li.parent, .footer-menu .nav > li{ padding: 0 5px;}
}

@media only screen and (max-width: 767px) {
	.top-link{ padding-top: 2px;}

	.aside-left .slideshow .slide-desc .slide-desc-text{ padding: 13px 13px 14px 13px;}
	.aside-left .slideshow .slide-desc .slide-title{ display: none; visibility: hidden;}
	.aside-left .slideshow .slide-desc .slide-text{ display: none; visibility: hidden;}

	.footer-menu .nav{ display: block;}
	.footer-menu .nav > li.parent, .footer-menu .nav > li{ float: none; border-left: medium none; padding: 0; width: 100%; display: inline-block;}
	.footer-menu .nav li.footer-invisible{ display: none; visibility: hidden;}
	.footer-menu .nav > li > a{ float: left; width: 20%;}
	.footer-menu .nav li .nav-child{ float: left; width: 75%; margin-left: 5%;}
	.footer-menu .nav li a{ margin-bottom: 8px;}
	.footer-menu .nav li .nav-child li{ float: left;}
	.footer-menu .nav .nav-child li a{ margin-top: 0; padding-right: 12px; margin-right: 12px; background: url(../images/line-footermenu.png) no-repeat right center;}
	.footer-menu .nav li .nav-child li:last-child a{ padding-right: 0; margin-right: 0; background: none;}
}

@media only screen and (max-width: 700px){
	/* Main Menu */
	.header-wrapper .menu-wrapper{ position: relative;}
	.header-wrapper .menu-wrapper .navigation{ text-align: left; margin-left: -10px; margin-right: -10px;}
	.header-wrapper .menu-wrapper h3{ position: absolute; right: 0; top: -50px; display: block; width: 34px; height: 28px; text-indent: -9999px; background: url(../images/icon-menu-triangle.png) no-repeat left center; cursor: pointer; margin-bottom: 0;}
	.header-wrapper .menu-wrapper .modulcontent{ position: absolute; left: 0; top: 11px; width: 100%; z-index: 100; background: #fff;}
	.header-wrapper .navigation ul{ margin-bottom: 0;}
	.menu-wrapper .navigation .nav{ display: none; visibility: hidden;}
	.menu-show .menu-wrapper .navigation .nav{ display: block; visibility: visible; margin-left: -10px; margin-right: -10px; padding-top: 3px; background: #fff url(../images/bg-shadow.png) repeat-x left top; border: solid 1px #c9c9c9; border-top: medium none;}
	.menu-wrapper .navigation ul li{ float: none; width: 100%; display: block;}
	.menu-wrapper .navigation .nav li.parent, .menu-wrapper .navigation .nav li{ background: none; padding-left: 0; margin-left: 0;}
	.menu-wrapper .navigation .nav > li:first-child{ display: none; visibility: hidden;}
	.menu-wrapper .navigation ul li a{ padding-bottom: 0;}
	.menu-wrapper .navigation ul li a span{ padding: 4px 0 4px 12px; padding-left: 12px; margin-left: 9px; background: url(../images/dot-grey.png) no-repeat left 10px; display: block;}
	.menu-wrapper .navigation .nav > li:hover > a,
	.menu-wrapper .navigation .nav > li.active > a,
	.menu-wrapper .navigation .nav > li.submenushow > a{ padding-bottom: 0; border-bottom: medium none; color: #fff; background: #2c68a3;}
	
	.menu-wrapper .navigation .nav > li.active > a, .menu-wrapper .navigation .nav > li.active > span{ border:0!important;}
	

	/* Sub Menu */
	.menu-wrapper .navigation .nav .parent > span{ display: block; visibility: visible; position: absolute; right: 10px; top: 0px; width: 20px; height: 30px; background: url(../images/icon-menu-triangle-white.png) no-repeat center 12px;}
	.menu-wrapper .navigation .nav .parent .nav-child{ display: none!important; visibility: hidden!important;}
	.menu-wrapper .navigation .nav .parent .nav-child li{ display: none!important; visibility: hidden!important;}
	.menu-wrapper .navigation .nav .submenushow .nav-child{ display: block!important; visibility: visible!important; border: medium none; border-bottom: solid 1px #d8e1ea; background: none; position: static; box-shadow: none; margin: 0; padding: 0; border-radius: 0; float: none; }
	.menu-wrapper .navigation .nav .submenushow .nav-child li{ display: block!important; visibility: visible!important; width: 100%!important; background: none;}
	.menu-wrapper .navigation .nav .submenushow .nav-child li a{ padding: 0; margin-left: 0; background: none!important;}
	.menu-wrapper .navigation .nav .submenushow .nav-child li a:hover,
	.menu-wrapper .navigation .nav .submenushow .nav-child li:hover a,
	.menu-wrapper .navigation .nav .submenushow .nav-child li.active a{ background: #2c68a3!important;}
	.menu-wrapper .navigation .nav .submenushow .nav-child li a span{ padding-left: 22px; margin-left: 28px;}

	.menu-wrapper .navigation .nav .parent .nav-child .parent .nav-child{ display: none!important; visibility: hidden!important;}
	.menu-wrapper .navigation .nav .parent .nav-child .parent .nav-child li{ display: none!important; visibility: hidden!important;}
	.menu-wrapper .navigation .nav .parent .nav-child .submenushow .nav-child{ display: block!important; visibility: visible!important; border: medium none; border-bottom: solid 1px #d8e1ea; background: none; position: static; box-shadow: none; margin: 0; padding: 0; border-radius: 0; float: none; }
	.menu-wrapper .navigation .nav .parent .nav-child .submenushow .nav-child li{ display: block!important; visibility: visible!important; width: 100%!important; background: none;}
	.menu-wrapper .navigation .nav .nav-child .submenushow .nav-child li a{ padding: 0; margin-left: 0; background: none!important;}
	.menu-wrapper .navigation .nav .nav-child .submenushow .nav-child li a:hover,
	.menu-wrapper .navigation .nav .nav-child .submenushow .nav-child li:hover a,
	.menu-wrapper .navigation .nav .nav-child .submenushow .nav-child li.active a{ background: #2c68a3!important;}
	.menu-wrapper .navigation .nav .nav-child .submenushow .nav-child li a span{ margin-left: 50px;}

}

@media only screen and (max-width: 635px){
	.header{ margin-bottom: 0; position: relative; z-index: 98;}
	.banner .banner-content{ background: url(../images/bg-3columns.png) repeat left top;}
	.inner-page .without-banner{ margin-bottom: 15px;}

	.main-container{ position: relative; z-index: 97;}
	.main-container .span8{ width: 100%; margin-left: 0;}
    .main-container .span4{ width: 100%; margin-left: 0;}

	.aside-left .slideshow{ margin-left: -10px; margin-right: -10px; margin-top: -4px; margin-bottom: 16px;}
	.aside-left .slideshow .slide-desc .slide-desc-text{ padding: 13px 13px 24px 13px;}
	.aside-left .slideshow .slide-desc .slide-title{ display: block; visibility: visible;}
	.aside-left .slideshow .slide-desc .slide-text{ display: block; visibility: visible;}

	.aside-left .item-image{ margin: 0 0 12px 0;}
	.orthogate-education{ border-radius: 0; padding: 15px 10px; margin-left: -10px; margin-right: -10px;}
	.submit-community{ margin-left: -10px; margin-right: -10px;}
	.submit-community h3{ border-radius: 0; padding: 8px 10px;}
	.submit-community .custom{ padding: 15px 10px;}

	.main-bottom .withcolumns .span4{ width: 100%;}
	.main-bottom .withcolumns .latest-events{ margin: 10px 0;}

}

@media only screen and (max-width: 479px){
	.top-wrapper .top-body{ height: 76px;}
	.top-wrapper .top-content .moduletable.top-menu{ float: left;}
	.top-content .moduletable.search-wrapper{ position: absolute; left: 0; bottom: 12px; padding: 0; width: 100%;}
	.top-content .search{ margin: 0 10px; padding-right: 34px;}
	.top-content .search #mod-search-searchword{ width: 100%;}

	.aside-left .slideshow .slide-desc .slide-desc-text{ padding: 13px 13px 14px 13px;}
	.aside-left .slideshow .slide-desc .slide-title{ display: none; visibility: hidden;}
	.aside-left .slideshow .slide-desc .slide-text{ display: none; visibility: hidden;}

	.user-manager .control-group .control-label label{ display: inline; margin-right: 5px;}
	.user-manager .control-group .controls .chzn-container{ width: 100%!important;}

	.user-manager .form-horizontal fieldset:first-child .controls,
	.remind .form-horizontal fieldset .controls,
	.reset .form-horizontal fieldset .controls{ padding: 0 9px 0 3px;}
	.user-manager fieldset:first-child .control-group .controls input,
	.remind .form-horizontal fieldset .control-group .controls input,
	.reset .form-horizontal fieldset .control-group .controls input{ width: 100%; margin-left: -3px; margin-right: -9px;}

	.user-manager .control-remember .control-label{ float: left;}
	.user-manager .control-remember .control-label label{ display: block; margin-right: 18px;}
	.user-manager .form-actions{ padding-left: 0;}

	.main-content .cbRegistration .cbMulti td{ width: 100%;}
	.main-content .cbRegistration .cbft_multicheckbox .fieldCell{ padding-top: 0;}
	.main-content .cbRegistration td{ display: block; border-bottom: medium none; padding-top: 0;}

	.header .brand{ padding-right: 48px;}

}

@media only screen and (max-width: 426px){
	.footer-menu .nav > li > a{ float: left; width: 30%;}
	.footer-menu .nav li .nav-child{ float: left; width: 70%; margin-left: 0;}

	.bottom-content .back2top{ display: none; visibility: hidden;}
	.bottom-content .social-media{ padding-left: 0;}
	.bottom-content .social-media ul li a.facebook{ margin-left: 0;}
	
}

@media only screen and (max-width: 321px){
	.main-content form.cb_form #cb_line_checkemail{ margin-bottom: 4px;}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){
	.advanced-search{ display: none; visibility: hidden; margin-bottom: 0;}
}