/*	NEW CENTURY MUSIC BOX */

@media screen and (max-width: 1130px) {
	.pad {
		max-width:95%;
	}
	#site-content {
		max-width:93%;
		margin:0 auto;
		overflow:visible;
	}
	body.home #site-content {
		max-width:100%;
	}
	body.home .entry-content img {
		max-width:50%;
		margin-bottom:40px !important;
	}
	.content-area {
		max-width:100% !important;
	}
	#Footer .pad {
		width:90%;
	}
	#Footer .col {
	}
	#Footer .col1,
	#Footer .col2 {
	}
}

@media screen and (max-width: 1040px) {
	#site-header .pad.hdrBG {
		position:relative;
		max-width:97%;
		background-size:100% auto;
	}
	#quicklinks a {
		margin:0;
	}
	#quicklinks a.ql2 {
		margin:0 1%;
	}
}

@media screen and (max-width: 1000px) {
	.mobile-nav-toggle {
		display:none !important;
	}
	.header-navigation-wrapper,
	.primary-menu-wrapper {
		display:block;
	}
	.header-navigation-wrapper {
		width:auto;
	}
}

@media screen and (max-width: 930px) {
	body {
		background-size:100% auto;
		background-position-y: bottom;
	}
	#quicklinks a {
		width:200px;
		height:200px;
		font-size:18px;
	}
	#quicklinks img {
		width:100%;
		height:auto;
	}
	.darkoverlay {
		top:calc(50% - 30px);
		height:60px;
		line-height:60px;
	}
	.darkoverlay span.small {
		top:-44px;
	}
}

@media screen and (max-width: 890px) {
}

@media screen and (max-width: 825px) {
}

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

@media screen and (max-width: 775px) {
	#site-header {
		height:270px;
	}
	#hdrLogo {
		height:145px;
	}
	.primary-menu > li {
		margin:0 10px;
	}
	body:not(.overlay-header) .primary-menu > li > a {
		font-size:16px;
	}
	.primary-menu ul {
		font-size:16px;
	}
	.primary-menu ul a {
		line-height:1em;
	}
}


@media screen and (max-width: 760px) { /* MOBILE MENU */
	#site-header {
		background-size:800px auto;
		background-position:left 20px;
	}
	.mobile-nav-toggle {
		display:block !important;
		z-index:9;
	}
	.nav-toggle {
		left:auto;
		right:auto;
	}
	.header-inner .toggle {
		position:relative;
		top:-11px;
		width:70px;
		height:50px;
		padding:0 15px;
		background:#000;
		border:solid 2px #09baeb;
	}
	.nav-toggle .toggle-inner {
		height:auto;
		top:-11px;
		padding:0;
	}
	.header-footer-group, 
	body:not(.overlay-header) #site-header .toggle, 
	.menu-modal .toggle,
	body:not(.overlay-header) .toggle-inner .toggle-text {
		font-size:16px;
		text-transform:uppercase;
		color:#FFF;
	}
	
	.menu-modal-inner {
		background:url('images/bgBody.jpg') center 130px no-repeat #000;
		background-attachment:fixed;
		background-size:100% auto;
		background-position-y: bottom;
	}
	.modal-menu a {
		color:#FFF;
	}
	.menu-modal nav * {
		border-color:#2f2f2f;
	}
	
	.header-navigation-wrapper,
	.primary-menu-wrapper {
		display:none;
	}
}


@media screen and (max-width: 675px) {
	#quicklinks a {
		width:150px;
		height:150px;
		font-size:18px;
	}
	.darkoverlay {
		top:calc(50% - 20px);
		height:40px;
		line-height:40px;
	}
	.darkoverlay span {
		display:none;
	}
	.darkoverlay span.small {
		top:-27px;
		font-size:11px;
	}
}


@media screen and (max-width: 650px) {
	.entry-content > p .alignright {
		margin:0 0 20px 20px;
	}
	.entry-content > p .alignleft {
		margin:0 20px 20px 0;
	}
	.entry-content > p img {
		max-width:50% !important;
	}
	#Footer .col1, #Footer .col.col2 {
		width:48%;
	}
	#Footer h3 {
		font-size:20px;
	}
}

@media screen and (max-width: 510px) {
	#site-header {
		height:210px;
	}
	#site-header .pad.hdrBG {
		height:132px;
	}
	#quicklinks a {
		width:130px;
		height:130px;
	}
}

@media screen and (max-width: 420px) {
	#quicklinks a {
		width:110px;
		height:110px;
	}
	#Footer h3 {
		font-size:18px;
	}
}