@media only screen and (max-width: 747px) {
    /*=========================
    /* GLOBAL */
    /*=======================*/
    body{
	   background: none;
    }
    /*=========================
    /* STRUCTURE */
    /*=======================*/
    .container{
	   width: 100%;
    }
    header{
	   height: auto;
	   clear: both;
	   padding: 50px 0 10px;
	   position: relative;
    }
    #content{
	   padding: 35px 30px 20px 20px;
    }
	.mobile-only{
		display:block;
	}
    .subpage #content{
	   padding: 0 0 20px 0;
	   width: 90%;
	   margin: auto;
    }
    .sub-footer{
	   width: 90%;
	   margin: 0 auto 30px auto;
	   padding: 0px;
    }
    footer{
	   width: 100%;
    }
    /*=========================
    /* INDIVIDUAL ELEMENTS */
    /*=======================*/

    /** Mobile Main Menu **/
    .main-menu.mobile{
	   display: block;
	   text-align: center;
    }
    .main-menu.mobile ul{
	   margin: 0px;
	   padding: 0px;
	   list-style-type: none;
    }
    .main-menu.mobile ul li{
	   padding: 10px 0 10px 0;
	   text-transform: uppercase;
	   font-family: 'Buenard', serif;
	   font-weight: bold;
	   font-size: 15px;
	   border-bottom: 1px solid #e5d1ba;
    }

    /** Header **/
    header .online-banking{
	   display: block;
	   border-radius: 20px;
	   display: inline-block;
	   position: absolute;
	   left: 12px;
	   top: 11px;
    }
    header .online-banking a{
	   display: inline-block;
	   padding: 3px 15px 3px 15px;
	   color: #fff;
	   text-decoration: none;
	   text-transform: uppercase;
	   font-family: 'Buenard', serif;
	   font-weight: bold;
	   font-size: 12px;
	   margin-right: 10px;
	   background: #cca375;
	   border-radius: 20px;
    }
    header .logo{
	   float: none;
	   width: 100%;
	   text-align: center;
    }
    header .menu #menu-icon{
	   background:#ffffff url('../images/mobile-menu-control.png') no-repeat center top;
	   height: 28px;
	   width: 28px;
	   display: inline-block;
	   float: right;
    }
    header .menu ul{
	   display: none;
    }
    .top-right{
	   margin: 15px 0 0 0;
	   width: 100%;
    }
    .top-right .top{
	   text-align: center;
    }
    .top-right .top ul{
	   display: none;
    }
    .top-right .social{
	   position: absolute;
	   top: 12px;
	   right: 50px;
	   padding: 0px;
    }
    #main header .menu{
	   float: none;
	   width: auto;
	   display: block;
	   position: absolute;
	   margin: 0;
	   top: 11px;
	   right: 12px;
    }
    #main header .menu ul{
	   height: 200px;
    }
    #main header .menu ul li{
	   float:none;
    }

    /** Pre Content / Subpage Aside **/
    .home .pre-content-top .left{
	   display: none;
    }
    .pre-content-top .right{
	   width: 100%;
    }
    .pre-content-top .right .find-out-more{
	   float: none;
	   position: inherit;
	   margin: 15px auto 0;
    }

    /** Content **/
    .sidebar{
	   float: none;
	   width: 90%;
	   margin: auto;
    }
    #content aside{
	   display: none;
    }
    .sidebar .widget.left,
    .sidebar .widget.left+.menu{
	   display: none;
    }
    .pre-content-top .left, .sidebar .widget:last-child{
	   padding: 0px;
	   margin: 0 0 25px 0;
    }
    #content+.sidebar .widget.menu h2{
	   background: #2f2d29;
	   padding: 10px 5px 10px 5px;
	   color: #fff;
	   text-align: center;
	   margin: 0px;
    }
    #content+.sidebar .widget.menu h2 + ul{
	   display: block;
	   background: #cca375;
	   padding: 15px 0 15px 0;
    }
    #content+.sidebar .widget.menu h2 + ul li{
	   color: #fff;
	   border: none;
	   padding: 8px 0 8px 28px;
    }
    #content+.sidebar .widget.menu h2 + ul li a{
	   color: #fff;
    }
    #content+.sidebar .widget.menu ul{
	   display: none;
    }
    #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 5px 0;
    }
    .subpage #content .content-main .marketing .left .percentage, .sub-footer .left .percentage{
	   float: left;
    }
    #content .content-main .marketing .left .image img, .sub-footer .left .image img{
	   width: 100%;
    }
    #content .content-main .marketing .right{
	   width: 100%;
	   padding: 0;
	   float: none;
	   margin: auto;
    }
    #content .content-main .marketing .left{
	   border: none;
	   width: 100%;
	   margin: 20px 0 0 0;
    }
    #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: 150px;
	   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: 94px;
    }
    #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 -40px top;
	   color: #FFFFFF;
	   display: block;
	   float: left;
	   height: 27px;
	   padding: 10px 0 0;
	   text-indent: 15px;
	   width: 150px;
    }
    #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 14px;
    }
    #content .content-main .featured-image img{
	   width: 100%;
    }
    #content .content-main .featured-image + .content{
	   padding: 0px;
    }
    .sub-footer .left{
	   width: 100%;
    }
    .sub-footer .right{
	   display: none;
    }

    /** Footer **/
    footer{
	   text-align: center;
	   width: 90%;
    }
    footer .left{
	   float: none;
    }
    footer .left .request .search-form{
	   display: block;
	   margin: 12px 0 10px 0;
    }
    footer .right{
	   text-align: center;
    }
    footer .right ul.logos{
	   float: none;
	   margin: auto;
    }
    footer .right ul.logos li{
	   display: inline-block;
	   float: none;
    }
    .content .tile{
	   width: 47%;
    }
}