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

@media (min-width: 992px) and (max-width: 1920px) {
	.tab-item {
		width: 194px !important;
	}	
}

@media (min-width: 768px) and (max-width: 991px) {
	.header {
		min-height: 95px;
	}
	header h1, header .head-title {
		font-size: 22px;
	}
	.cart a {
		font-size: 16px;
	}
	.navbar-header {
		width: 30%;
	}
	.navbar-brand {
		margin-right: 10px;
		padding: 10px 0 10px 0;
		width: 90%;
	}
	.navbar-wrap {
		padding-left: 5px;
		padding-right: 10px;
	}
	.caption {
		margin-top: 10%;
	}
	.caption h2 {
		font-size: 18px;
	}
	.caption p {
		font-size: 14px;
	}
	.caption p > a {
		margin-top: 0;
	}
	.navbar-nav > li > a {
		padding: 10px 12px;
	}
	.link, .btn-search {
		width: 40px;
	}
	
	.tab-item {
		min-width: 330px !important;
	}
	.tab-item > div > a {
		font-size: 16px;
	}

	.carousel-indicators {
		left: 80px;
		bottom: 10px;
	}
	footer .container > div > div {
		padding-bottom: 20px;
	}
	.contact h6 {
		display: block;
	}
	.offer-list > li > div > a.title {
		font-size: 16px;
		line-height: 18px;
	}
	.offer-list li > div, .offer-sub-list li > div {
		height: 320px;
	}
	.offer-sub-list li > div {
		height: auto;
	}
	.promo-list li > div, .news-list li > div {
		height: auto;
	}

	.offer-sub-list > li > div > a.photo {
		height: auto;
	}
	.offer-list li > div, .offer-sub-list li > div {
		
		padding-bottom: 20px;	
	}

	
	a.photo {
		text-align: center;
	}
	.offer-sub-list > li > div > a > img {
		display: inline-block;
		text-align: center;
	}

}
@media (min-width: 300px) and (max-width: 766px) {
	.cart {
		width: 80%;
		left: 0;
		text-align: center;
		right: auto;
		height: 49px;
	}
	.cart a {
		font-size: 18px;
		padding: 10px 15px;
	}
	.navbar-header {
		display: inline-block;
		width: 100%;
		padding: 0;
		padding-top: 50px;
		margin-left: 0 !important;
	}
	.navbar-brand {
		display: block;
		text-align: center;
		height: auto;
	}
	.navbar-brand {
		float: none;
		margin-right: 0;
	}
	.navbar-brand img {
		width: 70%;
	}
	header h1, header .head-title {
		font-size: 24px;
		padding: 0;
		text-align: center;
	}
	header .head-title {
		margin-bottom: 10px;
	}
	.fb, .g-widget {
		display: none;
	}
	.navbar-wrap {
		background: #ff6600;
		position: relative;
		border-bottom: 1px solid #000;
		top: auto;
		color: #000;
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}
	.navbar-default {
		background: none;
		border: none;
	}
	.navbar-toggle {
		background: #ccc;
		z-index: 1000;
	}
	.navbar-toggle .icon-bar {
		background: #000;
	}
	.head-wrap {
		padding: 0;
	}
	.menu {
		display: inline-block;
		cursor: pointer;
		width: 100%;
	}
	.main {
		float: left;
		display: inline-block;
		padding: 10px 20px;
		font-size: 18px;
	}
	.navbar {
		margin-bottom: 0;
		min-height: 0;
		background: #000;
	}
	.navbar-collapse {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.collapse.in {
		display: inline-block;
	}
	.navbar-nav {
		margin: 0;
	}
	.carousel-wrap {
		display: none;
	}
	.navbar-nav > li > a {
		color: #FFF;
		text-shadow: none;
		font-size: 18px;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.navbar-default .navbar-nav > li > a {
		color: #FFF;
	}
	.navbar-nav > li {
		border-right: none;
		border-bottom: 1px solid #555;
	}
	.navbar-nav > li.active a {
		text-shadow: none;
		background-size: 100% 100%;
	}
	.navbar-default .navbar-right {
		display: none;

	}
	.search-mobile {
		position: absolute;
		top: 0px;
		right: 0;
		display: inline-block;
		z-index: 1000;
		background: #FFF;
		width: 100%;
	}
	.search-wrap {
		width: 360px;
	}
	.link, .btn-search {
		background: #F60;
		width: 72px;
		height: 49px;
	}
	.btn-search {
		padding-top: 14px;
		padding-bottom: 11px;
		height: 49px;
	}
	.search-wrap > div, .search input {
		height: 50px;
	}
	.search input  {
		left: 0;
		right: 0;
		width: 99%;
	}
	.nav-tabs > li > a {
		font-size: 16px;
	}
	.home .container {
		
	}
	.nav-tabs {
		padding-left: 10px;
	}
	.tabs-wrap {
		margin-left: -15px;
		margin-right: -15px;
	}
	.slick-prev, .slick-next {
		top: -57px;
		height: 45px;
	}
	.slick-next {
		right: 0;
	}
	.slick-prev {
		right: 42px;
	}
	.tab-content {
		padding: 20px 10px 80px 10px;
	}
	.news h3 {
		font-size: 24px;
		margin-bottom: 20px;
	}
	.news-row {
		padding: 0;
	}
	.first-news {
		margin-bottom: 10px;
	}
	.first-news .date {
		border-bottom: 1px solid #000;
	}
	.first-news a {
		display: block;
	}
	.first-news img {
		float: none;
		margin: 10px;
	}
	.slick-dots {
		display: none !important;
	}
	section.site > .container {
		padding: 15px;
	}
	.offer {
		padding-top: 0;
	}
	.leftNav {
		margin: 0px;
		padding: 0;
	}
	.leftNav .navbar-header {
		padding: 0;
		background: #EEE;
	}
	.leftNav .main {
		background: none;
		color: #000;
	}
	.breadcrumb-bar {
		margin-left: -15px;
		margin-right: -15px;
	}
	.breadcrumb {
		margin: 0;
		padding-left: 10px;
		padding-right: 10px;
	}
	.leftNav .navbar-header .navbar-toggle {
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.site-wrap .gallery a {
		height: auto;
	}
	.offer-sub-list > li > div > a.photo {
		height: auto;
	}
	a.photo {
		text-align: center;
	}
	.offer-sub-list > li > div > a > img {
		text-align: center;
		display: inline-block;	
	}
	.offer-list li > div {
		padding-bottom: 15px;
		height: auto;
	}
	.offer-list li > div a.read-more {
		position: relative;
		bottom: auto;
	}
	.promo-list li > div {
		height: auto;
	}
	.modal-lg {
		width: 100%;
		top: 0;
	}
	.site-wrap h1 {
		font-size: 36px;
	}
	.thumb {
		margin-top: 35px;
	}
	#cart .message {
		display: block;
	}
	#cart .update > button {
		float: none;
		display: block;
		width: 100%;
		font-size: 24px;
	}
	.form-actions {
		display: inline-block;
		width: 100%;
		margin-top: 20px;
	}
	.form-actions .btn-default {
		float: none;
		display: block;
		width: 100%;
		font-size: 24px;
	}
	#cart .form-control, .site-wrap .form-control {
		width: 100%;
	}
	.form-control {
		padding: 3px 12px;
		height: 45px;
	}
	.form-group {
		display: inline-block;
		width: 100%;
	}
	.offer-sub-list li > div {
		height: auto;
		padding-bottom: 15px;
	}
	.faq p {
		height: auto !important;
	}
	.thumbnail {
		height: 250px !important;
	}
	.news-wrap > a.photo {
		float: none;
		width: 100%;
	}
}