@media only screen and (min-width: 0px) and (max-width: 640px) {    

    .header-main .header-menu {

        padding: 0 15px;
    }
    .header-main .header-top .left-op .ic-head:nth-child(2) {

        margin-left: 0;
    }

    .header-main .header-logo {

        padding: 0;
    }

    .header-main .header-logo .logo-main {

        width: 100%;
    }

    .header-main .header-logo::before {

        background-size: 140px;
        width: 140px;
        height: 90px;
        top: 10px;
    }

    .header-main .header-logo::after {

        background-size: 150px;
        width: 150px;
        height: 96px;
    }

    .content-main .owl-news .owl-nav .owl-next {

        right: 6%;
    }

    .content-main .owl-news .owl-nav .owl-prev {

        left: 6%;
    }

    .content-main .news-style .thumb-list .box-news {

        margin-bottom: 15px;
    }

    .content-main .multimedia-th .big-media .box-media {

        height: auto;
    }

    .content-main .multimedia-th .big-media .info-media .title-media {

        font-size: 14px;
    }

    .footer-main .title {

        width: 100%;
        text-align: center;
        margin: 0;
    }

    .footer-main .list-links {

        padding: 0 10px;
        float: right;
        margin-top: 15px;
    }

    .footer-main .list-links .link-item {

        width: 100%;
    }

    .footer-main .list-links .link-item:last-child {

        margin: 0;
    }

    .footer-main .info-site .logo-footer > img {

        width: 30%;
        margin-bottom: 5px;
    }

    .footer-main .info-site .boxes-info {

        padding: 0;
    }

    .footer-main .info-site .boxes-info .txt {

        font-size: 11px;
    }

    .footer-main .info-site .map-th {

        margin-top: 15px;
    }

    .footer-main .info-site .map-th .box-map {

        padding: 0;
    }

    .footer-main .info-site .map-th .resaneh {

        text-align: left;
    }

    .footer-main .info-site .map-th .resaneh > img {

        width: 80%;
        margin-top: 10px;
    }

    .footer-main .go-top {

        top: -37px;
    }
}

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

    .header-main .header-top .ic-head {

        width: 20px;
        height: 20px;
        font-size: 10px;
    }

    .header-main .header-top .left-op .fa-exchange-alt {

        line-height: 2;
    }

    .content-main .frm-section .frm-map .list-portals .item-pr {

        width: 140px;
        padding: 6px 5px 8px;
    }
}