@media screen and (max-width: 1023px)
{
    .top-menu-wrapper
    {
        height: auto;
        display: inline-block;
        padding-bottom: 12.5px;
    }
    
    .top-menu, .top-menu-left, .top-menu-right
    {
        width: 100%;
        text-align: center;
        position: relative;
    }
    
    .top-menu-item-link
    {
        margin: 0 10px; 
    }
    
    .content-wrapper
    {
        width: 90%;
        padding-left: 5%;
        padding-right: 5%;
    }

    .content
    {
        width: 100%;
    }
            
    .home-main-image-wrapper
    {
        width: 90%;
        
    }
    
    .subsection-wrapper
    {
        width: 100%;
        margin: 0 0 30px 0 !important;
        float: none;
    }
    
    .about-wrapper
    {
        padding-left: 0;
    }

    .about-wrapper .left
    {
        width: 100%;
        float: none;
        margin-bottom: 30px;
    }

    .about-wrapper .right
    {
        float: none;
        width: 100%;
    }
    
    .contact-form-wrapper
    {
        width: 100%;
        float: none;
    }
    
    .contact-details-wrapper
    {
        width: 100%;
        float: none;
        margin-top: 50px;
    }
    
    
    .contact-details-wrapper a
    {
        margin: 0 5px;
    }
    
    .portfolio-item-wrapper
    {
        width: 45%;    
        margin-left: 0;   
        margin-right: 0;
    }
    
    .portfolio-item-wrapper.two
    {
        margin-left: 10%;
    }

    .portfolio-item-wrapper.three
    {
        margin-right: 0;
    }
    
    .bottom
    {
        width: 90%;
        padding-left: 5%;
        padding-right: 5%;
    }

    .bx-pager-link
    {  
        width: 10px;
        height: 10px;  
    }

}