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

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

@media only screen and (max-width: 1680px) {
    header.header.fixeds.fixeds2, header.header {
        top: -80dvh;
    }

    .first-div-slide .container {
        max-width: 1200px;
    }

    .leftTxt > h3 {
        font-size: 12px;
    }

    .leftTxt > h3:before, .leftTxt > h3:after {
        width: 74px;
    }

    .leftTxt > h1 {
        font-size: 34px;
    }

    .leftTxt > h1 > span {
        font-size: 67px;
    }

    .first-div-slide .container .leftTxt {
        left: 5vw;
        position: relative;
    }

    .theMainCKList ul li h4 {
        font-size: 26px;
        margin: 11px 0;
    }

    .theMainCKList ul li:before {
        font-size: 12px;
    }

    .theMainCKList ul li {
        padding: 10px 10px 10px 60px;
    }

    .theMainCKList {
        max-width: 58vw;
    }

    .bridalCake {
        width: 262px;
        height: 231px;
    }

    .BoxTitle1 {
        margin-top: 3px;
    }

    .menuHeader1 {
    }
}

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

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

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

@media only screen and (max-width: 1180px) {
    img.desktopimg {
        display: none;
    }

    img.tabimg {
        display: block;
    }

    .second-clide .bgimage {
        height: 100dvh;
    }

    .second-clide .bgimage img {
        height: 100dvh;
        object-fit: cover;
        object-position: -55vw 0;
    }

    .first-div-slide .cakeimage > img {
        width: 110vw;
        transform: translate(13vw, 2dvh);
    }

    .first-div-slide .cakeFlower {
        top: 32dvh;
        left: 47vw;
    }

    .fadingTxt {
        right: 61vw;
        font-size: 16px;
        width: 200px;
        line-height: 1.4;
    }

    .fadingTxt br {
        display: none;
    }

    .theMainDiv {
        height: 300vh;
    }

    .bridalCake {
        width: 100%;
        height: auto;
        padding: 10px;
        margin: 30px 30px 30px -30px;
    }

    .anibottom .bridalCake {
        margin: 30px -30px 30px 30px;
    }

    .first-div-slide .container {
        max-width: 750px;
    }

    .menuHeader1.fixeds2 {
        top: 9.5dvh;
    }

    .menuHeader1.fixeds.fixeds2 .ue-item-icon {
        margin: 0;
        transform: scale(1);
    }
}

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

@media only screen and (max-width: 736px) {
    .logoLoader .theLoginI {
        max-width: 200px;
    }

    .menuBtn > i {
        width: 20px;
        height: 2px;
    }

    .menuBtn.active > i:nth-child(3) {
        transform: rotate(-45deg) translate(0px, -13px);
    }

    .menuBtn.active > i:nth-child(1) {
        transform: rotate(45deg) translate(-2px, 10px);
    }

    .first-div-slide .container {
        max-width: 100%;
    }

    .second-clide .bgimage img {
        object-position: center center;
    }

    .first-div-slide .container .leftTxt {
        left: 0;
        right: 0;
        text-align: center;
        margin: 0 auto;
    }

    .leftTxt > h3 {
        position: relative;
        top: -22dvh;
    }

    .leftTxt > h1 {
        margin: 0;
        font-size: 26px;
        top: 24dvh;
        position: relative;
    }

    .leftTxt > h1 > span {
        font-size: 52px;
    }

    .rightTxt {
        bottom: 5dvh;
        right: 0;
        left: 0;
    }

    .rightTxt svg {
        transform: rotate(90deg);
        width: 22px;
    }

    .scrollerttxt {
        gap: 10px;
    }

    .first-div-slide .cakeimage > img {
        transform: translate(-2vw, 2dvh);
        width: 150vw;
    }

    .first-div-slide .cakeFlower {
        top: 30dvh;
        width: 26vw;
        left: 27vw;
    }

    .fadingTxt {
        width: 190px;
        right: 0;
        text-align: left;
        font-size: 16px;
        line-height: 1.4;
    }

    .theMainCKList {
        max-width: 100%;
    }

    .theMainCKList ul li h4 {
        font-size: 16px;
        margin: 0;
    }

    .theMainCKList ul li img {
        width: 80px;
        height: 80px;
        top: -6px;
        right: 50px;
    }

    .theMainCKList ul li {
        padding: 0 10px 0 40px;
    }

    .theMainCKList ul li:before {
        top: 9px;
    }

    .bridalCake {
        margin: 30px auto;
    }

    .bridalCake:after {
        height: 30px;
        bottom: -31px;
    }

    .bridalCake img.hover_image {
        top: -40px;
    }

    .menuHeader1 {
        position: sticky !important;
        top: 0px;
    }

    html[lang="fr-CA"] .scrollerttxt {
        right: 0;
    }

    html[lang="fr-CA"] .fadingTxt {
        right: 10px;
    }
	.rightTxt svg {
		display: none;
	}
}

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

@media only screen and (max-width: 380px) and (max-height: 667px) {
}

@media not all, only screen and (min--moz-device-pixel-ratio: 2), not all, not all, only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
}