@media (min-width: 1750px) {

.container {
max-width: 1600px;
}

}


@media (max-width: 1450px) {

#map{width:45%}

footer#site-footer .details {width: 55%;}


footer#site-footer .phone {width: calc(100% - 260px); }

}

@media (max-width: 1350px) {


}


@media (min-width: 1300px) {



}


@media (max-width: 1250px) {

section {
padding: 90px 0px;
}

#sidebar1 .main-navigation a:link, #sidebar1 .main-navigation a:visited {
font-size: 15px;
}

    #map {
    width: 40%;
}

footer#site-footer .details {width: 60%;}

.details p {font-size: 16px;}

.marker a {font-size: 12px;}

}


@media (max-width:1200px) {


#hero .tag-line .tagline {    font-size: 60px;}

#hero .tag-line .buttons a {font-size: 15px} #hero .tag-line .buttons img {height: 18px}

}


@media (max-width: 1150px) {



}


@media (max-width: 1100px) {

section p {
font-size: 19px;
}   

#welcome .image {
width: 340px;
height: 340px;
}

#welcome .message {
    position: relative;margin-top: 17px;
    width: calc(100% - 420px);
}

#welcome h1 {width: 400px; font-size: 35px}

.discover-cont {height: 600px}

}


@media (max-width:1050px) {
    
#footer-meta .container {
    flex-direction: column
}

#footer-meta .meta-details  {
width: 100%; text-align: center;
}


#content {
width: 100% !important;
}

#sidebar1 {
display: none;
}

.logo, .logo img {
height: 90px;
}

header#masthead {
height: 125px;
}

.secondary-nav .secondary-links {
display: none
}
.quicklink-cont {
margin-top: 40px;
right: 130px; position: relative;
}

.secondary-nav .quicklink-toggle,
.searcharea input,
.secondary-header {
width: 45px;
height: 45px;
}

.searcharea input {
padding-left: 45px;
}

.secondary-nav .extra-links,
.secondary-header {
margin-left: 9px;
}

.details-cont {
 width: 730px; 
}
footer#site-footer  .details h2 {}

footer#site-footer .details {
width: 100%; padding: 50px 5% 80px  
}
        
    
footer#site-footer  .container {
    
    flex-direction: column;
}

#map {width: 100%; height:350px}

}


@media (max-width: 1000px) {

section {
padding: 70px 0px;
}

.button a {
font-size: 12px;
}

#hero .tag-line .tagline {    font-size: 50px;}

.discover-cont {height: 530px}
.image-block .desc h3 {
    font-size: 20px;
}
}


@media (max-width:950px) {


}


@media (max-width: 900px) {



p, td, .entry-summary, .wpb-content-wrapper li {
font-size: 15px;
}

section h2, section h1 {
font-size: 40px;
}

    #welcome .image {
    width: 300px;
    height: 300px;
}

#welcome .button {
    bottom: -10px;
    right: -10px;
}

#welcome .message {
    width: calc(100% - 350px)
}
#welcome p {
    font-size: 16px;
}



}


@media (max-width:850px) {

#announcement-popup img {
width: 230px;
}

#announcement-popup .message-box .left {
padding: 30px;
width: calc( 100% - 230px);

}

section {
    padding: 50px 0px
}

.page-title h1 {
font-size: 40px;
}

#page {
padding-top: 30px;
}

#content h2 {
font-size: 29px;
}

#welcome .container {
    flex-direction: column-reverse;
}

    #welcome .message {
    width: 80%;
}

    #welcome .image {
    width: 100%;
    height: 360px; margin-top: 20px;
}

    .discover-cont {
    height: 440px;
}

}


@media (max-width: 800px) {

.logo, .logo img {
height: 70px;
}

header#masthead {
height: 110px;
}

.quicklink-cont {
margin-top: 32px;
}

.menu-button {
top: 38px; 
}

    #hero .tag-line .buttons a {
    font-size: 14px;
    padding: 13px 26px;margin: 0px 8px;
}

#hero .tag-line .buttons img {
    margin-left: 12px
}


}


@media (max-width: 750px) {

iframe,
object {
width: 100%;
}
.button a {
font-size: 10px;
}

section h2, section h1 {
font-size: 36px;
}


section p {
font-size: 17px;
}

#discover .title {
    margin-bottom: 20px;
}

.discover-cont {height: auto;display: flex
    ;
        flex-direction: column;}
        
        .image-block {height: 250px; margin-top: 0px}

.image-block::before {width: 110%; top: -1px}

.image-block::after {bottom: -1px;
    left: 0;
    width: 110%;}
    
footer#site-footer .details-cont {
    flex-direction: column;
}

footer#site-footer address, footer#site-footer .phone{width: auto}  

footer#site-footer .phone {margin-top: 20px}

footer#site-footer .social-links {justify-content: center}

footer#site-footer .details h2 {text-align: center}

.details-cont {        width: 100%;
        text-align: center;
    }

}


@media (max-width:700px) {

p, td, .entry-summary, .wpb-content-wrapper li {
font-size: 15px !important;
}

#page .container {
width: 96%;
}

.page-title h1 {
font-size: 32px;
}

#content h2 {
font-size: 26px;
}

.secondary-nav .social {
display: none;
}


}


@media (max-width: 650px) {

#hero .tag-line .buttons {
 flex-direction: column;
}

#hero .tag-line {bottom: 50px}

#hero .tag-line .buttons a {margin: 8px}

}


@media (max-width: 600px) {

#announcement-popup .right {
display: none;
}

#announcement-popup .message-box .left {
width: 100%;
}

#announcement-popup .message-box h3 {
font-size: 1.3em;
}

#announcement-popup .message-box p {
font-size: 0.9em;
}

#announcement-popup button {
right: -15px;
top: -15px;
z-index: 99999;
position: absolute;
}


}


@media (max-width: 550px) {

section h2, section h1 {
font-size: 30px;
}

section p {
font-size: 16px;
}

.header-container {
    margin-top: 5px
}

.quicklink-cont {
margin-top: 11px;
right: 0px;
}

header#masthead .container {
width: calc(100% - 30px);
}

.logo{ z-index: 9;}

.menu-button {
font-size: 12px;
}

.menu-button[aria-expanded="true"] {
    top: 16px;
}

.menu-button:before {
width: 20px;
height: 17px;
background-size: auto 17px;
margin-right: 10px;
}

#navigation {
width: 100%	;
}


.header-container {
position: absolute;
width: 100%;
/* padding: 10px; */
top: 0px;
}

header#masthead .container {
width: 100%;
}

.quicklink-cont {
margin-top: 0px;
width: 100%;
background: #efefef;
padding: 7px 0px;
display: flex;
justify-content: center;
}

header#masthead {
height: 145px;
}

body.smaller header#masthead {
margin-top: -68px;
}

.logo {
margin-left: 8px;
margin-top: 67px;
overflow: visible;
}
.menu-button {
top: 86px; font-size: 11px;border-radius: 5px;
padding: 8px 11px;right: 10px; 
}
.logo, .logo img {
height: 55px;
}


body.smaller .menu-button {
top: 22px;
}

#welcome{
padding: 60px 0px 90px;
}

#welcome .message {
    width: 90%;
}

}


@media (max-width:500px) {

.footer-policies,
.footer-accessibility {
display: flex; flex-direction: column;
}

.sep {
display: none;
}


.c50 {
width: 100%;
}


#welcome h1 {width: auto; text-size: 30px}

#welcome .message {margin-top: 0px}

#welcome .button {}

#hero .tag-line .tagline { margin-bottom: 30px;}

}


@media (max-width:450px) {


}


@media (max-width:425px) { 

#navigation .nav-menu a {
    padding: 10px 28px 10px !important;
}

}


@media (max-width:400px) { 


}


@media (max-width: 2000px) { .wpb_vc_table { width: 850px; } }
@media (max-width: 1400px) { .wpb_vc_table { width: 780px; } }
@media (max-width: 1300px) { .wpb_vc_table { width: 710px; } }
@media (max-width: 1200px) { .wpb_vc_table { width: 670px; } } 
@media (max-width: 1150px) { .wpb_vc_table { width: 640px; } } 
@media (max-width: 1100px) { .wpb_vc_table { width: 610px; } } 
@media (max-width: 1050px) { .wpb_vc_table { width: 580px; } } 
@media (max-width: 1000px) { .wpb_vc_table { width: 550px; } } 
@media (max-width: 950px) { .wpb_vc_table { width: 520px; } } 
@media (max-width: 900px) { .wpb_vc_table { width: 780px; } } 
@media (max-width: 850px) { .wpb_vc_table { width: 730px; } } 
@media (max-width: 800px) { .wpb_vc_table { width: 680px; } } 
@media (max-width: 750px) { .wpb_vc_table { width: 630px; } } 
@media (max-width: 700px) { .wpb_vc_table { width: 580px; } } 
@media (max-width: 650px) { .wpb_vc_table { width: 530px; } } 
@media (max-width: 600px) { .wpb_vc_table { width: 480px; } } 
@media (max-width: 550px) { .wpb_vc_table { width: 430px; } } 
@media (max-width: 500px) { .wpb_vc_table { width: 380px; } } 
@media (max-width: 450px) { .wpb_vc_table { width: 330px; } } 
@media (max-width: 400px) { .wpb_vc_table { width: 320px; } }