/* -------------------------------wizedesign--
     02. RESPONSIVE
   ------------------------------------------- */
   
.bars {
    display: none
}
.grid figure img {
    min-height:0 !important;
    height:auto !important;
}

/* ==== landscape tablet ==== */ 

@media (max-width: 1280px) {
    
    #error-404, .commentlist {
        width:100%
    }
    .footer-col .wd-tmpbl2-posts {
        overflow: hidden;
    }
    .tmpbl2-cover img,
    img.rsImg, #layout-left-home #tmpvd img, #layout-left-home #tmpph img, .tmpvd-cover {
        width: 100% !important;
        height: auto !important;
        display: block !important;
        margin-left: 0 !important;
    }
    #tmpvd {
        height: auto !important
    }
    .footer-col h3.wd-title-footer {
        margin-left: 0
    }
    #author-info,#author-info .author-description {
        width: 100%;
        box-sizing: border-box;
        padding: 0;
    }
    #wd-youtube, #wd-vimeo {
        position: relative;
        padding-bottom: 50.25%;
        padding-top: 35px;
        height: 0;
        overflow: hidden;
    }
    #wd-youtube iframe, #wd-vimeo iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .footer-col * {
        max-width: 100%
    }
    
    .wd-tmpbl2-title {
        max-width: 80%;
    }
    
    #contback {
        max-width: 90%;
        margin: 0 auto;
    }
    
    .header-row {
        height: 170px;
    }
    
    #news {
        width: 520px
    }
    
    #slider {
        width: -webkit-calc(100% + 80px) !important;
        width: -moz-calc(100% + 80px) !important;
        width: calc(100% + 80px) !important;
    }
    
    #sld-left {
        width: 100% !important
    }
    
    #sld-top, #sld-bottom {
        display: none !important
    }
    
    #header, #top-menu, #mss, #wrap, #feat, #footer, #footer-social, #copyright, .header-row, .mss-row, .megamenu-width, .feat-wrap, .footer-wrap, .footer-row {
        max-width: 100%;
        box-sizing: border-box;
    }
    
    .megamenu-back {
        height: auto;
        max-width: 100%;
        padding: 10px 0;
    }
    
    .megamenu-width .megapost {
        width: 100%;
        height: auto;
        float: none;
        display: block
    }
    
    .megamenu-width .megapost * {
        display: none;
    }
    
    .megamenu-width .megapost h2,.megamenu-width .megapost h2 * {
        display: block;
        position: relative;
        width: 100%;
        margin: 0;
        top: auto;
        bottom: auto;
        left: 0;
    }
    
    .megamenu-width .megapost h2 a {
        padding: 2px 20px;
        box-sizing: border-box;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-weight: 600;
        text-transform: uppercase;
        text-decoration: none;
        /* width: 170px; */
        color: #fff;
        display: block;
        padding: 9px 20px;
        z-index: 999;
        position: relative;
        font-size: 12px;
        line-height: 1.3em;
    }
    
    #page-title, #tmpbl4, .tmpbl4-cover, .tmpbl4-wrap {
        max-width: 100%
    }
    
    .wd-review-title, .wd-lk h2, .wd-slider-title h2, .wd-tmpbl2-title h2 {
        max-width: 80%
    }
    
    .wd-review-title h2 {
        max-width: 100%
    }
    
    #layout-left-home, #layout-left, #layout-pg-left {
        max-width: 62.66%;
        margin-right: 4%;
    }
    #layout-right {
        max-width: 62.66%;
        margin-left: 4%;
    }
    #sidebar-left {
        padding: 0;
        margin-left: 0;
    }
    #sidebar-right, #sidebar-left {
        width: 33.33%;
        box-sizing: border-box;
        margin-top: 21px;
    }
    #sidebar-left {
        margin-top: 40px;
    }
    .sng-aut-description {
        width: 62.66%;
        margin-left: 4%;
    }
    
    .sng-aut-avatar {
        max-width: 33.33%;
        box-sizing: border-box;
    }
    
    #comments, .comment-form-comment, .comment-form-comment #comment {
        width: 100%;
        box-sizing: border-box;
    }
    
    .sng-aut {
        height: auto
    }
    
    .feat-prev {
        left: 0;
        right: auto;
        width: 100px
    }
    
    .feat-next {
        left: auto;
        right: 0;
        width: 100px
    }
    
    .footer-col h3.wd-title-footer {
        text-align: center
    }
    
    .footer-col .widget, ul.contactform {
        width: 100%;
        box-sizing: border-box;
        margin-left: 0;
    }
    
    .footer-col {
        width: 33.33%;
        margin-left: 0%;
        margin-right: 0%;
    }
    
    #layout-home, .sng-dvct, .sng-cl {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    
    .sng-dvct > * {
        margin-left: 0;
        margin-right: 10px
    }
    
    .sng-cover img, .sng-cover {
        width: 100%;
        height: auto
    }
    
    #layout-home > * {
        max-width: 100%
    }
    
    .tmpbl1-cover {
        width: 48%;
        margin-right: 2%
    }
    
    .tmpbl1-wrap {
        width: 48%;
        margin-left: 2%;
    }
    
    #layout-home .tmpbl1-wrap p {
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 120px;
    }
    
    .widget {
        width: 100%;
        box-sizing: border-box;
        padding: 20px;
        margin-bottom: 40px;
    }
    
    .widget select {
        max-width: 100%
    }
    
    .flickr_badge_image {
        width: 31.33%;
        margin: 3px 1%;
        height: auto;
    }
    
    .flickr_badge_image a img, .snggreat-cover img {
        width: 100%;
        height: auto;
        display: block
    }
    
    #tmpbl1 {
        max-width: 100%;
        height: auto;
        overflow: hidden;
    }
    
    #wd-flickr, .widget_rss li, #snggreat {
        width: 100%;
    }
    #snggreat {
        margin: 0px 0 40px;
        height: auto !important;
    }
    .widget_calendar {
        display: none
    }
    
    #sidebar-right .widget {
        padding-right: 0
    }
    
    .widget_search #searchinput {
        width: 80%;
        box-sizing: border-box;
        height: 40px;
    }
    
    .widget_search #search-button {
        left: auto;
        right: 0;
        float: right;
    }
    
    .widget_search #searchform {
        overflow: hidden
    }
    
    .widget p img {
        width: 100%;
    
    }
    .widget img {
        max-width: 100%
    }
    
    .widget_blog_one *,.widget_blog_two *, .widget_blog_three * {
        width: 100%;
    }
    .wd-tmpbl2-vcl {
        left: 20px
    }
    .wd-tmpbl2-vcl > * {
        width: auto
    }
    
    .widget_blog_two .wd-tmpbl2-title, .widget_blog_three .wd-tmpbl3-posts h2, .wd-lk h2, .wd-photo-title h2, .wd-review-title h2, .snggreat-cover h1 {
        max-width: 80%
    }
    .snggreat-cover h1 {
        font-size: 30px;
    }
    .wd-video-title {
        max-width: 100%
    }
    
    .footer-social-wrap a {
        margin-right: 15px !important;
    }
    
    .footer-social-wrap a:last-child {
        margin-right: 0px !important
    }
    
    .wd-video-title h2, .tmpph-title h2 {
        max-width: 80%;
        clear: both;
    }
    
    .wd-tmpbl3-posts img {
        width: 320px;
        height: 244px;
    }
    
    .wd-lk, .wd-lk-cover, .wd-photo-posts, .wd-review-posts, .wd-review-bg, .wd-slider, .widget_soundcloud iframe, .tweets_list li, .wd-video-posts, .widget_youtube iframe, .widget_vimeo iframe {
        width: 100%;
    }
    
    #tmpbl2:nth-child(odd), #tmpvd:nth-child(odd), #tmpbl3:nth-child(odd), #tmpph:nth-child(odd), .sng-links-prev {
        width: 48%;
        margin-right: 2%;
        margin-left: 0;
        overflow: hidden;
        clear: left;
        
        left: 0 !important;
        top: auto !important;
        float: left;
        position: relative !important;
    }
    #tmpbl3 {
        height: 500px;
    }
    #tmpbl2:nth-child(even), #tmpvd:nth-child(even), #tmpbl3:nth-child(even), #tmpph:nth-child(even), .sng-links-next {
        width: 48%;
        margin-left: 2%;
        margin-right: 0;
        overflow: hidden;
        position: relative !important;
        left: auto !important;
        float: right;
        
        clear: right;
        top: auto !important;
    }
    
    .widget .wp-caption {
        box-sizing: border-box
    }
    
    .tmpbl2-cover, .tmpbl2-bg, .tmpvd-bg, .tmpvd-cover, .tmprw-cover, .tmprw-bg, .tmprw-cover img, .tmpbl3-wrap, .tmpph-title, .widget .wp-caption, .widget_recent_comments li, .widget_recent_entries li, .sng-links-prev span a, .sng-links-next span a {
        width: 100%;
    }
    
    .sng-links-prev span a, .sng-links-next span a {
        box-sizing: border-box
    }
    
    .tmprw-wrap {
        max-width: 100%;
    }
    
    .tmprw-note {
        max-width: 30%;
        font-size: 120px
    }
    
    .tmprw-qualifying {
        max-width: 30%;
        font-size: 25px
    }
    
    #tmpbl2 h2, .tmpbl2-text, .tmpvd-title, .wd-tmpbl3-posts h2, .wd-photo-title h2 {
        max-width: 80%
    }
    
    .info-dateC {
        bottom: 10px
    }
    
    .layout-fixed, .tmpbl3-cover, .sng-art, .sng-links, .sng-aut {
        width: 100%;
    }
    
    .tmprw-wrap h2 {
        max-width: 50%;
        top: 0;
        left: auto;
        right: 20px;
    }
    
    .tmprw-text {
        display: none
    }
    
    #logo {
        width: 300px;
    }
    
    .wd-tmpbl1-posts a {
        font-size: 12px;
    }
    
    body {
        overflow-x: hidden;
    }
    
    .tmpbl1-wrap p, .tmpbl3-wrap p {
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 120px;
    }
    
    .sng-bottom, #tmprw, #layout-media, .layout-media-fixed {
        max-width: 100%
    }
    
    .layout-media-fixed {
        max-width: 100%;
        overflow: hidden
    }
    
    #sngrw {
        max-width: 100%;
        box-sizing: border-box
    }
    
    .sngrw-rw {
        width: 50%;
    }
    
    #rwgreat {
        max-width: 100%;
        height: auto
    }
    
    .rwgreat-cover h1 {
        max-width: 80%
    }
    
    .rwgreat-cover img {
        max-width: 100%;
        height: auto
    }
    
    .sng-tag {
        width: 100%;
        margin-bottom: 20px;
        float: none;
        box-sizing: border-box;
    }
    
    .sng-social {
        width: 100%;
        margin-bottom: 20px;
        float: left;
    }
    
    .sng-art h1 {
        font-size: 28px;
    }
    
    .tmpvd-cover img {
        width: 100%;
        height: auto;
    }
    
    .jRatingColor {
        display: none
    }
    
    .sng-autR, .tmpbl2-cover, .tmpbl2-cover img, #tmpbl2, #tmpph, .tmpph-cover {
        max-width: 100%;
        height: auto;
    }
    
    .tmpph-cover, .tmpph-bg {
        width: 100%
    }
    .tmpph-cover img {
        display: block
    }
    .tmpph-title {
        max-width: 100%;
    }
    
    #tmpph img, #tmpph-cover {
        width: 100%;
        height: auto
    }
    
    #layout-left-home #tmpvd img, #layout-left-home #tmpph img {
        width: initial;
    }
    
    .sngmedia-vdvl {
        max-width: 100%;
        height: auto !important;
    }
    
    .phsng-col {
        max-width: 100%
    }
    
    ul.contactform #contactName, ul.contactform #email, ul.contactform #commentsText {
        width: 100%;
        box-sizing: border-box
    }
    .wd-tmpbl3-cat, .wd-tmpbl3-date {
        width: auto
    }
    .wd-tmpbl3-vcl * {
        width: auto !important
    }
    .wd-tmpbl2-bg, .wd-tmpbl3-bg, .wd-lk-bg, .wd-photo-bg, .wd-review-bg,
    .wd-video-bg, .wd-slider-bg, .tmpvd-bg, .snggreat-bg, .tmpbl2-bg, .tmpph-bg, .tmprw-wrap {
        height: 100% !important;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-size: contain;
        width: 100%
    }

}

/* ==== portrait tablet ==== */ 

@media(max-width: 1020px) {
    #copyright {
        padding:12px;
    }
    .wd-slider li img {
        width: 100% !important;
        height: auto !important;
        display: block;
    }
    .footer-col .wd-tmpbl2-cat, .footer-col .wd-tmpbl2-date {
        width: auto !important
    }
    .footer-col .wd-tmpbl2-posts, .footer-col .tweets_list li {
        width: 100%
    }
    #feat {
        display: none
    }
    
    .footer-col {
        width: 100%;
        float: none;
        margin-bottom: 0;
    }
    .wd-photo-title h2, .wd-review-title h2 {
        width: 100%;
        float: none;
        clear: both;
        display: block;
    }
    .wd-lk, .wd-lk-cover, .wd-lk-cover img,
    .wd-photo-posts, .wd-photo-posts img,
    .wd-review-posts, .wd-review-posts img,
    .wd-video-posts, .wd-video-posts img, .tmpvd-cover, #tmpvd, .tmpvd-cover img {
        width: 100%;
        height: auto !important;
        display: block
    }
    
    .wd-tmpbl2-cover img, .wd-tmpbl3-posts img {
        width: 100%;
        display: block;
    }
    .wd-tmpbl2-vcl {
        left: 0;
        padding: 0 20px;
    }
    .wd-tmpbl2-cover {
        position: relative
    }
    .wd-tmpbl1-posts, .wd-tmpbl1-posts img,
    .wd-tmpbl2-cover, .wd-tmpbl2-posts, .wd-tmpbl2-posts img,
    .wd-tmpbl3-posts img, .wd-tmpbl3-cover, .wd-tmpbl3-posts, .wd-tmpbl3-bg
    {
        height: auto !important;
    
    }
    
    #news {
        width: 260px
    }
    #wizemenu > ul li {
        float: none;
        display: block
    }
    #wizemenu > ul li a {
        padding: 5px 0
    }
    #wizemenu > ul {
        background: rgba(0,0,0,0.95);
        padding: 20px;
        margin-top: 00px;
        display: none;
    }
    #wizemenu > ul li > div,
    #wizemenu > ul li ul {
        display: block;
        visibility: visible;
        opacity: 1;
        position: relative;
        left: 0px;
        top: 100%;
        padding: 0;
        background: transparent;
    }
     #wizemenu > ul li > div li,
     #wizemenu > ul li ul li {

        background: transparent;
    }
      #wizemenu > ul li > div li a,
     #wizemenu > ul li ul li a{
        color: rgba(255,255,255,0.7);
        padding:5px !important;
    }
      #wizemenu > ul li > div li a:before,
     #wizemenu > ul li ul li a:before {
         content:"- "
     }
    .bars {
        display: inline-block;
        width: 60px;
        height: 40px;
        background-color: #000;
        background-image: url("../images/bars.png");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin-top: 8.5px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: pointer;
    }
    #menu {
        margin-top: 0
    }
    #slider {
        height: auto !important
    }
    #layout-left-home, #layout-left, #layout-pg-left, #layout-right {
        width: 100%;
        float: none;
        margin-right: 0;
        max-width: 100%;
        margin-left: 0;
    }
    #sidebar-right, #sidebar-left {
        width: 100%;
        float: none;
        margin-right: 0;
        max-width: 100%;
        margin-top: 50px;
        margin-left: 0;
        padding: 0;
    }
    .rsDefault .rsThumbsVer {
        width: 50% !important;
        float: right !important
    }
    .rsOverflow {
        width: 50% !important;
        float: left !important
    }
    .videoGallery .rsThumbs .rsThumb {
        width: 100%
    }
    .widget label {
        display: block;
        clear: both;
        float: none;
    }
    h3.sh-title {
        top: 0
    }
    .wd-slider {
        height: auto
    }
    .wd-slider-title h2 {
        clear: both
    }
    #sngmedia iframe {
        height: 330px;
    }
    
    #header-banner, #header-banner-none, #leaderboard-banner {
        display: none;
    }

}

/* ==== landscape phone ==== */ 

@media (max-width: 735px) {
    .header-row {
        height: 230px !important;
        padding-top: 10px;
    }
    #logo {
        float: none;
        margin: 0 auto 0;
    }
    #news {
        margin: 20px auto 0;
        float: none;
    }
    #social-header {
        float: left;
    }
    #top-menu {
        height: 50px;
    }
    #slider h2 a, #slider h2, .sngmedia-title h1 {
        font-size: 20px;
        line-height: 1.4
    }
    #slider p {
        display: none
    }
    .tmpbl1-cover {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
        float: none
    }
    .tmpbl1-wrap {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        float: none;
        padding-top: 20px;
    }
    .grid figure figcaption {
        box-sizing: border-box
    }
    figure img {
        width: 100% !important;
        height: auto !important;
        transform: none !important;
    
    }
    .info-date {
        margin-top: 0;
        margin-right: 5px
    }
    #tmpbl1 {
        margin-bottom: 80px;
    }
    .rsDefault .rsThumbsVer {
        display: none
    }
    #tmpbl2:nth-child(odd), #tmpvd:nth-child(odd), #tmpbl3:nth-child(odd),
    #tmpph:nth-child(odd), .sng-links-prev, #tmpbl2:nth-child(even),
    #tmpvd:nth-child(even), #tmpbl3:nth-child(even), #tmpph:nth-child(even), .sng-links-next, .rsOverflow {
        width: 100% !important;
        float: none !important;
        margin-left: 0;
        margin-right: 0
    }
    .rsOverflow .rsSlide {
        left: 0 !important
    }
    .tmprw-wrap h2, .info-dateC, .info-vclC {
        display: none
    }
    .tmprw-cover img {
        display: block
    }
    .tmprw-note {
        max-width: 100%;
        font-size: 120px;
        color: rgba(255, 255, 255, 0.9);
    }
    
    .tmprw-qualifying {
        max-width: 100%;
        font-size: 25px;
        color: rgba(255, 255, 255, 1);
    }
    .tmprw-qualifying span {
        color: rgba(255, 255, 255, 0.9);
    }
    .tmpbl4-cover {
        height: auto !important;
    }
    #sidebar-right {
        border-left: 0
    }
    #sidebar-right .widget {
        padding-left: 0;
    }
    h3.wd-title {
        margin-top: -20px;
    }
    #wrap {
        padding-left: 20px;
        padding-right: 20px;
    }
    #slider {
        width: -webkit-calc(100% + 40px) !important;
        width: -moz-calc(100% + 40px) !important;
        width: calc(100% + 40px) !important;
    }
    #slider {
        margin-left: -20px !important;
        margin-right: -20px !important;
        ;
    }
    
    #contback {
        max-width: 95%
    }
    .grid figure {
        float: none !important;
        width: 100%;
        height: auto !important;
    }
    img.sngph-photo, .snggreat-info {
        width: 100%;
        height: auto;
        display: block;
        margin-left: 0 !important;
    }
    .tmpbl2-cover img,
    img.rsImg, #layout-left-home #tmpvd img, #layout-left-home #tmpph img {
        width: 100% !important;
        height: auto !important;
        display: block !important;
        margin-left: 0 !important;
    }
    .snggreat-cover h1, .rwgreat-cover h1 {
        font-size: 20px;
        bottom: 40px
    }
    .snggreat-info {
        bottom: 5px
    }
    .rwgreat-info {
        bottom: 15px;
    }
    .rwgreat-like {
        top: 40px;
        right: 9px;
    }
    .snggreat-view, .snggreat-time {
        display: none
    }
    .snggreat-like, .rwgreat-social {
        top: 10px;
        right: 10px;
    }
    .sng-aut-avatar {
        display: none
    }
    .sng-aut-description {
        width: 100%;
        margin-left: 0;
    }
    .sngrw-rw {
        width: 100%
    }
    .sngrw-note {
        right: 0;
        margin: 0 auto;
        float: none;
        left: 0;
        display: block;
        /* top: 210px; */
        position: relative;
        padding-bottom: 40px;
    }
    .tmpbl3-cover, .tmprw-bg, .tmprw-cover, .tmprw-cover img, .sng-bottom, #tmprw, #layout-media, .layout-media-fixed {
        height: auto !important
    }
    .tmprw-qualifying span, .tmprw-note {
        clear: both;
        display: block;
        float: none;
        width: 200px;
        margin: 0 auto;
        left: 0;
        right: 0;
        float: none;
        top: 25px;
    }
    .tmprw-note {
        top: auto;
        bottom: 30px;
        font-size: 60px;
    }
    .tmprw-qualifying {
        top: auto;
        bottom: 70px;
        margin: 0 auto;
        left: 0;
        right: 0;
    }
    
    #header-banner, #header-banner-none, #leaderboard-banner {
        display: none;
    }
}

/* ==== portrait phone ==== */ 

@media (max-width: 450px) {
    #logo {
        max-width: 284px;
    }
    #logo img {
        width: 100%;
        height: auto
    }
    
    #top-menu {
        padding: 0 10px;
    }
    #wizetopmenu > ul > li > a {
        
        margin: 0
    }
    #wizetopmenu > ul li, #social-header, #social-header a {
        display: inline-block;
        float: none;
        margin: 0 3px;
    }
    #wizetopmenu ul, #top-menu {
        text-align: center;
        margin-top: 0;
        margin-left: 0;
        padding: 0;
        margin-bottom: 0;
        max-height: 45px;
    }
    .top-menu-time {
        display: none
    }
    .header-row {
        padding: 10px;
    }
    .mss-row {
        padding: 0 10px;
    }
    ul.contactform {
        padding: 0;
        margin-left: 0;
    }
    
    .tp-caption.sldleft-cat {
        display: none
    }
    #tmpbl2 h2, .tmpvd-title h2, .wd-video-title h2, .tmpph-title h2, .sng-art h1 {
        font-size: 16px;
    }
    
    #tmpbl3 {
        height: 450px;
    }
    
    #sngrw {
        padding: 10px
    }
    .wd-tmpbl2-title h2, .wd-lk h2, .wd-photo-title h2, .wd-review-title h2,
    .wd-slider-title h2, .widget_blog_two .wd-tmpbl2-title, .widget_blog_three .wd-tmpbl3-posts h2,
    .wd-lk h2, .wd-photo-title h2, .wd-review-title h2, .snggreat-cover h1, #tmpbl2 h2,
    .tmpvd-title h2, .wd-video-title h2, .tmpph-title h2, .rwgreat-cover h1, .sngrw-rw-title {
        font-size: 14px;
    }
    #page-title h1, #page-title h1 span {
        font-size: 20px !important;
        line-height: 25px !important;
        height: auto;
    }
    .tmpbl4-wrap h2 {
        font-size: 20px
    }
    .sng-links-prev span a, .sng-links-next span a {
        padding: 10px;
        font-size: 12px;
    }
    .snggreat-com {
        font-size: 0px !important;
        line-height: 20px;
    }
    #sngmedia iframe {
        height: 200px;
    }
    
    #header-banner, #header-banner-none, #leaderboard-banner {
        display: none;
    }

}