@media only screen and (max-width: 1200px) {
    .nav .hero{
        margin-top: 105px;
    }
}

@media only screen and (max-width: 1024px) {
    .mw { max-width: 1000px; }

    body.events .content .optmenu .w20.view { width:40%; }
    body.events .content .optmenu .w50.key { width: 60%; }
    body.events .content .optmenu .w30.filters { width: 100%; float:none; }
    body.events .content .optmenu .w30.filters .w50.category { width:40%; }
    body.events .content .optmenu .w30.filters .w50.search { width: 60%; }
}

@media only screen and (max-width: 812px) {
    .mw { max-width: 768px; }

    .hdr .logo { float: none; width: 100%; height: 106px; background: url(../img/logo.jpg) no-repeat center center; }
    .hdr .menu { width: 50%; height: auto; text-align:left; }
    .hdr .menu a { line-height: 50px; padding: 0 10px; }
    .hdr .links { width: 50%; height: auto; padding-right:10px; }
    .hdr .links a { line-height: 50px; height: 50px; padding: 0 10px; }

    body .nav{
        margin-top: 70px;
    }

    .nav .mobile {
        display: flex;
        position: absolute;
        top: -70px;
        background: #0f273f;
    }
    .nav .menu { visibility:hidden; position: fixed; top: 0; left: 0; background-color: white; bottom: 0; right: 0; z-index: 100; overflow: auto; }
    .nav .menu.mobileshow { display: block; visibility:visible; }
    .nav .mobileclose { display:block; z-index: 500;}

    .nav .menu ul.primary { width: 150px; float: left; }
    .nav .menu .primary a { color: #014066; /*border-right: 1px solid #EEE;*/ width: auto;}
    .nav .menu ul.primary li {     float: none;
        width: 100%;
        display: block;
        border-right: 1px solid #EEE;
        padding: 0 25px;
        text-align: center;
        background: url(../img/scroller-a-arrow.png);
        background-repeat: no-repeat;
        background-position-x: calc(100% - 5px);
        background-position-y: center;
    }
    .nav .menuitems { width: calc(100% - 150px); float: left; position: relative; top: unset; left: unset; }
    .nav .menuitems .w20 { width: 50%; margin-bottom: 20px; }
    .nav .menuitems .w20:nth-last-child(1) { width:100%; }

    .newscontainer { padding:0 20px; }
    .newsissues .w50 { float:none; width:100%; margin-bottom:20px;  }

    .eventscontainer { padding: 0 20px; }
    .pge .eventscontainer .w50 { float: none; width: 100%; margin-bottom: 20px; }
    .pge .eventscontainer .w50:nth-child(1) { padding-right: 0; }
    .pge .eventscontainer .w50:nth-child(2) { padding-left: 0; }


    body.events .display .items .item { width: calc(100% / 3); flex: 0 calc(100% / 3); }


    .ftr .w25.links, .ftr .w75.contacts, .ftr .w40.links, .ftr .w60.contacts { width:100%; float:none; }
    .ftr .w20, .ftr .w30, .ftr .w60    { width: 50%;}

    .cpy { padding: 20px 20px; }

    .pge .eventscontainer .scroller {width: 100% !important;}
    .pge .eventscontainer .fr.scrollbtns { position: inherit !important; top: unset !important; clear: both !important; right: unset !important; height: auto !important; width: 100% !important; float: none !important;}
    .pge .eventscontainer .fr.scrollbtns .btn {top: unset !important; position: relative !important;}

}

@media only screen and (max-width: 414px) {
    .hdr .menu { float: none;  width: 100%;  text-align: center; padding-left: 0; }
    .hdr .links { float: none; width: 100%; padding-right: 0; text-align: center; }
    .hdr .links .fr { float:unset; display:inline-block; }

    .nav .hero { margin-top:20px; }
    .nav .hero h1.ttl { font-size: 30px; }

    .pge .newscontainer .newsissues { padding-right: 0; }
    .pge .newscontainer .quicklinks { width: 100%; top: unset; right: unset; bottom: unset; position: relative; margin-bottom:40px; }
    .pge .newscontainer .items { padding-right:0;  }

    .pge .countcontainer .w50 .fr { padding-right: 20px; text-align:right; }
    .pge .countcontainer .w50 .fl { padding-left: 20px; }

    body.events .content .optmenu .w20.view { width: 100%; float: none; }
    body.events .content .optmenu .w50.key { width: 100%; float: none; }
    body.events .content .optmenu .w30.filters .w50.category { width: 100%; float: none; margin-bottom:15px; }
    body.events .content .optmenu .w30.filters .w50.search { width: 100%; float:none; }
    body.events .display .items .item { width: 100%; flex: 0 100%; }

    .ftr { padding:20px;  }

    .ftr .w60.contacts .w25 { width:50%; margin-bottom:20px; }

    .nav .menuitems .w20 { width: 100%; padding-right:0; }

    .ftr a.btn { line-height:normal; padding:10px 20px !important; }

    .heroscroll .slick-dots li.btn { width: 50px;}
    .SidebarBanner .slick-slide .readmore {text-align: center; display: inline-block; width: 100%;}
    .SidebarBanner .slick-slide .readmore img {margin: auto;}
}

@media only screen and (max-width: 375px)
{
    .nav .hero { padding: 0 20px; }

    .slick-dots li.btn, .slick-dots li.btn button { width:20px; }

    .eventscontainer .ttl { margin-bottom:30px; }
    .eventscontainer .ttl .fl { width:100%; float:none; }

    .cpy { font-size:12px; }
}