/*		Tablet Layout: 768px.
 Gutters: 24px.
 Outer margins: 28px.
 Inherits styles from: Default Layout.
 -----------------------------------------------------------------
 cols    1     2      3      4      5      6      7      8
 px      68    160    252    344    436    528    620    712    */
@media only screen and (min-width: 1367px) {
}
@media only screen and (max-width: 1280px) and (max-width: 1366px) {
}

/*		Mobile Layout: 320px.
 Gutters: 24px.
 Outer margins: 34px.
 Inherits styles from: Default Layout.
 ---------------------------------------------
 cols    1     2      3
 px      68    160    252    */

/*		Wide Mobile Layout: 480px.
 Gutters: 24px.
 Outer margins: 22px.
 Inherits styles from: Default Layout, Mobile Layout.
 ------------------------------------------------------------
 cols    1     2      3      4      5
 px      68    160    252    344    436    */

@media only screen and (max-width: 980px) {
    html, body {
        overflow-x: hidden;
    }
    .wrapper {
        width: 100%;
        padding: 20px;
    }
    .container {
        width: 100%;
    }
    header, #header-hiden .inner {
        width: 100%;
        text-align: center;
    }
    #logo, .ads {
        display: inline-block;
        float: none;
        margin: 10px 0;
    }
    .logo a { 
        margin-top: 0;
    }
    .ads {
        display: none;
    }
    .cat-content1 .item .img, .cat-content2 .item .img, .cat-content3 .item .img {
        height: auto;
    }
    .main-content .time {
        display: none;
    }
    .main-content .headcontent {
        width: 100%;
    }
    .topbar {
        position: relative;
        text-align: center;
        background: #000000;
    }
    .topbar .inner {
        width: 100%;
        display: inline-block;
    }
    .topbar .inner .head-contact {
        text-align: center;
        width: 100%;
    }
    .socialm {
        width: 100%;
        margin-bottom: 10px;
        float: none;
        text-align: center;
    }

    .responsiveSelectContainer select.responsiveMenuSelect, select.responsiveMenuSelect,.responsiveSelectContainer,.bar select , nav,.responsiveMenuSelect{
        display: block !important;
        width: 100% !important;
    }

    .bar {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important; 
        position: relative !important; 
        right: 0  !important; 
        padding: 0px;
        margin-bottom: 0 !important;
        border-width: 0; 
        float: none;  
        display: block !important;
    } 
    
    .response-menu {
        display: block;
        padding-top: 0;
    }
    .head-news {
        display: none;
    }

    .logo {
        float: none;
        text-align: center;
        width: 100%;
    }
    header {
        position: relative;
        box-shadow: none;
    }

    .headertop {
        padding-top: 20px;
    }
    .header-second {
        text-align: center;
        padding: 0;
    }
    .open-search {
        margin-left: 0;
        font-size: 22px;
        line-height: 42px;
    }
    .blogsearch {
        position: fixed;
        z-index: 9;
        right: 10px;
        top: 10px;
        width: 42px;
        border-radius: 4px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    .video-sections {
        padding: 0;
    }
    .video-sections .textshow, .video-sections .video-container {
        width: 100%;
        margin: 0;
        float: none;
        padding: 0;
        margin-bottom: 10px;
    }
    #boxed {
        width: 100%;
    }
    #boxed header {
        position: relative;
        width: 100%;
    }
    #boxed .wrapper {
        width: 100%;
        padding: 20px;
    }
    #boxed .blogsearch {
        position: relative;
        width: 100%;
        right: 0;
        top: 0;
        float: left;
        padding-bottom: 20px;
    }
    .contactline {
        width: 100%;
        float: none;
    }
    .top-search:after {
        display: none;
    }
    .nav-single .previous, .nav-single .next {
        width: 100%;
        float: none;
        margin: 10px 0;
        box-shadow: none;
    }
    .style1 .coltype1, .style1 .coltype2, .style1 img {
        float: none;
        width: 100%;
        padding-right: 0px;
        margin-bottom: 20px;
    }
    .style4 li, .style4 li:first-child, .style4 li img, .style4 li:first-child img {
        width: 100%;
        float: none;
    }
    .style4 li:last-child, .style4 li:first-child img, .style4 li {
        padding: 0px;
    }

    .style5 li img {
        float: none;
        margin-right: 0;
        width: 100%;
    }
    .woostyle {
        margin-top: -74px;
        left: 0;
        margin-right: 0;
        float: left;
    }
    .woo-header-cart, .woo-header-cart:hover {
        float: none;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .style9 .main {
        padding-bottom: 0px;
        line-height: 0;
        line-height: 24px;
        -webkit-column-count: 1;
        -webkit-column-gap: 0px;
        -moz-column-count: 1;
        -moz-column-gap: 0px;
        column-count: 1;
        column-gap: 0px;
    }
    .single-page{ 
        border-width: 0;
        padding: 0;  
        padding-right: 32px;
        padding-left: 20px;
        width: 96% !important;  
    }
    .offall{
        margin: 0;
        padding: 0;
        width: 92% !important;   
    }
    .sidebar {
        border-width: 0;
        padding: 0;
    }
    .main-content .headcontent h2 a {
        font-size: 20px;
        padding: 2px 20px;
        background: #FFFFFF !important;   
        color: #333333 !important;  
        font-weight: normal; 
        width: 100%;

    }
    .main-content,.single-page,.zerogrid {
        margin: 0 !important;  
        padding: 0 !important;  
        width: 100%;
    }
    .responwrapper{
        height: auto !important;
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important; 
        position: relative !important;  
        z-index: 9;
        padding-bottom: 20px !important;
    } 
    .headertop{
        display: none;
    }

    nav{
        display: block !important; 
    }  
}
@media only screen and (max-width: 680px) {
}
@media only screen and (max-width: 360px) {
}