@media screen and (max-width: 1400px) {
    #main .container {
        width: 90%;
    }

    #main .container .buttons {
        margin: 50px 0;
    }

    #pricing {
        padding-left: 0px;
        padding-right: 0px;
        font-size: 14px;
    }

    #pricing .container {
        width: 90%;
        /* height: 100%; */
    }

    #contact .container .box:nth-child(1) {
        padding: 0 25px;
    }

    #contact .container .box:nth-child(1) h1 {
        margin: 25px 0;
        margin-top: 40px;
    }

    #contact .container .box:nth-child(1) {
        font-size: 14px;
    }

    footer .footer-btns img {
        height: 35px;
        margin: 2.5px;

    }
}

@media screen and (max-width: 1200px) {
    #main .container h1 {
        /* width: 90%; */
        font-size: 50px;

    }

    #main .container p {
        font-size: 14px;
    }

    #pricing .container .bottom .plan {
        font-size: 14px;
        padding: 15px;

    }

    #pricing .container .bottom .plan h2 {
        font-size: 12px;
        margin-bottom: 15px;
    }

    #pricing .container .bottom .plan h1 {
        margin-bottom: 30px;
    }

    #pricing .container .bottom .plan a {
        padding: 15px;
    }

    #pricing .container .bottom .plan p {
        /* margin: 10px; */
        margin: 20px 0;
        /* color: #fff; */

    }

    #pricing .container .bottom .plan .plan-yr span {
        font-size: 14px;
    }

    #pricing .container .bottom .plan ul li {
        -webkit-background-size: 0.8rem;
        background-size: 0.8rem;
        -webkit-background-position: left 0.125rem;
        background-position: left 0.125rem;
        /* padding-left: 1.5rem; */
        /* font-weight: 400; */
    }

    #contact {
        padding: 80px 25px;

    }

    #contact .container {
        padding: 100px 20px;
        padding-top: 125px;
    }

    #contact .container .box {
        width: 45%;
    }

    #contact .container .box:nth-child(1) {
        padding: 0;
        font-size: 12px;
    }

    #contact .container .box:nth-child(1) ul {
        padding-left: 12px;
    }

    #contact .container .box:nth-child(2) p {
        font-size: 14px;
        width: 100%;
    }

    footer .upper {
        padding: 40px;
        padding-bottom: 50px;
    }

    footer .box img {
        height: 60px;
    }

    footer .box p {
        font-size: 14px;
    }

    footer .footer-btns img {
        height: 25px;
    }

}


@media screen and (max-width: 850px) {
    nav {
        padding: 5px 50px;
        font-size: 14px;
    }

    #main .container h1 {
        width: 80%;
    }

    #main .container p {
        width: 50%;
    }

    #main .container .buttons a {
        font-size: 14px;
    }

}

@media screen and (max-width: 780px) {
    #pricing .container .bottom .plan {
        font-size: 12px;
        padding: 10px;

    }

    #pricing .container .bottom .plan h2 {
        font-size: 12px;
        margin-bottom: 15px;
    }

    #pricing .container .bottom .plan h1 {
        font-size: 25px;
        margin-bottom: 20px;
    }

    #pricing .container .bottom .plan a {
        padding: 10px;
        margin-bottom: 10px;
    }

    #pricing .container .bottom .plan .plan-yr span {
        font-size: 10px;
    }

    #contact .container {
        padding: 50px 20px;
        padding-top: 80px;
    }

    #contact .container .box:nth-child(1) h1 {
        font-size: 40px;
    }

    #contact .container .box:nth-child(1) p {
        padding-right: 0px;
    }

    #contact .container .box:nth-child(2) h1 {
        font-size: 30px;
        letter-spacing: -1.5px;

    }

    footer {
        height: 40vh;
    }

    footer .upper p {
        font-size: 12px;
    }

    footer .box img {
        height: 45px;
    }

    footer .upper .box h3 {
        font-size: 16px;
    }

    footer .upper .box a {
        font-size: 12px;
    }

    footer .footer-btns img {
        height: 20px;
    }

    footer .lower {
        font-size: 14px;
    }
}

@media screen and (max-width: 700px) {
    nav {
        padding: 5px 25px;
        font-size: 13px;
    }

    #pricing .container {
        width: 100%;
    }

    #pricing .container .top {
        padding: 0 25px;
    }

    #pricing .container .bottom {
        flex-wrap: wrap;
        justify-content: center;
    }

    #pricing .container .bottom .plan {
        margin: 10px;
        width: 45%;
        font-size: 14px;
    }

    #pricing .container .bottom .plan h2 {
        font-size: 15px;
    }

    #pricing .container .bottom .plan h1 {
        font-size: 35px;
    }

    #heading .container h1 {
        font-size: 60px;
    }

    #content div {
        width: 70vw;
    }
}

@media screen and (max-width: 600px) {
    nav {
        padding: 10px 10px;
    }

    #nav-desktop {
        display: none;
    }

    .mview {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        font-size: 25px;
    }

    .mview a {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    #main .container h1 {
        font-size: 40px;
    }

    #main .container p {
        width: 70%;
    }

    #pricing .container .bottom .plan {
        margin: 10px;
        width: 45%;
    }

    footer .upper {
        padding: 0px;
        padding-bottom: 50px;
    }
}

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



    #pricing .container .top {
        align-items: center;
    }

    #pricing .container .top .btn-nav a {
        width: 70px;
        padding: 0 5px;
    }

    #pricing .container .top .top-text {
        padding-bottom: 0;
    }

    #contact {
        background: var(--token-958e2cd1-b113-4aa3-9235-7a2b959c8feb, rgb(0, 0, 0));
        padding-top: 0;
    }

    #contact .container {
        /* padding-top: 25px; */
        /* padding-bottom: 25px; */
        padding: 0;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        backdrop-filter: blur(0px);
        background-color: transparent;

    }

    #contact .container .box {
        border-radius: 20px;
        backdrop-filter: blur(8px) !important;
        /* background-color: rgba(58, 58, 58, 0.212); */
        border: 3px solid rgba(58, 58, 58, 0.418);
        width: 100%;
        padding: 20px !important;
        margin: 20px;
    }

    #contact .container .box:nth-child(1) h1 {
        margin-top: 0;
    }

    footer .box img {
        height: 30px;
    }

    footer .box h3 {
        font-size: 12px !important;
    }

    footer .box p {
        font-size: 10px;
    }

    footer .footer-btns img {
        height: 15px;
    }

    .overlay-itro-refund {
        height: 30vh;

    }

    #heading {
        height: 30vh;
    }

    #content {
        padding: 100px 0;
        font-size: 12px;
    }

    #content div {
        width: 90vw;
    }

    #content h1 {
        font-size: 20px;
    }

    #content h2 {
        font-size: 16px;
    }


}

@media screen and (max-width: 395px) {
    #pricing .container .bottom .plan {
        width: 80%;
    }

    #heading .container h1 {
        font-size: 50px;
    }
}