@media screen and (min-width: 768px) {
   
    
    #leftbanner {
        width: 25.53191489361702%;
        max-width: 240px; 
        float: left; 
    }
    .hasRightbanner #leftbanner, .hasLeftbanner #rightbanner { max-width:240px; width: 25.53191489361702%;}
    #rightbanner {
        width: 24.48979591836735%;
        max-width: 240xp;
        float: right;
    }
    #contentdiv {
        width: 100%; 
    } 
    .hasLeftbanner #contentdiv {
        width: 74.41020408163265%;
        float: left;
    }
    .hasRightbanner #contentdiv {
        width: 74.41020408163265%;
        float: left;
    }
    .hasLeftbanner.hasRightbanner #contentdiv {
        width: 46.707143%;
        float: left;
        max-width:440px;
    }
    
    #topbanner {
        min-height: 325px;
        position: relative;
    }
    .page_1 #topbanner {
        min-height: 100px;
    }
    
    .logo {
        max-width: 980px;
        margin: 0 auto !important;
    }
    .page_1 .logo #logo {
        margin-top: 60px !important;
    }
    
    /*   .page_1 .logo { position:absolute; top:40px; left:50%; margin-left:-490px !important; } */
  
    body { overflow-x:hidden;}
    .main-nav { 
        display: block;
        background: rgba(0,0,0,.5);
        position: absolute;
        width: 100%;
        top: 0;
        z-index: 100;
}
    .main-nav #main-nav {
        list-style: none;
        padding: 0;
        text-align: left;
        max-width: 940px;
        margin: 0 auto;
        width: 100%;
    }
    .main-nav #main-nav > li {
        display: inline-block;
        
        
        margin-top: 6px;
    
        position: relative;
        top: 1px;
}
    .main-nav #main-nav > li.dropdown-active, .main-nav #main-nav > li.active {
        -webkit-transform: skew(-20deg);
        -moz-transform: skew(-20deg);
        -o-transform: skew(-20deg);
        background: #53B442;
    
        color: #FFF;
}
    .main-nav #main-nav > li > a {
        padding: 5px 10px 5px;
        display: block;
        color: #FFF;
        font: bold 14px/24px "proxima-nova";
        text-transform: uppercase;
        text-decoration: none;
        
        
        /* background: red; */
    }
    .main-nav #main-nav > li.dropdown-active > a, .main-nav #main-nav > li.active > a {
        -webkit-transform: skew(20deg);
        -moz-transform: skew(20deg);
        -o-transform: skew(20deg);
    }
    
    .main-nav #main-nav > li:first-child > a {
        padding-left: 10px;
    }
    .main-nav #main-nav > li > .meganav {
        visibility: hidden;
        position: absolute;
        background: #FFF;
        width: 640px;
        top: 34px;
        overflow: hidden;
        z-index: 1000;
          
       left:34px;
        -webkit-transform: skew(20deg);
        -moz-transform: skew(20deg);
        -o-transform: skew(20deg);
        box-shadow:0px 0px 6px 2px rgba(0,0,0,.16);
    
        transition: height .2s ease-in-out, visibility 0 .15s ease-in-out;  -webkit-transition: height .2s ease-in-ou visibility 0 .15s ease-in-out;  -moz-transition: height .2s ease-in-out, visibility 0 .15s;
}
    .main-nav #main-nav > li:first-child > .meganav { left:56px}
    
    .main-nav #main-nav > li.dropdown-active > .meganav {
        visibility: visible !important; transition: height .3s .2s ease-in-out, visibility 0 .2s ease-in-out;
        -webkit-transition: height .3s .2s ease-in-out, visibility 0 .2s ease-in-out;
        -moz-transition: height .3s .2s ease-in-out, visibility 0 .2s ease-in-out;
    }
    .main-nav #main-nav > li > .meganav ul {
        overflow: hidden;
        padding: 20px 0;
        list-style: none;
    }
    .main-nav #main-nav > li > .meganav ul > li {
        float: left;
        width: 206px;
        padding-left: 20px;
        display: table;
    }
    
    .main-nav #main-nav > li > .meganav ul > li > a {
        position: absolute;
        width: 188px;
        height: 149px;
        vertical-align: middle;
        display: table-cell;
        margin-right: 12px;
        display: block;
        text-align: center;
        padding: 50px 20px;
        font: bold 16px/24px "proxima-nova";
        color: #FFF;
        text-decoration: none;
        text-transform: uppercase;
        /*opacity: 0;*/
        z-index: 40;
	text-shadow: 0px 0px 1px #000;
    }
    .main-nav #main-nav > li > .meganav ul > li > img {
        width: 188px;
        height: 149px;
    }
    .main-nav #main-nav > li > .meganav ul > li > a:hover {
        background: rgba(82,178,65,.5);
        opacity: 1;
    }
    
    
    .main-nav #main-nav > li.community {
        float: right;
    }
    .main-nav #main-nav > li.community a {
        color: #b7b7b7;
        font: 300 11px/24px "proxima-nova";
        text-transform: none;
    }
    .main-nav #main-nav > li.community a:hover { color:#FFF; }
    .main-nav #main-nav > li.community a:after {
        content: '\f023';
        font-family: "icomoon";
        padding-left: 5px;
        position: relative;
        top: 2px;
    }
     
    .page_1 #slideshow { position:relative; }
  
    .page_1 #main-slide-pager { position:absolute; bottom:15px;  z-index:100; color:#FFF; max-width:980px; left:50%; margin-left:-492px; padding:0 20px;  }
    .page_1 #main-slide-pager span { color:#FFF; font-size:60px; }
    .page_1 #main-slide-pager .cycle-pager-active { color:#909090;}
    .page_1 .slide .cycle-caption h2 {
        max-width: 500px; 
        width: 51.02040816326531%;
        padding: 0 20px;
        position: absolute;
        bottom: 50px;
        text-align: left;
        top:initial;
    }
    
    .page_1 #rightbanner {
        left: initial;
        margin-left: 0;
        right: 20px;
        bottom: 30px;
        top:initial;
    }
    
    .page_1 .slide .cycle-caption h2 a {
        font-size: 36px;
        
        line-height: 38px;
    }
    
    .location {
        max-width: 461px;
        float: left;
    
        /* padding-left: 10%; */
        /* margin-left: 20px; */
}
    
    #bottombanner {
        /* padding-bottom:40px; */
    
        background: url(../images/footer-bg.png) no-repeat center 2px;
        /* background-size: contain; */
        /* background-size: cover; */
}
#footer { max-width:940px; margin:0 auto; overflow: hidden; height: 100%;}
    .connect {
        max-width: 239px;
        float: right;
        clear: none;
        padding-top: 20px;
        margin-top:0 !important; 
    
        /* padding-right: 15% !important; */
}
    
    #bodydiv { overflow-x:hidden;}
    
    .contact-us-form, .contact-us-form.active { max-height:60vh;}
    .contact  {display:inline-block; position:absolute; width:150px; left:50%; margin-left: 63px !important;  }
    
    .contact a { color:#FFF; text-decoration:none; font: normal 14px/1 "proxima-nova"; text-transform: uppercase; display:block;  padding:20px;}
    .contact a:after { content:'\f077'; font-family:"icomoon"; position:relative; top:2px; padding-left:5px; }
    .contact.active a:after { content:'\f078';}
    
    
    #bottomcontainer { /* background:none; */  }
    .location #footer-logo {
        float: left;
    }
    .location .address {
        float: left;
        text-align: left;
        padding-top: 15px;
        padding-left: 20px;
    }
        
        #mainmiddle {
            max-width: 980px;
            margin: 0 auto;
        
            padding: 0 20px;
}
    
    
    
    
    
    
    }
    }