/* Large devices (large desktops, 1200px and up) */
	@media (min-width: 1200px) {
		
	}

/* Large devices (large desktops, 1200px and less) */
	@media (max-width: 1200px) {
		.slider .page-header {
			margin-top: 60px;
		}
		#webshopService h5{
			font-size: 14px;
		}
		.subMenu ul li {
			padding: 7px 0px;
		}
	}

/* Medium devices (desktops, between 992px and 1200px) */
	@media (min-width: 992px) and (max-width: 1200px) {
		.slider .visual,
		.slider .slider-box{
			height: 280px;
		}
		.header .navbar #mainNav{
			right: auto !important;
		}
		.header .navbar {
		  height: 160px;
		}
	}

/* Small devices (tablets, between 769px and 992px) */
	@media (min-width: 769px) and (max-width: 992px) {
		
		.header .navbar #mainNav{
			right: auto !important;
		}
		.header .navbar #mainNav > ul > li:first-child{
			display: none;
		}
		.header .navbar #mainNav li a {
			font-size: 14px;
		}
		#webshopService h5{
			font-size: 12px;
		}
		.header .navbar{
			height: 160px;
		}
		.slider .visual{
			height: auto;
		}
		.block{
			padding: 20px;
		}
	}

/* Extra small devices (phones, less than 769px) */
	@media (max-width: 769px) {
		.block{
			padding: 15px;
		}
		.slider .visual{
			height: auto;
		}
		.navbar-header{
			text-align: center;
		}
		.navbar-brand{
			float: none;
		}
		.navbar-brand img{
			margin-top: 15px;
			margin-bottom:30px;
			height:auto;
			width:90%;
		}
		.navbar-collapse {
			max-height: inherit;
			border-top: 0;
		}
		.header .navbar #mainNav	{
			position: absolute;
			bottom: inherit;
			z-index: 10;
			width: 100%;
			box-shadow: 0px 5px 10px -5px #000;
			margin: 0px auto;
			left: inherit;
			right: inherit;
		}
		.header .navbar #mainNav .nav.navbar-nav{
			margin-top: 0;
			margin-bottom: 0;
		}
		.header .navbar #mainNav li a{
			padding: 15px;
		}
		.header .navbar #mainNav li ul{
			position: relative; 
			z-index: 10; 
			list-style: circle; 
			padding: 0px 20px;
			margin-left: 25px;
			box-shadow: 0 0 0 0;
			margin-top: -10px;
			border-radius: 0px;
			border: 0;
			display: block !important;
		}
		.header .navbar #mainNav li ul li a{
			font-size: 14px;
			padding: 0px 0px 10px 0px;
		}
		.header .account {
			position: relative;
			top: inherit;
			right: inherit;
			z-index: 1;
			margin: 15px 0px;
			text-align: center;
			padding-bottom: 15px;
		}
		.header .account a{
			margin: 15px;
		}
		.submenu .navbar-nav > li > a{
			padding: 10px 15px;
		}
		.product {
			margin: 15px 10px;
		}
		.footer .foot-left{
			text-align: center;
		}
		.btn.hidden-xs, .btn .hidden-xs{
			display: none !important;
		}
	}