@media screen and (max-width: 992px) {
    html {
        overflow-x: hidden;
    }

    .no-mobile {
        display: none !important;
    }

    .fixed-bar {
        display: none;
    }

    .breadcrumbs {
        display: none !important;
    }

    body {
        min-height: 100vh;
    }

    body.has-account-section,
    body:has(.account-section) {
        background: #1b1b1b;
    }

    /* html.touch *:hover {
        all: unset!important;
    }
    html.touch *:hover {
        pointer-events: none !important;
    } */
    /**** ****/
    .header-menu-items li {
        margin: 0 15px 0 0;
    }

    .header-menu-items ul {
        padding: 0;
    }

    .login-input-box *,
    .forgot-input-box *,
    .register-input-box *,
    .login-password *,
    .with-email * {
        z-index: 9;
    }

    .login-input-box,
    .forgot-input-box,
    .register-input-box,
    .login-password,
    .with-email,
    .login-box {
        width: 100% !important;
        background: none;
        box-shadow: none;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    .login-input-box:after,
    .forgot-input-box:after,
    .register-input-box:after,
    .login-password:after,
    .with-email:after,
    .login-box:after {
        content: "";
        position: absolute;
        z-index: 0;
        width: 100%;
        height: 100%;
        border-radius: 9px;
        top: 0;
        left: 0;
        background: rgb(129 129 129 / 24%);
        box-shadow: 0 4px 30px rgb(0 0 0 / 10%);
        backdrop-filter: blur(9.7px);
        -webkit-backdrop-filter: blur(9.7px);
    }

    .login-box:after {
        border-radius: 16px;
    }

    footer.home {
        height: unset;
        z-index: 9;
        background: #1b1b1b;
        position: relative;
        top: -1px;
        padding: 15px 0;
    }

    .album-images+footer,
    section.account-section+footer {
        height: 10vh !important;
    }

    footer.home ul {
        flex-direction: row;
        margin-bottom: 5px;
        flex-wrap: wrap;
    }

    footer.home li:nth-child(-n+3) {
        margin-right: 9px !important;
    }

    footer.home li:last-child {
        width: 100% !important;
        display: flex;
        position: relative;
        white-space: nowrap;
    }

    footer.home *:after {
        display: none !important;
    }

    footer.home li {
        padding: 0 !important;
    }

    footer.home ul li a,
    footer.home ul li span {
        margin: 0;
        color: #ffffff66 !important;
        font-size: 12px;
    }

    ul.user-links {
        position: absolute;
        right: 0;
        top: 50px;
    }

    li.user-link {
        justify-content: right;
    }

    .aside {
        display: none;
    }

    .notification-item {
        align-items: end;
        flex-direction: column;
        padding: 10px !important;
    }

    .desktop-header {
        position: absolute;
        z-index: 9;
        width: 100%;
        top: 15px;
    }

    .heder-logo img {
        height: unset;
        width: 135px;
    }

    .header-menu-items li a {
        font-size: 15px;
    }

    .account-section {
        padding-top: 130px;
    }

    .dashboard-item .icon {
        width: 45px;
        height: 45px;
    }

    .dashboard-item .icon i {
        font-size: 24px;
    }

    .dashboard-item {
        height: 65px;
        padding: 10px;
    }

    .item-content span:first-child {
        font-size: 24px;
        line-height: 24px;
    }

    .item-content span:last-child {
        font-size: 11px;
        font-weight: 600;
        line-height: 16px;
        letter-spacing: 0;
    }

    .content-side .content-main {
        max-height: 62vh;
    }

    section.account-section .row {
        width: 100%;
        justify-content: center !important;
    }

    .avatar-input-item {
        margin-bottom: 15px;
    }

    section.account-section .row.col-md-10.col-12 .col-md-12,
    section.account-section .row.col-md-10.col-12 .col-md-6 {
        margin: 0 !important;
        padding: 0 !important;
    }

    .input-item.has-password-input,
    .input-item:has(input[type="password"]) {
        margin-bottom: 15px !important;
    }

    .content-main.covered-album-items .col-md-4 {
        padding: 0;
        flex: unset;
        max-width: unset;
        margin-bottom: 20px;
    }

    .covered-album-items .album-item {
        padding: 15px 20px;
        position: relative;
    }

    .covered-album-items .album-item {
        height: unset;
        z-index: 0;
    }

    .covered-album-items .album-title {
        height: unset;
    }

    .covered-album-items .album-button a {
        position: absolute;
        width: 40px;
        height: 40px;
        align-items: start;
        justify-content: end;
        top: 20px;
        right: 20px;
        left: unset;
        background: none;
        z-index: 0;
    }

    .covered-album-items .album-button a span {
        display: none
    }

    .covered-album-items .album-button a i {
        margin-right: 0;
    }

    .album-cards {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 0.7rem;
        -moz-column-gap: 0.7rem;
        column-gap: 0.7rem;
        transform: translateY(-375px);
        -webkit-transform: translateY(-375px);
    }

    .album-image {
        margin-bottom: 0.7rem;
    }

    .pricing-top {
        height: 425px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    ul#pills-tab {
        margin: 25px 0 115px 0 !important;
    }

    section.pricing .items .item i {
        width: 75px;
        height: 75px;
        font-size: 30px;
        left: 15px;
        top: -40px;
    }

    section.pricing .items .item:last-child {
        margin-bottom: 25px !important
    }

    section.pricing .items .item:first-child {
        margin-top: 0 !important
    }

    section.pricing .item-properties .property span {
        font-size: 15px;
    }

    section.pricing .items .item {
        height: unset;
        padding: 35px;
        margin: 45px 20px 45px 20px;
    }

    section.pricing .item-text {
        padding-top: 10px;
    }

    section.pricing .item-properties .property {
        height: 40px;
    }

    .ads-footer {
        height: unset;
        background-size: unset;
        background-size: cover;
    }

    .ads-footer .footer-logo img {
        height: 50px;
    }

    .ads-footer .footer-top {
        height: unset;
    }

    .footer-buttons {
        display: flex;
        flex-direction: column;
    }

    .footer-buttons a {
        margin: 5px 0;
    }

    .ads-footer .footer-buttons img {
        height: 40px;
    }

    .footer-buttons {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }

    .footer-buttons a {
        margin: 5px 0;
    }

    .footer-links {
        width: 100%;
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
    }

    .footer-links a {
        white-space: nowrap;
        margin: 0;
    }

    .ads-footer span.copyright {
        margin: 10px 0px;
    }

    .footer-right .socials {
        margin-bottom: 15px;
    }

    .ads-footer .footer-bottom {
        flex-direction: column;
        height: unset;
    }

    .ads-footer .footer-right {
        flex-direction: column;
    }

    section.comments {
        margin-top: 150px;
        padding-top: unset;
        height: unset;
    }

    section.comments .comments-top-text h1 {
        font-weight: 500;
        font-size: 39px;
        letter-spacing: -2px;
    }

    section.comments .comments-top-text p {
        font-style: normal;
        font-weight: 400;
        font-size: 17px;
    }

    section.contact-page {
        text-align: center;
        margin-top: -275px;
        margin-bottom: 75px;
    }

    section.contact-page .contact-page-top-text p {
        font-size: 16px;
    }

    section.about-blobs h2 {
        font-weight: 600;
        font-size: 29px;
        line-height: unset;
        letter-spacing: 0;
    }

    section.about-blobs p {
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 25px;
        letter-spacing: 0;
        margin: 25px 0 35px 0;
    }

    section.about-blobs .blob {
        width: 85vmin;
        height: 79vmin;
    }

    .about-blobs .row:nth-child(odd) .blob:after {
        transform: translate(15px, 15px);
    }

    .about-blobs .row:nth-child(2) .blob:after {
        transform: translate(25px, 15px);
        background-size: cover;
    }

    section.about-blobs .blob:after {
        width: 72vmin;
        height: 72vmin;
    }

    section.about-blobs .row:nth-child(odd) .blob {
        order: 1;
        transform: translate(-35px, 0px);
    }

    section.about-boxes {
        margin: -200px 0 50px 0;
    }

    section.about-boxes .container {
        padding: 0 15px !important;
    }

    section.about-boxes .about-box-item:nth-child(odd) .icon {
        order: 2;
    }

    section.about-boxes .about-box-item:nth-child(odd) .content {
        padding-left: 15px;
    }

    section.about-blobs .row:nth-child(even) .blob {
        order: 2;
        transform: translate(35px, 0px);
    }

    .about-blobs .row:nth-child(odd) .blob:after {
        transform: translate(25px, 15px);
    }

    li.dropbtn.menu-li:not(.user-menu) {
        padding-top: 10px;
    }

    section.about-blobs a {
        height: 50px;
        width: 200px;
        font-size: 16px;
    }

    section.about-top {
        background-size: cover;
        padding-top: 150px;
    }

    section.about-top h1 {
        margin: 30px 0px;
        font-size: 36px;
    }

    section.about-top .buttons {
        height: 100px;
    }

    section.about-top .scroll {
        margin-top: 0;
        display: flex;
        align-items: center;
        justify-content: end;
    }

    .about-top .col-md-8 {
        transform: translate(125px, -250px);
    }

    .about-top .col-md-8 img {
        transform: unset;
        height: 475px;
    }

    .create-album-content {
        width: 100%;
        padding: 125px 35px;
    }

    .create-album-content .form-group {
        flex-direction: column;
    }

    .create-album-content .form-group .item {
        margin: 10px 0;
    }

    .create-album-content .item {
        justify-content: end;
    }

    .select-package-content h3 {
        margin-bottom: 15px;
        font-size: 25px;
    }

    section.account-section .row.packages {
        /* height: 58vh;
        overflow: auto; */
        margin: 0;
    }

    .row.packages .package-single-card {
        /* margin: 30px 0; */
        margin-bottom: 60px !important;
    }

    section.album .album-title h1 {
        font-size: 24px;
        line-height: 30px;
        -webkit-line-clamp: 4;
        line-clamp: 4;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    section.album .album-title {
        margin: 15px 0;
    }

    section.album .users {
        margin: unset;
    }

    section.album .album-spesifictions .download {
        margin-right: 0px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 55px;
        order: 6;
    }

    .file-remaining {
        order: 2;
    }

    .memory-remaining {
        order: 3;
    }

    .day-remaining {
        order: 4;
    }

    .share {
        order: 7;
    }

    .share-span {
        padding-left: 5px
    }

    .share .share-content {
        left: calc(-130px + 50%);
        transform: translate(0px, 160px);
        z-index: 99;
    }

    .share .share-box {
        text-align: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        display: flex;
    }

    section.album .album-spesifictions {
        flex-wrap: wrap;
    }

    .operation-buttons {
        justify-content: space-around;
    }

    .operation-buttons span {
        display: none;
    }

    section.operations-bar {
        padding: 15px;
    }

    section.operations-bar .bar-bg .container {
        padding: 10px 5px;
    }

    section.album .album-top .buttons {
        width: 100%;
    }

    .container.album-top .buttons .album-button .album-button-title {
        display: none;
    }

    .container.album-top .buttons .album-button {
        width: 100px !important;
        font-size: 12px !important;
    }

    /* section.album .album-top .buttons a:first-child {
        margin-left: 0 !important;
    }
    section.album .album-top .buttons a:last-child {
        margin-right: 0 !important;
    } */
    .operation-buttons a {
        padding: 0;
        height: 40px;
        width: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        margin: 0;
    }

    .operation-buttons a i {
        margin-right: 0px;
    }

    section.album {
        /* padding-bottom: 175px;
        height: 750px !important; */
        padding-top: 50px;
        padding-bottom: 200px;
        height: 71vh !important;
        /* height: 550px !important; */
        position: relative !important;
    }

    section.album-images {
        position: relative !important;
        min-height: 20vh;
        /* min-height: 150px; */
    }

    .image-tools {
        right: 3px;
        top: 4px;
        opacity: 1;
        padding: 3px;
        pointer-events: all !important;
        z-index: 999;
    }

    .tool-item.menu .menu-items li {
        white-space: nowrap;
    }

    .top-left a {
        padding: 5px 10px;
        height: unset;
        width: unset;
        border-radius: 5px !important;
        line-height: unset;
        padding: 5px 10px;
        color: #fff;
        background: #fc3c3c;
        border-radius: 5px;
        font-size: 13px;
        font-weight: 400;
        text-transform: uppercase;
    }

    .top-left a span {
        width: unset;
        opacity: 1;
        font-size: 13px;
        font-weight: 400;
        line-height: unset;
    }

    .content-top {
        align-items: start;
        margin-bottom: 0;
    }

    .top-left a i {
        width: 15px;
        font-size: 14px !important;
    }

    .top-left {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-between;
    }

    .top-left .user-name h3 {
        order: unset !important;
    }

    .top-left h3 {
        order: 3;
        width: 100%;
    }

    .user-name {
        flex-direction: column;
        order: 3;
    }

    a.add-new-customer {
        padding: 6px 5px;
        width: 175px;
        font-size: 13px;
    }

    .top-left .user-name h6 {
        line-height: 0 !important;
        margin: 0 !important;
    }

    .col-md-9.content-side {
        padding: 0;
    }

    /* .select {
        width: 26px;
        height: 26px;
        left: 5px;
        top: unset;
        bottom: 5px;
        border: 1px solid #ffffffa8;
        opacity: 1;
        pointer-events: all !important;
        display: block;
    } */
    .select {
        width: 100%;
        height: 100%;
        left: 0;
        top: unset;
        bottom: 0;
        border: none;
        border-radius: 10px !important;
        opacity: 0;
        pointer-events: all !important;
        display: block;
        background: none;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        box-shadow: none;
        z-index: 1;
    }

    .album-image.selected .select {
        height: 100%;
        border-radius: 10px !important;
        left: 0;
        top: unset;
        bottom: 0;
        width: 100%;
        background: rgb(140 140 140 / 0%);
        box-shadow: 0 0px 0px rgb(0 0 0 / 10%);
        backdrop-filter: blur(0);
        -webkit-backdrop-filter: blur(0);
    }

    .album-image.selected .select span {
        position: absolute;
        left: 5px;
        bottom: 5px;
        top: unset;
        border-radius: 50px;
        background: rgb(140 140 140 / 40%);
        box-shadow: 0 4px 30px rgb(0 0 0 / 10%);
        backdrop-filter: blur(9.7px);
        -webkit-backdrop-filter: blur(9.7px);
        height: 25px;
        padding: 0px 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        color: #ffffff;
        font-size: 12px;
        font-weight: 500;
    }

    .album-image.selected:not([confirmed]) .select:After {
        bottom: 35px;
        top: unset;
    }

    .album-image:not([confirmed]) .select {
        background: none;
        border: none;
    }

    /* .album-image[type="video"] .select {
        height: 75%;
        left: 0;
        top: 0;
    } */
    .image-tools .tool-item {
        margin: 0;
    }

    .tool-item.menu {
        margin: 0px 15px;
    }

    .album-image a[data-fancybox="gallery"] {
        position: absolute;
        right: 10px;
        bottom: 5px;
        font-size: 16px;
        color: #ffffffc4;
        opacity: 1;
        pointer-events: all;
        z-index: 2;
    }

    .album-image a[data-fancybox="gallery"] i {
        z-index: 99;
        display: block;
        position: relative;
    }

    .row.notification-list .col-md-12 {
        padding: 0;
    }

    .row.dashboard-items {
        margin-left: 0 !important;
    }

    .row.notification-list {
        margin-left: 0;
    }

    .row.dashboard-items .col-md-3.col-6:nth-child(odd) {
        padding-left: 0;
        padding-right: 15px;
    }

    .row.dashboard-items .col-md-3.col-6:nth-child(even) {
        padding-left: 15px;
        padding-right: 0;
    }

    .profile-settings .row.justify-content-end {
        margin-left: 0;
    }

    .profile-settings .row.justify-content-end .row.col-md-10.col-12,
    .profile-settings .row.justify-content-end .col-md-12.mb-2.text-white,
    .profile-settings .row.justify-content-end .col-md-3,
    .profile-settings .row.justify-content-end .col-md-6 {
        padding-left: 0;
        padding-right: 0;
    }

    .report button[type="submit"] {
        height: 28px;
    }

    .report {
        padding: 10px;
    }

    .album {
        transition: 400ms;
    }

    .account-section {
        height: unset;
        min-height: calc(100% - 10vh);
        padding-top: 100px;
        /* padding-top: 150px; */
    }

    .content-side .content-main {
        max-height: unset !important;
        height: unset;
        padding-bottom: 15px;
    }

    section.album .album-top .buttons .album-button {
        font-weight: 500;
        font-size: 13px !important;
        margin: 5px;
        width: unset !important;
        height: unset !important;
        padding: 7px 15px;
    }

    /* section.album .album-top .buttons a {
        width: 145px;
        height: 35px;
        font-weight: 500;
        font-size: 14px;
    } */
    .footer-logo,
    .footer-buttons {
        width: 50%;
    }

    .bar-bg {
        height: 75px;
    }

    .update-album-content {
        width: 100%;
    }

    .update-album-content form .album-update-input,
    .update-album-content form .album-update-input::placeholder {
        font-size: 13px !important;
        font-weight: 400;
    }

    .update-album-content h3 {
        font-size: 18px;
        margin-top: 20px;
    }

    .row.packages-update {
        height: unset;
        overflow: auto;
        margin: 25px 0;
    }

    section.album .album-spesifictions>div:not(:last-child):after {
        background: none;
    }

    section.album .album-spesifictions>div:nth-child(3):after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        height: 22px;
        width: 1px;
        background: #ffffff61;
    }

    .menu-items {
        padding-top: 35px;
    }

    section.operations-bar {
        bottom: 0;
    }

    .album-image-uploads .filepond--item {
        width: calc((100% / 2) - 0.5em);
    }

    .notification-item span {
        width: 100% !important;
    }

    .album-image-uploads .filepond--drop-label.filepond--drop-label label {
        font-size: 12px;
        font-weight: 400;
    }

    .album-image-uploads:hover .filepond--drop-label.filepond--drop-label label {
        letter-spacing: 1px;
        transition: 0;
    }

    .filepond--list-scroller {
        display: none !important;
    }

    /* .filepond--list {
        overflow-y: scroll !important;
    } */
    li.dropbtn.menu-li {
        display: none;
    }

    li.user-menu {
        top: -35px;
        right: 10px;
        z-index: 999;
        display: block;
    }

    .remainings {
        position: absolute;
        transform: translate(0px, 90px);
        padding: 10px;
        border-radius: 10px;
        opacity: 0;
        transition: 400ms;
        justify-content: center;
        width: 92%;
        display: flex;
        flex-direction: column;
        right: 15px;
        z-index: 9;
        background: #2a2a2abf;
        border-radius: 10px;
        box-shadow: 0 4px 30px rgb(0 0 0 / 10%);
        backdrop-filter: blur(9.7px);
        -webkit-backdrop-filter: blur(9.7px);
        pointer-events: none;
    }

    .remainings .file-remaining {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 5px;
    }

    .remainings .memory-remaining {
        margin-bottom: 5px;
    }

    .album-details-button:hover .remainings {
        opacity: 1;
        pointer-events: all;
    }

    section.album .album-top .buttons .album-button i {
        margin-right: 0;
        font-size: 14px;
        transition: 600ms cubic-bezier(0.54, 0.68, 0.43, 1.21);
    }

    section.album .album-top .buttons .album-button {
        margin: 5px;
        width: 45px !important;
        height: 40px !important;
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgb(8 8 8 / 59%);
        box-shadow: 0 4px 30px rgb(0 0 0 / 10%);
        /* backdrop-filter: blur(9.7px);
        -webkit-backdrop-filter: blur(9.7px); */
    }

    .filepond--drop-label.loading:after {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 10px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -15px;
        margin-left: -25px;
        width: 40px;
        height: 40px;
        border-radius: 50px;
        border: 2px solid #ffffffa8;
        border-top-color: transparent;
        animation: loading 2s linear infinite;
    }

    .filepond--drop-label.loading label {
        opacity: .5
    }

    .customer-item {
        position: relative;
    }

    .customer-title {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    .customer-buttons {
        position: absolute;
        bottom: 15px;
        right: 0px;
    }

    .customer-item img {
        height: 65px;
        width: 65px;
    }

    .customer-item span.title {
        font-size: 14px;
    }

    .customer-buttons a {
        padding: 7px 11px;
        font-size: 12px;
    }

    /* .fancybox__content {
        width: 100% !important;
        height: 100% !important;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px !important;
    }

    .fancybox__slide.has-image.is-selected.can-zoom_in {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
    }

    img.fancybox__image {
        width: 100% !important;
        height: 100% !important;
    } */
    .dropzone .dz-preview {
        display: none !important;
    }

    .dropzone.dz-started .dz-message {
        display: block !important;
    }
}


/** max992 **/

@media screen and (min-width: 1300px) and (max-width:1600px) {
    svg#analyse-top {
        margin-top: -125px !important;
    }
}

@media screen and (min-width: 1220px) and (max-width:1650px) {
    svg#analyse-top {
        margin-top: -118px !important;
    }

    svg#analyse-top {
        margin-top: -165px;
    }
}

@media screen and (max-width: 1210px) {}

@media screen and (max-width: 360px) {}

@media screen and (min-width: 992px) {

    /** Desktop **/
    .no-desktop {
        display: none !important;
    }

    .mobile {
        display: none !important;
    }
}

@media screen and (max-width: 375px) {
    /** İphoneX **/
}

@media (min-width: 1399px) {
    .container {
        max-width: 1440px;
    }

    .page-container,
    .page-container-lg,
    .page-container-md,
    .page-container-sm,
    .page-container-xl {
        max-width: 1140px;
    }
}

@media (max-width: 992px) {

    .page-container,
    .page-container-lg,
    .page-container-md,
    .page-container-sm {
        max-width: 960px;
    }
}

@media (max-width: 768px) {

    .page-container,
    .page-container-md,
    .page-container-sm {
        max-width: 720px;
    }
}

@media (max-width: 576px) {

    .page-container,
    .page-container-sm {
        max-width: 540px;
    }
}

.page-container,
.page-container-fluid,
.page-container-lg,
.page-container-md,
.page-container-sm,
.page-container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) {
    section.pricing {
        text-align: center;
        margin-top: -350px;
    }

    section.about-boxes {
        margin: 100px 0;
    }
}

@media screen and (min-width: 992px) and (max-width: 1400px) {
    .content-main.covered-album-items .col-md-4 {
        flex: 0 0 50% !important;
        max-width: 48.5% !important;
    }
}