@media only screen and (min-width:200px) and (max-width:767px) {
.innerpage_wrapper img {
    max-width: 100%;
    width: 100%;
    }
  .menu {
    padding: 5px 0;
}
    .head-social {
        padding: 9px 0 9px 0px;}
    .head-social ul li {
    padding: 0 2px;
}
    .shop-categories h3, .trending-categories h3 {
        font-size: 34px;}
    .list-div ul li {
    font-size: 13px;
        padding: 0 15px;display: block;}
    .list-div ul li:after{display: none;}
    .shop-categories h4 {
    text-align: center;
    padding: 18px 0% 18px;
    font-size: 15px;
    font-weight: 400;
}
    .blue-back {
    padding: 12px 12px 30px;
}
    .white-back {
    padding: 12px 12px 30px;
}
}

@media only screen and (min-width:200px) and (max-width:319px) {}

@media only screen and (min-width:320px) and (max-width:479px) {}

@media only screen and (min-width:480px) and (max-width:767px) {}

@media only screen and (min-width:768px) and (max-width:991px) {
 .head-social ul li {
    padding: 0 2px;
}
    .head-social {
    margin: 0;
        padding: 9px 0 9px 0px;}
    .logo img {
        width: 40%;}
    .logo{text-align: center;}
    .stellarnav > ul > li > a {
    padding: 10px 11px 10px;
}
  .hdr_fix .logo img {
    width: 22%;
} 
    .shop-categories h4 {
    padding: 18px 2% 18px;
    font-size: 22px;
    font-weight: 400;
}
    .list-div ul li {
    font-size: 22px;
        padding: 0 22px;}
}

@media (min-width:992px) and (max-width:1199px) {
 .stellarnav > ul > li > a {
    padding: 14px 10px 14px;
}
    .head-social ul li {
    padding: 0 13px;
}
}