@media only screen and (max-width: 1700px) {
    .main-content-profile .musician-card .profile-date strong {
        font-size: 16px;
    }
    
    .musician-card h4 {
        font-size: 24px;
    }
    
    .musician-card p {
        font-size: 17px;
    }
    
    .musician-card .profile-pic {
        width: 120px;
        height: 120px;
    }
    
    .main-content-profile .musician-card .expri-details h5 {
        font-size: 16px;
    }
    
    .main-content-profile .musician-card .expri-details span {
        font-size: 14px;
    }
    
    .main-content-profile .main-mid h4 {
        font-size: 20px;
    }
    
    .main-content-profile .accordion-button {
        font-size: 18px;
    }
    .musician-card .btn {
    width: 100%;
    }
    
    .musicians-common-sec h2 {
        font-size: 40px;
        margin-bottom: 30px;
    }
    
    .popular-card h5 {
        font-size: 22px;
    }
    
    .popular-card p {
        font-size: 15px;
    }
    
    .popular-card a.btn {
        font-size: 18px;
    }
    .footer-main ul li a {
    font-size: 14px;
    }
    .events-main-sec p {
    font-size: 14px;
    }
    
    .events-main-sec h2 {
        font-size: 40px;
    }
    .login-container {
        width: 530px;
    }

    .musicians-list.main-left ul li a {
        font-size: 18px;
    }
    
    .musicians-list.main-left ul li {
        margin-bottom: 30px !important;
    }
    
    .musicians-list.main-left ul li:before {
        bottom: -18px;
        height: 8px;
        width: 8px;
    }
    
    .main-right ul li::before {
        bottom: -18px;
        height: 8px;
        width: 8px;
    }
    
    .main-right ul li {
        margin-bottom: 30px;
    }
    
    .main-right ul li a {
        font-size: 18px;
    }
    
    ul.showAllMusicianNames, ul.showAllDirectoriesNames {
        height: 440px;
    }
    
    .search-filter .filter-mid ul li a {
        font-size: 16px;
    }
    
    .search-filter .filter-mid ul {
        width: 120%;
    }
    div#navbarNav {
        padding: 40px 50px 0 12em;
    }
    div.upcommingEventsBox div.card-iner a img {
        height: 265px;
    }
}

@media only screen and (max-width: 1300px) {
    .profile-top-bar .social-handles ul li a {
        font-size: 16px;
    }
    
    .left-col {
        padding-right: 0;
    }
    
    .profile-top-bar .status strong {
        font-size: 16px;
    }
    
    .main-content-profile .profile-custom-card {
        height: 200px !important;!i;!;
    }
    
    .play-button i {
        width: 60px;
        height: 60px;
        font-size: 35px;
    }
    
    .musician-card {
        padding: 60px 20px 20px 20px;
    }
    
    .main-content-profile .musician-card .profile-date strong {
        font-size: 14px;
    }
    
    .musician-card .profile-pic {
        width: 100px;
        height: 100px;
    }
    .home-page-nav {
        height: 90px;
    }
    .browserPageTopMusicians img {
        height: 180px;
        object-position: top;
    }
    .videos-search-filter .col-md-8 {
        width: 100% !important;
    }
    .musician-card .status {
    font-size: 16px;
    }
    
    .musician-card h4 {
        font-size: 22px;
    }
    
    .musician-card p {
        font-size: 16px;
    }
    
    .browsePage {
    }
    
    .browsePage .col-md-7 {
        width: 100%;
        margin-bottom: 20px;
    }
    
    .browsePage .col-md-5 {
        width: 100%;
    }
    
    .musician-card h5 {
        font-size: 17px;
    }
    
    .musician-card p {
        font-size: 14px;
    }
    .video-footer h3 {
        font-size: 20px;
    }
    
    .videos-section .card-title {
        font-size: 15px;
        font-weight: 400;
        padding-right: 0;
        display: -webkit-box; /* Flex container for webkit browsers */
        -webkit-box-orient: vertical; /* Set the orientation to vertical */
        overflow: hidden; /* Prevents overflow */
        -webkit-line-clamp: 2; /* Limits to 2 lines */
        position: relative; /* To position the line */
        margin-bottom: 10px;
    }
    
    div.videoComments ul li p.comment {
        font-weight: 300;
    }
    .main-content-events .search-filter ul {display: flex;flex-wrap: wrap;}

    .main-content-events .search-filter ul li {
        margin-bottom: 15px;
    }
    .event-card img {
    width: 100%;
    margin: 0;
    }
    
    .event-details {
        width: 100%;
        margin: 20px 10px;
    }
    p.mid-hd {
    font-size: 22px;
    }
    button.navbar-toggler.collapsed {
    right: 50px !important;
    top: 2px !important;
    }
    button.navbar-toggler {
    top: 2px;
    right: 50px !important;
}
    ul.showAllMusicianNames, ul.showAllDirectoriesNames {
    height: 340px;
    overflow-x: hidden;
    }
    
    .musicians-list.main-left ul {
        padding-bottom: 0;
    }
    
    .directory-section {
        padding-bottom: 40px;
    }
    
    .home-common-sec h3 {
        font-size: 18px;
    }
    h1.navbar-text {
        font-size: 45px;
    }
    
    .navbar-brand img {
        height: 100px;
    }
    
    .top-nav {
        height: 9vh;
    }
    
    .navbar-brand {
        margin-bottom: -38px;
    }
    
    .main-content {
        height: 83vh;
    }
    
    .hero-section h2 {
        font-size: 22px;
    }
    
    .hero-section .intro-text .intro-img {
        height: auto;
    }
    
    .hero-section .row:before {
        left: 0;
        right: 0;
        top: -30px;
        bottom: 40px;
        border-radius: 20px;
    }
    
    .hero-section {
        margin-top: 90px;
    }
    
    .footer-custom p {
        font-size: 16px;
    }
    
    .footer-custom a {
        font-size: 16px;
    }
    .account-section .form-container.col-md-8 {
        width: 100%;
    }
    .form-contr-profile-info .left-col {
        width: 100%;
        margin-bottom: 30px;
    }
    
    .form-contr-profile-info .right-col {
        width: 100%;
    }
    
    .main-content.account-pages {
        height: auto;
        padding: 50px 0;
    }
    
    footer.footer-custom {
        position: relative;
        background: #000;
        padding: 20px 0;
    }    
    .form-contr-category .left-col ul li a {
        font-size: 26px;
    }
    
    .form-contr-category h2 {
        font-size: 28px;
    }
    
    .form-contr-category .right-col {
        padding-left: 0 !important;
    }
    .search-filter .filter-mid ul li a {
        padding: 0 6px;
    }
    .search-filter .filter-mid ul {
    width: 130%;
    }
    .search-filter .container-fluid {
        padding: 0 10px;
    }
    
    .search-filter .filter-mid ul li a {
        font-size: 16px;
    }
    
    .search-filter .filter-mid ul {
        position: relative;
        left: 30px;
    }
    .search-filter .filter-right a {
        font-size: 20px;
    }
    
    .search-filter .filter-left select {
        font-size: 16px;
    }
    .secondry-hd {
        font-size: 16px;
    }
    
    .musicians-list.main-left ul li a {
        font-size: 16px;
    }
    
    .main-right ul li a {
        font-size: 16px;
    }
    
    .footer-main ul li a {
        font-size: 15px;
    }
    
    .footer-main .left-col {
        padding-right: 10px;
        width: 50%;
    }
    
    .footer-main .right-col {
        padding-left: 10px !important;
        width: 50%;
    }
    
    .footer-main .mid-col {
        width: 50%;
    }
    h1.navbar-text {
        font-size: 32px;
    }
    div#navbarNav {
        padding: 35px 50px 0;
    }
    .main-content-home,.main-content-directory{
       background-image: url(../images/main/mobileBackdrop.jpg);
    }
    .homePageTop .mid-hd {
        font-size: 19px;
    }
    div.upcommingEventsBox div.card-iner a img {
        height: 265px;
    }
    
    div.upcommingEventsBox div.card-iner a img {
        height: 200px;
    }
    
    .home-common-sec .col-5 {flex: unset;max-width: 25%;margin-bottom: 20px;}
    
    div.upcommingEventsBox div.card-iner a {
        display: block;
    }
    div.upcommingEventsBox div.card-iner a .event-details {
        display: none;
    }
}

@media only screen and (max-width: 991px) {
    .videos-search-filter ul li {
        margin-bottom: 10px !important;
    }
    .home-page-nav {
        height: 50px;
    }
    .expri-details .details-left {
        width: 100%;
    }
    
    .expri-details {
        display: block;
    }
    
    .expri-details .details-right {
        width: 100%;
        margin-top: 10px;
    }
    
    .musician-card h4 {
        font-size: 20px;
    }
    
    .musician-card .profile-pic {
        width: 70px;
        height: 70px;
    }
    
    .profile-top-bar .social-handles ul li {
        margin: 0 8px;
    }
    
    .profile-top-bar .social-handles ul li a {
        font-size: 14px;
    }
    
    .main-content-profile .main-mid h4 {
        font-size: 16px;
    }
    .browserPageTopMusicians img {
    height: 150px;
    }
    
    .popular-card h5 {
        font-size: 17px;
    }
    
    .popular-card p {
        font-size: 12px;
    }
    
    .popular-card a.btn {
        font-size: 12px;
    }
    .musician-card .profile-pic {
    width: 90px;
    height: 90px;
    }
    
    .musician-card {
        max-width: 80%;
    }
    .videos-search-filter ul li {
    margin-bottom: 0;
    }
    
    .videos-section .custom-card a.img {margin-right: 20px;
        
    }
    .video-footer {
    flex-wrap: wrap;
    }
    .video-footer .video-actions {
        justify-content: flex-start;
        margin-top: 20px;
    }
    .videos-section .custom-card img {
        border-radius: 5px;
    }
    
    .video-footer h3 {
        font-size: 17px;
    }
    .events-main-sec h2 {
    font-size: 30px;
    }
    
    .event-details {
        margin: 20px 0;
    }
    
    .event-card img {
        min-height: 150px !important;
    }
    .search-filter .filter-mid ul li a {
    font-size: 14px;
    padding: 5px;
    }
    
    .search-filter .filter-mid ul {
        background: transparent;
        left: 5px;
    }
    div#navbarNav {
        position: absolute;
        left: 0;
        right: 0;
        z-index: 99999;
        top: 0px;
        bottom: auto;
        background: #000;
        padding: 70px 40px;
    }
    
    .header-btns {
        margin-top: 30px;
        text-align: center;
    }
    
    .navbar-nav .nav-link {
        text-align: center;
    }
    
    button.navbar-toggler.collapsed {
        background: #ffffff;
        padding: 5px 5px;
        position: absolute;
        margin-bottom: -150px;
        right: 55px;
        left: auto;
    }
    
    .hero-section {
        margin-top: 140px;
    }
    
    .social-media {
        margin-top: 70px;
    }
    
    .footer-custom .col-md-4:first-child {
        display: none;
    }
    
    .footer-custom .col-md-4 {
        width: 50%;
    }
    
    .footer-custom p {
        text-align: left;
    }
    
    h1.navbar-text {
        font-size: 34px;
    }
    
    button.navbar-toggler {
        background: #ffffff;
        padding: 5px 5px;
        position: absolute;
        margin-bottom: -150px;
        right: 55px;
        left: auto;
        z-index:999999;
    }
    
    .hero-section h2 {
        padding-top: 20px;
    }
    .left-col {
        padding-right: 10px;
    }
    
    .right-col {
        padding-left: 10px !important;
    }
    .form-contr-category .right-col ul li {
        flex: 100%;
        width: 100%;
    }
    
    .form-contr-category h2 {
        font-size: 24px;
    }
    .home-common-sec .col-5 {
        max-width: 33%;
        flex: unset;
        padding: 0px;
        padding-right: 10px;
        margin-bottom: 20px;
    }
    div.main-right.homePageDirectotyPageMenu {
        display: block;
    }
    .main-content-home,.main-content-directory{
            background-image: url(../images/main/mobileBackdrop.jpg);
    }
    .homePageTop p.mid-hd {
        font-size: 16px;
    }
    .homePageTop p.mid-hd br {
        display: none;
    }
    .main-right ul {
        padding: 20px 0;
    }
    .main-right ul li {
        margin-bottom: 20px;
    }
    .main-right ul li a {
        font-size: 14px;
    }
    .main-right ul li::before {
        bottom: -15px;
        height: 6px;
        width: 6px;
    }
    .top-nav {
        height: unset;
    }
    div.upcommingEventsBox div.card-iner a {
        display: block;
    }
    
    div.upcommingEventsBox div.card-iner a .event-details {
        display: none;
    }

}
@media (min-width:801px) and (max-width:991px){

    div.main-right.homePageDirectotyPageMenu {
        display: block !important;
    }
    .main-content-directory .col-md-3,.main-content-directory .col-md-6 {
        display: block;
        width: 85%;
        text-align: left;
    }
    
    .main-content-directory .col-md-6 .filter-mid ul {
        justify-content: flex-start;
        padding-left: 0px;
        margin-left: 0px;
    }
    .main-content-musician .col-md-3 {
        flex: unset;
        width: 85%;
    }
    
    .browserPageTopMusicians .col-md-3 {
        flex: unset;
        width: 33%;
    }
    
    .browserPageTopMusicians .col-md-3 .popular-card.text-center {
        border-radius: 12px 12px 0 0;
    }
    
    .browserPageTopMusicians .col-md-3 .popular-card.text-center img {
        height: 200px;
    }
    
    .browserPageTopMusicians .col-md-3 .popular-card.text-center p {
        width: 95%;
    }
    
    .browserPageTopMusicians .col-md-3 .popular-card.text-center a.btn.d-block {
        margin-bottom: 0px;
    }
    
    .main-left.musicians-list.directotyPageMenu {
        display: block !important;
    }
    .main-right.directotyPageMenu1 {
        display: block !important;
    }
}
@media (max-width:800px){
   .homePageTop .col-md-2 {
        display: none;
    }
    .homePageTop p.mid-hd {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 30px;
        padding-top: 30px;
    }
    .homePageTop .col-md-8+.col-md-2 {
        display: block;
    }
    .homePageTop h5.secondry-hd {
        margin-bottom: 20px;
        margin-top: 25px;
        text-align: left;
        display: flex;
        justify-content: space-between;
    }
    .homePageTop h5.secondry-hd label.menu.homePageDirectotyPageToggle {
        display: inline-block !important;
    }
    .homePageTop  .main-right.homePageDirectotyPageMenu {
        display: none;
    }
    .main-right ul {
        padding: 15px 0;
    }
    .main-right ul li {
        margin-bottom: 30px;
    }
    .main-right ul li::before {
        bottom: -20px;
    }
    .home-common-sec {
        padding: 15px 0 0px;
    }
    .home-common-sec h3 {
        font-size: 16px;
        padding: 10px 20px;
    }
    .home-common-sec .col-5 {
        flex: unset;
        display: inline-block;
        max-width: 50%;
        width: 100%;
        padding: 0px 0px;
        padding-right: 12px;
        padding-bottom: 15px;
        vertical-align: top;
    }
    .home-common-sec .card-iner img {
        height: 100%;
    }
    .home-common-sec .upcommingEventsBox .col-5 {
        max-width: 100%;
        padding: 0px;
        margin-bottom: 20px;
    }
    div.upcommingEventsBox div.card-iner a img {
        height: unset;
    }
    .footer-main .left-col ul {
        display: block;
        list-style-type: none;
    }
    .footer-main .row {
        display: block !important;
    }
    .footer-main .row .col-md-4 {
        width: 100%;
        text-align: center;
        padding: 0px 0px 20px;
    }
    .footer-main .left-col ul li {
        width: 100%;
    }
    .footer-main .right-col ul {
        display: block;
        list-style-type: none;
    }
    .footer-main .right-col ul li {
        width: 100%;
    }
    .welcom-area {
        padding: 15px 0 5px;
    }
    .welcom-area .container-fluid {
        padding: 0 10px;
    }
    .welcom-area p {
        font-size: 16px;
        line-height: 20px;
    }
    .footer-main .right-col ul li:last-child {
        margin-bottom: 0px;
    }
    .footer-main .row .col-md-4:last-child {
        padding-bottom: 0px;
    } 
    label.menu i {
        font-size: 20px;
    }
    label.menu i.fa.fa-times {
        display: none;
        color: red;
    }
    label.menu i.fa.fa-bars {
        display: block;
    }
    label.menu.open i.fa.fa-times {
        display: block;
    }
    label.menu.open i.fa.fa-bars {
        display: none;
    }
    .main-content-home,.main-content-directory{
        background-image: url(../images/main/mobileBackdrop.jpg);
    }
    nav.top-nav {
        /* height: unset; */
    }
    nav.top-nav h1.navbar-text {
        display: none;
    }
    .navbar .top-header {
        background-size: 70% 60%;
    }
    button.navbar-toggler {
        margin: 0px;
        right: 50px !important;
        top: 2px;
    }
    .navbar-toggler-icon {
        width: 1.2em;
        height: 1.2em;
    }
    div#navbarNav {
        padding: 4px 0px 15px !important;
        top: -5px !important;
    }
    div#navbarNav .header-btns {
        margin-top: 10px;
    }
    .navbar-nav .nav-link {
        font-size: 16px;
        padding: 8px 0px;
    }
    .btn-login, .btn-join {
        font-size: 14px;
    }
    .navbar-toggler[aria-expanded="false"] .navbar-toggler-icon {
        background-image: var(--bs-navbar-toggler-icon-bg);
    }
    .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath d='M5 5 L25 25 M25 5 L5 25' stroke='rgba%2833, 37, 41, 0.75%29' stroke-width='2' stroke-linecap='round'/%3e%3c/svg%3e");
    }
    div.upcommingEventsBox div.card-iner a .event-details {
        display: none;
    }
    ul.showAllMusicianNames, ul.showAllDirectoriesNames {
        overflow-y: visible;
        height: unset;
    }
    .directory-section h5.secondry-hd {
        display: flex;
        justify-content: space-between;
        margin-top: 25px;
    }
    .directory-section .directotyPageMenu1 {
        display: none;
    }
    .directory-section h5.secondry-hd label.menu {
        display: inline-block !important;
    }
    .directory-section .directotyPageMenu {
        display: none;
    }
    .main-content-directory input#search-btn {
        display: none;
        margin-bottom: 30px;
    }
    .main-content-directory img.ads-img {
        width: 94%;
        padding-top: 10px;
    }
    .main-content-directory img.businesscard-img {
        padding: 20px 0;
        width: 80%;
    }
    .main-content-directory .search-filter .filter-mid ul {
        display: block;
        left: 0px;
        margin: 15px 0px 15px;
    }
    .main-content-directory .search-filter .filter-mid ul li {
        display: inline-block;
    }
    .main-content-directory  .row.filtersDirectory,.main-content-musician .row.filtersDirectory {
        display: flex;
        padding-top: 20px;
        padding-bottom: 10px;
    }
    .main-content-directory .row.filtersDirectory .col-md-4,.main-content-musician .row.filtersDirectory .col-md-4 {
        width: 33%;
    }
    .musician-section h5.secondry-hd {
        margin-top: 20px;
        display: flex;
        justify-content: space-between;
    }

    .musician-section h5.secondry-hd label.menu {
        display: inline-block !important;
    }

    .musician-section .directotyPageMenu,.musician-section .directotyPageMenu1 {
        display: none;
    }

    ul.showAllMusicianNames.browsePage li img {
        width: 100%;
        max-width: 150px;
    }

    .musician-section .directotyPageMenu {
        margin-bottom: 30px;
    }

    .musician-section .col-md-8 {
        padding: 0px;
    }

    .musician-section .col-md-8 .main-mid.text-left {
        padding: 15px 0;
        border-radius: 12px;
    }

    .musician-section .col-md-8 .musician-card {
        max-width: 85%;
        padding: 20px;
    }

    .carousel-control-prev {
        left: 0px;
    }

    .musicians-common-sec h2 {
        font-size: 20px;
        margin-bottom: 20px;
    }

    section.musicians-common-sec.border-top {
        padding: 20px 0 20px;
    }

    .browserPageTopMusicians img {
        height: 100%;
        max-height: 200px;
        object-fit: contain;
    }

    .browserPageTopMusicians .popular-card.text-center {
        border-radius: 15px 15px 0 0;
        padding-bottom: 10px;
    }

    .popular-card h5 {
        font-size: 18px;
        padding: 10px 0px;
    }

    .popular-card p {
        width: 100%;
        font-size: 14px;
    }

    .popular-card a.btn {
        font-size: 14px;
        padding: 4px 20px;
        margin: 0px auto;
    }
    .carousel-control-next, .carousel-control-prev {
        width: 6%;
    }

    .carousel-item .d-flex.align-items-center.mb-3 {
        display: block !important;
    }

    .musician-card .profile-pic {
        width: 70px;
        height: 70px;
    }

    .musician-card h4 {
        font-size: 15px;
        margin-top: 10px;
    }

    .musician-card p {
        font-size: 12px;
    }

    .musician-card .status {
        right: 15px;
        font-size: 16px;
    }

    div.rating.browsePage ul.starRatings li.rateProfile {
        font-size: 16px;
    }

    .musician-card h5 {
        font-size: 16px;
    }

    .expri-details .details-left {
        width: 100%;
        padding-bottom: 15px;
    }

    .expri-details .details-right {
        width: 100%;
        padding-bottom: 15px;
    }

    .expri-details {
        display: block;
        margin-bottom: 0px;
    }

    #musicianCarousel .browsePage .col-md-7 {
        padding: 0px;
    }

    .musician-card .btn {
        top: 0px;
        font-size: 15px;
    }
    .home-common-sec .upcommingEventsBox .col-5 {
        max-width: 50%;
        padding-right: 10px;
    }
    
    div.homePageTop .col-md-8 {
        width: 100%;
    }
    
    div.homePageTop .col-md-2 {
        width: 100%;
    }
    .homePageTop h5.secondry-hd {
        font-size: 24px;
    }
    .main-right ul li a {
        font-size: 22px;
    }
    div.directory-section .col-md-2,div.directory-section .col-md-8 {
        display: block;
        flex: unset;
        width: 100%;
    }
    
    .main-content-directory .main-mid {
        margin-top: 20px;
    }
    
    .main-content-directory .col-md-3,.main-content-directory .col-md-6 {
        flex: unset;
        width: 85%;
    }
    
    .main-content-directory .search-filter .filter-mid ul {
        width: 100%;
        text-align: left;
    }
    
    .search-filter .filter-mid ul li a {
        font-size: 14px;
        padding: 4px;
    }
    .browserPageTopMusicians .col-md-3 {
        flex: unset;
        width: 50%;
        padding: 0px;
        padding-right: 10px;
    }
    
    .browserPageTopMusicians .popular-card.text-center {
        margin-bottom: 20px;
    }
    
    .browserPageTopMusicians .popular-card h5 {
        font-size: 16px;
    }
    
    .browserPageTopMusicians .popular-card p {
        font-size: 14px;
        padding: 0px 6px;
        margin-bottom: 6px;
    }
    
    .browserPageTopMusicians .popular-card a.btn {
        font-size: 14px;
        padding: 2px 16px;
    }
    
    .main-content-musician .col-md-3 {
        flex: unset;
        width: 80%;
    }
    
    .musician-section .col-md-2,.musician-section .col-md-8 {
        flex: unset;
        width: 100%;
    }
    
    .musician-section {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}
@media only screen and (max-width: 767px) {
    div.accordion-body div.detail ul li.events {
        width: 100%;
    }
    .expri-details .details-right {
        padding-bottom: 0;
    }
    
    .musician-card .profile-pic {
        width: 100px;
        height: 100px;
        margin-bottom: 10px;
    }
    
    .musician-card h4 {
        font-size: 22px;
    }
    
    .musician-card p {
        font-size: 16px;
    }
    
    .main-content-profile .musician-card .expri-details {
        display: flex;
    }
    
    .main-content-profile .main-mid h4 {
        margin-bottom: 15px;
        margin-top: 15px;
    }
    div.accordion-body div.detail ul li.video video {
        border-radius: 10px;
    }
    
    div.accordion-body div.detail ul li.video h3 {
        font-size: 14px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -webkit-line-clamp: 2;
        position: relative;
    }
    .profile-top-bar {
        display: block;
        padding-top: 20px;
        margin-bottom: 20px;
    }
    
    .right-col.colFarouriteProfile {
        justify-content: flex-end;
        padding-top: 10px;
    }
    
    .profile-top-bar .social-handles ul li {
        margin: 0 10px;
    }
    .audio-player {
        margin-bottom: 40px;
    }
    .videos-section .main-right {
        margin-top: 40px;
    }
    nav.navbar {
    height: auto;
    }
    
    .main-content {
        height: auto;
    }
        h1.navbar-text {font-size: 31px;letter-spacing: -1px;line-height: 28px;}
    
    .hero-section .row:before {
        top: -20px;
    }
    
    .hero-section .intro-text {
        padding: 0 40px;
    }
    
    .social-media {
        margin-top: 0;
        justify-content: flex-end !important;
        z-index: 99;
        top: -35px;
        position: relative;
    }
    
    .social-media a img {
        width: 35px;
    }
    
    .btn-connect {
        padding: 9px 18px;
        margin-top: 15px;
        font-size: 16px;
    }
    
    button.navbar-toggler {
        margin-bottom: -100px;
    }
    
    .hero-section {
        margin-top: 110px;
    }
    .login-container {
        width: 450px;
    }
    
    .login-pages h2 {
        font-size: 30px;
    }
    
    p {
        font-size: 16px;
    }
    
    .login-container form {
        padding: 60px 70px;
    }
    .account-pages form .row .row .col-md-6 {
        width: 50%;
    }
    
    .main-content.account-pages {
        height: auto;
        padding: 60px 0;
    }
    
    .footer-custom {
        height: auto;
        position: relative;
        background: #000;
        padding: 20px 0;
    }
    
    .right-col {
        padding-left: 0 !important;
    }
    .left-col {
        padding-right: 0;
    }
    h2 {
        font-size: 30px;
    }
    .form-contr-payment-succs h2 {
        font-size: 30px;
    }
    
    .form-contr-payment-succs h2 br {
        display: none;
    }
    .home-common-sec .upcommingEventsBox .col-5 {
        max-width: 50%;
    }
    .home-common-sec .upcommingEventsBox .col-5 {
        padding-right: 10px;
    }
    .musician-section {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    
    .main-content-musician .col-md-3 {
        width: 85%;
    }
}
@media only screen and (max-width: 575px) {
    div.accordion-body div.detail ul li.events img {
        width: 100%;
    }
    
    div.accordion-body div.detail ul li.events .event-details {width: 100%;padding: 0 30px;}
    
    div.accordion-body div.detail ul li.events {
        display: block;
    }
    .main-content-profile .col-md-4 {
        padding: 0;
    }
    
    .main-content-profile .col-md-8 {
        padding: 0;
    }
    .main-video {
    margin-top: 30px;
    }
    
    .video-footer .video-actions {
        width: 100%;
    }
    
    div.videoComments ul li {
        padding: 20px 15px;
        border: 1px solid #4d7a82 !important;
        margin-bottom: 10px;
    }
    
    div.videoComments {
        border: 0;
    }
    .profile-top-bar .social-handles ul {
        flex-wrap: wrap;
    }
    
    .main-content-profile .musician-card .expri-details {
        display: block;
    }
    
    div.accordion-body div.detail ul li.video {
        width: 100%;
        margin-right: 0;
    }
    
    div.accordion-body div.detail ul li.image {
        width: 100%;
        margin-right: 0;
    }
    .main-content-profile .accordion-item audio {
        width: 100%;
    }
    button.navbar-toggler {
        right: 30px !important;
    }
    
    button.navbar-toggler.collapsed {
        right: 30px !important;
    }
    .navbar .top-header {
        padding: 0 20px;
        padding-top: 10px;
    }
    
    .navbar-brand img {
        height: 80px;
    }
    
    .navbar-brand {
        margin-bottom: -31px;
    }
    
    h1.navbar-text {
        font-size: 18px;
        line-height: 20px;
    }
    
    .top-nav {
        height: 7vh;
    }
    
    .main-content {
        height: 93vh;
    }
    
    .social-media {
        top: auto;
        justify-content: center !important;
    }
    
    .hero-connect .col-md-12 {
        justify-content: center;
        margin-bottom: 30px;
    }
    
    .footer-custom .col-md-4 {
        width: 100%;
    }
    
    .footer-custom .d-flex {
        display: block !important;
    }
    
    .footer-custom {
        height: auto;
    }
    
    .container-fluid {
        padding: 0 25px;
    }
    
    .footer-custom p {
        text-align: center;
    }
    
    button.navbar-toggler.collapsed {
        margin-bottom: -100px;
    }
    .login-container {
        width: 326px;
        border-radius: 40px;
    }
    
    .login-container form {
        padding: 0px 40px 60px;
    }
    
    .login-container form {
        background-image: none;
    }
    
    .login-container p {
        width: 90%;
    }
    
    .login-form-group .form-check {
        display: block !important;
    }
    
    p.createaccount {
        font-size: 16px;
    }
    .login-container form {
        padding: 0px 20px 60px;
    }
    h2 {
        font-size: 24px;
    }
    .account-pages form .row .row .col-md-6 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    }
    p br {
        display: none;
    }
    .account-section input.form-control, .account-section .form-select {
        margin-bottom: 12px;
    }
    
    .mb-3 {
        margin-bottom: 0 !important;
    }
    
    .form-contr-create-acount h3 {
        margin-bottom: 20px !important;
    }
    .form-contr-profile-info .left-col {
        padding: 20px 10px;
    }
    
    .right-col-inner {
        padding: 10px 20px;
    }
    .form-contr-category .left-col ul li a { 
        font-size: 20px;
    }
    .home-common-sec .col-5 {
        max-width: 100%;
    }
    .homePageTop .main-right.homePageDirectotyPageMenu {
        margin-bottom: 50px;
    }
    .home-common-sec .upcommingEventsBox .col-5 {
        padding-right: 0px;
        max-width: 100%;
    }
    .main-content-musician .col-md-3 {
        width: 85%;
    }
}