@media (max-width:768px)
{
    /*------Columns--------*/
    .container {
        width: 100%
    }
    .col {
        width: 100%;
        display: block;
        clear: both
    }

    /*--------Wide slider----------*/
    /* Thumb caption */
    .wide_slider .slider_caption {
        display: none
    }
    /* Pager */
    #wide_slider_pager {
        display: none
    }

    /*------Content slider---------*/
    /* Thumb meta */
    .content_slider .slider_caption .thumb_meta {
        display: none
    }
    /* Thumb link */
    .content_slider .slider_caption .thumb_link {
        padding: 10px
    }
    .content_slider .slider_caption .thumb_link h3 {
        font-size: 14px;
        line-height: 22px
    }

    /*-------Header----------*/
    #header_main.fixed {
        /* position: static !important */
    }
    .header_main-parent {
        height: auto !important
    }

    #header .header_meta .container {
        padding-left: 0;
        padding-right: 0
    }
    /* Weather forecast */
    #header .header_meta .weather_forecast {
        padding-left: 15px
    }
    /* Logo */
    #header .header_main .site_brand {
        margin-left: 15px
    }
    /* Top navigation */
    nav.top_navigation ul
    {
        max-height: 300px;
        overflow: auto;
        display: none;
        clear: both
    }
    nav.top_navigation ul.sub-menu a
    {
        font-size: 18px;
        padding: 10px 15px;
        color: #fff;
    }
    nav.top_navigation .login_menu_item ul.sub-menu a
    {
        padding: 10px 40px;
    }
    nav.top_navigation ul li a {
        font-size: 18px;
        padding: 10px 15px;
        display: block;
        border-top: 1px solid #333;
        color: #fff
    }
    nav.top_navigation ul li a:hover
    {
        color: #E02222;
    }
    nav.top_navigation ul ul li a {
        padding: 5px 15px 5px 30px
    }
    nav.top_navigation ul ul ul li a {
        padding: 5px 15px 5px 45px
    }
    nav.top_navigation ul ul ul ul li a {
        padding: 5px 15px 5px 50px
    }
    nav.top_navigation ul ul ul ul ul li a {
        padding: 5px 15px 5px 65px
    }
    .top_sub_menu_toggle {
        right: 15px
    }

    /* Search */
    .search_icon_form {
        border-top: 1px solid #333;
        padding: 5px 0 0 15px
    }
    .search_icon_form {
        margin-bottom: 5px;
        overflow: hidden
    }
    .search_icon_form a {
        display: none !important
    }
    .search_icon_form .sub-search form {
        margin: 0;
        width: 100%
    }
    .search_icon_form .sub-search form input[type="search"] {
        padding: 8px 10px;
        border: 0;
        margin: 0;
        width: 70%;
        float: left
    }
    .search_icon_form .sub-search form input[type="submit"] {
        margin: 0;
        width: 23%;
        float: left
    }

    /*-------Navigation-----*/
    #header .header_main .container {
        padding-left: 0;
        padding-right: 0;
    }
    nav.site_navigation ul.menu {
        border-top: 1px solid #eee;
        clear: both;
        margin: 25px 15px 0px 15px;
    }
    nav.site_navigation ul.menu,
    nav.site_navigation ul.sub-menu,
    nav.site_navigation ul.dt_mega_menu {
        display: none
    }
    nav.site_navigation ul li {
        position: relative
    }
    nav.site_navigation ul.menu div.subtitle {
        display: none
    }
    nav.site_navigation ul.menu > li > a,
    nav.site_navigation .sub-menu li a {
        padding: 8px 10px;
        display: block
    }
    nav.site_navigation.service-menus ul li
    {
        border-bottom: 1px solid #eee;
    }
    nav.site_navigation.service-menus ul li:last-child,
    nav.site_navigation.service-menus ul li a
    {
        border: none;
    }
    nav.site_navigation ul.sub-menu li a {
        padding-left: 30px
    }
    nav.site_navigation ul.sub-menu ul li a {
        padding-left: 45px
    }
    nav.site_navigation ul.sub-menu ul ul li a {
        padding-left: 60px
    }
    nav.site_navigation ul.sub-menu a {
        color: #999;
        font-size: 12px
    }
    nav.site_navigation ul.menu > li.has_dt_mega_menu > ul.dt_mega_menu {
        border-bottom: 1px solid #eee
    }
    nav.site_navigation ul.menu > li.has_dt_mega_menu > ul.dt_mega_menu > li > .widget {
        margin: 20px 0 15px 0;
        width: 100%;
        position: relative;
        padding-left: 15px;
        padding-right: 15px
    }
    /* Cart */
    nav.site_navigation ul.menu li .cart_content {
        display: none
    }
    nav.site_navigation ul.menu > li > .cart_content .total {
        border-bottom: 1px solid #eee;
        color: #222;
        font-size: 12px;
        display: block;
        margin-bottom: 0;
        padding: 5px 10px
    }
    nav.site_navigation ul.menu > li > .cart_content .buttons {
        overflow: hidden;
        padding: 10px
    }
    nav.site_navigation ul.menu > li > .cart_content .buttons .btn {
        margin-bottom: 5px
    }

    /*------Shop-------*/
    ul.products li.product {
        width: 49%
    }
    ul.products li.product.first {
        float: left
    }
    ul.products li.product:nth-child(2n) {
        margin-right: 0;
        float: right;
        clear: none;
    }
    /* Title */
    ul.products li.product .item_thumb h3 {
        font-size: 12px;
        padding: 5px
    }

    /*--------Shop single-----------*/
    div.product .images {
        width: 100%;
        float: none;
        display: block;
        margin-right: 0;
        clear: both
    }
    div.product .summary {
        width: 100%;
        float: none;
        display: block;
        clear: both
    }

    /*---------Page 404--------*/
    .page_404 {
        margin-bottom: 30px
    }
    .page_404 h3 {
        font-size: 110px
    }
    .page_404 form input {
        width: 100%
    }

    /*-----Post layout 2----------*/
    /* Image */
    .layout_post_2 .item_thumb {
        float: left;
        width: 100%;
        border-bottom: 0
    }

    /*----Single layout--------*/
    article.post h1.entry_title {
        font-size: 24px;
        line-height: 32px
    }

    /*------Multipack-------*/
    .multipack .layout_post_1 {
        width: 100%;
        float: none;
        display: block
    }
    .multipack .list_posts {
        display: block;
        border-left: 0;

        margin: 0;
        padding: 10px;
        padding-bottom: 0;

        width: 100%;
        float: none;
    }
}