/* ###  D Y N S C A L E  ### */

#dsmode { display: none; width: 1px; }
.mobile-no  { display: none; }
.mobile-only, #mobile-menu-switch { display: block; }


@media (min-width: 530px) {   #dsmode { width: 23px; }
	/* hotfix */
	.ce-row { overflow: hidden; }
	.ce-column:last-child { margin-right: 0; }
	
	.content-container {
		margin-left: 25px;
		margin-right: 25px;
	}
	
}
@media (min-width: 640px) {   #dsmode { width: 25px; }
	.content-container {
		margin-left: 25px;
		margin-right: 25px;
	}
}
@media (min-width: 683px) {   #dsmode { width: 27px; }
	/* hotfix */
/* 	.ce-row { overflow: visible; } */
/* 	.ce-column:last-child { margin-right: 20px; } */
	
}

@media (min-width: 700px) {   #dsmode { width: 30px; }
	/* hotfix */
	.ce-row { overflow: hidden; }
	.ce-column:last-child { margin-right: 0; }
	
	#menu-top > ul {
		justify-content: space-around;
	}
	
	.content-container {
		margin-left: 30px;
		margin-right: 30px;
	}
}
@media (min-width: 801px) {   #dsmode { width: 50px; }
	
	.ce-row { overflow: visible; }
	.ce-column:last-child { margin-right: 20px; }
	
	.grid { float: left; }
	aside.grid { float: right; }
	.grid-25, .grid-33, .grid-50, .grid-66 {
		margin: 0;
	}
	
	.grid-25 {
		width: 25%;
	}
	.grid-33 {
		width: 33.3333%;
	}
	.grid-50 {
		width: 50%;
	}
	.grid-66 {
		width: 66.6666%;
	}
	
	h1 {
/* 		font-size: 57px; */
	}
	#banner .banner-text {
		bottom: 2em;
	}
		
}

/*****************************************
 * DESKTOP
 *****************************************/
@media (min-width: 980px) {
	#dsmode { width: 100px; }
	
	.mobile-no 	{ display: inherit!important; }
	.mobile-only, #mobile-menu-switch { display: none; }
	
	#logo {
		position: absolute;
		top: 0;
		left: 0;
		width: 290px;		
	}
	h1 {
		font-size: 57px;
	}
	
	#menu-main ul {
		display: inherit;
	}
	
	#menu-top ul, #global-search {
		float: left;
	}	
	
	#global-search {
		display: block;
		width: auto;
		margin: 3px 0 0 0;
	}
	#menu-top input {
		margin: 0 10px 0 0;
/* 		text-align: center; */
/* 		font-weight: bold; */
/* 		color: #666; */
/* 		font-size: 16px; */
/* 		letter-spacing: 1px; */
		
		border: 0;
		border-bottom: 1px solid #A8AAAA;
		padding: 0;
		width: 220px;
	}
	
	#menu-container {
		display: block;
		position: static;
		background: none;
		margin-left: 0;
		margin-right: 0;
		margin: 0;
		padding: 0;
		z-index: auto;
		width: auto;
		box-shadow: none;
	}
	#menu-top {
		position: absolute;
	}
	
	#menu-top > ul {
		display: block;
		margin: 0 20px 0 0;
	}
	
	#menu-top li {
		margin: 0 7px;
	}
	
	#menu-main {
		position: absolute;
		color: #000;
		height: 40px;
		line-height: 30px;
		font-size: 18px;
		width: 100%;
		bottom: 0;
	}
	#menu-main ul {
		list-style: none;
		margin: auto;
	}
	
	#menu-main > ul {
		/* 	display: none; */
		text-align: center;
	}
	
	#menu-main li {
		margin: 0;
		padding: 0;
	}
	#menu-main > ul > li {
		position: relative;
		display: inline-block;
		padding: 0 30px;
		border-bottom: 4px solid #FFF;
		height: 40px;
	}
	
	#menu-main > ul > li:hover, #menu-main > ul > li.active {
		border-bottom: 4px solid #FF0317;
	}
	
	#menu-main > ul > li > a {
		color: #000;
		font-weight: bold;
		display: inline-block;
	}
	
	
	/***********************************************
		MENU MAIN - LAYER 2
	***********************************************/
	#menu-main > ul > li > ul {
		position: absolute;
		font-size: 16px;
		line-height: 1.8;
		text-align: left;
		top: 40px;
		left: 0;
		min-width: 100%;
		padding: 10px 0;
		background: #FFF;
		text-align: center;
		
		transition: visibility 0s 0.2s, opacity 0.2s linear;
		visibility: hidden;
		opacity: 0;
		
		margin: 0;
	}
	#menu-main > ul > li:FIRST-CHILD > ul {
		/* display: none; */
	}
	#menu-main > ul > li:hover > ul {
		z-index: 1;
		visibility: visible;
		opacity: 1;
		transition: visibility 0s, opacity 0.2s linear;
	}
	/* #menu-main > ul > li > ul > li { */
	/* 	background: #FFF; */
	/* } */
	#menu-main > ul > li > ul a {
		padding: 10px 0;
	}
		
	
	.ce-row { overflow: hidden; }
	.ce-column:last-child { margin-right: 0; }
	
	.content-container {
		margin-left: 35px;
		margin-right: 35px;
	}
		
}

@media (min-width: 1280px) { /* FULL DESKTOP SIZE */
	#dsmode { width: 100px; }
	.content-container {
		margin-left: auto;
		margin-right: auto;
	}
}

@media (min-width: 1297px) {
	
	#dsmode { width: 101px; }
	
	
}