


/*
==============================================
    RESPONSIVE DESIGN
==============================================
*/






/* -===[ BEG DESKTOP ]===- */
@media only screen and (max-width: 1366px) {

}
/* -===[ END DESKTOP ]===- */




/* -===[ BEG LAPTOP ]===- */
@media only screen and (max-width: 1280px) {

}
/* -===[ END LAPTOP ]===- */




/* -===[ BEG MEDIUM LAPTOP ]===- */
@media only screen and (max-width: 1152px) {

}
/* -===[ END MEDIUM LAPTOP ]===- */




/* -===[ BEG SMALL LAPTOP ]===- */

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

    .zd-main-header .header-search-wrapper {
        margin-left: 0;
        margin-right: 15px;        
    }
    
    /*.zd-logo {
        max-height: 68px;
        height: 100%;
        object-fit: cover;
    }*/

    /* NFT Feed Image */
    .nft-feed-image {
        height: 96px;
    }
    .zd-social-link {
        height: 24px;
        width: 24px;
    }
    .zd-social-link span {
        display: flex;
    }
    .zd-social-link span:before {
        font-size: 9px;
    }

    a.btn-vote svg {
        width: 13px;
        height: 11px;
    }

    #menu-main-menu-1 li {
        margin-bottom: 30px;
    }
    #menu-main-menu-1 li:last-child {
        margin-bottom: 0;
    }

    /* SELECT LISTING PACKAGE */
    .zd-select-listing-package-section .data-rock {
        display: none;
    }
    .zd-listing-package {
        max-width: calc(30% - 6px);
        padding: 40px 15px;
    }
    .zd-listing-package.best-deal {
        max-width: calc(36% - 6px);
        padding-left: 28px;
        padding-right: 28px;
    }
    .zd-listing-package.best-deal .data-title,
    .zd-listing-package.best-deal .data-price {
        padding-left: 15px
    }

    .zd-payments-accepted-section .zd-page-title {
        margin-bottom: 52px
    }
    .zd-payments-wrapper {
        width: 100%;
        max-width: 470px;
        margin: 0 auto;
    }
    .zd-payments-wrapper .zd-payment {
        max-width: calc(100% / 3);
    }
    .zd-payments-accepted-section .data-spiral {
        top: 0;
    }







    /* !!! COMMENT THIS */
    .zd-thank-you-wrapper .data-globe-grid {
        right: 0;
        left: -270px;
        top: 90px;
        z-index: 1;
        transform: rotate(-11deg);
    }
    .zd-thank-you-wrapper .data-sphere {
        bottom: -100px;
        right: -70px;
    }
    .zd-thank-you-wrapper {
        flex-direction: column;
        text-align: center;
        align-items: center;
    }




}
/* -===[ END SMALL LAPTOP ]===- */






/* -===[ BEG TABLET ]===- */
@media only screen and (max-width: 991px) {
    
}
/* -===[ END TABLET ]===- */





/* -===[ BEG PHONE ]===- */
@media only screen and (max-width: 768px) {

    /* HEADER */
    .zd-main-header .header-search-popup {
        max-width: 100%;
    }

    #menu-main-menu-1 li {
        margin-bottom: 20px;
    }
    .zd-image-preview img {
        width: 200px;
        height: 200px;
    }
    #Szone .slt-title {
        line-height: 16px;
    }

    /* NFT feed */
    .content-nft-feed .data-thumbnail-link .nft-mint-status {
        font-size: 7px;
        top: 4px;
    }


    /* SELECT LISTING PACKAGE */
    .zd-listing-package-wrapper {
        flex-direction: column;
        align-items: center;
    }
    .zd-listing-package {
        max-width: 290px;
        width: 100%;
        margin-bottom: 40px;
        padding: 40px
    }
    .zd-listing-package.best-deal {
        max-width: 290px;
        width: 100%;
    }
    .zd-payments-accepted-section .data-spiral {
        display: none;
    }
    .zd-listing-package.best-deal .data-title, .zd-listing-package.best-deal .data-price {
        padding-left: 0
    }
    .zd-payments-wrapper .zd-payment {
        max-width: 50%;
        margin-bottom: 40px;
    }


    .minting-live-text-wrapper .minting-live-text {
        font-size: 38px
    }



    /* !!! COMMENT THIS */
    .zd-thank-you-wrapper {
        padding: 30px 20px;
    }
    .zd-thank-you-wrapper .data-title {
        font-size: 31px;
        line-height: 39px;
    }   
    .zd-select-listing-package-section {
        margin-top: 30px;
        margin-bottom: 30px
    }


    /* CHART */
    .chart-heading-wrapper .chart-button:first-child {
        margin-left: 0;
    }
    .chart-button {
        padding: 4px 10px;
        font-size: 12px;
    }



    /* FOOTER */
    .zd-footer .data-content-wrapper {
        display: block;
        text-align: center;
    }
    .zd-footer .data-content-wrapper .zd-col-1 {
        margin-bottom: 5px
    }

    /* Single NFT Page */
    .zd-single-nft-page .zd-thumbnail-link .nft-mint-status {
        top: 10px;
        font-size: 14px;
        padding: 3px 10px;
    }



    /* NEW LANDING PAGE STYLE BEGIN */

    /* General */
    body.page-template-landing-page-tempale {
        background: #000;
    }
    


    /* New Banner Section */
    .wcl-two-column-animated-gallery-section .wcl-row {
        flex-direction: column-reverse;
    }
    .wcl-two-column-animated-gallery-section .wcl-row.left {
        flex-direction: column-reverse;
    }
    .wcl-two-column-animated-gallery-section .wcl-row .wcl-col-1 .data-title {
        font-size: 25px;
        line-height: 100%;
        margin-bottom: 15px;
        max-width: 267px;
    }
    .wcl-two-column-animated-gallery-section .wcl-row .wcl-col-1 .data-description {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 20px;
    }
    .wcl-two-column-animated-gallery-section .wcl-row .wcl-col-2 {
        margin-left: auto;
        margin-right: auto;
    }

    /* Gallery */
    .wcl-multiple-row-gallery {
        max-width: 411px;
        height: 198px;
        transform: rotate(8.49deg);
        margin-left: -38px;
        margin-right: -38px;
        width: -webkit-fill-available;
    }
    .slideshow {
        transform: rotate(-8.49deg);
    }
    .slide-shows-wrapper {
        margin-top: -35px;
    }
    

    /* Our Partner Section */
    .wcl-our-partners-section .wcl-our-partners-items-wrapper {
        padding-top: 10px;
        margin-bottom: 70px;
    }
    .wcl-our-partners-section .wcl-our-partners-items-wrapper .wcl-image-holder {
        margin-right: 30px;
    }






    /* NFT Work Section */
    .wcl-nft-work-section {
        margin-bottom: 70px;
    }
    .wcl-nft-work-section .wcl-row .data-title {
        font-size: 25px;
        line-height: 32px;
        margin-bottom: 5px;
    }
    .wcl-nft-work-section .wcl-row .data-description {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 30px;
    }
    .wcl-nft-work-items-wrapper .wcl-nft-work-item {
        max-width: 450px;
        margin-bottom: 15px;
    }
    .wcl-nft-work-items-wrapper .wcl-nft-work-item .wcl-data-wrapper .data-title {
        font-weight: 400;
        font-size: 18px;
        line-height: 23px;
        margin-bottom: 7px;
    }
    .wcl-nft-work-items-wrapper .wcl-nft-work-item .wcl-data-wrapper {
        padding: 15px 10px 20px 15px;
    }






    /* Development Process Section */
    .wcl-development-process-section {
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .wcl-development-process-section .data-title {
        font-weight: 400;
        font-size: 25px;
        line-height: 32px;
        margin-bottom: 5px;
    }
    .wcl-development-process-section .data-description {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 40px;
    }
    .wcl-development-process-section .data-image-holder.data-desktop {
        display: none;
    }
    .wcl-development-process-section .data-image-holder.data-mobile {
        display: block;
    }


    /* FAQ Section */
    .wcl-faq-section .wcl-row .section-title {
        font-weight: 400;
        font-size: 25px;
        line-height: 32px;
        margin-bottom: 5px;
    }
    .wcl-faq-section .wcl-row .data-description {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 30px;
    }

    /* FAQ Item */
    .wcl-faq-section {
        margin-bottom: 70px;
    }
    .wcl-faq-items-wrapper .wcl-faq-item-wrapper .wcl-faq-item-header .data-title {
        font-size: 14px;
        line-height: 18px;
    }
    .wcl-faq-items-wrapper .wcl-faq-item-wrapper .wcl-faq-item-header {
        padding: 16px 20px 21px;
    }
    .wcl-faq-items-wrapper .wcl-faq-item-wrapper .wcl-faq-item-content {
        padding: 9px 20px 20px;
        font-size: 14px;
        line-height: 18px;
    }

    /* Get Started Section */
    .wcl-get-started-section {
        margin-bottom: 65px;    
    }
    .wcl-get-started-section .wcl-row .section-title {
        font-size: 25px;
        line-height: 32px;
        margin-bottom: 20px;
    }
    .wcl-get-started-section .wcl-row .data-description {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 30px;
    }

    /* WCL Step Item */
    .wcl-step-items-wrapper {
        row-gap: 40px;
    }
    .wcl-step-items-wrapper .wcl-step-item {
        width: 100%;
    }
    .wcl-step-items-wrapper .wcl-step-item .data-title {
        font-weight: 600;
        font-size: 16px;
        line-height: 130%;
        margin-bottom: 5px;
    }
    .wcl-step-items-wrapper .wcl-step-item .data-item-description {
        font-size: 14px;
        line-height: 130%;
    }
    .wcl-step-items-wrapper .wcl-step-item {
        display: flex;
        align-items: center;
    }
    .wcl-step-items-wrapper .wcl-step-item .wcl-image-holder {
        margin-right: 15px;
        margin-bottom: 0;
        max-width: 41px;
        width: 100%;
    }



    /* Get Consultation Form */
    .wcl-get-consultation-form {
        padding-top: 44px;
        padding: 44px 28px 35px 28px;
    }
    .get-consultation-section .section-title {
        margin-bottom: 33px;
    }
    .custom-file-upload {
        margin-bottom: 20px;
    }


    








    /* NEW LANDING PAGE STYLE END */

}
/* -===[ BEG PHONE ]===- */


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

    .zd-like-link.liked svg * {
        fill: url(#paint0_angular_93_13653);
    }

}



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

    .zd-payments-accepted-section .zd-page-title {
        font-size: 25px;
        line-height: 31px;
        margin-bottom: 45px;
    }
    .zd-thank-you-wrapper .zd-col-1 {
        padding: 0;
        margin-bottom: 30px;
    }
    .zd-thank-you-wrapper .zd-col-2 .data-image-wrapper {
        transform: none;
    }
    .zd-one-time-offer-wrapper .data-title span {
        bottom: auto;
        right: 150px;
        top: -40px;
        font-size: 19px;
    }
    .zd-select-listing-package-section .zd-page-title {
        font-size: 25px;
        line-height: 31px;
        margin-bottom: 35px;
    }
    .zd-thank-you-wrapper .data-title {
        font-size: 25px;
        line-height: 31px;
    }
    .zd-thank-you-wrapper .data-description {
        font-weight: 300;
        font-size: 12px;
        line-height: 18px;
    }
    .zd-one-time-offer-wrapper .data-title {
        font-size: 25px;
        line-height: 31px;
        text-align: center;
    }
    .zd-one-time-offer-wrapper .data-warning-message {
        font-size: 10px;
        line-height: 15px;
        margin-bottom: 35px;
    }
    .zd-countdown-timer {
        height: 86px;
    }
    .zd-countdown-timer span .countdown-amount {
        font-size: 45px;
        line-height: 57px;
    }
    .zd-countdown-timer span .countdown-period {
        font-size: 10px;
        line-height: 13px;
    }
    .zd-countdown-timer span .countdown-section::after {
        top: -5px;
        font-size: 45px;
        line-height: 57px;
    }
    .zd-one-time-offer-wrapper .zd-offer-package .data-title {
        text-align: left;
        font-size: 22px;
        line-height: 28px;
    }
    .zd-one-time-offer-wrapper .zd-off-sale {
        top: -10px;
        right: -5px;
    }
    .zd-one-time-offer-wrapper .zd-offer-package {
        padding-left: 16px;
        padding-right: 16px;
    }
}

/* -===[ BEG MEDIUM PHONE ]===- */
@media only screen and (max-width: 425px) {
    
}
/* -===[ END MEDIUM PHONE ]===- */





/* -===[ BEG SMALL PHONE ]===- */
@media only screen and (max-width: 375px) {

}
/* -===[ BEG SMALL PHONE ]===- */







/* -===[ END RESPONSIVE ]===- */