@-ms-viewport {
    width: device-width;
}

@media (min-width: 1160px) and (max-width: 1199px) {
    .navigation ul li a{
        font-size: 18px;
    }
    .select-selected::after{
        right: 25%;
    }
	.top-area {
        padding: 10px 0;
    }
    .top-area-info p {
        line-height: 24px;
        padding: 0 0 15px 0;
    }
    .product-area{
        padding: 0 0 20px 0;
    }
}
@media (min-width: 1024px) and (max-width: 1159px) {
    .navigation ul li a{
        font-size: 16px;
    }
    .select-selected::after{
        right: 25%;
    }
	.top-area {
        padding: 10px 0;
    }
    .top-area-box{
        padding: 10px;
    }
    .top-area-info {
        padding: 10px 10px;
    }
    .top-area-info p {
        line-height: 24px;
        padding: 0 0 15px 0;
    }
    .product-area{
        padding: 0 0 20px 0;
    }
	
}
@media (min-width: 769px) and (max-width: 1023px) {
    .header-left{
        width: 30%;
    }
    .logo img {
        max-width: 180px;
    }
    .category-col{
        width: 30%;
    }
	.navigation-area{
        display: none;
    }
    .menuicon{
        display: block;
        top: 30px;
    }
    .top-area {
        padding: 10px 0;
    }
    .top-area-box{
        padding: 10px;
    }
    .top-area-info {
        padding: 10px 10px;
    }
    .top-area-info p {
        line-height: 18px;
        padding: 0 0 15px 0;
    }
    .product-area{
        padding: 0 0 20px 0;
    }
	
}

@media (min-width: 481px) and (max-width: 768px) {
	
	.header-area{
        height: 80px;
    }
	.header-left{
        width: 35%;
    }
    .logo img{
        max-width: 150px;
    }
    .category-col{
        width: 50%;
        margin: 18px 0 0 20px;
    }
    .select-selected::after{
        right: 25%;
    }
    .navigation-area{
        display: none;
    }
    .menuicon{
        display: block;
    }
    .search-area{
        display: none;
    }
    .top-area{
        padding: 10px 0;
    }
    .top-area-box-right{
        width: auto;
        float: none;
    }
    .top-area-info{
        padding: 20px 20px;
    }
    .top-area-box-left{
        width: auto;
        float: none;
    }
    .product-area{
        padding: 0 0 20px 0;
    }
    .product-heading h2{
        font-size: 30px;
    }
    .product-item{
        width: 48%;
    }
    .footer-area{
        padding: 30px 0 30px 0;
    }
}

@media (max-width: 480px) {
    .header-area{
        height: 80px;
    }
	.header-left{
        width: 35%;
    }
    .category-col{
        width: 50%;
        margin: 18px 0 0 20px;
    }
    .navigation-area{
        display: none;
    }
    .menuicon{
        display: block;
    }
    .search-area{
        display: none;
    }
    .top-area{
        padding: 10px 0;
    }
    .top-area-box-right{
        width: auto;
        float: none;
    }
    .top-area-info{
        padding: 20px 20px;
    }
    .top-area-box-left{
        width: auto;
        float: none;
    }
    .product-area{
        padding: 0 0 20px 0;
    }
    .product-heading h2{
        font-size: 30px;
    }
    .row{
        margin: 0;
    }
    .product-item{
        width: 100%;
        margin: 10px 0;
    }
    .footer-area{
        padding: 30px 0 30px 0;
    }
}