/*********************** DESKTOP BROWSERS ***********************/
@media only screen and (min-width: 900px) and (max-width: 1200px) {
	/** Header **/
	.inner-content.home {
		padding-top: 40px;
	}
	.ttl-legal-studies-program,
	.ttl-compliance-law-degree,
	.ttl-taxation-degree{
		left: 20px;
	}
	.form-row input, 
	.form-row select, 
	#pageContent_captchaDiv input{
		width: 94%;
	}

	.logo {
		top: 20px;
		left: 12px;
		width: 270px;
		height: 84px;
	}
	.logoLink {
		width: 270px;
		height: 84px;
		background-size: 270px 84px;
	}


	.divisionOfCrestpoint {
		font-size: 12px;
	}

	.global-header-nav {
		margin: 6px 12px 0 0;
	}

	.primary {
		margin: 26px 12px 0 0;
	}
	.primary li {
	  font-size: 13px;
	}
	.primary li > a {
		margin: 0 10px;
    padding: 0 8px;
	}
	.primary li.has-children > a:after {
		right: 15px;
	}
	.primary li.has-children ul {
		left: 10px;
	}
	.primary li.has-children:last-child ul {
		left: auto;
		right: 10px;
	}
	.primary li.has-children ul li > a {
	  padding: 6px 10px;
	 }

	 .name{
	 	right: 140px;
	 }

	/** Sidebar & Nav **/
		.sidebar-sticky{
			width: 45%;
			top: 0px;
			position: absolute;
			z-index: 12;
			background: #eeeeee;
			border-right: 1px solid #d2d2d2;
			padding-bottom: 50px;
			min-height: 974px;
			height: auto;
			left: -300px;
		}

		.primary li#undergraduateLi:after, 
		.primary li#graduateLi:after, 
		.primary li#npcApplicationLi:after, 
		.primary li#npcTuitionLi:after{
			right: 15px;
		}

		#sm-gp.sub-menu.in {
			height: 97px;
		}

	/** Content **/
		.content{
			width: 72%;
			transition: width .05s;
			-webkit-transition: width .05s;
			-moz-transition: width .05s;
			padding: 0 0 30px 0;
			min-height: 980px;
		}
		.container{
			width: 100%;
		}
		.content-position{
			width: 92% !important;
			padding: 40px 39px 30px 37px !important;
		}

		.content-heading, 
		.content-heading2{
			width: 100%;
			margin: 0px;
		}

		.content-heading h1,
		.content-heading2 h1 {
			padding-left: 36px;
		}

		.promo-apply-now{
			width: 342px;
			margin-right: 20px;
		}
			.promo-apply-now a{
				left: -3px;
			}

		.intro-right-column, 
		.intro-left-column{
			width: 45% !important;
		}
		.promo-apply-now-home{
			width: auto;
			margin: 0px;
			float: none;
			position: absolute;
			right:0px;
		}
		.inner-content {
			padding: 36px 36px 40px 36px;
		}

		.sidebar {
			width: 28%;
			padding-top: 36px;
		}
		.sidebar .gray-cta {
	    width: 80%;
	    padding: 18px 10px 18px;
		}
		.sidebar .gray-cta.questions {
    	min-height: 125px;
  	}
  	.sidebar .gray-cta.questions p {
			margin-bottom: 0;
  	}
		.or {
			width: 80%;
		}

	/** Footer **/
		footer{
			width: 100%;
			min-width: 100%;
		}
		.footer-bg, .copyright-logos, #vplogo_npc{
			width: 92%;
		}
	.norton, .seal-of-az, .fafsa, .dantes, .nju, .vp, .nccrs, .charterOak{
		width: auto;
		margin-right: 0px;
	}
	.copyright img,
	 .norton img,
	 .seal-of-az img,
	 .fafsa img,
	 .dantes img,
	 .nju img,
	 .vp img,
	 .nccrs img,
	 .charterOak img{
	 	width: 80%;
	 }
}

@media only screen and (min-width: 1001px) and (max-width: 1090px){
	.logo.logged-in a{
		width: 232px;
    	height: 73px;
    	background-size: 232px 73px;
	}

	ul.logged-in li a{
		margin: 0 8px;
		padding: 0 2px;
	}
}

@media only screen and (min-width: 901px) and (max-width: 970px){
	.logo.logged-in a{
		width: 221px;
    	height: 70px;
    	background-size: 207px 66px;
	}

}

@media only screen and (min-width: 901px) and (max-width: 955px){

	ul.logged-in li a{
		font-size: .75rem;
	}
}


@media only screen and (min-width: 900px) and (max-width: 1000px) {
	.logo {
		top: 24px;
		width: 232px;
		height: 73px;
	}
	.logoLink {
		width: 232px;
		height: 73px;
		background-size: 232px 73px;
	}

	.divisionOfCrestpoint br {
		display: block;
	}
	.primary li > a {
		margin: 0;
	}
	.primary li.has-children > a {
		padding-right: 22px;
	}
	.primary li.has-children > a:after {
		right: 8px;
	}
	.primary li.has-children ul {
		left: 0px;
	}
	.primary li.has-children ul li > a {
	  padding: 6px 10px;
	}
	.primary li.has-children:last-child ul {
		/*left: auto;*/
		right: 0px;
	}
	.gray-cta {
		padding-left: 12px;
		padding-right: 12px;
	}
}

/*********************** TABLET ***********************/
@media only screen and (max-width: 900px) {
	body {
		right: 0;
	  width: 100%;
	  height: auto;
		-webkit-transition: right 300ms ease-out;
    -moz-transition: right 300ms ease-out;
    transition: right 300ms ease-out;
	}
	body[data-slidenav="true"] {
    position: fixed;
    right: 260px;
    margin: 0 0 0 -260px;
  }

	header {
		/* height: 104px; */
	}

	.logo {
		top: 14px;
		left: 12px;
		width: 221px;
		height: 70px;
	}



	.logoLink {
		width: 221px;
		height: 70px;
		background-size: 221px 70px;
	}

	.divisionOfCrestpoint {
		font-size: 13px;
	}

	.divisionOfCrestpoint br {
		display: block;
	}


	.toggle-nav {
		display: block;
		float: right;
		width: 44px;
		height: 44px;
		margin: 28px 10px 0 0;
		padding: 10px;
		background: url(../images/toggle-nav.png) no-repeat;
		background-size: 44px 44px;
		cursor: pointer;
	}

	body[data-slidenav="true"] .toggle-nav {
		background: url(../images/toggle-nav-close.png) no-repeat;
		background-size: 44px 44px;
	}

	#main-navigation {
    background: #dadada;
    display: block;
    position: fixed;
    top: 0;
    right: -260px;
    width: 260px;
    height: 100%;
    margin-top: 0;
    overflow-y: auto;
    -webkit-transition: right 300ms ease-out;
    -moz-transition: right 300ms ease-out;
    transition: right 300ms ease-out;
    -webkit-box-shadow:inset 2px 0 4px 0 rgba(0,0,0,0.10);
		box-shadow:inset 2px 0 4px 0 rgba(0,0,0,0.10);
	}
	body[data-slidenav="true"] header #main-navigation {
    right: 0;
  }

	.global-header-nav {
		float: left;
		width: 100%;
    margin: 0;
    background: transparent;
    -webkit-box-shadow: 0 0px 0px 0 rgba(0,0,0,0);
    box-shadow: 0 0px 0px 0 rgba(0,0,0,0);
	}
	.global-header-nav a {
		float: none;
		width: 90%;
		height: 40px;
		margin: 10px auto;
		font-size: 14px;
		color: #1c3f95;
		line-height: 38px;
		border: 1px solid #cccccc;
	}
	.global-header-nav a.apply-btn {
		color: white;
		background: #1c3f95;
		border-color: #0e2e7b;
		}
		.global-header-nav a.apply-btn:hover {
			color: white;
			background: #1c3f95;
		}
	#npcApplicationLi,
	#jurisApplicationLi {
		display: block;
    float: none;
	}
	.global-header-nav a.login-btn {
		padding-left: 80px;
		background: white url(../images/icon_student-login.png);
		background-size: 13px 13px;
		background-position: 60px 12px;
		background-repeat: no-repeat;
		text-align: left;
		}
		.global-header-nav a:hover {
			color: #1c3f95;
		}

	.name{
		position: relative;
		text-align: center;
		margin-right: 0px;
		right: 0px;
	}

	.primary {
		float: left;
    width: 100%;
    margin-top: 10px;
    border-top: 1px solid #bebebe;
		}
		.primary li {
			width: 100%;
			border: none;
			border-bottom: 1px solid #bebebe;
		}
		.primary li > a {
	    margin: 0;
	    padding: 0 18px;
	    color: #1c3f95;
	    line-height: 40px;
	    text-decoration: none;
		}
		.primary li:hover > a {
			background-color: transparent;
			color: #1c3f95;
		}
		.primary li.has-children > a {
	    padding-right: 18px;
		}
		.primary li.has-children > a:after {
			margin-top: 6px;
		}
		.primary li.has-children:hover > a:after {
			background: url(../images/dd-arrow.png) no-repeat;
		}

		.primary li.has-children ul {
			display: none;
			position: relative;
			left: 0;
	    height: auto;
	    width: 100%;
	    font-size: 14px;
	    background: #d0d0d0;
	    border: none;
	    overflow: hidden;
	    z-index: 0;
	    -webkit-box-shadow:inset 0 2px 2px 0 rgba(0,0,0,.20);
	    box-shadow:inset 0 2px 2px 0 rgba(0,0,0,.20);
		}
		.primary li.has-children:hover ul {
			display: none;
		}
		.primary li.has-children ul[data-expand="true"] {
			display: block;
		}
		.primary li.has-children.active a {
			background: #eeeeee;
		}
		.primary li.has-children.active a:after {
			background: url(../images/dd-arrow-up.png) no-repeat;
		}
		.primary li.has-children ul li {
	    font-size: 14px;
	    border-top: 1px solid #b0b0b0;
	  }
	  .primary li.has-children ul li > a {
			display: block;
	    margin: 0;
	    padding: 12px 20px;
	    color: #646464;
	  	}
	  	.primary li.has-children ul li > a:hover {
				background: transparent;
	 		}

	/** Sidebar & Nav **/
		.sidebar {
			width: 30%;
			padding-top: 30px;
		}
		
		.sidebar .gray-cta {
			width: 82%;
			padding: 18px 10px 18px;
		}
		.sidebar .gray-cta.questions {
	    min-height: 120px;
	  }
	  .or {
			width: 82%;
	  }

		.sidebar-sticky{
			width: 100%;
		  position: absolute;
		  top: 0px;
		  z-index: 12;
		  background: #eeeeee;
		  border-right: 1px solid #d2d2d2;
		  padding-bottom: 50px;
		  min-height: 974px;
		  height: auto;
		  left: -300px;
		}
	
		.primary li#undergraduateLi:after, 
		.primary li#graduateLi:after, 
		.primary li#npcApplicationLi:after, 
		.primary li#npcTuitionLi:after{
			right: 15px;
		}

		.promo-apply-now {
			width: 220px;
			margin-right: 20px;
			background: none;
		}
			.promo-apply-now a{
				left: 0;
			}

		#sm-gp.sub-menu.in{
				height: 97px;
			}

		.btn-choose-category{
			display: none;
		}

		.faculty-table li:first-child{
			width: 100%;
		}

	/** Content **/
	.content{
		width: 70%;
		padding: 0px;
		transition: width .05s;
		-webkit-transition: width .05s;
		-moz-transition: width .05s;
		min-height: 960px;
		}
		.inner-content {
			padding: 30px 30px 40px 30px;
		}
		.container{
			width: 100%;
		}
		.content-position{
			width: 92% !important;
			padding: 40px 39px 30px 37px !important;
		}

		.content-heading, 
		.content-heading2{
			margin: 0px;
			width: 100%;
		}

		.content-heading h1,
		.content-heading2 h1 {
			padding-left: 30px;
		}

		.certificate-prgm.short ul li{
			width: 43% !important;
		}

		.content-columns{
			width: 100% !important;
		}

		.intro-right-column, 
		.intro-left-column{
			width: 45% !important;
		}
			.promo-apply-now-home{
				width: 100%;
			}

		.form-right input{
			width: 97% !important;
		}

		li#complianceProgramLi a, 
		li#legalProgramLI a, 
		li#taxationProgramLi a{
					line-height: 40px;
					padding: 0px;
					padding-left: 8px;
				}
				
		.formRowRadio input,
		#pageContent_whichProgram input{
			width: auto !important;
		}

		#latest-news-block h3 {
			font-size: 26px;
    	line-height: 30px;
		}

	/** Footer **/
		footer{
			width: 100%;
			min-width: 100%;
		}
		.footer-bg, .copyright-logos{
			width: 92%;
		}
			#vplogo_npc{
				display: none;
			}

	.seal-of-az, .fafsa, .dantes, .nju, .vp, .nccrs, .charterOak{
		display: none;
	}
	.copyright img,
	 .norton img,
	 .seal-of-az img,
	 .fafsa img,
	 .dantes img,
	 .nju img,
	 .vp img,
	 .nccrs img,
	 .charterOak img{
	 	width: 80%;
	 }
	}

@media only screen and (min-width: 668px) and (max-width: 767px) {
	.gray-cta h4 {
    font-size: 22px;
  }
}

/*********************** MOBILE ***********************/
@media only screen and (max-width: 667px) {
	#graduateDivisionDiv{
		display: none;
	}

	dd{
		margin-left: 0px;
	}

	.content-columns{
		display: block !important;
	}

	.content-table td{
		padding: 10px 5px;
	}
	.content-table th{
		padding: 10px 2px;
	}

	/** Sidebar & Nav **/
	.sidebar {
		position: relative;
		right: auto;
		float: left;
		width: 100%;
		border-top: 1px solid #d2d2d2;
		border-left-width: 0px;
		border-bottom-width: 0px;
	}

	.sidebar-sticky {
		width: 100%;
		position: absolute;
		top: 0px;
		z-index: 12;
		background: #eeeeee;
		border-right: none;
		padding-bottom: 50px;
		height: auto;
		left: -300px;
	}
	.gray-cta {
		max-width: 254px;
    min-height: 175px;
    padding-bottom: 32px;
  }
  .or {
  	max-width: 254px;
  }

	.btn-choose-staff a:hover:before {
		background: #92b9d6 !important;
	}
	.btn-choose-staff a:hover {
		background: #e5f2fc;
		background: -moz-linear-gradient(top,  #e5f2fc 0%, #7db9e8 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5f2fc), color-stop(100%,#7db9e8));
		background: -webkit-linear-gradient(top,  #e5f2fc 0%,#7db9e8 100%);
		background: -o-linear-gradient(top,  #e5f2fc 0%,#7db9e8 100%);
		background: -ms-linear-gradient(top,  #e5f2fc 0%,#7db9e8 100%);
		background: linear-gradient(to bottom,  #e5f2fc 0%,#7db9e8 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5f2fc', endColorstr='#7db9e8',GradientType=0 );
		color: #000;
	}
	.btn-choose-staff a:hover span {
		color: #d9292e;
	}

	li#complianceProgramLi a, 
	li#legalProgramLI a, 
	li#taxationProgramLi a {
		line-height: 40px;
		padding: 0px;
		padding-left: 8px;
	}

	.flyout-grad {
		float: none;
		position: absolute;
		display: block;
		}
		.flyout-grad li {
			width: 100%;
		}
		.flyout-grad a {
			width: 100%;
			padding: 5px;
			vertical-align: center;
			text-indent: 0px;
			height: auto;
			line-height: 16px;
			display: block;
			font-size: 14px;
			font-family: "myriad-pro";
		}

	.faculty-dd .flyout-column {
		margin-top: 20px;
	}
	.faculty-dd.in {
		height: 100%;
	}

	.primary li#undergraduateLi:after, 
	.primary li#graduateLi:after, 
	.primary li#npcApplicationLi:after, 
	.primary li#npcTuitionLi:after{
		right: 15px;
		top: 11px;
	}

	/** Content **/
	.inner-content {
		padding: 24px 24px 32px 24px;
	}

	.inner-content.application ul li{
		width: 90%;
		display: block;
		background: none;
		list-style: none;
		padding: 20px;
	}
	.inner-content.application ul li:first-child{
		border-bottom: 1px solid #222;
		border-right: none;
	}

	.formRowRadio input,
	#pageContent_whichProgram input{
		width: auto !important;
	}
	
	.form-row input, .form-row select, 
	#pageContent_captchaDiv input{
		width: 94%;
		margin-left: 2px;
	}

	.content{
		width: 100% !important;
		padding-bottom: 0px !important;
		transition: width .05s;
		-webkit-transition: width .05s;
		-moz-transition: width .05s;
		padding: 0px;
		min-height: 0px;
	}
	.container{
		width: 100%;
	}
	.content-position{
		width: 97% !important;
		padding: 40px 10px 30px 10px !important;
	}

	.content-heading, 
	.content-heading2{
		margin: 0px;
		width: 100% !important;
		height: auto;
		background-size: cover;
	}

		.content-heading h1,
		.content-heading2 h1 {
			float: none;
			text-align: center;
			padding-top: 28px;
			padding-left: 0px;
			top: auto !important;
		}

			h1.ttl-online-application{
				float: none;
				padding-bottom: .75em;
				text-align: center;
			}

		.certificate-prgm ul li:first-child{
			padding-left: 0px;
			width: 100% !important;
		}
		.certificate-prgm ul li:last-child{
			width: 50%;
		}

		.certificate-prgm.short ul li:first-child{
			width: 45% !important;
			padding-right: 20px;
		}
		.certificate-prgm.short ul li:last-child{
			width: 25% !important;
		}
		.content ol{
			margin-left: 5px;
		}
		.certificate-prgm.short.example ul li:first-child{
			width: 70% !important;
			padding-right: 20px;
		}
			.certificate-prgm.short.example ul li:last-child{
				width: 15% !important;
			}

			#divider{
				width: 100%;
			}

		.content-columns{
			margin: 0 auto;
			padding: 37px 0px 30px 0px !important;
		}

		.form-table ul li:first-child{
			width: 92%;
		}
		.form-table ul li:nth-child(2), .form-table ul li:nth-child(3), .form-table ul li{
			width: 45%;
		}

		.intro-right-column, .intro-left-column{
			width: 100% !important;
			float: none !important;
		}
			.promo-apply-now-home{
				width: 100% !important;
				padding:35px 0px 0px 0px !important;
			}
				.promo-apply-now-home a{
					background: url(../images/btn-apply-online.gif) top center no-repeat !important;
					width: 98.5% !important;
					position: relative;
					left: 1px;
				}

		.promo-apply-now{
			top: auto;
			float: none;
			width: 65%;
			height: auto;
			margin: 0 auto;
			padding-bottom: 28px;
			background: none;
		}
			.promo-apply-now a{
				top: auto;
				left: auto;
			}

		.news-login-office{
			width: 100%;
			padding: 0 0px 40px 0px;
		}

		.btn-choose-category a:before, .btn-choose-staff a:before{
			position: relative;
			width: 20px;
			margin: 0 auto;
			margin-right: 20px;
		}

		.btn-choose-category{
			display: none;
		}

		.faculty-table{
			height: 55px;
		}

		.faculty-table li:first-child{
			width: 100%;
		}

.fa-step-2 li{
  display: block;
}
	.fa-step-2 li:nth-child(2){
		position: relative;
		top: -4px;
		left: 0px;
	}
		.fa-step-2 li:nth-child(2) strong{
			position: relative;
			left: 120px;
		}

.form-left {
	float: none;
	width: 100%;
}

.form-right {
	float: none;
	width: 100%;
}

.buttonblue{
	padding: 20px;
	font-size: 12px;
}

.buttonBig{
	padding: 20px 40px;
	font-size: 16px;
}

.browsers{
	text-align: center;
}
.browsers a{
		left: 0px !important;
		top: 0px !important;
}
.browsers img{
	margin: 0 auto;
	display: block;
}

#latest-news-block h3 {
	font-size: 24px;
  line-height: 28px;
  margin-bottom: 24px;
}

	/** Footer **/
		footer{
			width: 100%;
			min-width: 100%;
			background: #122E74;
			background-image: none;
		}
		.student-login {
			max-width: 304px;
		}
		.footer-bg, .copyright-logos{
			width: 86%;
		}
				#vplogo_npc{
					display: none;
				}

		.student-login {
			padding: 0 10px;
		}

		.form-student-login {
			width: 100%;
			max-width: none;
			margin: 0 auto 12px;
		}

		#loginButton {
			display: block;
			margin: 0 auto 12px;
		}

		.forgot-password {
			background: none;
		}

	.copyright{
		  text-align: center;
		  width: 100%;
		  margin: 18px auto 10px;
		  display: block;
	}

	.global-nav ul li {
    float: none;
    margin-right: 0;
    margin-bottom: 10px;
    text-align: center;
	}

	.seal-of-az, .fafsa, .dantes, .nju, .vp, .nccrs, .charterOak, .vpNJU{
		display: none;
	}

	.copyright img,
	 .norton img,
	 .seal-of-az img,
	 .fafsa img,
	 .dantes img,
	 .nju img,
	 .vp img,
	 .nccrs img,
	 .charterOak img{
	 	width: 80%;
	 }

	 .global-nav{
	 		width: 100%;
	 		margin-bottom: 10px;
	 }
	 	.global-left, .global-right{
	 		width: 45%;
	 	}

	 .copyright-logos{
	 		padding: 0px;
	 		width: 100%;
	 }

	 .facebook a{
	 	background-position: center;
	 	margin: 0 auto;
	 }
	 #legalImg{
	 	display: block;
	 	margin: 0 auto;
	 }
}

/*********************** SMALL MOBILE ***********************/
@media only screen and (max-width: 480px) {
	a.button { 
    padding: 7px 16px; 
  }

	.LPMbutton {
		padding: 7px 16px !important;
	}

	.content-heading h1,
	.content-heading-2 h1 {
		font-size: 1.9em;
		width: 100%;
	}

	.promo-apply-now {
		width: 80%;
	}

	.faculty-table li:first-child, 
	.faculty-table li:last-child {
		width: 100%;
		display: block;
	}

	.primary li#undergraduateLi:after, 
	.primary li#graduateLi:after, 
	.primary li#npcApplicationLi:after, 
	.primary li#npcTuitionLi:after {
		right: 15px;
	}

	.faculty-dd.in {
		height: 2570px;
	}
	.flyout-column ul li {
		width: 100%;
  	text-align: center;
  	font-size: 1.25em;
	}

	#virtualTourTop {
		position: relative;
		top: -2px;
	}

	#virtualTourTopNJU {
		position: relative;
		top: -2px;
	}
@media only screen and (max-width: 420px){
	.ttl-online-application{
		top: 45px !important;
		line-height: 34px;
	}
}