@media only screen and (max-width:767px) { /* less then 768px */

/* --- global -- */
.column,
.columns { position:relative; padding:0px; width:100%;float:left;}
.row .row { width:auto; margin:0;max-width:none;*zoom:1;}

.logo img { margin-left:10px;}
.top-bar .title-area { display: table; width: 100%; }
.top-bar .title-area li { display: table-cell; vertical-align: top; }
.top-bar .name{height:0px;margin:0;}
.top-bar .toggle-topbar{position:relative;}
.top-bar .toggle-topbar.menu-icon { padding:0px; width: 30px; right:0; top: 0; margin-top: 0px; }
.top-bar .toggle-topbar.menu-icon a:after { right:10px; top:5px; }
.top-bar .toggle-topbar.menu-icon a { padding:0px; line-height:45px; }                                                                            
.onright { display:none; }
.bg-content { background: #ffffff; }

/* ----- INDEX ------ */
.from-the-vaults-section img { display:none; }
.from-the-vaults-section .bluebox { margin-top:0;}
.from-the-vaults-section h5 { margin-right:10px; }
.from-the-vaults-section p { margin-right:10px; }
.from-the-vaults-section .button { margin-right:10px; }

.songfacts-spotlight-section h5 { margin-right:10px; }
.songfacts-spotlight-section p { padding-right:10px; }
.songfacts-spotlight-section .button { margin-right:10px;}

.category-linkholder .button { margin-right:10px; }

.otd-section h5 { margin-left:10px; }
.otd-section p { margin-left:10px; }         
.otd-section .button { margin-left:10px; }

section.index-rightborder { border:0px; padding-right:0px; text-align:center;}


/* ----- BLOG ------ */
.titles-container { display:none; }
.blog-holder { padding:0px; border:0; }
.blog-holder .blog-title h2 { padding:10px; }
.blog-holder .pagin-bronze { padding:0 10px; }
.blog-holder .blogullist-bronze li { margin-right:10px; }
.blog-holder .blog-right-container { padding:10px; }
.blog-holder .blog-content { padding:0 10px; }
.blog-holder .blog-title .shareArticle { top:10px; right:10px; }
.blogullist-bronze img { max-width:30%; }
/* ----- BLOG ------ */
/* ----- CATEGORY ------ */
.category-holder { border:0; padding:0;}
.category-title, .category-subtitle { padding:15px 15px 0 15px;}
.catnav { padding:0 15px 15px 15px; }
.songullist-purple { padding-bottom:15px; }
.category-ads { padding:15px 0; }
/* ----- CATEGORY ------ */
/* ================== BROWSE ==================== */
.browse-holder { padding:0px; border:0;}
.browse-holder .pagin-orange { margin-left:10px; }
/* ================== BROWSE ==================== */
/* ================== SEARCH ==================== */
.search-holder { padding:0px; border:0; }
.search-holder .pagin-orange { margin-left:10px; }
.search-holder .pagin-blue { margin-left:10px; }
.search-holder .pagin-bronze { margin-left:10px; }
/* ================== SEARCH ==================== */
/* ================== BROWSE YEAR ==================== */
.browseyear-holder { padding:0px; border:0;}
.browseyear-holder .pagin-orange { margin-left:10px; }
.browseyear-holder h2 { margin:10px 10px 0 10px; }
/* ================== BROWSE YEAR ==================== */
/* ================== ARTISTFACTS ==================== */
.afdetail-holder { padding:0px; border:0; }
.afdetail-holder .artistinfo h2 { padding:10px 10px 0 10px; }
.afdetail-holder .artistfacts-comments { border:0; padding:0;}
.afdetail-holder .comment-holder { padding:10px 0; }
.afdetail-holder .input-form { padding:10px; border: 1px solid #A1A1A1; margin:10px;}
.afdetail-holder .comments-socnet { margin-right:15px; }
.afdetail-holder .artistfacts-comments h2 { margin-left:15px; }
.afdetail-holder .artistfacts-comments .commentext { padding:0 15px;}
/* ================== ARTISTFACTS  ==================== */
/* ================== SONGFACTS  ==================== */
.sfdetail-holder { padding:0px; border:0; }
.sfdetail-holder .sfdetail h2 { padding:10px 10px 0 10px; }
.sfdetail-holder .input-form { padding:10px; border: 1px solid #A1A1A1; margin:10px;}
.sfdetail-holder .sfdetail-comments { border:0; padding:0;}
.sfdetail-holder .comment-holder { padding:10px 0; }
.sfdetail-holder .input-form { padding:10px; border: 1px solid #A1A1A1; margin:10px;}
.sfdetail-holder .comments-socnet { margin-right:15px; }
.sfdetail-holder .sfdetail-comments h2 { margin-left:15px; }
.sfdetail-holder .sfdetail-comments .commentext { padding:0 15px;}
.sfdetail-main-ads { margin:10px; }
/* ================== SONGFACTS  ==================== */



/* ---------------------------------------------------- */
@media only screen and (max-width:639px) { /* less then 640px */
.alphabar { display:none; }
.sfdetail-flex-video { float:none; margin:0 auto;}
}
/* ---------------------------------------------------- */
@media only screen and (max-width:479px) { /* less then 480 */
/* ----- INDEX ------ */
.fofimagelink { display:none; }
.mtimagelink { display:none; }
.latest-songplace-section img { display:none; }
#sp-data .inner { padding:10px 10px 10px 0; }
.accordion-top-lyrics { display:none; }
/* ----- INDEX ------ */
/* ----- BLOG ------ */
.blogullist-bronze img { display:none; }
/* ----- BLOG ------ */

.catnav ul     { display: none; }
.catnav select { display: block; }

/* ------------- detail TABS ------------- */
  .transformer-tabs ul {
    border-bottom: 0;
    overflow: hidden;
    position: relative;
    background: #666;
    color:#fff;
  }
  .transformer-tabs ul.open a {
    position: relative;
    display: block;
  }
  .transformer-tabs li {
    display: block;
    border-radius: 0;
    margin-right: 0;
  }
  .transformer-tabs a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .transformer-tabs .orange a.active {
    border: 0;
    z-index: 1;
    background: #f60;
  }
  .transformer-tabs .blue a.active {
    border: 0;
    z-index: 1;
    background: #5A9DF1;
  }
  .transformer-tabs .yellow a.active {
    border: 0;
    z-index: 1;
    background: #ffb03b;
  }
  .transformer-tabs .green a.active {
    border: 0;
    z-index: 1;
    background: #5EA876;
  }
/* ------------- /TABS ------------- */


/* less then 480 */
}
/* ---------------------------------------------------- */
@media only screen and (max-width:359px) { /* less then 360 */ 
/* ----- BLOG ------ */
.blog-holder .blog-title h2 { margin-right:0px;}
.blog-holder .blog-title .shareArticle { position:relative; padding:0 7px 0 0; margin:0; top:0; right:0; text-align:right;}
.blog-holder .blog-content .author img { display:none; }
.blog-holder .blog-content .img-left { float:none; margin:10px auto; display:block;}
.blog-holder .blog-content .img-right { float:none; margin:10px auto; display:block;}
.blog-holder .blog-content .quote-right {float:none; margin: 10px 0px; width:100%;}
.blog-holder .blog-content .quote-left {float:none; margin: 10px 0px; width:100%;}
.blog-holder .blog-content .flex-video-sizer-left { float:none; margin:10px 0; width:100%; }                                                                  
.blog-holder .blog-content .flex-video-sizer-right { float:none; margin:10px 0; width:100%; }
.blog-holder .blog-content .flex-video-sizer-center { float:none; margin:10px 0; width:100%; }
.blog-holder .blog-content .imgc-right { float:none; display:block; text-align:center; margin:10px 0; }
.blog-holder .blog-content .imgc-left { float:none; display:block; text-align:center; margin:10px 0; }
.blog-holder .blog-content .pquote-right { float:none; margin: 10px 0; }
.blog-holder .blog-content .pquote-left { float:none; margin: 10px 0; }
.blog-holder .blog-content .mp3player { width:100%; margin:10px 0; }
/* ----- BLOG ------ */

.sfdetail-main-ads { margin:0; }
.afads-holder { margin:0; }

}
/* ---------------------------------------------------- */

/* less then 768px */
}



@media only screen and (min-width:321px) { /* 321px and up */
.factsullist-si img { border:1px solid #a1a1a1;border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }
}

@media only screen and (min-width:360px) { /* 360px and up */
.artistinfo .afdata-holder { clear:both; }
.sfdetail-flex-video { width: 320px; }
.lfdetail-flex-video { width: 320px; }

}

@media only screen and (min-width:380px) { /* 380px and up */
}

@media only screen and (min-width:460px) { /* 460px and up */

}


@media only screen and (min-width:480px) { /* 480px and up */
.sfdetail .ads .amazonicon { display:inline-block; margin-right:7px;}
.sfdetail .ads .sheeticon { display:inline-block; margin-right:7px;}
.sfdetail .ads .ringtoneicon { display:inline-block; }
.sfdetail .sfdata-holder .artistart-img { display:block; }
.factsullist-si img { float:left; margin:0 10px 10px 0; max-width:350px;}
.artistinfo .artimg { display:block; margin:0 10px 10px 10px;}
.artistinfo .afdata-holder { clear:none; display:inline; margin:0 10px 0 0;}
.accordion-hor > ul > li > div > span { padding: 10px 5px 0 20px; }

}

@media only screen and (min-width:520px) { /* 520px and up */
}

@media only screen and (min-width:640px) { /* 640px and up */
.sfdetail-flex-video { margin-right:10px; }
.zuusplayer-holder { margin: 0px 10px 10px 10px; float:right;}
.afads-holder { margin: 10px; float:right; }
.lfads-holder { margin: 0 10px 10px 10px; float:right;}
}

@media only screen and (min-width:768px) { /* 768px and up */
/* --------------------------------------------------- */
.column,
.columns{position:relative;padding-left:0.3125em;padding-right:0.3125em;float:left;}

.large-1{position:relative;width:8.33333%;}
.large-2{position:relative;width:16.66667%;}
.large-3{position:relative;width:25%;}
.large-4{position:relative;width:33.33333%;}
.large-5{position:relative;width:41.66667%;}
.large-6{position:relative;width:50%;}
.large-7{position:relative;width:58.33333%;}
.large-8{position:relative;width:66.66667%;}
.large-9{position:relative;width:75%;}
.large-10{position:relative;width:83.33333%;}
.large-11{position:relative;width:91.66667%;}
.large-12{position:relative;width:100%;}
[class*="column"] + [class*="column"]:last-child{float:right;}
[class*="column"] + [class*="column"].end{float:left;}
.large-offset-0{position:relative;margin-left:0% !important;}
.large-offset-1{position:relative;margin-left:8.33333% !important;}
.large-offset-2{position:relative;margin-left:16.66667% !important;}
.large-offset-3{position:relative;margin-left:25% !important;}
.large-offset-4{position:relative;margin-left:33.33333% !important;}
.large-offset-5{position:relative;margin-left:41.66667% !important;}
.large-offset-6{position:relative;margin-left:50% !important;}
.large-offset-7{position:relative;margin-left:58.33333% !important;}
.large-offset-8{position:relative;margin-left:66.66667% !important;}
.large-offset-9{position:relative;margin-left:75% !important;}
.large-offset-10{position:relative;margin-left:83.33333% !important;}
.push-1 { position: relative; left: 8.33333%; right: auto; }
.pull-1 { position: relative; right: 8.33333%; left: auto; }
.push-2 { position: relative; left: 16.66667%; right: auto; }
.pull-2 { position: relative; right: 16.66667%; left: auto; }
.push-3 { position: relative; left: 25%; right: auto; }
.pull-3 { position: relative; right: 25%; left: auto; }
.push-4 { position: relative; left: 33.33333%; right: auto; }
.pull-4 { position: relative; right: 33.33333%; left: auto; }
.push-5 { position: relative; left: 41.66667%; right: auto; }
.pull-5 { position: relative; right: 41.66667%; left: auto; }
.push-6 { position: relative; left: 50%; right: auto; }
.pull-6 { position: relative; right: 50%; left: auto; }
.push-7 { position: relative; left: 58.33333%; right: auto; }
.pull-7 { position: relative; right: 58.33333%; left: auto; }
.push-8 { position: relative; left: 66.66667%; right: auto; }
.pull-8 { position: relative; right: 66.66667%; left: auto; }
.push-9 { position: relative; left: 75%; right: auto; }
.pull-9 { position: relative; right: 75%; left: auto; }
.push-10 { position: relative; left: 83.33333%; right: auto; }
.pull-10 { position: relative; right: 83.33333%; left: auto; }
.push-11 { position: relative; left: 91.66667%; right: auto; }
.pull-11 { position: relative; right: 91.66667%; left: auto; }
/* --------------------------------------------------- */

/* -------------- TOP BAR ----------------*/
.top-bar{*zoom:1;overflow:visible;}
.top-bar:before,.top-bar:after{content:" ";display:table;}
.top-bar:after{clear:both;}
.top-bar .toggle-topbar{display:none;}
.top-bar .title-area{float:left;}
.top-bar .name h1 a{width:auto;}
.top-bar.expanded{background:transparent;}
.top-bar-section{-webkit-transition:none 0 0;-moz-transition:none 0 0;transition:none 0 0;left:0 !important;}
.top-bar-section ul{width:auto;height:auto !important;display:inline;}
.top-bar-section ul li{float:left;}
.top-bar-section ul li .js-generated{display:none;}
.top-bar-section li:not(.has-form) a:not(.button){padding:0 15px;line-height:45px;}
.top-bar-section .has-dropdown > a{padding-right:35px !important;}
.top-bar-section .has-dropdown > a:after{content:"";display:block;width:0;height:0;border:inset 5px;border-color:rgba(255,255,255,0.4) transparent transparent transparent;border-top-style:solid;margin-top:-2.5px;top:22.5px;}
.top-bar-section .has-dropdown.moved{position:relative;}
.top-bar-section .has-dropdown.moved > .dropdown{display:block;position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);}
.top-bar-section .has-dropdown.hover > .dropdown,
.top-bar-section .has-dropdown.not-click:hover > .dropdown{display:block;position:static !important;height:auto;width:auto;overflow:visible;clip:auto;position:absolute !important;}
.top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after{border:none;content:"\00bb";top:1rem;margin-top:-2px;right:5px;line-height:1.2;}
.top-bar-section .dropdown{left:0;top:auto;background:transparent;min-width:100%;}
.top-bar-section .dropdown li a{color:white;line-height:1;white-space:nowrap;}
.top-bar-section .dropdown li .dropdown{left:100%;top:0;}
.top-bar-section > ul > .divider,
.top-bar-section > ul > [role="separator"]{border-bottom:none;border-top:none;border-right:solid 1px #fff;clear:none;height:45px;width:0;}
.no-js .top-bar-section ul li:hover > a{background:#272727;color:white;}
.no-js .top-bar-section ul li:active > a{background:#2ba6cb;color:white;}
.no-js .top-bar-section .has-dropdown:hover > .dropdown{display:block;position:static !important;height:auto;width:auto;overflow:visible;clip:auto;position:absolute !important;}
.top-bar-section .onright{position:relative;overflow:hidden;}
/* -------------- TOP BAR ----------------*/
/* -------------- FOOTER ----------------*/
.preftr h2 { margin-left:0px;}
.preftr ul { margin-left:0px;}
/* -------------- FOOTER ----------------*/

/* -------------- GLOBAL ----------------*/
.searchmobile { display:none; }
section.index-rightborder { border-right:10px solid #676666; padding-right:10px;}
.artistinfo .artimg { display:block; margin-left:0px;}
.sfdetail-flex-video { margin-right:0px;  }
.sfdetail-main-ads { float:right; }
.sfdetail .sfdata-holder {margin:0px;}
.shareArticle { position:absolute; right:0; top:0; margin:0px !important;}
.zuusplayer-holder { margin: 0px 0px 10px 10px; float:right;  width:400px; height: 300px; }
.afads-holder { margin: 0px 0px 10px 10px; }
.google-cat-ads { margin:0; }
.artistinfo .artimg { display:block; margin:0px 10px 0px 0px;}
.lfads-holder { margin: 0 0 10px 10px;}
.detail-likebar { float: right; margin:1px 80px 0px 0px; }
.sfdetail-titleholder { padding:15px; }
/* -------------- GLOBAL ----------------*/
}


@media only screen and (min-width:980px) { /* 980px and up */
/* ----- ARTISTFACTS ADS ------ */
/* ----- ARTISTFACTS ADS ------ */
}