/*
Theme Name: قالب عصر تم
Theme URI: http://asrtabriz.ir
Author: asrtabriz informatic section
Author URI: http://asrtabriz.ir
Description: asrtabriz theme
Version: 1.1.0
*/

/* =====================- Max Width 1175px -===================== */
@media screen and (max-width: 1175px) {
    .wrapper {
        width: 1000px;
    }

    .top-menu {
        max-width: 700px;
    }

    .search {
        width: 200px;
    }

    .status {
        margin: 39px 45px 0 0;
    }

    #site-menu ul.sub-menu {
        width: 150px;
    }
    #site-menu ul.sub-menu ul.sub-menu {
        right: 153px;
    }
    #site-menu ul.sub-menu li:hover > ul.sub-menu {
        right: 150px;
    }

    #hot-news #news {
        width: 846px;
    }

    #main {
        width: 550px;
    }
    #main.s-width {
        width: 732px;
    }
    #main.l-width {
        width: 818px;
    }
    #main.f-width {
        width: 1000px;
    }

    .section-mini .feature-post {
        margin-top: 10px;
    }

    .section-mini .other-posts {
        height: 112px;
        overflow: hidden;
    }
}


/* =====================- Max Width 975px -===================== */
@media screen and (max-width: 975px) {
    .wrapper {
        width: 760px;
    }

    .top-menu {
        max-width: 500px;
    }

    .search {
        width: 160px;
    }

    .status {
        display: none
    }

    #site-menu ul.sub-menu {
        display: none;
    }
    #site-menu li:hover > ul.sub-menu {
        display: block;
    }

    #hot-news #news {
        width: 607px;
    }

    #main,
    #main.s-width {
        width: 492px;
    }
    #main.l-width,
    #main.f-width {
        width: 760px;
    }

    #slider-wrapper .navigator {
        top: 100px;
        bottom: auto;
        left: 8px;
        width: 14px;
    }
    #slider-wrapper .navigator a {
        width: 14px;
        height: 14px;
        margin: 4px 0 0 0;
        box-shadow: none;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
    #slider-wrapper .navigator .selected {
        background: rgba(0, 0, 0, 0.8);
    }

    .section-recent .post-data,
    .section-wide .feature-post .post-data {
        margin-left: 12px;
    }

    #large-sidebar {
        margin-left: 0;
    }
    #small-sidebar {
        display: none;
    }

    #gallery .arrowleft, #gallery .arrowright {
        display: none;
    }
}


/* =====================- Max Width 975px and Min Width 756px -===================== */
@media screen and (max-width: 975px) and (min-width: 756px) {
    .section-wide .other-posts .post {
        width: 100%;
        margin: 0 !important;
    }
    .section-wide .other-posts .post:nth-child(2) {
        border-top: 1px solid #dadada;
    }
    .section-wide .other-posts img {
        width: 100%;
    }

    .section-mini .feature-post {
        width: 100%;
        margin-top: 0;
        padding-bottom: 15px;
        padding-left: 0;
    }
    .section-mini .feature-post img {
        width: 100%;
    }
    .section-mini .feature-post .post-title {
        top: auto;
        bottom: 3px;
        opacity: 1;
        visibility: visible;
    }
    .section-mini .feature-post .post-title h2 {
        position: relative;
        top: auto;
        right: auto;
        left: auto;
        -webkit-transform: none !important;
        -o-transform: none !important;
        transform: none !important;
        padding: 8px 5px;
    }
    .section-mini .other-posts {
        width: 100%;
        height: auto;
        padding-top: 15px;
        padding-right: 0;
        border-top: 1px solid #dadada;
        border-right: 0;
    }
}


/* =====================- Max Width 755px -===================== */
@media screen and (max-width: 755px) {
    .top-menu {
        display: none;
    }
    .search {
        float: right;
    }

    .wrapper {
        width: 100%;
        padding: 0 15px;
    }

    #head-container {
        width: 100%;
        min-height: 0;
        background-size: cover;
        background-position: left;
        margin: 0;
    }
    a.logo,
    #header .banner {
        float: none;
        display: block;
        padding: 8px 0;
        margin: 0 auto;
    }
    a.logo {
        height: 100px;
    }
    #header .banner {
        height: 80px;
    }

    #site-menu {
        display: inline-block;
        padding-bottom: 2px;
    }
    #site-menu .wrapper {
        width: 100%;
    }
    #site-menu li:hover a,
    #site-menu li.current-menu-item > a {
        height: 25px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    #site-menu li.current-menu-item > a {
        border: 1px solid #e67e22;
        border-top: 0;
        border-bottom: 0;
    }
    #site-menu ul.sub-menu,
    #site-menu li:hover > ul.sub-menu {
        display: none;
    }

    #main,
    #main.s-width,
    #main.l-width,
    #main.f-width {
        width: 100%;
    }

    #hot-news .title {
        width: 5%;
        text-indent: -999em;
        overflow: hidden;
    }
    #hot-news .title:before {
        float: none;
        display: block;
        margin: 10px auto;
    }
    #hot-news #news {
        width: 95%;
    }

    .section-mini .feature-post {
        margin-top: 0;
    }

    #large-sidebar {
        display: none;
    }

    #post-colums .post-column {
        width: 100%;
        padding: 0 !important;
    }

    #copyright {
        line-height: 24px;
    }
    #copyright p,
    #copyright a {
        float: none;
        padding: 2px 0;
    }
}


/* =====================- Max Width 480px -===================== */
@media screen and (max-width: 480px) {
    #header .banner,
    #header .banner img {
        max-width: 100%;
    }

    #breadcrumbs .title {
        display: none;
    }
    #breadcrumbs #path {
        width: 100%;
        padding: 0 5px;
        border: 1px solid #dadada;
    }
    #breadcrumbs #path span:first-child {
        margin-right: 0;
    }

    #hot-news .title {
        width: 10%;
    }
    #hot-news #news {
        width: 90%;
    }

    #slider-wrapper .navigator {
        top: 8px;
    }

    .section-wide .other-posts .post {
        width: 100%;
        margin: 0 !important;
    }
    .section-wide .other-posts .post:nth-child(2) {
        border-top: 1px solid #dadada;
    }
    .section-wide .other-posts img {
        width: 100%;
    }

    .section-mini .feature-post {
        width: 100%;
        margin-top: 0;
        padding-bottom: 15px;
        padding-left: 0;
    }
    .section-mini .feature-post img {
        width: 100%;
    }
    .section-mini .feature-post .post-title {
        top: auto;
        bottom: 3px;
        opacity: 1;
        visibility: visible;
    }
    .section-mini .feature-post .post-title h2 {
        position: relative;
        top: auto;
        right: auto;
        left: auto;
        -webkit-transform: none !important;
        -o-transform: none !important;
        transform: none !important;
        padding: 8px 5px;
    }
    .section-mini .other-posts {
        width: 100%;
        height: auto;
        padding-top: 15px;
        padding-right: 0;
        border-top: 1px solid #dadada;
        border-right: 0;
    }
}