/******************************************************************
MEDIA QUERIES
******************************************************************/
@media only screen and (min-width: 1200px) {
    .block {
        max-width: 1130px;
    }
}
/******************************************************************
MEDIA QUERIES
******************************************************************/
@media only screen and (max-width: 767px) {
    a[role="button"] {
        width: 100%;
    }
    button {
        width: 100%;
    }
    #linkads {
        width: 100%;
    }
    #facebooklike {
        width: 100%;
    }
    #content[role="main"] {
        margin-top: 0;
        padding-bottom: 20px;
    }
    #main, aside, .single #main, .page #main {
        width: 100%;
    }
    .single #main, .page #main {
        padding: 0;
    }
    h3#comments, h3#commentsForm {
        margin: 15px 0;
    }
    ul.commentlist li .avatar {
        display: none;
    }
    ul.commentlist li {
        padding-left: 0;
        margin-top: 0;
    }
    ul.commentlist li .children li {
        padding-top: 0;
    }
    ul.commentlist li .comment_content {
        padding: 10px;
    }
    ul.commentlist li .children {
        margin-left: 10px;
    }
    #respond {
        padding: 0;
    }
    #commentform input#submit {
        margin-top: 0;
    }
    .error404 #main h2 {
        font-size: 40px;
        margin: 0;
    }
    .portfolio-tabs {
        display: block;
        height: auto;
        border-top: 1px solid #111;
        border-bottom: 1px solid #111;
        list-style: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
        margin-bottom: 0;
        line-height: 34px;
    }
    .portfolio-tabs li {
        float: none;
        margin-right: 0;
        border-bottom: 5px solid #333;
    }
    .portfolio-tabs li a,.faq-tabs li a {
        display: block;
        color: #ccc;
        text-decoration: none;
    }
    .portfolio-tabs li.active,.faq-tabs li.active {
        line-height: 31px !important;
    }
    .portfolio-tabs li.active a,.faq-tabs li.active a {
        color: #a0ce4e;
        border-top: 3px solid #a0ce4e;
    }
    #item-tabs {
        display: none;
    }
    .author-meta, .clock-meta, .category-meta , .commnt-meta {
        float: left;
        margin-right: 0px;
        padding-left: 30px;
        width: 100%;
        margin-bottom: 10px;
        margin-top: 10px;
        border-bottom: 1px solid#eee;
    }
    .item-list .item-info {
        width:33%;
    }
    .item-list .meta {
        width:33%;
    }
    .item-list .thumbnail {
        width:33%;
    }
    .item-list .sale-info {
        width:33%;
    }
    .item-list>li {
        border-bottom: 5px solid#3B8DBD;
    }
    .item-grid li {
        width:33%;
    } 
/*----------------------------------------------------------------
           {--------}  Recent post Category Menu {--------}
-----------------------------------------------------------------*/
    #category-nav {
        height: auto;
    }
    #category-nav ul {
        width: 100%;
        display: block;
        height: auto;
    }
    #category-nav li {
        width: 25%;
        float: left;
        position: relative;
    }
    #category-nav li a {
        border-bottom: 1px solid #ddd;
        border-right: 1px solid #ddd;
    }
    #category-nav a {
        text-align: left;
        width: 100%;
        text-indent: 25px;
    }
    #category-nav a#pull {
        display: block;
        background-color: #eee;
        border-top: 1px solid#ccc;
        border-bottom: 1px solid#ccc;
        width: 100%;
        position: relative;
    }
    #category-nav a#pull:after {
        content: "";
        background: url('../imgs/nav-icon.png') no-repeat;
        width: 30px;
        height: 30px;
        display: inline-block;
        position: absolute;
        right: 15px;
        top: 10px;
    }
    #responsive-main-nav-menu {
        font: normal normal 12px/1em 'Open Sans', Arial, Tahoma, sans-serif;
        border: 1px solid #ccc;
        color: #ccc;
        padding: 6px;
        background: #33363b;
        border: 1px solid#444;
        display: block;
        width: 100%;
        float: none;
        height: 50px;
        padding: 15px;
    }
    #navigation-wrapper {
        float: none;
    }
    #main-navigation ul {
        display: none;
    }        
 /*----------------------------------------------------
           {--------}  Header {--------}
----------------------------------------------------*/
/*---- Media fixing--*/
    #large-nav {
        display: none;
    }
    #large-search-container {
        display: none;
    }    
/*---- #branding --*/
    #branding {
        position: relative;
        width: 100%;
        min-height: 90px;
    }
/*---- logo --*/
    .logo {
        float: left;
        position: relative;
        width: 50%;
        height: 100%;
    }
    h1#site-title {
        height: 85px;
    }
    h1#site-title img {
        width: 150px;
        height: auto;
        margin-left: 0;
    }
    h1#site-title a {
        height: 85px;
    }
/*---- Mini nav --*/
    #mini-nav {
        position: relative;
        float: right;
        margin-right: 0px;
        display: block;
    }
    #mini-nav a {
        float: right;
        display: block;
        margin: 10px 0 0 5px;
        width: 38px;
        height: 52px;
        line-height: 52px;
        text-indent: -9999px;
        border-radius: 5px;
        z-index: 9999!important;
        background: #25272a url('../imgs/menu-icon.png') 0 0 no-repeat;
    }
    #mini-nav a.active {
        padding-bottom: 30px;
    }
    #main-nav.active {
        display: block;
        background: #25272a;
        margin-top: 60px;
        border-top-left-radius: 4px;
        padding: 0 0 2px 0;
    }
    #main-nav.active ul {
        list-style: none;
        margin: 0;
        padding: 2px 0;
    }
    #main-nav.active ul li {
        border-bottom: 1px solid #33383D;
    }
    #main-nav.active ul li a {
        color: #FFF;
        padding: 7px 0 7px 20px;
        display: block;
    }
    #main-nav ul li.membership {
        background: #D24D33;
        margin-bottom: 20px;
    }
    #main-nav ul li.membership span {
        font-size: .8em;
        padding-right: 7px;
    }
    #main-nav ul li.membership a {
        color: #FFF;
    }
    #main-nav ul li.logout {
        background: #03bfcc;
        margin-bottom: 0px;
    }
    #main-nav ul li.logout span {
        font-size: .8em;
        padding-right: 7px;
    }
    #main-nav ul li.logout a {
        color: #FFF;
    }
/*---- mini search --*/
    #mini-search {
        position: relative;
        float: right;
        margin-right: 0px;
        display: block;
    }
    #mini-search a {
        float: right;
        display: block;
        margin: 10px 0 0 0;
        width: 38px;
        height: 52px;
        line-height: 52px;
        text-indent: -9999px;
        border-radius: 5px;
        z-index: 9999!important;
        background: #25272a url('../imgs/search-icon.png') 0 0 no-repeat;
    }
    #search-container.inactive {
        display: none;
    }
    #search-container.active {
        display: block;
        width: 100%;
        padding: 10px 0;
        margin: 0;
    }
    #item-menu {
        background: #efefef;
        display: block;
        width: 100%;
        float: left;
        height: 50px;
        padding: 15px;
    }
}



@media only screen and (max-width: 480px) {    
    .item-list .item-info {
        width:50%;
    }
    .item-list .meta {
        width:50%;
    }
    .item-list .thumbnail {
        width:50%;
    }
    .item-list .sale-info {
        width:50%;
    }
    .item-list>li {
        border-bottom: 5px solid#3B8DBD;
    }
    .item-grid li {
        width:50%;
    } 

}






@media only screen and (min-width: 768px) and (max-width:992px) {
}
@media only screen and (min-width: 1382px) {
}
/*Smartphone*/
@media only screen and (max-width : 320px) {
    /*----------------------------------------------------------------
           {--------}  Recent post Category Menu {--------}
-----------------------------------------------------------------*/
    nav li {
        display: block;
        float: none;
        width: 100%;
    }
    nav li a {
        border-bottom: 1px solid #ddd;
    }
    
    
    
    
}