@media screen and (max-width: 1120px) {
    .i-area tr,
    .i-area td,
    .i-over tr,
    .i-over td {
        width: 100%;
        box-sizing: border-box;
        display: inline-block;
        vertical-align: top;
    }
    .whiteborder {
        width: 16%;
    }
    .i-img {
        width: 20%;
        border: none!important;
    }
    .i-img IMG {
        width: 35%;
        height: auto;
    }
    .i-text {
        width: 75%;
        border: none!important;
    }
    .i-left,
    .i-right {
        width: 32%;
    }
    .i-center {
        width: 32%;
    }
    .i-small {
        width: 23%;
        display: inline-block;
    }
    .i-lit {
        width: 15%;
    }
    .i-left IMG,
    .i-right IMG,
    .i-center IMG,
    .i-small IMG,
    .i-lit IMG {
        width: 33%;
        height: auto;
    }
    .i-gal IMG {
        width: 48%;
        height: auto;
        vertical-align: top;
    }
    .i-auto IMG {
        width: auto;
    }
    .i-links A {
        width: 24%;
        display: inline-block;
    }
    .i-links IMG {
        width: 90%;
    }
    .i-two IMG {
        width: 43%;
        display: inline-block;
    }
    .i-over IMG {
        width: 45%;
        height: auto;
    }
    .i-over .i-img {
        width: 45%;
    }
    .i-over .i-text {
        padding: 2% 2%;
    }
    .i-over .i-text IMG {
        width: auto;
    }
    a.sidebar IMG {
        width: 100%;
    }
    #img13 {
        margin: auto;
        display: block;
    }
    .i-all IMG {
        width: auto;
    }
    .i-video iframe {
        width: 90%;
    }
    .i-african .i-non,
    .i-auto {
        width: auto!important;
    }
    .i-auto .i-non {
        width: auto!important;
    }
}

@media screen and (max-width: 999px) {}

@media screen and (max-width: 959px) {}
@media screen and (min-width: 768px){
    td.navButton.hidden.visible-sm{
        display: none!important;
    }
   
}
@media screen and (max-width: 767px) {
  table.d-block{
   width: 100%!important;
}  
    .floating-sidebtn,
    .visible-sm {
        display: block!important;
    }
    .img-responsive{
        max-width: 100%;
        height: auto;
    }
    .hidden-sm{
        display: none!important;
    }
    #table4 td.visible-sm tbody{
        margin-top: 0px!important; 
    }
    #table4 td.visible-sm {
        padding: 0px;
        margin-bottom: 10px;
    }
    #table4 td.visible-sm > table > tbody >tr >td>a{
        padding: 12px 15px;
        text-align: left;
        padding-left: 30px;
    }
    a.sidebar {
        margin: auto;
        display: table;
    }
    #emf-container {
        width: 95%!important;
    }
    .i-list {
        padding: 0!important;
    }
    .i-privacy blockquote {
        margin: 0;
        width: 100%;
    }
    .sidenav-toggle,
    .toggle-btn-second{
        display: block!important;
    }
    #table4 tbody {
        margin-top: 50px;
    }
    #table4 {
        position: fixed;
        overflow: auto;
        width: 310px!important;
        top: 0;
        z-index: 1049;
        background: #003658;
        right: 0;
        height: 100%;
        transform: translateX(100%);
        /* transition: opacity 0.5s linear, transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), width 1.2s cubic-bezier(0.645, 0.045, 0.355, 1); */
        transition: 0.5s;
        border: none;
        padding-bottom: 30px;
    }
    #table4>tbody>tr>td {
        border: none!important;
    }

    #table4>tbody>tr>td>a{
        padding: 12px 15px;
        padding-left: 30px;
        text-align: left;
        border-bottom: 1px solid rgba(255, 255, 255, 0.15)!important;
    }
    td.navButton {
        font-family: inherit!important;
        font-size: 12px!important;
        font-weight: 600;
        text-transform: uppercase;
        border-bottom: 1px solid rgba(255, 255, 255, 0.15)!important;
    }
    /*floating side button*/
    .floating-sidebtn {
        position: fixed;
        left: 0;
        top: 36px;
        width: 36px;
        background: #FFF;
        border-radius: 0px 6px 6px 0px;
        box-shadow: -1px 1px 8px 1px rgba(0, 0, 0, 0.3);
    }
    .floating-sidebtn-img {
        width: 32px;
        padding-left: 5px;
        float: left;
    }
    #floating-sidebar {
        position: fixed;
        top: 36px;
        height: 100%;
        height: 100vh;
        left: 0;
        top: 0;
        display: block!important;
        width: 310px!important;
        overflow: hidden;
        transform: translateX(-100%);
        /* transition: opacity 0.5s linear, transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), width 1.2s cubic-bezier(0.645, 0.045, 0.355, 1); */
        transition: 0.5s;
        overflow-y: auto;
    }
    #floating-sidebar>tbody {
        max-height: calc(100% - 24px);
    }
    #floating-sidebar.block {
        transform: translateX(0%);
        border: none;
    }
    #floating-sidebar.block .floating-sidebtn {
        left: 0px;
        top: 10px;
    }
    #floating-sidebar.block .floating-sidebtn img {
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        width: 32px;
        padding-left: 5px;
        float: left;
    }
    #floating-sidebar.block>tbody>tr>td {
        background: #dfdfdf;
        padding: 8px 12px;
        border: none;
        text-align: left;
    }
    #floating-sidebar.block>tbody>tr>td>a {
        font-family: inherit;
        text-decoration: none;
    }
    .embed-responsive.embed-responsive-16by9{
       padding-bottom: 56.25%!important;
    } 
    blockquote.f-instruction{
    width:100%;
    margin: 0;
}
blockquote.b-quote{
    margin: 1rem;
    padding: 1rem 0;
    }
}

@media (max-device-width: 480px) and (orientation: landscape) {
    #sidenav-menu {
        max-height: 200px;
    }
}

@media screen and (max-width: 400px) {
    .i-teak IMG {
        max-width: 100%;
        height: auto;
    }
    .i-non {
        width: auto!important;
    }
    .i-email .fsSubmit input.fsSubmitButton {
        width: 100%;
    }
}

@media screen and (max-width: 360px) {
    .i-left IMG,
    .i-right IMG,
    .i-center IMG,
    .i-small IMG,
    .i-lit IMG {
        width: 90%;
    }
    .bigred {
        font-size: 13px;
    }
    h1 {
        font-size: 15px!important;
    }
    .large,
    b {
        font-size: 12px;
    }
}