/* responsive */
    /* header */
        @media screen and (max-width: 750px) {
            .headerTop{
                padding: 8px 16px;
            }
        }

        @media screen and (max-width: 600px) {
            .boxSocial{
                gap: 10px;
            }
            
            .boxSocial a{
                width: 25px; height: 25px;
            }
        }

        @media screen and (max-width: 430px) {
            .boxHeaderLogo{
                width: 130px;
            }
            
            .boxSocial a{
                width: 23.5px; height: 23.5px;
            }
        }
        
        @media screen and (max-width: 380px){
            .boxHeaderLogo{
                width: 100px;
            }
        }
    /* header */
/* responsive */