.slicknav_menu { display: none }

@media screen and (max-width: 768px) { 

    .js #menu { display: none }

    .js .slicknav_menu { display: block }

    #header-breaking { display: none }

    #header {

        overflow: hidden;

        width: 100%;

    }

    .header-banner-none { display: none }

    #logo { margin-left: 200px }

    #wrap {

        width: 99%;

        padding: 20px 0px 6px 7px;

        overflow: hidden;

    }

    #slider { width: 100% }

    .slider-left-bg { width: 100% }

    #slider-left {

        width: 99%;

        margin-left: 0px;

    }

    #slider-left .slides img { width: 100% }

    #slider-right-top,

    #slider-right-bottom {

        width: 48%;

        float: left;

        margin-left: 0px;

        margin-top: 5px;

        margin-right: 7px;

    }

    #slider-right-bottom {

        width: 50%;

        float: left;

    }

    .slider-right-bg,

    .slider-left-bg { width: 100% }

    #slider-right-top .slides img,

    #slider-right-bottom  .slides img { width: 100% }

    #feat-slide { display: none }

    #content-left {

        margin-top: 20px;

        width: 99%;

    }

    .short-title { width: 100% }

    #short-one,

    #short-two,

    #short-three,

    #short-four,

    #short-five { width: 100% }

    .short-two-art {

        width: 49%;

        margin-right: 7px;

    }

    .short-two-video,

    .short-two-bg,

    .short-two-art img { width: 100% }

    .backstretch { display: none }

    .short-three-cover { width: 55% }

    .short-three-bg,

    .short-three-video,

    .short-three-cover img { width: 100% }

    .short-four-art {

        width: 48%;

        margin-right: 14px;

    }

    .short-four-cover,

    .short-four-cover img { width: 100% }

    .short-five-cover { width: 60% }

    .short-five-bg,

    .short-five-video,

    .short-five-cover img { width: 100% }

    .short-five-coverM { width: 39% }

    .short-five-bgM,

    .short-five-videoM,

    .short-five-coverM img { width: 100% }

    #sidebar-right,

    #sidebar-left {

        float: none;

        margin-left: -10px;

    }

    .widget {

        float: left;

        margin-left: 40px;

        height: 100%;

        display: block;

    }

    #footer { width: 100% }

    .footer-bottom { width: 100% }

    .header-row { width: 80% }

    #blog-right,

    #blog-left {

        float: left;

        width: 120%;

    }

    .blog-cover {

        width: 745px;

        margin-left: -4px;

    }

    .blog-cover h1 { font-size: 22px }

    .blog-cover span {

        font-size: 16px;

        width: 500px;

        line-height: 18px;

    }

}

@media screen and (max-width: 320px) { 

    .js #menu { display: none }

    .js .slicknav_menu { display: block }

    #header-breaking { display: none }

    #header { width: 100% }

    .header-banner-none { display: none }

    #logo { margin-left: 20px }

    #wrap {

        width: 98%;

        padding: 20px 0px 6px 7px;

    }

    #slider {

        width: 100%;

        height: 200px;

    }

    .slider-left-bg {

        width: 100%;

        height: 300px;

    }

    .slider-left-title {

        width: 90%;

        font-size: 16px;

        line-height: 18px;

        bottom: 115px;

    }

    .slider-left-des {

        width: 90%;

        top: 190px;

    }

    .slider-right-title {

        width: 90%;

        font-size: 16px;

        line-height: 18px;

        bottom: 90px;

    }

    .slider-right-des {

        width: 90%;

        top: 125px;

    }

    #slider-left {

        width: 98%;

        height: 300px;

        margin-left: 0px;

    }

    #slider-left .slides img {

        width: 100%;

        height: 300px;

    }

    #slider-right-top,

    #slider-right-bottom {

        width: 98%;

        float: left;

        margin-left: 0px;

        margin-top: 5px;

        margin-right: 0;

    }

    #slider-right-bottom {

        width: 98%;

        float: left;

    }

    .slider-right-bg,

    .slider-left-bg { width: 100% }

    #slider-right-top .slides img,

    #slider-right-bottom  .slides img { width: 100% }

    #feat-slide { display: none }

    #content-left {

        margin-top: 20px;

        width: 99%;

    }

    .short-title { width: 100% }

    .short-one-art { width: 100% }

    .short-one-cover {

        width: 100px;

        margin-right: 5px;

    }

    .short-one-art h2 { font-size: 12px }

    #short-one .slider-left-cat { display: none }

    #short-one,

    #short-two,

    #short-three,

    #short-four,

    #short-five { width: 100% }

    .short-two-art { width: 98% }

    .short-two-video,

    .short-two-bg,

    .short-two-art img {

        width: 100%;

        height: 210px;

    }

    .short-two-art h2 { font-size: 12px }

    .short-two-art h2,

    .short-two-art p.excerpt { width: 90% }

    .backstretch { display: none }

    .short-three-cover {

        width: 98%;

        height: 220px;

        margin-bottom: 20px;

    }

    .short-three-bg,

    .short-three-video,

    .short-three-cover img {

        width: 100%;

        height: 220px;

    }

    .short-four-art { width: 98% }

    .short-four-cover,

    .short-four-cover img { width: 100% }

    .short-five-cover {

        height: 210px;

        width: 98%;

        margin-bottom: 5px;

    }

    .short-five-bg,

    .short-five-video,

    .short-five-cover img { width: 100% }

    .short-five-coverM {

        float: left;

        width: 98%;

    }

    .short-five-bgM,

    .short-five-videoM,

    .short-five-coverM img { width: 100% }

    #sidebar-left,

    #sidebar-right {

        float: none;

        margin-left: -40px;

        margin-top: 20px;

        width: 98%;

    }

    .widget {

        float: left;

        margin-left: 40px;

        display: block;

        width: 98%;

        overflow: hidden;

    }

    .footer-col {

        float: left;

        margin-left: -10px;

        width: 98%;

    }

    #footer { width: 100% }

    .footer-bottom { width: 100% }

    .header-row { width: 80% }

    .footer-bottom-copyright { height: 35px }

    #blog-left,

    #blog-right { width: 300px }

    .single-archive { width: 300px }

    .blog-cover {

        width: 300px;

        margin-left: -4px;

    }

    .blog-cover h1 { font-size: 18px }

    .blog-cover span {

        font-size: 16px;

        width: 280px;

        line-height: 18px;

    }

    .bl2page-archive {

        width: 100%;

        overflow: hidden;

    }

    .bl2page-cover {

        width: 100px;

        margin-right: 5px;

    }

    .bl2page-archive h2 { font-size: 12px }

    .bl2page-archive .slider-left-cat { display: none }

    .short-four-cover,

    .short-four-cover img { width: 100% }

    .bl1page-archive { width: 280px }

}