html {
    scroll-behavior: smooth;
}

body,
html {
    margin: 0;
    padding: 0;
    color: #585858;
}

* {
    box-sizing: border-box;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;

}

.img-responsive {
    max-width: 100%;
}
@media only screen and (max-width: 700px){
    table[class=w3l-scale] {
        width: 100% !important;
    }
    table.scale {
        width: 100%;
        padding: 0 1em;
    }
    table.scale-90 {
        width: 100%;
    }
    td[class=w3l-scale-center-both] {
        width: 100% !important;
        text-align: center !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    table[class=w3l-scale-90] {
        width: 90% !important;
    }
    .w3l-email-container,table.b-text,.email-container, table.mainContent {
        width: 100% !important;
    }
    .query {
        font-size: 25px !important;
        line-height: 35px !important;
    }
}
@media screen and (max-width: 480px){
    table.pro1-w3.scale {
        width: 100% !important;
    }
    .ban {
        height: 225px !important;
    }
    td.top-text {
        height: 0;
    }
    .reciepe{
        height: 20px !important;
    }
    .gap-mobile{
        height: 30px !important;
    }
}
@media only screen and (max-width: 415px){
    td.text {
        font-size: 25px !important;
    }
    .gap-responsive-top{
        height: 20px;
    }
    .gap-responsive{
        height: 40px;
    }
    .ban {
        height: 195px !important;
    }
    td.invite-text {
        font-size: 22px !important;
        line-height: 25px;
    }
}
@media only screen and (max-width: 384px){
    .query {
        font-size: 22px !important;
        line-height: 30px !important;
    }
}