.grid li {
    /*Project grid*/
    /*5 columns*/
    display: block;
    margin: 1.25% 0 0 1.25%;
    padding: 0;
    width: 18.5%;
    -ms-opacity: 1;
    opacity: 1;
}

.practice-data-image {
    /*Explore grid*/
    /*6 Columns*/
    width: 15.20833333%;
    height: 0;
    padding-bottom: 15.20833333%;
    margin-left: 1.25%;
    margin-top: 1.25%;
    float: left;
}

/*videos
5 column*/
#videoarchive .element {
    float: none;
    height: 290px;
    margin: 1.25% 0 0 1.25%;
    padding: 0;
    width: 18.5%;
    background-color: #fff;
    padding-bottom: 13.5%;
}

.news-container .news {
    width: 31.6666666%;
    height: 450px;
    margin: 0;
    margin-left: 1.25%;
    margin-top: 1.25%;
    background-color: #fff;
}

    .news-container .news.smaller,
    .news-container.filtered .news {
        width: 23.4375%;
        margin-left: 1.25%;
        height: 320px;
        overflow: hidden;
    }

/* Publications */
/*4 columns*/
.pubscontainer .news {
    width: 23.4375%;
    margin: 0;
    height: 0;
    padding-bottom: 11.71785%;
    margin-left: 1.25%;
    margin-top: 1.25%;
    background-color: #fff;
    overflow: hidden;
}
    /*half size exhibition*/
    .pubscontainer .news.half {
        width: 11.09375%;
    }


/*senior partners*/
/* 5 cols */
#spgrid a.person {
    opacity: 1;
    margin: 1.25% 0 0 1.25%;
    padding: 0;
    width: 18.5%;
    display: block;
    float: left;
}
/*tweets*/
/* 5 cols */
.tweet {
    padding: 2.5%;
    width: 18.5% !important;
    box-sizing: border-box;
    font-size: 0.95em;
    height: auto;
    font-size: .85em;
    margin-left: 1.25%;
    margin-bottom: 1.25%;
    background-color: #fff;
}



/* partners*/
/* 4 cols */
.peepbox {
    width: 23.4375%;
    margin: 0;
    height: 0;
    padding-bottom: 11.71785%;
    margin-left: 1.25%;
    margin-top: 1.25%;
    background-color: #fff;
}

.largepeep {
    width: 48.125%;
    height: auto;
}

/* Project page 4 columns*/
.row.project-images ul li{
    width: 25%;
}

@media (max-width: 1700px) {

    /* Projects 4 columns*/
    .grid li {
        width: 23.4375%;
    }

    /* tweet 4 columns*/
    .tweet {
        width: 23.4375% !important;
    }

    .practice-data-image {
        /*Explore grid*/
        /*5 Columns*/
        width: 18.5%;
        padding-bottom: 18.5%;
    }

    /* Publications */
    /*3 columns*/
    .pubscontainer .news {
        width: 31.6666666%;
        padding-bottom: 15.8333333%;
    }
        /*half size exhibition*/
        .pubscontainer .news.half {
            width: 15.208333333%;
        }


    /*videos
4 column*/
         .project #videoarchive .element, 
         #videoarchive .element {
        width: 23.4375%;
    }

    .news-container .news {
        width: 48.125%;
    }

        .news-container .news.smaller,
    .news-container.filtered .news  {
            width: 31.6666666%;
        }


    /*senior partners*/
    /* 4 cols */
    #spgrid a.person {
        width: 23.4375%;
    }

    /* partners*/
    /* 3 cols */
    .peepbox {
        width: 31.6666666%;
        padding-bottom: 15.8333333%;
    }

    .largepeep {
        width: 64.583332%;
    }

    /* Project page 3 columns*/
    .row.project-images ul li{
        width: 33.33333%;
    }

}

@media (max-width: 1200px) {
    /*3 columns*/
    .grid li {
        width: 31.66666666%;
    }
    /* tweet 3 columns*/
    .tweet {
        width: 31.66666666% !important;
    }

    .practice-data-image {
        /*Explore grid*/
        /*4 Columns*/
        width: 23.4375%;
        padding-bottom: 23.4375%;
    }

    /* Publications */
    /*2 columns*/
    .pubscontainer .news {
        width: 48.125%;
        padding-bottom: 24.0625%;
    }

        /*half size exhibition*/
        .pubscontainer .news.half {
            width: 23.4375%;
        }


    /*videos
3 column*/
         .project #videoarchive .element, 
         #videoarchive .element {
        width: 31.66666666%;
    }

    .news-container .news {
        width: 48.125%;
    }

        .news-container .news.smaller,
    .news-container.filtered .news  {
            width: 48.125%;
        }

    /*senior partners*/
    /* 3 cols */
    #spgrid a.person {
        width: 31.66666666%;
    }

    /* partners*/
    /*2 cols */
    .peepbox {
        width: 48.125%;
        padding-bottom: 24.0625%;
    }

    .largepeep {
        width: 97.5%;
    }

    /* Project page 2 columns*/
    .row.project-images ul li{
        width: 50%;
    }

}

@media (max-width: 900px) {
    /*2 columns*/
    .grid li {
        width: 48.125%;
    }
    /* tweet 2 columns*/
    .tweet {
        width: 48.125% !important;
    }

    .practice-data-image {
        /*Explore grid*/
        /*3 Columns*/
        width: 31.66666666%;
        padding-bottom: 31.66666666%;            
        margin-bottom: 15.8333%;

    }
    /* Publications */
    /*1 columns*/
    .pubscontainer .news {
        width: 97.5%;
        padding-bottom: 48.75%;
    }
        /*half size exhibition*/
        .pubscontainer .news.half {
            width: 48.125%;
        }

    /*videos*/
    /*2 columns*/
         .project #videoarchive .element, 
         #videoarchive .element {
        width: 48.125%;
    }


    .news-container .news {
        width: 97.5%;
    }

        .news-container .news.smaller,
    .news-container.filtered .news  {
            width: 97.5%;
        }

    /*senior partners*/
    /* 2 cols */
    #spgrid a.person {
        width: 48.125%;
    }

    /* partners*/
    /*1 cols */
    .peepbox {
        width: 97.5%;
        padding-bottom: 48.75%;
    }


    .largepeep {
        width: 97.5%;
    }


    /* Project page 2 columns*/
    .row.project-images ul li{
        width: 50%;
    }
}

@media (max-width: 600px) {
    /*1 column*/
    .grid li {
        width: 97.5%;
    }
    /* tweet 1 columns*/
    .tweet {
        width: 97.5% !important;
    }

    .practice-data-image {
        /*Explore grid*/
        /*2 Columns*/
        width: 48.125%;
        padding-bottom: 48.125%;
        margin-bottom: 24.0625%;
    }

    /*videos*/
    /* 1 column */
     .project #videoarchive .element, 
     #videoarchive .element {
        width: 97.5%;
    }
   


    /*senior partners*/
    /* 1 col */
    #spgrid a.person {
        width: 97.5%;
    }

    /* Project page 1 columns*/
    .row.project-images ul li{
        width: 100%;
    }}

@media (max-width: 480px) {
    .practice-data-image {
        /*Explore grid*/
        /*1 Column*/
        width: 97.5%;
        padding-bottom: 97.5%;
        margin-bottom: 48.75%;
    }
}