/******************************************************
	Smaller than 1200px
*******************************************************/

@media screen and (max-width: 1200px) {
	
	.wrapper {
		width: 1000px;
	}

    /*-------------------------------------------*\
        Responsive Menu Styling
    \*-------------------------------------------*/

    #menu-icon {
        display: inline-block;
        width: 58px;
        height: 37px;
        margin-top: 14px;
        background: url(../images/hamburger-icon.png) no-repeat;
        background-color: rgba(255,255,255,0.2);
        cursor: pointer;
        transition: color .3s;
    }

    #main-header.stick-it {
        position: static;
        animation-name: none;
    }

    #main-nav {
        position: absolute;
        left: 0;
        top: 66px;
        z-index: 1000;
        display: none;
        min-width: 298px;
        height: auto;
        border: 1px solid #eee;
        background-color: #fff;
    }

    #main-nav li {
        display: block;
        width: 100%;
        height: auto;
        clear: both;
        border-bottom: 1px solid #eee;
        line-height: 44px;
    }

    #main-nav li:last-child {
        border-bottom: none;
    }

    #main-nav li a {
        display: block;
        height: 43px;
        padding-left: 20px;
        color: #444;
        font-weight: 400;
    }

    #main-nav li a:hover,
    #main-nav ul li ul a:hover {
        color: #999 !important;
    }

    /*** Main Nav Drop Down Menu ***/

    #main-nav
    .drop-sign {
        display: none;
    }
    
    #main-nav .menu li ul {
        position: static;
        display: block !important;
        visibility: visible;
        float: none;
        background-color: transparent;
        border: none;
        border-top: 1px solid #eee;
        opacity: 1;
    }

    #main-nav ul li ul a {
        font-size: 14px;
    }

    /*-------------------------------------------*\
       Homepage Styling
    \*-------------------------------------------*/

    /*** Hero Section Styling ***/

    #song-info-wrap {
        width: 868px;
    }

    #seek-wrapper {
        width: 820px;
    }

    #player-earphones {
        left: 462px;
    }

    /*** Albums Section Styling ***/

    .album,
    .album-thumb {
        width: 307px;
        height: 307px;
    }

    .album-overlay {
        height: inherit;
    }

    .lines-deco {
        bottom: -18px;
    }

    .album .deco-line-1 {
        width: 297px;
    }

    .album .deco-line-2 {
        width: 287px;
    }

    .album .deco-line-3 {
        width: 277px;
    }

    /*** Events Section Styling ***/

    #events 
    .wrapper {
        background: none;
    }

    #events-list {
        width: 100%;
    }

    /*** Video Section Styling ***/

    #video-wrap {
        width: 100%;
        height: 557px;
    }

    #video 
    .wrapper {
        background: none;
    }

    #video-wrap iframe {
        height: inherit;
    }

    #video-wrap 
    .lines-deco {
        bottom: -21px;
        width: 98%;
    }

    #video-wrap .deco-line-1 {
        width: 978px;
    }

    #video-wrap .deco-line-2 {
        width: 956px;
    }

    #video-wrap .deco-line-3 {
        width: 934px;
    }

    /*** Bio Section Styling ***/

    #bio-wrap {
        width: 100%;
    }

    #bio 
    .wrapper {
        background: none;
    }

    #bio .entry {
        width: 388px;
    }

    /*** Shop Section Styling ***/

    .shop-item {
        width: 307px;
    }

    .item-image-wrap {
        width: 100%;
        height: 389px;
        margin-bottom: 35px;
    }

    .item-image,
    .item-overlay {
        height: inherit;
    }

    .item-onsale {
        bottom: 0;
    }

    .shop-item 
    .lines-deco {
        width: 297px;
        bottom: 0px;
    }

    .item-image-wrap
    .deco-line-1 {
        width: 297px;
    }

    .item-image-wrap
    .deco-line-2 {
        width: 287px;
    }

    .item-image-wrap
    .deco-line-3 {
        width: 277px;
    }

    /*-------------------------------------------*\
       Page Template Styling
    \*-------------------------------------------*/

    #page-with-sidebar {
        width: 100%;
        float: none;
    }

    .entry .wpcf7 {
        margin-bottom: 0;
    }

    /*-------------------------------------------*\
       Albums Page Styling
    \*-------------------------------------------*/

    .post-type-archive-musos_albums 
    .album {
        margin-bottom: 57px;
    }

    #single-album .entry {
        width: 58.3%;
    }

    /*-------------------------------------------*\
       Videos Page Styling
    \*-------------------------------------------*/

    .post-type-archive-musos_videos 
    .wrapper, .single-musos_videos 
    .wrapper {
        background: none;
    }

    #videos {
        float: none;
        margin-right: auto;
        margin-left: auto;
    }

    /*-------------------------------------------*\
       Blog / Single Page Styling
    \*-------------------------------------------*/

    #posts,
    #single-post {
        width: 100%;
        float: none;
    }

    .blog-post {
        width: 99.8%;
    }

    .video-post-icon {
        left: 467px;
    }

    /*-------------------------------------------*\
       Main Sidebar Styling
    \*-------------------------------------------*/

    #main-sidebar {
        width: 100%;
        float: none;
        clear: both;
    }

    /*** Main Sidebar Widgets ***/

    .widget #s, 
    .widget .search-field {
        width: 874px;
    }

    #main-sidebar
    .video-widget-wrap,
    #main-sidebar 
    .widget_molavid iframe {
        height: 558px;
    }

    /*-------------------------------------------*\
       Main Footer Styling
    \*-------------------------------------------*/

    #main-footer .widget {
        width: 307px;
    }

    #main-footer #s, 
    #main-footer .search-field {
        width: 181px;
    }

    /*** Copyright DIV Styling ***/

    #copyright { 
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    #copyright p {
        float: none;
        margin: 30px 0 20px 0;
        line-height: normal;
        text-align: center;
    }

    #copyright ul {
        position: relative;
        left: 50%;
        float: left;
        margin-bottom: 30px;
    }

    #copyright li { 
        position: relative;
        right: 50%;
        display: block;
        line-height: normal;
    }

    #copyright li:first-child {
        margin-left: 0;
    }

}

/******************************************************
    Smaller than 1000px
*******************************************************/

@media screen and (max-width: 1000px) {
    
    .wrapper {
        width: 700px;
    }

    /*-------------------------------------------*\
       Homepage Styling
    \*-------------------------------------------*/

    /*** Home Hero Styling ***/

    #hero-content h1 {
        font-size: 50px;
        line-height: 60px;
    }

    #hero-content h2 {
        font-size: 34px;
    }

    #hero-audio,
    #song-info-wrap {
        height: 120px;
    }

    #player-earphones {
        left: 312px;
    }

    #song-info-wrap {
        width: 568px;
    }

    #now-playing,
    #now-playing + 
    .regular-spaced {
        display: none;
    }

    .jp-current-time,
    .jp-duration {
        padding: 20px 0;
    }

    #seek-wrapper {
        width: 520px;
        top: 99px;
    }

    /*** Albums Section Styling ***/

    .album {
        margin-right: 33px;
    }

    .album,
    .album-thumb {
        width: 211px;
        height: 211px;
    }

    .album .deco-line-1 {
        width: 201px;
    }

    .album .deco-line-2 {
        width: 191px;
    }

    .album .deco-line-3 {
        width: 181px;
    }

    /*** Events Section Styling ***/

    .event-details {
        max-width: 51%;
        margin-left: 26px;
    }

    /*** Video Section Styling ***/

    #video-wrap {
        height: 402px;
    }

    #video-wrap .deco-line-1 {
        width: 678px;
    }

    #video-wrap .deco-line-2 {
        width: 656px;
    }

    #video-wrap .deco-line-3 {
        width: 634px;
    }

    /*** Artist Section Styling ***/

    #artist-photo-wrap {
        width: 260px;
    }

    #artist-photo-wrap, 
    #artist-photo {
        height: 292px;
    }

    #artist-photo-wrap .lines-deco {
        bottom: -21px;
    }

    #artist-photo-wrap  
    .deco-line-1 {
        width: 240px;
    }

    #artist-photo-wrap  
    .deco-line-2 {
        width: 220px;
    }

    #artist-photo-wrap  
    .deco-line-3 {
        width: 200px;
    }

    #bio .entry {
        width: 410px;
        padding-top: 15px;
    }

    /*** Shop Section Styling ***/

    .shop-item {
        width: 211px;
        margin-right: 33px;
    }

    .item-image-wrap {
        height: 267px;
    }

    .shop-item 
    .lines-deco {
        width: 201px;
    }

    .item-image-wrap
    .deco-line-1 {
        width: 201px;
    }

    .item-image-wrap
    .deco-line-2 {
        width: 191px;
    }

    .item-image-wrap
    .deco-line-3 {
        width: 181px;
    }

    /*-------------------------------------------*\
       Page Template Styling
    \*-------------------------------------------*/

    .entry 
    .wpcf7-textarea {
        width: 688px;
    }

    /*-------------------------------------------*\
       Albums Page Styling
    \*-------------------------------------------*/

    .single-album-thumb {
        margin-bottom: 29px;
    }

    #single-album .entry {
        width: 100%;
        float: none;
        clear: both;
    }

    /*-------------------------------------------*\
       Shop Single Page Styling
    \*-------------------------------------------*/

    #shop .product .summary {
        margin-top: 18px;
    }

    /*-------------------------------------------*\
       Videos Page Styling
    \*-------------------------------------------*/

    #videos {
        width: 100%;
    }

    #videos .blog-post {
        width: 698px;
    }

    .post-media iframe {
        height: 400px;
    }

    /*-------------------------------------------*\
       Blog / Single Page Styling
    \*-------------------------------------------*/

    .blog-post {
        width: 99.7%;
    }

    #posts .post-thumb {
        min-height: 348px;
    }

    .video-post-icon {
        left: 317px;
    }

    /*-------------------------------------------*\
       Shop Single Page Styling
    \*-------------------------------------------*/

    .woocommerce div.product div.images {
        margin-bottom: 12px;
    }

    .woocommerce #content div.product div.summary, 
    .woocommerce div.product div.summary, 
    .woocommerce-page #content div.product div.summary, 
    .woocommerce-page div.product div.summary {
        width: 100%;
    }

    /*-------------------------------------------*\
       Main Sidebar Styling
    \*-------------------------------------------*/

    /*** Main Sidebar Widgets ***/

    .widget #s, 
    .widget .search-field {
        width: 574px;
    }

    #main-sidebar
    .video-widget-wrap,
    #main-sidebar 
    .widget_molavid iframe {
        height: 402px;
    }

    /*-------------------------------------------*\
       Main Footer Styling
    \*-------------------------------------------*/

    #main-footer .widget {
        width: 211px;
        margin-right: 33px;
    }

    .info-widget {
        overflow-wrap: break-word;
    }

    .info-widget li:before {
        float: left;
    }

    #main-footer #s, 
    #main-footer .search-field {
        width: 85px;
    }

    #main-footer .small-posts 
    .post-thumb {
        margin-bottom: 11px;
    }

    #main-footer .small-posts 
    .post-content {
        clear: both;
        overflow: visible;
    }

}

/******************************************************
    Smaller than 700px
*******************************************************/

@media screen and (max-width: 700px) {
    
    .wrapper {
        width: 300px;
    }

    #menu-icon {
        float: right;
    }

    #header-elements {
        display: none;
    }

    #hero-text h1 {
        font-size: 36px;
        line-height: 46px;
    }

    /*-------------------------------------------*\
       Homepage Styling
    \*-------------------------------------------*/

    /*** Hero Styling ***/

    #hero-content {
        bottom: 300px;
    }

    #hero-content h1 {
        margin-bottom: 22px;
        font-size: 32px;
        line-height: 46px;
    }

    #hero-content h2 {
        margin-bottom: 44px;
        font-size: 26px;
    }

    #home-hero 
    .call-action-btn {
        max-width: 282px;
        min-width: 282px;
    }

    .call-action-btn a {
        max-width: 242px;
        min-width: 242px;
    }

    #hero-audio, 
    #song-info-wrap {
        height: 160px;
    }

    #player-earphones {
        left: 112px;
    }

    #song-info-wrap {
        width: 168px;
    }

    #song-info {
        width: 80%;
        margin-top: 20px;
        font-size: 15px;
    }

    #song-info span {
        display: block;
        clear: both;
    }

    .regular-spaced {
        padding: 3px 0;
    }

    #song-info 
    #now-playing {
        display: none;
    }

    .player-time {
        top: 94px;
    }

    #seek-wrapper {
        width: 120px;
        top: 152px;
    }

    /*** Sections Headings Styling ***/

    .section-header h1 {
        font-size: 30px;
    }

    .section-header h2 {
        line-height: 28px;
    }

    /*** Albums Section Styling ***/

    .album {
        margin-right: 0;
    }

    .album, .album-thumb {
        width: 300px;
        height: 300px;
    }

    .album .deco-line-1 {
        width: 290px;
    }

    .album .deco-line-2 {
        width: 280px;
    }

    .album .deco-line-3 {
        width: 270px;
    }

    /*** Events Section Styling ***/

    .event {
        height: auto;
        padding-bottom: 66px;
        line-height: normal;
    }

    .event-date {
        width: 100%;
    }

    .event-details {
        display: block;
        max-width: 90%;
        height: auto;
        float: none;
        clear: both;
        padding: 30px 0;
        overflow: visible;
        margin: 0 auto;
        line-height: 26px;
        white-space: normal;
        text-align: center;
    }

    .event-details span {
        display: block;
        width: inherit;
        clear: both;
        float: none;
        overflow: visible;
        margin: 0 auto;
    }

    .event-buttons {
        width: 90%;
        float: none;
        margin: 0 auto 30px auto;
    }

    .more-info-btn {
        float: none;
        margin: 30px 0 0 0;
    }

    .event-share-trig {
        display: block;
        margin: 0 auto;
    }

    .event-share {
        margin-top: 0;
        margin-left: 50px;
    }

    #events 
    .call-action-btn {
        width: 282px;
    }

    #events 
    .call-action-btn a {
        width: 280px;
    }

    #date-bg {
        display: none;
    }

    /*** Video Section Styling ***/

    #video-wrap {
        height: 178px;
    }

    #video-wrap .deco-line-1 {
        width: 278px;
    }

    #video-wrap .deco-line-2 {
        width: 256px;
    }

    #video-wrap .deco-line-3 {
        width: 234px;
    }

    /*** Bio Section Styling ***/

    #artist-photo-wrap {
        width: 300px;
        float: none;
    }

    #artist-photo-wrap, 
    #artist-photo {
        height: 337px;
    }

    #artist-photo-wrap  
    .deco-line-1 {
        width: 280px;
    }

    #artist-photo-wrap  
    .deco-line-2 {
        width: 260px;
    }

    #artist-photo-wrap  
    .deco-line-3 {
        width: 240px;
    }

    #bio .entry {
        width: 300px;
        padding-top: 62px;
    }

    /*** Shop Section Styling ***/

    .shop-item {
        width: 300px;
        margin-right: 0;
        margin-bottom: 40px;
    }

    .page-template-homepage 
    .shop-item:last-child {
        margin-bottom: 0;
    }

    .item-image-wrap {
        height: 380px;
    }

    .item-image-wrap
    .deco-line-1 {
        width: 290px;
    }

    .item-image-wrap
    .deco-line-2 {
        width: 280px;
    }

    .item-image-wrap
    .deco-line-3 {
        width: 270px;
    }

    /*-------------------------------------------*\
       Page Template Styling
    \*-------------------------------------------*/

    .entry 
    .wpcf7-text,
    .entry 
    .wpcf7-textarea {
        width: 288px;
    }

    /*-------------------------------------------*\
       Albums Page Styling
    \*-------------------------------------------*/

    .single-album-thumb {
        width: 100%;
        height: auto;
    }

    /*-------------------------------------------*\
       Error Page Styling
    \*-------------------------------------------*/

    .error-content-wrap {
        margin-bottom: 80px;
    }

    .error-content-wrap 
    #searchform {
        width: 300px;
    }

    .error-content-wrap #s {
        width: 174px;
    }

    /*-------------------------------------------*\
       Videos Page Styling
    \*-------------------------------------------*/

    #videos .blog-post {
        width: 298px;
    }

    .post-media iframe {
        height: 168px;
    }

    /*-------------------------------------------*\
       Blog / Single Page Styling
    \*-------------------------------------------*/

    .blog-post {
        width: 298px;
    }

    #posts .post-thumb {
        min-height: 151px;
    }

    .video-post-icon {
        left: 118px;
        top: 33%;
    }

    .more-btn {
        display: none;
    }

    #single-share .twitter {
        margin-bottom: 30px;
    }

    #single-share-plus {
        display: none;
    }

    #single-share .google,
    #single-share .pinterest {
        opacity: 1;
    }

    #related-posts .small-post {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }

    #related-posts 
    .small-post:last-child {
        margin-bottom: 0;
    }

    .comment .children {
        margin-left: 10px;
    }

    /*-------------------------------------------*\
       Main Sidebar Styling
    \*-------------------------------------------*/

    /*** Main Sidebar Widgets ***/

    .widget #s, 
    .widget .search-field {
        width: 174px;
    }

    .video-widget-wrap,
    .widget_molavid iframe {
        height: 168px !important;
    }

    /*-------------------------------------------*\
       Main Footer Styling
    \*-------------------------------------------*/

    #main-footer .widget {
        width: 100%;
        margin-right: 0;
    }

    #copyright li {
        margin-left: 10px;
    }

}