@media (min-width: 576px) {
    .modal.adimage .modal-dialog {max-width:800px;}
    .modal.adimage .modal-dialog .modal-body img {margin: 0 auto; display: block;}
    
    .modal-instructions.modal .modal-dialog {max-width:850px; width: auto; text-align: center;}
    .modal.lto .modal-dialog {max-width: 875px; width: auto;}
    #qrcode.modal .modal-body {padding: 20px 15px;}
    #qrcode.modal .modal-body img {width:350px;}
    
    #subscribemodal .modal-dialog {max-width: 800px;}
    #subscribemodal .subscribeindex form {padding: 15px;}
    
}

@media (min-width: 768px) {
    .container {max-width:750px;}
    
    h1 {color:#fff; font-size: 36px; line-height: 40px;}
    h2 {line-height: 2em; font-size: 1.625em;}
    h3 {font-size: 1.125em; line-height: 1.5em; }
    
    /* Footer */
    footer .container {-ms-flex-direction: row; flex-direction: row; -webkit-box-pack:space-between; -ms-flex-pack:justify; justify-content: space-between;}
    footer .copyright {margin: 0;}
    
    /* Index 
    #indexslides .slideimage:before {content:''; position: absolute; z-index: 2; left: 0; right: 0; top: 0; width:100%; height:100%; background:linear-gradient(to top, rgba(0, 0, 0, .8) 0%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);}
    #indexslides .caption {position: absolute; top: 0; left: 0;height:100%; text-align: left; padding: 0 1rem; z-index: 3; -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: end; align-items:flex-end;}*/
    #indexslides .caption > div {max-width:750px;}
    #indexslides .caption > div > div {width:75%;padding: 0 0 3rem 0;}
    #indexslides .caption h1 {color:#fff;}
    #indexslides .caption p {color:#fff;}
    
    .index-title {margin-bottom: 20px;}
    .indexbottom .card .card-body h3 {line-height: 1.375em;}
    
    /* Inside Pages */
    .pagetitle h1 {font-size: 36px; line-height: 44px;}
}

@media (min-width: 992px) {
    .container {max-width:970px;}
    #spacer {height:128px;}
    
    h1 {line-height: 44px;}
    
    /* Header */
    .topbar .container {-webkit-box-pack:flex-end; -ms-flex-pack:end; justify-content: flex-end;}
    .topbar .locationmenu.dropdown-menu {}
    
    header .navbar {padding: 20px 0;}
    .navbar-brand {display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 0;}
    .navbar-brand img {height:56px;}
    
    #navbarCollapse {-webkit-box-pack:flex-end; -ms-flex-pack:end; justify-content: flex-end; flex-grow: 0; height:100%}
    #navbarCollapse .navbar-nav {-webkit-box-pack:space-around; -ms-flex-pack:distribute; justify-content: space-around;-webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center;height:100%}
    #navbarCollapse .navbar-nav > li { padding: 0px; margin: 0 15px; box-shadow: none; background-color: transparent; white-space: nowrap; height:100%; webkit-box-align: center;-ms-flex-align: center;align-items: center; display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; position: relative;}
    #navbarCollapse .navbar-nav > li > a {color:#fff; border-bottom: 2px solid transparent; border-radius: 0; margin: 0; padding: 9px 0;transition:.3s all cubic-bezier(.3,1,.1,1);}
    #navbarCollapse .navbar-nav > li > a:hover {color:#fff; border-bottom:2px solid #fff;}
    #navbarCollapse .navbar-nav > li > a > i {position: relative; margin-right: 5px;}
    
    .locationmenu.dropdown-menu {padding: 0.5rem 1rem;width: auto;border-radius: .25rem;box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.15);border: none;margin: 10px 0;min-width: 280px;}
    .locationmenu.dropdown-menu.show {}
    .locationmenu.dropdown-menu li {position: relative;}
    .locationmenu.dropdown-menu li a {text-decoration: none; display: block; white-space: normal; position: relative; padding: 4px 0; margin: 3px 0;border-bottom: 1px solid #eee;}
    #navbarCollapse .navbar-nav > li.locationdropdown > a.show {border-bottom:2px solid #fff;}
    
    /* Index */
    #indexslides .caption > div {max-width:970px;}
    #indexslides .caption > div > div {width:50%;padding: 0 0 3rem 0;}
    
    /* FAQs */
    #faqs .faqs {padding: 0.5rem 1rem 1rem 1rem;}
    #faqs .faqs h3 {font-size: 1.2rem;}
}

@media (min-width: 1200px) {
    .container {max-width:1170px;}
    
    /* Index */
    #indexslides .caption > div {max-width:1170px;}
    #indexslides .caption > div > div {width:40%;}
    
    .indexbottom .card .card-body h3 br {display: block;}
}

@media (max-width: 991px) {
    /* Header 
    #navbarCollapse .navbar-nav > li > a {color:#fff; padding: 9px 1rem;}
    #navbarCollapse .navbar-nav > li > a > i {position: relative; margin-right: 5px;}
    #navbarCollapse .navbar-nav > li.dropdown > a i.bi-chevron-down {}
    #navbarCollapse .navbar-nav .dropdown-menu {background:none; border-width:1px 0 0 0; border-color:rgba(255,255,255,0.5); border-radius: 0; box-shadow: none;padding: 0.5rem 1rem 1rem 1rem; }
    #navbarCollapse .navbar-nav .dropdown-menu li {position: relative;}
    #navbarCollapse .navbar-nav .dropdown-menu li a {color: #fff; text-decoration: none;padding: 5px 0 5px 1rem; display:block;}*/
    
    /* Header */
    #navbarCollapse {background:#c7d1d0;}
    #navbarCollapse .offcanvas-header {background:#354142;color:#fff; font-weight: 400;-webkit-box-pack:flex-end; -ms-flex-pack:end; justify-content: flex-end;}
    #navbarCollapse .offcanvas-header h5 {display: none; color:#fff; font-weight: 500; font-size: 1rem;}
    #navbarCollapse .offcanvas-header button {color:#fff; background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; opacity: 1;}
    #navbarCollapse .navbar-nav > li {border-bottom: 1px solid #a6c5c7;}
    #navbarCollapse .navbar-nav > li a {color: #354142; padding: 1rem 0; display: block; position: relative;}
    #navbarCollapse .navbar-nav > li > a i:not(.bi-chevron-down) {position: relative; margin-right:8px;}
    #navbarCollapse .navbar-nav > li > a i.bi-chevron-down {}
    #navbarCollapse .navbar-nav .dropdown-menu {border:none; border-radius: 0; background:none;}
    #navbarCollapse .navbar-nav .dropdown-menu li {}
    #navbarCollapse .navbar-nav .dropdown-menu li a {text-decoration: none; padding: 10px 0 10px 20px;}
    #navbarCollapse .navbar-nav .dropdown-menu li:first-child a {padding-top:0;}
}

@media (max-width: 576px) {
    /* Header */
    #navbarCollapse .offcanvas-header {-webkit-box-pack:space-between; -ms-flex-pack:justify; justify-content: space-between;}
    #navbarCollapse .offcanvas-header h5 {display: block;}
    
}
@media (max-width: 480px) {
    .indexbottom .row > div {margin-bottom: 15px;}
    .indexbottom .card {min-height: 75px;}
}

@media (max-width: 375px) {
    /* Header */
    .navbar-brand img {height:34px;}
    .topbar .sitename {font-size: 14px;}
    #spacer {height:106px;}
    
    /* Footer */
    footer {font-size: 14px;}
}