@media only screen and (min-width: 1500px) {
    .preview {
        top: 460px !important;
    }
}
@media only screen and (min-width: 1250px) {
    .preview {
        top: 260px;
    }
    .mobile-animate > img {
        top: -15px;
    }
}
@media only screen and (max-width: 1300px) {
    .nav {
        flex-direction: column;
        height: auto;
        padding: 15px 20px;
    }
    .nav .logo {
        top: 0;
        right: 0;
        margin: 10px 0;
    }
    .basket-banner {
        margin: 240px auto 0 !important;
    }
    .transfer-banner {
        margin: 240px auto 0 !important;
    }
}

@media only screen and (max-width: 991px) {
    .nav {
        flex-direction: column;
        height: auto;
        padding: 15px 20px;
    }
    .nav .logo {
        top: 0;
        right: 0;
        margin: 10px 0;
    }
    .slider__grid {
        grid-template-columns: 1fr;
        grid-template-rows: 500px 500px 500px;
        grid-template-areas:
        "main-box"
        "top-box"
        "bottom-box";
    }
    .slider-content {
        width: 100% !important;
        top: 84.3% !important;
        border-radius: 0 0 5px 5px !important;
    }
    .prints-list {
        flex-wrap: wrap;
    }
    .prints__item {
        flex-basis: 31%;
        margin-bottom: 15px;
    }
    .kupon-box {
        width: 100% !important;
    }

    .grid-text__area-item {
        flex-basis: 50% !important;
    }

    .blog__item {
        flex-basis: 47% !important;
    }

    .footer-cookie {
        flex-direction: column !important;
    }

    .footer-cookie p {
    	width: 100%;
    	font-size: 12px;
        margin-bottom: 25px;
    }

    .floating-wpp-button {
        width: 50px !important;
        height: 50px !important;
    }

    .basket-image img {
        object-fit: contain !important;
    }
}

@media only screen and (max-width: 1300px) {
    .nav {
        flex-direction: row;
        padding: 0 10px !important;
    }
    .nav > * {
        flex-basis: 33%;
    }
    .nav .logo {
        top: 0;
        right: 0;
    }
    .nav .left__menu , .nav .menu{
        display: none;
    }
    .nav .menu li a {
        color: #fff;
    }
    .mobile-menu__basket {
        display: block;
    }
    .mobile-menu__basket a {
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    .mobile-menu__basket a img {
        width: 16px;
        height: 16px;
        margin-right: 5px;
    }
    .basket__area-content {
        height: 60vh;
    }
    .mobile-burger {
        display: inline-block !important;
        cursor: pointer;
        z-index: 0;
        text-align: right;
    }
    .mobile-burger span {
        width: 35px;
        height: 2px;
        background-color: #000;
        position: relative;
        display: inline-block;
        border-radius: 5px;
        z-index: 102;
    }
    .mobile-burger span::before {
        content: "";
        -webkit-transform: translateY(-7px);
        transform: translateY(-7px);
    }
    .mobile-burger span::after {
        content: "";
        -webkit-transform: translateY(7px);
        transform: translateY(7px);
    }
    .mobile-burger span::after, .mobile-burger span::before {
        position: absolute;
        left: 0;
        height: 2px;
        width: 35px;
        border-radius: 5px;
        -webkit-transition: all .3s;
        transition: all .3s;
        background-color: #000;
    }
    .mobile-burger span.active {
        height: 0;
    }
    .mobile-burger span.active::before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .mobile-burger span.active::after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .mobile-menu {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background-color: #000000f0;
        display: none;
        justify-content: flex-end;
        align-items: flex-end;
        z-index: 105;
        padding: 0 15px 0 0;
    }
    .mobile-menu.active {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
    }
    .mobile-menu ul {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
        text-align: right;
        list-style: none;
        padding: 0;
        margin: 0 0 85px 0;
    }
    .mobile-menu ul li {
        margin-bottom: 18px;
    }
    .mobile-menu ul li a {
        color: #fff;
        font-size: 22px;
    }
}

@media only screen and (max-width: 780px) {

    #close-menu {
        position: absolute;
        top: 3%;
        right: 3%;
        color: #fff;
        font-size: 38px;
    }
    .basket__area {
        width: 100%;
        z-index: 100;
    }
    .slider__grid {
        grid-template-columns: 1fr;
        grid-template-rows: 400px 400px 400px;
        grid-template-areas:
        "main-box"
        "top-box"
        "bottom-box";
    }
    .slider-content {
        width: 100% !important;
        top: 75% !important;
        border-radius: 0 0 5px 5px !important;
    }
    .blog {
        flex-direction: column;
    }
    .blog__item {
        flex-basis: 100%;
        width: 100%;
    }
    .quality__blog-item {
        flex-direction: column;
        text-align: center;
    }
    .quality-img {
        margin-bottom: 15px;
    }
    .instagram__list {
        grid-template-columns: repeat(3,1fr)
    }
    .prints__item {
        flex-basis: 47%;
        margin-bottom: 20px;
        margin-right: 20px;
    }
    .prints__item:nth-child(even) {
        margin-right: 0;
    }
    .prints__item:last-child {
        display: none;
    }
    .grid-text__area {
        flex-wrap: wrap;
    }
    .grid-text__area-item {
        flex-basis: 50%;
    }
    .instagram-grid__area {
        grid-template-columns: repeat(2, 1fr);
    }
    .instagram-grid__area-item {
        min-height: 160px;
    }
    .instagram-grid__area-item:nth-child(even) {
        grid-column: auto;
        grid-row: auto;
    }
    .instagram-grid__area-item:nth-child(odd) {
        grid-column: auto;
        grid-row: auto;
    }
    .instagram-grid__area-item .inst-content {
        bottom: -60%;
    }
    .footer-grid {
        flex-wrap: wrap;
    }
    .footer-item {
        flex-basis: 50%;
        margin-bottom: 20px;
    }
    .footer-item:nth-child(1) {
        flex-basis: 50%;
    }
    .basket-btn {
        width: 100%;
        padding: 5px;
        margin-bottom: 15px;
    }
    .basket-btn img {
        width: 25px;
    }
    .transfer__detail, .transfer__info {
        flex-direction: column !important;
    }
    .transfer__detail-item, .transfer__info-item {
        margin-bottom: 20px;
    }
    .transfer-banner {
        margin: 140px auto 0 !important;
    }
    .slider-content h2 {
        height: 100px;
    }
    .top-box .slider-content h2, .bottom-box .slider-content h2 {
        height: 40px;
    }
    .top-box .slider-content, .bottom-box .slider-content {
        top: 65% !important;
    }
    .section {
        padding: 20px 0;
    }
    .main-slider {
        margin-top: 120px !important;
        padding-top: 20px !important;
    }
    .text-banner__box {
        width: 90%;
    }
    .text-banner__box h2 {
        font-size: 26px;
    }
    .kurumsal-logo {
        width: 100%;
    }
    .swiper-slide {
        padding: 0 35px;
    }
    .basket-banner {
        margin: 140px auto 0 !important;
    }
    .transfer-banner {
        margin: 140px auto 0 !important;
    }
    .creditcard__area-text {
        flex-direction: column;
    }
    .creditcard__area-card {
        flex-direction: column;
    }
    .form-container {
        max-width: 100% !important;
    }
    .field-container:first-of-type.group-container input {
        width: 49% !important;
    }
    .group-container input {
        width: 47% !important;
    }
    .creditcard__area-button {
        flex-direction: column;
        text-align: left !important;
        align-items: normal !important;
        justify-content: normal !important;
    }
    .bank_select {
        margin-bottom: 25px;
    }
    #opt {
        margin-bottom: 5px;
    }
    .basket-image img {
        object-fit: contain !important;
    }
}

@media only screen and (max-width: 480px) {
    .nav {
        padding: 0;
    }
    .nav .logo {
        margin: 0;
        max-width: 165px;
    }
    .nav-top__list {
        padding: 0;
        margin: 0;
        width: 100%;
        justify-content: center;
    }
    .nav-top__list li .icon {
        width: 10px;
        margin-right: 10px;
    }
    .nav-top__list li .text {
        font-size: 10px;
    }
    .nav-top__bank {
        display: none;
    }
    .grid-text__area-item {
        flex-basis: 100% !important;
    }
    .present-blog {
        flex-direction: column;
    }
    .present-content {
        text-align: center;
        margin-top: 15px;
    }
    .instagram__list {
        grid-template-columns: repeat(2,1fr);
    }
    .footer-grid {
        flex-direction: column;
        text-align: center;
    }
    .footer-bottom {
        flex-direction: column;
        text-align: center;
        padding: 15px 15px;
    }
    .copyrigt {
        margin-bottom: 15px;
    }
    .basket-banner {
        -webkit-flex-direction: column !important;
        -moz-flex-direction: column !important;
        -ms-flex-direction: column !important;
        -o-flex-direction: column !important;
        flex-direction: column !important;
    }
    .idea__list-item {
        flex-basis: 50%;
    }
    .guzel-fikir {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
    }
    .guzel-fikir__item {
        margin-bottom: 20px;
    }
    .guzel-fikir__text {
        padding: 0;
    }
    .gift__grid {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
    }
    .breadclumb {
        margin-top: 20px;
    }
    .contact-area {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
    }
    .login__area {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
    }
    .login__area-item {
        margin: 20px 0;
    }
    .login__area-item:first-child {
        margin-right: 0;padding-right: 0;
    }
    .basket-area__list > li > div {
        margin-bottom: 10px;
    }
    .basket-details {
        text-align: left;
        font-size: 14px;
    }
    .basket__item {
        display: grid !important;
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 10px;
        text-align: left;
    }
    .basket__item > div:nth-child(1) {
        grid-column: 4 / 5;
        grid-row: 1 / 2;
    }
    .basket__item > div:nth-child(2) {
        grid-column: 1 / 2;
        grid-row: 1 / 4;
    }
    .basket__item > div:nth-child(3) {
        grid-column: 2 / 4;
        grid-row: 1 / 2;
    }
    .basket__item > div:nth-child(4) {
        grid-column: 2 / 6;
        grid-row: 3 / 4;
        padding: 0 42px 0 0;
    }
    .basket-image {
        flex-basis: 35%;
    }
    .basket-image a {
        height: 115px;
    }
    .basket-image img {
        width: 100% !important;
        height: 100%;
    }
    label.basket-price, label.basket-quantity, label.basket-line-price {
        display: none;
    }
    .basket-line-price span {
        color: #8224e3;
        font-weight: 600;
    }
    .basket-line-price svg path {
        fill: #8224e3 !important;
    }
    .basket-area__bottom {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column !important;
        padding: 15px 20px !important;
    }
    .basket-coupon {
        width: 100% !important;
        margin-bottom: 15px;
    }
    .basket-coupon a {
        height: 40px !important;
    }
    .basket-coupon input {
        height: 40px !important;
        border: 0 0 5px 5px;
    }
    .totals {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column !important;
    }
    .basket-bottom {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column !important;
    }
    .basket-bottom li {
        margin-bottom: 15px;
        padding: 0 10px;
    }
    .basket-bottom__img {
        width: 35%;
    }
    .basket-bottom__text {
        width: 65%;
    }
    label.basket-image {
        display: none;
    }
    label.basket-details {
        display: none;
    }
    label.basket-removal {
        display: none;
    }
    .basket-area__title {
        justify-content: space-around;
    }
    .basket-area__title label {
        margin-right: 10px;
        flex-basis: 33%;
        text-align: center;
    }
    .total-left__list li > div {
        margin-bottom: 10px;
    }
    .checkout {
        font-size: 16px;
    }
    .totals__list {
        padding: 20px 0;
    }
    .total-left__list li .left-img {
        flex-basis: 35%;
    }
    .total-left__list li .left-img img {
        width: 100%;
        height: 100%;
    }
    .total-left__list .total-left__info {
        display: grid;
        grid-template-columns: 1.5fr 0.5fr;
        grid-gap: 15px;
        padding: 0 0 0 10px;
    }
    .total-left__list .total-left__info > div {
        text-align: center;
    }
    .total-left__list .total-left__info > div:nth-child(3) {
        grid-column: 1 / 4;
        grid-row: 2 / 3;
    }
    .total-left__list .total-left__info > div:nth-child(3) a {
        width: 100%;
    }
    .title::before {
        display: none;
    }
}