@media (min-width: 768px) and (max-width: 1024px) {
    .postimage {
        width: 170px;
    }
}
@media (max-width: 1024px) {
    .backtotop .fa {
        width: 40px;
        height: 44px;
        font-size: 15px;
    }
    #header-nav ul > li > a {
        font: .75em Vazir, VazirFallback, Tahoma, Arial;
    }
}
@media (max-width: 768px) {
    #main {
        width: 95%;
        margin: 0 auto;
    }
    #metro-box {
        display: none;
    }
    .midribbon {
        margin-top: 10px;
    }
    .box-div {
        width: 100%;
    }
    .ads-in {
        width: 100%;
    }
    .apkm-container {
        width: 100%;
    }
    .apkm-post {
        width: 100%;
    }
    .postimage {
        width: 130px;
    }
    .ourpost {
        width: 100%;
    }
    .left-sidebar {
        width: 100%;
        float: right;
    }
    .about, .social, .my-about {
        width: 100%;
    }
}
@media (max-width: 380px) {
    .tabs {
        font: 11px Vazir, VazirFallback, Tahoma, Arial;
    }
    .pu-up {
        width: 100%;
    }
}
@media (max-width: 310px) {
    .search {
        width: 220px;
    }
    #header-nav .fa{
        font-size: 25px;
    }
    .movafagh-side-menu{
        display: none;
    }
    #movafaghMenuOverlay{
        display: none;
    }
    #header-nav ul > li > a {
        font: .6em Vazir, VazirFallback, Tahoma, Arial;
    }
}
@media (max-width: 768px) {
    #header-nav-div {
        width: 100%;
    }
}
@media (max-width: 370px) {
    .tooltip {
        display: none;
    }
}
@media (max-width: 600px) {
    .sharestop {
       display: none; 
    }
}