@media only screen and (max-width:1200px) {}

@media only screen and (max-width:990px) {

    .mainHeader .mainMenu,
    .mainHeader .icons {
        display: none;
    }

    .mainHeader .logo {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .mainHeader .logo .hidden-xx {
        font-size: 24px;
        color: #264540;
        cursor: pointer;
    }

    .mainHeader .logo .hidden-xx {
        display: block;
    }
    .intro .content p
    {
        width: 100%;
    }
    .ourVision .one 
    {
        margin-bottom: 20px;
    }
    .aboutSection .content .one
    {
        display: block;
        margin: 20px 0px;
        text-align: center;
    }
    .aboutSection .content
    {
        text-align: center;
    }
    .headBar
    {
        margin-bottom: 0px;
    }
    .headBar h3
    {
        font-size: 16px;
    }
    .sectionCards .content
    {
        font-size: 12px;
    }
    .roadPage .content h1
    {
        font-size: 26px;
    }
    .articlesListSection .one
    {
        display: block;
    }
    .articlesListSection .one .read
    {
        margin-top: 20px;
    }
    .articleDetails .content .headOf , .moreArticles .one
    {
        display: block;
    }
    .moreArticles .one .read
    {
        margin-top: 20px;
    }
    .contactUs .content h4
    {
        width: 100%;
        font-size: 14px;
    }
    .contactUs .content form
    {
        width: 90%;
    }
    .articleDetails .content .headOf .name h4
    {
        font-size: 18px;
    }
    .articleDetails .articlesContent h2
    {
        font-size: 12px;
    }
    .moreArticles .one .data a , .moreArticles .all .theHead h3
    {
        font-size: 14px;
    }
    .moreArticles .one .data p 
    {
        font-size: 12px;
    }
    .roadPage .content h1
    {
        font-size: 18px;
    }
    .roadPage .content ul li
    {
        font-size: 10px;
    }
    .articlesListSection .one .data a
    {
        font-size: 16px;
    }
    .articlesListSection .one .data p
    {
        font-size: 14px;
    }
    .articlesListSection .paginationBar ul
    {
        justify-content: center;
    }
}