ul.mobile-nav-btns		{display:none;}

@media all and (max-width: 1200px) {

.inner.inner-1200	{width:95%;}
.inner.inner-1100	{width:95%;}
.diagram-image		{width:100%;}
.net-home-panel p.handwritten-note	{left:0;}
}

@media all and (max-width: 1110px) {

/* GENERAL */
.inner				{width:100%;}	
.right-col			{width:80%;}
.diagram-image		{width:100%;}

/* HEADER */
.search-container	{width:40%;}
.header-grey		{padding:10px 15px;}
.header-grey ul li a	{font-size:12px;}
#main-logo			{margin-left: 15px;}
#header-login		{margin-right:15px;}
.main-nav-container .inner	{width:100%;}
.header-grey .inner	{width:100%;}

/* MAIN NAV */
ul#main-nav li						{padding-left:2%; padding-right:2%;}
ul#main-nav li a					{font-size:12px;}
ul#main-nav li:first-child			{padding-left:10px;}
ul#main-nav li ul li:first-child	{padding-left:0}

/* LEFT NAV */
#left-nav			{width:20%; padding-left:15px;}
#left-nav h3 a		{font-size:12px;}
#left-nav ul li	a	{margin-left:0;}

/* HOME */
.mac-home-page-container .floorplan		{margin:0}
.inner-980	{width:90%;}
.net-home-panel.half-panel	{width:48%; margin:1% !important;}
.net-home-panel.half-panel.net-first	{clear:left;}

.home-diagram	{width:75%; margin-right:3%;}
.home-directory	{width:17%; margin-left:3%;}

/* LOGIN */
.login-form input[type="submit"]	{margin-bottom:10px;}

/* DIAGRAM PAGE */
.diagram img	{width:100%; height:auto;}
.diagram-inner	{width:96%;}
.diagram-inner h1	{display:block; width:100%; clear:both; margin:10px 0 !important;}

.register-panel img	{max-width:100%;}

   
}

@media all and (max-width: 1024px) {
     #bubble-container {-ms-transform: scale(0.85) translate(-9%); -webkit-transform: scale(0.85) translate(-9%); transform: scale(0.85) translate(-9%); padding: 400px 0 400px 110px;}
}


@media all and (max-width: 910px) {

/* MAIN NAV */
ul#main-nav li	{padding-left:1%; padding-right:1%;}
p.or-text		{margin:0 10px;}

/* HOME */
.net-home-panel-header h2	{font-size:16px;}
.net-home-panel-header p	{font-size:12px;}
.net-home-panel p.handwritten-note	{left:0; font-size:15px; width:250px;}

}

@media all and (max-width: 800px) {

/* SEARCH BOX */
.search-container	{width:30%;}
.search-container input[type=text]	{font-size:12px;}
.header-grey a.btn	{font-size:13px;}
.home-directory ul	{margin-left:0; font-size:12px;}

.course-alphabet.left, .course-alphabet.right { width:100%;}
.course-alphabet.right { text-align:left;}

.course-type-mobile {display:inline-block;}
.course-alphabet .list-alphabet span {margin-bottom: 10px;}
.module-list .modules .module-content {width:100%;}
	
.home-col-container .col	{width:50%; padding: 5px;}
.net-expander-panel h1		{width:100%; font-size: 16px; display: block; text-align: center; margin-left: auto; margin-right: auto;}
.net-expander-panel			{width:96%; margin-left:auto; margin-right: auto; padding-left: 5px; padding-right: 5px;}
	
}

@media all and (max-width: 768px) {

.mobile-hidden	{display:none;}

/* HEADER */
.search-container	{width:100%; margin-bottom:10px;}
.search-container input[type=text]	{font-size:16px;}
.header-grey		{height:auto; background-position:top; background-color:#efefef;}
p.or-text			{margin:0 10px 0 0;}

ul.mobile-nav-btns		{width:100%; margin-top:5px; display:block}
ul.mobile-nav-btns li	{width:50%; height:40px; line-height:40px; display:inline-block; float:left;}
ul.mobile-nav-btns li img	{margin-right:5px;}
ul.mobile-nav-btns li a	{display:block; color:#fff; background-color:#0d3c70; text-align:center;}
ul.mobile-nav-btns li a#directory-btn	{background-color:#27588f;}

.home-directory	{display:none;}
.home-diagram	{width:95%; margin:0 auto; float:none; padding:10px;}
.home-diagram h3	{font-size:20px; margin:10px 0;}

.right-col img.diagram	{width:100%;}

.footer .inner	{text-align:center;}
.footer ul	{float:none; display:inline; margin:0 auto; text-align:center}
.footer ul li	{float:none; display:inline; font-size:11px; padding:0 3px;}

.right-col	{width:100%;}

/* LOGIN */
.login-form	{width:100%;}

/* TEXT PAGE */
.text-first-col		{width:100%; border-right:none; border-bottom:1px solid #ccc; margin-bottom:15px;}
.text-first-col img	{max-width:100%;}
.text-second-col	{width:50%;}
.text-third-col		{width:50%;}

#list-directory ul		{font-size:12px;}
#list-directory ul li	{background:none; padding:0;}

.module-list .modules .module-name      {background:url(/brokercreate/_assets/icon-plus@2x.png) no-repeat 3px 3px; background-size:10px;}
.module-list .modules .module-name.no-expand {background:url(/brokercreate/_assets/icon-plus-grey@2x.png) no-repeat 3px 3px; background-size:10px;}

.module-list .modules .module-name.open {background:url(/brokercreate/_assets/icon-minus@2x.png) no-repeat 3px 3px; background-size:10px;}

.course-alphabet h2.active, .step-one-slide-up h2.active {background:url(/brokercreate/_assets/icon-tick@2x.png) no-repeat 100% 3px; background-size:20px;}
.choose-course {background:url(/brokercreate/_assets/icon-refresh@2x.png) no-repeat 100% 5px; background-size:10px;}

 #bubble-container {-ms-transform: scale(0.6)  translate(-33%); -webkit-transform: scale(0.6)  translate(-33%); transform: scale(0.6)  translate(-33%); padding: 300px 0 300px 110px;}

.home-col-container .col .net-home-panel-header h2	{font-size:14px;}

	
}

@media all and (max-width:640px) {
     #bubble-container {-ms-transform: scale(0.53)  translate(-44%); -webkit-transform: scale(0.53)  translate(-44%); transform: scale(0.53)  translate(-44%); padding: 250px 0 250px 110px;}
    
}

@media all and (max-width: 540px) {

input[type="submit"]	{font-size:12px;}

h1	{margin-top:0}

/* HEADER */
.header .inner	{text-align:center;}
#main-logo		{float:none; margin:0; display:block;}
#header-login	{float:none; margin:0; display:inline-block; margin-bottom:15px;}
.net-home-page-container h1.home-header	{margin:0px auto 0px auto; width:90%; font-size:20px;}
.net-home-page-container .course-finder h1.home-header {margin:0 0 30px 0; margin-bottom:25px;}

/* SEARCH BOX */
p.or-text				{display:none;}
.header-grey a.btn		{display:none;}
.header-grey ul li a	{display:none;}
.search-container		{margin-bottom:0;}

/* HOME */
.net-home-panel p.handwritten-note	{width:172px; line-height:16px; font-size:13px; top:-25px;}

/* TEXT PAGE */
#breadcrumb	{height:auto; display:none;}
#breadcrumb .bc-start	{height:auto;}
#breadcrumb .bcCurrentItem	{height:auto; padding:5px}

.form-container label	{width:100%; font-size:14px; font-weight:bold;}
.form-container input[type="text"],
.form-container input[type="password"]	{width:100%; font-size:14px;}
.form-container .form-row-checkbox	label	{width:40%}

#list-directory		{padding:2%;}
#list-directory ul	{width:100%; font-size:12px; margin:0; background-color:transparent; box-shadow:none; padding-bottom:0; padding-top:0;}

     #bubble-container {-ms-transform:scale(0.43)  translate(-64%); -webkit-transform: scale(0.43)  translate(-64%); transform: scale(0.43)  translate(-64%); padding: 200px 0 200px 110px;}
	.home-col-container .col .net-home-panel-header p	{width:95%; font-size: 11px;}
	

}

@media all and (max-width:480px) {
     #bubble-container {-ms-transform: scale(0.40)  translate(-75%); -webkit-transform: scale(0.40)  translate(-75%); transform: scale(0.40)  translate(-75%); padding: 190px 0 190px 110px;}

}

@media all and (max-width:375px) {
     #bubble-container {-ms-transform: scale(0.30)  translate(-115%); -webkit-transform: scale(0.30)  translate(-115%); transform: scale(0.30)  translate(-115%); padding: 140px 0 140px 110px;}

}