@media only screen and (max-width: 1200px) and (min-width: 1024px) {
       .pan-exp {
        
        width: 500px;

    }
    }


    #promo-images {
        background-color: #fff;
    }

    #promo-images img{
        margin-bottom: -15%;
    }


    .pan-exp {
        display:table-cell;
        width: 48.2%;

    }

    #promo-brand {
        width: 51.8%;
        float: left;
    }

    .pan-exp img{
        width: 100%;
    }

    #side-images {
        width: 100%;

    }

}

    #image-slider {
        width: 100%;    
    }


    #promo-images {
        background-color: #fff;
    }

    #promo-images img{
        margin-bottom: -15%;
    }


    .pan-exp {
        display:table-cell;
        width: 48.2%;

    }

    #promo-brand {
        width: 51.8%;
        float: left;
    }

    .pan-exp img{
        width: 100%;
    }

    #side-images {
        width: 100%;

    }

    .social-div{
        clear: left;
    }