@media (max-width:768px) {

    html {
        font-size: 15px;
    }

    .main-container {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (min-width: 992px)
{
    
}

@media only screen and (min-width:769px) and (max-width:1366px) {
    html {
        font-size: 15px;
    }
}

@media only screen and (min-width:1400px) and (max-width:1600px) {
    html {
        font-size: 16px;
    }
}

@media (min-width: 1680px) {
    html {
        font-size: 17px;
    }
}