/*
Theme Name: HodHod Theme - Responsive style
Author: Redina
Author URI: http://redina.ir
*/

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

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

    .search {
        width: 200px;
    }
    .search input[type="text"] {
        width: 170px;
    }

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

    #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;
    }
	
	.notfication .links,
	.related-posts .links {
		list-style: none;
	}
	.notfication .links li a,
	.related-posts .links li a {
		display: block;
	}

    .section-mini .feature-post {
        margin-top: 10px;
    }
    .section-mini .other-posts {
        height: 112px;
        overflow: hidden;
    }

    .slider-thumb {
        min-height: 200px;
    }
    .slider-thumb .slider,
    .slider-thumb .slider .slide {
        height: 188px;
    }
    .slider-thumb .slider .slide .right {
        margin-left: 7px;
    }
    .slider-thumb .slider .slide img {
        width: 215px;
        height: 113px;
    }
}


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

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

    .search {
        width: 160px;
    }
    .search input[type="text"] {
        width: 130px;
    }

    .status {
        display: none
    }

    #site-menu .wrapper {
        display: none;
    }
    .style.boxed #site-menu .mobile-menu {
        margin-right: 10px;
    }
    #site-menu .mobile-menu {
        display: block;
    }

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

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

    .slider-full .navigator {
        top: 100px;
        bottom: auto;
        left: 8px;
        width: 14px;
    }
    .slider-full .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-full .navigator .selected {
        background: rgba(0, 0, 0, 0.8);
    }

    .section-recent .post-entry {
        width: inherit;
        float: none;
        padding-right: 0;
    }
    .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;
    }

    .slider-thumb {
        min-height: 410px;
    }
    .slider-thumb .slider,
    .slider-thumb .slider .slide {
        height: auto;
    }
    .slider-thumb .slider .slide .right {
        margin-left: 0;
        margin-bottom: 10px;
        text-align: center;
    }
    .slider-thumb .slider .slide .right,
    .slider-thumb .slider .slide .left {
        float: none;
    }
    .slider-thumb .slider .slide img {
        width: 468px;
        height: 245px;
        float: none;
        margin: 0;
    }
}


/* =====================- 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) {
    body.boxed {
        padding: 0 15px;
    }

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

    .style.boxed {
        width: 100%;
    }

    .top-menu {
        display: none;
    }

    .search {
        width: 200px;
        float: right;
        margin-right: 6px;
    }
    .search input[type="text"] {
        width: 170px;
    }

    #head-container {
        width: 100%;
        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;
    }

    .slider-thumb {
        min-height: 230px;
    }
    .slider-thumb .slider,
    .slider-thumb .slider .slide {
	    height: 208px;
    }
    .slider-thumb .slider .slide .right {
        float: right;
        margin-left: 14px;
        margin-bottom: 0;
        text-align: right;
    }
    .slider-thumb .slider .slide img {
        width: 389px;
        height: 204px;
        float: right;
        margin: 2px;
    }

    .large-sidebar {
        display: none;
    }

    .redina.sidebar.large-sidebar.responsive-show, .redina.sidebar.small-sidebar.responsive-show {
        width: 100%;
        display: block;
        margin: 0;
        margin-top: 17px;
        background: none;
        border: none;
    }

    .sidebar .theiaStickySidebar > div {
        margin-top: 17px;
        border-right: 1px solid #dadada;
        border-left: 1px solid #dadada;
        background: #fff;
    }

    .mobile-hidden * {
        display: none;
        margin-bottom: -17px;
    }

    .footer-widgets {
        display: none;
    }
    .redina.sidebar.footer-widgets.responsive-show {
        display: block;
    }
    .redina.sidebar.footer-widgets.responsive-show > div {
        width: 100%;
        margin: 0;
        margin-top: 19px;
        padding: 0 !important;
    }

    #site-comments .comment-data .date.with-awaiting {
        display: none;
    }

    footer.style.boxed #copyright {
        padding: 0 10px;
        text-align: center;
    }

    footer.style.boxed #copyright p, footer.style.boxed #copyright a {
        width: 100%;
        float: none;
        margin: 0;
    }
    footer.style.boxed #copyright p::before, footer.style.boxed #copyright a::before {
        display: none;
    }

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


/* =====================- Max Width 480px -===================== */
@media screen and (max-width: 480px) {
    .search {
        width: 160px;
        float: right;
    }
    .search input[type="text"] {
        width: 130px;
    }

    #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-full .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;
    }

    .slider-thumb {
        min-height: 410px;
    }
    .slider-thumb .slider,
    .slider-thumb .slider .slide {
        height: auto;
    }
    .slider-thumb .slider .slide .right {
        margin-left: 0;
        margin-bottom: 10px;
        text-align: center;
    }
    .slider-thumb .slider .slide .right,
    .slider-thumb .slider .slide .left {
        float: none;
    }
    .slider-thumb .slider .slide img {
        width: inherit;
        max-width: 98%;
        height: auto;
        float: none;
        margin: 0;
    }
}