* {
  box-sizing: border-box;
}

@font-face {
  font-family: 'Avenir';
  src: url('../fonts/Avenir/-ExtraBold.ttf');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Avenir';
  src: url('../fonts/Avenir/Avenir-Black.ttf');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Avenir';
  src: url('../fonts/Avenir/PlayfairDisplay-Bold.ttf');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Avenir';
  src: url('../fonts/Avenir/PlayfairDisplay-SemiBold.ttf');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Avenir';
  src: url('../fonts/Avenir/Avenir-Medium.ttf');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Avenir';
  src: url('../fonts/Avenir/Avenir-MediumOblique.ttf');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Avenir';
  src: url('../fonts/Avenir/PlayfairDisplay-MediumItalic.ttf');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Avenir';
  src: url('../fonts/Avenir/PlayfairDisplay-SemiBoldItalic.ttf');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Avenir';
  src: url('../fonts/Avenir/PlayfairDisplay-BlackItalic.ttf');
  font-weight: 100;
  font-style: normal;
}


/* POPPINS FONT */

@font-face {
  font-family: 'Unbounded';
  src: url('../fonts/Unbounded/static/Unbounded-Black.ttf');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Unbounded';
  src: url('../fonts/Unbounded/static/Unbounded-ExtraBold.ttf');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Unbounded';
  src: url('../fonts/Unbounded/static/Unbounded-Bold.ttf');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Unbounded';
  src: url('../fonts/Unbounded/static/Unbounded-SemiBold.ttf');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Unbounded';
  src: url('../fonts/Unbounded/static/Unbounded-Medium.ttf');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Unbounded';
  src: url('../fonts/Unbounded/static/Unbounded-Regular.ttf');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Unbounded';
  src: url('../fonts/Unbounded/static/Unbounded-Light.ttf');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Unbounded';
  src: url('../fonts/Unbounded/static/Unbounded-ExtraLight.ttf');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Unbounded';
  src: url('../fonts/Unbounded/static/-Thin.ttf');
  font-weight: 100;
  font-style: normal;
}
::-webkit-scrollbar {width: 6px;}

/* ::-webkit-scrollbar:focus {50px;} */

::-webkit-scrollbar-track {background:  #FFFFFF ;}
::-webkit-scrollbar-thumb {background: #0071FF;border-radius: 3px;}
::-webkit-scrollbar-thumb:hover {background:#050412}



body {font-family: 'Unbounded' !important;}
.navbar{box-shadow:none !important;}

/* ===========================START================================ */


/* ============FONT=========== */


/* FONT SIZES */
.font-110 {font-size: 110px}
.font-65 {font-size: 65px}
.font-32 {font-size: 32px}
.font-24 {font-size: 24px}
.font-22 {font-size: 22px}
.font-20 {font-size: 20px}
.font-18 {font-size: 18px}
.font-16 {font-size: 16px}


/* FONT WEIGHT */

.f-extra-bold {font-weight: 900;}
.f-black {font-weight: 800;}
.f-bold {font-weight: 700;}
.f-semibold {font-weight: 600;}
.f-medium {font-weight: 500;}
.f-regular {font-weight: 400;}
.f-light {font-weight: 300;}
.f-thicc {font-weight: 200;}
.f-thin {font-weight: 100;}


/* MISC */

.line-110{line-height: 110px;}
.line-32{line-height: 32.7px;}
.line-75{line-height: 75px;}
.line-38{line-height: 38px;}
.line-36{line-height: 36px;}
.line-28{line-height: 28px;}
.line-52{line-height: 52px;}
.line-42{line-height: 42px;}
.line-26{line-height: 26px;}
.line-24{line-height: 24.8px;}
.line-22{line-height: 22px;}


/* LINKS */

.footer-bottom a:hover {color: #0071FF;}
.footer-bottom a{color: #606165 !important;}

/* LABELS */


/* INPUTS */
.contact-form{padding-right: 300px !important;}
.contact-info {padding-left: 300px !important;}
.contact-form-section input{font-size: 16px; color: #050412; height: 60px; border: 1px solid rgba(0, 113, 255, 0.25);; padding-left: 30px}
.contact-form-section input:focus{color: #050412; background: rgba(255, 255, 255, 0.25);}
.contact-form-section input::placeholder{color: #050412;}
.contact-form-section textarea{background: rgba(255, 255, 255, 0.25); font-size: 16px; color: #050412; height: 160px; border: 1px solid rgba(0, 113, 255, 0.25);; padding-left: 30px; padding-top: 20px}
.contact-form-section textarea::placeholder{color: #050412;}
.contact-form-section textarea:focus{color: #050412; background: rgba(255, 255, 255, 0.25);}
.contact-banner{margin-top: -300px;}
.contact-info-container{background: linear-gradient(180deg, #1E1E1E 0%, rgba(30, 30, 30, 0.92) 48.23%, #1E1E1E 100%); border-radius: 24px}
.contact-info-container{max-width: 1150px; margin-top: -50px}
.subscribe-form .blue-btn {width: 130px;height: 40px;font-size: 16px !important;margin-left: -140px !important; }
.social-icons:hover svg path{fill: #F5F1FF;}
.social-icons:hover svg{background: #0071FF !important; border-radius: 50%;}
.blue-btn.submit{width: 181px !important;height: 60px;font-size: 24px;font-weight: 700 !important;}

/* COLORS */
.t-white {color:#F1F7FF}
.t-blue {color: #0071FF;}
.t-grey {color: #6B6B6B;}
.t-grey-black{color: #606165;} 
.t-black {color: #050412;}
.bg-slider{background: #F1F7FF;}
.bg-footer{background: linear-gradient(180deg, rgba(241, 247, 255, 0) 0%, #F1F7FF 100%);}
.bg-blue {background: #0071FF;}
.bg-light-blue {background: #B6CCE9;}
.bg-black {background: #050412}
/* ===========================BUTTONS================================ */

.blue-btn {background: #0071FF !important;color: #FFFFFF !important; padding: 0 25px; height: 60px; font-size: 24px; font-weight: 700; text-transform: uppercase; border: none; display: flex; align-items: center; justify-content: center; max-width: 365px;}
.black-btn {background: #050412 !important;color: #FFFFFF !important; padding: 0 25px; height: 60px; font-size: 24px; font-weight: 700; text-transform: uppercase; line-height: 29.76px;border:none; display: flex; align-items: center; justify-content: center}
.black-btn:hover {background: #FFFFFF !important; color: #0071FF !important; }
.blue-btn:hover {background: #050412 !important; color: #fff !important;  }
.blue-btn:hover svg path{fill: #fff;}
.black-btn:hover svg path{fill: #0071FF;}
.click-visible-btn{background: #0071FF;color: #FFFFFF !important; width: 295px; height: 60px; font-size: 24px; font-weight: 700; text-transform: uppercase; line-height: 29.76px;border-color: #0071FF !important; z-index: -1;}
.click-visible-btn{width: 260px; height: 50px; font-size: 22px;}
/************************  Custom CSS Start ************************/
.nav-link:focus, .nav-link:hover {color: #0071FF !important; background: #F1F7FF;}
.nav-top {display: flex;align-items: center;position: absolute;padding: 10px 20px;width: 100%; height: 50px;margin-top: 20px;}
.nav-drill {background: #0071FF!important;font-family: 'Unbounded' !important;}
.populr-artist-section .slide-content {height: 448px; width: 390px;border-radius: 600px 600px 0px 0px; padding: 0px 0px 0px 12px;}
.populr-artist-section .slide-image img{height: 436px; width: 366px;border-radius: 600px 600px 0px 0px; margin-top: 12px;}
.mix-blend{mix-blend-mode: luminosity !important;}
.populr-artist-section .slide-image:hover{mix-blend-mode:normal !important;}
.upcoming-release-section .slide-image img:hover{mix-blend-mode:normal !important;}
.auto-slider-section .auto-slide-image {height: 550px; width: 459.26px;}
.navbar-nav {position: fixed; right: 120px; top: 63px; z-index: 50;}
.mobile-menu-cont{width: 100vw;}
.slick-dots{display: none !important;}
.texture-img{z-index: 1;  position: absolute; bottom: 76px;}
.texture-img img{max-width: 100vw; z-index: -1 !important; height: auto}
.auto-slider-section{margin-top: -525px;}
.banner-main-heading{margin-top: 240px !important;}
.populr-artist-section h3{text-transform: uppercase;}
.upper{text-transform: uppercase;}
.text-center{text-align: center !important;}
.main-banner .banner-main-heading{margin-left: 80px;}
.f-avenir{font-family: 'Avenir' !important;}
.da-music-video video{width: 820px; height: 860px;}
.our-story-heading{padding: 40px 0px 50px 60px;}
.damusic-group-img{position: absolute; right: 0px;padding-top: 48px;width: 1090px; height: auto;}
.damusic-group-content{position: absolute; top: 460px;}
.texture-img-white{position: absolute; bottom: 76px;left: 50px;}
.populr-artist-section-content{padding: 0 45px !important;}
.populr-artist-section{top: -146px;}
.border-top{border-top-style:dashed !important  ; border-color: #0071FF !important;border-width:1px !important ;}

/************************  Custom CSS End ************************/

.outine-temp{outline: 5px dotted green;}
.slick-arrow.slick-prev {position: absolute;right: 134px;top: -95px;z-index: 9;opacity: 1 !important;}
.slick-arrow.slick-next:hover svg path{fill: #F1F7FF;}
.slick-arrow.slick-prev:hover svg path{fill: #F1F7FF;}
.slick-arrow.slick-next svg path{fill: #0071FF;}
.slick-arrow.slick-prev:hover{background-color: #0071FF;}
.slick-arrow.slick-next:focus{background-color: #0071FF;}
.slick-arrow.slick-next:focus svg path{fill: #F1F7FF;}
.slick-arrow.slick-prev:focus{background-color: #0071FF;}
.slick-arrow.slick-prev:focus svg path{fill: #F1F7FF;}
.slick-arrow.slick-next:hover{background-color: #0071FF;}
.slick-arrow.slick-prev{background: #D4E7FE; width: 88px;height: 88px;}
.slick-arrow.slick-next{background: #D4E7FE; width: 88px;height: 88px;}

.header{z-index: 10}
.nav-item .font-20{font-size: 16px;}
.main-banner-img .desktop{text-align: right}
.populr-artist-section-content .slick-arrow{top: -300px !important}
.populr-artist-section-content .slide-single{position: relative}
.click-visible-btn{display: none}
.slide-single:hover .click-visible-btn{display: flex;}
.click-visible-btn:hover{background: #050412}
footer{background: linear-gradient(180deg, rgba(241, 247, 255, 0) 0%, #F1F7FF 100%);}
footer a{font-size: 600; color: #050412;}
.footer-menu a{padding-left: 0}
.contact-form-section .main-container{max-width: 90%}
footer .main-container{max-width: 90%}
.da-music-video img{width: 100%; height: auto}
.click-visible-btn{width: 260px; height: 50px; font-size: 22px; position: absolute; bottom: 0; z-index: 10; align-items: center; justify-content: center; left: 0; right: 0; margin: 0 auto; bottom: 30px}
/* ===========================Medias================================ */

/* Mobile : 325px - 768px */
/* Table : 768px - 992px */
/* iPad : 1024px - 1280px */
/* Desktop 1 : 1280px - 1365px */
/* Desktop 2 : 1366px - 1439px */
/* Desktop 3 : 1440px - 1600px */
/* Desktop 4 : 1601px - 1920px */
/* Desktop 5 : 1921px - 2560px */
/* Desktop 6 : 2561px */

@media (min-width:2560px) {
  .auto-slider-section{margin-top: -500px;}
  .auto-slider-section .auto-slide-image {height: 700px; width: 650px;}
  .texture-img{position: absolute; bottom: 76px;right: 0px;}
  .navbar-nav li .nav-link{padding: 25px 40px 25px 40px !important;}
    .populr-artist-section-heading{padding: 180px 0 50px 85px;}
}

@media (min-width:1921px) and (max-width:2500px) {
  .main-banner-img img{max-width: 955px; height: auto !important;}
  .navbar-nav li .nav-link{padding: 25px 40px 25px 40px !important;}
  .populr-artist-section-heading{padding: 50px 0 50px 200px;}
  .slide-content.upcoming-release{padding: 35px 10px 0px 10px !important;}
  .texture-img{position: absolute; bottom: 76px;right: 0px;}
    .populr-artist-section-heading{padding: 180px 0 50px 85px;}
}

@media (min-width:1801px) and (max-width:1920px) { 
.main-banner{height: 1080px; }
.main-banner-img img{max-width: 100%; height: auto !important;}
.font-110 {font-size: 108px !important}
.navbar-nav li .nav-link{padding: 20px 30px 20px 30px !important;}
.populr-artist-section-heading{padding: 180px 0 50px 85px;}

.upcoming-release-section-content .slide-image img{height: 700px; width: 459.26px;}
.texture-img{position: absolute; bottom: -37px;right: 0px;}
.populr-artist-section{top: -110px; padding-top: 90px}



}



@media (min-width:1601px) and (max-width:1800px) {
  .main-banner-img img{width: 851px; height: auto !important;}
  .main-banner{max-width: 100vw !important;}
  .font-20 {font-size: 16px !important}
  .font-18 {font-size: 16px !important}
  .font-24 {font-size: 22px !important}
  .font-110 {font-size: 75px !important}
  .font-65 {font-size: 50px !important}
  .blue-btn { width: 290px; height: 45px; font-size: 16px !important}
  .line-24{line-height: 16px;}
  .navbar-nav {position: fixed;right: 90px;top: 55px;}
  .auto-slider-section{margin-top: -550px;}
  .auto-slider-section .auto-slide-image {height: 380px; width: 310px; object-fit: cover}
  .texture-img{position: absolute; bottom: 40px;right: 0px;}
  .navbar-nav li .nav-link{padding: 25px 35px 25px 35px !important;}
  .populr-artist-section-heading{padding: 120px 0 50px 60px;}
  .click-visible-btn{width: 240px; height: 40px; font-size: 20px;}
  .upcoming-release-section-content .slide-image img{height: 600px; width: 410px;}
  .slide-content.upcoming-release{padding: 35px 10px 0px 10px !important;}
  .upcoming-release-section{padding-top: 10px;}
  .black-btn {width: 360px; height: 52px; font-size: 18px;}
  .damusic-group-img{width: 930px; height: auto;}
  .damusic-group-content{top: 407px;}
  .da-music-video video{width: 700px; height: 800px;}
  .line-28 {line-height: 25px;}
  

}

@media (min-width:1440px) and (max-width:1600px) {
  .main-banner-img img{width: 756px; height: auto !important;}
  .main-banner{max-width: 100vw !important;}
  .font-24 {font-size: 20px !important}
  .font-20 {font-size: 16px !important}
  .font-18 {font-size: 16px !important}
  .font-110 {font-size: 75px !important}
  .font-65 {font-size: 45px !important}
  .blue-btn { width: 250px; height: 40px; font-size: 14px !important}
  .black-btn {width: 340px; height: 45px; font-size: 14px;}
  .click-visible-btn{width: 200px; height: 35px; font-size: 18px;}
  .line-24{line-height: 12px;}
  .navbar-nav {position: fixed;right: 90px;top: 55px;}
  .auto-slider-section{margin-top: -445px;}
  .auto-slider-section .auto-slide-image {height: 360px; width: 295px; object-fit: cover}
  .texture-img{position: absolute; bottom: 30px;right: 0px;}
  .click-up-arrow svg{height: 20px; width: auto;}
  .navbar-nav li .nav-link{padding: 22px 35px 22px 35px !important;}
  .populr-artist-section-heading{padding: 210px 0 50px 60px;}
  .populr-artist-section .slide-image img{height: 383px; width: 304px;border-radius: 500px 500px 0px 0px;}
  .populr-artist-section .slide-content {height: 395px; width: 330px;border-radius: 500px 500px 0px 0px;}
  .upcoming-release-section-content .slide-image img{height: 560px; width: 360px;}
  .slide-content.upcoming-release{padding: 35px 10px 0px 10px !important;}
  .slick-arrow.slick-prev{width: 70px;height: 70px; right: 116px !important;}
  .slick-arrow.slick-next{width: 70px;height: 70px;}
  .slick-arrow svg{width: 30px; height: auto;}
  .populr-artist-section{top: -145px ;}
  .damusic-group-img{width: 820px; height: auto;}
  .damusic-group-content{top: 355px;}
  .da-music-video video{width: 700px; height: 800px;}
  .line-28 {line-height: 25px;}
  .texture-img-white {width: 700px;height: auto;}
  .contact-form{padding-right: 200px !important;}
  .contact-info {padding-left: 200px !important;}
  .contact-form-section input{font-size: 14px; height: 45px;}
  .contact-form-section textarea{font-size: 14px;height: 160px;}
  .subscribe-form .blue-btn {width: 124px;height: 34px;font-size: 14px !important; margin-left: -133px !important;}
  .blue-btn.submit{width: 150px !important;height: 35px;font-size: 20px;}


}


@media (min-width:1366px) and (max-width:1439px) {
  .main-banner{max-width: 100vw !important;}
  .main-banner-img img{width: 680px; height: auto !important;}
  .font-20 {font-size: 16px !important}
  .font-18 {font-size: 16px !important}
  .font-24 {font-size: 18px !important}
  .font-110 {font-size: 60px !important}
  .font-65 {font-size: 45px !important}
  .blue-btn { width: 285px; height: 40px; font-size: 16px !important}
  .black-btn {width: 315px; height: 42px; font-size: 16px;}
  .line-24{line-height: 12px;}
  .navbar-nav {position: fixed;right: 80px;top: 50px;}
  .auto-slider-section{margin-top: -445px;}
  .auto-slider-section .auto-slide-image {height: 360px; width: 295px; object-fit: cover}
  .texture-img{z-index: 1; position: absolute; bottom: 76px;right: 0px;}
  .navbar-nav li .nav-link{padding: 18px 24px 18px 24px !important;}
  .populr-artist-section .slide-image img{height: 348px; width: 265px;border-radius: 400px 400px 0px 0px;}
  .populr-artist-section .slide-content {height: 360px; width: 290px;border-radius: 400px 400px 0px 0px;}
  .populr-artist-section-heading{padding: 200px 0 50px 60px;}
  .click-visible-btn{width: 200px; height: 35px; font-size: 18px;}
  .click-up-arrow svg{height: 20px; width: auto;}
  .upcoming-release-section-content .slide-image img{height: 500px; width: 340px;}
  .upcoming-release-section{padding-top: 0px;}
  .slide-content.upcoming-release{padding: 35px 8px 0px 8px !important;}
  .slick-arrow.slick-prev{width: 60px;height: 60px; right: 106px !important;}
  .slick-arrow.slick-next{width: 60px;height: 60px;}
  .slick-arrow svg{width: 25px; height: auto;}
  .populr-artist-section{top: -170px ;}
  .line-28 {line-height: 22px;}
  .damusic-group-img{width: 740px; height: auto;}
  .damusic-group-content{top: 330px;}
  .da-music-video video{width: 620px; height: 800px;}
  .texture-img-white {width: 630px;height: auto;}
  .contact-form{padding-right: 180px !important;}
  .contact-info {padding-left: 180px !important;}
  .contact-form-section input{font-size: 14px; height: 45px;}
  .contact-form-section textarea{font-size: 14px;height: 160px;}
  .subscribe-form .blue-btn {width: 124px;height: 34px;font-size: 14px !important; margin-left: -133px !important;}
  .social-icons svg{width: 40px !important; height: auto;}
  .blue-btn.submit{width: 150px !important;height: 35px;font-size: 18px;}

}



@media (min-width:1280px) and (max-width:1365px) {
  .font-20 {font-size: 14px !important}
  .font-24 {font-size: 16px !important}
  .font-110 {font-size: 55px !important}
  .font-65 {font-size: 40px !important}
  .blue-btn { width: 230px; height: 30px; font-size: 14px !important}
  .line-24{line-height: 12px;}
  .navbar-nav {position: fixed;right: 80px;top: 50px;}
  .auto-slider-section{margin-top: -385px;}
  .auto-slider-section .auto-slide-image {height: 340px; width: 290px;}
  .banner-main-heading{margin-top: 200px !important;}
  .desktop-logo img{width: 110px; height: auto !important;}
  .up-arrow svg{height: 20px; width: auto;}
  .slide-content.artist-slide {padding: 20px 10px 20px 10px !important;}
  .texture-img{position: absolute; bottom: 76px;right: 0px;}
  .navbar-nav li .nav-link{padding: 16px 25px 16px 25px !important;}
  .populr-artist-section .slide-image img{height: 270px; width: 225px;border-radius: 300px 300px 0px 0px; padding: 0px 0px 0px 0px !important;}
  .populr-artist-section .slide-content {height: 283px; width: 235px;border-radius: 300px 300px 0px 0px; padding: 0px 0px 0px 5px !important;}
  .populr-artist-section-heading{padding: 120px 0 20px 60px;}
  .click-visible-btn{width: 170px; height: 30px; font-size: 14px;}
  .click-up-arrow svg{height: 15px; width: auto;}
  .upcoming-release-section-content .slide-image img{height: 440px; width: 300px;}
  .upcoming-release-section{padding-top: 0px; top: -40px;}
  .slide-content.upcoming-release{padding: 35px 5px 0px 5px !important;}
  .slick-arrow.slick-prev{width: 60px;height: 60px; right: 106px !important;}
  .slick-arrow.slick-next{width: 60px;height: 60px;}
  .slick-arrow svg{width: 25px; height: auto;}
  .black-btn {width: 300px; height: 35px; font-size: 16px;}
  .line-28 {line-height: 22px;}
  .damusic-group-img{width: 740px; height: auto;}
  .damusic-group-content{top: 330px;}
  .da-music-video video{width: 557px; height: 800px;}
  .texture-img-white {width: 567px;height: auto;}
  .contact-form{padding-right: 180px !important;}
  .contact-info {padding-left: 180px !important;}
  .contact-form-section input{font-size: 14px; height: 45px;}
  .contact-form-section textarea{font-size: 14px;height: 160px;}
  .subscribe-form .blue-btn {width: 124px;height: 34px;font-size: 14px !important; margin-left: -133px !important;}
  .social-icons svg{width: 32px !important; height: auto;}
  .blue-btn.submit{width: 150px !important;height: 35px;font-size: 18px;}

}



@media (min-width:1240px) and (max-width:1279px) {
  .main-banner{max-width: 100vw !important;}
  .main-banner-img img{width: 618px; height: auto !important;}
  .font-20 {font-size: 14px !important}
  .font-24 {font-size: 16px !important}
  .font-18 {font-size: 14px !important}
  .font-110 {font-size: 55px !important}
  .font-65 {font-size: 40px !important}
  .blue-btn { width: 230px; height: 30px; font-size: 14px !important}
  .line-24{line-height: 12px;}
  .navbar-nav {position: fixed;right: 80px;top: 50px;}
  .auto-slider-section{margin-top: -385px;}
  .auto-slider-section .auto-slide-image {height: 340px; width: 290px;}
  .banner-main-heading{margin-top: 200px !important;}
  .desktop-logo img{width: 110px; height: auto !important;}
  .up-arrow svg{height: 20px; width: auto;}
  .slide-content.artist-slide {padding: 20px 10px 20px 10px !important;}
  .texture-img{position: absolute; bottom: 76px;right: 0px;}
  .navbar-nav li .nav-link{padding: 16px 25px 16px 25px !important;}
  .populr-artist-section .slide-image img{height: 270px; width: 225px;border-radius: 300px 300px 0px 0px; padding: 0px 0px 0px 0px !important;}
  .populr-artist-section .slide-content {height: 283px; width: 235px;border-radius: 300px 300px 0px 0px; padding: 0px 0px 0px 5px !important;}
  .populr-artist-section-heading{padding: 120px 0 20px 60px;}
  .click-visible-btn{width: 170px; height: 30px; font-size: 14px;}
  .click-up-arrow svg{height: 15px; width: auto;}
  .upcoming-release-section-content .slide-image img{height: 440px; width: 300px;}
  .upcoming-release-section{padding-top: 0px; top: -40px;}
  .slide-content.upcoming-release{padding: 35px 5px 0px 5px !important;}
  .slick-arrow.slick-prev{width: 60px;height: 60px; right: 106px !important;}
  .slick-arrow.slick-next{width: 60px;height: 60px;}
  .slick-arrow svg{width: 25px; height: auto;}
  .black-btn {width: 300px; height: 35px; font-size: 16px;}
  .line-28 {line-height: 22px;}
  .damusic-group-img{width: 740px; height: auto;}
  .damusic-group-content{top: 330px;}
  .da-music-video video{width: 557px; height: 800px;}
  .texture-img-white {width: 567px;height: auto;}
  .contact-form{padding-right: 180px !important;}
  .contact-info {padding-left: 180px !important;}
  .contact-form-section input{font-size: 14px; height: 45px;}
  .contact-form-section textarea{font-size: 14px;height: 160px;}
  .subscribe-form .blue-btn {width: 124px;height: 34px;font-size: 14px !important; margin-left: -133px !important;}
  .social-icons svg{width: 32px !important; height: auto;}
  .blue-btn.submit{width: 150px !important;height: 35px;font-size: 18px;}

}

  
@media (width:1024px) {

  .main-banner{max-width: 100vw !important;}
  .main-banner-img img{width: 512px; height: auto !important;}
  .font-20 {font-size: 12px !important}
  .font-18 {font-size: 14px !important}
  .font-24 {font-size: 14px !important}
  .font-22 {font-size: 18px !important}
  .font-32 {font-size: 24px !important}
  .font-16 {font-size: 14px !important}
  .font-110 {font-size: 48px !important}
  .font-65 {font-size: 35px !important}
  .blue-btn { width: fit-content; font-size: 14px !important}
  .line-24{line-height: 12px;}
  .navbar-nav {position: fixed;right: 80px;top: 50px;}
  .auto-slider-section{margin-top: -290px;}
  .auto-slider-section .auto-slide-image {height: 320px; width: 260px;}
  .banner-main-heading{margin-top: 200px !important;}
  .desktop-logo img{width: 110px; height: auto !important;}
  .up-arrow svg{height: 20px; width: auto;}
  .main-banner .banner-main-heading{margin-left: 55px;}
  .line-32{line-height: 28px;}
  .slide-content.artist-slide{padding: 15px 10px 15px 10px !important}
  .navbar-nav li .nav-link{padding: 15px 22px 15px 22px !important;}
  .texture-img{position: absolute; bottom: 76px;right: 0px;}
  .populr-artist-section .slide-image img{height: 270px; width: 100%;border-radius: 300px 300px 0px 0px; padding: 0px 0px 0px 0px !important;}
  .populr-artist-section .slide-content {height: 283px; width: 208px;border-radius: 300px 300px 0px 0px; padding: 0px 0px 0px 5px !important;margin-right: 0px !important;}
    .populr-artist-section .slide{margin-left: 10px !important; margin-right: 10px !important;}
  .populr-artist-section-heading{padding: 65px 0 20px 50px;}
  .click-visible-btn{width: 170px; height: 30px; font-size: 14px;}
  .click-up-arrow svg{height: 15px; width: auto;}
  .upcoming-release-section-content .slide-image img{height: 390px; width: 270px;}
  .upcoming-release-section{padding-top: 0px; top: -60px;}
  .slide-content.upcoming-release{padding: 35px 5px 0px 5px !important;}
  .slick-arrow.slick-prev{width: 60px;height: 60px; right: 106px !important;}
  .slick-arrow.slick-next{width: 60px;height: 60px;}
  .slick-arrow svg{width: 25px; height: auto;}
  .populr-artist-section{top: -128px ; padding-top: 100px}
  .black-btn {width: fit-content; font-size: 14px;}
  .line-28 {line-height: 20px;}
  .damusic-group-img{width: 555px; height: auto;}
  .damusic-group-content{top: 270px;}
  .da-music-video video{width: 452px; height: 750px;}
  .texture-img-white {width: 462px;height: auto;}
  .contact-form{padding-right: 100px !important;}
  .contact-info {padding-left: 100px !important;}
  .contact-form-section input{font-size: 14px; height: 45px;}
  .contact-form-section textarea{font-size: 14px;height: 160px;}
  .subscribe-form .blue-btn {width: 124px;height: 34px;font-size: 14px !important; margin-left: -133px !important;}
  .social-icons svg{width: 32px !important; height: auto;}
  .blue-btn.submit{width: 150px !important;height: 35px;font-size: 18px;}
    
    .populr-artist-section-content .slick-arrow{top: -200px !important}
}


@media (min-width:993px) {
.our-story{min-height: 1000px;}
 }


@media (min-width:820px) and (max-width:992px) {
  .main-banner{max-width: 100vw !important;}
  .main-banner-img img{width: 410px; height: auto !important;}
  .font-20 {font-size: 14px !important}
  .font-18 {font-size: 14px !important}
  .font-22 {font-size: 18px !important}
  .font-32 {font-size: 22px !important}
  .font-16 {font-size: 12px !important}
  .font-24 {font-size: 14px !important}
  .font-110 {font-size: 45px !important}
  .font-65 {font-size: 35px !important}
  .blue-btn { width: fit-content; height: 30px; font-size: 14px !important}
  .line-24{line-height: 12px;}
  .navbar-nav {position: fixed;right: 80px;top: 50px;}
  .auto-slider-section{ width: 100%; margin-top: 0}
    .desktop-banner .col-4{display: none}
    .main-banner-img p{display: none}
  .auto-slider-section .auto-slide-image{height: 270px; width: 235px;}
  .banner-main-heading{margin-top: 120px !important;}
  .desktop-logo img{width: 110px; height: auto !important;}
  .up-arrow svg{height: 20px; width: auto;}
  .main-banner .banner-main-heading{margin-left: 30px;}
  .line-32{line-height: 28px;}
  .slide-content.artist-slide{padding: 15px 10px 15px 10px !important}
  .mobile-menu-cont{display: flex !important;}
  .desktop-nav{display:none;}
  .menu-icon svg path{fill: #F1F7FF;}
  .texture-img{position: absolute; bottom: 110px;right: 0px;}
  .banner-heading-section p br{display: none;}
  .banner-heading-section p{padding-right: 90px; line-height: 20px;}
  .populr-artist-section-heading{padding: 55px 0 20px 45px;}
  .populr-artist-section .slide-image img{height: 229px; width: 100%;border-radius: 300px 300px 0px 0px; padding: 0px 0px 0px 0px !important;}
  .populr-artist-section .slide-content {height: 240px; width: 100%;border-radius: 300px 300px 0px 0px; padding: 0px 10px 0px 10px !important;margin-right: 0px !important;}
    .populr-artist-section .slide{margin-left: 10px; margin-right: 10px;}
  .upcoming-release-section-content .slide-image img{height: 390px; width: 270px;}
  .upcoming-release-section{padding-top: 0px; top: 60px;}
  .slide-content.upcoming-release{padding: 35px 5px 0px 5px !important;}
  .slick-arrow.slick-prev{width: 50px;height: 50px; right: 96px !important;}
  .slick-arrow.slick-next{width: 50px;height: 50px;}
  .slick-arrow svg{width: 25px; height: auto;}

  .black-btn {width: fit-content;  font-size: 16px;}
  .line-28 {line-height: 18px;}
  .damusic-group-img{width: 440px; height: auto;}
  .damusic-group-content{top: 220px;}
  .da-music-video video{width: 352px; height: 722px;}
  .texture-img-white {width: 362px;height: auto;}

  .contact-form{padding-right: 20px !important;}
  .contact-info {padding-left: 20px !important;}
  .contact-form-section input{font-size: 14px; height: 45px;}
  .contact-form-section textarea{font-size: 14px;height: 160px;}
  .subscribe-form .blue-btn {width: 110px;height: 30px;font-size: 12px !important; margin-left: -118px !important;}
  .social-icons svg{width: 28px !important; height: auto;}
  .blue-btn.submit{width: 120px !important;height: 35px;font-size: 16px;}

  .footer-brand{width: 100% !important;text-align: center;}
  .footer-menu{width: 100% !important;text-align: left;align-items: center; justify-content: center;}
  .heading-section{ padding-left: 25px;}
    
    .services-slider{margin-top: 0 !important}
    .populr-artist-section{top: 0}
    .populr-artist-section-content .slick-arrow{top: -200px !important}
    
    .populr-artist-section-content{padding: 0 !important}
    
    .damusic-group-content{position: relative !important; width: 95%}
    .our-story{min-height: 820px}

  }


@media (min-width:769px) {
  .mobile{display: none;}
  .font-110 {font-size: 110px}
  .font-65 {font-size: 65px}
  .font-32 {font-size: 32px}
  .font-24 {font-size: 24px}
  .font-22 {font-size: 22px}
  .font-20 {font-size: 20px}
  .font-18 {font-size: 18px}
  .font-16 {font-size: 16px}
  .slider-image-mobile{display: none;}
  }
    



@media(max-width:768px) {

.font-110 {font-size: 45px}
.font-65 {font-size: 32px}
.font-32 {font-size: 24px}
.font-24 {font-size: 20px}
.font-22 {font-size: 22px}
.font-20 {font-size: 20px}
.font-18 {font-size: 16px}
.font-16 {font-size: 14px}
/* .font-16 {font-size: 14px} */

.line-110{line-height: 45px;}
.line-32{line-height: 27.32px;}
.line-75{line-height: 38px;}
.line-38{line-height: 24.59px;}
.line-36{line-height: 36px;}
.line-28{line-height: 21.86px;}
.line-52{line-height: 34px;}
.line-42{line-height: 34px;}
.line-26{line-height: 24px;}
.line-22{line-height: 22px;}
.desktop{display: none;}
    .blue-btn{font-size: 20px}
.slider-image-desktop{display: none;}
.main-banner-img{position: absolute;top: 100px; z-index: -100; ;}
.main-banner-img img{width: 100vw; min-height: 970px !important}
/* .main-banner-img img{max-width: 768px; height: auto !important} */
/*.banner-heading-section{width: 90% !important;}*/
.main-banner .banner-main-heading{margin: 0px ; padding: 50px; }
.break-line{display: none !important}
.banner-main-heading h1, .banner-main-heading p{color: #F1F7FF;}
.auto-slider-section{width: 100% !important;}
.texture-img{position: absolute; bottom: 100px;right: 0px;}
.populr-artist-section.slide-content{width: 33% !important;}
.upcoming-release-section-content .slide-image img{height: 365px; width: 240px;}
.slide-content.upcoming-release{padding: 35px 15px 0px 15px !important;}
.slick-arrow{display: none !important;}
.auto-slider-section{margin-top: -326px;}
.populr-artist-section-heading{padding: 30px;}
.populr-artist-section-heading br{display: none;}
.populr-artist-section .slide-content {height: 345px;width: 267px !important; padding: 15px !important}
.populr-artist-section{top: 0px ;}
.auto-slider-section .auto-slide-image {height: 287px; width: auto; object-fit: cover}
    .services-slider .slide-content{padding: 5px !important}
.black-btn {width: fit-content;  font-size: 16px;}
.line-28 {line-height: 18px;}
.damusic-group-img{width: 350px; height: auto;}

.da-music-video video{width: 325px; height: 625px;}
.texture-img-white {width: 335px;height: auto;}
.contact-form{width: 100vw;padding-right: 0px !important; padding-left: 0px !important; }
.contact-info {width: 100%; padding-left: 0px !important;}
.contact-form-section input{font-size: 14px; width: 90vw;}
.contact-form-section textarea{font-size: 14px;width: 90vw;}
.subscribe-form .blue-btn {width: 110px;height: 30px;font-size: 12px !important; margin-left: -118px !important;}
.social-icons svg{width: 40px !important; height: auto;}
.blue-btn.submit{width: 120px !important;height: 35px;font-size: 16px;}
.footer-brand{width: 100% !important;text-align: center;}
.footer-menu{width: 100% !important;text-align: left;align-items: center; justify-content: center;}
.heading-section{ padding-left: 25px;}
.footer-terms{text-align: center !important; }
.footer-terms p{padding-left: 0px !important; padding-right: 0px !important;}
.text-end {text-align: center!important;}
.menu-heading br{display: none !important;}
.populr-artist-section .slide-image img {height: 340px;width: auto; object-fit: cover; border-radius: 600px 600px 0px 0px;margin-top: 0px;}
    .populr-artist-section-content{padding: 0 !important}
    
}


@media (width: 768px) {
  .main-banner{max-width: 700px !important;}
    .banner-heading-section{width: 100%;}
    .main-banner-img img{object-fit: cover}
    .upcoming-release-section{margin-top: 60px !important}
    .our-story .col-md-6{width: 100%;}
    .damusic-group-content{position: relative !important}
    .our-story-heading{text-align: center; padding: 0}
    .damusic-group-content{top: 60px; position: relative !important; width: 100%;}
    .damusic-group-img{display: none !important}
    
    .contact-form-section input, {width: 86vw}
    
}

@media (max-width:615px) {
  .auto-slider-section{margin-top: -0; width: 100%;}
  .main-banner .banner-main-heading{margin: 0px ; padding: 17px; }
  .da-music-video video{width: 250px; height: 250px !important}
  .damusic-group-content{top: 0; position: relative !important}
  .our-story-heading{padding: 0; text-align: center}
  .texture-img-white {top: 220px;left: 30px;}
  .damusic-group-img {top: -80px;}
  .our-story{height: auto;}
  .profile-section{width: 50% !important;}
  .footer-terms{width: 100% !important;}
    .main-banner-img img{width: 100%; object-fit: cover; min-height: 812px !important;}
    .banner-main-heading{margin-top: 385px !important}
    .main-banner{max-height: 812px;}
    .texture-img{bottom: 218px;}
    
    .populr-artist-section-content .slick-list{padding: 0}
    .slide-single.slide-image.mix-blend .my-3{margin-top: 0 !important}
    .click-visible-btn{font-size: 16px; max-width: 210px;}
    .upcoming-release-section{margin-top: 60px !important}
    .damusic-group-para{margin-top: 140px; padding-right: 30px;}
    
    .contact-form-section .main-container{max-width: 100%}
    .contact-form-section input{padding-left: 15px;}
    .footer-brand p{padding: 0 !important}
    footer .main-container{max-width: 100%;}
    .footer-bottom p{font-size: 12px !important}
    
}




@media (orientation: landscape) and (max-height:550px) {

}


/* ===========================ENDS================================ */



/* =========================== Mobile menu start ================================ */

.nav-back-link svg {
  transform: rotate(90deg)
}

.material-icons {
  height: 35px;
  padding-top: 5px
}

.nav-top {
  display: flex;
  align-items: center;
  position: absolute;
  z-index: 101;
  padding: 10px 20px;
  width: 100vw;
  height: 50px;
  margin-top: 20px
}

.nav-top .hamburger {
  margin-left: auto;
  color: #fff;
  cursor: pointer;
}

.nav-drill {
  margin-top: 50px;
  transform: translateX(100%);
}

.nav-is-toggled .nav-drill {
  transform: translateX(0);
}

.nav-is-toggled::after {
  opacity: 1;
  visibility: visible;
}

.nav-drill {
  display: flex;
  position: fixed;
  z-index: 100;
  top: 0;
  right: 0;
  width: 100%;
  height: 90vh;
  margin-top: 10vh;
  background: rgba(0, 0, 0, 0.45);
  
  backdrop-filter: blur(15px);
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  transition: 0.45s;
}

.nav-drill ul {
  list-style: none
}

.nav-drill .nav-items {
  padding-left: 0
}

.nav-items {
  flex: 0 0 100%;
}

.nav-drill .nav-link {
  display: block;
  padding: 0.875em 1em;
  color: #fff;
  font-size: 20px;
  line-height: 24.8px;
  font-weight: 700;
    font-family: 'Unbounded';
}

.nav-expand-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateX(100%);
  background-color: #daf9f4;
  transition: 0.3s;
  visibility: hidden;
}

.nav-expand-content .nav-back-link {
  display: flex;
  align-items: center;
  color: #fff;
}

.nav-expand-link {
  display: flex;
  justify-content: space-between;
}

.nav-expand-link svg {
  transform: rotate(-90deg)
}

.nav-expand.active>.nav-expand-content {
  transform: translateX(0);
  visibility: visible;
}

.nav-expand .nav-expand-content {
  background: rgba(35, 0, 47, 1.00);
  border: 1px solid #7334AE;
  z-index: 1
}

.nav-expand .nav-expand-content .nav-expand-content {
  background-color: #aff1e6;
}

.nav-expand .nav-expand-content .nav-expand-content .nav-link {
  background-color: #aff1e6;
}

.nav-expand .nav-expand-content .nav-expand-content .nav-expand-content {
  background-color: #84e9d9;
}

.nav-expand .nav-expand-content .nav-expand-content .nav-expand-content .nav-link {
  background-color: #84e9d9;
}

.nav-expand .nav-expand-content .nav-expand-content .nav-expand-content .nav-expand-content {
  background-color: #59e1cb;
}

.nav-expand .nav-expand-content .nav-expand-content .nav-expand-content .nav-expand-content .nav-link {
  background-color: #59e1cb;
}

/* =========================== Mobile menu end ================================ */

.animation-element.bounce-up .subject {
  opacity: 0;
  -moz-transition: all 700ms ease-out;
  -webkit-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
  -moz-transform: translate3d(0px, 200px, 0px);
  -webkit-transform: translate3d(0px, 200px, 0px);
  -o-transform: translate(0px, 200px);
  -ms-transform: translate(0px, 200px);
  transform: translate3d(0px, 200, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.animation-element.in-view .subject {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.animation-element.bounce-right .subject {
  opacity: 0;
  -moz-transition: all 700ms ease-out;
  -webkit-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
  -moz-transform: translate3d(200px, 0px, 0px);
  -webkit-transform: translate3d(200px, 0px, 0px);
  -o-transform: translate(0px, 200px);
  -ms-transform: translate(0px, 200px);
  transform: translate3d(200px, 0, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.animation-element.bounce-right.in-view .subject {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.animation-element.bounce-left .subject {
  opacity: 0;
  -moz-transition: all 700ms ease-out;
  -webkit-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
  -moz-transform: translate3d(-200px, 0px, 0px);
  -webkit-transform: translate3d(-200px, 0px, 0px);
  -o-transform: translate(0px, 200px);
  -ms-transform: translate(0px, 200px);
  transform: translate3d(-200px, 0px, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.animation-element.bounce-left.in-view .subject {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.animation-element.bounce-down .subject {
  opacity: 0;
  -moz-transition: all 700ms ease-out;
  -webkit-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
  -moz-transform: translate3d(0px, -200px, 0px);
  -webkit-transform: translate3d(0px, -200px, 0px);
  -o-transform: translate(0px, -200px);
  -ms-transform: translate(0px, -200px);
  transform: translate3d(0px, -200px, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.animation-element.in-view .subject {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}


.fade-in-animate {
  display: inline-block;
  animation: fadeIn linear 1s;
  -webkit-animation: fadeIn linear 1s;
  -moz-animation: fadeIn linear 1s;
  -o-animation: fadeIn linear 1s;
  -ms-animation: fadeIn linear 1s;
}

@keyframes fadeIn {
  0% {opacity: 0;}

  100% {opacity: 1;}
}

@-moz-keyframes fadeIn {
  0% {opacity: 0;}

  100% {opacity: 1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity: 0;}

  100% {opacity: 1;}
}

@-o-keyframes fadeIn {
  0% {opacity: 0;}

  100% {opacity: 1;}
}

@-ms-keyframes fadeIn {
  0% {opacity: 0;}

  100% {opacity: 1;}
}