/* 
xs (for phones - screens less than 768px wide)
sm (for tablets - screens equal to or greater than 768px wide)
md (for small laptops - screens equal to or greater than 992px wide)
lg (for laptops and desktops - screens equal to or greater than 1200px wide)
*/

@media screen and (max-width:1140px) and (min-width: 813px){
}

@media screen and (max-width:812px){
	
	

}

@media screen and (min-width:568px) and (max-width:812px){
	
	
}

@media screen and (max-width:768px){
	
	.header{
		padding: 15px 0 0;
	}
	
	header .logo-wrap{
		position: absolute;
		top: 7px;
		left: 15px;
		width: 75px;
		height: 75px;
	}
	
	header .social{
		position: static;
		margin-top: 10px;
	}
	
	.header-btn {
		margin-top: 20px;
	}
	
	.header-center {
		text-align: center;
		width: 100%;
	}
	
	.header-btn{
		width: 100%;
		margin: 15px auto 0;
		text-align: center;
	}
	
	.header-right{
		float: none;
	}
	
	#utp{
		height: auto;
		padding-top: 410px;
	}
	
	#about .about-text{
		padding: 0;
	}
	
	ul.sub-menu{
		display: none!important;
	}
	
	.category-nav {
		display: block;
	}
	
	.social a{
		margin: 8px 0 0 15px;
	}
	
	.top-nav{
		display: none;
	}
	
	.horizontal-menu{
		height: auto;
	}
	
	.navbar-header{
		padding-bottom: 5px;
	}
	
	.navbar-default, .navbar{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}
	
	.navbar-toggle{
		float: right;
		z-index: 9999;
	}
	
	.logo-wrap{
		width: 80%;
		position: relative;
		z-index: 10;
	}
	
	.footer .logo-wrap{
		text-align: center;
	}
	
	.subfooter{
		text-align: center;
		padding-bottom: 70px;
	}
	
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{
		background: #2f1b0b;
		text-align: left!important;
		position: relative;
		z-index: 123;
	}
	
	.navbar-nav{
		display: block;
	}
	
	.navbar-default .navbar-nav > li > a{
		font-size: 15px;
		padding: 12px 35px 12px;
		display: block;
		text-align: left;
		border-bottom: 1px solid #fff;
	}
	
	.navbar-toggle{
		margin-left: 15px;
	}
	
	.header-wrapper,
	.locations-wrapper{
		display: block;
	}
	
	.default-section {
		padding: 15px 0 15px;
		margin: 15px 0;
	}
	
	.default-section.bg-light-grey{
		padding-bottom: 35px;
	}
	
	.navbar-default .navbar-nav > li > a{
		margin: 0;
	}
	
	.footer .social{
		text-align: center;
	}
	
	.footer ul.menu li{
		float: none;
	}
	
	.footer .contacts, .footer .social{
		margin-top: 22px;
	}
	
	.footer ul.menu{
		margin-top: 0;
	}
	
	.copyright{
		text-align: center;
	}
	
	.owl-nav{
		top: 25%;
	}
	
	.owl-carousel .owl-nav button.owl-prev{
		left: 0;
	}
	
	.owl-carousel .owl-nav button.owl-next{
		right: 0;
	}
	
	#pizza-carousel .item img{
		width: 215px;
	}
	
	.locations-wrapper .item{
		width: 100%;
		margin-bottom: 35px;
	}
	
	.join-us-content{
		margin-top: 0;
	}
	
	.join-us-photo{
		margin-bottom: 35px;
	}
	
	.related-catalog .item{
		margin-bottom: 35px;
	}
	
	.header-wrapper .header-right{
		margin-top: 0;
	}
	
	header .social{
		position: absolute;
		top: -3px;
		right: 80px;
	}
}

@media screen and (max-width:480px){
	h2, .h2{
		font-size: 29px;
	}
	
	article.catalog{
		margin-top: 0;
	}
	
	article.catalog .pizza-img,
	#partners-advants .pizza-img{
		width: 320px!important;
		height: 320px!important;
		background-size: cover;
		margin: 0 auto;
	}
	
	article.type-product{
		padding: 0 15px;
	}
	
	.woocommerce-product-gallery,
	article.product .entry-title{
		width: 100%!important;
	}
	
	article.product .entry-title{
		float: none;
	}
	
	article.catalog .pizza-img img {
		width: 85%;
		height: 85%;
	}
	
	#content {
		padding-top: 85px;
	}
	
	article.catalog .pizza-img img,
	#partners-advants .pizza-img img,
	article:not(.product_cat-pizza) .woocommerce-product-gallery .woocommerce-product-gallery__image,
	.woocommerce-product-gallery .woocommerce-product-gallery__image > a > img{
		width: 280px!important;
		height: 280px!important;
	}
	
	.woocommerce ul.products li.product .woocommerce-loop-product__title,
	.woocommerce ul.products li.product h3,
	.woocommerce .related.products ul.products li.product .woocommerce-loop-product__title{
		font-size: 18px;
	}
	
	.woocommerce ul.products li.product .button,
	.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
	.woocommerce button.button.alt{
		padding: 14px 15px 12px;
		font-size: 11px;
		letter-spacing: .3px;
	}
	
	.phones {
		margin-top: 15px;
	}
	
	header{
		background-size: cover;
	}
	
	.lang-widget{
		top: 58px;
		right: 15px;
	}
	
	.header{
		height: 95px;
	}
	
	.phones a,
	.phones a:hover{
		font-size: 21px;
		display: block;
	}
	
	header .header-btn .btn{
		font-size: 12px!important;
		padding: 8px 20px 6px!important;
	}
	
	.header-btn{
		position: absolute;
		top: -5px;
		left: -20px;
	}
	
	.phones div,
	.location-shedule{
		font-size: 14px;
	}
	
	.location-address:before{
		content: none;
	}
	
	.location-address{
		padding-left: 28px;
		font-size: 16px;
	}
	
	.location-phone strong{
		white-space: nowrap;
	}
	
	.catalog-wrapper.pizza-catalog .item p{
		min-height: auto;
	}
	
	article.catalog .pizza-img,
	#partners-advants .pizza-img{
		width: 320px!important;
		height: 320px!important;
		background-size: cover;
		margin: 0 auto;
	}
	
	article.catalog .pizza-img img{
		 width: 85%;
		 height: 85%;
	}
	
	.toppings-items table,
	.bortik-wrapper img{
		max-width: 100%;
	}
	
	.woocommerce-product-gallery, article.product .entry-title {
		width: 100%!important;
	}
	
}

@media screen and (max-width:360px){
	article.catalog .pizza-img{
		width: 300px;
		height: 300px;
	}
	
	.bortik-wrapper img{
		max-width: 300px;
	}
	
	.woocommerce-product-gallery{
		padding-top: 0;
	}
}