@media screen and (max-width: 1497px) {
    #bgImg {
        width: auto;
        left: 50%;
        transform: translateX(-50%);
        height: 100vh;
    }
}

@media screen and (max-width: 1385px) {
    .textCont h1 {
        font-size: 4.75rem;
    }
    .textCont h2 {
        font-size: 1.6rem;
    }
}

@media screen and (max-width: 1199.98px) {
    .refundImgCont img {
        transform:  scale(0.9) rotateX(55deg);
    }
    .rotatePic {
        transform: scale(0.9) rotateX(0) !important;
    }
    .whyCont {
        margin-inline: 80px;
        max-width: 700px;
    }
    .whyCont p {
        margin-inline: auto;
        width: auto;
    }
    .firstTjing {
        text-align: center;
        margin-bottom: 2rem;
    }
    .refundTexts h2 {
        margin-inline: auto;
        margin-bottom: 20px;
    }
    .refundTexts p {
        max-width: 700px;
        margin-inline: auto;
    }
    .listCont {
        gap: 40px;
    }
}

@media screen and (max-width: 1097px) {
    .xText {
        display: flex;
        align-items: center;
        transform: translateY(-30px);
    }

    .textCont h1 {
        font-size: 3.5rem;
    }
    .textCont h2 {
        font-size: 2vw;
    }

    .btnCont {
        width: 480px;
    }
    .textCont a {
        font-size: 1.4rem;
    }
}

@media screen and (max-width: 992px) {
    nav {
        width: 94vw;
    }
    .contactDiv {
        width: 100%;
    }
}

@media screen and (max-width: 820px) {
    .textCont h1 {
        font-size: 2.75rem;
    }
    .textCont h2 {
        font-size: 1rem;
    }
    .whyCont {
        margin-inline: 30px;
    }
    .refundImgCont img {
        transform: scale(1.2) rotateX(55deg);
    }
    .rotatePic {
        transform: scale(1.2) rotateX(0) !important;
    }
}

@media screen and (max-width: 768px) {
    nav {
        width: 92vw;
    }
    nav .bars {
        display: block;
    }
    nav .btnCont {
        display: none;
    }
    #contactSect {
        padding-block: 15px 35px;
    }
}

@media screen and (max-width: 660px) {
    #lines {
        height: 4px;
    }
    .textCont h1 {
        font-size: 2.25rem;
    }
    #navP {
        font-size: 1rem;
    }
    .btnCont {
        width: 80vw;
    }
    .btnCont a {
        font-size: 3.5vw;
    }
    .myUndText {
        font-size: 2.25rem;
    }
    .achieveBox {
        width: 340px;
    }
    .smUndTxt {
        font-size: 1.5rem;
    }
    .whyCont p {
        font-size: 1.25rem;
    }
    .achieveBox p {
        font-size: 1.1rem;
    }
    .wrapper {
        height: 200px;
    }
    .item {
        width: 400px;
    }
    .imgInCont h3 {
        font-size: 1.35rem;
    }
    .imgInCont p {
        width: 320px;
        font-size: 0.9rem;
    }
}

@media screen and (max-width: 498px) {
    nav {
        top: 10px;
        width: 90vw;
    }
    .myCont {
        top: 60px;
    }
    #navP {
        font-size: 0.9rem;
    }
    .textCont h1 {
        font-size: 1.9rem;
        max-width: 250px;
    }
    #lines {
        height: 3px;
    }
    .myUndText {
        font-size: 1.5rem;
    }
    .achieveBox {
        width: 100%;
    }
    .bottonCont {
        width: 90vw;
    }
    .listCont .listItems {
        text-align: center;
    }
    .listCont .listItems p {
        font-size: 1.25rem;
    }
    .refundTexts h2 {
        font-size: 1.35rem;
        margin-inline: auto;
    }
    .middleCont {
        padding: 40px 24px;
    }
    .middleCont h1 {
        font-size: 8vw;
    }
    .input-wrapper input, .input-wrapper label, #text, #text::placeholder, #submit {
        font-size: 1.1rem;
    }
    .input-wrapper input:focus + label,
    .input-wrapper input:not(:placeholder-shown) + label {
        font-size: 1rem;
        top: -14px;
    }
    .input-wrapper label {
        top: 14px;
    }
    footer p {
        font-size: 1rem;
    }
}

@media screen and (max-width: 456px) {
    .offcanvas-body .btnCont {
        flex-direction: column;
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 398px) {
    nav .bars {
        font-size: 1.22rem;
    }
    .listCont .listItems p {
        font-size: 1rem;
    }
    .sedonThing {
        padding-inline: 14px;
    }
    .myUndText {
        margin: 35px;
    }
    .priceItems h6 {
        font-size: 0.75rem;
        padding: 3px 10px;
    }
    .refundTexts {
        padding-inline: 0;
    }
    .refundImgCont img {
        margin-top: 15px;
        transform: scale(1.4) rotateX(55deg);
    }
    .rotatePic {
        transform: scale(1.4) rotateX(0) !important;
    }
    .contactDiv {
        padding: 3px;
    }
    footer p {
        font-size: 0.9rem;
    }
}

@media screen and (max-height: 720px) and (max-width: 420px) {
    .textCont h1 {
        font-size: 1.75rem;
    }
    .textCont h2 {
        font-size: 0.9rem;
    }
    .btnCont {
        top: 15px;   
    }
    .btnCont a {
        padding: 6px 20px;
    }
}