/*  ----------------------------------------------------------------------------------------------------------------------------------------------  */
/*  ---------------------------------------------------------------------- For square screens and landscape tablets (1024 wide - 32 for scrollbar)  */
/*  ----------------------------------------------------------------------------------------------------------------------------------------------  */




@media screen and (max-width: 1247px){
   

.content {
    width: 992px;
}




header, 
#menubar .content {
    height: 350px;
}

ul#menu a {
    padding: 0 10px;
}



body.pg-previous .projectlisting {
    width: calc(25% - 10px);
    }

body.pg-previous .projectlisting .summary {
    height: 420px;
}

body.pg-current .projectlisting {
    width: calc(33.3% - 10px);
    }
body.pg-current .projectlisting .summary{
    height: 200px;
}





/*  ---end---  */
}