* { margin: 0 0; padding: 0; outline: none; -ms-word-break: break-word; word-break: break-word; word-wrap: break-word;  }

html {scroll-behavior: smooth; }
body { font-family: "Poppins", sans-serif; font-weight: normal !important; font-style: normal !important; overflow-x: hidden; padding: 0px !important; }

/* scrollbar */
::-webkit-scrollbar { width: 5px; height: 5px;}
::-webkit-scrollbar-track { -webkit-border-radius: 10px; border-radius: 10px; background: #CCCACA; }
::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: #FFD700; }
::-webkit-scrollbar-thumb:window-inactive { background: #CCCACA;}

input:-webkit-autofill, input:-webkit-autofill:hover,  input:-webkit-autofill:focus,
textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus,
select:-webkit-autofill, select:-webkit-autofill:hover,
select:-webkit-autofill:focus { border: 1px solid transparent; -webkit-text-fill-color: rgba(152, 152, 152, 1); -webkit-box-shadow: 0 0 0px 1000px rgba(243, 243, 243, 1) inset; transition: background-color 5000s ease-in-out 0s;}

/* header */

header { box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); background: rgba(255, 255, 255, 1); width: 100%; height: 80px; padding: 0px 15px; display: flex; align-items: center; position: relative; z-index: 1; transition: all 0.5s;  }
header.fixed-header { position: fixed; top: 0; left: 0; width: 100%; animation: slide-down 0.7s; z-index: 111;  -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); background: rgba(255, 255, 255, 0.79); }
header.fixed-header .site_logo { transition: all 0.5s; width: 80px; height: 80px; padding: 3px; box-shadow: none; background: transparent !important; }
@keyframes slide-down {
    0% { opacity: 0; transform: translateY(-100%);}
    100% { opacity: 0.9; transform: translateY(0);}
}

.site_logo { width: 160px; height: 160px; border-radius: 50%; padding: 10px; margin: 0px auto;  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); z-index: 1; position: absolute; background: #fff; align-self: baseline; left: 50%; transform: translateX(-50%); top: 0; }
.site_logo a img { width: 100%; height: 100%; object-fit: contain; object-position: center; }

header ul { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; }
header ul li { margin-right: 35px; }
header ul li:last-child { margin-right: 0px; }
header ul li a { font-size: 14px; font-weight: 700; line-height: 21px; letter-spacing: 4px; color: #333333; text-transform: uppercase; display: block; border: 1px solid transparent; position: relative; }
header ul li a::before { position: absolute; content: "";  width: 100%; height: 6px; background: #FFD700; bottom: -30px; left: -2px; display: none; }
header ul li a:hover::before, header ul li a.active::before { display: block; color: #333333; }
header ul li a:hover, header ul li a.active { color: #333333; }
header ul li.login_link a { background: #333333; color: #fff; padding: 3px; }
header ul li.login_link a::before { display: none !important; }
header ul li.login_link a:hover { background: transparent; color: #333333; border-color: #333333; }

header ul li.cart_link a { width: 24px; height: 24px; background: none !important; position: relative; padding: 0px; }
header ul li.cart_link a img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
header ul li.cart_link a:hover { background: transparent !important; }
header ul li.cart_link a .count { min-width: 20px; height: 20px; background: #FFD700; border: 1px solid #FFFFFF; font-size: 12px; line-height: 18px; text-align: center; color: #333333; position: absolute; display: block; border-radius: 50%; top: -10px; right: -10px; letter-spacing: 0; }
header ul li.cart_link, header ul li.mission_link { margin-right: 25px; }


/* home page */

.home_banner_section { width: 100%; min-height: 700px; padding: 40px 15px; display: flex; align-items: center; background: url(../images/banner_img.png) no-repeat; background-position: bottom; background-size: cover; position: relative; background-attachment: fixed; }
.home_banner_section::before { position: absolute; content: ""; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.2);}
.home_banner_section video { width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; } 
.banner_content { max-width: 580px; width: 100%; position: relative; }
.banner_content .banner_heading { font-size: 52px; font-weight: 700; line-height: 68px; color: #FFFFFF; margin-bottom: 10px; text-transform: uppercase; }
.banner_content .banner_text {  color: #FFFFFF; font-size: 18px; font-weight: 500; line-height: 30px; margin-bottom: 30px; }
.common-btn { box-shadow: none !important; border: 1px solid transparent !important; background: #000000; font-size: 14px; font-weight: 700; line-height: 21px; color: #FFFFFF; padding: 15px; min-width: 140px; transition: all 0.5s; border-radius: 2px; text-transform: uppercase; }
.common-btn:hover { background: transparent; border-color: #000 !important; color: #000; }

.home_banner_section .common-btn:hover { background: transparent; border-color: #fff !important; color: #fff; }

.how_it_work_section { width: 100%; display: block; padding: 30px 15px 50px;  }
.heading_block { width: 100%; display: block; }
.heading_block .heading {font-size: 36px; font-weight: 700; text-align: center;color: #000000; margin-bottom: 12px; }
.heading_block .sub_heading { font-size: 18px; text-transform: uppercase; font-weight: 600; line-height: 30px; letter-spacing: 3px; text-align: center; color: #000000; margin-bottom: 22px; }


.how_it_work_section .slick-track { display: flex;}
.how_it_work_section .slick-slide { height: unset !important; padding: 14px 0px;}
.work_block { max-width: 1360px; width: 100%; margin: 0px auto; }
.work_inner_card { box-shadow: 1px 4px 10px 0px #0000001C; background: #FFFFFF; max-width: 290px; width: 100%; padding: 3px; margin: 0px auto; height: 100%; }
.work_inner_card .work_img { width: 100%; height: 300px; }
.work_inner_card .work_img img { width: 100%; height: 100%; object-fit: cover; object-position: top center; }
.work_inner_card .work_body { width: 100%; padding: 13px; }
.work_inner_card .work_body .work_number { font-size: 20px; line-height: 30px; color: #555555; margin-bottom: 10px; }
.work_inner_card .work_body .work_title { font-size: 18px; font-weight: 600; line-height: 26px; color: #000000; text-transform: uppercase; margin-bottom: 10px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;  -webkit-box-orient: vertical;  }
.work_inner_card .work_body .work_desc { font-size: 14px; line-height: 21px; color: #333333; margin-bottom: 0px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;  -webkit-box-orient: vertical;  }


.giveaways_section { width: 100%; display: block; padding: 40px 15px; background: #EAEAEA;}

.giveaway_card_outer_block { width: 100%; padding: 45px 0px; position: relative; }
.giveaway_card_outer_block::before { position: absolute; content: ""; max-width: 837px; width: 100%; height: 89px; background: #202020; filter: blur(60px); left: 50%; transform: translateX(-50%); bottom: 50px; }
.giveaway_card_block { background: #FFFFFF; max-width: 1550px; width: 100%; min-height: auto; margin: 0px auto; display: flex; justify-content: space-between; position: relative; align-items: flex-start; }
.giveaway_content { max-width: 900px; width: 100%; padding: 50px 25px; }
.giveaway_content .gdate { font-size: 16px; font-weight: 600; line-height: 30px; letter-spacing: 4px; text-transform: uppercase; color: #000000; margin-bottom: 35px; }
.giveaway_content .product_name { font-size: 48px; font-weight: 800; line-height: 62px; color: #000; margin-bottom: 45px; }
.giveaway_content .pro_info { width: 100%; display: flex; align-items: center; justify-content: space-between; margin-bottom: 60px; }
.giveaway_content .pro_info .pro_price { font-size: 48px; font-weight: 700; line-height: 62px; position: relative; width: fit-content; color: #000; margin-bottom: 0px; padding: 0px 7px; }
.giveaway_content .pro_info .pro_price span i { font-weight: 500; }
.giveaway_content .pro_info .pro_price span { position: relative; text-decoration-line: underline; text-decoration-style: solid; text-decoration-thickness: 30px; text-underline-offset: -20px; text-decoration-color: #FFD700; text-decoration-skip-ink: none;}
/* .giveaway_content .pro_info .pro_price::before { width: 100%; background: #FFD700; height: 38px; position: absolute; content: ""; left: 0; bottom: 0; } */
.giveaway_content .pro_info .common-btn { max-width: 260px; border-radius: 6px; width: 100%; font-size: 20px; font-weight: 700; line-height: unset; padding: 18px; }
.giveaway_content .time_slot { padding-top: 10px; }
.days, .hours, .minutes, .seconds { font-size: 30px; line-height: 60px; color: #000; }
.timeRefDays, .timeRefHours, .timeRefMinutes, .timeRefSeconds { font-size: 18px; line-height: 36px; color: #B9B9B9;  }
.dot_clumn { font-size: 30px; line-height: 60px; text-align: center; color: #B9B9B9; margin: 0px 12px; }

.giveaway_slider { padding: 50px; max-width: 490px; width: 100%; }
.giveaway_slider .slider_img { width: 410px !important; height: 410px;  }
.giveaway_slider .slider_img img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.giveaway_slider .slick-custom-arrow { width: 35px; height: 35px; background: #8A8A8B; box-shadow: none !important; border: none !important; border-radius: 0; transition: all 0.5s; position: absolute; bottom: 15px; right: 50px; }
.giveaway_slider .slick-custom-arrow:hover { background: #1A1A1C; }
.giveaway_slider .slick-custom-arrow.slick-prev { right: 86px; }

.giveaways_brands_section { width: 100%; display: block; padding: 30px 15px; }
.brands_logo { max-width: 1770px; width: 100%; margin: 0px auto; display: flex; align-items: center; flex-wrap: wrap; justify-content: center; }
.brands_logo .b_logo { border: 1px solid #E3E1E1; background: #FFFFFF; width: 225px; height: 100px; border-radius: 8px; margin: 10px; padding: 5px; box-shadow: rgba(32, 32, 32, 0.15) 0px 25px 20px -20px; }
.brands_logo .b_logo img { width: 100%; height: 100%; object-fit: contain; object-position: center; }

.music_section { width: 100%; display: flex; align-items: flex-end; min-height: 650px; padding: 0px 15px; background: url(../images/music_bg.jpg) no-repeat; background-position: center; background-size: cover; position: relative; background-attachment: fixed; }
.music_section::before { position: absolute; content: ""; background: linear-gradient(0deg, #000000 12.21%, rgba(38, 38, 38, 0.67) 59.33%, rgba(115, 115, 115, 0) 100%); bottom: 0px; width: 100%; left: 0; height: 50%; }
.music_content_block { position: relative; margin-left: 320px; padding-bottom: 45px; padding-right: 45px;  padding-left: 45px; width: 100%; flex: 1; }
.music_content_block .music_heading { font-size: 36px; font-weight: 700; line-height: 72px; text-align: center; color: #FFFFFF;}
.music_content_block .common-btn { border: 1px solid #000000 !important; background: #FFFFFF; color: #000000; }
.music_content_block .common-btn:hover { border-color: #fff !important; color: #fff; background: transparent; }
.music_player { width: 320px; height: 320px; background: url(../images/music.svg) no-repeat; background-position: bottom  !important; background-size: contain !important; display: flex;  align-items: center; justify-content: center; padding: 10px; position: relative; overflow: hidden; margin: 20px 0px; }
.music_player img { width: 100%; height: 100%; object-position: center; object-fit: contain; }
.music_player .mp_text { font-size: 28px; font-weight: 500; line-height: 42px; text-align: center; color: #000000; margin-bottom: 0px; opacity: 0.6; }

.testimonials_section { padding: 15px 15px; width: 100%; min-height: 630px; display: flex; justify-content: center; background: url(../images/testimonials_bg.png) no-repeat; background-position: center; background-size: cover; background-attachment: fixed; }

.testimonials_section .testimonial_slider { width: 100%; display: flex; align-items: center; }
.tslider_content { max-width: 750px; width: 100%; margin: 0px auto; }
.tslider_content .user_img { border-radius: 50%; width: 140px; height: 140px; background: rgba(0, 0, 0, 0.7); padding: 7px; margin-left: auto; margin-bottom: -37px; z-index: 1; position: relative; }
.tslider_content .user_img img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 50%; }
.tslider_content .user_content { background: rgba(0, 0, 0, 0.7) url(../images/double-quotes.svg) no-repeat; background-size: 90px; background-position: 40px 50px; padding: 40px; width: 100%; }
.tslider_content .user_content .t_heading { font-size: 24px; font-weight: 800; line-height: 36px; color: #fff; text-transform: uppercase; margin-bottom: 20px; }
.tslider_content .user_content .t_desc { font-size: 18px; line-height: 28px; color: #fff;  }
.testimonials_section .testimonial_slider .slick-custom-arrow { width: 70px; height: 70px; background: #8A8A8B; box-shadow: none !important; border: none !important; border-radius: 0; transition: all 0.5s; position: absolute; bottom: -15px; right: 0px; }
.testimonials_section .testimonial_slider .slick-custom-arrow:hover { background: #1A1A1C; }
.testimonials_section .testimonial_slider .slick-custom-arrow.slick-prev { right: 70px; }

.featured_products_section { width: 100%; display: block; padding: 35px 15px; border-radius:0px 0px 30px 0px; background: linear-gradient(-45deg, #EEEEF6 0%, #F0F0F8 30.02%, #F0F0F8 43.35%, #F1F1F9 55.78%, #FFFFFF 106.35%);}
.featured_products_section .heading { margin-bottom: 35px; }
.product_slider { /* width: 100%; display: flex; align-items: center; */ margin-bottom: 25px; }
.product_info { max-width: 315px; width: 100%; margin: 0px auto; display: block; }
.product_info .product_img { height: 400px; width: 100%; margin-bottom: 20px; box-shadow: 0px 3px 4px -3px rgba(21, 21, 21, 0.15); border-radius: 612px 612px 0px 0px; }
.product_info .product_img img { width: 100%; height: 100%; object-position: center; object-fit: cover;  border-radius: 612px 612px 0px 0px; }
.product_info .product_name { font-size: 18px; line-height: 30px; text-align: center; color: #000; text-transform: uppercase; margin-bottom: 0px; }
.featured_products_section .slick-custom-arrow { box-shadow: none !important; border: none !important; background: transparent; width: 60px; height: 60px; position: absolute; top: 50%; transform: translateY(-50%); }
.featured_products_section .slick-custom-arrow img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.featured_products_section .slick-custom-arrow img + img { display: none; }
.featured_products_section .slick-custom-arrow:hover img { display: none; }
.featured_products_section .slick-custom-arrow:hover img + img { display: inline-block; }
.featured_products_section .slick-custom-arrow.slick-next { right: 0; }

.partners_section { width: 100%; display: block; padding: 30px 15px; }
.partners_section .heading { margin-bottom: 30px; }
.partners_section .p_logo { border: 1px solid #E3E1E1; background: #FFFFFF; width: 300px; height: 100px; border-radius: 8px; margin: 0px 10px 25px; padding: 5px; box-shadow: rgba(32, 32, 32, 0.15) 0px 25px 20px -20px; }
.partners_section .p_logo img { width: 100%; height: 100%; object-fit: contain; object-position: center; }

.plan_section { background: rgba(245, 245, 245, 1) url(../images/hero-symbols.png) repeat;  width: 100%; padding: 85px 15px; display: flex; align-items: center; justify-content: space-between; }
.plan_content_block { width: 39%; padding-top: 20px; }
.plan_content_block .sub_heading { font-size: 22px; font-weight: 700; line-height: 42px; color: #000; margin-bottom: 0px !important; display: none; }
.plan_content_block .heading { font-size: 32px; font-weight: 700; line-height: 48px; color: #000; margin-bottom: 35px; }
.plan_content_block .month_text { font-size: 18px; font-weight: 600; line-height: 18px; color: #333333; text-transform: uppercase; margin-bottom: 35px; display: none !important; }
.plan_content_block .plan_free_text { color: #333333; text-transform: uppercase; font-size: 18px; font-weight: 700; line-height: 28px; margin-bottom: 45px; position: relative; display: inline-block; }
.plan_content_block .plan_free_text span { position: relative; }
.plan_content_block .plan_free_text::before { width: 100%; background: #FFD700; height: 19px; position: absolute; content: ""; left: 0; bottom: 0; }
.plan_content_block .faq_text_content { width: 100%; display: flex; align-items: center; }
.plan_content_block .faq_text_content .faq_text { font-size: 16px; font-weight: 600; line-height: 30px; color: #333; text-transform: uppercase;  margin-bottom: 0px; margin-right: 15px; }

.plan_type_block { width: 60%; display: flex; align-items: center; justify-content: flex-end; }

.plan_block { border: 1px solid #000000; background: #fff; border-radius: 10px; max-width: 300px; width: 100%; padding: 20px; } 
.plan_block .plan_type { font-size: 24px; font-weight: 800; color: #000; text-align: center; margin-bottom: 0px; }
.plan_block .plan_amount { text-align: center; font-size: 36px; font-weight: 800; margin-bottom: 0px; color: #000000; }
.plan_block .plan_amount span { color: rgba(0, 0, 0, 0.3); font-size: 14px; font-weight: 400; }
.plan_block .pInfo_text { font-size: 12px; font-weight: 500; line-height: 18px; text-align: center; color: #797979; margin-bottom: 10px; }
.plan_block .plan_grow { font-size: 12px; line-height: 21px; text-align: center; color: #000; margin-bottom: 12px; }
.plan_block .plan_entry {  font-size: 28px; font-weight: 600; text-align: center; color: #CD8035; margin-bottom: 15px; } 
.plan_block .plan_entry span { font-size: 13px; font-weight: 500; text-align: center; text-transform: uppercase; display: block; margin-top: 8px; }
.plan_block ul.plan_terms { list-style: none; margin: 0px; padding: 0px; }
.plan_block ul.plan_terms li { font-size: 12px; font-weight: 400; line-height: 21px; color: #000000; margin-bottom: 15px; position: relative; padding-left: 30px; }
.plan_block ul.plan_terms li::before { position: absolute; content: ""; width: 22px; height: 22px; background: url(../images/logo.png) no-repeat; background-position: center; background-size: contain; left: 0px;  }
.plan_block .plan_btn { box-shadow: 0px 6px 20px 3px #0000004D !important; width: 160px; height: 42px; border-radius: 80px; color: #fff; font-size: 14px; font-weight: 700; line-height: 21px; text-align: center; border: 1px solid transparent; margin: 0px auto -40px; display: block; }

.bronze_plan .plan_btn { background: #CF853C; color: #fff; }
.bronze_plan .plan_btn:hover { background: #fff; color: #CF853C; border-color: #CF853C; }
.gold_plan .plan_btn {  background: #FFD700; color: #000;  }
.gold_plan .plan_btn:hover {  background: #fff; color: #FFD700; border-color: #FFD700; }
.silver_plan .plan_btn {  background: #C2C2C2; color: #222222; }
.silver_plan .plan_btn:hover { background: #fff; color: #C2C2C2; border-color: #C2C2C2;  }
.gold_plan .plan_entry { color: #FFD700;}
.silver_plan .plan_entry { color: #000000;}
.silver_plan .plan_entry span { color: #333333; }

.plan_block.gold_plan { background: #000000; box-shadow: 0px 6px 20px 3px #0000004D; transform: scale(1.1) !important; }
.plan_block.gold_plan .plan_amount { color: #fff; }
.plan_block.gold_plan .plan_grow { color: #fff; }
.plan_block.gold_plan ul.plan_terms li { color: #fff; }
.plan_block.gold_plan .plan_type { color: #fff; }
.plan_block.gold_plan .plan_amount span { color: rgba(255, 255, 255, 0.3); font-size: 14px; }

/* news letter */

.news_letter_block {  width: 100%; display: block; padding: 35px 15px; background: url(../images/why-right.png) no-repeat, url(../images/cricle.png) no-repeat, #333; background-size: contain, 600px; background-position: left center, 108% -192px; display: flex; align-items: center; justify-content: center; }
.news_letter_block .news_heading { color: #fff; text-transform: uppercase; font-size: 28px; font-weight: 700; line-height: 48px; margin-bottom: 0px;  }
.news_letter_block .letter_mail { display: flex; align-items: center; margin-left: 70px; }
.news_letter_block .letter_mail .form-control { max-width: 405px; height: 53px; border-radius: 2px; box-shadow: none; width: 100%; font-size: 14px; font-weight: 400; line-height: 24px; color: #000000; }
.news_letter_block .letter_mail .form-control::placeholder { color: #999999; }
.news_letter_block .letter_mail .common-btn { background: #FFD703; color: #000000; margin-left: 35px; }
.news_letter_block .letter_mail .common-btn:hover { color: #FFD703; border-color: #FFD703 !important; background: transparent; }

/* footer */

.footer_nav_block { background: #000000; width: 100%; padding: 30px 15px; display: flex; }
.footer_nav_block .footer_title{ font-size: 16px; font-weight: 700; line-height: 24px; color: #fff; text-transform: uppercase; margin-bottom: 15px; width: 100%; }
.Resources_menu { display: flex; flex-wrap: wrap; width: 100%; max-width: 580px; }
.Resources_menu ul { width: 33.33%; list-style: none; margin: 0px; padding: 0px; }
.Resources_menu ul li { margin-bottom: 10px; }
.Resources_menu ul li:last-child { margin-bottom: 0px; }
.Resources_menu ul li a { font-size: 12px; font-weight: 500; line-height: 22px; color: #fff; text-transform: uppercase; }
.Resources_menu ul li a:hover, .Resources_menu ul li a.active { color: #FFD700; }
.footer_nav_block .fsite_logo { width: 130px; height: 130px; margin: 0px 20px; }
.footer_nav_block .fsite_logo img { width: 100%; height: 100%; object-fit: contain; object-position: center; }

.get_touch_block { max-width: 480px; width: 100%; margin-left: auto; display: flex; flex-wrap: wrap; }
.get_touch_block .contact_info { width: 60%; }
.get_touch_block .contact_info p {font-size: 12px; font-weight: 500; line-height: 22px; color: #fff;  text-transform: uppercase; margin-bottom: 10px; }
.get_touch_block .contact_info p:last-child { margin-bottom: 0px; }
.get_touch_block .contact_info p a { font-size: 12px; font-weight: 500; line-height: 22px; color: #fff;  text-transform: uppercase; }
.get_touch_block .contact_info p a:hover { color: #FFD700;  }
.get_touch_block .social_nav { width: 40%; }
.get_touch_block .social_nav .stitle { width: 100%; margin-bottom: 10px; text-transform: uppercase; font-size: 12px; font-weight: 500; line-height: 22px; color: #fff; }
.get_touch_block .social_link { list-style: none; margin: 0px; padding: 0px; display: flex; align-items: center; }
.get_touch_block .social_link li { width: 24px; height: 24px; margin-right: 24px; }
.get_touch_block .social_link a { display: block; }
.get_touch_block .social_link a img {  width: 100%; height: 100%; object-fit: contain; object-position: center; }

.copy_right_text { width: 100%; padding: 13px; background: #121212; font-size: 12px; font-weight: 400; line-height: 24px; text-align: center; color: #ADADAD; margin-bottom: 0px; }
.copy_right_text a { color: #ADADAD !important; }
.copy_right_text a:hover { color: #FFD700 !important;  }

/* about us page */

.cammon_banner_section { width: 100%; display: block; background: #000000; position: relative; padding: 50px 25px; } 
.cammon_banner_section::before { position: absolute; content: ""; width: 50%; height: 100%; left: 50%; top: 0; background: linear-gradient(270deg, #FFFFFF 0%, rgba(0, 0, 0, 0.3) 52.5%, #000000 89%);}
.cammon_banner_section .sub_heading { font-size: 20px; font-weight: 500; line-height: 30px; color: #fff; position: relative; margin-bottom: 10px; }
.cammon_banner_section .heading { font-size: 42px; font-weight: 700; line-height: 56px; color: #fff; position: relative; text-transform: uppercase; margin-bottom: 0px; }
.cammon_banner_section .heading span { color: #FFD700; }

.our_mission_section { width: 100%; padding: 50px 15px 120px; background: #EFEFEF;}
.mission_block { width: 100%; max-width: 1130px;  margin: 0px auto; position: relative; }
.mission_block::before {  position: absolute; content: "";  max-width: 837px; width: 100%; height: 89px; background: #202020; filter: blur(60px); left: 50%; transform: translateX(-50%); bottom: 0px; }
.mission_block_inside { width: 100%; padding:  40px 45px/* 40px 45px 105px */; background: #fff;  position: relative;}
.mission_block .mission_title { font-size: 18px; font-weight: 600; line-height: 26px; letter-spacing: 4px; color: #000000; text-transform: uppercase; margin-bottom: 15px; }
.mission_block .mission_desc { color: #333333; font-size: 14px; font-weight: 400; line-height: 24px; margin-bottom: 20px; }
.mission_block .mission_img { width: 170px; height: 170px; border: 4px solid #FFFFFF; border-radius: 50%; position: absolute; left: 50%; transform: translateX(-50%) !important; margin-bottom: -100px; }
.mission_block .mission_img img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 50%; }

.our_story_section {  width: 100%; padding: 50px 15px; display: block;  }
.our_story_blocks { width: 100%; display: flex; align-items: center; }
.story_left_block  { max-width: 280px; width: 100%; }
.story_left_block .heading { font-size: 42px; font-weight: 700; line-height: 58px; margin-bottom: 20px; color: #000;  }
.story_left_block .heading span { color: #FFD700; }
.story_card { max-width: 100%; width: 100%; box-shadow: 1px 4px 20px 0px #DCDCDC; padding: 2px;  background: #FFFFFF;}
.story_card .story_img { width: 100%; height: 270px;  } 
.story_card .story_img img { width: 100%; height: 100%; object-fit: cover; object-position: center; } 
.story_card .story_body { padding: 5px; }
.story_card .sname { font-size: 18px; font-weight: 600; line-height: 26px; color: #000000; margin-bottom: 5px; text-transform: uppercase; }
.story_card .spost { font-size: 14px; line-height: 21px; color: #333333; margin-bottom: 0px; }
.our_content_block { width: 100%; padding-left: 50px; }
.our_content_block p { font-size: 14px; line-height: 25px;  color: #333333; margin-bottom: 20px; }

/* faq */

.faq_page_content_section { width: 100%; display: block; padding: 30px 15px; }

.faq_content_top_block { width: 100%; display: flex; align-items: center;  }

.faq_entries { width: 50%; }
.faq_entries .fe_title { font-size: 38px; font-weight: 700; line-height: 52px; color: #000; width:85%; margin-bottom: 0px; }
.faq_entries .fe_title span { color: #FFD700; }
.fe_img { max-width: 630px; height: 510px; width: 100%; margin-top: -100px; }
.fe_img img { width: 100%; height: 100%; object-fit: contain; object-position: center; }

.faq_text_block {width: 50%; padding-left: 20px; }
.faq_text_block p { font-size: 14px; line-height: 24px; color: #333333; margin-bottom: 20px; }
.faq_text_block p:last-child { margin-bottom: 0px; }

.faq_que_ans_section { width: 100%; display: block; padding: 0px 15px 40px; }
.faq_que_ans_section .accordion { max-width: 1637px; width: 100%; margin: 0px auto; }
.faq_que_ans_section .accordion-item { box-shadow: 1px 4px 20px 0px #DCDCDC; background: #FFFFFF; margin-bottom: 30px; border: none; border-radius: 0px; padding: 0px 15px; }
.faq_que_ans_section .accordion-item .accordion-button { border: none !important; background: transparent;  border-radius: 0px !important; font-size: 18px; font-weight: 600; line-height: 30px; letter-spacing: 3px; color: #333; text-transform: uppercase; padding: 15px; box-shadow: none !important; }
.faq_que_ans_section .accordion-item .accordion-button::after { position: absolute;  content: "X"; right: -15px; font-size: 20px; color: #fff; display: flex; align-items: center; justify-content: center; width: 40px; background-color: #FFD703; height: 40px; background-image: none !important; padding-left: 5px; top: 0; }
.faq_que_ans_section .accordion-item .accordion-button.collapsed::after {  content: "+";  height: 100%; background-color: #333; }
.faq_que_ans_section .accordion-body { padding: 0px 15px 25px; }
.faq_que_ans_section .accordion-body p { font-size: 14px; line-height: 25px; color: #333333; margin-bottom: 20px; }
.faq_que_ans_section .accordion-body p:last-child { margin-bottom: 0px !important; }



/* contact us */

.help-block { font-size: 12px; }

.contact_us_page .heading { margin-bottom: 30px; }

.contact_form_section { background: url(../images/cricle.png) no-repeat, #333; background-size: 600px; background-position: 108% 294px; width: 100%; display: flex; padding:0px 20px 40px; align-items: flex-end; }
.contact_form { border: 1px solid #A2A3A5; max-width: 710px; width: 100%; background: #fff; padding:30px 35px; margin-top: -40px; position: relative; box-shadow: 1px 4px 20px 0px #00000033;}
.common_form .form-group { margin-bottom: 35px; }
.common_form .form-group label { color: rgba(0, 0, 34, 0.35); font-size: 14px; font-weight: 500; line-height: 20px; margin-bottom: 0px; }
.common_form .form-group .form-control { resize: unset !important; border: none !important; border-bottom: 1px solid rgba(162, 163, 165, 1) !important; box-shadow: none !important; background: transparent !important;  font-size: 16px; font-weight: 500; line-height: 24px; border-radius: 0px; padding: 0px 0px 10px; color: #333333;}
.common_form .form-group .form-control::placeholder { color: #333333; }

.other_contact_info {padding-left: 60px;  }
.other_contact_info .oci_box { display: flex; align-items: center; width: 100%; margin-bottom: 20px; }
.other_contact_info .oci_box .oci_icon { border: 2px solid #333333; background: #fff; border-radius: 50%; width: 52px; height: 52px; margin-right: 15px; display: flex; align-items: center; justify-content: center; } 
.other_contact_info .oci_box .oci_icon img { width: 21px; height: 21px; object-fit: contain; object-position: center; }
.other_contact_info .oci_box a { font-size: 16px; line-height: 24px; letter-spacing: 0.01em; color: #fff; width: 100%; flex: 1; }
.social_contact ul { list-style: none !important; padding: 10px 0px 0px; margin: 0px; display: flex; align-items: center; }
.social_contact ul li { margin-right: 30px; }
.social_contact ul li a { width: 20px; height: 20px; display: block; }
.social_contact ul li a img { width: 100%; height: 100%; object-fit: contain; object-position: center; }


/* trems_and_privacy_section */

.terms_privacy_page { min-height: 275px; display: flex; align-items: center; }

.trems_and_privacy_section { width: 100%; display: block; padding: 20px 100px 30px; min-height: 80vh; }
.trems_privacy_content_block { max-width: 1390px; width: 100%; margin: 0px auto; }
.trems_privacy_content_block .tpcb_box { width: 100%; display: block; padding: 20px 0px;  border-bottom: 1px solid #C4C4C4; }
.trems_privacy_content_block .tpcb_box .tpcb_title { font-size: 18px; font-weight: 600; line-height: 24px; letter-spacing: 3px; color: #000000; margin-bottom: 15px; text-transform: uppercase; }
.trems_privacy_content_block .tpcb_box .tpcb_desc {  font-size: 14px; line-height: 24px; color: #333333; margin-bottom: 15px; }
.trems_privacy_content_block .tpcb_box .tpcb_desc:last-child { margin-bottom: 0px; }

/* login forgot and reset */

.auth_pages { width: 100%; display: block; padding: 115px 15px 40px; background: url(../images/auth_bg.png) no-repeat; background-size: cover; background-position: center; min-height: 80vh; }
.auth_form { box-shadow: 1px 4px 20px 0px #00000033; background: #FFFFFF; max-width: 690px; width: 100%; margin: 0px auto; padding: 30px 40px; }
.auth_form .form_heading { font-size: 32px; font-weight: 700; line-height: 42px; text-align: center; color: #000; text-transform: uppercase; margin-bottom: 30px; }
.auth_form .common-btn.login_btn { max-width: 200px; display: block; margin: 0px auto; width: 100%; }
.forgot_link { padding-top: 20px; text-align: center; width: 100%; margin-bottom: 35px; font-size: 16px; line-height: 24px;  text-align: center; color: #333333;}
.forgot_link a{ font-size: 14px; line-height: 24px; text-align: center; color: #333333;  }
.forgot_link a:hover { color: #FFD700; }
.other_page_links { width: 100%; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 600; line-height: 30px; margin-bottom: 0px; color: #333333;}
.other_page_links span {  margin-right: 20px;  }
.other_page_links span a { color: #FFD700; }
.other_page_links span a:hover { text-decoration: underline !important; }

.eye_btn { background: transparent; border: none !important; box-shadow: none !important; border-bottom: 1px solid rgba(162, 163, 165, 1) !important; border-radius: 0px !important; padding: 0px; padding-bottom: 10px; }
.eye_btn img { width: 16px; height: 16px; object-fit: contain; object-position: center; }

.forgot_page .forgot_link { padding-top: 25px; }
.forgot_page .form_heading { margin-bottom: 10px; }
.forgot_page .forgot_desc { font-size: 14px; line-height: 25px; text-align: center; color: #333333; margin-bottom: 30px; }

.reset_page .forgot_link { padding-top: 25px; }
.reset_page .form_heading { margin-bottom: 10px; }
.reset_page .forgot_desc { font-size: 14px; line-height: 25px; text-align: center; color: #333333; margin-bottom: 30px; }

/* signup page */

.select_your_plan { width: 100%; margin-bottom: 80px; position: relative; }
.selected_plan { font-size: 14px; font-weight: 500; line-height: 21px; text-align: center; color: #000000; background: #FFD700; box-shadow: 0px 6px 20px 3px #FFFFFF4D; max-width: 113px; height: 36px; line-height: 36px; width: 100%; position: absolute; top: -23px; right: 0; border-radius: 10px; }
.select_your_plan .plan_block { max-width: 100%; display: flex; position: relative; align-items: center; padding: 15px 10px 30px; transform: unset !important; }
.select_your_plan .plan_block .plan_btn { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); }
.select_your_plan .plan_block .plan_entry { margin: 0px 20px; }
.select_your_plan .plan_block .plan_type { font-size: 24px !important; }

.form-content { width: 100%; padding: 0px 40px; }
.signup_btn { color: #FFD700; font-size: 16px !important; max-width: 210px; width: 100%; margin: 0px auto 20px; display: block;  }  
.stripe_img { margin-bottom: 20px; width: 100%; display: block; margin-top: 10px; }
.stripe_img a { display: block; width: 56px; height: 22px; margin: 0px auto; }
.stripe_img a img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.agree_trems { font-size: 14px; line-height: 24px; text-align: center; margin-bottom: 0px; color: #00002259; }
.agree_trems a { color: #00002259; text-decoration: underline !important; }
.agree_trems a:hover { color: #FFD700; }

/* select plan page */

.plan_block .plan_amount span:first-child { vertical-align: text-top;}
.common_plan_sections { min-height: 80vh; background: url(../images/auth_bg.png) no-repeat; background-size: cover; background-position: center; position: relative;  padding: 160px 15px 130px; }
.select_plan_page {  position: relative;  }
.select_plan_page::before { position: absolute; content: ""; width: 100%; height: 100%; background: url(../images/plan_user.png) no-repeat; background-position: 110% bottom !important; background-size: 330px !important; left: 0; top: 0; }

.common_plan_sections .plan_type_block { width: 100%; justify-content: center; position: relative; }
.common_plan_sections .plan_block { max-width: 370px; margin: 0px 25px; padding: 40px; }
.common_plan_sections .plan_block .plan_type { margin-bottom: 15px; }
.common_plan_sections .plan_block .plan_amount { margin-bottom: 15px; }
.common_plan_sections .plan_block .plan_grow { margin-bottom: 40px; }
.common_plan_sections .plan_block .plan_entry span { margin-top: 25px; }
.common_plan_sections .plan_block ul.plan_terms { margin: 35px; }
.common_plan_sections .plan_block ul.plan_terms li { margin-bottom: 25px;}
.common_plan_sections .plan_block .plan_btn { width: 260px; height: 60px; margin-bottom: -70px; }
.common_plan_sections .plan_block.gold_plan { transform: scale(1.15) !important; }


/* profile page */

.after_login_page { min-height: 80vh; background: url(../images/auth_bg.png) no-repeat; background-size: cover; background-position: center; position: relative;  }

.after_login_nav { width: 100%; display: block; background: #000000; height: 82px;  }
.after_login_nav ul { list-style: none; margin: 0px; padding: 0px; display: flex; align-items: center; justify-content: center; height: 100%; }
.after_login_nav ul li { margin: 0px 20px; }
.after_login_nav ul li.space_li { width: 100px; }  
/* .after_login_nav ul li:last-child a { text-align: left; width: fit-content; } */
.after_login_nav ul li a {font-size: 14px; font-weight: 700; line-height: 40px; letter-spacing: 3px; color: #A4A4A4; text-transform: uppercase; width: 190px; display: inline-block; text-align: center; position: relative; }
.after_login_nav ul li a:hover, .after_login_nav ul li a.active { color: #fff; }
.after_login_nav ul li a::before { position: absolute; content: ""; width: 100%; height: 6px; background: #FFD700; bottom: -21px; left: -2px; display: none; }
.after_login_nav ul li a:hover::before, .after_login_nav ul li a.active::before { display: block; }

.profile_form_block { width: 100%; padding:40px 50px; display: flex; justify-content: center; }
.profile_form_block .common_form { box-shadow: 1px 4px 20px 0px #00000033; background: #FFFFFF; max-width: 851px; width: 100%; padding: 30px 40px; }
.profile_form_block .common_form .form_heading { font-size: 32px; font-weight: 700; line-height: 48px; text-align: center; color: #000; text-transform: uppercase; margin-bottom: 35px; }

.changePassword_form { width: 100%; padding-top: 50px; }
.changePassword_form .change_title { font-size: 20px; font-weight: 700; line-height: 30px; color: #000; text-transform: uppercase; margin-bottom: 20px; }


.profile_user_info { max-width: 490px; width: 100%; padding-top: 100px; margin-left: 70px; }

.upload_img_block { width: 100%; box-shadow: 1px 4px 20px 0px #00000033; background: #FFFFFF; margin-bottom: 45px; padding: 110px 10px 35px; position: relative; }
.upload_img_block .img_upload_btn { display: block; margin: 0px auto; }
.upload_img_block .user_img { width: 180px; height: 180px; border-radius: 50%; border: 5px solid #FFFFFF; margin: 0px auto 20px; position: absolute; top: -90px; left: 50%; transform: translateX(-50%); }
.upload_img_block .user_img img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 50%; }

.your_current_plan { box-shadow: 1px 4px 20px 0px #00000033; background: #FFFFFF; padding: 20px 30px; }
.your_current_plan .p_title { font-size: 20px; font-weight: 700; line-height: 30px; text-align: left; color: #000; text-transform: uppercase; }
.your_current_plan .plan_info { width: 100%; display: flex; margin-bottom: 20px; }
.your_current_plan .plan_type { color: #000; font-size: 26px; font-weight: 800; line-height: 48px; text-align: left; padding-right: 10px; }
.your_current_plan .plan_info_right_block { width: 100%; flex: 1; padding-left: 20px;  }
.your_current_plan .plan_amount { text-align: center; font-size: 42px; font-weight: 800; margin-bottom: 0px; color: #000000;  display: inline-block; }
.your_current_plan .plan_amount span { color: rgba(0, 0, 0, 0.3); font-size: 14px; font-weight: 400;}
.your_current_plan .pInfo_text { color: #797979; font-size: 12px; font-weight: 500; line-height: 18px; text-align: center; display: inline-block; padding-left: 10px; }
.your_current_plan .plan_grow { font-size: 14px; font-weight: 400; line-height: 21px;  text-align: left;color: #000000; }
.your_current_plan .plan_entry { font-size: 36px; font-weight: 600; line-height: 50px; text-align: left;  color: #CD8035; }
.your_current_plan .plan_amount span:first-child { vertical-align: text-top;}
.your_current_plan .plan_entry span { font-size: 15px; font-weight: 500; line-height: 22.5px;  text-align: left; color: #CD8035; display: block; }


.your_current_plan.gold_plan { background: #000000; }
.your_current_plan.gold_plan .plan_entry { color: #FFD700; }
.your_current_plan.gold_plan .plan_entry span  { color: #FFD700; }
.your_current_plan.gold_plan .p_title { color: #fff; }
.your_current_plan.gold_plan .plan_type { color: #fff; }
.your_current_plan.gold_plan .plan_amount { color: #fff; }
.your_current_plan.gold_plan .plan_grow{ color: #fff; }
.your_current_plan.gold_plan .common-btn { background: #FFD700; color: #000000;}
.your_current_plan.gold_plan .common-btn:hover { background: transparent; color:#FFD700; border-color: #FFD700 !important; }
.your_current_plan.gold_plan .plan_amount span { color: #797979;} 


.your_current_plan.silver_plan .plan_entry {  color: #000000; }
.your_current_plan.silver_plan .plan_entry span { color: #333333;}






/* subscription_page */

.subscription_block { padding: 100px 15px 110px;  }
.subscription_block .plan_type_block { align-items: unset; }
.cancel_sub { font-size: 14px; display: inline-block;  font-weight: 700; line-height: 21px; text-align: center; color: #737272; margin-top: 55px; box-shadow: none !important; border: none !important; background: none !important; }
.gold_plan + .text-center .cancel_sub { margin-top: 75px; }
.next_recurring {  max-width: 370px; width: 100%; display: flex; align-items: center; justify-content: space-between; font-size: 14px; font-weight: 500; line-height: 21px; color: #fff; margin: 40px auto 0px;  border: 1px solid #D0D0D0; }
.next_recurring .next_left { width: 55%; background: #10C638; padding: 18px 10px; position: relative; padding-right: 40px; }
.next_recurring .next_right { width: 45%; text-align: right; background: #000; padding: 18px 10px; position: relative; padding-left: 40px; }

.next_recurring .next_left::before { width: 0; height: 0; position: absolute; content: ""; top: 0; border-top: 29px solid transparent; border-right: 35px solid #fff; border-bottom: 29px solid transparent; right: 0; }
.next_recurring .next_right::before { width: 0; height: 0; border-top: 29px solid transparent; border-left: 35px solid #fff; border-bottom: 29px solid transparent; position: absolute; content: ""; top: 0; left: 0; }



/* side nav bar css in responsive view */

.sidenav { height: 100%; width: 250px; position: fixed; z-index: 111; top: 0; left: 0; background-color: #000; overflow-x: hidden; transition: 0.5s; transform: translateX(-100%); padding-top: 40px;}
.sidenav ul { list-style: none !important; margin: 0px auto; padding: 0px; }
.sidenav a { padding: 8px 8px 8px 20px; text-decoration: none; font-size: 14px; color: #A4A4A4; display: block; transition: 0.3s; text-transform: uppercase;  font-weight: 700;}
.sidenav a:hover, .sidenav a.active { color: #fff;}
.sidenav .closebtn { position: absolute; top: 0; right: 5px; font-size: 30px; padding-top: 0px; padding-bottom: 0px; }
.open-bg { background-color: rgba(0,0,0,0.4); overflow: hidden;}
.open { transform: translateX(0px);}

/*  */

.common_nav button { box-shadow: none !important; border: none !important; background: transparent; font-size: 30px; color: #000; }

.before_login_menu { height: 100%; width: 100%; position: fixed; z-index: 111; top: 0; left: 0; background-color: #000; display: none; padding-top: 60px; text-align: center;}
.before_login_menu ul { list-style: none !important; padding: 0; margin-bottom: 0px; transition: 0.5s;  }
.before_login_menu a { text-decoration: none; padding: 8px 8px 8px 20px; font-size: 14px; color: #A4A4A4; display: block; transition: 0.3s; text-transform: uppercase; font-weight: 700; }
.before_login_menu a:hover, .before_login_menu a.active { color: #f1f1f1;}
.before_login_menu .closebtn { position: absolute; top: 5px; right: 5px; font-size: 24px;}
.before_login_menu button { border: 2px solid black; background-color: white; color: black; padding: 0px 10px; font-size: 16px; cursor: pointer; border-radius:8px; }

/* login user */

.profileMenu {  }
.profileMenu .dropdown-toggle { display: flex; align-items: center; width: 100%;  }
.profileMenu .dropdown-toggle img { width: 30px; height: 30px; border-radius: 50%; object-fit: cover; object-position: center; margin-right: 10px; }
.profileMenu .dropdown-toggle span { width: 100px; display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.profileMenu .dropdown-toggle:hover::before { display: none !important; }
.profileMenu .dropdown-toggle:after { width: 16px; height: 16px; content: ""; background: url(../images/downarrow.svg) no-repeat; background-position: center; background-size: 14px; display: inline-block; vertical-align: text-top; }
.profileMenu .dropdown-menu { box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); background: rgba(255, 255, 255, 1); right: 0px !important; min-width: 270px; top: 57px !important; left: auto !important; }
.profileMenu .dropdown-item { background: transparent; font-size: 14px; font-weight: 700; line-height: 21px; letter-spacing: 4px; color: #333333; text-transform: uppercase; display: block; position: relative; }
.profileMenu .dropdown-item:hover::before { display: none !important; }
.profileMenu .dropdown-item:hover { background: #333; color: #fff; width: 100%; }
.profileMenu .dropdown-menu li { margin: 0px; }


/* 2nd mile stone page design */

.discount_card_block { width: 100%; display: block; padding: 35px 25px; }

.discount_card { width: 100%; padding-bottom: 60px; }   
.discount_card_inner { background: #FFFFFF; border: 1px solid #E3E1E1; max-width: 400px; border-radius: 8px; width: 100%; }
.discount_card_inner .dis_img { width: 100%; height: 250px; border-radius: 8px 8px 0px 0px; background: #EDEDED; position: relative; }
.discount_card_inner .dis_img img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 8px 8px 0px 0px;  }
.discount_card_inner .category_name { position: absolute; right: 0; background: #EDC802; padding: 3px 10px; color: #333; bottom: 0; border: 1px solid #fff; }
.discount_card_inner .dis_body { padding: 14px 14px 0px;  }
.discount_card_inner .discount { border: 1px solid #FFFFFF; background: #FFEE95; min-width: 100px; min-height: 30px; border-radius: 4px; margin: 0px auto 15px; font-size: 14px; font-weight: 600; padding: 3px 10px; text-align: center; color: #333333; display: inline-block; }    
.discount_card_inner .dc_title { font-size: 18px; font-weight: 600; line-height: 26px; letter-spacing: 3px; color: #000000; text-transform: uppercase; margin-bottom: 5px; }
.discount_card_inner .dc_description { font-size: 14px; line-height: 25px; color: #333333; margin-bottom: 10px; }
.discount_card_inner .dc_description a { font-style: italic; font-weight: 500; color: #333333; text-decoration: underline !important; margin-bottom: 10px; }
.discount_card_inner .get_info_btn { display: block; margin: 0px auto; padding: 13px !important; margin-bottom: -25px; }
.discount_card_inner .get_info_btn:hover { background: #fff !important; }

.without_login_card { position: relative; }
.without_login_card .wlc_content { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 10px; background: rgba(0, 0, 0, 0.8); border-radius: 8px; z-index: 1; }
.without_login_card .wlc_content .lockicon { width: 102px; height: 102px; margin: 0px auto 40px;  }
.without_login_card .wlc_content .lockicon img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.without_login_card .wlc_content .lock_btn { width: 226px; padding: 13px; border-radius: 2px; margin: 0px auto; display: block; box-shadow: none; border: 1px solid transparent; background: #FFFFFF; font-size: 14px; font-weight: 700; line-height: 21px; color: #000000; text-transform: uppercase; }
.without_login_card .wlc_content .lock_btn img { width: 16px; height: 16px; object-fit: contain; object-position: center; margin-left: 10px; vertical-align: top; }
.without_login_card .wlc_content .lock_btn:hover { background: transparent; color: #fff !important; border-color: #fff; }
.without_login_card .wlc_content .lock_btn:hover img { filter: invert(1); }


.discount_modal .modal-dialog { max-width: 600px; }
.discount_modal .modal-content { border: transparent; border-radius: 8px; }
.discount_modal .modal-body { padding: 0px; }
.discount_modal .btn-close { padding: 0px; position: absolute; right: -8px; top: -6px; background-color: #fff; z-index: 1; border-radius: 50%; opacity: 1; width: 22px; height: 22px; background-size: 10px; }
.discount_content .discount_img { width: 100%; height: 250px; border-radius: 8px 8px 0px 0px; background: #EDEDED; }
.discount_content .discount_img img { width: 100%; height: 100%; object-fit: contain; object-position: center; border-radius: 8px 8px 0px 0px;  }
.discount_content .discoint_body { padding: 25px; }
.discount_content .discount { border: 1px solid #FFFFFF; background: #FFEE95; min-width: 100px; border-radius: 4px; margin: 0px auto 15px; font-size: 14px; font-weight: 600; padding: 3px 10px; text-align: center; color: #333333; display: inline-block; }    
.discount_content .dc_title { font-size: 18px; font-weight: 600; line-height: 26px; letter-spacing: 3px; color: #000000; text-transform: uppercase; margin-bottom: 10px; }
.discount_content .dc_description { font-size: 14px; line-height: 25px; color: #333333; margin-bottom: 20px; }
.discount_content .redeem_btn { display: block; margin: 0px auto; padding: 13px !important;  }
.discount_content .redeem_btn:hover { background: #fff !important; }
.discount_content ul { margin-bottom: 20px; padding-left: 15px; }
.discount_content ul li { font-size: 14px; line-height: 25px; color: #333333; margin-bottom: 12px; }
.discount_content ul li::marker { color: #7D7D7D; }


/* shop_banner_section */

.shop_banner_section { min-height: 280px; display: flex; align-items: center;  }
.shop_card_section { padding: 15px 15px 30px; display: block; width: 100%; background: url(../images/auth_bg.png) repeat-y; background-position: center; background-size: contain; }

.filter_block { display: flex; align-items: center; justify-content: flex-end; width: 100%; flex: 1; position: relative; }
.filter_group { max-width: 490px; width: 100%; background: #fff; }
.category_filter { max-width: 350px; width: 100%; margin-right: 20px; }
.filter_group select, .filter_group input { font-size: 14px; padding: 20px; font-weight: 500; line-height: 21px; color: #333333; background-color: transparent !important; border: none !important; box-shadow: none !important; }
.filter_group input { width: 91%; }
.filter_group .search_icon { box-shadow: none !important; background: none !important; border: none !important; border-radius: 0px !important; width: 40px; }
.filter_group .search_icon img { object-fit: contain; object-position: center; width: 100%; height: 100%; }
.filter_group .input-group {flex-wrap: unset;}

.sort_by_block { max-width: 255px; margin-bottom: 30px; margin-left: auto; width: 100%; }
.sort_by_block .select2-container--default .select2-selection--single { height: 41px; border: none !important; border-radius: 0px; background: transparent  !important; border-bottom: 1px solid #333333 !important; }
.sort_by_block .select2-container--default .select2-selection--single .select2-selection__rendered {  line-height: 41px;  color: #333333; font-size: 16px; }
.sort_by_block .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 0px !important;}
.sort_by_block .select2-container--default .select2-selection--single .select2-selection__arrow { height: 100%;}

.shop_card_section .product_info {padding-bottom: 55px; max-width: 370px; }
.shop_card_section .product_info .product_img { box-shadow: 0px 161.05px 342.66px 0px #15151526; }
.shop_card_section .product_img { position: relative; }
.shop_card_section .category_name { font-size: 14px; font-weight: 600; line-height: 21px; color: #FFFFFF; text-align: center; background: #333333CC; min-width: 150px; height: 50px; padding: 14px 15px; border-radius: 0px 20px 0px 0px; position: absolute; bottom: 0px; left: 0; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.shop_card_section .product_amount { background: #FFD700CC; font-size: 18px; font-weight: 600; text-align: center; line-height: 27px; min-width: 75px; padding: 12px 15px; height: 50px; border-radius: 20px 0px 0px 0px; position: absolute; bottom: 0; right: 0; color: #333;  }
.shop_card_section .product_amount .mrp { font-size: 14px; line-height: 21px; }
.shop_card_section .pro_description { font-size: 14px; line-height: 21px; text-align: center; color: #333333; margin-bottom: 0px; margin-top: 10px; }

.loader { width: 58px; height: 58px; border-radius: 50%; display: block; position: relative; border: 3px solid; border-color: #000 #000 transparent; box-sizing: border-box; animation: rotation 1s linear infinite; margin: 0px auto; } 
.loader::after { content: ''; box-sizing: border-box; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border: 3px solid; border-color: transparent #000 #000; width: 30px; height: 30px; border-radius: 50%; animation: rotationBack 0.5s linear infinite;  transform-origin: center center;}
@keyframes rotation {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
} 
    
@keyframes rotationBack {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(-360deg); }
}

/* shop detail page */

.product_detail_section { padding: 20px 20px; display: flex;  width: 100%; background: url(../images/auth_bg.png) repeat-y; background-position: center; background-size: contain; position: relative; }
.share_btn { position: absolute; font-size: 16px; line-height: 16px; text-align: center; color: #333333; text-transform: uppercase; border: 1px solid #E2BF00; background: #FFD700; border-radius: 6px 6px 0px 0px;  height: 40px; transform: rotate(90deg); left: -29px; padding: 11px; top: 150px; box-shadow: none !important; z-index: 11; }
.share_btn img { width: 16px; height: 16px; object-fit: contain; object-position: center; margin-right: 5px; }

.detail_product_slider { max-width: 570px; width: 100%; display: block; padding-left: 20px; }

.detail_product_slider .product_info { max-width: 100%; }
.detail_product_slider .product_info .product_img { height: 510px; box-shadow: 0px 161px 342px 0px rgba(21, 21, 21, 0.15);}

.slider-for { max-width: 440px; width: 100%; position: relative; z-index: 10;}
.slider-nav { max-width: 440px; width: 100%; margin-top: 16px; }
.slider-nav .slide-btn { border: 1px solid transparent; cursor: pointer; padding: 5px; }
.slider-nav .product_img { width: 62px; height: 62px; border: 1px solid transparent; }
.slider-nav .slick-list { padding: 0px !important; }
.slider-nav .product_img img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.slider-nav .slide-btn.slick-current .product_img { border-color: #000; }
.detail_product_slider .slick-arrow { position: absolute; top: 50%; transform: translateX(-50%); box-shadow: none; border: none !important; background: #8A8A8B; padding: 5px; z-index: 1; }
.detail_product_slider .slick-arrow:hover { background: #1A1A1C;}
.detail_product_slider .slick-arrow img { width: 32px; height: 32px; object-fit: contain; object-position: center; }
.detail_product_slider .slick-arrow.slick-next { right: -40px; }
.detail_product_slider .slick-arrow.slick-prev { left: 0; }

.pds_information { width: 100%; flex: 1; }
.pds_information .pds_heading_row { width: 100%; display: flex; align-items:center; }
.pds_information .pds_title { font-size: 30px; font-weight: 600; line-height: 30px; color: #000000; text-transform: uppercase; margin-bottom: 10px; }
.pds_information .pds_heading_row span.category_name { min-width: 120px; border-radius: 50px; line-height: unset; text-transform: unset; background: #333333CC; font-size: 12px; font-weight: 600; text-align: center; display: inline-block; margin-left: 40px; color: #fff; vertical-align: top; padding: 8px; margin-bottom: 10px; }
.pds_information .pds-amount { font-size: 30px; font-weight: 600; line-height: 38px; color: #333333; margin-bottom: 15px; display: block; }
.pds_information .pds-amount span { font-size: 20px; line-height: 30px; }
.pds_information .pds-amount span s {  text-decoration-line: line-through; text-decoration-color: #FF0000; }
.pds_information .pds_content { width: 100%; display: block; margin-bottom: 35px; }
.pds_information .pds_content p { font-size: 14px; line-height: 21px; color: #333333; margin-bottom: 20px; }
.pds_information .pds_content ul { list-style: none; margin-bottom: 0px; padding: 0px; }
.pds_information .pds_content ul li { font-size: 14px; line-height: 21px; color: #333333; margin-bottom: 20px; padding-left: 30px; position: relative; }
.pds_information .pds_content ul li::before {position: absolute; content: ""; width: 22px; height: 22px; background: url(../images/logo.png) no-repeat; background-position: center; background-size: contain; left: 0px; }

.product_detail_section .back_btn { margin-bottom: 35px; }
.product_detail_section .back_btn a { font-size: 14px; font-weight: 400; line-height: 21px; text-align: right; color: #333333; }
.product_detail_section .back_btn a img { width: 16px; height: 16px; object-fit: contain; object-position: center; }

/* music_banner_section */

.music_banner_section { display: flex; align-items: center; min-height: 300px; }
.music_banner_section .music_filter_block { background: #fff; position: relative; max-width: 1040px; width: 100%; margin-left: auto; padding: 10px; }
.music_banner_section .music_filter_block .filter_group input { padding: 12px; }
.music_banner_section .music_filter_block .filter_group { border-right: 1px solid #ccc !important; }
.music_banner_section .music_filter_block .filter_group:last-child { border: none !important; }  

.music_list_content_section { padding: 30px 20px; width: 100%; background: url(../images/auth_bg.png) repeat-y; background-position: center; background-size: contain; position: relative; }

.mlcs_list_block { max-width: 760px/*  1060px */; width: 100%; height: auto; border-radius: 180px 8px 8px 180px; border: 1px solid #E3E1E1; background: #FFFFFF; margin-left: auto; display: flex; padding: 15px 10px; align-items: center; margin-bottom: 20px; }

.mlcs_image_block { width: 300px; height: 220px; position: relative; margin-left: -110px; }
.mlcs_image_block .music_img { width: 220px; height: 220px; border-radius: 10px; box-shadow: 6px 6px 10px 0px #6D81A140; /* box-shadow: -6px -6px 6px 0px #FFFFFF80; */ position: relative; z-index: 1; }
.mlcs_image_block .music_img img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 10px; }
.mlcs_image_block .music_disc { /* box-shadow: 6px 6px 10px 0px #6D81A140; */ /* box-shadow: -6px -6px 6px 0px #FFFFFF80; */ width: 180px; height: 180px; position: absolute; position: absolute; border-radius: 50%; top: 50%; transform: translateY(-50%); right: 0; background: #fff !important; }
.mlcs_image_block .music_disc img { width: 105%; height: 105%; object-fit: cover; object-position: center; }

.mlcs_artist_block { width: 100%; flex: 1; padding-left: 20px; height: 100%; }
.mlcs_artist_block .artist_name { font-size: 18px; font-weight: 600; line-height: 23px; letter-spacing: 4px; color: #000000; text-transform: uppercase; margin-bottom: 5px;  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1; /* number of lines to show */
          line-clamp: 1; 
  -webkit-box-orient: vertical;  }
.mlcs_artist_block .album_name { font-size: 14px; font-weight: 600; line-height: 21px; color: #333333; margin-bottom: 12px; }
.audio_music .audio_name { width: 100%; padding-right: 10px; }
.mlcs_list_row { width: 100%; max-height: 220px; overflow-y: auto; padding-right: 12px; }
.audio_music { border: 1px solid #D3D3D3; background: #EFEFEF; padding: 3px 12px; border-radius: 6px; display: flex; align-items: center; margin-bottom: 10px; }
.audio_music .number { font-size: 16px; font-weight: 500; line-height: 24px; color: #B8B8B8;  margin-bottom: 0px; white-space: nowrap; }
.audio_music .audio_img { max-width: 36px; width: 100%; height: 36px; border-radius: 50%; margin: 0px 12px; border: 1px solid transparent; }
.audio_music .audio_img img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; object-position: center; }
.audio_music .audio_name .an_name { font-size: 14px; font-weight: 500; line-height: 19px; color: #555555; margin-bottom: 0px; overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1; /* number of lines to show */
          line-clamp: 1; 
  -webkit-box-orient: vertical; }
.audio_music .audio_name .art_name { font-size: 12px; line-height: 19px; color: #B8B8B8;  margin-bottom: 0px; }
.audio_music .music_time { font-size: 14px; font-weight: 500; line-height: 24px; color: #B8B8B8; margin-bottom: 0px; white-space: nowrap; }
.music_right {  display: flex; max-width: 75px; width: 100%; justify-content: flex-end; align-items: center; }
.music_right .play_icon { width: 22px; height: 22px; }
.music_right .play_icon img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.music_right .download_icon { width: 22px; height: 22px; margin: 0px 10px; }
.music_right .download_icon img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.music_right .music_layr { width: 40px; height: 22px; }
.music_right .music_layr img { width: 100%; height: 100%; object-fit: contain; object-position: center; }

.audio_music.play_music { border: 1px solid #FFD700; background: #1D1D1D;  }  
.audio_music.play_music .number { color: #FFD700; }
.audio_music.play_music .audio_img { border-color: #FFD700; }
.audio_music.play_music .audio_name .an_name { color: #FFD700; }
.audio_music.play_music .audio_name .art_name{ color: #fff; }
.audio_music.play_music .music_time { color: #FFD700; }

.mostplayed_release_block { border: 1px solid #E3E1E1; background: #FFFFFF; padding: 12px 15px; border-radius: 8px; margin-bottom: 30px; flex-direction: column; }
.mostplayed_release_block .mrb_row { display: flex; width: 100%; justify-content: space-between;  }
.mostplayed_release_block .mrb_row .mrb_title { font-size: 18px; font-weight: 600; line-height: 26px; letter-spacing: 4px; color: #000000; margin-bottom: 15px; text-transform: uppercase;  }
.mostplayed_release_block .mrb_row .mrb_icon { width: 26px; height: 26px; }
.mostplayed_release_block .mrb_row .mrb_icon img { width: 100%; height: 100%; object-fit: contain; object-position: center; }

.mostplayed_release_block .mrb_list_block { width: 100%; display: block; padding-right: 12px; max-height: 545px; overflow: auto; }
.mostplayed_release_block .audio_music .audio_name .art_name { font-size: 10px;}
.mostplayed_release_block .audio_music .audio_name .an_name { font-size: 12px; line-height: 18px; }
.mostplayed_release_block .audio_music .music_time { font-size: 11px; font-weight: 500; line-height: 16.5px; text-align: right; margin-left: auto; margin-right: 0px; }
.mostplayed_release_block .audio_music .number { font-size: 12px; font-weight: 500; line-height: 18px; }
.mostplayed_release_block .audio_music { padding: 3px 12px;}
/* .mostplayed_release_block .audio_music .audio_img { margin: 0px 15px; } */


/*  */

.music_search_list_section { padding: 20px 15px 30px; width: 100%; background: url(../images/auth_bg.png) repeat-y; background-position: center; background-size: contain; position: relative;  }
.music_search_title { font-size: 30px; font-weight: 700; line-height: 42px; color: #000000; text-transform: uppercase; margin-bottom: 20px; }

.music_search_list_section .mlcs_list_row { width: 100%; max-height: unset !important; overflow-y: unset; padding-right: 0 !important; display: flex; flex-wrap: wrap; justify-content: space-between; }
.music_search_list_section .mlcs_list_row .audio_music { width: 48%; }

.albums_slider { padding-top: 10px; }
.albums_list_block { width: 100%; display: block; padding-top: 30px; }
.album_card { border: 1px solid #E3E1E1; max-width: 300px; width: 100%; border-radius: 180px 180px 8px 8px; background: #fff !important; margin: 0px auto; margin-top: 20px; }
.album_card .mlcs_image_block { max-width: 280px; width: 100%; height: auto; margin: -15px auto 0px !important; }
.album_card .mlcs_image_block .music_img { width: 220px; height: 220px;}
.album_card .album_body { padding: 20px; }
.album_card .album_name { font-size: 18px; font-weight: 600; line-height: 26px; letter-spacing: 4px; color: #000000; text-transform: uppercase; margin-bottom: 5px;}
.album_card .album_writer { font-size: 14px; font-weight: 600; line-height: 24.79px; color: #333333; margin-bottom: 5px; }
.album_card .ab_name {  font-size: 14px; font-weight: 600; line-height: 24.79px; color: #333333; margin-bottom: 0px; }


/* 3rd milestone design */

.giveaway_banner_section { min-height: 240px; display: flex; align-items: center; }
.live_giveaway_section { width: 100%; background: url(../images/auth_bg.png) repeat-y; background-position: center; background-size: contain; position: relative; }
.live_giveaway_section .giveaways_section { background: transparent; }
.live_giveaway_section .giveaway_card_block .common-btn { position: absolute; bottom: -35px; left: 50%; transform: translateX(-50%); max-width: 260px; border-radius: 6px; width: 100%; font-size: 20px; font-weight: 700; line-height: unset; padding: 18px;}
.live_giveaway_section .giveaway_card_block .common-btn:hover { background: #fff ; }
.live_giveaway_section .giveaway_content .product_name { margin-bottom: 10px; }
.live_giveaway_section .giveaway_card_block .product_description p{ font-size: 14px; line-height: 21px; color: #333333; margin-bottom: 12px; }
.live_giveaway_section  .view_winer_brn { background: #EEC903; color: #000000; }
.giveaway_faq_content_section {  width: 100%; background: url(../images/auth_bg.png) repeat-y; background-position: center; background-size: contain; position: relative; padding: 20px 15px; }
.giveaway_faq_content_section .faq_text_content { width: 100%; display: flex; align-items: center;}
.giveaway_faq_content_section .faq_text_content .faq_text { font-size: 16px; font-weight: 600; line-height: 30px; color: #333; text-transform: uppercase; margin-bottom: 0px; margin-right: 15px;}
.live_giveaway_section .giveaway_content .pro_info { margin-bottom: 10px;}
.live_giveaway_section .giveaway_content .gdate {margin-bottom: 20px;}
.live_giveaway_section .giveaway_slider { height: fit-content; }

/*  */

.giveaway_detail_page {  }
.giveaway_detail_page .giveaway_card_block { padding: 26px 30px 50px; max-width: 1768px; }
.giveaway_detail_page .giveaway_content { padding: 0px !important; padding-left: 40px !important; width: 100%; flex: 1; max-width: 100%; }
.giveaway_detail_slider { max-width: 450px; width: 100%; }
.giveaway_detail_slider .slider-for { max-width: 100% !important; }
.giveaway_detail_slider .slider-nav { max-width: 100%; }
.giveaway_detail_slider .product_img { width: 100%; height: 450px;  }
.giveaway_detail_slider .product_img img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.giveaway_detail_slider .slick-arrow { position: absolute; top: 50%; transform: translateX(-50%); box-shadow: none; border: none !important; background: #8A8A8B; padding: 5px; z-index: 1;}
.giveaway_detail_slider .slick-arrow.slick-next { right: -40px;}
.giveaway_detail_slider .slick-arrow.slick-prev { left: 0;}
.giveaway_detail_slider .slick-arrow:hover { background: #1A1A1C;}
.giveaway_detail_slider .slider-nav .product_img { width: 75px; height: 75px;}

.giveaway_detail_page .product_description { padding-top: 20px; }

.completed_row { width: 100%; display: flex; align-items: center; }
.completed_status { font-size: 14px; font-weight: 600; line-height: 18px; text-align: center; color: #333333; background: #FFEDC9; border: 1px solid #F2B926; padding: 12px 20px; border-radius: 50px; margin-right: 20px; }
.completed_row .days, .completed_row .hours, .completed_row .minutes, .completed_row .seconds { color: #B9B9B9;}

.winner_section { padding: 0px 60px 30px; display: block; width: 100%;  }
.winner_section .winner_title { font-size: 37px; font-weight: 700; line-height: 55.5px; color: #333333; text-transform: uppercase ; margin-bottom: 10px; }
.winner_block { background: linear-gradient(180deg, #EEC903 0%, #E2C007 100%); width: 100%; display: flex; align-items: center; border-radius: 16px; margin-bottom: 40px; padding: 12px 60px; position: relative; }
.winner_block .winner_img { width: 70px; height: 70px; border-radius: 50%; border: 2px solid #fff; position: relative; }
.winner_block .winner_img img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 50%; }
.winner_block .winner_img .cup_img { width: 35px; height: 35px; background: #fff; padding: 2px; border-radius: 50%; position: absolute; top: 50%; transform: translateY(-50%); right: -20px; }
.winner_block .winner_img .cup_img img { width: 100%; height: 100%;  object-fit: contain ; object-position: center;  border-radius: 0; }
.winner_block .w_name { padding: 0px 50px; font-size: 32px; font-weight: 800; line-height: 42px; color: #fff; margin-bottom: 0px; max-width: 510px; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.winner_block .w_status { width: 90px; height: 32px; border-radius: 20px; font-size: 12px; font-weight: 600; line-height: 32px; text-align: center; color: #333333;}
.winner_block .winner_status { background: #E7FFC9; border: 1px solid #4ACD35;}
.winner_block .runner-up-status { background: #FFEDC9; border: 1px solid #F2B926;}

.Runner_block { background: #242424; border-radius: 30px; max-width: 1140px; width: 100%; margin: 0px auto; }
.Runner_block .winner_block { border-bottom: 1px solid #4D4C4B; margin-bottom: 0px; background: transparent; border-radius: 0; padding: 12px 50px;  }
.Runner_block .winner_block:last-child { border-bottom: 0px; }

.winner_ribbon { position: relative; }
.winner_ribbon::before { position: absolute; content: ""; width: 108%; height: 100%; background: url(../images/RibbonBottoms.png) no-repeat; left: -4%; bottom: -45px; z-index: 0; background-position: center; background-size: contain; }

/* my order page */

.my_order_page {  }
.my_order_list_block { width: 100%; display: block; padding: 30px 20px; }
.my_order_list_block .order_heading { font-size: 32px; font-weight: 700; line-height: 42px; text-align: center; color: #000000; text-transform: uppercase; margin-bottom: 20px; }

.order_list { padding: 0px 20px; box-shadow: 1px 4px 20px 0px #00000033; background: #FFFFFF; max-width: 730px; width: 100%; margin: 0px auto; margin-bottom: 30px; }
.order_list:last-child { margin-bottom: 10px; }
.order_id_row { display: flex; align-items: center; border-bottom: 1px solid #F4F4F4; padding: 12px 0px; }
.order_id_row .order_id { min-width: 150px; padding: 10px; margin-right: 20px; border-radius: 20px; background: #000000; font-size: 14px; font-weight: 500; line-height: 19px; text-align: center; color: #FFFFFF;}
.order_id_row .order_date { font-size: 14px; font-weight: 500; line-height: 21px; color: #A6A6B2; }

.order_items_list ul { list-style: none; margin: 0px; padding: 0px; }
.order_items_list ul li { width: 100%; display: flex; padding: 15px 0px; border-bottom: 1px solid #F4F4F4; }
.order_items_list ul li .items_img { width: 90px; height: 90px; margin-right: 20px; }
.order_items_list ul li .items_img img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.order_items_list ul li .items_info { width: 100%; flex: 1; }
.order_items_list ul li .order_name { font-size: 14px; line-height: 19px; color: #333333; margin-bottom: 10px; }
.order_items_list ul li .order_price { font-size: 12px; font-weight: 600; line-height: 19px; color: #060709; }

.total_block { width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 15px 0px; }
.total_block .total_title { font-size: 14px; line-height: 21px; color: #060709; text-transform: uppercase; }
.total_block .amount { font-size: 18px; font-weight: 600; line-height: 30px; text-align: right; color: #EEC903;}


/* Shipping information */

.shipping_information_page { padding-top: 80px; }
.shipping_information_page .profile_user_info { padding-top: 0px; }

.stripe_payment_block { width: 100%; display: block; margin-top: 35px; }
.stripe_payment_block .stripe_text { font-size: 12px; font-weight: 300; line-height: 18px; letter-spacing: 1px; color: #717378; margin-bottom: 16px; }
.stripe_payment_block .stripe_img { width:56px;height: 32px; margin-bottom: 0px; }
.stripe_payment_block .stripe_img img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.profile_user_info .order_items_list { margin-top: 15px; }
.profile_user_info .total_block { margin-bottom: 15px; }


/* modal  */

.payment_modal .modal-dialog { max-width: 540px !important; }
.payment_modal .modal-content { border: 1px solid #E3E1E1; background: #FFFFFF;  border-radius: 8px;}
.payment_modal .btn-close { position: absolute; top: -12px; right: -12px; z-index: 11111; width: 22px; height: 22px; background-color: #FFFFFF; border-radius: 50%; opacity: 1; font-size: 10px; }
.payment_modal .modal-body { padding: 35px; }

.payment_modal .check_mark_img { width: 105px; height: 105px; background: #15BD12; margin: 0px auto 20px; padding: 10px; border-radius: 50%; }
.payment_modal .check_mark_img img { width: 100%; height: 100%; object-fit: contain; object-position: center;  }  
.payment_modal .title { font-size: 18px; font-weight: 600; line-height: 26px; text-align: center; color: #15BD12; text-transform: uppercase; margin-bottom: 20px; }
.payment_modal .sub_text { font-size: 14px; line-height: 24.79px; text-align: center; color: #333333; margin-bottom: 20px; }
.payment_modal .order_info {  display: flex; align-items: center; margin-bottom: 20px; padding-left: 25px; }
.payment_modal .order_info p { width: 33.33%; font-size: 14px; font-weight: 500; line-height: 24px; color: #000000;}
.payment_modal .order_info p span { display: block; font-size: 12px; font-weight: 400; line-height: 24.79px; color: #333333;}

.payment_modal .modal-body .common-btn { padding: 12px 20px; }
.payment_modal .modal-body .common-btn.view-order-btn { background: #333333; min-width: 185px;  }
.payment_modal .modal-body .common-btn.view-order-btn:hover { color: #333; border-color: #333; background: transparent !important;}


/* developer css */

.swal2-title{font-size: 20px !important;}
.swal2-html-container{font-size: 16px !important;}
.swal2-modal{width: 450px !important;}
.swal2-icon.swal2-warning {border-color: #333333 !important;color: #333333 !important;}
.swal2-actions:not(.swal2-loading) .swal2-styled:hover {background-image: none !important;background-color: #fff !important; color: #333333; border-color: #333333;border: 2px solid;}
.swal2-styled.swal2-default-outline:focus { box-shadow: none !important; }
.swal2-styled.swal2-confirm:focus {  box-shadow: none !important; }
.swal2-icon.swal2-success .swal2-success-ring {border: 0.25em solid #333333 !important;}
.swal2-icon.swal2-success [class^=swal2-success-line] {background-color: #333333 !important;}
.swal2-styled { border: 2px solid #333333 !important; }
.swal2-deny.swal2-styled { border-color: #ea5455 !important; }
.swal2-deny.swal2-styled:hover { color: #ea5455 !important; }

/* card side navbar */

.cart_side_navbar { background: rgba(0, 0, 0, 0.8); width: 100%; position: fixed;  height: 100%; top: 0px; z-index: 1111; display: none; align-items: center; justify-content: flex-end; }
.cart_content { padding: 32px; background: #FFFFFF; width: 490px !important; height: 100%; margin-left: 16px; overflow-y: scroll; }
.cart_heading { width: 100%; display: flex; align-items: center; justify-content: space-between; padding-bottom: 15px; border-bottom: 1px solid #F4F4F4; }
.cart_heading .c_heading { font-size: 18px; font-weight: 500; line-height: 24px;  color: #333; margin-bottom: 0px !important; text-transform: uppercase; }
.cart_heading .item_count { font-size: 16px; font-weight: 500; line-height: 23px; color: #333; margin-bottom: 0px !important; }

.cart_side_navbar .order_items_list ul li { position: relative; }
.cart_side_navbar .order_items_list ul li .items_img { width: 56px; height: 56px; border: 1px solid #F4F4F4; border-radius: 6px; margin-right: 16px;}
.cart_side_navbar .order_items_list ul li .items_img img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.cart_side_navbar .order_items_list ul li .order_name { margin-bottom: 0px; }
.cart_side_navbar .order_items_list ul li .order_price { margin-bottom: 0px; }
.cart_side_navbar .order_items_list ul li .remove_item { width: 24px; height: 24px; box-shadow: none !important; background: transparent; border: none !important; }
.cart_side_navbar .order_items_list ul li .remove_item img { width: 100%; height: 100%; object-fit: contain; object-position: center; vertical-align: top; }
.cart_side_navbar .total_block { border-bottom: 1px solid #F4F4F4; } 
.cart_side_navbar .stripe_payment_block { border-top: 1px solid #F4F4F4; margin-top: 0px; padding-top: 20px; }
.cart_side_navbar .btn_row { padding: 20px 0px; }
.cart_side_navbar .btn_row .common-btn { background: #FFD700; color: #000000;}
.cart_side_navbar .btn_row .common-btn:hover { background: transparent; color:#FFD700; border-color: #FFD700 !important; }

.close_arrow { box-shadow: 0px 6px 16px 0px #0000001F; background: #FFFFFF; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.close_arrow img { width: 20px; height: 20px; object-fit: contain; object-position: center; }

body.opencart { overflow: hidden; }


/* select 2 */

.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #FFD700; color: #333;} 
.select2-container--default .select2-results__option[aria-selected="true"] { background-color: #FFD700;}

.category_filter .select2-container--default .select2-selection--single { background: transparent !important; border: none !important; border-radius: 0px !important ; }
.category_filter .select2-container--default .select2-selection--single .select2-selection__rendered { color: #333333  !important; line-height: 21px; font-size: 14px; font-weight: 500; }
.category_filter .select2-container .select2-selection--single { height: auto;}
.category_filter .select2-container .select2-selection--single .select2-selection__rendered { padding: 20px; }
.category_filter .select2-container--default .select2-selection--single .select2-selection__arrow { height: 100%; background: url(../images/downarrow.svg) no-repeat; background-position: center; background-size: 12px; margin-right: 7px; }
.category_filter .select2-container--default .select2-selection--single .select2-selection__arrow b { display: none; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 100%; background: url(../images/downarrow.svg) no-repeat; background-position: center; background-size: 12px;}
.select2-container--default .select2-selection--single .select2-selection__arrow b { display: none; }



/*  */

.error_page { min-height: 100vh; padding: 20px 10px; display: flex; align-items: center; background: rgba(245, 245, 245, 1) url(../images/hero-symbols.png) repeat; background-position: center; background-size: contain; }
.four_zero_text{ font-size: 100px; font-weight: 700; text-align: center; color: #000000; margin-bottom: 10px; }
.error_block { max-width: 700px; padding: 50px 20px; width: 100%; border-radius: 10px; box-shadow: 1px 4px 10px 0px #0000001C; background: #fff; margin: 0px auto; }
.error_page  .error_title { margin-bottom: 0px; color: #797979; font-size: 20px; }
.error_page .text-primary { color: #FFD700 !important;}

/*  */


/* update desing work */


.slick-dots { display: flex; align-items: center; justify-content: center; list-style: none !important; padding: 0px; margin: 20px 0px; }
.slick-dots li { width: 10px; height: 10px; border-radius: 50%; margin: 0px 2px; background: #EAEAEA; }
.slick-dots li.slick-active { background: #000; }
.slick-dots li button { display: none !important; }

/*  */

.how_it_work_section .slick-custom-arrow { width: 35px; height: 35px; background: #8A8A8B; box-shadow: none !important; border: none !important; border-radius: 0; transition: all 0.5s; position: absolute; top: 50%; z-index: 11; }
.how_it_work_section .slick-custom-arrow.slick-prev { left: 0 !important; }
.how_it_work_section .slick-custom-arrow.slick-next {right: 0 !important; }
.how_it_work_section .slick-custom-arrow img { width: 100%; height: 100%; object-fit: contain; object-position: center; }

/*  */

.no_data { text-align: center; background: #fff; border-radius: 20px; padding: 20px; max-width: 650px; width: 100%; margin: 0px auto; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; }
.img_no_data { width: 250px; height: 250px; margin: 0px auto 0px; }
.img_no_data img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.nodata_content_block h1 { font-size: 22px; font-weight: 600; line-height: 26px; letter-spacing: 4px; color: #000000; text-transform: uppercase; margin-bottom: 15px; }
.nodata_content_block p { color: #333333; font-size: 14px; font-weight: 400; line-height: 24px; margin-bottom: 0px; }



.reset_btn { box-shadow: none !important; background: none !important; border: none !important; font-size: 12px; color: #000; margin-bottom: 0px; display: inline-block; position: absolute; right: 0; top: -20px; }

.green-audio-player .download { margin-left: 7px !important; margin-right: 10px !important;}

/*  */

.mlcs_row { display: flex; align-items: center; justify-content: space-between; }
.sort_by_block {  }
.music_tab { margin-bottom: 30px; margin-right: auto; }
.music_tab ul { list-style: none; margin: 0px; padding: 0px; display: flex; align-items: center;  background: #000000; padding: 1px; }
.music_tab ul li a { font-size: 12px; display: block; width: fit-content; font-weight: bold; text-transform: uppercase; padding: 10px; color: #fff; }
.music_tab ul li a:hover, .music_tab ul li a.active { background: #FFD700; color: #333333; }

.mlcs_row .sort_by_block { margin-left: 0; }


.etext { display: inline-block; background: #333; padding: 0px 6px !important; font-size: 11px; color: #fff;  margin-right: 5px; border-radius: 2px; }


/* active plan css */

.plan_block { position: relative; }
.plan_block.gold_plan {z-index: 1;}
.my_plan { position: absolute; top: 0; left: 0; display: inline-block; padding: 5px 10px; font-size: 12px; color: #333333;  background: #FFD700; border-radius: 10px 0px 10px 0px; }
.plan_block.silver_plan .my_plan { left: auto; right: 0; border-radius: 0px 10px 0px 10px; }

/*  */

#guestModal h2 { width: 100%; text-align: center; border-bottom: 1px solid #000; line-height: 0.1em; margin: 30px 0px 30px; font-size: 12px; } 
#guestModal h2 span { background:#fff; padding:0 10px; }

/*  */

.bottom-player { left: 0 !important; height: 100px; position: fixed !important; }   
.player-song-details #player-song-name { margin-bottom: 2px !important; font-size: 14px; font-weight: bold; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.player-song-details #player-artist-name { margin-bottom: 0px !important; font-size: 12px; width: 100%; } 

.volume-controls { width: 20px; height: 20px; margin-right: 10px; }
.audio-settings .volume-btn { width: 100%; height: 100%; font-size: 16px !important; color: #000; }
.audio-settings { margin-left: auto !important; }
.player-btn { padding: 0px !important; }
.player-controls { width: 112px; }
.button-controls { display: flex; align-items: center; width: 100%; padding: 0px 15px; }
.player-timeline {width: 100%; flex: 1;}
.player-song-details { max-width: 260px; width: 100%; }
.player-btn img { width: 20px; height: 20px;}
#total-time, #current-time { min-width: 40px; }



/* Basic slider styling */
input[type="range"] {-webkit-appearance: none; width: 100% !important; height: 8px; border-radius: 4px; background: #ccc; }

input[type="range"]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8px;
  background: linear-gradient(to right, #000 #000, #ccc #ccc);
  border-radius: 4px;
  cursor: pointer;
}

input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 16px; /* Thumb width */
  height: 16px; /* Thumb height */
  background: #ccc; /* Thumb color */
  cursor: pointer; /* Change cursor on hover */
  border-radius: 50%; /* Round thumb */
  margin-top: -4px; /* Align the thumb vertically */
}


input[type="range"]::-moz-range-track {
  width: 100%;
  height: 8px;
  background: linear-gradient(to right, #000 #000,#ccc #ccc);
  border-radius: 4px;
  cursor: pointer;
}

input[type="range"]::-moz-range-thumb {
  width: 16px;
  height: 16px;
  background-color: #000;
  border-radius: 50%;
  cursor: pointer;
}

input[type="range"]::-ms-track {
  width: 100%;
  height: 8px;
  background: transparent;
  border-color: transparent;
  color: transparent;
}

input[type="range"]::-ms-fill-lower {
  background: 000;
  border-radius: 4px;
}

input[type="range"]::-ms-fill-upper {
  background: 000;
  border-radius: 4px;
}

input[type="range"]::-ms-thumb {
  width: 16px;
  height: 16px;
  background-color: #000;
  border-radius: 50%;
  cursor: pointer;
}





/* -------------------------------------------------------------------------------------------------------- */
/* responsive view */



@media (min-width: 1200px) and (max-width: 1300px) {

.Resources_menu { max-width: 530px;}
.mlcs_list_block {max-width: 720px;}

}

@media (min-width: 1400px) {

  .mlcs_list_block {  max-width: 815px;}
  .green-audio-player .controls span { margin-left: 0px !important; }
/*   .audio_music.play_music .music_time { margin-left: 0px !important; } */
}

@media (min-width: 1440px) {

    .Resources_menu { max-width: 628px;}
    .contact_form_section { padding: 0px 60px 40px;}
    .Runner_block {  max-width: 1300px;}
    .music_content_block { padding-right: 38px; padding-left: 38px;}

}

@media (min-width: 1600px) {

}

@media (min-width: 1680px) {

}

@media (min-width: 2100px){
    .after_login_nav ul li a { width: 11.4vw;} 
}

@media (min-width: 1700px){

/* header */

header { height: 4.21vw; padding: 0px 4.05vw; }
header.fixed-header .site_logo { width: 4.21vw; height: 4.21vw; padding: 0.15vw;}
.site_logo { width: 9.89vw; height: 9.89vw; padding: 0.73vw; }
header ul li { margin-right: 4.73vw; }
header ul li a { font-size: 0.73vw; line-height: 1.10vw; letter-spacing: 0.22vw; }
header ul li a::before {height: 0.31vw; bottom: -1.57vw; left: -0.10vw; }
header ul li.login_link a { padding: 0.15vw; }
header ul li.cart_link a { width: 1.26vw; height: 1.26vw; }
header ul li.cart_link a .count { min-width: 1.05vw; height: 1.05vw; font-size: 0.63vw; line-height: 0.94vw; top: -0.52vw; right: -0.52vw; }
header ul li.cart_link, header ul li.mission_link { margin-right: 2.36vw; }

/* login user */

.profileMenu .dropdown-toggle img { width: 1.57vw; height: 1.57vw; margin-right: 0.52vw; }
.profileMenu .dropdown-toggle span { width: 5.26vw; }
.profileMenu .dropdown-toggle:after { width: 0.84vw; height: 0.84vw; background-size: 0.73vw;}
.profileMenu .dropdown-menu {  min-width: 14.21vw; top: 3vw !important; }
.profileMenu .dropdown-item { font-size: 0.73vw; line-height: 1.10vw; letter-spacing: 0.22vw; }

/* home page */

.home_banner_section { min-height: 42.10vw; padding: 2.63vw 4.05vw;}
.banner_content { max-width: 36.05vw; }
.banner_content .banner_heading { font-size: 3.36vw; line-height: 5.05vw; margin-bottom: 0.52vw;  }
.banner_content .banner_text { font-size: 1.05vw; line-height: 1.57vw; margin-bottom: 1.57vw; }
.common-btn {  font-size: 0.73vw; line-height: 1.10vw; padding: 1.05vw; min-width: 8vw; border-radius: 0.10vw; }

.how_it_work_section { padding: 1.57vw 0.78vw 3.15vw; }

.heading_block .heading {font-size: 2.52vw; margin-bottom: 1.05vw; }
.heading_block .sub_heading { font-size: 1.05vw; line-height: 1.57vw; letter-spacing: 0.22vw; margin-bottom: 1.15vw; }

.work_block { max-width: 71.57vw; }
.how_it_work_section .slick-slide {padding: 1.05vw 0px;}
.work_inner_card { max-width: 16.15vw; padding: 0.15vw; }
.work_inner_card .work_img { height: 15.78vw; }
.work_inner_card .work_body { padding: 0.68vw; }
.work_inner_card .work_body .work_number { font-size: 1.26vw; line-height: 1.89vw; margin-bottom: 0.52vw; }
.work_inner_card .work_body .work_title { font-size: 1.05vw; line-height: 1.57vw; margin-bottom: 0.52vw; }
.work_inner_card .work_body .work_desc { font-size: 0.73vw; line-height: 1.10vw; }

.giveaways_section { padding: 2.63vw 0.78vw; }

.giveaway_card_outer_block { padding: 3.68vw 0px; }
.giveaway_card_outer_block::before { max-width: 44.05vw; height: 4.68vw; bottom: 2.63vw; }
.giveaway_card_block { max-width: 81.57vw; min-height: 32vw; }
.giveaway_content { max-width: 47.36vw; padding: 2.63vw 1.31vw 3.7vw; }
.giveaway_content .gdate { font-size: 1.05vw; line-height: 1.57vw; letter-spacing: 0.22vw; margin-bottom: 2.36vw; }
.giveaway_content .product_name { font-size: 3.36vw; line-height: 5.05vw; margin-bottom: 3.42vw; }
.giveaway_content .pro_info { margin-bottom: 3.94vw; }
.giveaway_content .pro_info .pro_price { font-size: 3.36vw; line-height: 5.05vw; padding: 0px 0.36vw; }

.giveaway_content .pro_info .pro_price::before { height: 2vw; }
.giveaway_content .pro_info .pro_price span { text-decoration-thickness: 2vw; text-underline-offset: -1.36vw; }
.giveaway_content .pro_info .common-btn { max-width: 23.31vw; border-radius: 0.31vw; font-size: 1.68vw; padding: 1.73vw; }
.giveaway_content .time_slot { padding-top: 0.52vw; }
.days, .hours, .minutes, .seconds { font-size: 2.10vw; line-height: 3.15vw; }
.timeRefDays, .timeRefHours, .timeRefMinutes, .timeRefSeconds { font-size: 1.26vw; line-height: 1.89vw;   }
.dot_clumn { font-size: 2.10vw; line-height: 3.15vw; margin: 0px 1.05vw; }

.giveaway_slider { padding: 3.94vw; max-width: 31.84vw; }
.giveaway_slider .slider_img { width: 24.42vw !important; height: 24.42vw;  }
.giveaway_slider .slick-custom-arrow { width: 2.21vw; height: 2.21vw; bottom: 1.73vw; right: 3.94vw; }
.giveaway_slider .slick-custom-arrow.slick-prev { right: 6.21vw; }

.giveaways_brands_section { padding: 2.63vw 0.78vw; }
.brands_logo { max-width: 93.15vw;}
.brands_logo .b_logo { width: 15.78vw; height: 6.31vw; border-radius: 0.42vw; margin: 1.42vw; padding: 0.26vw; }

.music_section {  min-height: 39.47vw; padding: 0px 4.05vw;  }
.music_content_block { padding-bottom: 2.36vw; padding-right: 1.31vw; padding-left: 1.31vw; margin-left: 20.73vw;  }
.music_content_block .music_heading { font-size: 2.52vw; line-height: 3.78vw;}
.music_player { width: 20.73vw; height: 21.05vw; padding: 0.52vw; margin: 1.05vw 0;  }
.music_player .mp_text { font-size: 1.89vw; line-height: 2.84vw; }

.testimonials_section { padding: 0.78vw 4.05vw; min-height: 48.94vw; }

.tslider_content { max-width: 44.42vw; }
.tslider_content .user_img { width: 8.63vw; height: 8.63vw; padding: 0.36vw; margin-bottom: -1.94vw; }

.tslider_content .user_content {  background-size: 4.73vw; background-position: 2.10vw 2.53vw; padding: 2.10vw; }
.tslider_content .user_content .t_heading { font-size: 1.47vw; line-height: 2.21vw; margin-bottom: 1.57vw; }
.tslider_content .user_content .t_desc { font-size: 1.15vw; line-height: 1.78vw; }
.testimonials_section .testimonial_slider .slick-custom-arrow { width: 5.73vw; height: 5.73vw; bottom: -0.78vw; }

.testimonials_section .testimonial_slider .slick-custom-arrow.slick-prev { right: 5.73vw; }

.featured_products_section { padding: 2.36vw 4.05vw; border-radius:0px 0px 1.57vw 0px; }
.featured_products_section .heading { margin-bottom: 1.84vw; }
.product_slider { margin-bottom: 1.31vw; }
.product_info { max-width: 24.05vw; }
.product_info .product_img { height:29.05vw; margin-bottom: 1.05vw; border-radius: 32.21vw 32.21vw 0px 0px; }
.product_info .product_img img { border-radius: 32.21vw 32.21vw 0px 0px; }
.product_info .product_name { font-size: 1.26vw; line-height: 1.89vw; }
.featured_products_section .slick-custom-arrow { width: 3.15vw; height: 3.15vw; }

.partners_section { padding: 2.10vw 4.05vw; }
.partners_section .heading { margin-bottom: 1.84vw; }
.partners_section .p_logo {  width: 15.78vw; height: 6.31vw; border-radius: 0.42vw; margin: 0px 1.42vw 1.31vw; padding: 0.26vw;  }

.plan_section {  padding: 5.26vw 4.05vw; }
.plan_content_block { width: 45%; padding-top: 4.21vw; }
.plan_content_block .sub_heading { font-size: 1.94vw; line-height: 2.89vw;  }
.plan_content_block .heading { font-size: 2.52vw; line-height: 3.78vw; margin-bottom: 1.84vw; }
.plan_content_block .month_text { font-size: 1.05vw; line-height: 1.57vw; margin-bottom: 1.84vw; }
.plan_content_block .plan_free_text { font-size: 1.26vw; line-height: 1.89vw; margin-bottom: 3.42vw; }

.plan_content_block .plan_free_text::before { height: 1vw; }
.plan_content_block .faq_text_content .faq_text { font-size: 1.05vw; line-height: 1.57vw; margin-right: 0.78vw; }
.plan_type_block { width: 55%; }

.plan_block { border-radius: 0.52vw; max-width: 15.78vw; padding: 1.31vw 1.57vw; } 
.plan_block .plan_type { font-size: 1.47vw; }
.plan_block .plan_amount {  font-size: 2.52vw;  }
.plan_block .plan_amount span { font-size: 0.73vw;}
.plan_block .pInfo_text { font-size: 0.63vw; line-height: 0.94vw; margin-bottom: 0.52vw; }
.plan_block .plan_grow { font-size: 0.73vw; line-height: 1.10vw; margin-bottom: 0.63vw; }
.plan_block .plan_entry {  font-size: 2.10vw; margin-bottom: 1.05vw; } 
.plan_block .plan_entry span { font-size: 0.78vw; margin-top: 0.42vw; }

.plan_block ul.plan_terms li { font-size: 0.73vw; line-height: 1.10vw; margin-bottom: 0.78vw; padding-left: 1.57vw; }
.plan_block ul.plan_terms li::before { width: 1.15vw; height: 1.15vw; }
.plan_block .plan_btn { width: 10.52vw; height: 2.73vw; border-radius: 4.21vw; font-size: 0.73vw; line-height: 1.10vw; margin: 0px auto -2.63vw; }

.plan_block.gold_plan .plan_amount span { font-size: 0.73vw; }

/* news letter */

.news_letter_block { padding: 2.36vw 0.78vw; background-size: contain, 31.57vw; background-position: left center, 108% -10.10vw; }
.news_letter_block .news_heading { font-size: 1.89vw; line-height: 2.84vw;  }
.news_letter_block .letter_mail {  margin-left: 3.68vw; }
.news_letter_block .letter_mail .form-control { max-width: 21.31vw; height: 3.36vw; border-radius: 0.10vw; font-size: 0.84vw; line-height: 1.26vw; padding: 0.52vw;}
.news_letter_block .letter_mail .common-btn {margin-left: 1.84vw; }

/* footer */

.footer_nav_block {  padding: 1.84vw 4.05vw; }
.footer_nav_block .footer_title{ font-size: 0.84vw; line-height: 1.26vw; margin-bottom: 0.78vw; }
.Resources_menu { max-width: 40.26vw; }
.Resources_menu ul { width: 33.33%; }
.Resources_menu ul li { margin-bottom: 0.52vw; }
.Resources_menu ul li a { font-size: 0.73vw; line-height: 1.42vw; }
.footer_nav_block .fsite_logo { width: 9.26vw; height: 9.36vw; margin:0px 1.05vw; }

.get_touch_block { max-width: 31.10vw; }
.get_touch_block .contact_info { width: 60%; }
.get_touch_block .contact_info p {font-size: 0.73vw; line-height: 1.42vw; margin-bottom: 0.52vw; }
.get_touch_block .contact_info p a { font-size: 0.73vw; line-height: 1.42vw; }
.get_touch_block .social_nav { width: 40%; }
.get_touch_block .social_nav .stitle { margin-bottom: 0.52vw; font-size: 0.73vw; line-height: 1.42vw; }
.get_touch_block .social_link li { width: 1.26vw; height: 1.26vw; margin-right: 1.26vw; }

.copy_right_text { padding: 0.68vw; font-size: 0.63vw; line-height: 1.26vw;  }


/* about us page */

.cammon_banner_section { padding: 2.63vw 4.05vw; } 
.cammon_banner_section .sub_heading { font-size: 1.26vw; line-height: 1.89vw; margin-bottom: 0.52vw; }
.cammon_banner_section .heading { font-size: 3.36vw; line-height: 4.31vw; }

.our_mission_section { padding: 5.26vw 0.78vw 10.52vw; }
.mission_block { max-width: 59.47vw;  }
.mission_block::before { max-width: 44.05vw; height: 4.68vw; }

.mission_block_inside { padding: 2.10vw 2.36vw /* 2.10vw 2.36vw 5.52vw */;}
.mission_block .mission_title { font-size: 1.05vw; line-height: 1.57vw; letter-spacing: 0.22vw; margin-bottom: 1.05vw; }
.mission_block .mission_desc { font-size: 0.73vw; line-height: 1.26vw; margin-bottom: 1.31vw; }
.mission_block .mission_img { width: 10.52vw; height: 10.52vw; margin-bottom: -5.26vw; }

.our_story_section { padding: 2.63vw 4.05vw; }
.story_left_block .heading { font-size: 2.52vw; line-height: 3.78vw; margin-bottom: 1.05vw; }
.story_left_block { max-width: 15.94vw; }
.story_card { max-width: 15.94vw; padding: 0.10vw; }
.story_card .story_img { height: 15.78vw; } 

.story_card .story_body { padding: 0.25vw; }
.story_card .sname { font-size: 1.05vw; line-height: 1.57vw; margin-bottom: 0.25vw;}
.story_card .spost { font-size: 0.73vw; line-height: 1.10vw; }
.our_content_block { padding-left: 5.26vw; }
.our_content_block p { font-size: 0.73vw; line-height: 1.31vw; margin-bottom: 1.31vw; }

/* faq */

.faq_page_content_section { padding: 2.63vw 4.05vw; }
.faq_entries { width: 50%; }
.faq_entries .fe_title { font-size: 2.52vw; line-height: 3.78vw; width:85%; }
.fe_img { max-width: 43.89vw; height: 33.68vw; margin-top: -5.26vw; }
.faq_text_block { padding-left: 1.57vw; }
.faq_text_block p { font-size: 0.73vw; line-height: 1.26vw; margin-bottom: 1.05vw; }

.faq_que_ans_section {  padding: 0px 0.78vw 2.10vw; }
.faq_que_ans_section .accordion { max-width: 86.15vw; }
.faq_que_ans_section .accordion-item { margin-bottom: 2.10vw; padding: 0px 1.05vw; }
.faq_que_ans_section .accordion-item .accordion-button { font-size: 1.05vw; line-height: 1.57vw; letter-spacing: 0.22vw; padding: 1.05vw; }
.faq_que_ans_section .accordion-item .accordion-button::after { right: -1.05vw; font-size: 1.05vw; width: 2.10vw; height: 2.10vw; padding-left: 0.25vw; }

.faq_que_ans_section .accordion-body { padding: 0px 1.05vw 1.57vw; }
.faq_que_ans_section .accordion-body p { font-size: 0.73vw; line-height: 1.31vw; margin-bottom: 1.05vw; }

/* contact us */

.help-block { font-size: 0.73vw; }

.contact_us_page .heading { margin-bottom: 1.57vw; }

.contact_form_section { background-size: 31.57vw; background-position: 108% 20.74vw; padding: 0px 4.05vw 3.15vw; }
.contact_form { max-width: 43.63vw; padding: 1.84vw 2.63vw; margin-top: -2.10vw;}
.common_form .form-group { margin-bottom: 2.10vw; }
.common_form .form-group label { font-size: 0.84vw; line-height: 1.26vw; }
.common_form .form-group .form-control { font-size: 0.94vw; line-height: 1.42vw; padding: 0px 0px 0.52vw;}

.other_contact_info {padding-left: 7.89vw; }
.other_contact_info .oci_box { margin-bottom: 1.57vw; }
.other_contact_info .oci_box .oci_icon { width: 2.73vw; height: 2.73vw; margin-right: 0.78vw; } 
.other_contact_info .oci_box .oci_icon img { width: 1.10vw; height: 1.10vw; }
.other_contact_info .oci_box a { font-size: 0.84vw; line-height: 1.26vw; }
.social_contact ul { padding: 1.05vw 0px 0px; }
.social_contact ul li { margin-right: 1.57vw; }
.social_contact ul li a { width: 1.05vw; height: 1.05vw; }

/* trems_and_privacy_section */

.terms_privacy_page { min-height: 19.47vw; }

.trems_and_privacy_section { padding: 2.63vw 0.78vw 3.68vw; min-height: 80vh; }
.trems_privacy_content_block { max-width: 83.68vw; }
.trems_privacy_content_block .tpcb_box { padding: 1.05vw 0px; }
.trems_privacy_content_block .tpcb_box .tpcb_title { font-size: 1.05vw; line-height: 1.57vw; letter-spacing: 0.22vw; margin-bottom: 1.05vw; }
.trems_privacy_content_block .tpcb_box .tpcb_desc {  font-size: 0.73vw; line-height: 1.26vw; margin-bottom: 1.05vw; }

/* login forgot and reset */

.auth_pages {  padding: 7.36vw 0.78vw 2.63vw; min-height: 80vh; }
.auth_form { max-width: 44.78vw; padding: 2vw 2.63vw; }
.auth_form .form_heading { font-size: 2.10vw; line-height: 3.15vw; margin-bottom: 1.84vw; }
.auth_form .common-btn.login_btn { max-width: 270px; }
.forgot_link { padding-top: 1.05vw; margin-bottom: 2.42vw; font-size: 0.84vw; line-height: 1.26vw; }
.forgot_link a{ font-size: 0.84vw; line-height: 1.26vw; }

.other_page_links { font-size: 1.05vw; line-height: 1.57vw; }
.other_page_links span {  margin-right: 1.05vw;  }

.eye_btn { padding-bottom: 0.52vw; }
.eye_btn img { width: 0.84vw; height: 0.84vw; }

.forgot_page .forgot_link { padding-top: 1.57vw; }
.forgot_page .form_heading { margin-bottom: 0.78vw; }
.forgot_page .forgot_desc { font-size: 0.73vw; line-height: 1.31vw; margin-bottom: 2.10vw; }

.reset_page .forgot_link { padding-top: 1.57vw; }
.reset_page .form_heading { margin-bottom: 0.78vw; }
.reset_page .forgot_desc { font-size: 0.73vw; line-height: 1.31vw; margin-bottom: 2.10vw; }

/* signup page */

.select_your_plan { margin-bottom: 4.21vw; }
.selected_plan { font-size: 0.73vw; line-height: 1.10vw; max-width: 5.94vw; height: 1.89vw; line-height: 1.89vw; top: -1.21vw; border-radius: 0.52vw; }
.select_your_plan .plan_block { padding: 0.78vw 0.78vw 1.57vw; }
.select_your_plan .plan_block .plan_btn {  bottom: 1.31vw; }
.select_your_plan .plan_block .plan_entry { margin: 0px 1.05vw; }
.select_your_plan .plan_block .plan_type { font-size: 1.26vw !important; }

.form-content {padding: 0px 2.10vw; }
.signup_btn {  font-size: 1.05vw !important; max-width: 14.21vw; margin: 0px auto 1.05vw; }  
.stripe_img { margin-bottom: 1.05vw; margin-top: 0.52vw; }
.stripe_img a {  width: 3.26vw; height: 3.26vw; }
.agree_trems { font-size: 0.84vw; line-height: 1.26vw; }

/* select plan page */

.common_plan_sections { padding: 10.26vw 0.78vw 7.89vw; }
.select_plan_page::before {  background-position: 110% bottom !important; background-size: 27.89vw !important; }
.common_plan_sections .plan_block { max-width: 23.42vw; margin: 0px 1.47vw; padding: 2.10vw; }
.common_plan_sections .plan_block .plan_type { margin-bottom: 0.78vw; }
.common_plan_sections .plan_block .plan_amount { margin-bottom: 0.78vw; }
.common_plan_sections .plan_block .plan_grow { margin-bottom: 2.10vw; }
.common_plan_sections .plan_block .plan_entry span { margin-top: 1.31vw; }
.common_plan_sections .plan_block ul.plan_terms { margin: 1.84vw; }
.common_plan_sections .plan_block ul.plan_terms li { margin-bottom: 1.31vw;}
.common_plan_sections .plan_block .plan_btn { width: 15.63vw; height: 4.05vw; margin-bottom: -4vw; }

/* profile page */

.after_login_page { min-height: 80vh; }

.after_login_nav { height: 5.78vw; }
.after_login_nav ul li { margin: 0px 1.05vw; }
.after_login_nav ul li.space_li { width: 5.26vw; }  
.after_login_nav ul li a {font-size: 0.73vw; line-height: 2.10vw; letter-spacing: 0.22vw; width: 11.4vw; }
.after_login_nav ul li a::before { height: 0.31vw; bottom: -1.84vw; left: -0.10vw; }

.profile_form_block { padding: 2.63vw 5.26vw; }
.profile_form_block .common_form { max-width: 44.78vw; padding: 2vw 2.63vw; }
.profile_form_block .common_form .form_heading { font-size: 2.10vw; line-height: 3.15vw; margin-bottom: 1.84vw; }

.changePassword_form { padding-top: 2.63vw; }
.changePassword_form .change_title { font-size: 1.05vw; line-height: 1.57vw; margin-bottom: 1.05vw; }

.profile_user_info { max-width: 28.57vw; padding-top: 5.26vw; margin-left: 6.52vw; }

.upload_img_block { margin-bottom: 3.68vw; padding: 6.63vw 0.52vw 2.52vw; }
.upload_img_block .user_img { width: 10.52vw; height: 10.52vw; border: 0.25vw solid #FFFFFF; margin: 0px auto 1.36vw; top: -5.26vw; }

.your_current_plan { padding: 1.47vw 1.84vw; }
.your_current_plan .p_title { font-size: 1.05vw; line-height: 1.57vw; }
.your_current_plan .plan_info { margin-bottom: 1.05vw; }
.your_current_plan .plan_type {  font-size: 1.68vw; line-height: 2.52vw; padding-right: 0.52vw; }
.your_current_plan .plan_info_right_block { padding-left: 1.05vw; }
.your_current_plan .plan_amount { font-size: 2.52vw; }
.your_current_plan .plan_amount span { font-size: 0.73vw; }
.your_current_plan .pInfo_text { font-size: 0.63vw; line-height: 0.94vw; padding-left: 0.52vw; }
.your_current_plan .plan_grow { font-size: 0.73vw; line-height: 1.10vw; }
.your_current_plan .plan_entry { font-size: 2.10vw; line-height: 3.15vw; }

.your_current_plan .plan_entry span { font-size: 0.78vw; line-height: 1.15vw; }

/* subscription_page */

.subscription_block { padding: 5.78vw 0.78vw 7.15vw;  }
.cancel_sub { font-size: 0.73vw; line-height: 1.10vw; margin-top: 2.89vw; }
.gold_plan + .text-center .cancel_sub { margin-top: 3.89vw;}
.next_recurring {  max-width: 23.42vw; font-size: 0.73vw; line-height: 1.10vw; margin: 2.10vw auto 0px; }
.next_recurring .next_left { width: 55%; padding: 0.94vw 0.52vw; padding-right: 2.10vw; }
.next_recurring .next_right { width: 45%; padding: 0.94vw 0.52vw; padding-left: 2.10vw; }
.next_recurring .next_left::before { border-top: 1.52vw solid transparent; border-right: 1.84vw solid #fff; border-bottom: 1.52vw solid transparent; }
.next_recurring .next_right::before { border-top: 1.52vw solid transparent; border-left: 1.84vw solid #fff; border-bottom: 1.52vw solid transparent; }

/* 2nd mile stone page design */

.discount_card_block {  padding: 2.36vw 4.05vw; }

.discount_card {  padding-bottom: 3.15vw; }   
.discount_card_inner { max-width: 21.05vw; border-radius: 0.42vw;  }
.discount_card_inner .dis_img {  height: 13.15vw; border-radius: 0.42vw 0.42vw 0px 0px;  }
.discount_card_inner .dis_img img {border-radius: 0.42vw 0.42vw 0px 0px;  }
.discount_card_inner .dis_body { padding: 0.73vw 0.73vw 0px;  }
.discount_card_inner .discount { min-width: 5.26vw; min-height: 1.57vw; border-radius: 0.22vw; margin: 0px auto 0.78vw; font-size: 0.73vw; padding: 0.15vw 0.52vw; }    
.discount_card_inner .dc_title { font-size: 1.05vw; line-height: 1.57vw; letter-spacing: 0.22vw; margin-bottom: 0.25vw; }
.discount_card_inner .dc_description { font-size: 0.73vw; line-height: 1.31vw; margin-bottom: 0.52vw; }
.discount_card_inner .dc_description a { margin-bottom: 0.52vw; }
.discount_card_inner .get_info_btn { padding: 0.69vw !important; margin-bottom: -1.31vw; }

.without_login_card .wlc_content { padding: 0.52vw; border-radius: 0.42vw; }
.without_login_card .wlc_content .lockicon { width: 5.36vw; height: 5.36vw; margin: 0px auto 2.10vw;  }
.without_login_card .wlc_content .lock_btn { width: 11.89vw; padding: 0.69vw; border-radius: 0.10vw; font-size: 0.73vw; line-height: 1.10vw;}
.without_login_card .wlc_content .lock_btn img { width: 0.84vw; height: 0.84vw; margin-left: 0.52vw; }

.discount_modal .modal-dialog { max-width: 31.57vw; }
.discount_modal .modal-content { border-radius: 0.42vw; }
.discount_modal .btn-close { right: -0.42vw; top: -0.31vw; width: 1.15vw; height: 1.15vw; background-size: 0.52vw; }
.discount_content .discount_img { height: 13.15vw; border-radius: 0.42vw 0.42vw 0px 0px; }
.discount_content .discount_img img { border-radius: 0.42vw 0.42vw 0px 0px;  }
.discount_content .discoint_body { padding: 1.31vw; }
.discount_content .discount { min-width: 5.26vw;  border-radius: 0.22vw; margin: 0px auto 0.78vw; font-size: 0.73vw; padding: 0.15vw 0.52vw; }    
.discount_content .dc_title { font-size: 1.05vw; line-height: 1.57vw; letter-spacing: 0.22vw; margin-bottom: 0.52vw; }
.discount_content .dc_description { font-size: 0.73vw; line-height: 1.31vw; margin-bottom: 1.05vw; }
.discount_content .redeem_btn { padding: 0.69vw !important;  }
.discount_content ul { margin-bottom: 1.05vw; padding-left: 0.78vw; }
.discount_content ul li { font-size: 0.73vw; line-height: 1.31vw; margin-bottom: 0.63vw; }

/* shop */

.shop_banner_section { min-height: 19.57vw;}
.shop_card_section { padding: 0.78vw 4.05vw 1.57vw; }

.filter_group { max-width: 36.84vw;  }
.category_filter { max-width: 24.73vw; margin-right: 1.05vw; }
.filter_group select, .filter_group input { font-size: 0.73vw; padding: 1.52vw; line-height: 1.31vw; }
.filter_group input { width: 91%; }
.filter_group .search_icon { width: 2.89vw; }

.sort_by_block { max-width: 13.42vw; margin-bottom: 1.57vw; }
.sort_by_block .select2-container--default .select2-selection--single { height: 2.15vw; }
.sort_by_block .select2-container--default .select2-selection--single .select2-selection__rendered {  line-height: 2.15vw; font-size: 0.84vw; }

.shop_card_section .product_info {padding-bottom: 2.89vw; max-width: 24.05vw; }

.shop_card_section .category_name { font-size: 0.73vw; line-height: 1.10vw; max-width: 10.52vw; min-width: 7.89vw; height: 2.63vw; padding: 0.73vw 0.78vw; border-radius: 0px 1.05vw 0px 0px; }
.shop_card_section .product_amount { font-size: 0.94vw; line-height: 1.42vw; min-width: 3.94vw; padding: 0.63vw 0.78vw; height: 2.63vw; border-radius: 1.05vw 0px 0px 0px; }
.shop_card_section .product_amount .mrp { font-size: 0.73vw; line-height: 1.10vw; }
.shop_card_section .pro_description { font-size: 0.73vw; line-height: 1.10vw; margin-top: 0.52vw; }

.loader { width: 3.05vw; height: 3.05vw; } 
.loader::after { width: 1.57vw; height: 1.57vw; }

/* shop detail page */

.product_detail_section { padding: 1.57vw 4.05vw; }
.share_btn { font-size: 1.05vw; line-height: 1.05vw; border-radius: 0.31vw 0.31vw 0px 0px;  height: 2.31vw; left: -1.89vw; padding: 0.57vw; top: 7.89vw; }
.share_btn img { width: 1.05vw; height: 1.05vw; margin-right: 0.25vw; }

.detail_product_slider { max-width: 38.42vw; padding-left: 0px; }
.detail_product_slider .product_info .product_img { height: 42.10vw;}

.slider-for { max-width: 34.73vw; }
.slider-nav { max-width: 34.73vw; margin-top: 0.84vw; }
.slider-nav .product_img { width: 5.26vw; height: 5.26vw; }
.detail_product_slider .slick-arrow { padding: 0.25vw; }
.detail_product_slider .slick-arrow img { width: 2vw; height: 2vw; }
.detail_product_slider .slick-arrow.slick-next { right: -2.10vw; }


.pds_information .pds_title { font-size: 1.26vw; line-height: 1.89vw; margin-bottom: 0.52vw; }
.pds_information .pds_heading_row span.category_name { min-width: 6.31vw; border-radius: 2.63vw; font-size: 0.62vw; margin-left: 2.63vw; padding: 0.52vw; margin-bottom: 0.52vw; }
.pds_information .pds-amount { font-size: 1.68vw; line-height: 2.52vw; margin-bottom: 0.78vw;}
.pds_information .pds-amount span { font-size: 1.26vw; line-height: 1.89vw; }
.pds_information .pds_content { margin-bottom: 1.84vw; }
.pds_information .pds_content p { font-size: 0.73vw; line-height: 1.10vw; margin-bottom: 1.05vw; }

.pds_information .pds_content ul li { font-size: 0.73vw; line-height: 1.10vw; margin-bottom: 1.05vw; padding-left: 1.57vw; }
.pds_information .pds_content ul li::before {width: 1.15vw; height: 1.15vw; }

.product_detail_section .back_btn { margin-bottom: 1.84vw; }
.product_detail_section .back_btn a { font-size: 0.73vw; line-height: 1.10vw; }
.product_detail_section .back_btn a img { width: 0.84vw; height: 0.84vw; }


/* music_banner_section */

.music_banner_section { min-height: 19.57vw; }
.music_banner_section .music_filter_block { max-width: 75.21vw; padding: 0.78vw; }
.music_banner_section .music_filter_block .filter_group input { padding: 0.63vw; }

.music_list_content_section { padding: 2.10vw 4.05vw; }

.mlcs_list_block { max-width: 55.78vw; height: 18.42vw; border-radius: 9.47vw 0.42vw 0.42vw 9.47vw; padding: 1.31vw 0.52vw; margin-bottom: 1.57vw; }

.mlcs_image_block { width: 16.78vw; height: 12.63vw; margin-left: -6.63vw; }
.mlcs_image_block .music_img { width: 12.63vw; height: 12.63vw; border-radius: 0.52vw; }
.mlcs_image_block .music_img img { border-radius: 0.52vw; }
.mlcs_image_block .music_disc { width: 10.94vw; height: 10.94vw; }

.mlcs_artist_block { padding-left: 1.57vw; }
.mlcs_artist_block .artist_name { font-size: 1.05vw; line-height: 1.57vw; letter-spacing: 0.22vw; margin-bottom: 0.25vw; }
.mlcs_artist_block .album_name { font-size: 0.73vw; line-height: 1.31vw; margin-bottom: 1.05vw; }
/* .audio_music .audio_name { max-width: 16.31vw; } */
.mlcs_list_row { max-height: 11.57vw; padding-right: 0.63vw; }
.audio_music { padding: 0.15vw 1.05vw; border-radius: 0.31vw; margin-bottom: 0.52vw; }
.audio_music .number { font-size: 0.84vw; line-height: 1.26vw; }
.audio_music .audio_img { max-width: 1.89vw; height: 1.89vw; margin: 0px 1.05vw;  }
.audio_music .audio_name .an_name { font-size: 0.73vw; line-height: 1vw; }
.audio_music .audio_name .art_name { font-size: 0.63vw; line-height: 1vw; }
.audio_music .music_time { font-size: 0.84vw; line-height: 1.26vw; }
.music_right .play_icon { width: 1.36vw; height: 1.36vw; }
.music_right { max-width: 3.94vw; }
.music_right .download_icon { width: 1.36vw; height: 1.36vw; margin: 0px 0.52vw; }
.music_right .music_layr { width: 2.52vw; height: 1.36vw; }

.mostplayed_release_block { padding: 0.63vw 1.05vw; border-radius: 0.42vw; margin-bottom: 3.15vw; }
.mostplayed_release_block .mrb_row .mrb_title { font-size: 1.05vw; line-height: 1.57vw; letter-spacing: 0.22vw; margin-bottom: 0.78vw; }
.mostplayed_release_block .mrb_row .mrb_icon { width: 1.57vw; height: 1.57vw; }

.mostplayed_release_block .mrb_list_block { padding-right: 0.63vw; max-height: 28.68vw; }
.mostplayed_release_block .audio_music .audio_name .art_name { font-size: 0.52vw;}
.mostplayed_release_block .audio_music .audio_name .an_name { font-size: 0.63vw; line-height: 0.94vw; }
.mostplayed_release_block .audio_music .music_time { font-size: 0.57vw; line-height: 16.5px; }
.mostplayed_release_block .audio_music .number { font-size: 0.63vw; line-height: 0.94vw; }
.mostplayed_release_block .audio_music { padding: 0.15vw 0.63vw;}
.mostplayed_release_block .audio_music .audio_img { margin: 0px 0.78vw; }

/*  */

.music_search_list_section { padding: 1.57vw 4.05vw 2.10vw; }
.music_search_title { font-size: 1.89vw; line-height: 2.84vw; margin-bottom: 1.05vw; }

.music_search_list_section .mlcs_list_row .audio_music { width: 48%; }

.albums_slider { padding-top: 0.52vw; }
.albums_list_block { padding-top: 1.57vw; }
.album_card { max-width: 20.10vw; border-radius: 9.47vw 9.47vw 0.42vw 0.42vw; margin-top: 1.05vw; }
.album_card .mlcs_image_block { max-width: 18.52vw; margin: -0.78vw auto 0px !important; }
.album_card .mlcs_image_block .music_img { width: 13.94vw; height: 13.94vw;}
.album_card .album_body { padding: 1.05vw; }
.album_card .album_name { font-size: 1.05vw; line-height: 1.57vw; letter-spacing: 0.22vw; margin-bottom: 0.25vw;}
.album_card .album_writer { font-size: 0.73vw; line-height: 1.31vw; margin-bottom: 0.25vw; }
.album_card .ab_name {  font-size: 0.73vw; line-height: 1.31vw; }

/* 3rd milestone design */

.giveaway_banner_section { min-height: 19.57vw; }
.live_giveaway_section .giveaway_content .product_name { margin-bottom: 0.52vw; }
.live_giveaway_section .giveaway_card_block .product_description p{ font-size: 0.73vw; line-height: 1.10vw; margin-bottom: 1.05vw; }
.giveaway_faq_content_section { padding: 1.05vw 4.05; }
.live_giveaway_section .giveaway_card_block .common-btn { max-width: 23.31vw; border-radius: 0.31vw; font-size: 1.68vw; padding: 1.73vw; bottom: -2.63vw; }
.live_giveaway_section .giveaway_content .pro_info { margin-bottom: 0.94vw;}
.live_giveaway_section .giveaway_content .gdate {margin-bottom: 1.36vw;}
.giveaway_faq_content_section .faq_text_content .faq_text { font-size: 1.05vw; line-height: 1.57vw; margin-right: 0.78vw;}

/*  */

.giveaway_detail_page .giveaway_card_block { padding: 1.36vw 2.26vw 4.21vw; max-width: 93.05vw; }
.giveaway_detail_page .giveaway_content { padding-left: 2.89vw !important; }
.giveaway_detail_slider { max-width: 31.57vw; }
.giveaway_detail_slider .product_img { height: 31.57vw; }
.giveaway_detail_slider .slick-arrow { padding: 0.25vw;}
.giveaway_detail_slider .slick-arrow.slick-next { right: -2.10vw;}
.giveaway_detail_slider .slider-nav .product_img { width: 4.73vw; height: 4.73vw;}

.giveaway_detail_page .product_description { padding-top: 1.05vw; }

.completed_status { font-size: 0.84vw; line-height: 1.26vw; padding: 0.63vw 1.05vw; border-radius: 2.63vw; margin-right: 1.05vw; }

.winner_section { padding: 0.52vw 7.36vw 2.10vw; }
.winner_section .winner_title { font-size: 1.94vw; line-height: 2.89vw; margin-bottom: 0.52vw; }
.winner_block { border-radius: 0.84vw; margin-bottom: 2.10vw; padding: 0.62vw  5.52vw; }
.winner_block .winner_img { width: 4.10vw; height: 4.10vw; }
.winner_block .winner_img .cup_img { width: 2.26vw; height: 2.26vw; padding: 0.10vw; right: -1.05vw; }
.winner_block .w_name { padding: 0px 3.26vw; font-size: 2.10vw; line-height: 3.15vw; max-width: 26.84vw; }
.winner_block .w_status { width: 5.52vw; height: 2vw; border-radius: 1.05vw; font-size: 0.73vw; line-height: 1.89vw; }

.Runner_block { border-radius: 1.57vw; max-width: 81.31vw; }
.Runner_block .winner_block { padding: 0.94vw 3.88vw;  }

.winner_ribbon::before { width: 108%; left: -4%; bottom: -2.36vw; }

/* my order page */

.my_order_list_block { padding: 1.57vw 1.05vw; }
.my_order_list_block .order_heading { font-size: 2.10vw; line-height: 3.15vw; margin-bottom: 1.05vw; }

.order_list { padding: 0px 1.57vw; max-width: 47.78vw; margin-bottom: 2.10vw; }
.order_id_row { padding: 0.73vw 0px; }
.order_id_row .order_id { min-width: 8.73vw; padding: 0.52vw; margin-right: 1.05vw; border-radius: 1.05vw; font-size: 0.84vw; line-height: 1.26vw;}
.order_id_row .order_date { font-size: 0.84vw; line-height: 1.26vw;}

.order_items_list ul li { padding: 0.94vw 0px; }
.order_items_list ul li .items_img { width: 6.31vw; height: 6.31vw; margin-right: 1.73vw; }
.order_items_list ul li .order_name { font-size: 0.84vw; line-height: 1.26vw; margin-bottom: 0.52vw; }
.order_items_list ul li .order_price { font-size: 0.73vw; line-height: 1.10vw; }

.total_block { padding: 1.21vw 0px; }
.total_block .total_title { font-size: 0.73vw; line-height: 1.10vw; }
.total_block .amount { font-size: 1.05vw; line-height: 1.57vw;}

/* Shipping information */

.shipping_information_page { padding-top: 5.26vw; }

.stripe_payment_block { margin-top: 3.15vw; }
.stripe_payment_block .stripe_text { font-size: 0.63vw; line-height: 0.94vw; margin-bottom: 0.84vw; }
.stripe_payment_block .stripe_img { width: 2.94vw; height: 1.68vw; }
.profile_user_info .order_items_list { margin-top: 0.78vw; }
.profile_user_info .total_block { margin-bottom: 0.78vw; }


/* modal  */

.payment_modal .modal-dialog { max-width: 31.57vw !important; }
.payment_modal .modal-content { border-radius: 0.42vw;}
.payment_modal .btn-close { top: -0.63vw; right: -0.63vw; width: 1.15vw; height: 1.15vw; font-size: 0.52vw; }
.payment_modal .modal-body { padding: 1.84vw; }

.payment_modal .check_mark_img { width: 6.57vw; height: 6.57vw; margin: 0px auto 2.10vw; padding: 0.52vw; }
.payment_modal .title { font-size: 1.05vw; line-height: 1.57vw; margin-bottom: 1.31vw; }
.payment_modal .sub_text { font-size: 0.73vw; line-height: 1.31vw; margin-bottom: 1.57vw; }
.payment_modal .order_info { margin-bottom: 1.05vw; padding-left: 1.31vw; }
.payment_modal .order_info p { width: 33.33%; font-size: 0.84vw; line-height: 1.26vw; }
.payment_modal .order_info p span { font-size: 0.73vw; line-height: 1.31vw; }

.payment_modal .modal-body .common-btn { padding: 0.73vw 1.05vw; }
.payment_modal .modal-body .common-btn.view-order-btn { min-width: 9.5vw; }

/* developer css */

.swal2-title{font-size: 1.05vw !important;}
.swal2-html-container{font-size: 0.84vw !important;}
.swal2-modal{width: 23.68vw !important;}

/* card side navbar */

.cart_content { padding: 1.68vw; width: 31.15vw !important; margin-left: 0.84vw; }
.cart_heading { padding-bottom: 1.26vw; }
.cart_heading .c_heading { font-size: 1.05vw; line-height: 1.57vw; }
.cart_heading .item_count { font-size: 0.94vw; line-height: 1.42vw; }
.cart_side_navbar .order_items_list ul li .items_img { width: 2.94vw; height: 2.94vw; border-radius: 0.31vw; margin-right: 0.84vw;}
.cart_side_navbar .order_items_list ul li .remove_item { width: 1.26vw; height: 1.26vw; }
.cart_side_navbar .stripe_payment_block { padding-top: 1.05vw; }
.cart_side_navbar .btn_row { padding: 1.05vw 0px; }
.close_arrow { width: 2.10vw; height: 2.10vw; }
.close_arrow img { width: 1.05vw; height: 1.05vw; }

/* select 2 */

.category_filter .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 1.10vw; font-size: 0.73vw; }
.category_filter .select2-container .select2-selection--single .select2-selection__rendered { padding: 1.61vw; }

.category_filter .select2-container--default .select2-selection--single .select2-selection__arrow { background-size: 0.63vw; margin-right: 0.47vw; }
.select2-container--default .select2-selection--single .select2-selection__arrow {  background-size: 0.63vw;}

/*  */

.error_page { padding: 1.05vw 0;}
.four_zero_text{ font-size: 5.26vw !important; margin-bottom: 0.52vw; }
.error_block { max-width: 36.84vw; padding: 2.63vw 1.05vw; border-radius: 0.52vw; }
.error_page .error_title { font-size: 1.05vw;}

/*  */

.no_data { border-radius: 1.05vw; padding: 1.05vw; max-width: 34.21vw; }
.img_no_data { width: 13.15vw; height: 13.15vw; }
.nodata_content_block h1 { font-size: 1.15vw; line-height: 1.36vw; letter-spacing: 0.22vw; margin-bottom: 0.78vw; }
.nodata_content_block p { font-size: 0.73vw; line-height: 1.26vw; }

/*  */

.bottom-player { height: 5.26vw;}  
.player-song-details #player-song-name { margin-bottom: 0.10vw !important; font-size: 0.73vw;}
.player-song-details #player-artist-name { font-size: 0.63vw; } 

.volume-controls { width: 1.05vw; height: 1.05vw; margin-right: 0.52vw; }
.audio-settings .volume-btn { font-size: 0.84vw !important; }
.player-controls { width: 5.89vw; }
.button-controls { padding: 0px 0.78vw; }
.player-song-details { max-width: 20.68vw;}
.player-btn img { width: 1.05vw; height: 1.05vw;}
#total-time, #current-time { min-width: 2.10vw; font-size: 0.63vw; }

/* Basic slider styling */

input[type="range"] { height: 0.42vw; border-radius: 0.22vw;}
input[type="range"]::-webkit-slider-runnable-track {height: 0.42vw; border-radius: 0.22vw;}
input[type="range"]::-webkit-slider-thumb { width: 0.84vw; height: 0.84vw; margin-top: -0.22vw;}
input[type="range"]::-moz-range-track { height: 0.42vw; border-radius: 0.22vw;}
input[type="range"]::-moz-range-thumb {width: 0.84vw; height: 0.84vw;}
input[type="range"]::-ms-track { height: 0.42vw;}
input[type="range"]::-ms-fill-lower {border-radius: 0.22vw;}
input[type="range"]::-ms-fill-upper { border-radius: 0.22vw;}
input[type="range"]::-ms-thumb { width: 0.84vw; height: 0.84vw;}
.player-album-cover img { width: 2.63vw; height: 2.63vw; border-radius: 0.25vw; margin-right: 0.52vw;}
.etext { padding: 0px 0.31vw !important; font-size: 0.57vw; margin-right: 0.25vw; border-radius: 0.10vw;}








}

@media (max-width: 1199px) {

header { height: 60px;}
header ul li a { letter-spacing: 2px;}

header ul li a::before { bottom: -19px;}

.profileMenu .dropdown-toggle span { width: 60px;}
.profileMenu .dropdown-menu {top: 46px !important; min-width: 230px; }
.profileMenu .dropdown-item { letter-spacing: 2px;}


.site_logo { width: 120px; height: 120px;}
header.fixed-header .site_logo {width: 58px; height: 58px;}
.banner_content .banner_heading { font-size: 42px; line-height: 52px;}
.banner_content .banner_text { font-size: 16px; line-height: 27px; margin-bottom: 26px;}
.home_banner_section { min-height: 565px; background-attachment: unset; }
.heading_block .heading { font-size: 32px;}
.heading_block .sub_heading {  font-size: 16px; line-height: 28px;}
.work_inner_card .work_img {height: 250px;}
.work_inner_card {  max-width: 280px;}
.work_inner_card .work_body .work_title {font-size: 16px; line-height: 22px;}

.giveaway_content .gdate { font-size: 14px; line-height: 24px; letter-spacing: 2px;}
.giveaway_content .product_name { font-size: 36px; line-height: 48px;}
.giveaway_content .pro_info .pro_price { font-size: 36px; line-height: 48px;}
.giveaway_content .pro_info .pro_price::before { height: 26px; }
.giveaway_content .pro_info .pro_price span { text-decoration-thickness: 22px; text-underline-offset: -13px;}
.giveaway_content .pro_info .common-btn { max-width: 200px; font-size: 16px; padding: 15px;}
.timeRefDays, .timeRefHours, .timeRefMinutes, .timeRefSeconds { font-size: 16px;}
.days, .hours, .minutes, .seconds {font-size: 26px;}
.dot_clumn { font-size: 26px; line-height: 40px; margin: 0px 12px;}
.giveaway_slider .slider_img { width: 300px !important; height: 300px;}
.giveaway_slider { max-width: 400px;}
.giveaway_content { padding: 35px 25px;}
.giveaway_content .pro_info { margin-bottom: 45px;}
.giveaway_card_outer_block { padding: 35px 0px;}
.music_player .mp_text { font-size: 22px; line-height: 34px;}
.music_content_block { margin-left: 250px; }
.music_player { width: 250px; height: 250px;}
.music_content_block .music_heading { font-size: 28px;  line-height: 58px;}
.music_section { min-height: 570px;}
.tslider_content .user_content .t_desc { font-size: 16px; line-height: 26px; margin-bottom: 0px; }
.tslider_content .user_content .t_heading { font-size: 20px; line-height: 32px; margin-bottom: 15px;}
.tslider_content { max-width: 610px;}
.tslider_content .user_img { width: 125px; height: 125px;}
.product_info .product_img { height: 340px;}
.product_info { max-width: 260px;}
.product_info .product_name { font-size: 16px; line-height: 26px;}
.brands_logo .b_logo { width: 190px; height: 80px;}
.partners_section .p_logo { width: 190px; height: 80px;  }
.partners_section {  padding: 30px 15px 10px;}

.plan_content_block .sub_heading { font-size: 18px;}
.plan_content_block .heading { font-size: 26px; line-height: 40px; margin-bottom: 30px;}
.plan_content_block .month_text { font-size: 16px;}

.plan_content_block .plan_free_text { font-size: 16px; line-height: 25px; margin-bottom: 40px;}
.plan_content_block .faq_text_content .faq_text { font-size: 14px; line-height: 24px;}
.common-btn { padding: 12px; min-width: 120px;}
.plan_block .plan_type { font-size: 20px;}
.plan_block .plan_amount { font-size: 30px;}
.plan_block .plan_entry { font-size: 24px;}
.plan_block ul.plan_terms li::before { width: 20px; height: 20px;}
.plan_block ul.plan_terms li {padding-left: 25px;}
/* .plan_block { padding: 12px;}
 */.news_letter_block .letter_mail .form-control { max-width: 370px; height: 47px;}
.news_letter_block .news_heading { font-size: 24px; line-height: 44px;}
.news_letter_block .letter_mail {margin-left: 40px;}
.news_letter_block .letter_mail .common-btn {margin-left: 20px;}
.news_letter_block { padding: 25px 15px;}
.plan_content_block { width: 35%;}
.plan_type_block { width: 63%;}
.plan_block .plan_btn {height: 38px; margin: 0px auto -37px;}
.Resources_menu ul { width: 50%;}
.get_touch_block .contact_info { width: 100%;}
.get_touch_block .social_nav{ width: 100%; margin-top: 10px; }
.Resources_menu { max-width: 400px;}
.get_touch_block { max-width: 400px; padding-left: 145px; margin-left: 0; }
.footer_nav_block .fsite_logo { margin: 0px auto;}
.footer_nav_block { justify-content: center;  align-items: flex-start;}
.Resources_menu ul:last-child { margin-top: 10px; }

/* about us */

.cammon_banner_section .sub_heading { font-size: 18px;  line-height: unset;}
.cammon_banner_section .heading { font-size: 32px; line-height: unset;}
.our_mission_section { padding: 30px 15px 100px;}
.mission_block_inside { padding: 30px 30px /*  30px 30px 80px */;}
.mission_block .mission_img { width: 140px; height: 140px;}
.mission_block .mission_title {  line-height: unset; letter-spacing: 3px;}
.mission_block .mission_desc { margin-bottom: 15px;}
.our_story_section { padding: 30px 15px;}
.story_left_block .heading { font-size: 36px; margin-bottom: 20px; line-height: unset; }
.story_left_block { max-width: 250px;}
.our_content_block { padding-left: 35px;}

/* faq */

.faq_entries .fe_title { font-size: 30px; line-height: unset;}
.faq_entries { width: 45%;}
.faq_text_block { width: 55%;}
.fe_img { max-width: 460px; height: 414px;}
.faq_que_ans_section .accordion-item .accordion-button {font-size: 16px; padding: 15px 30px 15px 15px;}

/* contact us */

.contact_form { max-width: 590px; padding: 25px 30px; }
.common_form .form-group label {font-size: 12px;}
.common_form .form-group .form-control { font-size: 14px; }
.other_contact_info { padding-left: 40px;}
.other_contact_info .oci_box .oci_icon { width: 46px; height: 46px; margin-right: 10px;}
.other_contact_info .oci_box { margin-bottom: 12px;}
.other_contact_info .oci_box a { font-size: 14px;}
.contact_form_section { background-position: 107.7% 294px;}

.terms_privacy_page { min-height: 210px;}
.trems_privacy_content_block .tpcb_box .tpcb_title { font-size: 16px; letter-spacing: 2px; margin-bottom: 10px;}
.trems_and_privacy_section { padding: 20px 50px 30px;}

/*  */

.auth_pages { padding: 85px 15px 30px;}
.auth_form .form_heading { font-size: 26px; margin-bottom: 20px;}
.auth_form { max-width: 530px; padding: 20px 30px;}
.other_page_links { font-size: 14px;}
.auth_form .common-btn.login_btn { max-width: 165px;}
.forgot_page .form_heading { margin-bottom: 0px;}
.forgot_page .forgot_link { padding-top: 20px;}
.forgot_link { font-size: 14px;}
.signup_page .auth_form { max-width: 730px; }
.signup_btn { font-size: 14px !important; max-width: 180px;}
.agree_trems { font-size: 12px;}
.selected_plan { font-size: 12px; line-height: 32px; height: 32px; }
.select_your_plan { margin-bottom: 60px;}
.reset_page .form_heading {margin-bottom: 0px;}

/*  */

.after_login_nav { height: 60px; }
.profile_form_block .common_form .form_heading { font-size: 26px; line-height: 32px;  margin-bottom: 20px;}
.profile_form_block .common_form { padding: 25px 25px;}
.profile_form_block { padding: 30px 30px;}
.changePassword_form .change_title { font-size: 18px; line-height: 26px; margin-bottom: 15px;}
.changePassword_form { padding-top: 35px; }
.your_current_plan .p_title { font-size: 18px; line-height: 25px;}
.your_current_plan .plan_type { font-size: 20px; line-height: 42px;}
.your_current_plan .plan_amount { font-size: 36px;}
.your_current_plan .plan_entry { font-size: 30px; line-height: 42px;}
.your_current_plan { padding: 20px 20px;}
.upload_img_block { margin-bottom: 30px; padding: 95px 10px 25px; }
.your_current_plan .plan_grow { font-size: 12px; margin-bottom: 5px;}
.your_current_plan .plan_entry span { font-size: 13px;}
.your_current_plan .plan_info { margin-bottom: 10px;}
.upload_img_block .user_img { width: 160px; height: 160px; margin: 0px auto 15px; top: -80px;}
.profile_user_info { max-width: 430px; padding-top: 76px; margin-left: 25px;}
.after_login_nav ul li a::before { bottom: -10px;}
.after_login_nav ul li { margin: 0px 10px;}

/*  */

.subscription_block {  padding: 70px 15px 90px;}
.common_plan_sections .plan_block { max-width: 300px; margin: 0px 15px; padding: 12px; }
.common_plan_sections .plan_block.gold_plan { transform: scale(1.1) !important;}
.common_plan_sections .plan_block .plan_btn { width: 200px; height: 45px; margin-bottom: -34px;}
.cancel_sub { margin-top: 40px; }
.next_recurring { max-width: 300px; font-size: 12px; margin: 30px auto 0px; }
.next_recurring .next_left::before { border-right: 22px solid #fff;}
.next_recurring .next_right::before {  border-left: 22px solid #fff;}
.common_plan_sections .plan_block ul.plan_terms li {margin-bottom: 20px;}
.common_plan_sections .plan_block ul.plan_terms { margin: 25px;}
.common_plan_sections .plan_block .plan_grow { margin-bottom: 25px;}
.common_plan_sections .plan_block .plan_entry span { margin-top: 15px;}


/*  */

.common_plan_sections { padding: 115px 15px 90px;}

.filter_group { max-width: 390px;}
.category_filter {max-width: 330px;}
.filter_group select, .filter_group input { padding: 15px;}
.filter_group .search_icon {width: 30px;}

.sort_by_block .select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 14px;}
.sort_by_block {max-width: 210px;}

.shop_banner_section {min-height: 270px;}
.shop_card_section .product_amount { font-size: 16px; line-height: 18px; height: 40px; padding: 12px 10px; }
.shop_card_section .category_name {font-size: 14px; height: 40px; padding: 9px 10px; }
.shop_card_section .pro_description { margin-top: 5px;}
.shop_card_section .product_info {padding-bottom: 40px; max-width: 330px;}

.shop_card_section .product_info .product_img { height: 340px; }


/*  */

.product_detail_section .back_btn a { font-size: 12px; line-height: 18px;}
.product_detail_section .back_btn { margin-bottom: 20px;}
.detail_product_slider {max-width: 490px; padding-left: 12px;}
.pds_information .pds_title { font-size: 24px;}
.pds_information .pds_heading_row span.category_name { margin-left: 25px; }
.pds_information .pds-amount {font-size: 24px; line-height: 30px;}
.pds_information .pds-amount span {font-size: 16px;}
.detail_product_slider .slick-arrow img { width: 26px; height: 26px;}
.pds_information .pds_content { margin-bottom: 25px;}

/*  */

.mlcs_list_block {  max-width: 90%; }
.music_list_content_section { padding: 20px 15px;}
.mlcs_artist_block .artist_name { letter-spacing: 2px; margin-bottom: 3px;}
.loader { margin-bottom: 30px; }


/*  */
.music_banner_section .music_filter_block { max-width: 920px;}
.music_search_title { font-size: 24px; line-height: 32px; margin-bottom: 15px;}
.albums_slider { padding-top: 0px;}
.albums_list_block { padding-top: 15px;}
.album_card { margin: 20px auto 0px; }

/*  */

.live_giveaway_section .giveaway_card_block .common-btn { position: absolute; bottom: -28px; max-width: 205px; font-size: 16px; padding: 15px;}
.live_giveaway_section .giveaway_card_block .product_description p { font-size: 12px; line-height: 18px; margin-bottom: 10px;}
.giveaway_banner_section {min-height: 184px;}

.giveaway_faq_content_section .faq_text_content .faq_text { font-size: 14px;  line-height: 24px; }

/*  */

.my_order_list_block .order_heading { font-size: 28px; line-height: 36px;}
.order_id_row .order_id { padding: 8px;}

.shipping_information_page { padding-top: 60px;}

.giveaway_detail_slider { max-width: 400px;}
.giveaway_detail_slider .product_img { height: 400px;}
.giveaway_detail_slider .slider-nav .product_img { width: 66px; height: 66px;}
.completed_row { display: block;}
.completed_status {padding: 9px 20px; margin-right: 0px; display: inline-block; margin-top: 15px;}
.giveaway_detail_page .product_description { padding-top: 10px;}
.winner_section .winner_title { font-size: 28px; line-height: 42px;}
.winner_block .w_name { padding: 0px 32px; font-size: 24px; line-height: 32px; max-width: 330px; }
.winner_block .w_status { line-height: 30px; width: 105px; }
.winner_section { padding: 0px 45px 30px;}
.winner_block .winner_img { max-width: 60px; height: 60px; width: 100%;}
.winner_block { padding: 8px 60px;}
.winner_ribbon::before { bottom: -33px;}
.live_giveaway_section .giveaways_section { padding: 30px 15px; }
.Runner_block { max-width: 100%;}


.category_filter .select2-container .select2-selection--single .select2-selection__rendered { padding: 16px 20px;}
.category_filter .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 20px;}

.gold_plan + .text-center .cancel_sub { margin-top: 55px;}

.how_it_work_section .slick-slide { padding: 5px 0px 12px; }

.error_block { max-width: 500px; padding: 35px 20px;}
.four_zero_text { font-size: 72px;}
.error_page .error_title { font-size: 18px;}

.nodata_content_block h1 { font-size: 18px; line-height: 22px; margin-bottom: 10px;}





}

@media (max-width: 991px) {


.banner_content .banner_heading { font-size: 36px; line-height: 44px;}
.banner_content .banner_text { font-size: 14px; line-height: 24px; margin-bottom: 22px;}
.heading_block .heading { font-size: 28px; margin-bottom: 10px; }  
.heading_block .sub_heading { font-size: 14px; line-height: 28px; letter-spacing: 2px;}
.work_inner_card {  margin: 0px auto 20px;}
.how_it_work_section { padding: 30px 20px 30px;}
.work_inner_card { max-width: 230px;}
.work_inner_card .work_body .work_title { font-size: 14px; line-height: 18px;}
.work_inner_card .work_img { height: 215px;}
.giveaway_content .gdate { font-size: 12px; line-height: 19px;}
.giveaway_content .product_name { font-size: 28px; line-height: 38px;}
.giveaway_content .pro_info .pro_price { font-size: 28px; line-height: 38px;}
.giveaway_content .pro_info .pro_price::before { height: 20px;}
.giveaway_content .pro_info .pro_price span {text-decoration-thickness: 15px; text-underline-offset: -9px;}
.giveaway_content .pro_info .common-btn { max-width: 170px; font-size: 14px; padding: 12px;}
.days, .hours, .minutes, .seconds { font-size: 20px;}
.timeRefDays, .timeRefHours, .timeRefMinutes, .timeRefSeconds { font-size: 14px;}
.dot_clumn {font-size: 20px; line-height: 30px; margin: 0px 10px;}
.giveaway_slider .slider_img { width: 250px !important; height: 250px;}
.giveaway_slider { max-width: 290px; padding: 50px 20px;}
.giveaway_content { padding: 20px 25px;}
.giveaway_card_outer_block { padding: 25px 0px;}
.giveaway_slider .slick-custom-arrow img { width: 20px; height: 20px; }
.giveaway_slider .slick-custom-arrow { right: 20px; }
.giveaway_slider .slick-custom-arrow.slick-prev { right: 56px;}
.giveaways_section {padding: 30px 15px;}
.music_section { min-height: 480px; background-attachment: unset !important; }
.brands_logo .b_logo { width: 170px; height: 75px;}
.music_content_block .music_heading { font-size: 24px; line-height: 30px; margin-bottom: 20px;}
.music_player .mp_text { font-size: 18px; line-height: unset;}
.music_player { width: 200px; height: 200px;}
.music_content_block { margin-left: 200px;  padding-bottom: 30px; padding-right: 20px; padding-left: 20px;}
.testimonials_section { min-height: 540px; background-attachment: unset !important; }
.tslider_content .user_content .t_heading { font-size: 18px; line-height: unset;}
.tslider_content .user_content .t_desc { font-size: 14px; line-height: unset;}
.tslider_content .user_content { padding: 28px; } 
.tslider_content .user_img { width: 105px; height: 105px;}
.tslider_content { max-width: 460px;}
.tslider_content .user_content { background-size: 58px; background-position: 23px 30px; }
.testimonials_section .testimonial_slider .slick-custom-arrow { width: 50px; height: 50px; }
.testimonials_section .testimonial_slider .slick-custom-arrow.slick-prev { right: 50px; }
.product_info .product_name { font-size: 14px; line-height: unset;}
.product_info { max-width: 220px;}
.product_info .product_img { height: 258px;}
.featured_products_section .heading_block .heading { font-size: 28px; margin-bottom: 22px;}
.plan_section { display: block;}
.plan_content_block { width: 100%; padding-top: 0px;}
.plan_section { padding: 38px 15px 90px;}
.plan_type_block { width: 100%; padding-top: 50px;}
.news_letter_block .news_heading { font-size: 20px; line-height: unset;}
.news_letter_block .letter_mail { margin-left: 25px;}

.footer_nav_block { flex-wrap: wrap;}
.footer_nav_block .fsite_logo {order: 1;}
.Resources_menu { max-width: 100%; order: 2; text-align: center; margin: 25px 0px; }
.get_touch_block { max-width: 100%; padding-left: 0; margin-left: 0; order: 3;}
.Resources_menu ul { width: 33.33%; text-align: center;}
.get_touch_block { text-align: center; }
.get_touch_block .social_link li { margin: 0px 12px;}
.get_touch_block .social_link { justify-content: center; }
.Resources_menu ul:last-child { margin-top: 0px;}
.footer_nav_block .fsite_logo { width: 100px; height: 100px;}

/*  */

.cammon_banner_section .sub_heading { font-size: 16px;}
.cammon_banner_section .heading { font-size: 32px;}

.faq_content_top_block { width: 100%; display: block;}
.faq_entries {  width: 100%;}
.fe_img { max-width: 460px; height: 360px; margin-top: -40px; margin-left: auto;}
.faq_entries .fe_title { font-size: 28px;}
.faq_text_block { width: 100%; padding-left: 0px; margin-top: 20px;}

/*  */

.contact_form { max-width: 460px;}
.other_contact_info { padding-left: 25px;}

/*  */

.after_login_nav { display: none; }
.profile_form_block { padding: 80px 15px 30px;}
.profile_form_block .common_form .form_heading {font-size: 24px;}
.your_current_plan .plan_info_right_block { padding-left: 10px;}
.profile_user_info { max-width: 340px;}

/*  */

.common_plan_sections .plan_block { max-width: 100%; margin: 0px;}
.common_plan_sections .plan_outer_block { width: 33.33%; }
.common_plan_sections .plan_block ul.plan_terms { margin: 16px;}
.subscription_block { padding: 60px 15px 85px;}
.next_recurring .next_left { padding: 12px 10px; padding-right: 20px;}
.next_recurring .next_right {padding: 12px 10px; padding-left: 20px;}

.next_recurring .next_right::before { border-left: 15px solid #fff; border-top: 23px solid transparent; border-bottom: 23px solid transparent;}
.next_recurring .next_left::before { border-right: 15px solid #fff; border-top: 23px solid transparent; border-bottom: 23px solid transparent; }

.common_plan_sections { padding: 60px 15px 90px; min-height: auto;}
.common_plan_sections .plan_block .plan_btn { width: 170px;}
.common_plan_sections .plan_block .plan_grow { margin-bottom: 20px;}

.cammon_banner_section { padding: 50px 15px;}
.discount_card_block { padding: 20px 15px;}
.discount_card_inner .dis_img { height: 190px;}
.discount_card_inner .discount { min-width: 80px; min-height: 28px; border-radius: 3px; margin: 0px auto 12px; font-size: 12px;}
.discount_card_inner .dc_title { font-size: 16px; line-height: 22px; letter-spacing: 2px;}
.discount_card_inner .dc_description { line-height: 23px;}
.discount_content .dc_title { font-size: 16px; line-height: 24px; letter-spacing: 2px;}
.discount_content .discount { min-width: 80px; border-radius: 3px; margin: 0px auto 12px; font-size: 12px;}
.discount_card_inner .get_info_btn { padding: 10px !important; margin-bottom: -22px;}
.discount_card { padding-bottom: 45px;}
.without_login_card .wlc_content .lock_btn { width: 200px; padding: 10px;}
.without_login_card .wlc_content .lockicon {width: 82px; height: 82px; margin: 0px auto 30px;}
.discount_content .redeem_btn { padding: 10px !important;  }

.shop_banner_section { min-height: 210px;}
.filter_group { max-width: 280px;}
.filter_group select, .filter_group input { padding: 12px;}

/*  */

.detail_product_slider { max-width: 360px; padding-left: 10px;}
.slider-for {max-width: 315px;}
.pds_information .pds_title { font-size: 20px; line-height: 26px; margin-bottom: 5px; }
.pds_information .pds-amount { font-size: 20px; line-height: 24px; margin-bottom: 10px; }
.pds_information .pds_heading_row span.category_name { padding: 6px; margin-bottom: 5px; }
.product_detail_section { padding: 18px 20px 25px;}
.pds_information .pds_content p { font-size: 12px; line-height: 18px; margin-bottom: 12px;}
.detail_product_slider .product_info .product_img { height: 340px;}
.slider-nav { max-width: 315px; }
.share_btn { top: 50px; font-size: 14px; line-height: 14px; padding: 9px; }
.slider-nav .product_img { width: 51px; height: 51px;}
.pds_information .pds_heading_row span.category_name { margin-left: 15px;}

.music_banner_section {display: block; min-height: auto; padding-top: 85px !important; }
.music_banner_section .music_filter_block .filter_group input { padding: 8px 15px;}
.mlcs_image_block .music_img { width: 180px;height: 180px;}
.mlcs_image_block .music_disc {width: 150px; height: 150px;}
.mlcs_image_block { width: 240px; height: 180px; margin-left: -88px;}
.mlcs_artist_block .album_name { font-size: 12px; line-height: 19px; margin-bottom: 8px;}
.audio_music .audio_name .art_name { font-size: 10px; line-height: 16px;}
.audio_music .audio_name .an_name { font-size: 12px; line-height: 17px;}
.audio_music .number { font-size: 14px; line-height: 22px;}
.audio_music .music_time { font-size: 12px; line-height: 22px; /* margin-left: 30px; margin-right: 20px; */}
.music_right .music_layr { width: 34px; height: 20px;}
.music_right .download_icon { width: 20px; height: 20px; }
.music_right .play_icon { width: 20px; height: 20px;}
.mlcs_list_row { max-height: 210px; padding-right: 8px;}
.mlcs_artist_block { padding-left: 15px;}
.loader { width: 40px; height: 40px; border-width: 2px; }
.loader::after { width: 20px; height: 20px; border-width: 2px; }
.mostplayed_release_block .mrb_row .mrb_title { font-size: 16px; line-height: 24px;letter-spacing: 2px;}
.mostplayed_release_block {margin-bottom: 20px;}
.mostplayed_release_block .mrb_list_block { padding-right: 5px;}

.live_giveaway_section .giveaway_slider { height: fit-content; }
.live_giveaway_section .giveaway_card_block .common-btn { max-width: 170px; font-size: 14px; padding: 12px;}

.my_order_list_block { padding: 70px 20px 30px;}

.shipping_information_page { padding-top: 10px;}
.profile_user_info .order_items_list { margin-top: 10px;}
.your_current_plan .order_items_list ul li .items_img { margin-right: 10px;}


.payment_modal .check_mark_img { width: 90px; height: 90px;}
.payment_modal .title { margin-bottom: 15px;}


.cart_content { padding: 20px; width: 420px !important;}
.cart_heading .c_heading { font-size: 16px; line-height: 22px;}
.cart_heading .item_count { font-size: 14px; line-height: 21px;}
.cart_side_navbar .btn_row { padding: 12px 0px;}

.giveaway_detail_page .giveaway_card_block { display: block; }
.giveaway_detail_page .giveaway_content { padding-left: 0px !important; margin-top: 25px;}
.completed_status { padding: 8px 20px; font-size: 12px; line-height: 15px;}
.winner_section .winner_title { font-size: 24px; line-height: 38px;}
.winner_block .w_name { padding: 0px 42px; font-size: 20px; line-height: 27px;}
.winner_block { padding: 8px 40px;}
.Runner_block .winner_block { padding: 10px 40px;}
.winner_block .winner_img .cup_img { width: 30px; height: 30px; right: -15px; }

.category_filter .select2-container .select2-selection--single .select2-selection__rendered { padding: 13px 20px 13px 12px;}










}


@media (max-width: 767px) {

.site_logo { width: 100px; height: 100px; }
.banner_content .banner_heading {font-size: 28px; line-height: unset;}
.home_banner_section { min-height: 370px;}
.banner_content .banner_text { font-size: 12px;}
/* .how_it_work_section { padding: 30px 25px 30px;} */
.work_inner_card { max-width: 260px;}
.work_inner_card .work_body .work_number { font-size: 18px; line-height: unset;}
.work_inner_card .work_body .work_title { font-size: 14px; line-height: unset;}
.work_inner_card .work_body .work_desc { font-size: 12px; line-height: unset;}
.heading_block .heading { font-size: 26px;}
.heading_block .sub_heading { line-height: unset;}
.giveaway_content .product_name { font-size: 24px; line-height: unset; margin-bottom: 35px; }
.giveaway_content .pro_info .pro_price { font-size: 24px; line-height: unset;}
.giveaway_content { padding: 20px 20px;}
.giveaway_slider .slider_img { width: 220px !important; height: 220px;}
.giveaway_content .pro_info { margin-bottom: 20px;}
.dot_clumn {font-size: 18px; margin: 0px 5px;}
.timeRefDays, .timeRefHours, .timeRefMinutes, .timeRefSeconds {font-size: 12px;}
.days, .hours, .minutes, .seconds { font-size: 18px;}
.giveaway_slider { max-width: 260px; padding: 25px 20px;}
.giveaway_slider .slick-custom-arrow { bottom: 17px; width: 30px; height: 30px; }
.giveaway_content .time_slot { padding-top: 0px;}
.giveaway_slider .slick-custom-arrow.slick-prev { right: 51px;}
.brands_logo .b_logo {width: 155px; height: 70px;}
.giveaways_brands_section { padding: 25px 15px;}
.music_section { min-height: 368px;}
.music_player .mp_text { font-size: 16px;}
.music_player { width: 175px; height: 175px;}
.music_content_block { margin-left: 175px; }
.music_content_block .music_heading { font-size: 20px; line-height: unset; margin-bottom: 15px;}
.how_it_work_section { padding: 30px 45px 15px;}
.testimonials_section { min-height: 360px;}
.tslider_content .user_content .t_heading {font-size: 16px;}
.tslider_content .user_content .t_desc { font-size: 12px;}
.testimonials_section .testimonial_slider .slick-custom-arrow { width: 40px; height: 40px;}
.testimonials_section .testimonial_slider .slick-custom-arrow.slick-prev { right: 40px; }
.featured_products_section { padding: 30px 15px;}
.plan_section { padding: 20px 15px 75px;}
.plan_content_block .sub_heading { font-size: 16px;}
.plan_content_block .heading { font-size: 22px; line-height: unset; margin-bottom: 19px;}
.plan_content_block .month_text { margin-bottom: 20px;}
.plan_content_block .plan_free_text { font-size: 16px; line-height: 25px; margin-bottom: 20px;}
.plan_content_block .plan_free_text::before { height: 10px;}
.news_letter_block .news_heading { font-size: 18px;}
.news_letter_block .letter_mail .form-control { max-width: 250px;}
.news_letter_block .letter_mail .common-btn { margin-left: 12px;}
.news_letter_block { padding: 20px 15px;}
.featured_products_section .heading_block .heading { font-size: 26px;}

/*  */

.cammon_banner_section .sub_heading { font-size: 14px; margin-bottom: 5px; }
.cammon_banner_section .heading { font-size: 28px;}
.mission_block_inside { padding: 20px 18px /* 58px */;}
.mission_block .mission_title { letter-spacing: 2px;font-size: 16px; margin-bottom: 10px; }
.mission_block .mission_desc { margin-bottom: 10px; font-size: 12px; line-height: 20px; }
.mission_block .mission_img { width: 110px; height: 110px;}
.our_mission_section { padding: 30px 15px 85px;}
.story_left_block .heading { font-size: 28px; margin-bottom: 15px;}
.story_card .spost { font-size: 12px;}
.story_card .sname { font-size: 16px; line-height: 21px;}
.story_card .story_img { height: 230px;}
.story_left_block { max-width: 215px;}
.our_content_block p { font-size: 12px; line-height: 21px; margin-bottom: 12px;}
.our_content_block { padding-left: 20px;}
.cammon_banner_section { padding: 50px 15px;}
.faq_entries .fe_title { font-size: 24px;}
.faq_text_block p { font-size: 12px; line-height: 21px; margin-bottom: 12px;}
.faq_que_ans_section .accordion-item .accordion-button { font-size: 14px; letter-spacing: 2px; line-height: unset;}
.faq_que_ans_section .accordion-item { padding: 0px 10px;}
.faq_que_ans_section .accordion-item .accordion-button::after { right: -10px; font-size: 14px; width: 30px; height: 30px;}
.faq_que_ans_section .accordion-body p { font-size: 12px; line-height: 21px; margin-bottom: 12px;}
.faq_que_ans_section .accordion-item .accordion-button::after { padding-left: 2px; }
.faq_que_ans_section .accordion-body { padding: 0px 15px 20px;}
.faq_que_ans_section .accordion-item { margin-bottom: 20px;}
.faq_que_ans_section { padding: 0px 15px 20px;}

/*  */

.contact_form {  max-width: 410px; padding: 25px 20px;}
.common_form .form-group { margin-bottom: 25px;}
.other_contact_info { padding-left: 20px;}
.other_contact_info .oci_box .oci_icon img { width: 18px; height: 18px;}
.other_contact_info .oci_box .oci_icon { width: 38px; height: 38px; margin-right: 8px;}
.other_contact_info .oci_box a { font-size: 12px;}
.contact_form_section { background-position: 107.7% 255px;}
.contact_us_page .heading { margin-bottom: 12px;}
.social_contact ul li { margin-right: 20px;}

.terms_privacy_page { min-height: auto;}
.trems_and_privacy_section { padding: 10px 20px 25px;}
.trems_privacy_content_block .tpcb_box .tpcb_desc { font-size: 12px; line-height: 21px; margin-bottom: 10px;}
.trems_privacy_content_block .tpcb_box { padding: 15px 0px;}
.trems_privacy_content_block .tpcb_box .tpcb_title { font-size: 14px;}

/*  */

.auth_pages {padding: 60px 15px 30px;}
.auth_form .form_heading {font-size: 22px;}

/*  */

.profile_form_block {padding: 70px 15px 30px;  display: block; }
.profile_user_info { max-width: 100%;  padding-top: 100px; margin-left: 0px;}

.subscription_block {padding: 40px 15px 90px;}
.next_recurring { display: block; border: none; }
.next_recurring .next_left { width: 100%;}
.next_recurring .next_right { width: 100%;}
.next_recurring { max-width: 180px;}
.common_plan_sections { padding: 40px 15px 90px;}

.discount_card_inner .dc_description {font-size: 12px;}
.discount_content ul li { font-size: 12px; line-height: 21px; margin-bottom: 10px;}
.discount_content .discoint_body { padding: 18px;}

.shop_card_section .category_name { font-size: 12px;}
.shop_card_section .product_amount { font-size: 14px; line-height: 16px;}
.shop_card_section .product_amount .mrp { font-size: 12px;}
.shop_card_section .pro_description { font-size: 12px;}
.shop_card_section .product_info .product_img {  margin-bottom: 14px;}


.music_banner_section { padding-top: 60px !important;}

.music_search_title { font-size: 20px; line-height: 26px; }
.music_search_list_section .mlcs_list_row .audio_music { width: 100%;}

.live_giveaway_section .giveaway_slider .slick-custom-arrow { bottom: -6px;}

.my_order_list_block .order_heading { font-size: 24px; line-height: 30px;}
.order_id_row .order_id { min-width: 125px; font-size: 12px;}
.order_id_row .order_date {font-size: 12px;}
.order_items_list ul li .order_name { font-size: 12px;}
.order_items_list ul li .items_img {width: 80px; height: 80px;}
.total_block {padding: 10px 0px;}
.my_order_list_block { padding: 60px 20px 30px;}

.shipping_information_page .profile_form_block .common_form { margin-bottom: 20px;}
.shipping_information_page .profile_form_block { padding: 50px 15px 30px;}
.stripe_payment_block .stripe_text { margin-bottom: 10px;}
.stripe_payment_block { margin-top: 20px;}

.payment_modal .modal-body { padding: 30px 20px;}
.payment_modal .order_info { padding-left: 0;}


.select_plan_page::before { display: none; }

.mostplay  .music_right { width: 67%; flex: unset; margin-left: auto; line-height: 22px; }
/* .mostplayed_release_block .audio_music .music_right .play_icon { margin-left: 10px; } */

.featured_products_section .slick-custom-arrow { width: 40px; height: 40px;}

.player-song-details #player-song-name { font-size: 12px;}
.player-controls { width: 70px;}
.bottom-player {height: auto !important;}
.player-song-details { max-width: calc(100% - 80px) !important;}
.button-controls { padding-left: 0px; padding-top: 10px; }
.player-timeline { margin-left: 10px;}
.button-controls { width: calc(100% - 92px);}
.volume-range { width: 60px; }
.audio-settings {padding-top: 10px;}
.audio-controls {  flex-wrap: wrap;}









}

.select2-container--default .select2-selection--single .select2-selection__clear { display: none !important; }

@media (max-width: 700px) {

}

@media (max-width: 600px) {

.giveaway_card_block { display: block;}
.giveaway_slider { max-width: 100%; padding: 0px 20px 25px;}
.giveaway_slider .slider_img { width: 100% !important; height: 280px;}
.giveaway_slider .slick-custom-arrow.slick-prev {z-index: 1;}
.giveaway_slider .slick-custom-arrow { bottom: 25px; }
.giveaway_content .gdate { margin-bottom: 20px;}
.giveaway_content .product_name {font-size: 22px; margin-bottom: 20px;}
.dot_clumn {font-size: 16px; margin: 0px 2px;}
.days, .hours, .minutes, .seconds { font-size: 16px;}

.music_player { width: 100%; min-height: 100px; height: auto;}
.music_content_block { padding-bottom: 10px; margin-left: auto; padding-right: 0px;  padding-left: 0px; margin-top: auto; order: 2; margin-bottom: 10px; }
.music_section { flex-wrap: wrap; align-items: flex-start; }
.work_inner_card .work_img { height: 390px;}

.plan_type_block { display: block;}
.plan_block { margin: 0px auto 60px;}
.plan_block:last-child { margin-bottom: 20px; }
.plan_section { padding: 20px 15px 40px;}
.news_letter_block { display: block; }
.news_letter_block .news_heading { font-size: 16px; margin-bottom: 10px;}
.news_letter_block .letter_mail { margin-left: 0;}


.footer_nav_block { padding: 20px 15px;}
.Resources_menu ul { width: 100%; margin-bottom: 10px; }
.footer_nav_block .fsite_logo { width: 80px; height: 80px;}
.brands_logo .b_logo { width: 140px;}

.our_story_blocks { display: block;}
.story_left_block { max-width: 100%; margin-bottom: 20px; }
.our_content_block { padding-left: 0px;}
/* 
.story_left_block .heading {text-align: center;} */


.fe_img { height: 280px;}
.faq_page_content_section { padding: 20px 15px;}

.contact_form_section { display: block; }
.other_contact_info {padding-left: 0px; margin-top: 30px;}
.news_letter_block { background-size: contain, 0px; }
.contact_form_section { background-position: 44.7% 330px;}

.auth_form { padding: 20px 15px;  }
.other_page_links span { margin-right: 10px;}
.forgot_link { padding-top: 15px; margin-bottom: 25px;}
.form-content { padding: 0px 12px;}
.select_your_plan { margin-bottom: 40px;}
.select_your_plan .plan_block {display: block;}
.select_your_plan .plan_block .plan_btn { bottom: 20px;}
.select_your_plan .plan_block .plan_entry { margin: 0px 20px 20px;}

.common_plan_sections .plan_block.gold_plan { transform: scale(1) !important;}
.common_plan_sections .plan_type_block { padding-top: 20px; }
.common_plan_sections .plan_block { max-width: 90%; margin: 0px auto;}
.common_plan_sections .plan_block.gold_plan {  margin: 60px auto; }
.common_plan_sections { padding: 40px 15px 50px;}
.common_plan_sections .plan_outer_block { width: 100%;}
.next_recurring { margin: 20px auto 0px;}
.common_plan_sections .plan_outer_block .plan_block.gold_plan { margin: 0px auto; }
.common_plan_sections .plan_outer_block { padding-bottom: 50px;}

.shop_banner_section { display: block;}
.category_filter { margin-right: 10px;}
.filter_group select, .filter_group input { font-size: 12px;}
.filter_group input { padding: 11px; }
.shop_banner_section { min-height: auto;}

.product_detail_section { display: block;}
.slider-for {margin: 0px auto;}
.slider-nav { margin: 20px auto;}

.mlcs_list_block { max-width: 100%; display: block; border-radius: 180px 180px 8px 8px;}
.mlcs_image_block { width: 240px; height: 180px; margin-left: auto; margin-right: auto; margin-top: -20px; margin-bottom: 25px;}
.audio_music { padding: 8px 8px;}
.audio_music.play_music{ padding: 8px 8px;}
.music_right {max-width: 50px;}
.music_right .play_icon img { vertical-align: top;}
.mlcs_list_row { max-height: 350px;}
.music_banner_section .music_filter_block .filter_group { max-width: 100%;  border-bottom: 1px solid #ccc !important;  border-right: 0 !important;}
.filter_group input { width: 100%;}
.music_banner_section .music_filter_block .filter_group input { padding: 8px 0px;}
.audio_music .audio_img { max-width: 30px; height: 30px; margin: 0px 8px; }
.audio_music .number {font-size: 12px; line-height: 20px;}
.mlcs_artist_block {padding-left: 0px;}
.mlcs_list_row {padding-right: 0;}


.live_giveaway_section .giveaway_slider .slick-custom-arrow { bottom: 20px;}
.live_giveaway_section .giveaway_slider { padding: 0px 20px 35px;}
.music_right .play_icon { width: 17px; height: 17px;}
.music_right .download_icon { margin: 0px 5px;}


.payment_modal .modal-dialog {max-width: 90% !important; margin-left: auto; margin-right: auto;}
.payment_modal .modal-body .common-btn.view-order-btn { margin-right: 7px;}
.payment_modal .modal-body .common-btn { padding: 10px 12px;}
.payment_modal .order_info p {  margin-bottom: 5px; width: 30%; }
.payment_modal .order_info p:first-child { width: 40%; }

.close_arrow { max-width: 32px; height: 32px;}
.cart_content { padding: 15px; width: 350px !important; margin-left: 6px; }

.giveaway_detail_slider { max-width: 340px;}
.giveaway_detail_slider .product_img { height: 340px; }
.giveaway_detail_page .giveaway_card_block { padding: 26px 24px 35px;}
.giveaway_detail_slider .slider-nav .product_img { width: 51px; height: 51px;}
.slider-nav { margin: 12px auto;}
.winner_section .winner_title {  font-size: 20px; line-height: 28px;}
.winner_section { padding: 0px 24px 30px;}
.winner_block { padding: 8px 15px;}
.winner_block .w_name { padding: 0px 20px;}
.winner_block .winner_img { max-width: 50px; height: 50px;}
.Runner_block .winner_block { padding: 10px 15px; }
.winner_ribbon::before { bottom: -28px;}
.winner_block {  margin-bottom: 25px;}
.winner_block .w_name {max-width: 190px;}
.Runner_block .winner_block .w_name { max-width: 140px; padding: 0px 10px; }

.order_id_row { flex-wrap: wrap;}
.order_id_row .order_id {margin-right: 10px;}

.filter_block { display: block;}
.category_filter { margin-right: 0px; margin-bottom: 10px; }
.filter_group { max-width: 100%;}
.category_filter .select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 12px; line-height: 21px; }
.category_filter .select2-container .select2-selection--single .select2-selection__rendered { padding: 11px 20px 12px 11px;}

.gold_plan + .text-center .cancel_sub { margin-top: 30px;}

.subscription_block { padding: 40px 15px 10px;}

/* up-date */
.story_card { max-width: 100%; margin: 0px auto;}
.story_card .story_img {height: 330px;}
.story_card .story_img img {object-position: top;}
.next_recurring { max-width: 90%; display: flex;}
/* update */
.how_it_work_section { padding: 30px 10px;}
.work_inner_card { max-width: 83%; }

.work_inner_card .work_body .work_title {margin-bottom: 3px; }
.work_inner_card .work_body .work_number {margin-bottom: 3px; }
.home_banner_section { min-height: 530px;}

.how_it_work_section .slick-track { display: block !important; }
.work_inner_card { margin-bottom: 0px; }

.music_tab { margin-bottom: 30px; margin-right: 10px; }
.music_tab ul li a {padding: 8px;}
.mlcs_row .sort_by_block { max-width: 95px;}
.mlcs_row .sort_by_block .select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 12px;}
.mlcs_row .sort_by_block .select2-container--default .select2-selection--single { height: 36px;}
.mlcs_row .sort_by_block .select2-container--default .select2-selection--single .select2-selection__rendered { height: 36px;}
.select2-results__option { font-size: 12px;}

/* .mostplayed_release_block .audio_music { flex-wrap: unset;} */

.giveaway_banner_section { min-height: 140px; padding: 40px 15px 9px; }
.live_giveaway_section .giveaways_section { padding: 20px 15px;}
.giveaway_card_outer_block { padding: 10px 0px;}
.live_giveaway_section .giveaway_content .gdate { margin-bottom: 10px;}
.live_giveaway_section .giveaway_card_block .common-btn { position: relative; bottom: 0; margin-bottom: 20px;}
.live_giveaway_section .days, .live_giveaway_section .hours, .live_giveaway_section .minutes, .live_giveaway_section .seconds { line-height: unset;}
.live_giveaway_section .giveaway_slider {padding: 0px 20px 20px;}
.live_giveaway_section .giveaway_card_block .common-btn {max-width: 150px; font-size: 12px;}

.giveaway_content .pro_info { display: block; }
.giveaway_content .pro_info .btn { margin-top: 20px; }

.moblie_heading_row { justify-content: space-between; align-items: center; }
.music_filter_block { margin-top: 16px; }

.music_banner_section .music_filter_block { }
.filter_icon { width: 30px; height: 30px; background: rgba(255,255,255, 0.8); padding: 6px; z-index: 11; border-radius: 5px; cursor: pointer; display: block;  }
.filter_icon img { width: 100%; height: 100%; object-fit: contain; object-position: center; vertical-align: top; }

.player-controls {width: 50px;}
.player-btn img { width: 15px; height: 15px;}
.volume-controls { width: 15px; height: 18px; margin-right: 8px;}
.volume-range { width: 45px;}
.button-controls { width: calc(100% - 70px); padding-right: 5px;}
#total-time, #current-time { min-width: 35px; width: auto; }


}



@media (max-width: 500px) {


}

@media (max-width:375px) {

.payment_modal .modal-body .common-btn.view-order-btn { margin-right: 0; margin-bottom: 10px;}
.payment_modal .order_info p { width: 100% !important;  text-align: center; }
.payment_modal .order_info { flex-wrap: wrap;}
.payment_modal .order_info p span {display: inline-block;}
.mlcs_row {justify-content: center; flex-wrap: wrap;}
.music_tab { margin-bottom: 15px;}
.music_right {width: 100%;}







}


@media (max-width:320px) {


}