.slicknav_menu,
.js #menu {
    display: none;
}




/*---------------------------  Universal Site Styles  ---------------------------*/

@media (max-width:1217px) {
    .box_top {
        margin-left: auto;
        left: 0;
    }
    .mobile-banner {
    margin-top: 95px;
    }
    .top_bar {
        display: none;
    }
    .padding_center {
        padding-left: 8px;
        padding-right: 8px;
    }
    .box-main-banner {
        padding-top: 130px;
    }

}


@media (max-width: 980px) {    
    .box_body {
        padding-top: 95px;
    }

    .box_top {
        padding: 15px 0 15px 0;
        border: 0;
    }

    .box_logo img {
    }

    .js .slicknav_menu {
        display: block;
        box-shadow: 0 0 10px #333333;
        background: rgba(0,0,0,0.9);
    }

    .slicknav_brand img {
        width: 260px;
        padding: 10px 0px;
    }

    .desktop-menu {
        display: none;
    }

    .box_social {
        display: none;
    }

    .box_logo {
        display: none;
    }

    .pencil-edit {
        display: none;
    }

    .featured {
        display: none;
    }

    .box_top {
        background: transparent !important;
        box-shadow: 0 0 10px transparent;
    }

    .mobile-banner {
        display: block;
        text-align: center;        
        width: 100%;
    }

        .mobile-banner img {
            width: 100%;
        }

    .large_banner {
        display: none !important;
    }

    .box_newsletter_signup {
        -webkit-border-bottom-right-radius: 0px;
        -webkit-border-bottom-left-radius: 0px;
        -moz-border-radius-bottomright: 0px;
        -moz-border-radius-bottomleft: 0px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
        padding-top: 30px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 15px;
        width: 100%;
    }
    .col-newsletter {
    	display: block;
    }

    .box_footer {
    }

    .box_footer_left {
        width: 100%;
    }

    .box_footer_right_top {
        width: 100%;
    }

    .box_footer_right {
        width: 33%;
    }

    .box_body, .box_top, .box_footer, .box_body_home, .box_red_title, .box_red_bar, .box_home_left, .box_home_center, .box_home_right, .bg_body_home {
        width: 100%;
    }

    .box_home_left, .box_home_center, .box_home_right {
        text-align: center;
    }

    .top_container {
        position: relative;
    }

    .box_body_home .padding_left {
        padding-right: 0px;
    }

    .box_body_home .padding_right {
        padding-left: 0px;
    }
        

    .videowrapper {
        float: none;
        clear: both;
        width: 100%;
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 25px;
        height: 0;
    }

        .videowrapper iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
        /* 
    Make the Facebook Like box responsive (fluid width)
    https://developers.facebook.com/docs/reference/plugins/like-box/ 
    */

        /* 
    This element holds injected scripts inside iframes that in 
    some cases may stretch layouts. So, we're just hiding it. 
    */

    #fb-root {
        display: none;
    }

    /* To fill the container and nothing else */

    .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
        width: 100% !important;
    }

    .artist_cat_icon {
        display: none;
    }

    a.artist_link_mobile {
        display: block;
        background-color: #710407;
        color: white;
        width: 85%;
        margin: 10px;
        padding: 10px;
        font-size: 16px;
    }

        a.artist_link_mobile:hover {
            background-color: #9f0e11;
            color: white;
        }

    .artist_datacolumn {
        width: 100%;
        padding: 0px 10px 0px 10px;
        margin: 0px;
        clear: both;
    }

    a.red_bar_link {
        display: block;
        background-color: #710407;
        color: white;
        width: 85%;
        margin-bottom: 10px;
        padding: 10px;
        font-size: 16px;
    }

        a.red_bar_link:hover {
            background-color: #9f0e11;
            color: white;
        }


    .div_artist_image {
        float: left;
        display: block;
        width: 100%;
        text-align: center;
        margin: 0px;
    }

    .image_credit {
        display: block;
        text-align: center;
        padding-bottom: 10px;
        width: 100%;
    }

    .div_artist_content {
        clear: both;
    }

    .related_stories_content {
        width: 60%;
    }

    .box-events-date {
        margin-bottom: 20px;
        font-size: 16x;
        font-weight: bold;
        width: 100%;
    }

    .box-events-info {
        clear: both;
    }



    /*--------------News Pages------------------*/

    .cat-story-detail {
        margin-left: 10px;
        width: 60%;
    }

    .cat-story-thumb {
        float: right;
        padding: 10px;
    }

    /*--------------Media Pages------------------*/
    .youtube_vid {
        width: 100%;
    }

    .desktop-menu {
        display: none;
    }

    .mobile-menu {
        display: block;
    }

    .box_top {
        padding: 15px 0 15px 0;
        border: 0;
    }

    .box_logo img {
        width: 80%;
    }

    .mobile-banner {
        display: block;
        text-align: center;
    }

        .mobile-banner img {
            width: 100%;
        }

    .large_banner {
        display: none !important;
    }

    .box_footer_left {
        width: 100%;
    }

    .box_footer_right_top {
        width: 100%;
    }

    .box_footer_right {
        width: 33%;
    }

    .box_body, .box_top,
    .box_footer,
    .box_body_home,
    .box_red_title,
    .box_red_bar,
    .box_home_left,
    .box_home_center,
    .box_home_right,
    .bg_body_home {
        width: 100%;
    }

    .box_home_left,
    .box_home_center,
    .box_home_right {
        text-align: center;
    }

    .top_container {
        position: relative;
    }

    .box_body_home .padding_left {
        padding-right: 0px;
    }

    .box_body_home .padding_right {
        padding-left: 0px;
    }

    .videowrapper {
        float: none;
        clear: both;
        width: 100%;
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 25px;
        height: 0;
    }

        .videowrapper iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

    .col-product-group {
        width: 49%;
    }


   /*--------------Event Layout------------------*/ 

   .box-event-spotlight table {
   	width: 100%!important;
   }
   .box-event-spotlight td {
   	width: auto!important;
   }
   .box-event-spotlight img {
   	width: 100%;
   	height: auto;
   }
    .box-event-spotlight .col-half,
    .box-event-spotlight .other-groups td {
    	width: 100%;
    	display: block;
    }


    /*--------------Product Pages------------------*/

    .product_artist_image {
    float: none;
    margin-right: 0px;
    margin-bottom: 10px;
    width: 100%;    
}
.product_artist_image img {    
    width: auto;    
}
.product_artist_desc {
    float: none;
    width: 100%;
}



    /* 
 	Make the Facebook Like box responsive (fluid width)
 	https://developers.facebook.com/docs/reference/plugins/like-box/ 

 	This element holds injected scripts inside iframes that in 
 	some cases may stretch layouts. So, we're just hiding it. 
 	*/
    #fb-root {
        display: none;
    }

    /* To fill the container and nothing else */
    .fb_iframe_widget,
    .fb_iframe_widget span,
    .fb_iframe_widget span iframe[style] {
        width: 100% !important;
    }        

}
@media (max-width: 980px) {
	.box-main-banner {
		padding-top: 91px;
	}
}
@media (max-width: 900px) {
    .col-6 {
        width: 100%;
        float: none;
    }

    .story-image-right {            
        width: 250px;
    }
    .ms-layer H1 {
    	font-size: 28px;
    }

}

@media (max-width: 830px) {
    .box-dealers-map {
        width: 100%;
    }

    .box-product-detail-content {
        width: 100%;
        float: none;
    }

    .box-product-detail-img {
        width: 100%;
        float: none;
        text-align: center;
    }
    .dealer-logo {
        display: none;
    }
    .pub-col,
    .pub_table td {
    	display: block;
    	width: 100%;
    	text-align: left!important;
    }
}

@media (max-width: 780px) {
    .artist-list td {
        width: 50%;
    }

    .artist-list a:link,
    .artist-list a:visited {
        font-size: 18px;
    }

	.span_12 {
		width: 100%;
	}

	.span_11 {
		width: 100%;
	}

	.span_10 {
		width: 100%;
	}

	.span_9 {
		width: 100%;
	}

	.span_8 {
		width: 100%;
	}

	.span_7 {
		width: 100%;
	}

	.span_6 {
		width: 100%;
	}

	.span_5 {
		width: 100%;
	}

	.span_4 {
		width: 100%;
	}

	.span_3 {
		width: 100%;
	}

	.span_2 {
		width: 100%;
	}

	.span_1 {
		width: 100%;
	}
}

@media (max-width: 670px) {
    .col-5,
    .col-7 {
        width: 100%;
    }

    .box_product_spotlight {
        float: none;
        text-align: center;
    }

    .box-about-logo img {
        width: 100%;
    }

    .story-image-right {            
        width: 220px;
    }
    .ms-layer H1 {
    	font-size: 20px;
    }
}

@media (max-width: 600px) {
    .col-product-group {
        width: 100%;
        float: none;
    }


    .cat-story-detail {
        margin-left: 10px;
        width: 95%;
    }

    .cat-story-thumb {
        clear: both;
        float: none;
        margin: 10px;
        text-align: center;
    }

}

@media (max-width: 580px) {
    
    .box_logo {
        min-height: 65px;
    }
    
    .home-media-button {
        float: none;
        width: 100%;
    }

    .home-media-title {
        float: none;
        width: 100%;
    }
    .box_logo {
        min-height: 65px;
    }
    
    .home-media-button {
        float: none;
        width: 100%;
    }

    .home-media-title {
        float: none;
        width: 100%;
    }    
    
    .story-main-content {
        float: left;
        width: 100%;        
    }
    .story-image-right {            
        float: none;
        clear: both;
        margin: 0 auto;
        padding-top: 10px;        
    }



    .columns_2 {
        float: none;
        clear: both;                
        width: 95%;
        margin: 0 auto;
        padding-right: 10px;
    }

    .story_content img, .story_content img.story_image_right_sm {       
        float: none;
        width: 98%;
        clear: both;
    }
    .story_content img.auto {
        float: none;
        clear: both;
    }

    .story_content img.story_image_left_sm, .story_content img.story_image_left {
    width: 98%;
    float: none;
    clear: both;
}
	 .ms-layer H1 {
    	font-size: 15px;
    }

}

@media (max-width: 480px) {
    

    .artist-list td {
        width: 100%;
        float: none;
    }

    .box-dealers-map img,
    .box-dealers-map map, .box-dealers-content {
        display: none;
    }
    .dealers-mobile-states, .dealers-mobile-int {
        display: block;
        width: 80%;        
        padding-bottom: 10px;
    }    
    .dealers-mobile-int {
        display: block;
        width: 80%;        
        padding-bottom: 10px;
    }
    .int-dealers-cols {
        display: none;
    }

    .dealer-info {
        width: 90%;
    }
    .dealer-state {
        display: none;
    }
    .dealer-logo {
        display: none;
    }
    .dealers-url-long {
        display: none;
    }
    .dealers-url-long-dots {
        display:inline;        
    }
}


@media (max-width: 389px) {
    
    .box_body {
        padding-top: 70px;
    }

    .mobile-banner {
    margin-top: 75px;
}

    .slicknav_brand img {
    width: 160px;
    padding: 10px 0px;
}   

    .related_stories_content {
        width: 90%;
    }

    .related_stories_image {
        clear: both;
        margin: 10px;
        text-align: left;
    }
    /*--------------News Pages------------------*/

    .cat-story-detail {
        margin-left: 10px;
        width: 95%;
    }

    .cat-story-thumb {
        clear: both;
        float: none;
        margin: 10px;
        text-align: center;
    }

    .story_content img.auto {
        float: none;
        clear: both;
        width: 80%;
    }

    /*--------------Product Pages------------------*/

    div.jProduct-Box {
        margin: 5px;
    }
   
    img.group_lg_image {
        width: 100%;
    }
    .ms-layer H1 {
    	font-size: 12px;
    }


}