@media all and (max-width: 1349px){
	.js-main-slider .owl-prev, 
    .js-main-slider .owl-next{
    	display: none;
    }
}

@media all and (max-width: 1200px){ 
  	.js-main-slider .owl-item{
    	overflow: hidden;
    }
    .js-main-slider img{
		max-width: 140%;
      	margin-left: -20%;
    } 
  	header .main-menu > ul > li{
    	margin-right: 10px;
    }
  	.random-items .point .point-p{
    	font-size: 14px;
      	line-height: 17px;
      	margin: 0 0 10px 0;
    }
  	.random-items .point:hover .point-p{
        padding: 0 50px 10px;
    }
  	.social-links a{
    	margin: 0 10px 0 0;
    }
  	.social-links a:last-child{
    	margin: 0;
    }
  	.subscribe-form button{
    	padding: 0 20px;
    }
	.subscribe-form input[type="text"]{
    	padding: 10px 142px 10px 10px;
    }
  	.product-preview .product-miniatures img:nth-child(4){
    	display: none;
    }
  	.selectors-counter .option-selectors{
    	margin-right: 10px;
    }
  	.flex-xl-9.with-right-border:after{
  		display: none;    
    }
  	.product-page .product-price > *{
    	margin-bottom: 10px;
    }
    .block-header.styled{
      	background: #f15f22;
		margin-bottom: 30px;
    }
  	.cart-page .block-header.styled > div{
    	padding: 0;
    }
  	.block-header.styled > div:after{
    	display: none;
    }
  	
  
}

@media all and (min-width: 1025px){
    .dropdown-menu-mobile,
    .mobile-bg{
        display: none !important;
    }
}

@media all and (max-width: 1024px){ /* lg */
	.js-main-slider img{
    	max-width: 180%;
		margin-left: -40%;
    }
  	.header-search .search-input{
        max-width: 200px;
        padding: 10px;
    }
    .main-menu.mobile .open-menu{
		cursor: pointer;
        font-size: 30px;
        padding: 5px 0px 0px;
    }
  	.random-items .point h3{
    	padding: 0 40px;
    }
  	.random-items .point .point-p{
    	display: none;
    }
    .main-menu.mobile .open-menu.fixed{
		position: fixed;
      	top: 5px;
		z-index: 998;
      	font-size: 20px;
    }
  	header .logo-fixed.fixed{
        display: block;
        text-align: right;
    }
    .open-menu-bg{
      	position: fixed;
      	z-index: 997;
      	display: none;
      	top: 0px;
		left: 0px;
        right: 0px;
        background: #000;
      	opacity: 0.5;
        height: 44px;
    }
    .open-menu-bg.fixed{
		display: block;
    }
  	footer .subscribe-title{
    	margin-bottom: 10px;
    }
  	.footer-title{
    	text-align: right;
    }
  	.button-to-top{
    	display: none;
    }
  	.modal .button-primary{
    	margin-bottom: 10px;
    }
  
  	.dropdown-menu-mobile{
        position: fixed;
        z-index: 998;
        top: 0;
        left: -250px;
        bottom: 0;
        width: 250px;
        background: #101b36;
      	color: #fff;
        overflow-y: scroll;
        padding: 30px 15px;
    }
    .dropdown-menu-mobile a:hover{
        color: #fff;
    }
    .dropdown-menu-mobile ul{
        list-style: none;
        padding: 0 0 30px 0;
        margin: 0;
    }
    .dropdown-menu-mobile ul li .mobile-first-lvl{
        text-transform: uppercase;
        padding: 0 0 5px 0;
    } 
    .dropdown-menu-mobile ul li .mobile-first-lvl i{
        cursor: pointer;
        font-size: 22px;
        padding: 1px 0 0 6px;
    }
    .dropdown-menu-mobile ul li.active{
        display: block;
    }
    .mobile-bg{
        position: fixed;
        z-index: 996;
        display: none;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #fff;
        opacity: 0.5;
    }
    .top-bar-call { 
        text-align: center;
        margin-bottom: 20px;
    }
    .dropdown-menu-mobile .main-menu ul li { 
        width: 195px !important;   
        min-width: auto; 
    }
    .cat-submenu .fa { color: #fff !important; }
    .cat-submenu { background: none !important; } 
    .dropdown-menu-mobile .main-menu{
      font-size: 18px;
    }
    .dropdown-menu-mobile .main-menu ul li{
      	margin: 20px 0 0 0;
    }
    .dropdown-menu-mobile .main-menu ul li .cat-submenu{
        position: static;
        background: transparent;
        font-size: 16px;
        padding: 0px 10px;
    }
    .dropdown-menu-mobile .main-menu ul li .cat-submenu:before{
      	display: none;
    }
    .third-level { 
      	width: 190px;
        position: relative; 
        background: none;
        box-shadow: none;
      	padding: 2px 2px 2px 10px;
    }
    .fourth-level { 
        position: relative; 
        background: none;
        box-shadow: none;
        left: 0px;
      	padding: 2px 2px 2px 10px;
    }
    .five-level { 
        position: relative; 
        background: none;
        box-shadow: none;
        left: 0px;
      	padding: 2px 2px 2px 10px;
    }
    .dropdown-menu-mobile .cat-submenu ul{
		padding: 0 0 10px 0;
    }
    .dropdown-menu-mobile .main-menu ul i{
		display: inline-block !important;
      	vertical-align: middle;
      	cursor: pointer;
      	position: relative;
      	top: -2px;
      	font-size: 20px;
      	margin-right: 0px;
    }
    .cat-submenu ul .menu-wrapper .list-title { 
		margin-bottom: 10px;
      	font-size: 17px;
      	text-transform: uppercase;
    }
  	.collection-content .editor-title > div:after{
    	display: none;
    }
  	.cart-page .block-header.styled{
    	margin-bottom: 20px;
    }
    .pop_up_form { 
      	width: 325px;
        top: 15%;
        left: 58%;
    }
    .field-conf { 
      	position: static !important;
    }
   .top-bar-contacts-wrapper { font-size: 14px; }
   .top-bar-contacts--hide { top: 50px; }
  .top-bar-contacts--hide p { font-size: 14px; }
   .sp-form[sp-id="87134"] .sp-button-container { right: 15px; }
   #sp-form-87134 { padding: 0px !important; width: auto !important; margin-bottom: 0px !important; }
   #partners .owl-next { right: -15px; }
   #partners .owl-prev { left: -15px; }
   .sp-input { left: 0px !important; width: 100% !important; }
   .sp-form-horizontal .sp-element-container .sp-field { flex: auto !important; }
   .sp-form[sp-id="87134"] .sp-form-fields-wrapper { width: auto !important; }
}
@media all and (max-width: 479px){ /* md */
.sp-form-horizontal .sp-element-container.sp-lg .sp-button {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
}
@media all and (max-width: 768px){ /* md */
	.js-main-slider h2{
    	margin-bottom: 20px;
    }
  .mob-show {display:block;}
  .random-items .point:last-child{
    	display: none;
    }
  	.pp-title{
      	height: auto !important;
    	min-height: auto !important;
      	display: list-item;
        min-height: inherit;
    }
  	.pp-title h3{
    	height: auto;
      	margin: 0 0 5px 0;
    }
    .pp-title .to-category{
		position: static;
      	display: block;
      	left: auto;
      	bottom: auto;
      	margin: 0 0 17px 0;
    }
  	.pp-title:after{
    	display: none;
    }
  	.js-main-slider .owl-pagination{
    	bottom: 20px;
    }
    .blog-carousel .pp-title{
      	border-right: 0;
  		border-bottom: 1px solid #fff;
    }
  	.product-carousel .owl-controls{
    	font-size: 40px;
      	width: 100%;
      	bottom: 50%;
      	color: #ff5e0d;
    }
  	.social-links b{
    	font-size: 14px;
    }
  	.social-links a{
    	font-size: 20px;
      	margin: 0 7px 0 0;
    }
  	footer .insales{
    	padding-top: 5px;
    }
    .filters-block{
		border-bottom: 1px solid #eee;
		padding-top: 12px;
    }
  	.coupon-form,
  	#js-coupon-inner .notice{
  		display: inline-block;
  	}
  	#js-coupon-inner .notice{
    	margin-left: 10px;
    }
  	
  
}

@media all and (max-width: 640px){ /* sm */
  	.header-top{
    	padding-top: 20px;
    }
  	.header-top .line-top{
    	margin-bottom: 20px;
    }
  	.header-top .phone{
    	font-size: 14px;
        display: none; 
    }
  	header .logo-link img{
    	max-width: 100%;
    }
	header .logo-fixed img {
		height: 70%;
		max-width: 70%;
        margin-top: 5px;
	}
  	.header-cart{
    	font-size: 14px;
    }
  	.header-cart .cart-image{
      	width: 15px;
    	margin-left: 10px;
    }
  	.header-search .search-input{
      	right: 40px;
    	height: 40px;
    }
  	header .line-bottom .rightside .point a, 
  	header .line-bottom .rightside .point button{
    	width: 40px;
      	line-height: 40px;
    }
  	.header-search .ajax-search-results-wrapper{
    	z-index: 2;
      	width: 240px;
    }
  	.main-menu.mobile .open-menu{
    	font-size: 20px;
    }
  	.js-main-slider h2{
    	font-size: 24px;
    }
  	.js-main-slider img{
    	max-width: 200%;
      	margin-left: -50%;
    }
  	footer .subscribe{
    	margin-bottom: 20px;
    }
  	.footer-title{
    	text-align: left;
    }
    footer .insales{
		text-align: left;
    }
  	footer .logo-link img{
    	width: 190px;
    }
  	.footer-adress .phone, 
  	.footer-adress .email, 
  	.footer-adress .adress{
    	margin-bottom: 5px;
    }
  	.cart-item{
    	position: relative;
		padding-bottom: 10px;
    }
  	.cart-item:after{
    	position: absolute;
      	content: '';
      	left: 20px;
      	right: 20px;
      	bottom: 10px;
      	height: 1px;
      	background: #eee;
    }
	.cart-item:last-child:after{
      	display: none;
    }
  	.cart-item .item-caption{
    	text-align: center;
      	margin-top: 10px;
    }
  	.cart-item .item-counter{
    	text-align: center;
    }
  	.cart-item .item-counter .styled{
    	display: inline-block;	
      	margin-top: 30px;
		margin-bottom: 30px;
    }
    .cart-item .item-delete{
		position: absolute;
        top: -10px;
		right: 10px;
    } 
  	.coupon-form input[type="text"]{
    	padding: 10px 142px 10px 10px;
    }
  	.coupon-form button{
    	padding: 0 20px;
    }
  	.footer-content{
    	padding-top: 25px;
    }
  	
  
}

@media all and (max-width: 480px){ /* xs */
  	header .line-bottom .rightside .point.cart-mobile{
    	display: inline-block;
    }
  	.mainpage.header-main .header-top{
    	position: static;
        background: #15223d;
    }
	.pp-title h3{
    	font-size: 24px;
    }
    header .logo{
		text-align: right;
      	margin: 0 auto;
    }
  	header .line-bottom .rightside .point{
    	display: none;
    }
  
  
  
  
    	.header-search .search-input{
      	right: 40px;
    	height: 40px;
    }
  	header .line-bottom .rightside .point a, 
  	header .line-bottom .rightside .point button{
    	width: 40px;
      	line-height: 40px;
    }
  	.header-search .ajax-search-results-wrapper{
    	z-index: 2;
      	width: 240px;
    }
  
  
  
  
  	.js-main-slider h2{
    	font-size: 20px;
    }
  	.random-items .point{
    	margin-bottom: 20px;
    }
  	.js-blog-carousel .blog-point{
    	padding: 25px 35px;
    }
  	.product-carousel .owl-controls .owl-prev{
    	left: 18px;
    }
  	.product-carousel .owl-controls .owl-next{
    	right: 18px;
    }
  	.footer-logo{
    	margin-bottom: 20px;
    }
  	.footer-adress{
    	margin-bottom: 20px;
    }
    .modal .product-counter{
		margin-bottom: 10px;
    }
  	.p30{
    	padding: 0 20px;
    }
  	.block-header.styled > div{
      	font-size: 16px;
    	padding: 0;
    }
	.header-top .language{
    	left: 20px;
      	right: auto;
    }
}

@media all and (max-width: 380px){ /* mc */

}


	/* 
	Max width before this PARTICULAR table gets nasty
	This query will take effect for any screen smaller than 760px
	and also iPads specifically.
	*/
	@media 
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {
	
		/* Force table to not be like tables anymore */
		table, thead, tbody, th, td, tr { 
			display: block; 
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		tr { border: none;; }
		
		td { 
			/* Behave  like a "row" */
			border: none; 
			position: relative; 
		}
		
		td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
		}
		
		/*
		Label the data
		*/
      
      		/*
		Скрываем меню
		*/
      
      
      
            	@media only screen and (max-width: 760px){
        .coll-catalogue{
        display:none;
        }
          .collection-filters{
            display:none;
        }

	}
	
	/* Smartphones (portrait and landscape) ----------- */
	@media only screen
	and (min-device-width : 320px)
	and (max-device-width : 480px) {
		body { 
			padding: 0; 
			margin: 0; 

		}
	
	/* iPads (portrait and landscape) ----------- */
	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
		body { 
			width: 495px; 
		}
	}



      	@media only screen and (max-width: 760px){
        .coll-catalogue{
        display:none;
        }
          .collection-filters{
            display:none;
        }
          .sp-form-outer {
            display:none;
          }
          .footer-bottom {
            margin:0;
          }
          img {
            height: auto;
          }
      }