/* Start hide elements on large screens */

@media only screen and (min-width: 768px) {
    #menu,
    #menu-right {
        display: none;
    }
    .footerMobile,
    #tabTitle,
    h2.resp-accordion {
        display: none!important;
    }
}


/* End hide elements on large screens */


/* Start iPad only styling */

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .headerWrapper {
        margin-bottom: 30px!important;
    }
    #test-banner {
        position: fixed;
        bottom: 0;
        z-index: 9999;
    }
}


/* End iPad only styling */


/* Start iPad and iPhone styling */

@media only screen and (max-width: 1024px),
only screen and (max-width: 768px) {
    #browse-site-button {
        width: 96%;
        padding: 2%;
    }
    #facebook a:hover,
    #facebook a:focus,
    #facebook a:active {
        color: #595959!important;
    }
    #twitter a:hover,
    #twitter a:focus,
    #twitter a:active {
        color: #595959!important;
    }
    .footerWrapper {
        background-attachment: scroll;
    }
    .notificationClose {
        top: 0px;
        right: 0px;
    }
    .notificationTitle h2 {
        line-height: 120%;
    }
    .elections-banner {
        margin-top: 10px!important;
    }
    #contentMain .results-boxes .elections-link-title a {
        padding: 5%;
    }
    #elections-2015-home .col-1-2:last-child {
        margin-left: 0%;
        margin-bottom: 10px;
    }
    .col-1-2 {
        width: 98% !important;
        margin-top: 0px !important;
        margin-right: auto !important;
        margin-left: auto;
        margin-bottom: 10px;
        height: auto !important;
    }
    .list-ward {
        padding: 3%;
        width: 94%;
    }
    #contentMain #page-content .list-ward li a {
        display: inline;
        padding: 2%;
        width: 94%;
        margin: 1% 0%;
        float: left;
    }
    #contentMain #page-content .list-ward h2 {
        color: #FFF;
        padding: 2%;
        display: block;
        background: none repeat scroll 0% 0% #598148;
        font-size: 120%;
        border: 4px solid #FFF;
        width: 94%;
        margin-bottom: 1%;
    }
    #page-attention-box {
        position: relative;
        top: 60px;
        margin-bottom: 11px;
        padding: 3%;
    }
    .page-attention-quest {
        border-radius: 8px;
        border-left: none;
        padding: 2%;
        width: 96%;
        margin: 0 auto;
        margin-top: 5px;
        font-weight: bold;
        text-align: center;
        line-height: 140%;
        left: 0px;
        top: 0px;
        margin-bottom: 5px;
    }
    #page-attention-box button {
        margin: 0px auto;
        width: 100%;
    }
    .phone {
        display: none;
    }
    .mobile-search-wrapper {
        display: none!important;
    }
    .text-center li a {
        text-align: center;
    }
    
    .navigationWrapper,
    .searchHolder {
        display: none;
    }
    #menu-right .search-wrapper2 button {
        float: left;
        width: 36%;
        padding: 4.5%;
    }
    #menu-right .search-wrapper2 button:hover,
    #menu-right .search-wrapper2 button:focus,
    #menu-right .search-wrapper2 button:active {
        background: #000000;
        color: #FFFFFF;
    }
    .search-wrapper2 button:hover:before {
        border-right-color: #000;
    }
    #menu-right .search-wrapper2 input {
        background: #FFF;
        color: #000000;
        width: 64%;
        height: auto;
        padding: 4%;
        border-radius: 0px;
    }
    .searchHolder {
        position: relative;
        top: 0px;
        right: 0px;
        height: 40px;
        width: 100%;
        padding: 0;
        margin-bottom: 10px;
    }
    #menu-right a {
        color: #FFFFFF;
    }
    .mobile-home-link:hover,
    .mobile-home-link:focus,
    .mobile-home-link:active {
        background-color: #4D4D4D!important;
        background-image: url("http://www.wealden.gov.uk/Upload/home-icon.png")!important;
        background-position: left 20px bottom 50%!important;
        background-position-x: 20px!important;
        background-position-y: 50%!important;
        background-repeat: no-repeat!important;
        padding-left: 50px !important;
    }
    .mobile-home-link {
        background-color: #595959;
        background-image: url("http://www.wealden.gov.uk/Upload/home-icon.png");
        background-position: left 20px bottom 50%;
        background-position-x: 20px;
        background-position-y: 50%;
        background-repeat: no-repeat;
        padding-left: 50px !important;
    }
    #googlemap1 {
        width: 100%;
        height: 100%;
    }
    h2.asideTitle {
        border-bottom: 5px solid #e0e0e0;
        background: #FFFFFF !important;
        color: #000;
    }
    .logoMobile,
    a#menu {
        display: block;
    }
    .search-wrapper2 {
        width: 100% !important;
    }
    .search-wrapper2 input,
    form.search-wrapper2> input {
        width: 50%;
        height: auto;
        padding: 12px 5px;
        -webkit-appearance: none;
        border-radius: 0;
    }
    .search-wrapper2 button {
        float: left;
        width: 36%;
        padding: 13.5px 0;
    }
    #tabWrapper {
        font-size: 85%;
    }
    a.chardin-toggle,
    h2.resp-accordion {
        display: none!important;
    }
    .logoHolder {
        margin: 0 auto;
        width: 100%;
        height: 50px;
        background: rgba(89, 129, 72, 0.95);
    }
    .logoHolder a:hover,
    .logoHolder a:focus,
    .logoHolder a:active {
        -moz-opacity: 0.7;
        opacity: 0.7;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=0.7);
    }
    .logoHolder a {
        display: block;
        width: 15%;
        max-width: 50px;
        height: 50px;
        float: left;
        z-index: 99999;
        background-position: center center!important;
        background-size: 50% auto !important;
        background-repeat: no-repeat!important;
        background-attachment: scroll!important;
        background-clip: border-box!important;
        background-origin: padding-box!important;
        background-color: transparent!important;
        background-image: url("http://www.wealden.gov.uk/Upload/menu.svg")!important;
    }
    .logoHolder .mobileLogo {
        display: block;
        height: 30px;
        width: 70%;
        text-align: center;
        font-size: 70%;
        margin: 0 auto;
        padding-top: 20px;
        font-weight: bold;
        color: #FFFFFF;
    }
    .logoHolder a.menu-right-button {
        right: 0px;
        top: 0px;
        background: transparent url("http://www.wealden.gov.uk/Upload/search.svg") no-repeat scroll 0% 0%;
        float: right;
        position: absolute;
        background-position: center center!important;
        background-size: 50% auto !important;
        background-color: transparent!important;
        background-image: url("http://www.wealden.gov.uk/Upload/search.svg")!important;
        background-repeat: no-repeat!important;
        background-attachment: scroll!important;
        background-clip: border-box!important;
        background-origin: padding-box!important;
    }
    .headerMain {
        height: 0;
    }
    .headerWrapper {
        display: block;
        width: 103%;
        position: relative;
        margin: -1%;
        margin-left: -1.5%;
        background: none;
        height: 50px;
        padding: 0;
        padding-top: 10px;
    }
   
    #mm-blocker {
        background: #000;
        opacity: 0.4;
        display: none;
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 9999;
    }
    
}


/* End iPad and iPhone styling */


/* Start iPhone only styling */

@media only screen and (max-width: 768px) {
    .help-actions {
        margin-bottom: 15px;
        padding: 3%;
        width: 94%;
        background: #eaeaea;
        border-radius: 3px;
        border: none;
    }
    p#help-header {
        display: block;
        background: #595959;
        float: left;
        border: none;
        margin: 0 auto;
        padding: 5%;
        border-radius: 3px;
        color: #FFF;
        font-size: 110%;
        text-align: center;
        width: 90%;
    }
    a.help-action {
        font-size: 90%;
        float: left;
        margin: 0 auto;
        margin-right: 1%;
        width: 100%;
        margin-top: 10px;
        padding: 4%!important;
        box-sizing: border-box;
    }
    /* Footer Styling 2016 */
    .footer-box-title {
        cursor: pointer;
    }
    .footer-box-last {
        border-bottom: 10px solid #ffffff;
    }
    a .footer-tile i {
        text-shadow: none;
    }
    .footer-box-title i {
        display: inline;
    }
    .footer-box-wrapper,
    #a2z-letters {
        display: none;
    }
    #browse-site-button {
        width: 90%;
        padding: 5%;
    }
    a:hover .footer-tile,
    a:focus .footer-tile,
    a:active .footer-tile {
        background: #595959 none repeat scroll 0 0 !important;
        color: #fff;
    }
    #twitter-holder {
        background: #eaeaea none repeat scroll 0 0;
        text-align: center;
        clear: both;
        color: #595959;
        display: block;
        font-size: 80%;
        line-height: 1.15em;
        margin: 0 auto;
        padding: 3% 2% 1%;
        width: 96%;
    }
    #footer-links {
        border-top: 3px solid #595959;
    }
    .footer-links-left {
        display: none;
    }
    .footer-links-right {
        color: #000;
        float: right;
        width: 100%;
    }
    #footer-links-container {
        display: block;
        margin: 0 auto;
        width: 90%;
        padding: 5%;
    }
    .footer-box {
        display: block;
        float: left;
        margin: 0 auto;
        width: 100%;
    }
    .footerMain {
        background: #595959 none repeat scroll 0 0;
        display: block;
        margin: 0 auto;
        padding: 0;
        width: 100%;
    }
    .footer-tiles a:last-child .footer-tile {
        border: none;
    }
    a .footer-tile {
        background: #eaeaea none repeat scroll 0 0;
        border-bottom: 1px dotted #595959;
        box-shadow: none;
        color: #595959;
        display: block;
        float: left;
        font-size: 85%;
        height: auto;
        line-height: 100%;
        margin: 0 auto;
        padding: 5%;
        position: relative;
        text-align: left;
        width: 90%;
    }
    .facebook,
    .twitter {
        color: #fff!important;
    }
    .footer-box h3,
    #a2z-title h3 {
        background: #598148 none repeat scroll 0 0;
        border-top: 5px solid #638b52;
        margin: 0 auto;
        padding: 5%;
        text-shadow: 1px 1px 0 rgba(0, 0, 0, 1);
    }
    /* End Of Footer Styling 2016 */
    .no-stretch {
        width: auto!important;
        height: auto;
    }
    .rsbtn_play img {
        float: right;
        position: absolute;
        top: 20px;
        right: 3%;
    }
    #contentMain #page-content {
        position: relative;
        clear: both;
    }
    .new-bread-crumb {
        margin-top: 15px;
    }
    .contact-title {
        width: 77% !important;
        display: block !important;
        padding: 1.7% 20% 1.7% 3% !important;
        color: #595959 !important;
        font-size: 80% !important;
        cursor: pointer;
        background-color: #e0e0e0 !important;
        background-image: url('/Upload/arrowdowngrey.png') !important;
        background-position: right 15px bottom 50% !important;
        background-repeat: no-repeat !important;
        font-weight: normal !important;
    }
    .event-listing-home {
        background: none repeat scroll 0px 0px #FFF;
        display: block;
        float: left;
        font-size: 80%;
        width: 92%;
        margin: 0% 1% 2% 2%;
        padding: 2%;
    }
    .landingTitle h1 {
        margin-top: 10px;
    }
    h2.splash-title {
        width: 96%;
        float: left;
        padding: 2%;
        text-align: center;
    }
    .splash-logo {
        float: left;
        height: 80px;
        width: 100%;
    }
    #previouscollectiondates,
    #nextcollectiondates,
    #topservices,
    #customerdetails,
    #loginbox,
    #infotext {
        width: 96%;
        padding: 2%;
        float: left;
    }
    #topservices li {
        margin-bottom: 0;
    }
    .scrollToTop {
        width: 20px;
        height: 20px;
        background-color: #595959;
        background-image: url('/Upload/scroll-up-small.png') !important;
        background-repeat: no-repeat;
        position: fixed;
        bottom: 10px;
        right: 10px;
        display: none;
        z-index: 9;
        border-radius: 2px;
        transition: all 0.5s ease-in-out 0s;
        background-position: center center;
        text-indent: -1000em;
    }
    .scrollToTop:hover,
    .scrollToTop:focus {
        border-radius: 10px;
    }
    #test-banner {
        display: block;
        width: 90%;
        bottom: -5px;
        position: fixed;
        z-index: 9999999;
        height: 15px;
        left: 10px;
        border-radius: 2px;
        font-size: 80%;
        padding: 0;
        padding-top: 5px;
    }
    .breadCrumbHolder {
        display: none;
    }
    #contentMain #page-content h1 {
        margin: 0px auto 10px;
        font-size: 2.2em;
        line-height: 110%;
        width: 98%;
        padding: 1% 2% 2% 0px;
    }
    .footer-button-up {
        background-image: url('/Upload/arrowupgrey.png') !important;
        background-position: right 7px bottom 50% !important;
        background-repeat: no-repeat !important;
        background-color: #E0E0E0 !important;
    }
    .footer-dropdown-left,
    .footer-dropdown-right {
        display: block;
        width: 92%;
        padding: 2%;
        background: none repeat scroll 0% 0% #E8E8E8;
        margin-bottom: 20px;
        margin-left: 2%;
        float: left !important;
    }
    .footerbrowsesection {
        float: left;
        width: 80%;
        padding: 5%;
        border: 1px dotted #B4B4B4;
        margin-bottom: 10px;
        margin-left: 5%;
    }
    .button2 {
        float: right;
        margin: -41px 0px 0px !important;
        left: 0;
    }
    .footer-button {
        z-index: 9;
        cursor: pointer;
        font-weight: bold;
        text-decoration: none;
        width: 35%;
        padding: 3%;
        display: inline-block;
        position: relative;
        float: left;
        left: 0px;
        top: 0;
        padding-right: 12%;
        border: none;
        margin: 0!important;
    }
    .footer-button-wrapper {
        width: 96%;
        margin: 0px auto;
        padding: 2%;
    }
    .taskBoxShort a {
        color: #598148;
        text-decoration: none;
        transition: all 0.3s ease-in-out 0s;
        padding: 6% 22% 6% 6% !important;
        float: left;
        margin: 0px 0px 5px !important;
        width: 71.6% !important;
        font-size: 100% !important;
        height: auto !important;
        background-color: #FFF !important;
        min-height: 32px;
    }
    #contentAside h2.asideTitle {
        background: none repeat scroll 0% 0% #D2D2D2;
        color: #595959;
        border: none;
    }
    #contentAside {
        border-top: 5px solid #598148;
        padding-top: 15px;
    }
    .asideWrapper ul#ae_menu li a {
        padding: 2%;
        float: left;
        width: 94%;
        margin-left: 1%;
    }
    .asideWrapper ul#ae_menu li.MenuItemSelectedOdd1,
    .asideWrapper ul#ae_menu li.MenuItemSelectedEven1 {
        padding: 2%;
        float: left;
        width: 94%;
        margin-left: 1%;
    }
    .MenuItemSelectedOdd1:after,
    .MenuItemSelectedOdd1:before,
    .MenuItemSelectedEven1:after,
    .MenuItemSelectedEven1:before {
        display: none;
    }
    .MenuItemSelectedOdd1:after,
    .MenuItemSelectedEven1:after {
        display: none;
    }
    .swipe-overlay {
        z-index: 9999;
        display: block;
        width: 90%;
        padding: 5%;
        background: none repeat scroll 0% 0% #595959;
        color: #FFF;
        font-size: 158%;
        text-align: center;
        margin-bottom: 10px;
        margin-top: 3px;
    }
    .newsHolder a {
        position: relative;
        clear: both;
        display: block;
        background: none repeat scroll 0% 0% rgb(89, 129, 72);
        padding: 3%;
        width: 94%;
        color: #FFF;
        text-decoration: none;
        text-align: center;
        font-size: 95%;
        z-index: 9998;
        left: 0;
        bottom: 0;
    }
    .newsHolder h2.newsTitle {
        padding: 0%;
    }
    .newsHolder h2.newsTitle a {
        margin: 0 auto;
        width: 94%;
        padding: 3%;
        background: #598148;
        color: #FFFFFF;
    }
    .newsImageHolder {
        position: absolute;
        left: 0px;
        top: -10px;
        width: 100%;
        z-index: 7;
        background-color: none;
        background-image: none;
    }
    .newsHolder img {
        position: relative;
        height: auto;
    }
    .newsHolder {
        padding: 0px;
        height: auto;
        position: relative;
        overflow: hidden;
    }
    #tabTitle {
        display: block;
    }
    .tab-title {
    width: 96%;
    padding: 5% 2%;
    background: none;
    margin: 2%;
    text-align: center;
    border: 1px solid #eaeaea;
    box-sizing: border-box;
    border-radius: 5px;
    }
    .tab-title h2 {
        background: none;
        color: #595959;
        font-size: 26px;
    }
    .tab-title p {
        font-size: 12px;
        margin-left: 10px;
    }
    .resp-tab-content-active {
        display: block!important;
    }
    .homepage-browse-help p {
        float: none;
    }
    .homepage-browse-help {
        display: block;
        font-weight: bold;
        font-size: 100%;
        margin: 0px auto 10px;
        text-align: center;
        width: 96%;
        border-bottom: 5px solid #E2E2E2;
        color: #595959;
        padding: 2%;
        background: #EAEAEA;
        border-top: 5px solid #E2E2E2;
    }
    .homepage-browse-help a {
        display: inline-block;
        padding: 5%;
        color: #FFF;
        cursor: pointer;
        text-decoration: none;
        width: 90%;
        vertical-align: middle;
        margin: 10px auto 0px;
        float: none;
        position: relative;
        font-size: 100%;
    }
    .asideWrapper ul#ae_menu,
    .landing-page-menu ul#ae_menu {
        padding: 0;
    }
    .mobile-search-wrapper,
    a.chardin-toggle,
    h2.resp-accordion {
        display: none!important;
    }
    .landing-page-see-more {
        width: 92%;
        text-align: center;
        padding: 4%;
    }
    .welcomeImage img {
        width: 100%;
        height: auto;
    }
    .landing-page-welcome,
    .landing-page-links,
    .landing-page-menu,
    .landing-page-menu-related {
        width: 94%;
    padding: 2%;
    margin-bottom: 10px;
    clear: both;
    margin: 15px 3%;
    box-sizing: border-box;
    }
    .WrapperBoxLeft li a {
        width: 92%;
        padding: 4%;
        background: #598148;
        color: #FFFFFF;
    }
    .twitterHolder #main,
    .twitterHolder iframe {
        width: 100%!important;
    }
    #btnGSearch {
        width: 50px;
        margin-top: 5px;
    }
    .newsSummary {
        position: relative;
        left: 0%;
        font-size: 95%;
        background: none repeat scroll 0% 0% #FFF;
        border: 1px solid #598148;
        width: 100%;
        bottom: 6px;
        box-sizing: border-box;
        margin-top: 10px;
        -moz-opacity: 1!important;
        opacity: 1!important;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=1)!important;
    }
    .rsbtn_play> img {
        width: 5%!important;
    }
    #breadcrumbs-one {
        display: none
    }
    .Wrapper,
    .landing-wrapper,
    .four-box-wrapper,
    .six-box-wrapper {
        margin: 0 auto;
        background: #598148;
        padding: 1%;
        width: 98%;
        float: left;
    }
    .WrapperBoxLeft p,
    .WrapperBoxRight p,
    .WrapperRight p,
    .WrapperLeft p {
        font-family: verdana;
        padding: 2%;
    }
    .WrapperRight,
    .WrapperLeft {
        margin: 0;
        float: left;
        height: auto;
        width: 100%;
        padding: 0;
        font-size: 100%;
        line-height: 100%;
    }
    .WrapperBoxLeft,
    .WrapperBoxRight {
        margin: 0;
        margin-left: 0.85%;
        float: left;
        height: auto;
        width: 98.4%;
        padding: 0;
        font-size: 100%;
        line-height: 100%;
    }
    #contentWrapper {
        margin-top: 0;
    }
    .socialFacebook a,
    .socialTwitter a,
    .socialYoutube a {
        display: block;
        width: 50%;
        float: left;
        height: 90px;
    }
    .socialFacebook a {
        background-color: #3b5998;
        background-image: url("/Upload/facebook-64.png");
        background-repeat: no-repeat;
        background-position: right bottom;
    }
    .socialTwitter a {
        background-color: #00aced;
        background-image: url('/Upload/twitter-64.png');
        background-repeat: no-repeat;
        background-position: right bottom;
    }
    .socialYoutube a {
        background-color: #bb0000;
        background-image: url('/Upload/youtube-64.png');
        background-repeat: no-repeat;
        background-position: right bottom;
        margin-left: 3%;
    }
    .footerMobile {
        display: none!important;
        width: 96%;
        height: auto;
        position: relative;
        margin: 0px auto;
        padding: 2%;
        background: #aeaeae;
        top: 5%;
        padding-top: 2%;
        border-top: 10px solid #9A9A9A;
    }
    .contactMobile {
        padding: 0;
        background: none;
        margin-bottom: 10px;
    }
    .contacttext {
        display: block;
        float: left;
        font-size: 135%;
        margin-top: 15px;
        background: #595959 !important;
        color: #ffffff !important;
    }
    .contacticon {
        width: 75px;
        height: 75px;
        background: none;
        float: left;
        margin: -13px;
        margin-right: 20px;
        display: block;
        color: #ffffff;
    }
    .contacticonphone {
        background-image: url('http://www.wealden.gov.uk/Upload/iphone.png');
        background-repeat: no-repeat;
    }
    .contacticonemail {
        background-image: url('http://www.wealden.gov.uk/Upload/email.png');
        background-repeat: no-repeat;
    }
    .contactEmail a {
        margin-bottom: 10px;
    }
    .contactPhone a,
    .contactEmail a {
        display: block;
        color: #FFF;
        float: left;
        text-decoration: none;
        transition: all 0.2s ease 0s;
        text-overflow: ellipsis;
        overflow: hidden;
        font-size: 100%;
        font-family: verdana;
        background-color: #595959 !important;
        padding: 7%;
        width: 86%;
        clear: both;
        border-bottom: 1px solid #aeaeae;
        min-height: 30px;
    }
    .contactPhone a:hover,
    .contactPhone a:active,
    .contactPhone a:focus,
    .contactEmail a:hover,
    .contactEmail a:active,
    .contactEmail a:focus,
    .socialFacebook a:hover,
    .socialTwitter a:hover,
    .socialYoutube a:hover,
    .socialFacebook a:active,
    .socialTwitter a:active,
    .socialYoutube a:active,
    .socialFacebook a:focus,
    .socialTwitter a:focus,
    .socialYoutube a:focus {
        -moz-opacity: 0.85;
        opacity: 0.85;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=85);
    }
    .socialMobile {
        margin-bottom: 25px;
    }
    .contactMap {
        display: block;
        width: 97%;
        padding: 1.5%;
        background: #EAEAEA;
        color: #000000;
        height: 330px;
        clear: both;
        text-decoration: none;
        margin-bottom: 3%;
        transition: all 0.2s ease 0s;
        font-size: 135%;
    }
    .footerWrapper {
        top: 0px!important;
        border: none;
    }
    .footerWrapper {
        padding: 0;
        width: 100%;
        clear: both;
        background: none;
        color: #000;
    }
    #contentMain,
    #contentAside,
    #contentMainExtraWide {
        width: 100%;
    }
    #contentMain #page-content img {
        width: auto;
        height: auto;
        max-width: 100%;
    }
    .betaLinks {
        display: none;
    }
    #a2z-wrapper {
        clear: both;
        width: 100%;
        position: relative;
        margin: 0 auto;
        background: #26561d;
    }
    #a2z-holder {
        width: 100%;
        padding: 0;
        background: #595959;
    }
    #a2z-title a {
        background: #598148 none repeat scroll 0 0;
        border-top: 5px solid #638b52;
        margin: 0 auto;
        padding: 5%;
        text-shadow: 1px 1px 0 rgba(0, 0, 0, 1);
    }
    #a2z-letters a {
        background: #595959 none repeat scroll 0 0;
        margin: 0 auto;
        padding: 5%;
        width: 4.27%;
    }
    #a2z-title,
    #a2z-letters {
        width: 100%;
    }
    .footerBox1 {
        display: none;
    }
    .footerBox2,
    .footerBox3,
    .footerBox4 {
        clear: both;
        width: 94%;
        background: #595959;
        margin: 0%;
        padding: 4%;
        margin-left: -2%;
        border-bottom: 1px solid #eaeaea;
        height: auto;
    }
    #verticalAccordion> div:nth-child(2)> h2 {
        display: none;
    }
    .midWrapmain {
        height: auto;
    }
    .landing-page-menu-wrapper {
        width: 100%;
    }
    .landing-side-box {
        width: 100%;
        background: none repeat scroll 0% 0% #EAEAEA;
        margin-bottom: 10px;
        float: left;
        position: relative;
        height: auto;
    }
    .icon {
        background-position: right 10px bottom 50% !important;
    }
    .BoxShort a {
        background-size: 10% !important;
    }
    .BoxShort a,
    .BoxShort:nth-child(4n-1) a,
    .WrapperRightBoxShort a,
    .WrapperRightBoxShort:nth-child(-2n+4) a,
    .WrapperLeftBoxShort a,
    .WrapperLeftBoxShort:nth-child(-2n+4) a,
    .landing-wrapper .BoxShort:nth-child(4n-1) a,
    .four-box-wrapper .BoxShort a,
    .six-box-wrapper .BoxShort a,
    .Wrapper .BoxShort:nth-child(4n-1) a,
    .BoxShort-search {
        width: 100%;
        padding: 8% 20% 8% 8%;
        height: auto;
        margin-bottom: 3%!important;
    }
    .BoxShort-search {
        padding: 8%!important;
    }
    .Wrapper {
        margin: 0;
    }
    #horizontalWrapper,
    .resp-tabs-container {
        background: #FFFFFF;
    }
    .resp-tab-container {
        border: none;
    }
    .resp-tabs-container a {
        font-weight: bold;
        text-decoration: none;
    }
    #horizontalWrapper {
        margin-bottom: 5px;
    }
    ul.resp-tabs-list {
        display: none;
    }
    h2.resp-accordion {
        display: block;
        background: #e0e0e0;
        border: none;
        margin-bottom: 5px;
        clear: both;
    }
    h2.resp-tab-active {
        font-weight: bold;
        text-decoration: none;
        color: #595959;
        background: #598148;
        margin-bottom: 5px !important;
    }
    .resp-vtabs .resp-tab-content {
        border: none;
    }
    .resp-vtabs .resp-tabs-container {
        border: none;
        float: none;
        width: 98%;
        min-height: initial;
        clear: none;
    }
    .resp-accordion-closed {
        display: none !important;
    }
    .resp-vtabs .resp-tab-content:last-child {
        border: none;
    }
    .navigationWrapper {
        display: none;
    }
    #horizontalTab {
        margin-top: 10px!important;
    }
    .midWrapbox h2 {
        margin: -2%;
        margin-bottom: 2%;
    }
    .midWrapbox {
        width: 96%;
        padding: 2%;
        height: auto;
        min-height: 0;
        font-size: 100%;
    }
    .midWrapbox2 {
        width: 100%;
        margin-top: 10px;
        height: auto;
    }
    a.viewMoreNews {
        padding: 2%;
        width: 96%;
        display: none;
    }
    .resp-vtabs .resp-tabs-container {
        width: 98%;
        height: auto;
    }
    .a2ztitle,
    .termsTitle,
    .socialTitle {
        width: 96%;
        font-size: 100%;
        font-weight: bold;
        padding: 0;
        margin-top: 20px;
    }
    .socialBox a,
    .termsBox a,
    .a2zbox {
        width: 94%;
        padding: 3%;
        margin: 0 auto;
        height: auto;
    }
    .socialBox a {
        background-image: none;
        margin-bottom: 5px;
    }
    .resp-tabs-container {
        height: auto;
    }
    #tabWrapper {
        margin: 0;
        z-index: 199;
        padding: 0;
        width: 100%;
    }
    .linkHolder {
        display: none;
    }
    h2.resp-accordion:first-child {
        border: none;
    }
}

/* End iPhone only styling */

/* #Flexible Iframe
==*/
.Flexible-container {
    position: relative;
    height: 350px;
    height: 0;
    overflow: hidden;
}
.Flexible-container iframe,
.Flexible-container object,
.Flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}