/* Responsive Design */

/* Responsive Design */

@media (max-width:991px)
{
    .aside
    {
        left: -270px;
        transition: left 0.3s ease;
    }
    
    .aside.open
    {
        left: 0;
    }
    
    .main-content
    {
        padding-left: 0;
        transition: padding-left 0.3s ease;
    }
    
    .section
    {
        left: 0;
        transition: left 0.3s ease;
    }
    
    .section.open
    {
        left: 270px;
    }
    
    .contact .contact-info-item,
    .portfolio .portfolio-item,
    .service .service-item
    {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .home .home-info
    {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .home .home-img
    {
        flex: 0 0 100%;
        max-width: 100%;
        display: block;
        text-align: center;
        margin-top: 20px;
    }
    
    .about .about-content .personal-info .info-item p span 
    {
        display: block;
        margin-left: 0;
    }
}

@media (max-width:767px)
{
    .aside
    {
        width: 250px;
        left: -250px;
    }
    
    .aside.open
    {
        left: 0;
    }
    
    .section.open
    {
        left: 250px;
    }
    
    .contact .contact-form .col-6,
    .contact .contact-info-item,
    .portfolio .portfolio-item,
    .service .service-item,
    .about .about-content .experience,
    .about .about-content .education,
    .about .about-content .skills,
    .about .about-content .personal-info
    {
        flex: 0 0 100%;
        max-width: 100%;
    }
}