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

    .content-main .pad-100 .row{

        margin: 0;
    }
    .header-main .header-logo {

        height: 160px;
        overflow: inherit;
        z-index: 999999;
    }

    .header-main .header-logo,
    .header-main .nav-teb .navbar-inverse .navbar-nav {

        padding: 0;
    }

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

        padding: 0 15px;
    }

    .header-main .header-logo .header-top .lng {

        margin: 40px 0 5px;
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .header-main .header-logo .header-top .lng .more-lng {

        margin-right: 5px;
    }

    .header-main .header-logo .header-top .lng .more-lng .btn-default {

        height: 13px;
    }

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

        background-size: 500px;
        width: 100%;
        margin: 0;
    }

    .header-main .header-logo .img-rhb,
    .header-main .header-logo .img-flg,
    .header-main .header-logo .logo-center::before,
    .header-main .header-logo .logo-center::after {

        display: none;
    }

    .header-main .header-logo .header-top .search-main {

        width: 82%;
        margin: 0 auto;
        float: none;
        position: absolute;
        top: 160px;
        left: 15px;
    }

    .header-main .header-logo .header-top .search-main .input-group {

        float: left;
        margin: 1px 0;
    }

    .header-main .header-logo .header-top .search-main .form-control {

        width: 30px;
        position: relative;
        z-index: 999;
    }

    .header-main .header-logo .header-top .search-main .form-control::placeholder {

        opacity: 0;
    }

    .header-main .header-logo .header-top .search-main .form-control:focus {

        width: 280px;
    }

    .header-main .header-logo .header-top .search-main .input-group-addon {

        position: absolute;
        left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 30px;
        height: 30px;
        top: 0;
    }

    .header-main .header-logo .img-adv {

        width: 65px;
        margin-right: 0;
    }

    .header-main .header-logo .left {

        top: auto;
        bottom: 10px;
    }

    .header-main .header-logo .img-besm {

        width: 45px;
        margin-left: 5px;
    }

    .header-main .header-logo .logo-center .logo-head {

        width: 230px;
        margin-top: 10px;
    }

    .header-main .header-logo .logo-center .logo-en {

        font-size: 11px;
    }

    .content-main .pad-100 {

        padding: 20px 0 0 !important;
    }

    .content-main .top-news .top-links .item-link {

        margin-bottom: 1px;
        border: 2px solid #fff;
    }

    .content-main .top-news .top-links {

        margin: 0 0 15px;
        padding: 0 4px;
    }

    .content-main .top-news .slideshow,
    .content-main .top-news .list-news .item-news,
    .content-main .arzyabi-site > div {

        margin-bottom: 15px;
    }

    .content-main .top-news .slideshow,
    .content-main .top-news .slideshow .top-camera .camera_wrap img {

        height: 250px !important;
        margin-top: 0 !important;
    }

    .content-main .top-news .slideshow .owl-nav > [class*="owl-"] {

        top: 35%;
    }

    .content-main .top-news .list-news .item-news:last-child,
    .content-main .top-news .list-news .item-news > .item-style {

        margin: 0;
    }
    .content-main .sec-2 .row > div,
    .content-main .arzyabi-site .row > div,
    .content-main .sec-3 .row > div{

        padding: 0 8px;
    }
    .content-main .sec-3{

        padding: 0 !important;
    }
    .content-main .list-articles {
        margin: 0 !important;
    }
    .content-main .list-articles .list-links{

        padding-bottom: 15px !important;
    }
    .content-main .sec-items .news-group {

        margin-bottom: 15px;
    }

    .content-main .sec-items .news-group .head-group .title-gp,
    .content-main .sec-items.sec-3 .news-group .head-group .title-gp {

        width: 70%;
    }
    .content-main .sec-items.sec-3 .news-group .module-header > h3{

        width: 50%;
    }

    .content-main .arzyabi-site .oghat-site{

        display: none;
    }
    .content-main .arzyabi-site .inner-row > div{

        margin-bottom: 50px;
    }
    .content-main .arzyabi-site .tabriz-map svg {

        width: 300px;
        height: 334px;
    }

    .content-main .arzyabi-site .tabriz-map .gp-btns > .btn {

        width: 140px;
        margin: 5px 20px;
        font-size: 11px;
        padding: 4px 2px;
        line-height: 1.5;
    }

    .content-main .arzyabi-site .tabriz-map .gp-btns > .btn > .fas {

        font-size: 12px;
        padding-left: 3px;
    }

    .content-main .sec-items .news-group .item-news .desc-news > .title {

        height: 38px;
        width: 90%;
        overflow: hidden;
    }
    .content-main .tab-news .right-news{

        width: 100%;
    }
    .content-main .tab-news .nav-tabs li {

        width: 170px;
    }

    .content-main .tab-news .nav-tabs .owl-nav [class*="owl-"] {

        position: absolute;
        top: 2px;
        opacity: 0.4;
        color: #815123;
        transition: all 0.3s;
    }

    .content-main .tab-news .nav-tabs .owl-nav [class*="owl-"]:hover {

        opacity: 1;
    }

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

        left: 20px;
    }

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

        right: 20px;
    }

    .content-main .tab-news .tab-content .img-tb {

        padding: 0 30px;
        border: none;
        height: auto;
    }
    .content-main .tab-news .right-news{

        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    .content-main .tab-news .right-news .item-news .img-thumbnail{

        height: auto;
        width: 245px;
        float: none;
        margin: 0 auto;
    }
    .content-main .tab-news .right-news .item-news h4 > .News_STitr{

        padding-top: 10px;
    }
    .content-main .tab-news .right-news .item-news h4{

        text-align: center;
    }

    .content-main .tab-news .tab-content .img-tb > img {

        border: 1px solid #ddd;
        border-radius: 4px;
    }

    .content-main .tab-news .tab-content .desc-tb {

        padding-top: 15px;
        padding-bottom: 15px;
    }

    .content-main .tab-news .right-news .owl-dots {

        bottom: 0;
    }

    .content-main .tab-news .tb-owl {

        margin-bottom: 25px;
    }

    .content-main .tab-news .right-news::before {

        content: "";
        border-bottom: 2px dashed #ddd;
        position: absolute;
        left: 0;
        top: auto;
        bottom: -15px;
        height: 1px;
        right: 0;
        width: 100%;
    }

    .content-main .tab-news .tab-content .ul-list {

        height: auto;
    }

    .content-main .tab-news .tab-content .ul-list > li {

        line-height: 2.8;
    }

    .footer-main .info-tebyan {

        padding: 20px 15px;
    }

    .footer-main .info-tebyan .logo-ft {

        padding: 0 0 15px;
        text-align: center;
    }

    .footer-main .info-tebyan .logo-ft > img {

        width: 65%;
    }

    .footer-main .info-tebyan .menu-ft {

        width: 70%;
        margin: 5px auto;
    }

    .footer-main .info-tebyan .logo-ft::after {

        width: 100%;
        height: 1px;
        bottom: 0;
        top: auto;
        left: 0;
    }

    .footer-main .info-tebyan .copyright-ft {

        text-align: center;
        font-size: 12px;
        padding-top: 15px;
    }

    .footer-main .info-tebyan .socials {

        width: 100%;
    }

    .footer-main .info-tebyan .socials .list-sc {

        justify-content: center;
        height: auto;
        width: 100%;
    }

    .footer-main .info-tebyan .socials .list-sc > li {

        width: 40px;
        text-align: center;
    }

    .footer-main .info-tebyan .socials .list-sc > li:hover .tooltip {

        display: none !important;
    }

    .footer-main .links-ft {

        padding: 10px 50px;
    }

    .footer-main .links-ft .style-links::before,
    .footer-main .links-ft .style-links::after {

        background-size: 55px;
        width: 55px;
        height: 55px;
    }

    .footer-main .links-ft .style-links::before {

        right: -50px;
    }

    .footer-main .links-ft .style-links::after {

        left: -50px;
        top: auto;
        bottom: -15px;
    }

    .footer-main .links-ft .style-links .title-links {

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

    .footer-main .links-ft .owl-carousel {

        float: right;
        padding: 0;
        height: auto;
    }

    .footer-main .links-ft .owl-carousel .owl-nav {

        right: -15px;
        left: -15px;
    }

    .footer-main .links-ft .owl-carousel .owl-nav [class*="owl-"] {

        opacity: 1;
    }
}

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

    .header-main .header-logo .logo-center .logo-head {

        width: 200px;
    }

    .content-main .top-news > .top-links {

        padding: 0 2px;
    }

    .content-main .top-news .top-links .item-link .txt-link > .name-link > .bold {

        font-size: 13px;
    }

    .content-main .top-news .top-links .item-link .ic-link > .circle {

        width: 35px;
        height: 35px;
    }

    .content-main .top-news .top-links .item-link .ic-link > .circle > img {

        width: 20px;
    }

    .content-main .top-news .top-links .item-link:last-child .ic-link > .circle > img {

        width: 26px;
    }

    .content-main .top-news .slideshow,
    .content-main .top-news .slideshow .top-camera .camera_wrap img {

        height: 250px;
    }
    
    .content-main .list-articles .list-links > a:nth-child(odd) {

        padding-left: 6px;
    }

    .content-main .list-articles .list-links > a:nth-child(even) {

        padding-right: 6px;
    }

    .content-main .links-site .item-link {

        width: 100%;
        margin-top: 5px;
    }

    .content-main .list-articles .item-link {

        height: 42px;
        margin-bottom: 5px;
    }

    .content-main .links-site {

        padding-bottom: 30px;
    }

    .footer-main .info-tebyan .menu-ft {

        width: 80%;
    }

    .footer-main .info-tebyan {

        padding: 20px 5px;
    }

    .footer-main .info-tebyan .copyright-ft {

        font-size: 11px;
    }

    .footer-main .links-ft {

        padding: 10px;
    }

    .footer-main .links-ft .style-links::before,
    .footer-main .links-ft .style-links::after {

        display: none;
    }

    .footer-main .links-ft .owl-carousel .owl-nav .owl-prev {

        left: -5px;
    }

    .footer-main .links-ft .owl-carousel .owl-nav .owl-next {

        right: -5px;
    }

    .content-main .arzyabi-site .tabriz-map svg {

        width: 255px;
        height: 338px;
    }

    .content-main .arzyabi-site .tabriz-map .gp-btns > .btn {

        margin: 5px 2px;
        padding: 4px 4px;
    }

    .content-main .arzyabi-site .tabriz-map .gp-btns > .btn:before,
    .content-main .arzyabi-site .tabriz-map .gp-btns > .btn:after {

        display: none;
    }
    .header-main .header-logo .header-top .search-main .form-control:focus {

        width: 220px;
    }
}