@media screen and (max-width: 992px) {
    /* HOME SECTION */
    #home {
        height: 130vh;
    }

    #home .container {
        flex-direction: column-reverse;
    }

    #home .container .box1 {
        text-align: center;
        width: 100%;
    }

    #home .container .box2 {
        margin: auto;
        margin-bottom: 100px;
        width: 300px;
        height: 300px;
    }

    #home .container .box1 ul {
        justify-content: center;
    }

    /* ABOUT SECTION */

    #about {
        background: #ccc;
    }

    #about .skill,
    #about .description {
        width: 100%;
    }

    #about .description {
        margin-top: 50px;
    }

    #about .container {
        flex-direction: column;
    }

    /* PORTFOLIO SECTION */

    #portfolio .box {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 768px) {
    /* HEADER SECTION */
    header .overlay {
        display: block;
    }

    header .toggler {
        display: block;
    }

    header .items {
        display: none;
    }
    /* HOME SECTION
    #home {
        height: 130vh;
    }

    #home .container {
        flex-direction: column-reverse;
    }

    #home .container .box1 {
        text-align: center;
        width: 100%;
    }

    #home .container .box2 {
        margin: auto;
        margin-bottom: 100px;
        width: 300px;
        height: 300px;
    }

    #home .container .box1 ul {
        justify-content: center;
    } */

    /* ABOUT CONTAINER */
    
    #about {
        background: #ccc;
    }
    
    #about .skill,
    #about .description {
        width: 100%;
    }
    
    #about .description {
        margin-top: 50px;
    }
    
    #about .container {
        flex-direction: column;
    }
    
    /* CONTACT SECTION */

    @media (max-width: 768px) {
        .contact-section .col.span_1_of_2 {
            width: 100%;
            float: none;
            margin-bottom: 20px;
        }

        .contact-section {
            padding: 60px 0;
        }
    }
    
}

@media screen and (max-width: 640px) {
    /* HOME SECTION */
    #home {
        background: #000;
        height: 900px;
    }
    /* ABOUT SECTION */
    #about .image_label {
        display: block;
    }

    #about .image_label .label {
        width: 100%;
    }

    #about .image_label .photo {
        margin-bottom: 20px;
    }

    #about .image_label .label {
        margin-top: 20px;
    }
}