@media screen and (min-width: 768px) and (max-width: 1366px) {
    /* Global column layout width 100%  =================================*/    
    .container{
        width:90%;
        padding: 0px;
    }
   
    
}
@media only screen and (max-width: 1023px) {
    .container{
        width: 90%;
        padding: 0px;
    }
    #logo a {
        float: left;
    }
    #header-navigation {
        display: none;
    }
    .mobile_toggle_menu_icons {
        right: 0;
        position: absolute;
    }
    #mid-content, #sidebar{
      padding: 35px 0;
    }  
    /**
     * Top Header
     */
     .top-header-wrapper .one_half_last span, .top-header-wrapper, .top-header-wrapper .one_half_last{
        text-align: center;
        margin: 0px;
     }

     /**
      * Menu
      */
    #main-nav{
        float: left;
        background: #000;
        width: 100%;
        position: relative;
        z-index: 9;
    }
    #header-navigation ul ul{
        background: #000 !important;
    }
    #header-navigation ul{
        box-shadow: 0 0!important;
    }
    #header-navigation ul ul a {
        padding-left: 33px;
    }
    #header-navigation ul li a {
        border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
        color: #fff !important;
    }
    /**
     * Column Width
     */
    .one_half,
    .one_half_last,
    .one_fourth,
    .one_fourth_last,
    .footer_widgets .one_fourth,
    .footer_widgets .one_fourth_last,
    .two_third,
    .one_third,
    .one_third_last,
    .one_fifth,
    .four_fifth_last,
    .three_fourth,
    .three_fourth_last,
    .header_menu_section,
    .woocommerce div.product div.images,
    .fm-form li,
    #setcard .one_third,
    .two_third_last,  #kaya-header-content-wrapper #header-navigation {
        width: 100%!important;
        margin: 0px;
        float: none;
        clear: both;
    }
  
    footer, .footer-menu-wrapper ul{
        text-align: center;
    }
    .header-right-section {
        margin-right: 50px;
    }
    .two_third_last .tabs_content_wrapper{
        display: block;
        margin-top: 30px;
    }
    .one_third .tabs_content_wrapper,
    .img_strip{
        display:none;
    }
    .two_third_last ul.tabs_content_wrapper li {
        display: inline-block;
        margin-right: 11px;
        margin-bottom: 20px;
    }
    .single .general-meta-fields-info-wrapper ul li {
        display: inline-block;
        padding: 2px 0;
        border-bottom:none;
        border-top:none;
        font-size: 13px;
        margin-right: 16px;
        width: auto;
    }
    .header-right-section-bottom {
        padding-bottom: 15px;
        margin: 0px auto;
        display: table;
    }
    .contant-info {
        text-align: center;
    }
    .header-right-section-bottom {
        float: inherit;
    }
}
@media only screen and (max-width: 768px) {
    .related_posts li {
        width: 100%;
    }
    div#header #logo {
        margin: 0px auto;
        display: table;
        float: inherit;
    }
    .header-right-section {
        margin: 0px auto;
        display: table;
        margin-top: 15px;
        float: inherit;
    }
    .mobile_toggle_menu_icons {
        float: right;
        position: absolute;
        top:30px;
        right: 0;
    }
    ul#login-register-menu {
        margin: 0;
        padding-left: 0;
    }
    .nextend-arrow {
        display: none !important;
    }
    .kaya-page-titlebar-wrapper {
        padding-top: 40px !important;
    }

    .mid-content{
    margin-top: 0px;
}
}

@media only screen and (min-width: 768px) and (max-width: 1024px){
    .related_posts li {
        width: 31.46%;
    }
    .column2, .column3, .column4, .column5, .column6, .column7, .column8, .column9, .video_iframes2 iframe, .video_iframes3 iframe, .video_iframes4 iframe {
        width: 31.19%;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1285px){
    .related_posts li {
        width: 32%;
    }
}
@media only screen and (max-width: 480px){
    .woocommerce ul.products[class*=columns-] li.product, 
    .woocommerce-page ul.products[class*=columns-] li.product{
        width: 100%;
    }
}    