@media screen and (max-width: 1600px) { /*---------------------------max width 1485px*/
    #mainNavContain ul {font-size: 1.4em;}
    #mainNavContain ul li a {padding-left: 12px; padding-right: 5px}
}/*max width 1485px end*/

@media screen and (max-width: 1485px) { /*---------------------------max width 1485px*/
    #footContain ul {float: none; width: 100%; text-align: center;}
    #footContain ul.contactInfo {float: none;width: 100%;text-align: center;}
    #footContain ul.contactInfo li {border-right: none; padding-top: 10px;}
}/*max width 1485px end*/

@media screen and (max-width: 1277px) { /*---------------------------max width 1277px*/
    #mainNavContain ul {font-size: 1.2em;}
    #mainNavContain ul li a {padding: 8px 10px;}
    .inContentNav {width: 200px; margin: 0 auto;}
    .inContentNav li {display:block; margin-bottom: 10px; text-align: center; }
    .inContentNav li a {display: block;}
}/*max width 1277px end*/

@media screen and (max-width: 1074px) { /*---------------------------max width 1074px*/
    #mainNavContain ul {font-size: 1em;}
    #mainNavContain ul li a {padding: 8px 10px;}
    .bttmNavBox ul {font-size: .9em;}
}/*max width 1074px end*/

@media screen and (max-width: 1025px) {  /*---------------------------max width 1025px*/
    .mobileNo {display: none;}
    header {height: 95px;}
    #headContain {width: 100%; background-size: 50%;}
    #headContain #logo {left: 5%; height: 95px; width: 50%;}
    #headContain #logo a {height: 95px;padding-top: 20px;}
    #headContain #search {right: 10px; top: 10px; width: 30%;}
    #headContain #commissioner {right: 10px; bottom: 15px;}
    .gsc-input-box {height: 24px !important;}
    form.gsc-search-box {margin-bottom: 0 !important; font-size: 11px !important;}
    input.gsc-search-button-v2 {padding: 7px !important; margin-top: -1px !important;}
    table.gsc-search-box td {vertical-align: top !important;}

    nav {height: 40px;}
    #navContain {width: 100%; text-align: right;}
    .hambMenu {display: block;}
    #navigation {
        display:none;
        width: 100%;
        padding: 0 0 10px 0;
        margin-top: 3px;
        background: rgba(239, 209, 137, .8);
        border-bottom: 6px solid #3f2d0d;
        border-top: 6px solid #3f2d0d;
        position: absolute;
        top: 33px;
        z-index: 20;
    }

    #navContain #navigation #upperNavContain {position: absolute;top: -40px; left: 10px;width: auto;text-align: left;}
        #upperNavContain ul {font-size: 1.2em;}
        #upperNavContain ul li {display: inline-block; padding: 5px 25px 5px 0;}
        #upperNavContain ul li a {padding: 0;margin: 0;background: none;border-radius: 0; color: white;}
        #upperNavContain ul li:first-of-type a {color: white;}
        #upperNavContain ul li:last-of-type a {color: white;}

    #navContain #navigation #mainNavContain {position: relative;bottom: initial;}
        #mainNavContain ul {font-size: 1.4em;}
        #mainNavContain ul li {position: relative;display: block;padding: 10px 0;}
        #mainNavContain ul li a {padding: 0;color: #3f2d0d;font-weight: 600;}
        #mainNavContain ul li a:hover {color: #3f2d0d ;}
        #mainNavContain ul li:before {content: "";}

    #mainNavContain ul li ul.dropDown {position: relative;top: 10px;left: 0;width: 100%;background: rgba(164, 124, 66, .8);border-top: 1px solid #3f2d0d;border-bottom: 1px solid #3f2d0d;}
        #mainNavContain ul li ul.dropDown:before {display: none;}
        #mainNavContain ul li ul.dropDown li a {color: #efd189; font-weight: 400;}

    #homeLftContent {border-right: 2px solid white;}
} /*max width 1025px end*/

 @media screen and (max-width: 991px) { /*---------------------------max width 991px*/
    .bttmNavBox {border-bottom: 2px solid #efd189;}
    .bttmNavBox h1 {font-size: 1.1em;}
    .bttmNavBox ul {font-size: .9em;}
    .bttmNavBox ul.scroll {height: auto; overflow: initial;}
    .bttmNavBox ul li {line-height: 1.3em; }
    
    .bttmNavBox ul li.fullW {
        width: 98%;
        float: none;
        margin-left: 1%;
    }
    #homeSecondNav {width: 100%;height: auto;}
    #homeLftContent {float: none;width: 100%;}
    #homeRtContent {float: none;width: 100%;overflow: initial;height: auto;}
    #contentContain table {}
}/*max width 991px end*/


@media screen and (max-width: 813px) { /*---------------------------max width 813px*/
    #headContain #logo {left: 2%; width: 60%;}
    #headContain #search {top: 20px;}
    #headContain #commissioner {right: 10px; bottom: 10px; font-size: 1em;}

    #homeLftContent {width: 100%;height: 350px;}
    #homeLftContent .owl-carousel {height: 350px;}
    .picSliderIMG {height: 350px;}
    
    #contentContain {background: rgba(256, 256, 256, 0.5); width: 100%}
    #contentRT #secondaryNav {text-align: center;}
    #contentRT #secondaryNav .secondaryHambMenu {display: block;}
    #contentLFT {width: 100%;min-height: 0;}
    .twoCol {float: left;width: 100%;}
    .oneCol {float: left;width: 100%;padding: 0;margin-top: 25px;}
    #contentRT {float: left;width: 100%;clear: both;}
    #contentRT #secondaryNav {padding: 0;}
    #contentRT #secondaryNav ul {display: none;}
    #contentRT #secondaryNav ul li {float: left; width: 50%;}
    #contentRT #secondaryNav ul li a {border-bottom: 0;}

    .bttmNavBox ul li {
        width: 48%;
        float: left;
        margin-left: 1.5%;

    }
    .bttmNavBox h1 {
        font-size: 1.6em;
    }

    .bttmNavBox ul {
        font-size: 1.2em;
    }
        #contentRT #secondaryNav-noLink {padding: 0; text-align: center;}
    #contentRT #secondaryNav-noLink ul li {padding: 0; }

    .returnLink {position:initial; right: 0; top: 0; z-index: 0;}
    .txtbox .lbox { float: none; margin-right: 0; text-align: left; width: 100%; padding: 0; }
    .txtbox .mbox { float: none; width: 100%; margin-right: 0; }
    input.fullWidth {width: 100%;}
    .txtbox .txtBoxLft {float: none; width: 100%}


    #footContain {width: 100%;}
    #footContain ul {float: left;width: 45%; text-align: left;padding-bottom: 20px;}
    #footContain ul li {display:block;border-right: none;padding: 0 20px 3px 20px;}
    #footContain ul.contactInfo {float: right;width: 45%;text-align: right;padding-bottom: 20px;}
    #footContain ul.contactInfo li {display: block;padding: 0 10px 3px 10px;}
}/*max width 813px end*/


 @media screen and (max-width: 480px) { /*---------------------------max width 480px*/
    header {height: 120px;}
    #headContain {background-size: 80%; background-position: right top;}
    #headContain #logo {left: 2%; height: 120px; width: 100%; background-position: 0 0;}
    #headContain #logo a {left: 5%;width: 100%;height: 70%;padding-top: 6px;padding-right: 10px;color: #a0875b;}
    #headContain #search {right: 10px; top: initial; bottom: 0; width: 50%;}
    #headContain #commissioner {right: initial; left: 10px; bottom: 5px; font-size: .8em;}
    #contentRT #secondaryNav ul li {float: none; width: 100%;}
    #homeLftContent {width: 100%;height: 250px;}
    #homeLftContent .owl-carousel {height: 250px;}
    .picSliderIMG {height: 250px;}
}/*max width 480px end*/

  @media screen and (max-width: 340px) { /*---------------------------max width 340px*/
    .bttmNavBox ul li {width: 100%; float: none; margin-left: 0; }
}/*max width 340px end*/