@media only screen and (max-width: 768px) {
    .title-about-em {
        margin-top: 20px;
    }
    .title-about-top{
        margin-top:20px;
    }
    .overlay-links {
        background-color: #940690b8;
        width: 255px;
        height: 0px;
        position: absolute !important;
        -moz-transition: height 1s ease;
        -webkit-transition: height 1s ease;
        -o-transition: height 1s ease;
        transition: height 1s ease;
    }
    .searchbar {
        width: 80% !important;
    }
    .media {
        display: block;
        width: 200px;
        height: 200px;
        margin: 0;
    }
    .navbar-space-rtl {
        padding-left: 2% !important;
        padding-right: 0% !important;
    }
    .album-space-rtl {
        padding: 0 20px !important;
    } 
    .single-news .title {
        font-size: 19px !important;
        font-weight: 700;
        color: #222;
        margin-bottom: 10px;
        text-align: center !important;
    }
    .tabs-mobile {
        margin: 0px 20px !important;
    }

    .album-r-l-padding{
        padding:20px 15px !important;
    }

    .mobile-wrap-flex-album{
        display:flex;
        flex-wrap:nowrap;
    }

    .artist-desc-mobile {
        margin: 0 15px !important;
        padding: 25px 25px 0px 25px !important;
    }
    .artsit-slider-background{
        height:100vh !important;
    }
    .album-padding-none{
        padding-top:0px !important;
    }
    .slider-info-mobile{
        top:24% !important;
    }
    .logo-pos-mobile {
        padding-left: 6.5% !important;
    }
    .latest-post-item {
        position: relative;
        padding: 0 20px 10px 0;
        background-color: #ffffff00;
        border-bottom: 1px solid rgba(102, 102, 102, 0.2);
        margin-bottom: -8px;
    }
    .widget-title:after {
        content: '';
        display: block;
        vertical-align: bottom;
        width: 60px;
        height: 1px;
        background: #000000 !important;
        margin-bottom: 10px;
        margin-top: 5px !important;
    }
    .widget-title {
        font-size: 21px;
        font-weight: 700;
        color: #000000 !important;
        font-family: "Gilroy-Medium", serif;
        margin-bottom: 30px;
        position: relative;
    }
    .contact-title {
        padding-bottom: 30px !important;
        line-height: 35px !important;
        text-align: center !important;
        letter-spacing: 3px;
    }
    .text-align-c{
        text-align:center !important;
    }
    .margin-contact{
        margin-top:20px !important;
    }
    .mobile-card-p-m {
        margin-top: 35px !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .search-icon.open {
        width: calc(45vw - 1em) !important;
        border-color: var(--icon-color);
        transition-delay: var(--transition-speed);
    }

    .margin-artis-body {
        margin-top: 35px !important;
    }
    .title-artist {
        font-size: 30px !important;
        text-align: center !important;
    }
    .d-block-mobile {
        display: block !important;
    }
    .paragraph-artist {
        text-align: center !important;
    }

    .margin-news {
        margin-top: 0px !important;
    }
    .spacer-0-mobile{
        height:0 !important;
    }
    .padding-contact-info {
        padding: 0 !important;
    }
    .btn-contact {
        width: 100% !important;
    }
    .album-body-left {
        top: 60px !important;
        padding: 0px 15px 0px 0px !important;
    }
    .albums-title-font {
        font-size: 18px !important;
        font-family: 'Gilroy-Medium' !important;
    }
    .padding-mobile-plus{
        padding-bottom:75px;
    }
    .title-artist {
        font-size: 25px !important;
        text-align: center !important;
        margin-top: 15px !important;
    }
    .h4-mobile-album {
        font-size: 22px !important;
        text-align: right !important;
    }
    .album-body-right {
        top: -11px !important;
        left: 10px;
        padding: 5px !important;
    }
    .album-col-right {
        right: 0 !important;
    }
    .album-wrap-home {
        width: 95% !important;
    }
    .album-container-home {
        padding-right: 5px !important;
        padding-left: 5px !important;
    }
    .img-card-m{
        height:100% !important;
    }

    .news-btn-m {
        position: relative;
        top: 36% !important;
        right: 0.5% !important;
    }
    .search-box {
        position: absolute;
        top: 28% !important;
        right: 38% !important;
        transform: translate(0%, -50%);
        height: 40px;
        border-radius: 50px;
        padding: 10px;
    }
    .btn-menu-collapsed {
        position: relative;
        top: 4px;
        right: 0px;
        border-radius: 35px;
        padding: 0px;
        transition: transform .7s ease-in-out !important;
    }
    .banner .owl-theme .item {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        height: 100% !important;
        width: 100% !important;
        position: relative;
        top: 0% !important;
        left: 0% !important;
        box-shadow: -2px 2px 7px 1px #000;
    }
    .store-top{
        margin-top:0px !important;
    }
    .mobile-wrap-caption {
        width: 80% !important;
        left: 35px !important;
        top: 130px;
    }
    .mt-30-row-album {
        margin-top: 0px !important;
    }
    .title-wrap {
        padding: 5px 0 !important;
    }
    .backgrund-album {
        background: #000;
    }
    h4, .rs-team-1 .title, .rs-team-2 .title, .rs-team-single .title, .box-video .title, .rs-box-project .title {
        font-size: 2em;
        line-height: normal;
    }
    .padding-nav {
        padding: 0 !important;
    }
    .album-m-top {
        margin-top: 10px !important;
    }
    .album-non-t {
        top: 0 !important;
        padding: 20px 0px !important;
        margin-left:15px;
    }

    .body-position-front {
        top: 35px !important;
        right: 5%;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: flex-end;
        align-content: flex-end;
        justify-content: flex-start;
        cursor: url(/images/arrow-back.png) 0 20, w-resize;
    }

    .album-parent-col-pos{
        left:0% !important;
        right:0;
        bottom:50px !important;
    }
    .slide-img-pos {
        position: relative;
        height: 100vw !important;
    }
    .max-width-album-slide {
        width: 360px;
    }
    .slide-desc-m-t {
        line-height: 23px !important;
        width: 90% !important;
        font-size: 18px;
        left:30px !important;
        margin-bottom: 5px !important;
    }
    .slide-text-pos {
        position: absolute;
        left:0px;
    }
    .img-albums-height {
        height: 200px !important;
    }
    .search-box .search-text {
        padding: 0;
        width: 0px;
    }
    .search-box:hover > .search-text {
        background: #fff;
        border-radius: 30px;
        padding-left: 14px;
    }
    .sidebar {
        padding-top: 115px;
        left: 0 !important;
    }

        .sidebar a {
            font-size: 30px;
        }

    .sidebarNews {
        padding-top: 115px;
        right: 0 !important;
    }

        .sidebarNews a {
            font-size: 30px;
        }

    .media-bottom {
        margin-top: 0px;
    }

    .banner .owl-theme div:not(.owl-controls) {
        height: 161vw;
    }

    .logo-mobile-pos {
        height: 55px !important;
        position: relative;
        padding: 5px 0px;
    }

    .media-margin-b{
        margin-bottom:0 !important;
    }

    .media-margin-t{
        margin-top:0 !important;
    }

    .img-slider-mobile-height{
        height:98vw !important;
    }

    .mobile-container {
        width: 100% !important;
        max-width: 100% !important;
        padding-right: 1% !important;
        padding-left:0px !important;
    }

    .slider-title {
        font-size: 35px !important;
        width: fit-content;
        padding-left: 20px !important;
        line-height: 40px !important;
        margin-bottom: 10px !important;
    }

    .slider-text-width {
        align-items: flex-start;
        max-width: 100%;
    }
    .rs-shop-box .body-text .title {
        font-weight: 400;
        color: #000000;
        font-size: 25px;
        margin-bottom: 10px;
        text-align:center;
    }
    .sectionTitleCustom {
        line-height: 2.4rem !important;
    }

    .banner {
        height: 100vh !important;
        padding: 0 0;
        position: relative;
    }

        .banner-full .wrap-caption .caption-heading, .banner .wrap-caption .caption-heading {
            font-size: 25px;
        }

        .banner-full .wrap-caption .caption-heading, .banner .wrap-caption .caption-heading {
            font-size: 72px;
            margin-bottom: 10px;
            margin-top: 10px;
            font-family: "BauerB", serif;
            /* font-weight: 900; */
            color: #ffffff;
            line-height: 1;
        }

    .mb-5, .my-5 {
        margin-bottom: 1rem !important;
    }

    .content-wrap {
        padding: 35px 0;
    }

    .media-text-align-l{
        text-align:left !important;
    }

    .container {
        width: 100%;
        padding-right: 30px;
        padding-left: 30px;
        margin-right: auto;
        margin-left: auto;
    }
    .row-mt-album{
        margin:0 5px;
    }

    .btn-navigate-purple-white {
        background: none;
        color: #fff !important;
        border: 2px solid #fff !important;
        font-size: 14px !important;
        padding: 6px 2px !important;
    }

    .social-media > a {
        color: white;
        text-decoration: none;
        padding: 10px 7px 0px 0px !important;
    }

    .box-video {
        position: relative;
        width: 100%;
        margin-bottom: 10px;
        margin-top: 30px;
        text-align: center;
    }

    .section-heading, .rs-feature-box-1 .title {
        font-size: 21px;
        line-height: 1.2em;
        margin-bottom: 0px;
        margin-top: 0px;
        padding-bottom: 0px;
        position: relative;
        color: #940690;
        font-weight: 700;
    }

    .header-1 {
        padding: 5px 0px 5px 0;
    }

        .header-1 .navbar-main.stiky {
            height: auto;
            background-color: #ffffff;
            position: fixed;
            top: 0;
            right: 0;
            left: 0;
            z-index: 1030;
            padding: 50px 0px 15px 0px;
            -webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 20%);
            box-shadow: 0 1px 2px rgb(0 0 0 / 20%);
            -webkit-transform: translateY(-40px);
            -moz-transform: translateY(-40px);
            -ms-transform: translateY(-40px);
            -o-transform: translateY(-40px);
            transform: translateY(-40px);
            -webkit-animation-duration: .3s;
            animation-duration: .3s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            bottom: initial;
        }

    .m-t-mobile {
        margin-top: 10px;
    }

    .slider-button-mobile {
        font-size: 13px !important;
        left:30px !important;
    }

    .slider-text-bg {
        max-height: 100vh !important;
        top: 5px !important;
        position: relative !important;
        padding: 5px !important;
        background-image: url(/images/bg_slider.jpg) !important;
    }
    .p-mobile-artist{
        padding-top:35px;
    }


    /* FLİP */

    .perspective-card {
        width: 100% !important;
        height: 420px !important;
    }
    .perspective-card-inner {
        width: 100% !important;
    }

}