/*
Theme Name: Socalicious
Author: Dots
Version: 0.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


a, button, input, select, textarea{ transition:all 0.25s ease-in 0s; -webkit-transition:all 0.25s ease-in 0s; -moz-transition:all 0.25s ease-in 0s;-o-transition: all 0.25s ease-in 0s; outline:none;}
a:focus, button:focus{ border:0; outline:none;}
img { max-width:100%; vertical-align:middle; border:none;}
body{ background: #0e0f0f;}
body, button, input, select, optgroup, textarea{ color: #FAFAFA; font-size: 16px; word-wrap: break-word; font-family: "Open Sans", sans-serif; font-style: normal; font-weight: 400;}

/*==========================Page=Css=Start====================================*/
.container_full{ max-width: 1750px; margin: auto; padding-right: 15px; padding-left: 15px; width: 100%;}
.container{ max-width: 1320px;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{ font-family: 'Helvetica';}

.header{ position: absolute; left: 0; right: 0; top: 0; z-index: 2; padding: 40px 0;}
.header .container_full{ display: flex; justify-content: space-between; align-items: center; position: relative;}
.social_icon{ width: 210px;}
.social_icon ul{ margin: 0; padding: 0; list-style: none; display: flex; gap: 12px;}
.social_icon ul li a:hover{ opacity: 0.7;}


/*Menu css start*/
@keyframes hover{ 50% { transform: translateX(10px);}}
.offcanvas-menu{ width: 187px; display: none; justify-content: flex-end;}
.offcanvas-menu > label { width: 40px; height: 40px; cursor: pointer; transition: 0.3s ease; display: flex; align-items: center;}
.offcanvas-menu label span, .offcanvas-menu label span::before, .offcanvas-menu label span::after{ transition: background 0.3s, transform 0.3s;}
.offcanvas-menu label span, .offcanvas-menu label span::before, .offcanvas-menu label span::after{ content: ""; position: absolute; height: 4px; width: 40px;   background: #fff;}
.offcanvas-menu label span::before{ transform: translateY(-12px);}
.offcanvas-menu label span::after{ transform: translateY(12px);}

.offcanvas-menu nav{ position: fixed; top: 0; height: 100%; width: 350px; right: -350px; overflow: hidden; background: #0e0f0f; transition: 0.3s ease; padding: 30px;}
.offcanvas-menu nav > div{ display: flex; justify-content: space-between;}
.offcanvas-menu nav > div a img{ max-width: 200px;}
.offcanvas-menu nav > div label{ width: 30px; height: 30px; display: flex !important; align-items: center; justify-content: center; cursor: pointer; margin: 0;  transition: 0.3s ease;}
.offcanvas-menu nav > div label span, .offcanvas-menu nav > div label span:before, .offcanvas-menu nav > div label span:after{ background: #fff;}
.offcanvas-menu nav > ul{ margin-top: 30px; padding: 0; list-style: none;}
.offcanvas-menu nav > ul li{ cursor: pointer; padding: 10px 0; transform: translateX(-30px); opacity: 0; transition: 0.4s ease;}
.offcanvas-menu nav > ul li a{ font-size: 30px; line-height: 1.5; font-weight: 400; color: #FAFAFA; display: block; text-decoration: none;}
.offcanvas-menu nav > ul li:hover{ animation: hover 0.5s;}
.offcanvas-menu input[type=checkbox]{ display: none;}
.offcanvas-menu input[type=checkbox]:checked ~ label{ opacity: 0; pointer-events: none;}
.offcanvas-menu input[type=checkbox]:checked ~ nav{ right: 0;}
.offcanvas-menu input[type=checkbox]:checked ~ nav label span{ background: transparent;}
.offcanvas-menu input[type=checkbox]:checked ~ nav label span:before{ transform: rotate(-45deg);}
.offcanvas-menu input[type=checkbox]:checked ~ nav label span:after{ transform: rotate(45deg);}
.offcanvas-menu input[type=checkbox]:checked ~ nav label span:before, .offcanvas-menu input[type=checkbox]:checked ~ nav label span:after{ transition-delay: 0.2s;}
.offcanvas-menu input[type=checkbox]:checked ~ nav ul li{ opacity: 1; transform: translateX(0px);}
.offcanvas-menu input[type=checkbox]:checked ~ nav ul li:nth-child(1){ transition-delay: 0.1s;}
.offcanvas-menu input[type=checkbox]:checked ~ nav ul li:nth-child(2){ transition-delay: 0.2s;}
.offcanvas-menu input[type=checkbox]:checked ~ nav ul li:nth-child(3){ transition-delay: 0.3s;}
.offcanvas-menu input[type=checkbox]:checked ~ nav ul li:nth-child(4){ transition-delay: 0.4s;}
.offcanvas-menu input[type=checkbox]:checked ~ nav ul li:nth-child(5){ transition-delay: 0.5s;}
.offcanvas-menu input[type=checkbox]:checked ~ nav ul li:nth-child(6){ transition-delay: 0.6s;}
.offcanvas-menu input[type=checkbox]:checked ~ nav ul li:nth-child(7){ transition-delay: 0.7s;}
/*Menu css end*/

/*Left and Right Menu css start*/
.nav_left{ position: absolute; left: 18vw;}
.nav_right{ width: 210px;}
.nav_right ul{ position: absolute; right: 18vw;}

.horizontal_menu ul{ margin: 0; padding: 0; list-style: none; display: flex; align-items: center;}
.horizontal_menu ul li{ padding: 0 10px;}
.horizontal_menu ul li a{ position: relative; display: inline-block; padding: 0 11px; text-decoration: none; color: #fff; font-weight: 600; font-size: 18px;}
.horizontal_menu ul li a:before{ content: ""; width: 100%; height: 3px; position: absolute; left: 0; bottom: 10px; background: #ff0000; transition: 0.5s transform ease; transform: scale3d(0,1,1); transform-origin: 50% 50%;}
.horizontal_menu ul li a:hover:before, .horizontal_menu ul li.current_page_item a:before{ transform: scale3d(1,1,1);}
/*Left and Right Menu css end*/


/*Banner css start*/
.banner{ position: relative;}
.banner_video video{ width: 100%; height: 100%; display: block; object-fit: cover;}
.banner_content{ position: absolute; left: 0; right: 0; top: 23%; bottom: 0; z-index: 1; display: flex; align-items: center; flex-direction: column; text-align: center; padding: 6% 0 0;}
.banner_content:before{ content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: radial-gradient(50% 50% at 50% 50%, #0E0F0F 0%, rgba(14, 15, 15, 0.648656) 53.42%, rgba(14, 15, 15, 0) 100%); z-index: -1;}
.banner_content h1{ font-size: clamp(42px,6.67vw,128px); font-weight: 700; line-height: 0.91;}
.banner_counter ul{ margin: 35px 0 0; padding: 0; list-style: none; display: flex; gap: 20px;}
.banner_counter ul li{ width: 144px; height: 110px; border: 1px solid #FFFFFF99;  border-radius: 10px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%); backdrop-filter: blur(24px); text-transform: uppercase; font-weight: 600; line-height: normal; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.banner_counter ul li span{ display: block; font-size: 42px; font-family: 'Helvetica'; font-weight: 700; margin-bottom: 5px;}
.banner_btn{ padding-top: 60px;}

.button1{ font-size: 20px; font-family: 'Helvetica'; font-weight: 700; color: #fff; background: #FF0000; line-height: 54px; min-width: 194px; display: inline-block; text-align: center; border: 0; border-radius: 30px; text-decoration: none; cursor: pointer;}
.button1:hover, .button1:focus{ background: #a80101; color: #fff; text-decoration: none;}
/*Banner css end*/

/*Rotation bar css start*/
.rotation_bar{ border-top: 1px solid #FFFFFF4D; border-bottom: 1px solid #FFFFFF4D; overflow: hidden;}
.rotation_bar ul{ margin: 0; padding: 25px 0; list-style: none; display: flex; align-items: center; animation: marquee 20s linear infinite running;}
.rotation_bar ul:hover{ -webkit-animation-play-state: paused; -moz-animation-play-state: paused; animation-play-state: paused;}
.rotation_bar ul li{ font-size: 24px; font-weight: 600; line-height: normal; white-space: nowrap; padding: 0 26px; display: flex; align-items: center; gap: 30px;}
@keyframes marquee { 0% { transform: translateX(0)} 100% { transform: translate(-50%) };}
/*Rotation bar css end*/

/*Who are we css start*/
.whoAreWe_sec{ padding: 80px 0; background: url(images/waw-bg.png) center 37% no-repeat;}
.whoAreWe_sec .container_full{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.whoAreWe_content{ width: 44.5%;}
.whoAreWe_content h2{ font-size: clamp(32px,3.54vw,68px); font-weight: 700; margin-bottom: 43px;}
.whoAreWe_content p{ margin-bottom: 1.5rem;}
.whoAreWe_content p:last-of-type{ margin-bottom: 0;}
.whoAreWe_content hr{ border-top-color: rgba(255,255,255,0.25);}
.whoAreWe_img{ width: 49%;}
.whoAreWe_img iframe{ width: 100%; height: auto; aspect-ratio: 1/0.52; margin-bottom: 30px;}
/*Who are we css end*/

/*Event section css start*/
.event_wrap{ padding: 80px 0; background: #000000 url(images/event-bg.jpg) center center no-repeat; background-size: cover;}
.event_wrap .container_full{ max-width: 1420px;}
.event_bx{ border: 1px solid #FFFFFF99; border-radius: 10px; padding: 50px 60px; display: flex; align-items: center; backdrop-filter: blur(44px); background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);}
.event_counter ul{ margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 20px;}
.event_counter ul li{ width: 144px; height: 110px; border: 1px solid #FFFFFF99;  border-radius: 10px; background: #FF0000; text-transform: uppercase; font-weight: 600; line-height: normal; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.event_counter ul li span{ display: block; font-size: 42px; font-family: 'Helvetica'; font-weight: 700; margin-bottom: 5px;}
.event_content{ flex: 1; text-align: center;}
.event_content h2{ font-size: clamp(32px,3.54vw,68px); font-weight: 700; margin-bottom: 26px;}
.event_content .event_dateTime{ font-size: 24px; font-weight: 600;}
.event_content .event_dateTime span{ display: block; font-size: 42px; font-weight: 700;}
.event_content .event_location{ font-size: 24px; font-weight: 600; margin-top: 15px;}
.event_content .event_btn{ padding-top: 35px;}
.event_content .event_btn .button1{ min-width: 260px;}
.event_img{ width: 35%;}
.event_img img{ border-radius: 21px;}
/*Event section css end*/

/*Artists section css start*/
.artists_wrap{ padding: 80px 0;}
.artists_wrap .container_full{ display: flex; flex-wrap: wrap;}
.artists_content{ width: 31%;}
.artists_content h2{ font-size: clamp(32px,3.54vw,68px); font-weight: 700; margin-bottom: 40px;}
.artists_content p{ margin-bottom: 1.5rem;}
.artists_content p:last-of-type{ margin-bottom: 0;}
.artists_images{ width: 69%; padding-left: 40px; padding-top: 115px;}
.artists_images ul{ margin: 0; padding: 0; list-style: none; display: flex; gap: 20px;}
.artists_images ul li{ max-width: 33.33%; position: relative; overflow: hidden; border-radius: 20px;}
.artists_images ul li figure{ margin: 0;}
.artists_images ul li img{ height: auto; border-radius: 20px; width: 100%; transition: 0.3s;}
.artists_images ul li:hover img{ transform: scale(1.1);}
.artists_images ul li figcaption{ position: absolute; left: 0; right: 0; bottom: 0; padding: 50px 20px 20px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);}
.artists_images ul li figcaption h3{ font-size: clamp(20px,1.67vw,32px); font-weight: 700; margin: 0;}
.artists_images ul li figcaption .artists_social_icons{ padding-top: 11px; display: flex; gap: 7px;}
.artists_images ul li figcaption .artists_social_icons a{ color: #fff; padding: 0; font-size: 18px; background: #ffffff40; width: 30px; height: 30px; text-align: center; line-height: 30px; border-radius: 5px;}
.artists_images ul li figcaption .artists_social_icons a:hover{ background: #FF0000;}
/*Artists section css end*/

/*Follow us section css start*/
.followUs_wrap{ padding: 80px 0; background: #222222;}
.followUs_wrap h2{ font-size: clamp(32px,3.54vw,68px); font-weight: 700; margin-bottom: 0; text-align: center;}
.followus_images{ padding-top: 44px;}
/*Follow us section css end*/

/*Stay Connected section css start*/
.stayConnected_wrap{ padding: 80px 0; background: url(images/sc-bg.jpg) top center no-repeat; background-size: cover; border-radius: 110px 110px 0 0; position: relative;}
.stayConnected_wrap:before{ content: ""; position: absolute; left: 0; right: 0;  top: 0; bottom: 0; background: #222; z-index: -1;}
.stayConnected_wrap h2{ font-size: clamp(32px,3.54vw,68px); font-weight: 700; margin-bottom: 0; text-align: center;}
.stayConnected_form{ display: grid; grid-template-columns: repeat(3, 300px); justify-content: center; gap: 10px; padding-top: 40px;}
.stayConnected_form .form_group .form-control{ background: none; border: 1px solid #FFF; border-radius: 10px; color: #fff; font-size: 16px; padding: 13px 25px;}
.stayConnected_form .form_group .form-control::-webkit-input-placeholder{ color: #fff;}
.stayConnected_form .form_group .form-control::-moz-placeholder{ color: #fff;}
.stayConnected_form .form_group .form-control:-ms-input-placeholder{ color: #fff;}
.stayConnected_form .form_group .form-control:-moz-placeholder{ color: #fff;}
.stayConnected_form .form_group.submit_btn{ grid-column: 1 / 4; text-align: center; padding-top: 40px;}
.stayConnected_form .form_group.submit_btn .button1{ min-width: 234px;}
/*Stay Connected section css end*/

/*Footer section css start*/
.footer{ padding: 40px 0; font-weight: 600;}
.footer .container_full{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.footer a{ color: #fff; text-decoration: none;}
.footer a:hover{ color: #ff0000;}
/*Footer section css end*/

/*Event page css start*/
.event-wrapper{ padding: 50px 0 0 0; margin-top: 150px;}
.heading{ color: #fff; text-align: center; margin-bottom: 50px; display: flex; justify-content: center;  align-items: center;}
.heading h2{ font-size: 48px; font-weight: 700; margin-bottom: 0;}
.heading h2 strong{ color: #ff0000; font-weight:600;}
.heading h3{ font-size: 36px; font-weight: 200; margin-bottom: 0;}
.decoration_dark{ display: inline-block; position: relative; color: #ff0000;}
.decoration_dark:after{ content: ""; height: 14px; width: 100%; display: inline-block; left: 0px; bottom: -11px; right: 0px; position: absolute; background: url(images/decoration-red.svg) repeat-x;}

.event-list-container{ border: 5px solid #000; background: #000 url(images/img-absctract-bg.png) no-repeat center; padding: 15px;}
.event-date-block{ background: #ff0000; padding: 30px; font-size: 40px; text-align: center; font-weight: 700; margin: 0 auto 20px;}
.event-img-block01 img{ height: auto;}
.event-middle-details{ padding: 30px 0; text-align: center;}
.event-middle-details h3{ font-size: 30px; font-weight: 600; margin-bottom: 1rem;}
.event_box .event_counter ul{ display: flex; gap: 10px; flex-direction: row; justify-content: center;}
.event_box .event_counter ul li{ width: 80px; height: 80px; font-size: 14px; background: #555; border: 0;}
.event_box .event_counter ul li:first-child{ background: #ff0000;}
.event_box .event_counter ul li span{ font-size: 36px; margin-bottom: 0;}

.ticket_cls{ font-family: 'Pacifico', cursive; font-size: 40px; margin: 40px 0 20px;}
.eventBx_mobileHide{ display: flex; flex-wrap: wrap; justify-content: center; gap: 10px;}
.eventBx_mobileHide .button1{ min-width: 150px;}
.event-iframe iframe{ width: 100%; border: 0;}
.event-middle-details.eventBx_mobile{ display: none;}
.event-middle-details.eventBx_mobile .button1{ min-width: 150px;}

.eventmap{ height: 450px; margin-top: 20px;}
.eventmap iframe{ width: 100%; height: 100%; border: 0;}
.modal-content{ color: #ff0000;}
/*Event page css end*/

/*FAQ page css Start*/
#accordionFaqs h3{ margin: 20px 0; font-weight: 700; font-size: 20px; text-transform: uppercase;}
.according-custom-block .accordion-item{ background-color:transparent; border: 1px solid #ff0000; border-radius: 0;}
.accordion-button { background-color: transparent; color: #ff0000;}
.accordion-button:not(.collapsed){ color: #fff; background-color: #ff0000;}
.accordion-button:not(.collapsed)::after{ content:"\f106"; font-family:'Font Awesome 6 Free'; background-image: none; transform: none; color: #fff;}
.accordion-button::after{ content:"\f107"; font-family:'Font Awesome 6 Free'; background-image: none; transform: none; color: #fff;}
.faq-accordion-btn{ font-size: 18px; font-weight: 800; text-transform: uppercase; padding: 18px; border-radius: 0 !important;}
.accordion-body{ color: #fff;}
.faq-accordian-body p{ text-transform: uppercase; font-weight: 700;}
/*FAQ page css end*/

/*Contact us page css Start*/
.contact_wrap{ display: grid; grid-template-columns: 1fr 1fr; gap: 50px; padding-top: 20px;}
.contact_content h2{ font-weight: 700; margin-bottom: 1.5rem;}
.contact_content p{ margin-bottom: 1.5rem;}
.contact_content ul{ margin: 0; padding: 0; list-style: none;}
.contact_content ul li{ padding-top: 30px; display: flex;}
.contact_content ul li .contact_icon{ height: 60px; width: 60px; text-align: center; line-height: 60px; border-radius: 5px; color: #fff; font-size: 24px; background: #ff0000; transition: all 0.25s ease-in 0s;}
.contact_content ul li:hover .contact_icon{ background: #444; color: #fff;}
.contact_content ul li .contact_info{ width: calc(100% - 60px); padding-left: 25px;}
.contact_content ul li .contact_info h3{ font-size: 20px; color: #ff0000; margin-bottom: 5px; font-weight: 700;}
.contact_content ul li .contact_info p{ margin-bottom: 0; line-height: 1.7;}
.contact_content ul li .contact_info p a{ color: #fff; text-decoration: none;}
.contact_content ul li .contact_info p a:hover{ color: #ff0000;}

.contact_form{ background: rgba(255,255,255,0.3); padding: 40px; border-radius: 20px;}
.contact_form h2{ font-weight: 700;}
.contact_form .wpcf7{ padding-top: 20px;}
.contact_form .wpcf7 p{ margin-bottom: 0;}
.contact_form .wpcf7-form label{ width: 100%;}
.contact_form .wpcf7-form .form-control{ border: 0; padding: 12px 18px; resize: none; box-shadow: none;}
.contact_form .wpcf7-form textarea.form-control{ height: 120px;}
.contact_social_icons{ padding-top: 40px; display: flex; gap: 10px;}
.contact_social_icons a{ color: #fff; padding: 0; font-size: 24px; background: #ff0000; width: 48px; height: 48px; text-align: center; line-height: 48px; border-radius: 5px;}
.contact_social_icons a:hover{ background: #ffffff40;}
/*Contact us page css end*/

.music_comingSoon{ text-align: center;}
.music_comingSoon img{ max-width: 700px; width: 100%; border-radius: 25px;}




/*=========Responsive css start=========*/
@media only screen and (max-width: 1199px) {

    .header{ padding: 15px 0;}
    .horizontal_menu{ display: none;}
    .offcanvas-menu{ display: flex;}
    .social_icon{ width: auto;}
    .banner_content{ padding: 4% 0 0;}
    .banner_counter ul{ margin: 25px 0 0;}
    .banner_btn{ padding-top: 30px;}
    .event-wrapper{ padding: 0;}
    .event_bx{ padding: 30px;}
    .artists_images ul li figcaption{ padding: 20px;}
    .event-date-block{ font-size: 30px; padding: 20px;}
    .ticket_cls{ font-size: 30px;}
}
@media only screen and (max-width: 991px) {
    .banner_video{ min-height: 70vh;}
    .banner_video video{ position: absolute;}
    .rotation_bar ul{ padding: 20px 0;}
    .rotation_bar ul li{ font-size: 20px;}
    .whoAreWe_sec{ padding: 50px 0;}
    .banner_counter ul li{ width: 130px; height: 99px;}
    .banner_counter ul li span{ font-size: 36px;}
    .whoAreWe_sec .container_full{ flex-direction: column; gap: 40px;}
    .whoAreWe_content{ width: 100%;}
    .whoAreWe_content h2{ margin-bottom: 20px;}
    .whoAreWe_img{ width: 100%;}
    .event_wrap{ padding: 50px 0;}
    .event_counter ul li{ width: 130px; height: 99px;}
    .event_counter ul li span{ font-size: 36px;}
    .event_bx{ padding: 20px;}
    .event_content .event_dateTime{ font-size: 20px;}
    .event_content .event_dateTime span{ font-size: 30px;}
    .event_content .event_location{ font-size: 20px;}
    .button1{ font-size: 18px;}
    .artists_wrap{ padding: 50px 0;}
    .artists_content{ width: 100%;}
    .artists_content h2{ margin-bottom: 20px;}
    .artists_images{ width: 100%; padding-left: 0; padding-top: 40px;}
    .artists_images ul li{ max-width: inherit;}
    .followUs_wrap{ padding: 50px 0;}
    .followus_images{ padding-top: 30px;}
    .stayConnected_wrap{ padding: 50px 0; border-radius: 50px 50px 0 0;}
    .stayConnected_form { grid-template-columns: repeat(3, 230px);}
    .stayConnected_form .form_group.submit_btn{ padding-top: 20px;}
    
    .contact_wrap{ padding-top: 0; grid-template-columns: 1fr;}
}
@media only screen and (max-width: 767px) {
    .social_icon ul{ gap: 4px;}
    .offcanvas-menu{ width: 166px;}
    .offcanvas-menu nav > ul li a{ font-size: 24px;}
    .logo img{ max-width: 150px;}
    .banner_counter{ display: none;}
    .banner_content h1{ line-height: normal;}
    .event_bx{ flex-wrap: wrap;}
    .event_counter ul{ gap: 10px;}
    .event_img{ width: 100%; padding-top: 40px;}
    .artists_images ul{ flex-direction: column;}
    .stayConnected_wrap{ border-radius: 30px 30px 0 0;}
    .stayConnected_form{ display: flex; flex-direction: column; gap: 20px;}
    .stayConnected_form .form_group.submit_btn{ padding-top: 0;}
    .footer{ padding: 20px 0;}
    .footer .container_full{ flex-direction: column; gap: 7px;}
    .footer .copyright{ order: 3;}
    
    .event-wrapper{ margin-top: 110px;}
    .heading h2{ font-size: 36px;}
    .contact_form{ padding: 30px;}
    .event-date-block{ font-size: 24px; padding: 15px;}
    .eventBx_mobileHide{ display: none;}
    .eventmap{ height: 400px;}
    .event-middle-details.eventBx_mobile{ display: block;}
    .event-middle-details.eventBx_mobile p:last-of-type{ margin-bottom: 0;}
    .ticket_cls{ margin: 20px 0;}
}
@media only screen and (max-width: 500px) {
    .social_icon ul{ gap: 3px;}
    .social_icon ul li img{ max-width: 22px;}
    .logo img{ max-width: 100px;}
    .offcanvas-menu{ width: 97px;}
    .rotation_bar ul li{ font-size: 16px;}
    .event_counter{ width: 100%;}
    .event_counter ul{ display: grid; grid-template-columns: 1fr 1fr;}
    .event_counter ul li{ width: 100%;}
    .event_content{ width: 100%; padding-top: 40px;}
    .event-wrapper{ margin-top: 80px;}
    .contact_form{ padding: 20px;}
    .faq-accordion-btn{ font-size: 16px; font-weight: 700; padding: 15px; line-height: normal;}
    .accordion-body.faq-accordian-body{ padding: 15px;}
    .faq-accordian-body p{ font-weight: 500;}
    .event-date-block{ font-size: 18px; padding: 10px;}
    .event_box .event_counter ul li{ font-size: 13px;}
    .event_box .event_counter ul li span{ font-size: 30px;}
    .ticket_cls{ font-size: 24px;}
}