body {
  margin: 0;
  background: #1B1F29;
   font-family: proxima;
}
@font-face {
    font-family: proxima;
    src: url(../fonts/proxima-nova.otf);
}
* { box-sizing: border-box; }
.video-background {
  background: #000;
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: -99;
}
.video-foreground,
.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/party_crowd.gif);
  background-size:cover; 
  pointer-events: none;
  opacity: .05;
}
#vidtop-content {
	top: 0;
	color: #fff;
}
@media (min-aspect-ratio: 16/9) {
  .video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
  .video-foreground { width: 300%; left: -100%; }
}

@media all and (max-width: 500px) {
.vid-info .acronym { display: none; }
}
/*
.video-background {
  background: #000;
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: -99;
}
.video-foreground,
.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .234;
  opacity: .8;
  pointer-events: none;
}
#vidtop-content {
	top: 0;
	color: #000;
}

@media (min-aspect-ratio: 16/9) {
  .video-foreground { 
   background-color: #1B1F29; }
}
@media (max-aspect-ratio: 16/9) {
  .video-foreground {
    
    background-color: #1B1F29; }
}
@media all and (max-width: 500px) {
.vid-info .acronym {  }
}*/
.upperbar{
    padding-top: 30px;
    /*background-color: #fff;*/
    overflow:hidden;
    top:0;
    
}


/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (max-device-width : 768px) {
/*.handbackground{display: none};*/
.fullpage{display: none}
  .video-foreground { 
    display: none;
   background-color: #1B1F29; }
}




/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 992px) {
.fullpage{display: none}

}
/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 992px)
and (orientation : landscape) {

/*.fullpage{display: none};*/
}
/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 992px)
 {
.phoneview{display: none};

}
.backgroundmobile{
    background: url(../images/mobileview.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 400px;
    width: 100%;
    background-position: bottom;
}


.NavLik{
    color:#fff;
    cursor: pointer;
    
}
.modalbackcolor{
  background-color: #171a20;
  color:#fff;
}
.mobilelogodiv{
      /*width: 40%;*/
    margin-left: auto;
    margin-right: auto;
    display: block;

}
/*.logodivpin{
  width: 85%;
}*/
.handbackground{
    background: url(../images/phoneinhand.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 827px;
    width: 100%
}
.fullpage{
  width: 100%;
  background-color:transparent;
  
}
.upperbanner{
  
   
   width: 100%;
   height: auto;
   background-size: cover;
    
}
.appiconsmob{
      /*float: left;*/
   padding-left:20%; 
   padding-bottom: 20px;
    width: 80%;
    /*padding-top: 53px;*/
}
.rightmusicmob{
       position: relative;
    width: 47%;
    height: auto;
     margin-left: auto;
    margin-right: auto;
    display: block 
    /*padding-top: 270px;
    padding-left: 80px;*/
}
.rightmusic{

           position: relative;
    /*width: 91%;*/
    height: auto;
}
.playstorbuttons{
     position: relative;
    padding-top: 16px;
    left:-20px;
}
.playstorbuttonsm{
     position: relative;
     padding-top: -10px;
     
    
}
.margin120{
  height: 120px;
  
}
/* .margin70{
  height: 70px;
  
} */
.modal-backdrop {
   background-color:darkslategray;
}
.margin60{
  height: 60px;
}
.margin70{
  height: 60px;
  background-color:#171a20;
  font-size: 12px;
  color: #fff;
  
}
.margin20{
  height: 20px;
   background-color:#fff;
  
}
img {
    vertical-align: text-top;
}
.ytddiv{
  position: relative;
  top:-120px;
}
.playlistrow{

  font-size: 44px;
  color: #fff;
  font-family: proxima;
  
}

.secondrowsec{
  background:url(../images/bgslider.png);
  background-color:#7c7e81;
 min-height: 493px;
    background-size: cover;
    /* margin-bottom: 15px; */
  
}
.secondrow{
  background:url(../images/backgroundbanner.png);
  background-color:rgba(0, 0, 0, 0.8);
  
}
.artistrow{
  background:url(../images/backgroundartist.jpg);
  background-color:rgba(0, 0, 0, 0.8);
}
.contentplaylist{
     width: 80%;
  margin: 0 auto;
}
.thirdrow{
  background:url(../images/bg33.png);
  background-color:rgba(0, 0, 0, 0.8);
  background-size: cover;
  
}
.phoneimgclass{
  position: relative;
    top: 120px;
}
.ytbackground{
  background:url(../images/ytdback.jpg);
  background-size: cover;
  margin-left:-20px; 
}
.downloadnow{
  color: #fff;
  font-size: 40px;
  padding-left: 40px;
   
}
.downloadtextspan{
    padding-left: 40px;
    color: #fff;
    font-size: 22px;
}
.copyrighttext{
  font-size: 22px;
}
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
.copyrighttext{
    font-size: 12px;
}

}