@media only screen and (min-width: 748px) and (max-width: 1024px) {
    /*=========================
    /* GLOBAL */
    /*=======================*/
    body{
	   background: none;
    }
    /*=========================
    /* STRUCTURE */
    /*=======================*/
    .container{
	   width: 711px;
    }
    header{
	   height: auto;
	   clear: both;
    }
    #content{
	   padding: 35px 30px 20px 20px;
    }
    .subpage #content{
	   padding: 0 0 20px 0;
    }
    .sub-footer{
	   width: 100%;
    }
    /*=========================
    /* INDIVIDUAL ELEMENTS */
    /*=======================*/

    /** Header **/
    .top-right{
	   margin: 15px -15px 0 0;
    }
    #main header .menu{
	   float: left;
	   width: 100%;
	   display: block;
	   position: inherit;
	   margin: 30px 0 30px 0;
    }
    .pre-content-top .right{
	   width: 463px;
    }

    /** Content **/
    #content .content-main .marketing .left, .sub-footer .left{
	   width: 155px;
    }
    .subpage #content .content-main .marketing .left, .sub-footer .left{
	   width: 315px;
    }
    #content .content-main .marketing .left .percentage, .sub-footer .left .percentage{
	   float: none;
	   margin: 0 0 45px 0;
    }
    .subpage #content .content-main .marketing .left .percentage, .sub-footer .left .percentage{
	   float: left;
    }
    #content .content-main .marketing .left .image, .sub-footer .left .image{
	   float: none;
    }
    .subpage#content .content-main .marketing .left .image, .sub-footer .left .image{
	   float: left;
    }
    #content .content-main .marketing .right{
	   width: 184px;
	   padding: 0 0 0 20px;
    }
    #content .content-main .marketing .right button, .sub-footer .right button{
	   float: none;
    }
    #main #content .content-main .menus .col.padmenu, #main .sub-footer .right .menus .col.padmenu{
	   display: block;
	   float: left;
	   width: 190px;
	   border: none;
    }
    #content .content-main .menus .col, .sub-footer .right .menus .col{
	   display: none;
    }
    #main #content .content-main .menus .col.active, #main .sub-footer .right .menus .col.active{
	   border: medium none;
	   display: block;
	   float: right;
	   padding: 0;
	   text-align: left;
	   width: 165px;
    }
    #content .content-main .menus .col.active h3, .sub-footer .right .menus .col.active h3{
	   display: none;
    }
    /* one item */
    #content .content-main .menus .col.active:first-child:nth-last-child(1), .sub-footer .right .menus .col.active:first-child:nth-last-child(1) {
	   width: 100%;
	   display: block;
    }
    /* two items */
    #content .content-main .menus .col.active:first-child:nth-last-child(2), .sub-footer .right .menus .col.active:first-child:nth-last-child(2),
    #content .content-main .menus .col.active:first-child:nth-last-child(2) ~ div.active, .sub-footer .right .menus .col.active:first-child:nth-last-child(2) ~ div.active {
	   width: 100%;
	   display: block;
    }
    /* three items */
    #content .content-main .menus .col.active:first-child:nth-last-child(3), .sub-footer .right .menus .col.active:first-child:nth-last-child(3),
    #content .content-main .menus .col.active:first-child:nth-last-child(3) ~ div.active, .sub-footer .right .menus .col.active:first-child:nth-last-child(3) ~ div.active {
	   width: 100%;
	   display: block;
    }
    /* four items */
    #content .content-main .menus .col.active:first-child:nth-last-child(4), .sub-footer .right .menus .col.active:first-child:nth-last-child(4),
    #content .content-main .menus .col.active:first-child:nth-last-child(4) ~ div.active, .sub-footer .right .menus .col.active:first-child:nth-last-child(4) ~ div.active {
	   width: 100%;
	   display: block;
    }
    #content .content-main .menus .col.padmenu h3.active, .sub-footer .right .menus .col.padmenu h3.active{
	   background:url('../images/menu-selector.png') no-repeat center top;
	   color: #FFFFFF;
	   display: block;
	   float: left;
	   height: 27px;
	   padding: 10px 0 0;
	   text-indent: 15px;
	   width: 190px;
    }
    #content .content-main .menus .col h3, .sub-footer .right .menus .col h3{
	   height: 18px;
	   width: 190px;
	   float: left;
	   display: block;
	   cursor: pointer;
	   text-indent: 15px;
    }
    #content .content-main .menus .col.active ul, .sub-footer .right .menus .col.active ul{
	   float: left;
	   padding: 0 0 0 25px;
    }
    #content .content-main .featured-image{
	   width: 100%;
	   overflow: hidden;
	   height: 186px;
    }
    #content .content-main .featured-image + .content{
	   padding: 0 50px 50px 32px;
    }
    .about-us\/our-people #content .content-main .featured-image + .content{
       padding: 0 32px 50px 32px;
    }
    /** Footer **/
    footer{
	   width: 711px;
    }
}