@charset "utf-8";
/* CSS Document */
@media(max-width:1024px) {
  .right_slide, .left_slide { display:none; }
  .artist_details_down .artist_details_des {
    width: 75.65%;
    padding-left: 2%;
}
.favourite ul li p.thumb_img img {
    max-width: 95%;
}
}

@media(max-width:768px) {
.mob_nav { display:block; background:#3a2a61;  border-radius:3px; -webkit-border-radius:5px; -moz-border-radius:5px;  -ms-border-radius:5px; -o-border-radius:5px; width:38px; position:relative; padding:6px; float:right; clear:both; cursor:pointer; margin: -40px 6px 0 0; height:29px; }
.mob_nav a { height:3px; margin:0 0 4px;  background:#fff;  display:block; }
.cross a { width:72%; height:3px; margin:7px 0; position:absolute;  }
.cross a:first-child { transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); }
.cross a + a { transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); }
.cross a + a + a { display:none; }
.navigation { border-radius: 5px;  position: absolute;  right: 6px;  top: 136px;  width:97%;  z-index: 100001; background:#3a2a61; display:none; }
.navigation ul li { width: 100%; padding:0; }
.navigation ul li a { border:0 none; padding:8px 0; }
.em_nav > ul > li:hover > ul{background:none; width:100%; top:0; left:0; position:relative;}
.search { margin-right:6px; }
.track_banner div.title {  width: 68%; }
.track_lft p {  margin-left: 0; }
.middle_section { padding: 26px 10px 72px; }
.track_lft .track_photo {  margin-right: 0; }
.roundabout-holder, .banner .next, .banner .previous { display:none !important; }
.banner_mob { display:block; }
.favourite ul li p.thumb_img img {  max-width: 100%; }
.album_range ul li span {  top: 23%; margin:0; width:100%; }
#a_z_search {
	width: 79%;
}
.your-order .yur-odr-title-oth span {
    display: block;
    width: auto;
}
#aw-onestepcheckout-container { padding:0 !important; }
.sp-methods .form-list, #aw-onestepcheckout-payment-method .sp-methods ul {
    padding-left: 0 !important;
}
 .middle_section .rgt_sec, .middle_section .lft_sec { width:100%; }
 .hnav > li:after { width:0;  }
 .container_24 .grid_20 {
    width: 100% !important;
} 
.em_nav .menu-item-depth-1 a, .em_nav .em-catalog-navigation li li a { padding: 10px 15px;  }
}

@media(max-width:640px) {
.fot_mob_nav { display:block; background:#282828; width:100%; position:relative; padding:6px 10px; text-align:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; color:#fff; font-size:17px; cursor:pointer; }
.fot_mob_nav:after {  width:0; height:0; border-left:solid 5px transparent; border-right:solid 5px transparent; border-top:solid 5px #fff; position:absolute; right:6px; top:14px; content:""; ;  }
.footer ul { display:none; text-align:left; margin-top:2px; } 
.footer ul li { width:100%; float:left; padding:8px 0; background:#282828; margin-bottom:2px; }
.footer ul li a { border:0 none; display:block; }

.middle_section .lft_sec, .middle_section .rgt_sec { width:100%; margin:0; }
.middle_section .rgt_sec { margin-top:10px; float:left; }
.banner_ads  { text-align:center; }
.banner_ads img { display: block;  margin:0 auto; }
.tracks { width:100%; margin:0; }
.logo { width:100%;  }
.mob_nav {  margin: 8px 6px 5px 0; }
.search {  float: right;  padding-top: 0;   width: 96%; }
.logo {  float: left;  padding: 7px 0;  text-align: center; }
.track_gallery { width:100%;  }
.album_range ul li span { width:100%; position:relative; display: block; }
.album_range ul li p.thumb_img {  max-width: 100%; text-align:center; }
.trck-hrdwr-sec .hrdwr-rht-det .hrdwr-quantity {
    width: 44%;
}
.trck-hrdwr-sec .hrdwr-quantity span {
    margin-left: 15px;
 }
 .your-order .yur-odr-title-oth span {
    display: inline-block;
    width: 57%;
}
.your-order .yur-odr-title-oth {
    margin-bottom: 10px;
    }
	.aw-onestepcheckout-row .aw-onestepchekocut-column.aw-onestepchekocut-column-left, .aw-onestepcheckout-row .aw-onestepchekocut-column.aw-onestepchekocut-column-middle {  width: 100% !important;  display: block !important; }
}


@media(max-width:480px) {
.favourite ul li {   margin-bottom: 20px;  width: 31%; }
.track_banner div.title {  width: 94%; left: 3%; }
.track_banner div.title h2 { font-size: 18px; }
.other_track ul li div.track_det {  width: 80%; }
.other_track ul li div.track_cart {  width: 20%; }
.other_track ul li {  padding: 11px 12px 8px 11px; }
.track_banner .price { position: relative;  right: 0;   top: 0;  }
.track_banner .price span { text-align: left; }
.track_banner a { float:none !important; }
.track_banner h2 {  font-size: 16px; }
.a_z_search ul li {
  width: auto;
  margin-bottom: 2px;
}
.karaoke-generes ul li {
 margin-left: 7.75%;
width: 18.88%;
}
.karaoke-generes ul li:nth-child(5n+1) {
    margin-left: 7.75%;
    margin-right: 0;
}
.karaoke-generes ul li:nth-child(4n+1) {
    margin-left: 0;
    margin-right: 0;
}
.browse-tracks .col-srch {
    float: none;
    width: auto;
}
.artist_details_top {
    height: 129px;
    }
.artist_details_down {
    margin-top: -49px;
    } 
.artist_details_down .artist_details_des h2 {
    margin-top: 17px;
    } 
.artist_track .track_gal > h2 {
  float: none;
}
.short_pagging {
    float: none;
    padding: 0;
  } 
  .short_pagging .pagging {
    float: left;
    padding-left: 10px;
  }
  
  .short_pagging .short {
    float: left;
  }  
  .artist_track ul li div.track_det {
    width: 81%;
}
.artist_track ul li div.track_cart {
    width: 14%;
} 
.artist_track .track_head {
   padding: 0 0 10px;
}  
.form-check {
    display: block;
    margin-left: 51%;
    margin-top: 9px;
} 
.track-group .track-name {
    width: 30%;
}
.trck-hrdwr-sec .hrdwr-rht-det .hrdwr-quantity {
    width: 100%;
    margin-bottom: 8px;
}
.trck-hrdwr-sec .track-group .track-price {
    width: 63%;
    text-align: center;
}
.trck-hrdwr-sec .trck-quanty {
    margin-left: 34%;
    }
    .trck-hrdwr-sec .hrdwr-name img {
    float: left;
    max-width: 90%;
    margin-bottom: 8px;
    }
    .trck-hrdwr-sec .track-name {
    width: 62%;
    }
    .trck-hrdwr-sec .hrdwr-details {
    padding-left: 0;
    }  
    .track-group .icon-track-name {
    margin-right: 7px;
    }   
	/*category page*/
.prod_listing .prod_img{width:100%; text-align:center;}
.prod_listing .prod_content{width:100%; padding:0; border:none; padding-bottom:10px;}

/*Detail page*/
.big_product, ul.detail_menu li{width:100%;}
.prod_description{width:100%; padding:15px 0;}
#icarousel { width: 280px; height: 165px !important;   margin: 0;}
#icarousel div.slide {
    height: auto !important;
    width: 280px !important;
}
.ma2-widgetproductlist.grid-view .product-item {
    width: 100% !important;
}
.container_24 .grid_8 {
    width: 100% !important;
}

.navigation { top: 185px; }
}

@media(max-width:360px) {
	.favourite ul li {   margin-bottom: 20px;  width: 47%; }
	.a_z_search ul li {
  width: auto;
  margin-bottom: 2px;
}
.search-result .col-srch {
    float: none;
    margin-right: 3%;
    width: auto;
	text-align: center;
}
.karaoke-generes ul li {
 margin-left: 11.75%;
width: 23.88%;
}
.karaoke-generes ul li:nth-child(5n+1) {
    margin-left: 11.75%;
    margin-right: 0;
}
.karaoke-generes ul li:nth-child(4n+1) {
    margin-left: 11.75%;
    margin-right: 0;
}
.karaoke-generes ul li:nth-child(3n+1) {
    margin-left: 0;
    margin-right: 0;
}
.artist_details_top {
    height: 96px;
}
.artist_details_down .artist_details_des {
    padding-left: 5%;
    width: 61.65%;
}
.artist_details_down .artist_detail_img {
    width: 34%;
}
.artist_details_down .artist_details_des .artst-name-des p span {
    display: block;
    }
    .artist_track ul li div.track_det {
    width: 80%;
}
.artist_track ul li div.track_cart {
    width: 20%;
}
.short_pagging .pagging {
    float: left;
    padding-left: 16px;
    width: 95%;
}
.short_pagging .short span {
    width: 115px;
}
.short_pagging .show span {
    width: 42px;
}
.checkout-mid-sec .col-check {
  float: none;
  margin-right: 0;
  width: 100%;
}
.checkout-mid-sec .col-check-last {
    float: none;
    width: 100%;
}
.form-check {
    display: block;
    margin-left: 31%;
  }
  .info-box {
    margin: 0px auto 18px;
    width: 100%;
  }
  .basket_pg .select_purchase label {
    margin: 5px 8px 0px 1px;
  }
  .track-group .track-album {
    width: 28%;
}
.trck-hrdwr-sec .track-group .track-price {
    width: 59%;
}
.container_24 .grid_6 {
    width: 100% !important;
}
}