
@media(max-width:1200px){
    .container{
        max-width: 100%;
        width:100%;
        box-sizing:border-box;
        padding:0px 20px;
    }
    #price {
        font-size:11px;
    }
    #price strong {
        font-size:14px;
    }
    
    #cart-btn {
        font-size:14px;
    }
}

@media(max-width:1200px){
    .menu-icon {
        display:inline-block;
    }
	.search-box {
		right:123px;
	}
    #menu {
        background:#4cc2bf;
        position:absolute;
        right:22px;
        top:60px;
        float:none;
        margin-left:0px;
        padding:10px 0px;
        display:none;
    }
    .head-small #menu {
        top:38px;
    }
    .head-small #menu .mn-item-main {
        padding: 6px 20px;
    }
    #menu .mn-main {
        display:block;
        float:none;
    }
    #menu .mn-item-main {
        padding:6px 20px;
        color:black;
    }
    #menu .sub-menu {
        display:none !important;
    }
    .foot-contact {
        padding: 0 60px;
    }
    
    .art-big .art-content { 
        width:80%;
    }
    .product-right {
        width:25%;
    }
    .product-left {
        width:75%;
    }
}

@media(max-width:1000px) {
    .product-right {
        width:30%;
    }
    .product-left {
        width:70%;
    }
	.article,.right-col{
		width:100%;
		padding-right:0px;
	}
	.articles3 .art {
		width:50%;
	}
}


@media(max-width:800px) {
    .product-right {
        width:100%;
        padding-left:0px;
    }
    .product-left {
        width:100%;
    }
    .foot-contact {
        padding: 0 0px;
    }
    .col14 {
        width:50%;
    }
	.col15 {
        width:50%;
    }
    .foot-info {
        font-size:15px;
    }
    .foot-info img {
        height:20px;
    }
    .art {
        width:100%;
        padding:20px 20px;
    }
    .art-big {
        padding-top:0px;
    }
    .art-big .art-content { 
        width:100%;
        position:relative;
        padding:20px 0px;
    }
    .art-big .img {
        position:relative;
        padding-top:100%;
    }
    .tab-menu-item span {
        font-size:14px;
        line-height:16px;
    }
    .cat h2 {
        font-size:14px;
        line-height:16px;
    }
    .icons .icon strong {
        font-size:14px;
    }
}
@media(max-width:600px) {
	.articles3 .art {
		width:100%;
	}
	.search-box {
		left:0px;
		right:0px;
	}
    .tab-menu-item span {
        font-size:12px;
        line-height:14px;
        right:10px;
        bottom:10px;
    }
    .cat h2 {
        font-size:11px;
        line-height:13px;
    }
    .head1 {
        font-size:17px;
        line-height:19px;
    }
    .head2,.socials-bar .head2  {
        font-size:17px;
    }
    .newsletter {
        margin:20px 0 20px;
        width:100%;
        font-size:18px;
    }
    .newsletter input {
        font-size:18px;
    }
    #newsletterFormBtn {
        margin:10px 20px;
    }
    .cat h2 {
        padding:0px 10px 10px 10px;
    }
    .prod {
        width:100%;
    }
    .icons .icon {
        width:100%;
    }
    #baner .baner-txt .txt1 { font-size:24px; line-height:28px; }
    #baner .baner-txt .txt2 { font-size:24px; line-height:28px; }
    #baner .baner-txt .txt3 { font-size:14px; line-height:18px; }
}
@media(max-width:500px) {
    .tab-menu-item {
        width:100%;
    }
    .container {
        padding:0px 10px;
    }
    .cat {
        width:50%;    
    }
    .col13 {
        width:100%;
        padding:0px;
    }
    .filter-box {
       
        width: 100%;
    }
    .param-item-image2 {width:50%;}
    .param-item-image3 {width:50%;}
    .param-item-image4 {width:50%;}
    .param-item-image5 {width:50%;}
    .param-item-image6 {width:50%;}
    .param-item-image8 {width:50%;}
    .param-item-image10 {width:50%;}
	
}
@media(max-width:400px) {
    #baner .baner-txt .txt1 { font-size:24px; line-height:28px; }
    #baner .baner-txt .txt2 { font-size:24px; line-height:28px; }
    #baner .baner-txt .txt3 { font-size:14px; line-height:18px; }
    #baner {
        height:300px;
    }
    
    
    
    .foot-link {
        display:block;
        padding:10px 20px;
    }
    .foot-contact {
        padding: 0 20px;
    }
    .col14,.col15 {
        width:100%;
    }
}