/*---------------------media css start---------------------*/
@media (min-width: 1700px) and (max-width: 1914px) {
.jp-audio {
    padding: 10px 100px;
}
.jp-type-playlist {
    padding-left: 373px;
    padding-right: 180px;
}
}
@media (min-width: 1400px) and (max-width: 1699px) {
.jp-audio {
    padding: 10px 20px;
}
.jp-type-playlist {
    padding-left: 300px;
    padding-right: 120px;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.jp-audio {
    padding: 10px;
}
.jp-type-playlist{
    padding-left: 350px;
    display: inline-block;
    width: 89%;
    padding-right: 50px;
}
.jp-progress-container.flex-item{
    max-width: 50%;
}
}
/* Large desktop */
@media(max-width:1200px){
    .play_song_name .que_data {
     font-size: 12px;
}
.rock_copyright {
    min-height: 130px;
}
}
@media (min-width: 980px) and (max-width: 1200px) {
.rock_menu ul li a {
	padding: 32px 10px;
}
.rock_vip_book a.btn {
	margin-bottom: 20px;
}
.rock_event .rock_event_tab_content_main .rock_event_tab_content .rock_event_detail {
	padding: 10px 25px 10px 20px;
}
.rock_blog_full_page .rock_padding_30 {
	padding: 0px;
}
.rock_blog_full_page .rock_padding_30 > h3 {
	margin-top: 0px;
}
.rock_comment img {
	margin: 10px;
}
}

/* Landscape phone to portrait tablet */
@media (max-width: 992px) {
/* #rock_header.rock_header_fixed,	
#rock_header{
	position:relative;
}	 */
.rock_logo{
    text-align: center;
    display: inline-block;
    float: left;	
}
.rock_menu_toggle{
	position: relative;
	z-index: 999;
	transition: all 0.3s ease;
	border: none !important;
	color: #ccc;
	float: right;
	display: inline;
	width: auto;
	margin-top: 20px;
}
.menu_close{
	padding: 0px 20px;
	background-color: rgb(37, 37, 37);
	display: block;
	color: #9A9A9A;
	font-size: 30px;
	position: relative;
	z-index: 99999;
	text-align: right;
	cursor:pointer;
}
#rock_header_otherpage{
	position:relative;
    z-index: 999999; 	 
}		
.rock_page_title_main{
	margin-top:0;
} 

.rock_menu{
	position:fixed;
	top:0;
	left:-300px;
	bottom:0;
	height:100%;
	width:300px;
	z-index: 99999;
	transition:all 0.3s ease;
	backface-visibility:hidden;
}
.rock_menu .menu-rockon-menu-container{
	position:fixed;
	top:0;
	left:-300px;
	bottom:0;
	width:300px;
	height:100%;
    background-color: #020202;
	transition:all 0.3s ease;
    padding-top: 42px;	
	overflow-y: scroll;
	overflow-x: hidden;
	backface-visibility:hidden;
}

.rock_menu.open{
	left:0px;
	transition:all 0.3s ease;
}
.rock_menu.open .menu-rockon-menu-container{
	left:0px;
	transition:all 0.3s ease;
}

/*.rock_menu ul > li > ul{*/
/*	opacity:1;*/
/*	visibility:visible;*/
/*	transform:none;*/
/*}*/
.rock_menu .menu-main-menu-container {
    width: 100%;
}
.rock_menu ul > li:hover > ul {
    /* opacity: 0; */
    /* visibility: hidden; */
    position: relative;
}
ul.sub-menu.openSub_menu {
    visibility: visible;
    opacity: 1;
    position: relative;
}
.rock_menu .menu-rockon-menu-container ul{
	background: none;
    border: none;
    float: left;
    width: 100%;
    overflow: initial;
    display: block;
    height: 100%;
    /*position: relative;*/
    left: auto;
    top: auto;
}
.rock_menu .menu-rockon-menu-container ul.sub-menu{
	padding-left:15px;
}
.rock_menu .menu-rockon-menu-container ul li{
	border-bottom:none;	
    box-shadow: none;	
	display:block;
}
.rock_menu ul > li:hover ul.sub-menu.openSub_menu {
    opacity: 1;
    visibility: visible;
}
.rock_menu ul > li:hover > ul.openSub_menu {
    opacity: 0;
    visibility: hidden;
}
.rock_menu .menu-rockon-menu-container ul li a{
	width: 100%;
    float: left;
	color: #ffffff;	
	display: block;
	padding: 10px 20px;
	text-align:left;
}
.rock_menu ul > li > a:hover:after{
	display:none;
}
.rock_menu .menu-rockon-menu-container ul.sub-menu li a{
    font-size: 14px;
    text-transform: capitalize;
}

.rock_menu ul li.rockon_dropdown{
	position:relative;
}
.rock_menu ul li.rockon_dropdown .dropdown_toggle{
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    z-index: 999;
}
.rock_menu ul li.rockon_dropdown .dropdown_toggle:before {
    pnt-smoothing: grayscale;
    transform: osition: absolute;
    margin: 0 auto;
    color: #8A8A8A;
    content: "\f107";
    display: inline-block;
    font: normal normal normal 16px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

#style-switcher{
    right: -161px;
    left: auto;	
}
#style-switcher.open{
	left:auto;
	right:0;
}
#style-switcher .bottom a.settings{
	left: -40px;
    border-left: 1px solid rgba(0, 255, 204, 0.33);
    box-shadow: -1px 1px 3px 0 rgba(0, 255, 204, 0.3);
    border-right: none;
}

.rock_audio_player_wrapper .rock_audio_player{
	margin-bottom:20px;
}

a.cart-contents {
    position: fixed;
    top: 230px;
    width: 35px;
    height: 40px;
    line-height: 40px;
    right: 0;
    background-color: white;
    padding: 3px;
    color: #424242;
    -webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1);
    box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1);
}
.cart-contents:before{
	font-size: 22px;
	padding-right: 0;
}
a.cart-contents:hover{
	color: #424242;
	opacity:1;
}
a.cart-contents span{
	left: -10px;
    top: -6px;
    background-color: #ececec;
}

.rockon_player .mejs-container .mejs-controls{
	top: 260px;
}

}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
	height: auto !important;
}
.rock_menu ul li a {
	padding: 32px 10px;
}
.rock_menu ul {
	float: none;
	text-align: center;
}
.rock_menu ul li ul {
	text-align: left;
}
#rock_header {
	top: 87%;
}
.rock_logo {
	text-align: center;
}
.rock_vip_book a.btn {
	margin-bottom: 20px;
}

.rock_event .rock_event_tab_content_main .rock_event_tab_content .rock_event_detail {
	padding: 10px 25px 10px 20px;
}
.rock_contact_detail div {
	width: 100%;
	border-right: none;
}
.rock_contact_detail div p {
	border-bottom: 1px solid rgba(255,255,255,0.30);
}
.rock_contact_detail div:last-child p:last-child {
	border-bottom: none;
}
.rock_comment img {
	width: 80px;
	height: 80px;
	margin: 10px;
}
}

/* Landscape phone to portrait tablet */
@media (min-width: 480px) and (max-width: 767px) {
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
	height: auto !important;
}
#rock_header {
	position: relative;
	top: 0;
}
.rock_slider_content p {
	padding: 0px 20px;
}
.rock_service {
	margin-bottom: 20px;
}
.rock_service:hover {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
}
.rock_event_time ul li a:hover {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
}
.rock_vip_book a.btn {
	margin-bottom: 20px;
}

.rock_event .rock_event_tab_content_main .rock_event_tab_content .rock_event_detail {
	padding: 10px 25px 10px 20px;
}
.blogcategory_big_part {
	padding-left: 15px !important;
}
.has-feedback .form-control-feedback {
	top: 9px !important;
}
.rock_contact_detail {
	margin-top: 20px;
}
.rock_contact_detail div {
	width: 100%;
	border-right: none;
}
.rock_contact_detail div p {
	border-bottom: 1px solid rgba(255,255,255,0.30);
}
.rock_contact_detail div:last-child p:last-child {
	border-bottom: none;
}
.main_gallery_item_popup {
	padding: 27px;
}
.rock_comment img {
	margin: 0px;
}
}

@media (max-width: 600px) {
.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message{
	min-width: inherit;
	left: 20px;
}


table.rockon_event_tickets, table.rockon_event_tickets thead, table.rockon_event_tickets tbody, table.rockon_event_tickets thead th, table.rockon_event_tickets tbody td, table.rockon_event_tickets tr {
	display: block;
}
table.rockon_event_tickets thead th{display:none;}
/* Hide table headers (but not display: none;, for accessibility) */
table.rockon_event_tickets thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
table.rockon_event_tickets tr {
    margin: 0 0 1rem 0;
}
table.rockon_event_tickets tbody tr:nth-child(odd) {
    background: #eeeeee;
}
.rockon_event_ticket_wrapper table.rockon_event_tickets tbody tr td {
    background: transparent;
    display: inline-block;
    width: 100%;
	position: relative;
}
table.rockon_event_tickets td:before {
    position: absolute;
    top: 15px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
}
.rockon_event_ticket_wrapper table.rockon_event_tickets tbody tr td h3, .rockon_event_ticket_wrapper table.rockon_event_tickets tbody tr td p, .rockon_event_ticket_wrapper table.rockon_event_tickets tbody tr td a {
    float: right;
    width: 50%;
}
/*
Label the data
You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.
*/
table.rockon_event_tickets td:nth-of-type(1):before { content: "Ticket Type"; }
table.rockon_event_tickets td:nth-of-type(2):before { content: "Price"; }
table.rockon_event_tickets td:nth-of-type(3):before { content: "Availabe"; }
table.rockon_event_tickets td:nth-of-type(4):before { content: "Buy Tickets"; }
}

/* Landscape phones and down */
@media (max-width: 479px) {

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
	height: auto !important;
}
#rock_header {
	position: relative;
	top: 0;
}
.rock_slider_content p {
	padding: 0px 20px;
}
.rock_about_offer .rock_service_icon {
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
	margin-right: 0;
}
.rock_about_offer {
	text-align: center;
}
body {
	font-size: 14px;
}
.rock_welcome_note {
	padding-top: 0px;
}
.rock_welcome {
	font-size: 30px;
}
.fancybox-next span {
	left: 150px !important;
}
.fancybox-prev span {
	right: 150px !important;
}
.rock_heading h1 {
	font-size: 25px;
}
.rock_track_playlist h1 {
	font-size: 25px;
}
.rockon_service_main {
	margin-bottom: 0px;
}
.rock_event .rock_event_tab_content_main .rock_event_tab_content .rock_event_detail h1 {
	font-size: 35px;
}
.blog_entry_meta ul li {
	margin-right: 10px;
}
.rock_event {
	margin-bottom: 20px;
}
.rock_audio_player .rock_audio_player_track_image img {
	height: auto;
}
.rock_track_playlist {
	padding-bottom: 20px;
}
.rock_track_playlist ul li img {
	float: left;
	width: 40px;
	height: 40px;
	margin-right: 15px;
}
.rock_track_playlist ul li .rock_track_detail {
	float: left;
	width: 75%;
	position: relative;
	display: inline-block;
}
.rock_track_playlist ul li .rock_track_detail a.rock_track_title {
	padding-bottom: 5px;
	font-size: 12px;
	letter-spacing: 1px;
	display: block;
	padding-bottom: 2px;
}
.rock_track_playlist ul li .rock_track_detail a.rock_track_play {
	margin: 0px;
	margin-right: 10px;
	float: none;
	border: none;
	padding: 1px 0;
	color: #00ffcc;
}
.rock_service {
	margin-bottom: 20px;
}
.rock_service:hover {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
}
.rock_event_time ul li a:hover {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
}
.rock_event .rock_event_tab {
	width: 100%;
	float: left;
	border-right: none !important;
}
.rock_event .rock_event_tab ul {
	width: 100%;
	float: left;
}
.rock_event .rock_event_tab ul li {
	float: left;
	width: 20%;
	border-left: none !important;
}
.rock_event .rock_event_tab ul li:hover {
	border-left: none;
}
.rock_event .rock_event_tab ul li a.active:before, .rock_event .rock_event_tab ul li a:hover:before {
	border-left: none;
	border-bottom: none;
	border-top: 1px solid #00ffcc;
	top: 0;
	margin-top: 0px;
	width: 100%;
	left: 0;
	content: '';
	position: absolute;
	z-index: 100;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.rock_event .rock_event_tab ul li a p.rock_event_date {
	font-size: 20px;
}
.rock_event .rock_event_tab ul li a p.rock_event_month {
	font-size: 11px;
}
.rock_event .rock_event_tab_content_main .rock_event_tab_content img {
	height: auto;
}
.rock_event .rock_event_tab_content_main {
	width: 100%;
}
.rock_vip_book a.btn {
	margin-bottom: 20px;
}

.rock_event .rock_event_tab_content_main .rock_event_tab_content .rock_event_detail {
	padding: 10px 25px 10px 20px;
}
.blogcategory_big_part {
	padding-left: 15px !important;
	padding-right: 15px !important;
}
.has-feedback .form-control-feedback {
	top: 9px !important;
}
.rock_contact_detail {
	margin-top: 20px;
}
.rock_contact_detail div {
	width: 100%;
	border-right: none;
}
.rock_contact_detail div p {
	border-bottom: 1px solid rgba(255,255,255,0.30);
}
.rock_contact_detail div:last-child p:last-child {
	border-bottom: none;
}
.rock_main_event_detail .rock_event_date {
	float: none;
}
.main_gallery_item_popup {
	padding: 27px;
}
.rock_comment img {
	margin: 0px;
}
#rock_header_single_page {
	position: relative;
	margin-top: 50px;
}
#rock_header_single_page .rock_logo {
	text-align: center;
}
.rock_header_fixed {
	margin-top: 0px !important;
}
.rock_logo {
	text-align: center;
}
.rock_header_fixed {
	margin-top: 0px !important;
	position: relative !important;
}
.rock_menu ul li:last-child ul li ul {
	right: auto;
}
}


/*---------------------media css end---------------------*/


/*--------------------- woocommerce media css start---------------------*/

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	
.product_list_wrapper .products .product-info{
	padding: 10px;
}	
.product_list_wrapper .star-rating{
	margin-bottom: 0px !important;
}
.product_list_wrapper .products .product-info .product-price .price{
	margin-bottom: 0px;
	}
.product_list_wrapper .products .cart{
	margin-left: 30%;
	}	
.product_list_wrapper .products .cart a{
	margin-left: 10px;
	}	
.product_list_wrapper .products{
	padding-bottom:20px;
}
.product_list_wrapper .rockon_product_shop_content{
	font-size: 14px;
	}	
}

@media (max-width: 992px) {
.woocommerce div.product div.images{
	width:40%;
}
.woocommerce div.product div.summary{
	width:60%;
}
	
}
 @media(max-width:991px){
     .ri-grid ul {
          display: flex;
    }
    .home .ri-grid ul {
    display: inline-block;
}
 }
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .woocommerce-cart .cart-collaterals .cart_totals {
     width: 100% !important;
}
    .woocommerce-checkout .checkout .col2-set .col-1 {
    width: 100% !important;
}
.woocommerce-checkout .checkout .col2-set .col-2{
     width: 100% !important;
}
    .ri-grid ul {
    display: flex;
}
    div#rock_page_title_bg ul li {
    width: 220px !important;
}
.woocommerce div.product div.images,
.woocommerce div.product div.summary{
	width:100%;
}	
.product_list_wrapper .products .product-image{
	width: 100%;
	}	
.product_list_wrapper .products .product-info{
	width: 100%;
	}	
.product_list_wrapper .products{
	padding-bottom: 20px;
	}	
.rockon_ticket_popup .modal-dialog {
    width: 90%;
}	

}
@media (max-width: 640px) {
.woocommerce table.shop_table tbody tr td,
.woocommerce table.shop_table thead tr th{
	display: inline-block;
    font-size: 12px;
    padding: 8px;
	background-color: transparent;
    border: none;
}
.woocommerce table.shop_table thead tr,
.woocommerce table.shop_table tbody,
.woocommerce table.shop_table tbody,
.woocommerce table.shop_table thead,
.woocommerce table.shop_table{
	display:block;
}
.woocommerce-cart table.cart img{
	width:20px;
	height:20px;
}
.woocommerce table.shop_table .number{
	margin:0;
}
	
}
@media screen and (max-width:767px) and (orientation:landscape) {
.rockon_ticket_popup {
    overflow-y: scroll;
	padding: 20px 0 30px;
}
.rockon_ticket_popup .modal-dialog {
    width: 80%;
    top: 0;
    transform: translateY(0%)!important;
    -webkit-transform: translateY(0%)!important;
    -moz-transform: translateY(0%)!important;
    -ms-transform: translateY(0%)!important;
    -o-transform: translateY(0%)!important;
}
}
/*--------------------- woocommerce media css end---------------------*/

@media(max-width:1024px) {
	.ms_player_wrapper.close_player {
		bottom: -70px;
	}
}
@media(min-width:992px) and (max-width:1199px) {
.ms_player_wrapper.close_player {
	bottom: -72px;
}
.jp-audio {
    padding: 10px;
}
.jp-type-playlist {
    padding-left: 263px;
    padding-right: 50px;
    width: 90%; 
}
.jp-controls.flex-item{
	padding-left:10px;
}
.jp-progress-container.flex-item{
    max-width: 40%;
}
}
@media(min-width:768px) and (max-width:991px) {
.jp-audio{
	padding: 10px;	
}
.player_left{
    width: 70px;
    overflow: hidden;
}
.jp-type-playlist{
    width: 70%;
    margin-left: 80px;
	padding-left: 0;
    padding-right: 0;
}
.jp-controls.flex-item{
    padding-left: 10px;
}
.jp-progress-container.flex-item{
    max-width: 40%;
}
.rockon_audi_slider #rock_track_playlist_slider_prev i {
    left: 46%;
}
.rockon_audi_slider #rock_track_playlist_slider_next i{
	left: 53%;
}
}

@media(max-width:767px) {
    .rock_twitter_feed {
    padding: 30px 0px 0px;
}
.rock_recent_post {
    padding: 20px 0 0 0;
}
        .rockon_service_main {
    margin-bottom: 0;
}
.ms_player_wrapper.close_player {
	bottom: -70px;
}
.jp-audio{
	padding: 10px;	
}
.player_left{
    width: 70px;
    overflow: hidden;
}
.jp-type-playlist{
    width: 85%;
    margin-left: 80px;
	padding-left: 0;
    padding-right: 0;
}
.jp-controls.flex-item{
    padding-left: 10px;
    flex-basis: 135px;
}
.jp-progress-container.flex-item{
    max-width: 40%;
}
.jp_queue_wrapper, .jp-volume-controls.flex-item{ 
	display:none;
}
.rockon_audi_slider #rock_track_playlist_slider_prev i{
    left: 42%;
}
.rockon_audi_slider #rock_track_playlist_slider_next i{
	left: 55%;
}
}

@media screen and (max-width: 767px) and (orientation: landscape) {
.jp-volume-controls.flex-item{
	display:block;
}	
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .rock_contact_detail div {
        padding-left: 0;
        border-right: 0;
    }
}

@media (max-width: 992px) {
    .rock_page_title_main {
        margin-top: 80px;
    }
    .mep_event_list .owl-nav {
        display: none;
    }
    .woocommerce .woocommerce-ordering button.btn {
        font-size: 10px;
        letter-spacing: 0;
    }
   
}

@media (max-width: 767px) {
    div.mep_flex, .mep-default-content div.mep-default-feature-date-location, .mep-default-theme div.mep-default-feature-date, .mep-default-theme div.mep-default-feature-time, .mep-default-theme div.mep-default-feature-location, .mep-default-theme i, div.mep-default-sidrbar-meta, .mep-default-sidrbar-address ul li, .mep-default-sidrbar-events-schedule h3, ul.mep-social-share, ul.mep-social-share a, #mep_add_calender_button.mep-add-calender, button.single_add_to_cart_button, div.mep_spring_date, div.franklin_divided, div.bristol_divided, div.bristol_center_box, div.bristol_center_box .mep-default-sidrbar-price-seat, .mep_spring_date .mep-default-sidrbar-social, .bristol .mep-default-sidrbar-social, div.mep-related-events-sec div.mep_event_list_sec, .mep-list-footer ul li, .mep-list-footer ul li i, .mep_event_list .mep_event_list_sec div.mep_event_list_item, div.mep_event_list div.mage_grid_box, button.single_add_to_cart_button, .mep-events-wrapper .mage_input_group {
            width: 100%;
    }
    .jp-progress-container.flex-item {
        max-width: 32%;
    }
    .jp_queue_wrapper, .jp-volume-controls.flex-item span#myPlaylistQueue {
        display: none;
    }
.rock_contact_detail {
    padding: 30px 0 0 0;
}
    
}

@media(max-width:580px){
.jp-type-playlist {
    width: 75%;
    margin-left: 70px;
    padding-left: 0;
    padding-right: 0;
}
.rock_copyright_div p {
    line-height: normal;
}
.rock_social {
    padding: 10px 0px;
}
}
@media (max-width: 575.98px) {
  .jp-volume-controls.flex-item {
        margin-left: 20px;
    }
   
    
}

 @media (max-width: 380px) {
.rock_service {
	margin-bottom: 20px;
}
.rock_service:hover {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
}
.rock_event_time ul li a:hover {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
}
.rock_vip_book a.btn {
	margin-bottom: 20px;
}
.rock_event .rock_event_tab_content_main .rock_event_tab_content .rock_event_detail {
	padding: 10px 25px 10px 20px;
}
.rock_comment img {
	margin: 0px;
}
#rock_header_single_page {
	position: relative;
	margin-top: 50px;
}
#rock_header_single_page .rock_logo {
	text-align: center;
}
.rock_header_fixed {
	margin-top: 0px !important;
}
.rock_logo {
	text-align: center;
}
.rock_header_fixed {
	margin-top: 0px !important;
	position: relative !important;
}
.rock_menu ul li:last-child ul li ul {
	right: auto;
}
}