@media only screen and (min-width: 1697px) and (max-width: 1717px) {
    .main-side-nav {
        gap: 12px;
    }

    section.about-video-section {
        margin: -6px 0px;
    }

    .abut-moon-img img {
        width: 91%;
    }

    .banner-content.about.contect {
        height: 35% !important;
    }

    .banner-content.about.contect.other-blog {
        height: 30% !important;
    }

    section.blog-section.crystals-waiting-write {
        height: 1210px;
    }

    .about-moon-img-1 img {
        width: 42%;
    }

    .about-video video {
        height: 1069px;
        object-fit: cover;
    }

    section.blog-section.crystals-waiting-write.blog-write.blog-main {
        height: 1220px;
    }

    .second-form-overlay.last-about.crystals-waiting img {
        height: 1235px;
    }

    .blog-inner-content {
        padding: 0;
    }

    .footer-video.crystal-writing.about-footer-video video {
        height: 637px;
    }

    .moon-img-2 img {
        width: 20%;
    }

    footer.main-footer {
        padding: 0;
    }

    .second-form-overlay-img img {
        top: 590px;
    }

    section.about-video-section.about-sec {
        margin: 0;
    }

    .about-inner-overlay.about-overlay img {
        top: -180px;
    }

    .banner-content.about {
        height: 20% !important;
    }

    .about-video.inner-about video {
        height: 920px;
    }

    section.second-form.abou-inn {
        margin: 6px 0;
    }

    section.second-form.abou-inn {
        margin: 6px 0;
    }
}

@media only screen and (min-width: 100px) and (max-width: 1693px) {
    .prod__detail__3 .poster-inner-con {
        margin-top: 50px;
    }

    .prod__detail__4 h6 {
        margin-bottom: 40px;
        margin-top: 2rem;
    }
}

@media only screen and (min-width: 1663px) and (max-width: 1693px) {
    .main-side-nav {
        gap: 11px;
    }

    .banner-content.about.contect {
        height: 610px;
    }

    .site-icon img {
        padding: 0 15px;
    }

    .footer-video.crystal-writing.about-footer-video video {
        height: 687px;
    }

    section.about-video-section {
        margin: -7px 0;
    }

    section.about-video-section {
        margin: -7px 0;
    }

    .about-moon-img-1.about-inner-moon.about-1 img {
        width: 38%;
    }

    .footer-top-content.content.text-center.about-footer-text {
        padding: 25px 0;
    }

    .about-content.about-inner-con.about-sec-con {
        top: 220px;
        left: -100px;
        padding: 0 200px 0 200px;
    }

    .footer-video.crystal-writing.about-footer-video video {
        height: 686px;
    }

    .about-moon-img-1 img {
        width: 43%;
    }

    .abut-moon-img img {
        width: 78%;
    }

    .abut-moon-img {
        left: -320px;
    }

    .multiple.moon img {
        top: -292px;
        left: -220px;
    }

    .about-video video {
        height: 1072px;
        object-fit: cover;
    }

    .blog-inner-content {
        padding: 0;
    }

    section.about-video-section.about-sec {
        margin: 0;
    }

    .about-inner-overlay.about-overlay img {
        top: -190px;
    }

    .moon-img-2 img {
        width: 20%;
    }

    footer.main-footer {
        padding: 0;
    }

    section.Heading-section.inner-pages {
        margin: 0;
    }

    section.about-video-section.about-sec {
        height: 920px;
    }

    .about-video.inner-about video {
        height: 920px;
    }
}

@media only screen and (min-width: 1563px) and (max-width: 1663px) {
    .header-nav nav ul {
        gap: 18px;
    }

    input.input-btn {
        width: 100%;
    }

    .footer-video.crystal-writing.about-footer-video video {
        height: 687px;
    }

    .footer-top-content.content.text-center.about-footer-text {
        padding: 50px 0 0 0;
    }

    .site-icon img {
        padding: 0 7px;
    }

    .main-side-nav {
        gap: 20px;
    }

    section.about-video-section {
        margin: -6px 0;
    }

    .about-moon-img-1.about-inner-moon img {
        width: 38%;
    }

    .about-content.about-inner-con {
        left: -96px;
        top: 200px;
    }

    .other-sec {
        height: 932px !important;
    }

    .about-video.inner-about {
        margin: 6px;
    }

    .banner-content.about {
        height: 20%;
    }

    .about-video.inner-about {
        margin: 6px 0;
    }

    .about-inner-overlay img {
        top: -176px;
    }

    section.Heading-section.inner-pages {
        margin: -12px 0 0;
    }

    .moon-img-2 img {
        width: 17%;
    }

    section.about-video-section.about-sec {
        margin: 0 0;
    }
}

@media only screen and (min-width: 1550px) and (max-width: 1562px) {
    header.main-header .container-fluid {
        padding: 0 75px;
    }

    .second-form-about img {
        top: -180px;
    }

    .site-icon img {
        padding: 0 12px;
    }

    .footer-top-content.content.text-center {
        padding-top: 80px;
    }

    .banner-content.about.contect.other-blog {
        height: 26%;
    }

    section.second-form {
        height: 779px;
    }

    section.about-video-section {
        margin: -6px 0px;
    }

    .about-moon-img-1 img {
        width: 45%;
    }

    section.about-video-section.about-sec {
        margin: 0 0;
    }

    .about-inner-overlay.about-overlay img {
        top: -170px;
    }

    .about-content.about-inner-con {
        left: 34px;
        width: 74%;
    }

    .footer-video.crystal-writing.about-footer-video video {
        height: 716px;
    }

    .abut-moon-img img {
        width: 82%;
    }

    .multiple.moon img {
        left: -80px;
        top: -190px;
        width: 93%;
    }

    section.product-sec {
        height: 700px;
    }

    .about-video video {
        height: 1070px;
        object-fit: cover;
    }

    .blog-inner-content {
        padding: 0;
    }

    .moon-img-2 img {
        width: 15%;
    }

    .second-form-overlay img {
        height: 784px;
    }

    .second-form-overlay-img img {
        top: 620px;
    }

    footer.main-footer {
        padding: 0;
        margin-bottom: 0;
    }

    .about-video.inner-about video {
        height: 920px;
    }

    section.second-form.abou-inn {
        margin: 6px 0;
    }
}

@media only screen and (min-width: 1440px) and (max-width: 1550px) {
    header.main-header .container-fluid {
        padding: 0 70px;
    }

    .site-icon img {
        padding: 0 5px 0 35px;
    }

    .site-icon img {
        padding: 0 7px;
    }

    .main-side-nav {
        gap: 4px;
    }

    .gallexy-overlay img {
        top: 330px;
    }

    .second-form-about img {
        top: -175px;
    }

    input.input-btn {
        width: 100%;
    }

    .about-video video {
        object-fit: cover;
        height: 1070px;
    }

    .about-inner-overlay.about-overlay img {
        top: -160px;
    }

    .about-video.inner-about video.w-100.lozad {
        height: 920px;
        object-fit: cover;
    }

    .about-content.about-inner-con {
        width: 75%;
        left: 11px;
        top: 220px;
    }

    .about-content {
        position: absolute;
        top: 360px;
        width: 86%;
        left: 119px;
    }

    .second-form-overlay-img img {
        top: 610px;
    }

    .multiple.moon img {
        position: absolute;
        top: -248px;
        z-index: 6;
        left: -130px;
        width: 100%;
    }

    .moon-img-2 img {
        width: 16%;
    }

    .form-main {
        bottom: -160px;
    }

    .blog-inner-content {
        padding: 0;
    }

    section.about-video-section {
        margin: -6px 0;
    }

    .about-moon-img-1 img {
        width: 45%;
    }

    .about-moon-img-1 img {
        width: 46%;
    }

    .abut-moon-img img {
        width: 88%;
    }
}

@media only screen and (min-width: 1340px) and (max-width: 1440px) {

    body {
        overflow-x: hidden;
        position: relative;
        background-color: #0000009c;
        z-index: 3;
        overflow-y: hidden;
    }

    .second-form-about img {
        top: -164px;
    }

    .second-form-overlay.last-about.crystals-waiting img {
        height: 1240px;
    }

    section.blog-section.crystals-waiting-write.blog-write {
        height: 1241px;
    }

    .footer-top-content.content.text-center.about-footer-text {
        padding-top: 70px;
    }

    .header-logo {
        left: 581px;
    }

    .prod__detail__2 img {
        height: 1050px !important;
    }

    section.Heading-section.inner-pages.about-heading-sec {
        margin: 0;
    }

    .banner-image img {
        height: 500px;
    }

    .header-nav nav ul li a {
        display: block;
        font-size: 14px;
    }

    header.main-header .container-fluid {
        padding: 0 30px;
    }

    .about-content.about-inner-con {
        top: 300px;
        width: 78%;
        left: 40px;
    }

    section.second-form.abou-inn {
        margin: 12px 0 0;
    }

    .about-moon-img-1 img {
        width: 36%;
        top: 219px !important;
    }

    .heading-overlay img {
        top: -164px;
    }

    .about-video.inner-about video {
        margin: 6px 0;
    }

    section.Heading-section.inner-pages {
        margin: -12px 0;
    }

    section.Heading-section.inner-pages {
        margin: -12px 0;
    }

    .abut-moon-img img {
        width: 74%;
    }

    section.about-video-section {
        overflow-x: hidden;
        overflow-y: hidden;
        margin: -6px 0;
    }

    .multiple.moon img {
        position: absolute;
        top: -168px;
        z-index: 6;
        left: 28px;
        width: 91%;
    }

    section.product-sec.inner {
        height: unset;
    }

    .main-side-nav {
        gap: 1px;
        width: 109%;
        justify-content: start;
    }

    section.blog-section {
        margin: -6px 0 0;
        padding: 30px 0;
    }

    .about-video video {
        height: 880px;
        object-fit: cover;
    }

    .abut-moon-img {
        top: 270px;
    }

    section.product-sec .container-fluid {
        padding: 306px 132px 0;
    }

    .moon-img-2 img {
        width: 24%;
        right: -140px;
        top: -90px;
        z-index: 1;
    }

    .banner-content {
        height: 95%;
    }

    .header-site-btn input.input-btn {
        width: 100%;
    }

    .site-icon img {
        padding: 0 12px;
    }

    .form-main {
        bottom: -180px;
    }

    footer.main-footer {
        /* margin: 113px 0 0; */
        padding: 0;
    }
}

@media only screen and (min-width: 1240px) and (max-width: 1339px) {
    .header-site-btn {
        width: 26%;
    }

    nav.list-items ul {
        gap: 35px;
    }

    .header-site-btn input.input-btn {
        width: 86%;
    }

    .main-side-nav {
        justify-content: start;
    }

    .second-form-about img {
        top: -153px;
    }

    .second-form-overlay.last-about.crystals-waiting img {
        height: 1250px;
    }

    section.blog-section.crystals-waiting-write.blog-write.blog-main {
        height: 1243px;
    }

    section.second-form.about-form {
        margin-bottom: 100px;
        height: 667px;
    }

    .second-form-overlay.sec-img img {
        height: 763px;
    }

    .second-form-overlay img {
        height: 748px;
    }

    .footer-video.crystal-writing.about-footer-video video {
        height: 636px;
    }

    .header-site-btn i {
        right: 30px;
    }

    .moon-img img {
        width: 80%;
    }

    .form-main {
        bottom: -32%;
    }

    .about-moon-img-1 img {
        width: 45%;
    }

    section.about-video-section {
        margin: -6px 0;
    }

    .about-overlay-img img {
        top: -150px;
    }

    section.product-sec .container-fluid {
        padding: 346px 132px 0;
    }

    header.main-header .container-fluid {
        padding: 0 40px;
    }

    .site-icon img {
        padding: 0 7px;
    }

    .abut-moon-img img {
        width: 73%;
    }

    .multiple.moon img {
        top: -140px;
        width: 87%;
        left: 80px;
    }

    .product-main-sec {
        top: 0;
    }

    .moon-img-2 img {
        width: 17%;
    }

    footer.main-footer {
        padding: 0;
    }

    footer.main-footer {
        padding: 0;
    }

    nav.list-items ul {
        gap: 35px;
    }

    .footer-top-content.content.text-center {
        padding: 0;
    }

    footer.main-footer {
        margin: 0;
    }

    section.about-video-section.about-sec {
        margin: 0;
    }

    .about-inner-overlay img {
        top: -149px;
    }

    .about-content.about-inner-con {
        top: 150px;
        width: 72%;
        left: 20px;
    }

    section.second-form.abou-inn {
        margin: 6px 0 0;
    }

    .second-form-about img {
        top: -160px;
    }

    .about-video video {
        height: 809px;
        object-fit: cover;
    }

    .main-side-nav {
        gap: 10px;
    }

    .about-content {
        top: 335px;
    }

    section.second-form {
        height: 752px;
    }

    section.product-sec.inner {
        height: 790px;
    }

    .blog-sec img {
        top: -142px;
    }

    .heading-inner-con {
        padding: 50px;
    }
}

@media only screen and (min-width: 100px) and (max-width: 1340px) {
    .prod__detail__2 img {
        height: 1200px !important;
    }

    .header-logo {
        /* margin: 0px -10px; */
        left: 48vw !important;
        transform: translate(-50%, 0%) !important;
    }

    .footer-video video.w-100.lozad {
        height: 780px;
    }
}


@media only screen and (min-width: 1140px) and (max-width: 1239px) {
    .prod__detail__2 img {
        height: 1100px !important;
    }

    .header-site-btn {
        display: none;
    }

    button.canvas-button {
        left: auto;
        right: 30px;
    }

    .second-form-overlay.last-about.crystals-waiting img {
        height: 1110px;
    }

    section.blog-section.crystals-waiting-write.blog-write {
        height: 1111px;
    }

    .second-form-about img {
        top: -136px;
    }

    .banner-content.about {
        height: 21%;
    }

    .main-side-nav {
        justify-content: space-around;
    }

    .site-icon img {
        padding: 0 20px;
    }

    section.about-video-section.about-sec {
        margin: 0;
    }

    .about-inner-overlay.about-overlay img {
        top: -140px;
    }

    .about-video.inner-about video {
        height: 700px;
        object-fit: cover;
    }

    .about-content.about-inner-con {
        top: 100px;
        left: 40px;
        width: 80%;
    }

    .footer-video.crystal-writing.about-footer-video video {
        height: 637px;
    }

    .heading-inner-con {
        padding: 50px 40px;
    }

    section.Heading-section.inner-pages {
        height: 740px;
    }

    .heading-overlay img {
        opacity: -226px;
    }

    footer.main-footer.cart.shop.poster {
        margin-bottom: 0px;
    }

    header.main-header .container-fluid {
        padding: 0 20px;
    }

    .abut-moon-img img {
        width: 63%;
    }

    .abut-moon-img {
        left: -280px;
        top: 267px;
    }

    .multiple.moon img {
        top: -109px;
        left: 100px;
    }

    footer.main-footer {
        margin-bottom: 0;
    }

    nav.list-items ul {
        gap: 35px;
    }

    section.product-sec .container-fluid {
        padding: 250px 70px 0px;
    }

    .product-main-sec.extra .container-fluid {
        padding: 101px 70px 0px;
    }

    .second-form-overlay img {
        height: 678px;
    }

    section.about-video-section {
        margin: -6px 0;
    }

    section.about-video-section {
        margin: -6px 0;
    }

    section.product-sec.inner {
        height: unset;
    }

    section.blog-section {
        margin: -6px 0 0;
    }

    section.second-form {
        margin: 0px -1px 0;
        height: 673px;
    }

    .moon-img-2 img {
        width: 200px;
    }

    .pro-img img {
        width: 270px;
        right: 0;
        top: -120px;
    }

    .pro-img img {
        width: 270px;
        right: 0;
    }

    .form-main {
        bottom: -262px;
    }

    .about-content {
        left: 40px;
        top: 312px;
    }

    .about-overlay-img img {
        top: -140px;
    }

    footer.main-footer {
        padding: 0;
    }

    .header-nav ul li {
        padding: 12px 0;
    }

    .about-moon-img-1 img {
        width: 46%;
    }

    .about-moon-img-1 img {
        width: 40%;
    }

    .multiple.moon img {
        left: 61px;
        width: 90%;
    }

    .blog-inner-content {
        padding: 130px;
    }

    .blog-sec img {
        top: -171px;
    }

    .blog-inner-content {
        padding: 22px;
    }

    section.product-sec {
        height: 720px;
    }


    .second-form-overlay-img img {
        top: 630px;
    }

    .header-nav nav ul {
        gap: 30px;
    }

    .header-nav nav ul {
        gap: 30px;
    }

    .about-video video {
        height: 800px;
        object-fit: cover;
    }

    .about-moon-img-1 img {
        right: -343px;
        top: 220px;
    }

    .footer-top-content.content.text-center.about-footer-text {
        padding: 60px 0px 0;
    }

    .gallexy-overlay img {
        top: 374px;
    }

    .footer-video.crystal-writing.about-footer-video video {
        height: 700px;
    }
}

@media only screen and (min-width: 1040px) and (max-width: 1139px) {
    .prod__detail__4 {
        top: 56% !important;
    }

    .header-nav nav ul {
        gap: 2px;
    }

    .gallexy-overlay img {
        top: 370px;
    }

    .footer-video.crystal-writing.about-footer-video video {
        height: 637px;
    }

    .header-site-btn {
        display: none;
    }

    header.main-header .container-fluid {
        padding: 0 50px;
    }

    .second-form-about img {
        top: -128px;
    }

    .second-form-overlay.last-about.crystals-waiting img {
        height: 1100px;
    }

    section.blog-section.crystals-waiting-write.blog-write {
        height: 1079px;
    }

    .header-nav nav ul li a {
        padding: 10px;
    }

    .header-nav {
        width: 119%;
    }

    .second-form-about img {
        top: -128px;
    }

    .header-logo a img {
        width: 70%;
    }

    .site-icon img {
        padding: 0px 8px;
    }

    .site-icon {
        width: 35%;
    }

    section.about-video-section {
        margin-top: -6px;
    }

    .about-overlay-img img {
        top: -139px;
    }

    .about-video video {
        height: 880px;
        object-fit: cover;
    }

    .abut-moon-img img {
        width: 55%;
    }

    .abut-moon-img {
        left: -223px;
        top: 330px;
    }

    .about-moon-img-1 img {
        width: 45%;
        top: 340px;
        right: -290px;
    }

    .about-content {
        top: 370px;
        left: 30px;
    }

    .form-main {
        height: 340px;
    }

    section.product-sec {
        height: 600px;
    }

    .multiple.moon img {
        left: 109px;
        top: -100px;
        width: 87%;
    }

    section.product-sec .container-fluid {
        padding-right: 92px;
        padding-left: 90px;
    }

    section.product-sec.inner {
        height: 864px;
    }

    .blog-sec img {
        top: -130px;
    }

    .blog-inner-content {
        padding: 0px;
    }

    .moon-img-2 img {
        width: 16%;
    }

    footer.main-footer {
        padding: 0;
    }

    .footer-top-content.content.text-center {
        padding: 0;
    }

    .second-form-overlay-img img {
        top: 660px;
    }

    nav.list-items ul {
        gap: 15px;
    }

    .about-moon-img-1 img {
        width: 46%;
    }

    .about-moon-img-1 img {
        width: 41%;
    }

    .about-overlay-img img {
        top: -120px;
    }

    .header-logo {
        text-align: center;
    }

    .moon-img-2 img {
        width: 12%;
    }

    .second-form-overlay-img img {
        top: 670px;
    }

    .heading-inner-con {
        padding: 40px 39px;
    }

    section.about-video-section.about-sec {
        margin: 0;
    }

    .about-moon-img-1.about-inner-moon img {
        width: 36%;
        top: 230px;
    }

    .about-content.about-inner-con {
        top: 250px;
        width: 90%;
        left: 9px;
    }

    .about-inner-overlay.about-overlay img {
        top: -119px;
    }
}

@media only screen and (min-width: 991px) and (max-width: 1039px) {
    .prod__detail__4 {
        top: 56% !important;
    }

    button.canvas-button {
        position: absolute;
        left: auto;
        right: 40px;
    }

    .moon-img-1 img {
        width: 179px;
    }

    .header-nav.responsive ul li a {
        display: block;
    }

    section.product-sec.inner {
        height: 658px;
    }

    .gallexy-overlay img {
        top: 380px;
    }

    .blog-inner-content {
        padding: 0;
    }

    .heading-overlay img {
        top: -90px;
    }

    input.input-btn {
        visibility: hidden;
    }

    .header-site-btn i {
        visibility: hidden;
    }

    .second-form-about img {
        top: -120px;
    }

    .second-form-overlay.last-about.crystals-waiting img {
        height: 1604px !important;
    }

    section.blog-section.crystals-waiting-write.blog-write {
        height: 1621px !important;
    }

    .about-video.inner-about.about-moon-video.other-video video {
        height: 500px;
    }

    .footer-video.crystal-writing.about-footer-video video {
        height: 770px;
    }

    section.about-video-section.about-sec {
        margin: 0;
    }

    .about-inner-overlay.about-overlay img {
        top: -110px;
    }

    .about-video.inner-about.about-moon-video video {
        height: 600px;
    }

    .about-content.about-inner-con.about-sec-con {
        left: 0px;
        padding: 0 40px;
        top: 110px;
    }

    .Heading-sec-con .container-fluid {
        margin: 0 40px;
    }

    .heading-inner-con {
        padding: 30px 30px;
    }

    .about-video video {
        height: 676px;
        object-fit: cover;
    }

    .header-nav nav ul li a {
        font-size: 13px;
    }

    .pro-img img {
        width: 24%;
        top: -79px;
    }

    .about-content {
        width: 90%;
        left: 70px;
    }

    .blog-sec img {
        top: -116px;
    }

    .second-form-overlay-img img {
        top: 670px;
    }

    footer.main-footer {
        padding: 0;
    }

    .moon-img-2 img {
        width: 14%;
    }

    .About-section-content p {
        font-size: 13px;
    }

    .header-nav ul li a {
        display: none;
    }

    section.about-video-section {
        margin: -6px 0;
    }

    .about-overlay-img img {
        top: -130px;
    }

    button.canvas-button {
        width: 59px;
        position: absolute;
        left: 82px;
        font-size: 28px;
    }

    button.canvas-button {
        display: block;
        background: none;
    }

    section.about-video-section video {
        height: 960px;
        object-fit: cover;
    }

    .abut-moon-img img {
        width: 50%;
    }

    .abut-moon-img {
        left: -206px;
        top: 509px;
    }

    .about-moon-img-1 img {
        width: 42%;
        right: -213px;
        top: 498px;
    }

    .about-content {
        width: 55%;
        left: 222px;
        top: 490px;
    }

    .form-main {
        bottom: -400px;
    }

    .form-main {
        height: 530px;
    }

    .header-nav {
        display: none;
    }

    .site-icon {
        display: none;
    }

    .header-site-btn i {
        right: 20px;
    }

    .multiple.moon img {
        top: -50px;
        left: 63px;
        width: 86%;
    }

    .moon-img-1 img {
        width: 179px;
    }

    .header-nav nav ul li a {
        font-size: 13px;
    }

    .header-logo {
        margin: 0px -60px;
        left: 141px !important;
    }

    .about-content {
        width: 90%;
        left: 70px;
    }

    .About-section-content p {
        font-size: 13px;
    }

    .header-nav {
        display: none;
    }

    .header-site-btn i {
        right: 30px;
    }

    button.canvas-button {
        width: 59px;
        position: absolute;
        right: 0;
        font-size: 28px;
    }

    button.canvas-button {
        display: block;
        background: none;
        left: auto;
        right: 50px;
    }

    section.about-video-section video {
        height: 960px;
        object-fit: cover;
    }

    .abut-moon-img img {
        width: 50%;
    }

    .abut-moon-img {
        left: -206px;
        top: 509px;
    }

    .about-moon-img-1 img {
        width: 42%;
        right: -213px;
        top: 498px;
    }

    .about-content {
        width: 83%;
        left: 94px;
        top: 490px;
    }

    .form-main {
        bottom: -400px;
    }

    .form-main {
        height: 520px;
    }

    .site-icon {
        display: none;
    }

    .site-icon {
        display: none;
    }

    .main-side-nav {
        z-index: 1;
        position: relative;
        justify-content: center;
    }

    header.main-header .container-fluid {
        padding: 0 47px;
    }

    .banner-content {
        height: 700px !important;
    }

    section.product-sec.moon {
        height: 600px;
    }

    section.product-sec .container-fluid {
        padding: 229px 82px 0;
    }

    .blog-sec-second img {
        position: absolute;
        bottom: 38px;
        width: 100%;
    }

    .product-main-sec.extra .container-fluid {
        padding: 70px 60px;
    }
}

@media (max-width: 1024px) {
    section.blog-section {
        top: 0;
    }

    .product-main-sec.extra .container-fluid {
        padding: 80px 70px;
    }

    .about-moon-img-1.about-inner-moon img {
        width: 37%;
        top: 130px;
        right: -40px;
    }

    .about-content.about-inner-con {
        top: 160px !important;
        width: 98% !important;
        left: 9px;
    }

    .about-inner-overlay.about-overlay img {
        top: -111px;
    }

    .second-form-overlay.last-about.crystals-waiting img {
        height: 1102px;
    }

    .heading-inner-con {
        top: 135px;
    }

    .footer-top-content.content.text-center.about-footer-text {
        padding: 30px 0;
    }

    .second-form-overlay img {
        height: 782px;
    }

    section.second-form {
        height: 773px;
    }

    section.blog-section.crystals-waiting-write.blog-write {
        height: 1080px;
    }
}

@media only screen and (max-width: 991px) and (min-width: 840px) {
    .prod__detail__2 img {
        height: 150rem !important;
    }

    .poster-section {
        top: 6%;
    }

    .prod__detail__4 {
        top: 53% !important;
    }

    .moon-img-1 img {
        width: 179px;
    }

    .second-form-overlay.contect-overlay img {
        height: 820px;
    }

    .header-nav nav ul li a {
        font-size: 13px;
    }

    input.input-btn {
        visibility: hidden;
    }

    .header-site-btn i {
        visibility: hidden;
    }

    form.slogen-form {
        margin: 0;
    }

    section.blog-section {
        padding-bottom: 80px;
    }

    .about-video.inner-about.about-moon-video video {
        height: 620px;
    }

    .second-form-overlay img {
        height: 749px;
    }

    .About-section-content.about-inner-con {
        /* padding: 0 50px; */
        left: -80px;
        top: -70px;
    }

    .second-form-overlay.sec-img img {
        height: 820px;
    }

    .header-logo {
        margin: 0px -10px;
        left: 80px !important;
    }

    .about-moon-img-1.about-inner-moon.about-1 img {
        width: 40%;
        top: 80px;
        right: -190px;
    }

    .about-content {
        width: 90%;
        left: 70px;
    }

    .About-section-content p {
        font-size: 16px;
    }

    .header-nav {
        display: none;
    }

    .header-site-btn i {
        right: 30px;
    }

    button.canvas-button {
        width: 59px;
        position: absolute;
        font-size: 28px;
        left: auto;
        right: 40px;
    }

    button.canvas-button {
        display: block;
        background: none;
        z-index: 9;
    }

    section.about-video-section video {
        height: 960px;
        object-fit: cover;
    }

    .abut-moon-img img {
        width: 49%;
    }

    .abut-moon-img {
        left: -226px;
        top: 575px;
    }

    .about-moon-img-1 img {
        width: 42%;
        right: -221px;
        top: 588px;
    }

    .about-content {
        width: 60%;
        left: 191px;
        top: 550px;
    }

    .form-main {
        bottom: -400px;
    }

    .form-main {
        height: 446px;
    }

    .site-icon {
        display: none;
    }

    .site-icon {
        display: none;
    }

    .main-side-nav {
        z-index: 1;
        position: relative;
        justify-content: end;
        margin: 0 30px;
    }

    header.main-header .container-fluid {
        padding: 0 47px;
    }

    .banner-content {
        height: 670px;
    }

    section.product-sec.moon {
        height: 600px;
    }

    section.about-video-section {
        margin: -6px 0px;
    }

    .about-overlay-img img {
        top: -91px;
        z-index: 0;
    }

    .multiple.moon img {
        top: -43px;
        left: 100px;
        width: 830px;
    }

    .multiple.moon img {
        top: -143px;
        left: -20px;
        width: 847px;
    }

    section.product-sec .container-fluid {
        padding: 50px 90px 0;
    }

    .pro-img img {
        width: 22%;
        top: 130px;
        right: -90px;
    }

    .slider-image {
        width: 80%;
        margin: 0 auto;
    }

    .product-slider {
        margin: 80px 0;
    }

    .about-video video.w-100.lozad {
        height: 1094px;
        object-fit: cover;
    }

    .blog-sec img {
        top: -120px;
    }

    .blog-inner-content {
        padding: 0;
    }

    section.product-sec.inner {
        height: 1078px;
    }

    .blog-inner-content {
        padding: 0;
    }

    .moon-img-2 img {
        width: 13%;
    }

    .blog-inner-content {
        padding: 0;
    }

    .moon-img-2 img {
        width: 13%;
    }

    footer.main-footer {
        margin: -29px;
    }

    footer.main-footer {
        margin: -29px;
        height: 730px;
    }

    .printing-img {
        margin: 30px 0 0;
    }

    nav.list-items ul {
        gap: 27px;
    }

    section.second-form {
        height: 853px;
    }

    .second-form-about img {
        top: -110px;
    }
}

@media only screen and (max-width: 990px) and (min-width: 840px) {

    .about-video.inner-about.about-moon-video.other-video video {
        height: 520px;
    }

    .heading-overlay img {
        top: -90px;
    }
    .sop-sec .container-fluid {
        padding: 0 50px;
    }
    .gallexy-overlay img {
        top: 388px;
    }
    footer.main-footer.cart-detail.shop.poster.product-detail {
        height: 807px;
    }

    section.blog-section.crystals-waiting-write.blog-write.blog-main {
        height: 1567px;
    }

    .second-form-overlay.last-about.crystals-waiting img {
        height: 1550px;
    }

    input.input-btn {
        visibility: hidden;
    }

    .header-site-btn i {
        visibility: hidden;
    }

    .heading-inner-con {
        padding: 30px 40px;
    }
    .footer-video video.w-100.lozad{
        top: 133px;
    }
}

@media only screen and (max-width: 839px) and (min-width: 740px) {
    .prod-detail {
        height: unset !important;
    }

    .prod__detail__2 img {
        height: 145rem !important
    }

    .poster-section {
        top: 6%;
    }

    .prod__detail__4 {
        top: 51.7% !important;
    }

    input.input-btn {
        visibility: hidden;
    }

    .header-site-btn i {
        visibility: hidden;
    }

    .moon-img-1 img {
        width: 179px;
    }

    .heading-img img {
        height: 760px;
        object-fit: cover;
    }

    .banner-image.contect img {
        height: 500px;
    }

    .about-video.inner-about.about-moon-video.other-video video {
        height: 650px;
    }

    section.about-banner.shop.product.main-detail {
        height: unset;
    }

    .gallexy-overlay img {
        top: 409px;
    }

    .about-moon-img-1.about-inner-moon.about-1 img {
        right: -200px;
        top: 160px;
        width: 48%;
    }

    .second-form-overlay.last-about.crystals-waiting img {
        height: 1597px;
    }

    .heading-overlay img {
        top: -100px;
    }

    .second-form-overlay img {
        height: 776px;
    }

    .About-section-content.about-inner-con {
        padding: 0 0px;
        left: -19px;
    }

    .header-nav nav ul li a {
        font-size: 13px;
    }

    .banner-image img {
        height: 494px;
    }

    .about-video.inner-about.about-moon-video video {
        height: 730px;
    }

    .about-inner-overlay.about-overlay img {
        top: revert-layer;
    }

    .Heading-sec-con .container-fluid {
        margin: 0 0px;
    }

    .heading-inner-con {
        padding: 20px 50px;
    }

    section.about-banner {
        height: 500px;
    }

    .header-logo {
        /* margin: 0px -10px; */
        left: 81px !important;
    }

    .about-content {
        width: 90%;
        left: 70px;
    }

    .About-section-content p {
        font-size: 13px;
    }

    .header-nav {
        display: none;
    }

    .header-site-btn i {
        right: 30px;
    }

    button.canvas-button {
        width: 59px;
        position: absolute;
        left: auto;
        right: 28px;
    }

    button.canvas-button {
        display: block;
        background: none;
        z-index: 9;
    }

    section.about-video-section video {
        height: 960px;
        object-fit: cover;
    }

    .abut-moon-img img {
        width: 46%;
    }

    .abut-moon-img {
        left: -206px;
        top: 579px;
    }

    .about-moon-img-1 img {
        width: 42%;
        right: -221px;
        top: 588px;
    }

    .about-content {
        width: 60%;
        left: 191px;
        top: 520px;
    }

    .form-main {
        bottom: -400px;
    }

    .form-main {
        height: 468px;
    }

    .site-icon {
        display: none;
    }

    .site-icon {
        display: none;
    }

    .main-side-nav {
        z-index: 1;
        position: relative;
        justify-content: end;
        margin: 0 30px;
    }

    header.main-header .container-fluid {
        padding: 0 47px;
    }

    .banner-content {
        height: 660px !important;
    }

    section.product-sec.moon {
        height: 600px;
    }

    section.about-video-section {
        margin: -6px 0px;
    }

    .about-overlay-img img {
        top: -91px;
        z-index: 0;
    }

    .multiple.moon img {
        top: -43px;
        left: 100px;
        width: 830px;
    }

    .multiple.moon img {
        top: -63px;
        left: -20px;
        width: 847px;
    }

    section.product-sec .container-fluid {
        padding: 150px 90px 0;
    }

    .pro-img img {
        width: 30%;
        top: 130px;
        right: -90px;
    }

    .slider-image {
        width: 80%;
        margin: 0 auto;
    }

    .product-slider {
        margin: 80px 0;
    }

    .about-video video.w-100.lozad {
        height: 1010px;
        object-fit: cover;
    }

    .blog-sec img {
        top: -89px;
    }

    .blog-inner-content {
        padding: 0;
    }

    .blog-inner-content {
        padding: 0;
    }

    section.product-sec.inner {
        height: 994px;
    }

    .moon-img-2 img {
        width: 13%;
    }

    .blog-inner-content {
        padding: 0;
    }

    .moon-img-2 img {
        width: 13%;
    }

    footer.main-footer {
        margin: -29px;
    }

    footer.main-footer {
        margin: 7px 0;
    }

    .printing-img {
        margin: 30px 0 0;
    }

    nav.list-items ul {
        gap: 27px;
    }

    form.slogen-form {
        padding: 30px;
        /* margin-top: 150px; */
    }

    .btn a {
        padding: 11px 50px;
    }

    .banner-image video {
        height: 540px;
        object-fit: cover;
    }

    .footer-video.crystal-writing video {
        height: 796px !important;
    }

    section.blog-section.crystals-waiting-write.blog-write {
        height: unset;
    }

    .second-form-about img {
        top: -81px;
    }

    .banner-content.about.contect {
        height: 30%;
    }

    .about-content.about-inner-con {
        top: 200px !important;
        width: 73% !important;
        left: 41px;
    }

    section.Heading-section.inner-pages.about-heading-sec {
        /* padding: 78px 0 0; */
        height: 710px;
    }

    section.Heading-section:before {
        max-height: 820px;
    }

    .Heading-sec-con {
        top: -130px;
    }

    .footer-video.crystal-writing.about-footer-video video {
        height: 859px !important;
    }

    .banner-content.about.contect.other-blog {
        height: 22%;
    }
    .sop-sec .container-fluid {
        padding: 10px 40px;
    }
}

@media only screen and (max-width: 739px) and (min-width: 640px) {
    .poster-section {
        top: 6%;
    }

    .gallexy-overlay img {
        top: 410px;
    }

    .related-product-inner-con {
        margin-bottom: 1.5rem;
    }

    .prod__detail__4 {
        top: 55% !important;
    }

    input.input-btn {
        visibility: hidden;
    }

    .header-site-btn i {
        visibility: hidden;
    }

    .prod-detail {
        height: unset !important;
    }

    .prod__detail__2 img {
        height: 132rem !important
    }

    footer.main-footer {
        padding: 0;
    }

    section.blog-section.crystals-waiting-write.blog-write {
        height: unset !important;
    }

    input.input-btn {
        width: 150px;
    }

    .about-moon-img-1.about-inner-moon img {
        width: 47%;
        top: 167px;
        right: -170px;
    }

    .second-form-about img {
        top: -100px;
    }

    .about-video.inner-about.about-moon-video.other-video video {
        height: 500px;
    }

    .about-content.about-inner-con.about-sec-con .container {
        margin: 0;
    }

    .about-video.inner-about.about-moon-video video {
        height: 630px;
    }

    .site-icon img {
        padding: 0 11px;
    }

    .second-form-overlay img {
        height: 774px;
    }

    .second-form-overlay-img img {
        top: 690px;
    }

    .second-form-overlay.last-about.crystals-waiting img {
        height: 3390px;
    }

    .Heading-sec-con .container-fluid {
        margin: 0 0;
    }

    .heading-inner-con {
        padding: 20px 40px;
    }

    .heading-overlay img {
        top: -80px;
    }

    .about-moon-img-1 img {
        max-width: 730px;
        width: 100%;
    }

    .multiple.moon img {
        left: -200px;
        top: -290px;
    }

    .about-video.inner-about.about-moon-video video {
        height: 640px;
    }

    .about-inner-overlay.about-overlay img {
        top: -80px;
    }

    .multiple.moon img {
        left: -200px;
        top: -290px;
    }

    .abut-moon-img img {
        width: 100%;
        max-width: 760px;
    }

    .moon-img-1 img {
        width: 179px;
    }

    .header-nav nav ul li a {
        font-size: 13px;
    }

    .header-logo {
        /* margin: 0px -10px; */
        left: 257px !important;
    }

    .about-content {
        width: 90%;
        left: 70px;
    }

    .About-section-content p {
        font-size: 13px;
    }

    .header-nav {
        display: none;
    }

    .header-site-btn i {
        right: 30px;
    }

    button.canvas-button {
        width: 59px;
        position: absolute;
        left: auto;
        font-size: 28px;
        right: 30px;
    }

    button.canvas-button {
        display: block;
        background: none;
        z-index: 9;
    }

    section.about-video-section video {
        height: 960px;
        object-fit: cover;
    }

    .abut-moon-img img {
        width: 40%;
    }

    .abut-moon-img {
        left: -206px;
        top: 579px;
    }

    .about-moon-img-1 img {
        width: 45%;
        right: -221px;
        top: 588px;
    }

    .about-content {
        width: 78%;
        left: 81px;
        top: 550px;
    }

    .form-main {
        bottom: -400px;
    }

    .form-main {
        height: 468px;
    }

    .site-icon {
        display: none;
    }

    .site-icon {
        display: none;
    }

    .main-side-nav {
        z-index: 1;
        position: relative;
        justify-content: end;
        margin: 0 30px;
    }

    header.main-header .container-fluid {
        padding: 0 47px;
    }

    .banner-content {
        height: 650px !important;
    }

    section.about-video-section {
        margin: -6px 0px;
    }

    .about-overlay-img img {
        top: -91px;
        z-index: 0;
    }

    .multiple.moon img {
        top: -43px;
        left: 100px;
        width: 830px;
    }

    .multiple.moon img {
        top: -143px;
        left: -20px;
        width: 777px;
    }

    section.product-sec .container-fluid {
        padding: 150px 90px 0;
    }

    .pro-img img {
        width: 30%;
        top: 130px;
        right: -90px;
    }

    .slider-image {
        width: 80%;
        margin: 0 auto;
    }

    .product-slider {
        margin: 80px 0;
    }

    .about-video video.w-100.lozad {
        height: 1070px;
        object-fit: cover;
    }

    .blog-sec img {
        top: -80px;
    }

    .blog-inner-content {
        padding: 0;
    }

    .blog-inner-content {
        padding: 0;
    }

    .moon-img-2 img {
        width: 13%;
    }

    .blog-inner-content {
        padding: 0;
    }

    .moon-img-2 img {
        width: 13%;
    }

    footer.main-footer {
        margin: -29px;
    }

    footer.main-footer {
        margin: 7px 0;
    }

    .printing-img {
        margin: 30px 0 0;
    }

    nav.list-items ul {
        gap: 27px;
    }

    form.slogen-form {
        padding: 30px;
    }

    .banner-image video {
        height: 540px;
        object-fit: cover;
    }

    .header-logo a img {
        width: 141px;
        left: -270px;
        position: absolute;
    }

    .banner-content.about.contect {
        height: 14%;
    }

    .footer-video.crystal-writing video {
        height: 796px !important;
    }
}

@media only screen and (max-width: 639px) and (min-width: 540px) {
    .poster-section {
        top: 6%;
    }

    .gallexy-overlay img {
        top: 420px;
    }

    .related-product-inner-con {
        margin-bottom: 1.5rem;
    }

    .prod__detail__4 {
        top: 54% !important;
    }

    .prod-detail {
        height: unset !important;
    }

    .prod__detail__2 img {
        height: 132rem !important
    }

    footer.main-footer {
        padding: 0;
    }

    input.input-btn {
        visibility: hidden;
    }

    .header-site-btn i {
        visibility: hidden;
    }

    .second-form-about img {
        top: -70px;
    }

    section.blog-section.crystals-waiting-write.blog-write.blog-main {
        height: 3370px;
    }

    .second-form-overlay.last-about.crystals-waiting img {
        height: 3390px;
    }

    .site-icon img {
        padding: 0 11px;
    }

    .heading-overlay img {
        top: -90px;
    }

    .about-inner-overlay.about-overlay img {
        top: -70px;
    }

    .about-video.inner-about.about-moon-video.other-video video {
        height: 500px;
    }

    .second-form-overlay img {
        height: 768px;
    }

    .footer-video video.w-100.lozad {
        height: 809px !important;
    }

    .about-moon-img-1 img {
        max-width: 730px;
        width: 100%;
    }

    .multiple.moon img {
        left: -200px;
        top: -290px;
    }

    input.input-btn {
        width: 119px;
    }

    .Heading-sec-con .container-fluid {
        margin: 0 0;
    }

    .heading-inner-con {
        padding: 20px 40px;
    }

    .multiple.moon img {
        left: -200px;
        top: -290px;
    }

    .abut-moon-img img {
        width: 100%;
        max-width: 760px;
    }

    .moon-img-1 img {
        width: 179px;
    }

    .footer-video.crystal-writing video {
        height: 796px !important;
    }

    .header-nav nav ul li a {
        font-size: 13px;
    }

    .header-logo {
        /* margin: 0px -10px; */
        left: 156px;
    }

    .about-content {
        width: 90%;
        left: 70px;
    }

    .About-section-content p {
        font-size: 12px;
    }

    .header-nav {
        display: none;
    }

    .header-site-btn i {
        right: 30px;
    }

    button.canvas-button {
        width: 59px;
        position: absolute;
        left: auto;
        font-size: 28px;
        right: 43px;
    }

    button.canvas-button {
        display: block;
        background: none;
        z-index: 9;
    }

    section.about-video-section video {
        height: 960px;
        object-fit: cover;
    }

    .abut-moon-img img {
        width: 40%;
    }

    .abut-moon-img {
        left: -217px;
        top: 579px;
    }

    .about-moon-img-1 img {
        width: 45%;
        right: -221px;
        top: 588px;
        display: none;
    }

    .about-content {
        width: 84%;
        left: 90px;
        top: 550px;
    }

    .form-main {
        bottom: -400px;
    }

    .form-main {
        height: 468px;
    }

    .site-icon {
        display: none;
    }

    .site-icon {
        display: none;
    }

    .main-side-nav {
        z-index: 1;
        position: relative;
        justify-content: end;
        margin: 0 30px;
    }

    header.main-header .container-fluid {
        padding: 0 47px;
    }

    .banner-content {
        height: 650px !important;
    }

    section.product-sec.moon {
        height: 600px;
    }

    section.about-video-section {
        margin: -6px 0px;
    }

    .about-overlay-img img {
        top: -71px;
        z-index: 0;
    }

    .multiple.moon img {
        top: -43px;
        left: 100px;
        width: 830px;
    }

    .multiple.moon img {
        top: -143px;
        left: -20px;
        width: 777px;
        display: none;
    }

    section.product-sec .container-fluid {
        padding: 150px 90px 0 !important;
    }

    .pro-img img {
        width: 30%;
        top: 130px;
        right: -90px;
    }

    .slider-image {
        width: 80%;
        margin: 0 auto;
    }

    section.second-form {
        height: 765px;
    }

    .product-slider {
        margin: 80px 0;
    }

    .about-video video.w-100.lozad {
        height: 945px;
        object-fit: cover;
    }

    .blog-sec img {
        top: 11px;
    }

    .blog-inner-content {
        padding: 0;
    }

    .blog-inner-content {
        padding: 0;
    }

    .moon-img-2 img {
        width: 13%;
    }

    .blog-inner-content {
        padding: 0;
    }

    .moon-img-2 img {
        width: 13%;
    }

    footer.main-footer {
        margin: -29px;
    }

    footer.main-footer {
        margin: 7px 0;
        padding: 50px 0 0;
    }

    .printing-img {
        margin: 30px 0 0;
    }

    nav.list-items ul {
        gap: 27px;
    }

    form.slogen-form {
        padding: 30px;
    }

    .banner-image video {
        height: 540px;
        object-fit: cover;
    }

    .header-logo a img {
        width: 141px;
        position: absolute;
        left: -90px;
    }

    section.product-sec.inner {
        height: 929px;
    }
}

@media only screen and (min-width: 100px) and (max-width: 629px) {

    .poster-section .container-fluid {
        padding: 0px 30px;
    }

    section.blog-section.crystals-waiting-write.blog-write.blog-main {
        height: 3370px;
    }

    input.input-btn {
        visibility: hidden;
    }

    .header-site-btn i {
        visibility: hidden;
    }

    .second-form-overlay.last-about.crystals-waiting img {
        height: 3390px;
    }

    input.input-btn {
        width: 140px;
    }

}

@media only screen and (min-width: 100px) and (max-width: 575px) {
    .prod__detail__4 .related-product-inner-con img {
        width: 80%;
        margin: 0 auto;
        display: block;
    }

    .prod__detail__4 .related-product-inner-con {
        text-align: center;
    }

    input.input-btn {
        visibility: hidden;
    }

    .header-site-btn i {
        visibility: hidden;
    }

    .poster-section {
        top: 3.5%;
    }

    .related-product-inner-con {
        margin-bottom: 1.5rem;
    }

    .prod__detail__4 {
        top: 54% !important;
    }

    .prod-detail {
        height: unset !important;
    }

    .prod__detail__2 img {
        height: 250rem !important;
    }

    .banner-content.about.contect {
        height: 26%;
    }

    section.blog-section.crystals-waiting-write.blog-write.blog-main {
        height: 3450px;
    }

    .prod__detail__4 {
        top: 36.5% !important;
    }
}

@media only screen and (max-width: 539px) and (min-width: 440px) {
    .prod__detail__4 {
        top: 40.5% !important;
    }

    .prod__detail__2 img {
        height: 258rem !important;
    }

    footer.main-footer {
        padding: 0;
    }

    input.input-btn {
        visibility: hidden;
    }

    .header-site-btn i {
        visibility: hidden;
    }

    .site-icon img {
        padding: 0 11px;
    }

    .second-form-about img {
        top: -60px;
    }

    section.blog-section.crystals-waiting-write.blog-write.blog-main {
        height: 3370px;
    }

    .second-form-overlay.last-about.crystals-waiting img {
        height: 3390px;
    }

    .about-video.inner-about.about-moon-video.other-video video {
        height: 600px;
    }

    .about-inner-overlay.about-overlay img {
        top: -54px;
    }

    .about-moon-img-1 img {
        max-width: 730px;
        width: 100%;
    }

    .multiple.moon img {
        left: -200px;
        top: -290px;
    }

    .multiple.moon img {
        left: -200px;
        top: -290px;
    }

    .about-video video {
        height: 929px;
        object-fit: cover;
    }

    .second-form-overlay img {
        height: 769px;
    }

    .Heading-sec-con .container-fluid {
        margin: 0 0;
    }

    .product-main-sec.extra .container-fluid {
        padding-top: 210px;
    }

    .heading-inner-con {
        padding: 20px 40px;
    }

    section.product-sec.inner {
        height: unset;
    }

    .footer-video.crystal-writing video {
        height: 839px !important;
    }

    .abut-moon-img img {
        width: 100%;
        max-width: 760px;
    }

    .moon-img-1 img {
        width: 179px;
    }

    .header-nav nav ul li a {
        font-size: 13px;
    }

    .header-logo {
        /* margin: 0px -10px; */
        left: 156px;
    }

    .about-content {
        width: 90%;
        left: 70px;
    }

    section.product-sec.inner {
        height: 914px;
    }

    .About-section-content p {
        font-size: 13px;
    }

    .header-nav {
        display: none;
    }

    section.blog-section.crystals-waiting-write.blog-write {
        height: unset !important;
    }

    .header-site-btn i {
        right: 30px;
    }

    button.canvas-button {
        width: 59px;
        position: absolute;
        left: auto;
        font-size: 28px;
        right: 30px;
    }

    button.canvas-button {
        display: block;
        background: none;
        z-index: 9;
    }

    section.about-video-section video {
        height: 960px;
        object-fit: cover;
    }

    .abut-moon-img img {
        width: 40%;
        display: none;
    }

    .abut-moon-img {
        left: -206px;
        top: 579px;
    }

    .about-moon-img-1 img {
        width: 45%;
        right: -221px;
        top: 588px;
        display: none;
    }

    .about-content {
        width: 112%;
        left: -19px;
        top: 550px;
        padding: 0 30px;
    }

    .form-main {
        bottom: -400px;
    }

    .form-main {
        height: 468px;
    }

    .site-icon {
        display: none;
    }

    .site-icon {
        display: none;
    }

    .main-side-nav {
        z-index: 1;
        position: relative;
        justify-content: end;
        margin: 0 30px;
    }

    header.main-header .container-fluid {
        padding: 0 47px;
    }

    .banner-content {
        height: 650px !important;
    }

    section.product-sec.moon {
        height: 600px;
    }

    section.about-video-section {
        margin: -6px 0px;
    }

    .about-overlay-img img {
        top: -91px;
        z-index: 0;
    }

    .multiple.moon img {
        top: -43px;
        left: 100px;
        width: 830px;
    }

    .multiple.moon img {
        top: -143px;
        left: -20px;
        width: 777px;
        display: none;
    }

    section.product-sec .container-fluid {
        padding: 150px 50px 0;
    }

    .pro-img img {
        width: 36%;
        top: 200px;
        right: -10px;
    }

    .slider-image {
        width: 80%;
        margin: 0 auto;
    }

    .product-slider {
        margin: 80px 0;
    }


    .blog-sec img {
        top: -60px;
    }

    .blog-inner-content {
        padding: 0;
    }

    .blog-inner-content {
        padding: 0;
    }

    .moon-img-2 img {
        width: 13%;
    }

    .blog-inner-content {
        padding: 0;
    }

    .moon-img-2 img {
        width: 13%;
    }

    footer.main-footer {
        margin: -29px;
    }

    footer.main-footer {
        margin: 7px 0;
        padding: 40px 0 0;
    }

    .printing-img {
        margin: 30px 0 0;
    }

    nav.list-items ul {
        gap: 27px;
    }

    form.slogen-form {
        padding: 30px;
    }

    .banner-image video {
        height: 540px;
        object-fit: cover;
    }

    .header-logo a img {
        width: 141px;
    }

    .btn a {
        padding: 8px 43px;
    }

    .header-site-btn {
        visibility: hidden;
    }
}


@media only screen and (min-width: 100px) and (max-width: 500px) {
    .prod__detail__4 {
        top: 42.5% !important;
    }

    .prod__detail__2 img {
        height: 236rem !important;
    }

    .poster-side-sec {
        padding-left: 10px;
    }

    input.input-btn {
        visibility: hidden;
    }

    .header-site-btn i {
        visibility: hidden;
    }

    .about-overlay-img img {
        top: -60px;
    }

    section.blog-section.crystals-waiting-write.blog-write.blog-main {
        height: 3370px;
    }

    .second-form-overlay.last-about.crystals-waiting img {
        height: 3390px;
    }
}

@media only screen and (max-width: 439px) and (min-width: 340px) {
    .poster-section .container-fluid {
        padding: 0px 49px;
    }

    .prod__detail__4 {
        top: 44% !important;
    }

    input.input-btn {
        visibility: hidden;
    }

    .header-site-btn i {
        visibility: hidden;
    }

    .prod__detail__2 img {
        height: 245rem !important;
    }

    footer.main-footer {
        padding: 0;
    }

    .second-form-about img {
        top: -50px;
    }

    .about-video.inner-about.about-moon-video.other-video video {
        height: 650px;
    }

    section.blog-section.crystals-waiting-write.blog-write.blog-main {
        height: 3370px;
    }

    .second-form-overlay.last-about.crystals-waiting img {
        height: 3390px;
    }

    .second-form-overlay img {
        height: 766px;
    }

    section.about-banner {
        height: 405px;
    }

    .about-inner-overlay.about-overlay img {
        top: -42px;
    }

    .banner-image img {
        height: 405px !important;
    }

    .site-icon img {
        padding: 0 11px;
    }

    .footer-video.crystal-writing video {
        height: 796px !important;
    }

    .Heading-sec-con .container-fluid {
        margin: 0 0;
    }

    .heading-inner-con {
        padding: 20px 40px;
        top: 80px;
    }

    .about-moon-img-1 img {
        max-width: 730px;
        width: 100%;
    }

    .multiple.moon img {
        left: -200px;
        top: -290px;
    }

    .multiple.moon img {
        left: -200px;
        top: -290px;
    }

    .header-site-btn {
        visibility: hidden;
    }

    .about-video video.w-100.lozad {
        height: 930px;
        object-fit: cover;
    }

    input.input-btn {
        visibility: hidden;
    }

    .header-site-btn i {
        visibility: hidden;
    }

    .blog-sec img {
        top: -60px;
    }

    .abut-moon-img img {
        width: 100%;
        max-width: 760px;
    }

    .moon-img-1 img {
        width: 179px;
    }

    .header-nav nav ul li a {
        font-size: 13px;
    }

    .header-logo {
        /* margin: 0px -10px; */
        left: 67px !important;
    }

    .about-content {
        width: 90%;
        left: 70px;
    }

    .About-section-content p {
        font-size: 13px;
    }

    .header-nav {
        display: none;
    }

    .header-site-btn i {
        right: 30px;
    }

    button.canvas-button {
        width: 59px;
        position: absolute;
        left: auto;
        font-size: 28px;
        right: 30px;
    }

    button.canvas-button {
        display: block;
        background: none;
        z-index: 9;
    }

    section.about-video-section video {
        height: 960px;
        object-fit: cover;
    }

    .abut-moon-img img {
        width: 40%;
    }

    .abut-moon-img {
        left: -206px;
        top: 579px;
        display: none;
    }

    .about-moon-img-1 img {
        width: 45%;
        right: -221px;
        top: 588px;
    }

    .about-content {
        width: 100%;
        left: 1px;
        top: 550px;
    }

    .form-main {
        bottom: -400px;
    }

    .form-main {
        height: 468px;
    }

    .site-icon {
        display: none;
    }

    .site-icon {
        display: none;
    }

    .main-side-nav {
        z-index: 1;
        position: relative;
        justify-content: end;
        margin: 0 30px;
    }

    header.main-header .container-fluid {
        padding: 0 47px;
    }

    .banner-content {
        height: 650px;
    }

    section.product-sec.moon {
        height: 850px;
    }

    section.about-video-section {
        margin: -6px 0px;
    }

    .about-overlay-img img {
        top: -41px;
        z-index: 0;
    }

    .multiple.moon img {
        top: -43px;
        left: 100px;
        width: 830px;
    }

    .multiple.moon img {
        top: -143px;
        left: -20px;
        width: 777px;
        display: none;
    }

    section.product-sec .container-fluid {
        padding: 283px 40px 0px;
    }

    .pro-img img {
        width: 30%;
        top: 220px;
        right: 0px;
    }

    .slider-image {
        width: 80%;
        margin: 0 auto;
    }

    .product-slider {
        margin: 80px 0;
    }

    .about-content.about-inner-con.about-sec-con {
        width: 370px;
        top: 50px;
    }

    .about-moon-img-1.about-inner-moon.about-1 img {
        display: none;
    }

    .About-section-content.about-inner-con {
        text-align: center;
    }

    .about-video video.w-100.lozad {
        height: 884px;
        object-fit: cover;
    }

    .blog-sec img {
        top: -44px;
    }

    .blog-inner-content {
        padding: 0;
    }

    .blog-inner-content {
        padding: 0;
    }

    .moon-img-2 img {
        width: 13%;
    }

    .blog-inner-content {
        padding: 0;
    }

    .moon-img-2 img {
        width: 13%;
    }

    footer.main-footer {
        margin: -29px;
    }

    footer.main-footer {
        margin: 7px 0;
    }

    .printing-img {
        margin: 30px 0 0;
    }

    nav.list-items ul {
        gap: 27px;
    }

    form.slogen-form {
        padding: 30px;
    }

    .banner-image video {
        height: 540px;
        object-fit: cover;
    }

    .header-logo a img {
        width: 141px;
    }

    section.product-sec.inner {
        height: 880px;
        object-fit: cover;
    }

    .product-main-sec.extra .container-fluid {
        padding: 150px 30px 0;
    }

    .footer-video.crystal-writing video {
        height: 796px !important;
    }

    .footer-video.crystal-writing video {
        height: 796px !important;
    }

    .banner-content.about.contect.other-blog {
        height: 14%;
    }
}

@media only screen and (min-width: 100px) and (max-width: 500px) {
    section.about-banner.shop.product.main-detail {
        height: unset;
    }

    .sop-sec .container-fluid {
        padding: 10px 40px;
    }

    .banner-content.about.shop.product-men {
        height: 520px;
    }

    .gallexy-overlay img {
        top: 360px;
    }
}

@media (max-width: 413px) {
    .footer-video.crystal-writing video {
        height: 892px !important;
    }

    section.blog-section.crystals-waiting-write.blog-write.blog-main {
        height: 3178px;
    }

    .second-form-overlay.last-about.crystals-waiting img {
        height: 3197px;
    }

    .banner-content.about.contect.other-blog {
        height: 14%;
    }

}

@media only screen and (max-width: 339px) and (min-width: 240px) {
    footer.main-footer {
        padding: 0;
    }

    .site-icon img {
        padding: 0 11px;
    }

    .heading-inner-con {
        top: -180px;
    }

    .gallexy-overlay img {
        top: 450px;
    }

    .tabs-images {
        padding: 0;
    }

    .about-inner-overlay.about-overlay img {
        top: -30px;
    }

    .banner-content.about.contect.other-blog {
        height: 14%;
    }

    .heading-img {
        height: 860px;
    }

    .input-button a {
        padding: 12px 18px;
    }

    .Heading-sec-con .container-fluid {
        margin: 0 0;
    }

    section.blog-section.crystals-waiting-write.blog-write.blog-main {
        height: 3171px;
    }

    .second-form-overlay.last-about.crystals-waiting img {
        height: 3190px;
    }

    .about-moon-img-1.about-inner-moon.about-1 img {
        display: none;
    }

    .about-content.about-inner-con.about-sec-con {
        width: 100%;
        top: 130px;
    }

    section.about-banner {
        height: 507px;
    }

    .heading-inner-con {
        padding: 20px 40px;
    }

    .header-site-btn {
        visibility: hidden;
    }

    .moon-img-3 img {
        display: none;
    }

    .about-moon-img-1 img {
        max-width: 730px;
        width: 100%;
    }

    .multiple.moon img {
        left: -200px;
        top: -290px;
    }

    .multiple.moon img {
        left: -200px;
        top: -290px;
    }

    .abut-moon-img img {
        width: 100%;
        max-width: 760px;
    }

    .moon-img-1 img {
        width: 179px;
    }

    .header-nav nav ul li a {
        font-size: 13px;
    }

    .header-logo {
        /* margin: 0px -10px; */
        left: 47px !important;
    }

    .about-content {
        width: 90%;
        left: 70px;
    }

    .About-section-content p {
        font-size: 13px;
    }

    .header-nav {
        display: none;
    }

    .header-site-btn i {
        right: 30px;
    }

    button.canvas-button {
        width: 59px;
        position: absolute;
        left: auto;
        font-size: 28px;
        right: 20px;
    }

    button.canvas-button {
        display: block;
        background: none;
        z-index: 9;
    }

    section.about-video-section video {
        height: 960px;
        object-fit: cover;
    }

    .abut-moon-img img {
        width: 40%;
    }

    .abut-moon-img {
        left: -206px;
        top: 579px;
        display: none;
    }

    .about-moon-img-1 img {
        width: 45%;
        right: -221px;
        top: 588px;
    }

    .about-content {
        width: 100%;
        left: 1px;
        top: 488px;
    }

    .form-main {
        bottom: -400px;
    }

    .form-main {
        height: 468px;
    }

    .site-icon {
        display: none;
    }

    .site-icon {
        display: none;
    }

    .main-side-nav {
        z-index: 1;
        position: relative;
        justify-content: end;
        margin: 0 30px;
    }

    header.main-header .container-fluid {
        padding: 0 47px;
    }

    .banner-content {
        height: 650px;
    }

    section.product-sec.moon {
        height: 460px;
    }

    section.about-video-section {
        margin: -6px 0px;
    }

    .about-overlay-img img {
        top: -40px;
        z-index: 0;
    }

    .multiple.moon img {
        top: -43px;
        left: 100px;
        width: 830px;
    }

    .multiple.moon img {
        top: -143px;
        left: -20px;
        width: 777px;
        display: none;
    }

    section.product-sec .container-fluid {
        padding: 220px 30px 0 !important;
    }

    .pro-img img {
        width: 30%;
        top: 130px;
        right: -90px;
    }

    .second-form-overlay img {
        height: 776px;
    }

    .slider-image {
        width: 80%;
        margin: 0 auto;
    }

    .product-slider {
        margin: 80px 0;
    }

    .about-video video.w-100.lozad {
        height: 961px;
        object-fit: cover;
    }

    .blog-sec img {
        top: -40px;
    }

    .blog-inner-content {
        padding: 0;
    }

    .blog-inner-content {
        padding: 0;
    }

    .moon-img-2 img {
        width: 13%;
    }

    .blog-inner-content {
        padding: 0;
    }

    .moon-img-2 img {
        width: 13%;
    }

    footer.main-footer {
        margin: -29px;
    }

    footer.main-footer {
        margin: 7px 0;
    }

    .printing-img {
        margin: 30px 0 0;
    }

    nav.list-items ul {
        gap: 27px;
    }

    input.input-btn {
        visibility: hidden;
    }

    .header-site-btn i {
        visibility: hidden;
    }

    form.slogen-form {
        padding: 30px;
        margin: 30px 0;
    }

    .banner-image video {
        height: 540px;
        object-fit: cover;
    }

    .header-logo a img {
        width: 141px;
    }

    section.product-sec.inner {
        height: 944px;
    }

    .second-form-about img {
        top: -40px;
    }

}

@media only screen and (min-width: 100px) and (max-width: 360px) {
    .poster-section .container-fluid {
        padding: 0px 10px;
    }

    input.input-btn {
        visibility: hidden;
    }

    .header-site-btn i {
        visibility: hidden;
    }

    .prod__detail__4 {
        top: 45% !important;
    }

    .prod__detail__2 img {
        height: 215rem !important;
    }
}