@media (max-width:768px){
    header nav{
        justify-content: space-between;
    }
    header nav button{
        display: block;
        margin:0 2em 0 0
    }
    nav .logo{
        padding:.98em 1.5em;
        background-color: var(--primary-color);
    }
    nav ul.menus{
        display: none;
    }
    main{
        margin-top: .9em;
    }
    section.banner .wrapper .wrapper-content, section.banner-extra-page .wrapper-extra-page .wrapper-extra-page-content{
        margin: .9em 1.2em
    }

    section.services, section.about, section.staffs, section.contact, section.arch-designs, section.cnstr-prjs, section.tips{
        margin: 1em 1em
    }

    section.banner .wrapper .wrapper-content, section.banner-extra-page .wrapper-extra-page .wrapper-extra-page-content{
        width:90%
    }

    section.services .services-row{
        display:grid;
        grid-template-columns: repeat(1,1fr);
        gap:10px
    }

    section.about .about-content{
        grid-template-columns: repeat(1,1fr)
    }

    footer .footer-nav{
        display:grid;
        grid-template-columns: repeat(2,1fr);
        gap:20px
    }
    .footer-nav .footer-nav-list .footer-nav-list-item a{
        color:white;
        font-size: 1em;
    }

    .modal.aside aside{
        background-color: white;
        width:70%;
        height:100vh;
        transition: .4s;
    }
    .modal.aside aside .aside-header button{
        font-size: 2em;
    }

    .modal.aside aside .aside-header{
        height: 3vh;
        padding:2em 2em
     }

    .modal.aside aside ul{
        display: flex;
        flex-direction: column;
        gap:30px;
        padding:5.5em 2em;
    }
    .modal.aside aside ul li a{
       color:black;
       font-size: 1.2em;
    }


    .fab{
        position: fixed;
        right:4%;
        width:50px;
        height:50px;
        border-radius: 360px;
        display: grid;
        place-content: center;
        background-color: var(--primary-color);
        cursor: pointer;
        transition: all .4s;
    }
}