/*########################
 *###### RESPONSIVE ######
 ########################*/

@media (min-width: 768px) and (max-width: 991px) {
	.navbar-brand {
		display: inline-block;
	}
	.navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        position: relative;
        bottom: 0;
    }
    .navbar-collapse.collapse {
     
    }
    .navbar-nav {
        float: none!important;
        margin: 0;
    }
    .navbar-nav > li {
        float: none;
        padding-left: 0;
        padding-right: 0;
    }
    .navbar-nav > li:last-child > a  {
    	border-bottom: 0;
    }
    .navbar-nav > li > a {
        padding-top: 1em;
        padding-bottom: 1em;
        float: none;
        font-size: 2em;
        text-align: right;
    }
    .dropdown-menu > li > a {
    	text-align: right;
    	font-size: 1.5em;
    	padding-top: 1em !important;
    	padding-bottom: 1em !important;
    }

    .navbar-nav .open .dropdown-menu {
    	background: #5c6366;
    }

    .foot, .creator {
    	display: block;
    	width: 100%;
    	text-align: center;
    	padding-top: 10px;
    	padding-bottom: 10px;
    }

    .offer-carousel h2, .site-carousel h2 {
    	font-size: 1.35em;
    }

    .site-carousel .item {
    	width: 100%;
    	display: block;
    	height: 250px;
    	margin-bottom: 10px;
    }
    .form {
    	padding: 0; 
    }
    .form button.btn {
    	margin-top: 15px !important;
    }
    .site-text img {
    	max-width: 100%;
    	height: auto;

    }
    .news-wrap {
    	margin-left: 0;
    	margin-right: 0; 
    }
    .news-wrap a {
    	height: 420px;
    }
    .news-list-wrap {
    	padding-right: 0; 
    }
    .site-container {
    	padding-left: 0;
    }
    .nr-cat {
    	width: auto;
    	margin: 0 auto;
    	left: 0;
    	right: 0;
    	padding-right: 15px;
    	padding-left: 15px;
    }
    .nr-cat h3 {
    	padding-right: 0;
    	padding-left: 0;
    }
    .info {
    	height: auto;
    }
    .infograf {
    	padding-bottom: 50px;
    }
    .category-list .prod-list .desc {
    	padding-right: 25px;
    	padding-left: 25px;
    }
    .text {
    	padding-top: 15px;
    }
    .size {
    	border-bottom: 1px solid #000;
    	padding-bottom: 15px;
    }
    .download > div {
    	display: inline-block;
    	padding-bottom: 15px;
    }
    .prod-photo {
    	width: 100%;
    	height: 800px;
    	background-position: 50% 50% !important;
		background-size: cover !important;
    }
    .prod-photo img {
    	display: none;
    	
    }
    .download a {
    	display: inline;
    	
    }

    #CookieAlert {
    	padding-bottom: 15px !important;
    }
    #CookieAlert a, #CookieAlert a > img, #CookieAlertClose {
    	position: relative !important;
    	display: inline-block !important;
    }
    #CookieAlert img {
    	width: 30px !important;
    	height: 30px !important;
    }
    #CookieAlert a {
    	padding: 0px !important;
    	width: 50% !important;
    }

}
@media (min-width: 200px) and (max-width: 768px) {
	.top {
		right: 0;
		left: 0;
		width: 100%;
		display: block;
	}
	.lang, .search {
		float: left;
		display: inline-block;
		width: auto;
	}
	.search {
		float: right;
		width: 70%;
		padding-left: 0;
	}
	.lang li > a {
		font-size: 1.5em;
		padding: 0;
	}
	.navbar-brand {
		padding-top: 50px;
	}
	.form-group {
		display: inline-block;
		width: 90%;
		margin: 0;
	}
	.search button {
		position: absolute;
		top: 0;
		right: 5px;
		font-size: 1.6em;
		line-height: 0;
	}
	.search input {
		padding: 0 10px;
	}
	.form-inline .form-control {
		width: 100%;
	}
	.navbar-toggle {
		margin-top: 50px;
		margin-right: 15px;
	}


	.navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        position: relative;
        bottom: 0;
    }
    .navbar-collapse.collapse {
     
    }
    .navbar-nav {
        float: none!important;
        margin: 0;
    }
    .navbar-nav > li {
        float: none;
        padding-left: 0;
        padding-right: 0;
    }
    .navbar-nav > li:last-child > a  {
    	border-bottom: 0;
    }
    .navbar-nav > li > a {
        padding-top: 1em;
        padding-bottom: 1em;
        float: none;
        font-size: 1.5em;
        text-align: center;
    }
    .dropdown-menu > li > a {
    	text-align: center;
    	font-size: 1.2em;
    	padding-top: 1em !important;
    	padding-bottom: 1em !important;
    }

    .navbar-nav .open .dropdown-menu {
    	background: #5c6366;
    }

    #maximage, .slider .container {
    	height: 250px !important;
    	width: 100% !important
    }
    .in-slide-content h2 {
    	font-size: 1.5em;
    }
    #arrow_left, #arrow_right {
    	top: 0;
    }
    .in-slide-content {
    	right: 0;
    }
    .offer-carousel .item, .site-carousel .item {
    	height: 300px;
    }
    .offer-carousel h2, .site-carousel h2 {
    	font-size: 1.1em;
    	padding-top: 1em;
    	padding-bottom: 1em;
    }

    .offer-carousel .item a:hover .desc,
	.offer-carousel .item a:focus .desc,
	.offer-carousel .item a:active .desc,
	.site-carousel .item a:hover .desc,
	.site-carousel .item a:focus .desc,
	.site-carousel .item a:active .desc {
		bottom: -56px;
	} 
	.offer-carousel .desc .read-more, .site-carousel .desc .read-more {
		bottom: 56px;
	}

    .foot, .creator {
    	display: block;
    	width: 100%;
    	text-align: center;
    	padding-top: 10px;
    	padding-bottom: 10px;
    }
    .site-wrap {
    	padding-left: 30px;
    	padding-right: 30px;
    	padding-top: 15px;
    }
    .site-carousel .item {
    	width: 100%;
    	display: block;
    	height: 250px;
    	margin-bottom: 10px;
    }
    .form {
    	padding: 0; 
    }
    .form button.btn {
    	margin-top: 15px !important;
    }
    .site-text img {
    	max-width: 100%;
    	height: auto;

    }
    .news-wrap {
    	margin-left: 0;
    	margin-right: 0; 
    }
    .category-list h2 > b {
    	display: block;
    }
    .category-list h2 {
    	font-size: 1.3em;
    	line-height: 1em;
    }
    .category-list .desc {
    	padding: 75px 25px 10px 25px;
    }
    .category-list .photo > a, .category-photo > a, .products .category-photo > a {
    	height: 250px;
    }
    .prod-wrap {
    	padding-left: 15px;
    	padding-right: 15px;
    }
    .nr-cat {
    	width: auto;
    	margin: 0 auto;
    	left: 0;
    	right: 0;
    	padding-right: 15px;
    	padding-left: 15px;
    }
    .nr-cat h3 {
    	padding-right: 0;
    	padding-left: 0;
    }
    .info {
    	height: auto;
    }
    .infograf {
    	padding-bottom: 50px;
    }
    .category-list .prod-list .desc {
    	padding-right: 25px;
    	padding-left: 25px;
    }
    .text {
    	padding-top: 15px;
    }
    .size {
    	border-bottom: 1px solid #000;
    	padding-bottom: 15px;
    }
    .category-list .prod-list .conf {
    	padding-left: 25px !important;
    	padding-right: 25px;
    }





    #CookieAlert {
    	padding-bottom: 15px !important;
    }
    #CookieAlert a, #CookieAlert a > img, #CookieAlertClose {
    	position: relative !important;
    	display: inline-block !important;
    }
    #CookieAlert img {
    	width: 30px !important;
    	height: 30px !important;
    }
    #CookieAlert a {
    	padding: 0px !important;
    	width: 50% !important;
    }

}