@media all and (min-width: 1024px)
{
}

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

	/*#region Wrappers */

	.inner-wrapper, .row, .row-menu
	{
		/*width: 748px;*/
	}

	.leftcol
	{
		width: 68%;
	}

	.rightcol
	{
		width: 30%;
	}

	/*#endregion*/

	/*#region Header */

	.header .logo
	{
		width: 180px;
	}




	/*#endregion*/

	/*#region Menu */

	#menu
	{
		display: block;
		width: 100%;
		height: 0;
		max-height: 0;
		overflow: hidden;
		position: absolute;
		top: 100%;
		left: 0;
		-webkit-transition: all 0.5s cubic-bezier(.96,1,.78,.85);
		-moz-transition: all 0.5s cubic-bezier(.96,1,.78,.85);
		-ms-transition: all 0.5s cubic-bezier(.96,1,.78,.85);
		-o-transition: all 0.5s cubic-bezier(.96,1,.78,.85);
		transition: all 0.5s cubic-bezier(.96,1,.78,.85);
		background-color: #fff;
	}

	#menu.active
	{
		height:auto;
		max-height: 1000px;
	}

	.menu
	{
		vertical-align: middle;
	}
	
	#menu > li
	{
		width: 100%;
		text-align: center;
		border-top: 1px solid #404144;
		background-color: #4e4f53;
	}
	
	#menu li:hover .dropdown
	{
		visibility: hidden;
	}
	
	#menu li.dropdownactive .dropdown
	{
		visibility:visible;
		
	}
	
	#menu li .dropdown
	{
		overflow: hidden;
		visibility: visible;
		background-color: #fff;
		position: relative;
		display:block;
		max-height:0;
		height:auto;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}
	
	#menu .dropdown a
	{
		display:block;
		margin-bottom: 0;
	}
	
	#menu .dropdown a:hover
	{
		color:#e61048;
	}
	
	#menu li.dropdownactive .dropdown
	{
		
		display:block;
		max-height:1000px;
	}
	
	#menu > li:hover > .drop:after
	{
		display: none;
	}
	
	#menu .hasdropdown
	{
		position: relative;
	}
	
	#menu .hasdropdown > a
	{
		margin-right: 50px;
		
	}

	#menu .dropdowntoggle
	{
		width:50px;
		height:35px;
		border-left:1px solid #404144;
		display: block;
		position: absolute;
		top:0;
		right:0;
		bottom:0;
		cursor: pointer;
		background:url(/images/menu/arrow-down.png) no-repeat center center;
	
	}
	
	#menu .dropdowntoggle:after
	{
		content: '';
		z-index: -1;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background-color: #221E1F;
		-moz-transform: skewX(-20deg);
		-webkit-transform: skewX(-20deg);
		-o-transform: skewX(-20deg);
		-ms-transform: skewX(-20deg);
		transform: skewX(-20deg);
	}
	
	#menu li.dropdownactive .dropdowntoggle
	{
		background:url(/images/menu/arrow-up.png) no-repeat center center;
	}

	#menu > li > .drop
	{
		padding: 10px 20px;
		text-align: left;
	}
	
	#menu .dropdown .col3
	{
		border:1px solid #ddd;
	}
	
	.menu-toggle
	{
		position: relative;
		display: inline-block;
		appearance: none;
		border: none;
		cursor: pointer;
		overflow: inherit;
		height: 30px;
		transition: 0.3s;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		background-color: transparent;
		outline: none;
	}
	.menu-toggle > *
	{
		display: block;
	}

	.menu-toggle:hover, .menu-toggle:focus
	{
		outline: none;
	}

	.menu-toggle::-moz-focus-inner
	{
		border: 0;
	}

	.menu-toggle-text
	{
		float: left;
		margin: 0px 5px;
		font-family: 'Play' , Arial, sans-serif;
		color: #221E1F;
		text-transform: uppercase;
	}
	
	.menu-toggle:before,
	.menu-toggle:after
	{
		content: '';
		z-index: -1;
		width: 100%;
		
		position: absolute;
		left: 0;
		-moz-transform: skewX(-20deg);
		-webkit-transform: skewX(-20deg);
		-o-transform: skewX(-20deg);
		-ms-transform: skewX(-20deg);
		transform: skewX(-20deg);
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	
	.menu-toggle:before
	{
		top:0;
		height:100%;
		border:2px solid #221E1F;
	}
	
	.menu-toggle:after
	{
		top: 50%;
		height: 0;
		background-color: #221E1F;
	}
		
	.menu-toggle.active:after
	{
		top:0;
		background-color: #221E1F;
		height:100%;
	}

	.menu-toggle.active .menu-toggle-text
	{
		color: #fff;
	}



	/*#endregion*/

	/*#region Content */

	/*#region Home */

	.homethumbbox
	{
		width: 33.3333%;
		margin-bottom: 20px;
	}
	/*.homethumbbox .content
	{
		display: table;
		min-height: 0;
		padding-bottom: 0;
	}

	.homethumbbox .content img
	{
		padding: 10px;
	}

	.homethumbbox img, .thumbboxdetail
	{
		display: table-cell;
		vertical-align: middle;
	}

	.thumbboxdetail
	{
		text-align: left;
		width: 50%;
		padding: 10px;
	}

	.thumbbox .content p, .homethumbbox .content p
	{
		padding: 0;
	}*/

	/*.homethumbbox .linkbuttons
	{
		width: 120px;
	}

*/
	/*#endregion*/

	/*#region Products */

	.product .left
	{
		width: 30%;
	}
	.product .right
	{
		width: 70%;
	}

	.product .specs td
	{
		display:block;
	}

	/*#endregion*/
	
	/*#region Button List */

	.buttonlist li
	{
		width: 50%;
	}

	/*#endregion*/

	/*#region Thumbs */

	.thumbbox
	{
		width: 25%;
	}




	/*#endregion*/

	/*#region News */

	.newsbox .right
	{
		display: none;
	}

	.news .leftcol
	{
		width: 30%;
	}

	.news .rightcol
	{
		width: 68%;
	}

	.summaryholder
	{
		width: 48%;
		margin-right: 4%;
		margin-bottom: 20px;
	}

	.summaries .summaryholder:nth-of-type(3n)
	{
		margin-right: 4%;
	}

	.summaries .summaryholder:nth-of-type(2n)
	{
		margin-right: 0 !important;
	}

	.news .rightcol .summarypanel .summaryPanelContent
	{
		height: 300px;
	}


	/*#endregion*/

	/*#region [page or template name] */






	/*#endregion*/

	/*#endregion*/

	/*#region Font Changes */



	/*#endregion*/

}