@charset "UTF-8";

/*
Theme Name: Originals v2
Theme URI: 
Author: the WordPress team
Author URI: https://wordpress.org/
Description: originals v3 theme
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: originals


@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400&display=swap); /*!
 * Bootstrap  v5.2.2 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400&display=swap); /*!
 * Bootstrap  v5.2.2 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.15),
    rgba(255, 255, 255, 0)
  );
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #fff;
  --bs-body-bg: #1f1c2a;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-2xl: 2rem;
  --bs-border-radius-pill: 50rem;
  --bs-link-color: #0d6efd;
  --bs-link-hover-color: #0a58ca;
  --bs-code-color: #d63384;
  --bs-highlight-bg: #fff3cd;
}
*,
::after,
::before {
  box-sizing: border-box;
}

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

html {
	font-family: sans-serif;
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	border: 1px solid var(--primary-purple-1-secondary-dark, #1C1A23);
   background: #1E1E1E;
}

/*--------------------------------------------------------------
10.0 Links
--------------------------------------------------------------*/

a {
	color: #222;
	text-decoration: none;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	color: #000;
	outline: 0;
}

img, video {
   width: 100%;
}
ul, li {
   list-style: none;
   margin: 0px;
   padding: 0px;
}
header {
   width: 100%;
   z-index: 11;
}
#site-header {
   display: flex;
   height: 100px;
   background: #1C1A230D;
   position: relative;
   z-index: 100;
}
#site-header .site-logo {
   width: 125px;
   height: 40.185px;
   flex-shrink: 0;
   margin-right: 88px;
}

#site-header .site-cta-top {
   width: 182px;
   height: 40px;
   flex-shrink: 0;
}
.site-navigation {
   width: auto;
}
.site-navigation .menu-main-menu-container {
   display: flex;
}
.site-navigation .menu-main-menu-container ul {
   list-style: none;
   display: flex;
}
.site-navigation .menu-main-menu-container ul li {
   margin-right: 31px;
}
.site-navigation .menu-main-menu-container ul li a {
   color: #FFFFFF;
   text-align: center;
   font-family: Poppins;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 14px; /* 87.5% */
text-transform: uppercase;
}
.site-navigation .menu-main-menu-container ul li.current_page_item a {
   color: #FEB21F;
   text-align: center;
   font-family: Poppins;
   font-size: 20px;
   font-style: normal;
   font-weight: 800;
   line-height: 14px; /* 70% */
   text-transform: uppercase;
}

#hero-container {
   color: #FFF;
   text-shadow: 0px 6px 4px rgba(0, 0, 0, 0.25);
   font-family: Rubik One;
   font-size: 94.364px;
   font-style: normal;
   font-weight: 400;
   line-height: 91.188%; /* 86.048px */
   background: url("./assets/originals.png") no-repeat center center;
   background-size: 100%;
   /* min-height: 706px; */
}
#hero-container .col-6 {
   /* padding-top: 218px; */
   padding-top: 15%;
   padding-bottom: 72px;
}
#hero-container .hero-title {
   /* width: 581px;
   height: 197px; */
   width: 60%;
   height: auto;
   flex-shrink: 0;
   margin-bottom: 40px;
}
#hero-container .hero-details {
   display: flex;
   width: 556.86px;
   height: 141px;
   justify-content: center;
   align-items: flex-start;
   gap: 58.898px;
   flex-shrink: 0;
}

#hero-container .hero-details div {
   width: 150px;
   height: 150px;
   flex-shrink: 0;
   border-radius: 50%;
   /* border: 1.785px solid #FFF; */
   display: flex;
   justify-content: space-around;
   flex-direction: column;
   align-items: center;
   padding: 25px 5px;
   background-size: 100%;
   background-position: center center;
   background-repeat: no-repeat;
}

#hero-container .hero-details div .title {
   color: #FFF;
   font-family: Rubik;
   font-size: 17.848px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
}

#hero-container .hero-details div .desc {
   color: #FEB21F;
   text-align: center;
   font-family: Rubik;
   font-size: 19.772px;
   font-style: normal;
   font-weight: 600;
   line-height: normal;
}
.white-popup {
   position: relative;
   background: #FFF;
   padding: 5px;
   width: auto;
   max-width: 75%;
   margin: 20px auto;
}
.scroll-bottom-container {
   display: flex;
   justify-content: center;
   padding-bottom: 18px;
}
.scroll-bottom {
   width: 48px;
}

.clear-border {
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 65px 0px;
   padding-bottom: 32px;
}
.clear-border img {
   width: 56px;
   height: 56px;
   margin: 0px 44px;
}
.home-container {
   display: flex;
   flex-direction: column;
   /* margin-bottom: 40px; */
}
.home-container-title {
   color: #FEB21F;
   font-family: Rubik;
   /* font-size: 44px; */
   font-size: 2.75rem;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   padding-bottom: 32px;
   text-align: center;
}  
#new-release-container .latest-yt-videos {
   display: flex;
   padding-top: 60px;
}
#new-release-container .latest-yt-videos li:nth-child(2) {
   margin-top: -68px;
}
/* #video-playlist-container .latest-yt-videos li:nth-child(2) {
   margin-top: -44px;
} */
.playlist-yt-videos .slick-center img {
   -moz-transform: scale(1.08);
   -ms-transform: scale(1.08);
   -o-transform: scale(1.08);
   -webkit-transform: scale(1.08);
   color: #e67e22;
   opacity: 1;
   transform: scale(1.28);
   z-index: 10;
   position: relative;
}
.playlist-yt-videos img {
   opacity: 0.7;
   transition: all 300ms ease;
   padding: 10px;
}
#video-playlist-container {
   position: relative;
}
#video-playlist-container .slick-list {
   padding: 55px 50px 55px 50px !important;
}
.explore {
   color: #FEB21F;
   text-align: center;
   font-family: Poppins;
   font-size: 22px;
   font-style: normal;
   font-weight: 600;
   line-height: normal;
   text-transform: uppercase;
   position: absolute;
   right: 15%;
   bottom: 5px;
}
.explore img {
   width: 30px;
}
#learner-container {
   /* background: #232323; */
}

#artist-container .slick-track {
   height: 360px;
}
#artist-container .slick-slide {
   padding: 15px;
   position: relative;
   /* height: 360px; */
}
.slick-slide img {
   height: 96%;
   object-fit: cover;
 }
#artist-container .artist-list h6 {
   border: 1px solid #A3A3A3;
   opacity: 0.5;
   background: #FFF;
   color: #1C1A23;
   text-align: center;
   font-family: Poppins;
   font-size: 22px;
   font-style: normal;
   font-weight: 600;
   line-height: normal;
   position: absolute;
   left: 25%;
   bottom: 0px;
}
.partners {
   display: flex;
   justify-content: space-between;
   align-items: center;
   /* padding: 165px 0px; */
}
.partners .partners-image a {
   padding: 165px 0px;
   display: flex;
}
.partners .partners-image img {
   object-fit: contain;
}
.partners .partners-image-left {
   width: 40%;
}
.partners .partners-image-right {
   background-size: 100% !important;
   background-position: center center !important;
   width: 60%;
}
#audio-partner-container {
   margin-top: 80px;
   margin-bottom: 40px;
}
.audio-partner-list {
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
}
.audio-partner-list li {
   display: flex;
   width: 33%;
   border-radius: 5px;
   border: 1.163px solid #FFF;
   float: left;
   padding: 0px;
   margin: 15px;
   justify-content: center;
   align-items: center;
   height: 80px;
}
.audio-partner-list li img {
   padding: 15px;
   height: 80px;
   object-fit: contain;
}
#artist-main {
   padding-top: 100px;
}
#artist-main .artist-main-list {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}
#artist-main .artist-main-list li.artist-list-item {
   width: 49%;
   margin-bottom: 30px;
   position: relative;
   height: 100%;
}
.artist-list-item .artist-image {
   width: 100%;
   height: 70vh;
   object-fit: cover;
   object-position: top left;
}
.artist-list-item .item-overlay {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #5E1416 100%);
}
.artist-list-item .item-details {
   position: absolute;
   bottom: 0;
   padding: 30px;
   width: 70%;
}
.artist-list-item h2 {
   color: #1C1A23;
   text-align: left;
   font-family: Poppins;
   font-size: 38.216px;
   font-style: normal;
   font-weight: 600;
   line-height: normal;
   text-transform: uppercase;
}
.artist-list-item h2 span {
   background: #FFFFFF;
   padding: 10px;
}
.artist-list-item h3 {
   color: #FFF;
   text-align: left;
   font-family: Poppins;
   font-size: 17.197px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   text-transform: uppercase;   
   
}
.artist-list-item h3 span {
   background: #882076;
   padding: 5px 10px;
}
.artist-list-item p {
   color: #FFF;
   text-align: justify;
   font-family: Poppins;
   font-style: normal;
   font-weight: 400;
   line-height: 1.5;
   margin-top: 20px;
}
.artist-list-item .see-more img {
   width: 30%;
   height: 50px;
   position: absolute;
   bottom: 18%;
   right: 2.5%;
   object-fit: contain;
}
.artist-details-main {
   width: 75%;
   height: 300px;
   border-radius: 5px;
   display: flex;
}
.artist-details-main img {
   width: 35%;
   height: 100%;
   border-radius: 5px 0px 0px 5px;
   object-fit: cover;
}
.artist-details-main .item-details {
   width: 60%;
   height: auto;
   padding: 25px;
   color: #000000;
}
.artist-details-main .item-details h2 {
   font-weight: 600;
}

#about-container {
   padding-top: 100px;
   margin-bottom: 102px;
}
#about-container .about-container-title {
   color: #FFF;
   text-align: center;
   font-family: Rubik;
   font-size: 100px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   text-transform: uppercase;
}
#about-container .col-8 {
   padding: 0px 36px 20px;
   border-left: 1px solid #FFFFFF;
}
#about-container .col-8 h4 {
   color: #FFF;
   font-family: Poppins;
   font-size: 30px;
   font-style: normal;
   font-weight: 400;
   line-height: 91.188%; /* 27.356px */
}
#about-container .col-8 h4 span {
   color: #FEB21F;
   font-family: Poppins;
   font-size: 30px;
   font-style: normal;
   font-weight: 600;
   line-height: 91.188%;
}
#about-container .col-8 p {
   color: #FFF;
   font-family: Poppins;
   font-size: 22px;
   font-style: normal;
   font-weight: 400;
   line-height: 120%; /* 26.4px */
}
#about-container .col-8 p span {
   color: #FEB21F;
   font-family: Poppins;
   font-size: 22px;
   font-style: normal;
   font-weight: 600;
   line-height: 120%;
}
#about-container .col-8 .list-partners {
   display: flex;
}
#about-container .col-8 .list-partners li {
   background-size: 100% !important;
   background-position: left top !important;
   width: 250px;
   height: 95px;
   padding: 20px;
   display: flex;
   justify-content: center;
   align-items: center;
}
#about-container .col-8 .list-partners li img {
   width: 60%;
}
#mission-container {
   padding-left: 75px;
   margin-bottom: 102px;
}
.mission-details {
   padding: 75px 75px 75px 0px;
}
#talent-container {
   margin-bottom: 102px;
}
#talent-container .talent-details {
   padding-left: 75px;
}
#talent-container .talent-details p {
   padding: 75px 75px 75px 0px;
   color: #FFF;
   font-family: Poppins;
   font-size: 22px;
   font-style: normal;
   font-weight: 400;
   line-height: 136%;
}
#talent-container .talent-details p span {
   color: #FEB21F;
   font-family: Poppins;
   font-size: 22px;
   font-style: normal;
   font-weight: 600;
   line-height: 136%;
}
#musician-container-main {
   display: flex;
   justify-content: flex-end;
 }
#musician-container {
   width: 75%;
   height: 172px;
   padding: 32px 175px 32px 175px;
   margin-top: 75px;
}
#musician-container h4 {
   color: #FFF;
   font-family: Rubik;
   font-size: 42px;
   font-style: normal;
   font-weight: 400;
   line-height: 91.188%; /* 38.299px */
}
#musician-container h4 span {
   color: #FEB21F;
   font-family: Rubik;
   font-size: 42px;
   font-style: normal;
   font-weight: 400;
   line-height: 91.188%;
}
#musician-container p {
   color: #FFF;
   font-family: Roboto;
   font-size: 22px;
   font-style: normal;
   font-weight: 400;
   line-height: 134%; /* 29.48px */
}
#musician-container p span {
   color: #FEB21F;
   font-family: Roboto;
   font-size: 22px;
   font-style: normal;
   font-weight: 400;
   line-height: 134%;
}
#join-container {
   width: 100%;
   display: flex;
   align-items: center;
}
#join-container-left {
   width: 50%;
   display: flex;
}
#join-container-right {
   width: 50%;
   display: flex;
   margin-left: -200px;
}
#performer-form {
   display: none;
   width: 90%;
   margin: 0 auto;
   padding: 40px;
}
.form-title {
   color: #FEB21F;
   font-family: Poppins;
   font-size: 22.02px;
   font-style: normal;
   font-weight: 600;
   line-height: 1;
   text-transform: capitalize;
   text-align: center;
   margin-top: 20px;
   margin-bottom: 20px;
}
#become-performer-form {
   padding: 0px 20px;
   background: #FFFFFF;
   border-radius: 0px 20px 20px 0px;
}
#become-performer-form .form-data {
   padding: 20px;
   border-radius: 2.823px;
   border: 0.941px solid rgba(55, 52, 71, 0.30);
}
#become-performer-form .form-data .forminator-input {
   display: flex;
   /* width: 357.559px;
   height: 47.047px; */
   padding: 5px;
   align-items: center;
   flex-shrink: 0;
   border-radius: 3.764px 3.764px 0px 0px;
   border-bottom: 0.941px solid #AFA9C6 !important;
   background: #FFF !important;
   border: 0px;
}
#become-performer-form .form-data .forminator-label {
   color: #999 !important;
   font-family: Poppins !important;
   font-size: 14.068px !important;
   font-style: normal !important;
   font-weight: 500 !important;
}
#become-performer-form .form-data .forminator-input::placeholder {
   opacity: 1;
}
#become-performer-form .form-data .forminator-radio {
   color: #999 !important;
}
#become-performer-form .form-data .forminator-button-upload {
   background: url('assets/upload.png');
   background-color: transparent !important;
   background-size: 100%;
   background-repeat: no-repeat;
   color: transparent !important;
   background-position: center center;
}
#become-performer-form .form-data .forminator-button-upload:hover {
   background-color: none !important;
   color: none !important;
   box-shadow: none !important;
}
.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid="open"] .forminator-row:not(:last-child), .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid="open"] .forminator-row:not(:last-child) {
   margin-bottom: 20px;
}
.forminator-ui#forminator-module-35.forminator-design--default .forminator-button-submit {
   background-color: #E82C86 !important;
   color: #FFFFFF !important;
   border-radius: 20px !important;
   padding: 10px 60px !important;
   text-align: center !important;
   font-family: Poppins !important;
   font-size: 15.055px !important;
   font-style: normal !important;
   font-weight: 500 !important;
   text-transform: uppercase !important;
}
.forminator-ui#forminator-module-35.forminator-design--default .forminator-button-submit:hover {
   background-color: #E82C86 !important;
   color: #FFFFFF !important;
}
footer {
   background: #000000;
   color: #fff !important;
   /* margin-top: 20px; */
}
#footer-navigation {
   padding: 50px 0px;
}
#allIcons .icons {
   text-decoration: none;
   margin-right: 15px;
}
#allIcons img {
   width: 40px;
}
.footer-nav-title, .footer-details-title {
   color: #fff;
   font-weight: 600;
   text-transform: uppercase;
   margin-bottom: 20px;
}
.footer-nav-list-item {
   margin-bottom: 10px;
}
.footer-nav-list-item a {
   color: #ddd;
   font-weight: 0.95rem;
}
.footer-nav-list-item a.link-mail {
   color: #e82c86;
}
#footer-details {
   padding: 50px 0px;
}
.footer-details-text {
   color: #fff;
   font-size: 0.95rem;
   line-height: 2;
}
.footer-details-text-grey {
   color: #817b98;
   font-size: 0.95rem;
   line-height: 2;
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
   header {
      z-index: 11;
   }
   #site-header .site-logo {
      margin-right: 75px;
   }
   .site-navigation .menu-main-menu-container ul li {
      margin-right: 18px;
   }
   .site-navigation .menu-main-menu-container ul li.current_page_item a {
      font-size: 14px;
   }
   .site-navigation .menu-main-menu-container ul li a {
      font-size: 11px;
   }
   #hero-container {
      background-size: cover;
      background-position-x: 80%;
      position: relative;
   }
   #hero-container .col-6 {
      padding-top: 100px;
      padding-bottom: 72px;
      width: 100%;
   }
   #hero-container .hero-title {
      width: 70%;
   }
   #hero-container .hero-details {
      /* width: 100%;
      height: auto;
      align-items: inherit;
      gap: normal; */
      width: 100%;
      height: auto;
      align-items: inherit;
      gap: normal;
      margin: 0;
      position: absolute;
      bottom: 85px;
      padding: 0;
      left: 0%;
   }
   #hero-container .hero-details div {
      /* width: 30%;
      height: auto;
      margin: 2.5%; */
      width: 100px;
      height: 100px;
      margin: 1.5%;
      padding: 5px;
   }
   #hero-container .hero-details div .title {
      font-size: 0.85rem;
   }
   #hero-container .hero-details div .desc {
      font-size: 1.03rem;
   }
   .scroll-bottom-container {
      display: flex;
      justify-content: center;
      padding-bottom: 5px;
      padding-top: 120px;
   }
   .clear-border {
      padding: 25px 0px;
      padding-bottom: 15px;
   }
   .home-container-title {
      font-size: 1.75rem;
   }
   #new-release-container .latest-yt-videos {
      padding-top: 0px
   }
   #new-release-container .latest-yt-videos li:nth-child(2) {
      margin-top: -20px
   }
   #video-playlist-container .slick-list {
      padding-top: 0px !important;
   }
   #artist-container .slick-slide, .slick-slide img {
      height: 200px;
      /* width: 250px; */
   }
   #artist-container .slick-track {
      height: auto;
   }
   .partners .partners-image {
      padding: 0%;
      justify-content: end;
   }
   .partners .partners-image img {
      width: 60%;
   }
   #audio-partner-container .row {
      flex-flow: wrap-reverse;
   }
   #audio-partner-container .col-8 {
      width: 100%;
   }
   #audio-partner-container .col-4 {
      width: 100%;
   }
   .audio-partner-list li {
      display: flex;
      width: 40%;
      border-radius: 5px;
      border: 1.163px solid #FFF;
      float: left;
      padding: 0px;
      margin: 10px;
      justify-content: center;
      align-items: center;
      height: 60px;
   }
   .audio-partner-list li img {
      padding: 10px;
      height: 60px;
      object-fit: contain;
   }
   #artist-container .slick-slide {
      height: 240px;
   }
   #artist-container .artist-list h6 {
      left: 13%;
   }
   footer .col, footer .col-2, footer .col-4, footer .col-6, footer .col-8 {
      width: 100% !important;
      flex: 1 0 100%;
   }
   #about-container .col,
   #about-container .col-2,
   #about-container .col-4,
   #about-container .col-5,
   #about-container .col-6,
   #about-container .col-7,
   #about-container .col-8 {
      width: 100% !important;
   }
   #talent-container .col-6 {
      width: 100% !important;
   }
   #about-container {
      margin-bottom: 0px;
   }
   #about-container .col-8 .list-partners li {
      height: auto;
      padding: 10px;
   }
   #mission-container {
      padding-left: 30px;
      margin-bottom: 0px;
   }
   #talent-container .talent-details {
      padding-left: 0px;
   }
   #talent-container .talent-details p {
      padding: 0px 36px 20px;
   }
   #musician-container {
      margin-top: 0px;
      background: none !important;
      width: 100%;
      height: auto;
      padding: 20px 36px 20px;
   }
   #join-container-left, #join-container-right {
      width: 100%;
   }
   #artist-main .artist-main-list li.artist-list-item {
      width: 100%;
   }
   .artist-list-item h2 {
      font-size: 25px;
   }
   .artist-details-main {
      width: 90%;
      max-width: 90%;
      height: 300px;
      border-radius: 5px;
      display: flex;
      /*! background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #5E1416 100%); */
   }
   .artist-details-main img {
      width: 100%;
      height: 100%;
      border-radius: 5px 0px 0px 5px;
      object-fit: cover;
      position: absolute;
      padding: 2px;
      left: 0;
      top: 0;
      z-index: 10;
      /*! background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #5E1416 100%); */
   }
   .artist-details-main .item-details {
      width: 100%;
      height: auto;
      padding: 25px;
      color: #fff;
      z-index: 11;
      background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #5E1416 100%);
   }
   .mfp-close {
      color: #FFFFFF;
   }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {

}