/* ================================================================================ */
                                /* Media Querys  */
/* ================================================================================ */


@media screen and (max-width: 1920px){
    .responsive_white_btn_block{
        display: none;
    }

    /**/
    .hero_swiper_discover_artist
    {
        margin-top: 50px;
    }
}

/* ================ 1600 ================ */
@media(max-width:1600px){
    .hero_content .left_col h1 {
        width: 98% !important;
    }
    object.bottom_bg {
        bottom: -1px;
    }
    .Footer_logo object.brand_icon_svg {
        width:100%;
        height: 100%;
        object-fit: contain;
    }
    p,span,a {
        font-size: 16px;
        line-height: 1.3;
    }
    .side_msgs_list .single_chat_box .user_img{
        flex-shrink: 0;
        width: 50px;
        height: 50px;
    }
    
    .side_msgs_list .single_chat_box p.msg_description {
        width: 160px;
    }
}

/* ================ 1536 ================ */
@media screen and (max-width: 1536px){
    .hero_img img{
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    .hero_img{
        width: 100%;
    }
    /*body .navbar-brand img{*/
        /*width: 100%;*/
        /*height: 100%;*/
        /*object-fit: contain;*/
        /*object-position: left;*/
    /*}*/
    .chat_btns {
        font-size: var(--fs-10);
    }

    /**/
    .navigation_bar .dropdown-menu {
        left: unset;
        right: 0px;
        top: 140%;
    }
}

/* ================ 1440 ================ */
@media(max-width:1440px){
    .side_msgs_list .single_chat_box .chat_buttons_block{
        width: 100% !important;
        text-align: center;
    }
    .side_msgs_list .single_chat_box {
        flex-wrap: wrap;
        justify-content: start;
        gap: 20px;
    }
    .navbar-brand {
        width: 30%;

    }
}

/* ================ 1400 ================ */
@media screen and (max-width: 1400px){
    .user_list_block :is(.filter_block, .list_container) {
        width: 90% !important;
    }

    .featured_event_sec .swiper .swiper-wrapper .swiper-slide li a {
        font-size: 16px;
    }
}

/* ================ 1366 ================ */
@media screen and (max-width: 1366px){
    .message_list_box {
        width: 95%;
    }
    .chat-body .answer .text {
        font-size: 14px;
    }
}

/* ================ 1280 ================ */
@media(max-width:1280px){

    :root{
        --fs-70: 64px;
    }
    .navbar-brand {
        width: 24%;
    }
}


/* ================ 1024 ================ */
@media(max-width:1024px){
    :root {
        --fs-70: 54px;
        --fs-navlinks: var(--fs-12);
    }
    .navbar-brand {
        width: 25%;
    }
    .desktop_white_btn_block {
        display: none;
    }
    .row.hero_content{
        padding-bottom: 2% !important
    }
    .responsive_white_btn_block{
        
        display: flex;
        flex-direction: row;
    }
    .responsive_white_btn_block .single_white_btn {
        width: 100%;
    }
    
    .white_block_bts_row{
        padding-bottom: 40% !important;
    }
    .single_white_btn p .forward_arrow{
        margin-left: 40px;
    }
    .single_white_btn{
        padding: 25px 20px;
    }
    .explanation_section .right_col > p{
        width: 100% !important;
    }
    .user_list_block {
        width: 100% !important;
    }
    #profileModal .modal-dialog {
        max-width: 800px;
    }
    .chat_section .row .col-md-6{
        width: 100%;
    }
    .chat_section .row .col-md-3{
        width: 50%;
    }
    .chat_section .row .col-md-3{
        width: 50%;
    }
    .chat_section .row .right_col{
        order: 2;
    }
    .chat_section .row .middle_col{
        order: 3;
    }
    .side_msgs_list .single_chat_box {
        flex-wrap: nowrap;
    }
    .side_msgs_list {
        height: 310px;
    }
    .col-md-6.middle_col {
        margin-top: 50px;
    }

    /**/
    .featured_event_sec.featured_events_inline_search .search_input {
        flex: 2;
    }
    .featured_event_sec.featured_events_inline_search .search_input input {
        top: 60px;
        right: 30px;
        width: 235px;
        transition: .5s;
        position: absolute;
    }
    .featured_events_inline_search .search_input #inputString:not(.show) {
        opacity: 0;
        transition: .5s;
        visibility: hidden;
        height: 0 !important;
    }
    /*.animated_search*/
    /*{*/
        /*display: block;*/
        /*transition: width 1s;*/
    /*}*/
    .featured_event_sec.featured_events_inline_search .search_input button
    {
        position: relative;
    }
    header .navbar-light .navbar-nav .nav-link {
        color: rgba(0,0,0,.55);
        font-size: 18px !important;
    }
    .audio_sec .popular_musics .music .thumbnail_title_wrapper .thumbnail {
        min-width: 70px;
    }
    
}


/* ================ 992 ================ */
@media screen and (max-width: 992px){
    :root {
        --fs-70: 52px;
    }
    .profile_form .form_block {
        width: 100% !important
    }
    .navbar-nav {
        gap: 8px;
    }

    /**/
    body .home_hero > .container > .row
    {
        flex-direction: unset;
    }
    .hero_section .search_input {
        margin: 20px 0px;
    }
    .navbar-brand {
        width: 45%;
    }

    body .navbar-brand img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: center;
    }
    .discover_artist .search_input form {
        display: block;
        box-shadow: unset;
        background-color: unset;
    }
    .discover_artist .search_input .dropdown_wrapper {
        margin: 0 0 10px 0;
        background-color: #f6f6f6;
    }
    .discover_artist .search_input #inputString {
        background-color: #f6f6f6;

    }
    .discover_artist .search_input button {
        position: absolute;
        right: 5px;
        top: 75px;
        background: #0151fe;
    }
    .popular_artist .search_input {
        width: 60%;
    }

    /*.upcoming_event_list .single_upcoming_event_row .block1 {*/
    /*    flex: 6;*/
    /*}*/

}

/* ================ 991 ================ */
@media screen and (max-width: 991px){
    #navbarSupportedContent ul{
        padding-block: 20px;
    }
    #navbarSupportedContent .navbar-nav{
        display: flex;
        /*align-items: flex-end;*/
    }
    /*.navbar-brand {*/
        /*width: 45%;*/
    /*}*/

    .at-stadium-sec .filter_search_wrapper {
        max-width: 80%;
    }
    /*.navbar-light .navbar-toggler-icon {*/
        /*filter: brightness(100) invert(1);*/
        /*opacity: 1;*/
    /*}*/
    /*.navbar-light .navbar-toggler {*/
        /*color: rgba(0,0,0,.55);*/
        /*border-color: rgba(255, 255, 255, 0.295);*/
    /*}*/
    /*.navbar-toggler:focus {*/
        /*text-decoration: none;*/
        /*outline: 0;*/
        /*opacity: 1;*/
        /*box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.2950);*/
    /*}*/

    /**/
    /*body .home_hero > .container > .row {*/
        /*flex-direction: column-reverse;*/
    /*}*/

    /*.hero_section .search_input {*/
        /*margin: 20px 0px;*/
    /*}*/
    .navigation_bar .nav_search
    {
        display: none;
    }
    #navbarSupportedContent {
        position: absolute;
        top: 90px;
        z-index: 2;
        left: 0px;
        width: 100%;
        background-color: white;
        border-radius: 5px;
        /*background-color: #f6f6f6;*/
        box-shadow: 0px 5px 15px #add8e633;
        transition: 0.5s all;
    }
    .featured_event_sec.featured_events_inline_search .search_input input {
        right: 10px;
    }
    #footer .inner_section_footer_col .top_heading h6 {
        font-size: 22px;
    }

    #footer .inner_section_footer_col .footer_links ul li a {
        font-size: 12px;
    }


    .navigation_bar .navbar .navbar-collapse {flex: unset;}
    .navigation_bar .navbar .navbar-brand {flex: unset;}
    .navigation_bar .navbar .navbar_right_col {flex: unset; justify-content: unset;}

    .upcoming_event_list .single_upcoming_event_row .user_image {width: 120px; height: 80px;}
    .upcoming_event_list .single_upcoming_event_row .block2 {flex: 4;}
    .upcoming_event_list .single_upcoming_event_row .block1 {gap: 15px}
    .upcoming_event_list .single_upcoming_event_row {gap: 15px;}

}

/* ================ 800 ================ */
@media(max-width:800px){
    .col-md-6{
        width: 100%;
    }
    .hero_img {
        width: 85%;
        margin: 0 auto;
    }
    .how_it_works {
        margin-top: -100px;
    }
    .how_it_works .col-md-4 {
        width: 75%;
        margin: 0 auto
    }
    .how_it_works .row {
        gap: 20px;
    }
    .how_it_works .col-md-4 {
        width: 75%;
        margin: 0 auto
    }
    .how_it_works .row {
        gap: 20px;
    }
    
    .explanation_section .row{
        flex-direction: column-reverse;
    }
    .explanation_section .left_col{
        margin-top: 50px;
    }
    .explanation_section .left_col .img_col{
        width: 90%;
        margin: 0 auto;
    }
    #profileModal .modal-dialog {
        max-width: 625px;
    }
    .side_msgs_list .single_chat_box {
        flex-wrap: wrap;
    }
    .chat_section .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
        color: white;
        background-color: var(--clr-34A364);
        font-weight: bold;
    }
    .chat_section .nav-pills .nav-item{
        width: 100%;
    }
    .chat_section .nav-pills .nav-item .nav-link{
        width: 100%;
    }
    .chat_section .nav-pills .nav-item .nav-link:not(.active){
        border: 2px solid var(--clr-34A364);
    }
    .chat_section .nav-pills{
        gap: 10px;
    }
    .message_list_box::-webkit-scrollbar {
        display: none;
    }
    .side_msgs_list::-webkit-scrollbar {
        display: none;
    }

    /**/
    /*.discover_artist .search_input form {*/
         /*display: block;*/
         /*box-shadow: unset;*/
         /*background-color: unset;*/
    /*}*/
    /*.discover_artist .search_input .dropdown_wrapper {*/
        /*margin: 0 0 10px 0;*/
        /*background-color: #f6f6f6;*/
    /*}*/
    /*.discover_artist .search_input #inputString {*/
        /*background-color: #f6f6f6;*/

    /*}*/
    /*.discover_artist .search_input button {*/
        /*position: absolute;*/
        /*right: 5px;*/
        /*top: 75px;*/
        /*background: #0151fe;*/
    /*}*/
    /*.popular_artist .search_input {*/
        /*width: 60%;*/
    /*}*/

    .audio_sec.videos_gallery_sec .title_artist_wrapper .music_title h6 {
        font-size: 18px;
    }
    .videos_gallery_sec .title_artist_wrapper p, .videos_gallery_sec .title_artist_wrapper span {
        font-size: 14px;
    }
    .audio_sec .popular_musics {
        max-width: 80%;
    }
}


/* ================ 768 ================ */
@media(max-width:768px){

     .navigation_bar .navbar {
        padding: 20px 0px;
        justify-content: space-between;
        display: flex;
        flex-wrap: nowrap;
    }

    header .navbar-brand img
    {
        padding: 5px;
    }



/*#navbarSupportedContent {*/
    /*position: absolute;*/
    /*top: 90px;*/
    /*z-index: 2;*/
    /*left: 0px;*/
    /*width: 100%;*/
    /*background-color: white;*/
    /*border-radius: 5px;*/
    /*!*background-color: #f6f6f6;*!*/
    /*box-shadow: 0px 5px 15px #add8e633;*/
    /*transition: 0.5s all;*/
/*}*/

.featured_event_sec .featured_event_cat_wrapper p, span, a {
    font-size: 12px;
}
    header .navbar-light .navbar-nav .nav-link {
        color: rgba(0,0,0,.55);
        font-size: 15px !important;
    }
    .featured_event_sec .inner_section_event_card .event_image {
        width: 100%;
        height: 80%;
        overflow: hidden;
        border-radius: 12px;
        margin-bottom: 15px;
        margin-top: 20px;
        position: relative;
    }
    .featured_event_sec .inner_section_event_card {
        margin-top: 70px;
    }
    #footer .inner_section_footer_col {
        text-align: center;
    }
    .at-stadium-sec .filter_search_wrapper .check_wrapper {
        display: flex;
        justify-content: center;
        gap: 30px;
        position: unset;
        margin: 20px auto;
        height: fit-content;
    }
    .at-stadium-sec .filter_search_wrapper input.input_search_two {
         padding-right: unset;
    }
    .featured_event_sec .inner_section_event_card .event_image {
        height: 200px;
    }

    /*.upcoming_event_list .single_upcoming_event_row .block1 {*/
    /*    display: block;*/
    /*    margin: 0 0 10px 0;*/
    /*}*/

    /*.upcoming_event_list .single_upcoming_event_row .block2 {*/
        /* flex-direction: column; */
        /* justify-content: center; */
        /*margin: 5px 0 15px 0;*/
    /*}*/

    /*.upcoming_event_list .single_upcoming_event_row .block3 {*/
    /*    flex: 3;*/
    /*    display: flex;*/
    /*    justify-content: unset;*/
    /*    align-items: unset;*/
    /*    padding: 5px;*/
    /*}*/

    .upcoming_event_list .single_upcoming_event_row .block1 {gap: 10px;}

    .upcoming_event_list .single_upcoming_event_row {gap: 15px;}

    .upcoming_event_list .single_upcoming_event_row .user_image {
        width: 100%;
        height: 80px;
        /*border-radius: 10px;*/
        /*overflow: hidden;*/
        /*margin-bottom:20px;*/
        /*flex-shrink: 0;*/
        flex: 1;
    }

}

@media screen and (max-width: 767px) {
    .home_hero h1 {font-size: 40px;}
}

/* ================ 600 ================ */
@media(max-width:600px){
    .responsive_white_btn_block {
        flex-wrap: wrap;
    }
    .navbar-brand {
        width: 75%;
    }
    .explanation_section .left_col .img_col {
        width: 100%;
        padding: 0 !important;
    }
    .hero_img {
        width: 100%;
    }
    .brand_icon object.brand_icon_svg {
        width: 100%;
        height: 100%;
    }
    .brand_icon {
        width: 80%;
        margin: 0 auto
    }
    .profile_photo {
        width: 30%;
    }
    #profileModal .modal-dialog {
        max-width: 520px;
    }
    .side_msgs_list .single_chat_box {
        justify-content: center;
        text-align: center;
    }
    .how_it_works .brand_icon {
        width: 18%;
    }
    .explanation_section .brand_icon {
        width: 14%;
        margin-left: 0;
    }
    #footer
    {
        padding: 50px 0;
    }
    .swiper-button-next, .swiper-button-prev
    {
        display: none;
    }
    .venue_detail .page_banner .bottom_para {
        position: unset;
        /*bottom: 30px;*/
        /*color: white;*/
    }
    .gallery_swiper .swiper-slide {
        height: 350px;
    }
    .featured_event_sec .tab-main-box .col-md-3.blogBox {width: 50%;}
    .featured_event_sec .inner_section_event_card .event_title h6 {font-size: 18px;}
    .featured_event_sec .inner_section_event_card .event_date_time p {font-size: 12px;}
    .featured_event_sec .inner_section_event_card .event_location span {font-size: 10px;}
    .featured_event_sec .inner_section_event_card .event_image {margin: 0 0 8px 0;}
    .featured_event_sec .inner_section_event_card {margin-top: 40px;}
    /*.upcoming_event_list .single_upcoming_event_row {width: 48%;}*/
    .upcoming_event_list .single_upcoming_event_row .user_image {margin-bottom: 7px;}
    .upcoming_event_list .single_upcoming_event_row .block2 {margin-bottom: 4px;}
    /*.upcoming_events .upcoming_event_list {display: flex;flex-wrap: wrap;gap: 4%;}*/
    .button_div {width: 100%;}
    .hero_section.home_hero {padding-bottom: 0;}
    .upcoming_event_list .single_upcoming_event_row .block3 .event_btns_sections a {padding: 10px;}
    .upcoming_event_list .single_upcoming_event_row .block3 {flex: 2;}
}

/* ================ 540 ================ */
@media screen and (max-width: 540px){
    .hero_content .right_col{
        margin-top: 50px
    }
    .how_it_works {
        margin-top: -40px;
    }
    .single_user_row {
        flex-wrap: wrap;
    }
    .single_user_row .connect_btn{
        flex-basis: 100%;
    }
    .single_user_row .connect_btn a{
        display: block;
        text-align: center;
    }
    .my_connection_list{
        padding: 0;
    }
    .chat_section .nav-pills .nav-item .nav-link{
        font-size: 14px !important;
    }
    .chat-body .answer .text {
        font-size: 12px;
    }
    input.write-message::placeholder {
        font-size: 14px;
    }
    .brand_logo {
        padding: 0;
        margin-top: 40px !important;
        margin-bottom: 20px !important;
        width: 80% !important;
    }
    .f-col2 {
        margin-top: 30px;
    }

    /**/
    .hero_swiper .inner_section_slide {border-radius: 20px;}

    .newsletter_form .txt_field {
        max-width: 80%;
    }
    .featured_event_sec .featured_event_cat_wrapper .custom-dropdown {
        width: 160px;
    }
    .featured_event_sec.featured_events_inline_search .featured_event_cat_wrapper .category_slider {
        flex: 5;
    }

    /*.featured_event_sec .featured_event_cat_wrapper p, span, a {*/
        /*font-size: 12px;*/
    /*}*/
    }
/* ================ 480 ================ */
@media(max-width:480px){
    :root {
        --fs-70: 48px;
    }
    .chat_section .nav-pills .nav-item .nav-link {
        font-size: 12px !important;
    }
    input.write-message::placeholder {
        font-size: 12px;
        text-indent: 30px;
    }
    .chat-body .chat_btns {
        font-size: 12px;
        padding: 5px 15px;
    }

    /**/
    .at-stadium-sec .filter_search_wrapper .check_wrapper .custom_checkbox label {
        margin-left: 0px;
        color: #a7a7a7;
        font-size: 12px;
        vertical-align: text-bottom;
    }
    .featured_event_sec .swiper .swiper-wrapper .swiper-slide li a {
        font-size: 12px;
    }
    .featured_event_sec .featured_event_cat_wrapper .location_dropdown .dropdown_location select, .featured_event_sec .featured_event_cat_wrapper .date_dropdown .dropdown_location .dateRangeName {
        font-size: 18px;
    }
    .event_detail_banner .avatar {
        width: 100px;
        height: 100px;
        right: 4%;
        bottom: -8%;
    }
    .audio_sec .popular_musics {
        max-width: 100%;
    }
    .gallery_swiper .swiper-slide {
        height: 300px;
    }
    .featured_event_sec .featured_event_cat_wrapper .custom-dropdown {
        width: 110px;
    }

    .home_hero h1 {font-size: 35px;}
    .home_hero h1 + p {font-size: 18px !important;}

    .upcoming_event_list .single_upcoming_event_row {position: relative;}
    .upcoming_event_list .single_upcoming_event_row .block3 { position: absolute; width: 100%; height: 100%; display: block; top: 0; left: 0; }
    .upcoming_event_list .single_upcoming_event_row .block3 * { width: 100%; height: 100%; display: block; }
    .upcoming_event_list .single_upcoming_event_row .block3 a {font-size: 0; background-color: unset !important;}

}

/* ================ 425 ================ */
@media screen and (max-width: 425px){
    :root{
        --fs-50: 46px;
        --fs-70: 42px;
        --fs-58: 48px;
    }
    .how_it_works .col-md-4 {
        width: 100%;
    }
    .single_white_btn p {
        font-size: 16px;
    }
    .single_white_btn {
        padding: 15px 20px;
    }
    .single_user_row{
        flex-direction: column;
    }
    .single_user_row .connect_btn{
        margin-left: 0 !important;
    }
    .single_user_row .user_info{
        text-align: center;
    }
    .chat_section .row .col-md-3 {
        width: 100%;
    }
    .col-md-3.right_col {
        margin-top: 50px;
    }
    .how_it_works .brand_icon {
        width: 22%;
    }
    .explanation_section .brand_icon {
        width: 18%;
        margin-left: 0;
    }

    /**/
    /*body .home_hero.hero_section h1 {*/
    /*    font-size: 50px;*/
    /*}*/

    .home_hero .hero_swiper.swiper .swiper-pagination {bottom: 0px;}

    .discover_artist .search_input button {
        position: absolute;
        right: 5px;
        top: 65px;
        background: #0151fe;
        height: 40px !important;
    }

    .discover_artist .search_input .dropdown_wrapper select
    {
        height: 50px !important;
    }
    .discover_artist .search_input #inputString {
        background-color: #f6f6f6;
        height: 50px !important;
    }
.event_detail_banner .card_info {
    gap: 10px;
    padding-top: 30px;
}
    .featured_event_sec .featured_event_cat_wrapper .custom-dropdown {
        width: 75px;
    }
    .venue_detail .packages_col .packages_box {
        display: block;
    }
    .venue_detail .packages_box .package_buy {
        margin-top: 20px;
    }
    #social-links ul {
        left: 15px;
        top: 0px;
    }
    .swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: unset;
    }
    .single_upcoming_event_row .event_btns_sections a.green_bg_clr {
        padding: 8px 15px;
    }

    .upcoming_event_list .single_upcoming_event_row .block2 .event_details p {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .upcoming_event_list .single_upcoming_event_row .event_date_time .event_date p {
        font-size: 14px;
    }

    .upcoming_event_list .single_upcoming_event_row .block2 .event_title h6 {
        font-size: 16px;
    }
}

/* ================ 375 ================ */
@media screen and (max-width: 375px){
    :root {
        --fs-50: 36px;
        --fs-70: 34px;
    }
    .profile_photo {
        width: 60%;
    }
    .chat-body .answer.right {
        padding: 0 30px 0 0;
    }
    .chat-body .answer.left {
        padding: 0 0px 0 30px;
    }
    .single_white_btn p {
        font-size: 14px;
    }

    .subscription .newsletter_form .txt_field input[type='button']
    {
        margin: 20px 0;
        position: unset;
        height: unset;
    }
    .newsletter_form .txt_field .email_field {
        height: 45px;
        padding: 10px;
        font-size: 18px;
    }
    /**/
    .popular_artist .search_input {
        width: 80%;
    }
    .at-stadium-sec .search_input button {
        height: 50px;
    }
    .gallery_swiper .swiper-slide {
        height: 200px;
    }
    .featured_event_sec .featured_event_cat_wrapper .category_slider {
        flex: 3;
    }
    .featured_event_sec .featured_event_cat_wrapper .dropdown-header
    {
        font-size: 20px;
    }
    #social-links ul {
        left: 15px;
        top: -20px;
    }
    /*.at-stadium-sec .filter_search_wrapper input.input_search_two {*/
        /*padding-right: 232px;*/
        /*font-size: 14px;*/
    /*}*/
    .upcoming_event_list .single_upcoming_event_row .user_image {
        height: 125px;
    }
    .single_upcoming_event_row .event_btns_sections a.green_bg_clr {
        padding: 7px
        12px;
    }
    .upcoming_event_list .single_upcoming_event_row .block2 .event_title h6 {
        font-size: 14px;
    }

    .home_hero h1 {font-size: 30px;}

    .upcoming_event_list .single_upcoming_event_row .user_image {height: 60px;}

}
/* ================ 320 ================ */
@media(max-width:320px){
    .featured_event_sec .inner_section_event_card .event_image {
        height: 160px;
    }
}

/*!* ================ 320 ================ *!*/
/*@media(max-width:320px){*/

    /*:root {*/
        /*--fs-50: 34px;*/
        /*--fs-70: 32px;*/
    /*}*/
    /*.container{*/
        /*padding: 0 !important;*/
    /*}*/
    /*.photo_container {*/
        /*width: auto;*/
        /*flex-wrap: wrap;*/
    /*}*/
    /*.single_white_btn p .forward_arrow {*/
        /*margin-left: 35px;*/
    /*}*/
/*}*/