/*
==================================================================================================================================
	RESPONSIVE
==================================================================================================================================
*/


@media screen and (max-width:980px)
{
	.limit
	{
		width:auto;
		margin:0 auto 0 auto;
		padding:15px;
	}
	#header
	{
		height:auto;
		position:absolute;
		z-index:550;
	}
	#header .home
	{
		float:none;
		top:-68px;
		overflow:hidden;
	}
	/*  -----  SEARCH  -----  */
	
	#header #search
	{
		float:none;
		width:auto;
		height:30px;
		margin:10px 0 10px 0;
	}
	#header #search input.input
	{
		width:96%;
		padding:0 2% 0 2%;
	}
	
	/*  -----  MENU  -----  */
	
	.slicknav_menu
	{
		display:block;
	}
	#ui-menu-top
	{
		float:right;
		position:static;
		height:auto;
		width:auto;
		margin:-15px 0 0 0;
		overflow:hidden;
	}
	#ui-menu-top .menu
	{
		display:none;
	}

	#ui-menu-main
	{
		display:none;
		position:static;
		height:auto;
		overflow:hidden;
	}
	#ui-menu-main ul
	{
		width:auto;
		margin:0;
	}
	#ui-menu-main ul li
	{
		float:none;
		margin:0;
	}
	#ui-menu-main ul li a
	{
		text-align:left;
	}
	#ui-menu-main ul li ul
	{
		display:none;
		position:static;
		height:inherit;
		width:auto;
		margin:0 0 0 0;
		padding:0 0 0 0;
		overflow:visible;
	}
	#ui-menu-main > ul > li:hover > ul
	{
		display:none;
	}

	/*  -----  SLIDER  -----  */

	#homeslider
	{
		height:500px !important;
	}
	.topslider
	{
		display:none;
	}
	#slider
	{
		height:inherit !important;
		background-size:auto 100% !important;
		background-position:50% 100% !important;
	}
	#page
	{
		padding-top:260px;
	}

	/*  -----  CONTENT  -----  */

	#ui-menu1
	{
		display:none;
	}
	#section-offer ul li
	{
		width:50%;
	}
	table,
	table tbody,
	table tr
	{
		display:block;
		width:100%;
		clear:both;
		overflow:hidden;
	}
	table td
	{
		display:block;
		float:left;
		width:auto;
	}

	/*  -----  FOOTER  -----  */

	#footer table tr
	{
		display:block;
		float:left;
		width:auto;
		clear:none;
	}
}
@media screen and (max-width:600px)
{
	/*  -----  SLIDER  -----  */

	#homeslider
	{
		height:400px !important;
	}
	#slider
	{
		height:inherit !important;
		background-size:auto 100% !important;
		background-position:50% 100% !important;
	}

	/*  -----  CONTENT  -----  */

	#section-info ul li,
	#section-offer ul li
	{
		width:100%;
		clear:both;
		float:none;
	}
}