@media only screen and (max-width: 1200px) {
.youtubeWatch {
    width: 5%;
}
/* #myVideo, #video992, #video768, #video566, #video466, #video375 {
    display: none;
 }

#video1200 {
    display: block;
 } */
}
@media only screen and (max-width: 992px) {
 /* #myVideo, #video1200,  #video768, #video566, #video466, #video375 {
    display: none;
 } */

/* #video992 {
    display: block;
 } */
.nav, .social {
   display: none!important;
}
.youtubeWatch {
    width: 7%;
}
.hamburger-menu {
    display: block;
}
input[type='button'] {
    width: 21%;
}
.sidebar {
    z-index: 100;
}
.info {
    padding-top: 197px;
}
.info h1 {
        font-size: 29px;
}
.soundonoff {
    width: 54px!important;
}
.text-bio {
    font-size: 21px;
    margin-top: 42px;
}
.card-text {
    font-size: 12px;
}
.gallery .column {
    padding-bottom: 10px;
    padding-left: 2px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    opacity: 10;
}
.playerarea {
    padding-top: 100px;
    padding-bottom: 260px;
}

.audioplayer {
    padding-top: 20px;
    padding: 0;
    margin: 0;
}
.moremusic {
    position: absolute;
    padding-left: 134px!important;
}

.albumcover {
    display: flex;
    justify-content: center;
    margin-bottom: 37px;
}
.albumcover img {
    width: 50%;
    padding-top: 0px;
}
.playerarea button {
    margin-bottom: 62px;
}
.collapse {
    padding: 0;
}
.card {
    padding-bottom: 200px;
}

.event {
    padding-top: 80px!important;
}
.store {
    margin: 0;
    padding-top: 48px;
}

.contact {
    padding-bottom:40px;
}

.header-biography {
    background: url('../img/banner/biography992px.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-attachment: scroll;
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    margin: auto; 
    min-width: 100%;
    min-height: 100%;
    }
.header-events {
    background: url('../img/banner/events992px.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-attachment: scroll;
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    margin: auto; 
    min-width: 100%;
    min-height: 100%;
}
.header-gallery {
    background: url('../img/banner/gallery992px.webp'); 
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-attachment: scroll;
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    margin: auto; 
    min-width: 100%;
    min-height: 100%;
}
 .header-music {
    background: url('../img/banner/music992px.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-attachment: scroll;
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    margin: auto; 
    min-width: 100%;
    height: 1300px;
}  
.header-video{
    background: url('../img/banner/video992px.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-attachment: scroll;
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    margin: auto; 
    min-width: 100%;
    min-height: 100%;
}
.header-store {
    background: url('../img/banner/store992px.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-attachment: scroll;
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    margin: auto; 
    min-width: 100%;
    min-height: 100%;
}
.header-contact {
    background: url('../img/banner/contact992px.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-attachment: scroll;
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    margin: auto; 
    min-width: 100%;
    min-height: 100%;
}
}
@media only screen and (max-width: 768px) {
/* #myVideo, #video1200, #video992, #video566, #video466 #video375 {
    display: none;
    }

#video768 {
    display: block;
    } */

.header-contact {
    background: url('../img/banner/contact768px.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-attachment: scroll;
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    margin: auto; 
    min-width: 100%;
    min-height: 100%;
}
.text-bio {
    font-size: 19px;
}
.card {
    margin: 0!important;
}
.albuminfo {
    width: 100%!important;
    display: flex;
    align-items: center;
}
.albuminfo img {
    width: 37%;
}

.contact {
    display: flex-row-reverse;
}
.brandlogo img {
    width: 100%;
}
input[type='button'] {
    width: 27%;
}

.event {
    padding-top: 140px;
    padding-bottom: 20px;
}
.moremusic {
    padding-left: 104px!important;
}
.indexContent .info p {
    color: #b5b5b5;
}
}
@media only screen and (max-width: 566px) {
 /* #myVideo, #video1200, #video992, #video768, #video466, #video375  {
    display: none;
    }
} 
#video566 {
    display: block;
    }
    */
.text-bio {
    font-size: 16px;
}
}
@media only screen and (max-width: 500px) {
.header-index {
    background: url('../img/banner/index500px.webp');
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 832px!important;
    /* background-attachment: fixed; */
    /* background-attachment: scroll; */
    /* top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    margin: auto;  */
    /* min-width: 100%;
    min-height: 100%; */
}
.indexContent .info {
    display: flex;
    flex-direction: column;
    align-items: center!important;
}
.indexContent .info a {
    display: flex;
    flex-direction: column;
    align-items: center!important;
}

input[type='button'] {
    width: 34%;
    margin-top: 10px;
}

#audio {
    width: 90%!important;
    }
.gallery .column {
     width: 190px;
    }
}
@media only screen and (max-width: 466px) {
/* #myVideo, #video1200, #video992, #video768, #video566, #video375  {
    display: none;
    }
        
#video466 {
    display: block;
    } */
.info h1 {
    font-size: 23px;
}
        
    }

@media only screen and (max-width: 420px) {

.info h1{
     font-size: 24px;
    }
.gallery .column {
    width: 170px;
}

}
@media only screen and (max-width: 390px) {

input[type='button'] {
    width: 52%;
}

.header-biography {
    background: url('../img/banner/biography390px.webp');
    }
.info {
    padding-top: 135px;
}
.info h1 {
    font-size: 21px;
    }
.playerarea {
    padding-top: 66px;
}
.moremusic {
    top: 111px;
}

}
@media only screen and (max-width: 390px) {
    /* #myVideo, #video1200, #video992, #video768, #video566, #video466  {
        display: none;
        }
        
    #video375 {
        display: block;
        }
        
    } */
}