@charset "utf-8";
@media (max-width: 1024px) {
    #header {margin: 0 auto;max-width: 980px;width: 96%;padding: 0 2%;}
    #header section#slider {height: 335px;background: none repeat scroll 0 0 white;margin-bottom: 0px;width: 100%;overflow: hidden;}
    .triangle-right {right: -59px;}
    .social > li {margin-right: 5px;}
    .content-wrapper {margin: 0 auto;width: 96%;padding: 0 2%;}
    /*#header .header-top-content {margin-bottom: -88px;}*/
    .owl-carousel {width: 96%;margin-bottom: -60px !important;min-height: 190px !important;margin-top: -40px;}
    .state-wrapper {background: white !important;border-bottom: 60px solid #1131b2;min-height: 280px;width: 100%;}
    .content-wrapper section#footer-top {padding: 0 2%}
    .state-wrapper {min-height: 180px !important;}
    #nav .nav-content ul.nav-items li.menu-item a {padding: 0 19px}
    .owl-carousel .owl-item .item > p.last {margin-bottom: 20px;}
    .owl-controls .owl-page, .owl-controls .owl-buttons div {top: 30%}

}

@media (max-width: 1000px) {
    #nav .nav-content ul.nav-items {display: none;width: 90%;float: none;text-align: left;padding: 0 5%;margin: 0 auto}
    #nav .nav-content ul.nav-items li.item {float: none;min-height: 0}
    #nav .nav-content ul.nav-items li.item a {color: white;font-size: 13px;height: auto;line-height: 35px;padding: 0 0 0 20px;border: none}
    #nav .nav-content ul.nav-items li.item:first-child a {padding-left: 20px}
    .nav-content > a#pull {display: block !important;}
    nav a#pull::after {content: "";display: inline-block;height: 30px;position: absolute;right: 15px;top: 10px;width: 30px;}
    nav a#pull {background-color: #1131B2;color: #fff;display: block;font-family: raleway-bold;font-size: 16px;line-height: 50px;padding: 0 2%;position: relative;text-decoration: none;text-shadow: 1px 1px 0 #283744;text-transform: uppercase;width: 100%;text-align: right}
    #nav{background: none #7B6142;min-height: 0}
    #nav .search-form{display: none}
    
    input#search-box-input{ width:calc(95.76% - 62px);}
    .search-box .heading-triangle{right:2.45%;}
    
    nav li:hover, nav li:active { /*background-color: rgba(255,255,255,0.2);*/ background-color:transparent; }
    #header .header-top-right {width: 100%}

    .social {display: none !important}
    #header .header-top .intro h1 {font-size: 17px;}
    #header .header-top .intro .content > a {font-size: 13px;}
    .col-lg-8, .col-lg-4 {width: 100%}
    section#footer-top {width: 96%;padding: 0 2%}
    #footer-top .col-1 {width: 100%;margin-bottom: 20px;}
    #footer-top .col-2 {width: 45%;margin-right: 10px;}
    #footer-top .col-3 {width: 50%;float: left;}
    #footer-top .col-3 > ul {width: 42%}
    section#main-contain .col-lg-4 h3.panel-title {width: 93%;}
    section#main-contain .col-lg-4 h3.panel-title > .heading-triangle {right: -41px;}
    .form-signup button::after {right: -36px;}
    .form-signup button {float: left;}
    .map {width: 75%;display: block;margin: 0 auto;}

 
    #nav .nav-content ul.nav-items li.menu-item {float: none;min-height: 0;}
    #nav .nav-content ul.nav-items li.menu-item a {
        /*background: url("") repeat scroll 0 0%, url("../images/light-icon.jpg") no-repeat scroll left center rgba(0, 0, 0, 0);*/
        background-image: none;
        /* padding: 0 30px; */ 
        padding:0 19px; 
        height: 45px;
        line-height: 45px;
    }

    /** gux make menu respond */ 
    #nav .nav-content ul.nav-items{ padding:20px 5%; }
    #nav .nav-content ul.nav-items li.menu-item .sub-menu{
        position:relative;
        display:block !important;
        max-height: 9999px;
        background: transparent;
        top:0;
    }
    #nav .nav-content ul.nav-items .sub-menu li.menu-item {
        background-color: transparent;
        display: block;
    } 
    #nav .nav-content ul.nav-items .sub-menu li.menu-item a { padding: 0 30px; }    
    .form-group {
        /*background: url("../images/input-bg.png") no-repeat scroll left top rgba(0, 0, 0, 0);*/
        margin-bottom: 10px;
        min-height: 40px;
    }

    .post-meta, .post-sidebar { padding:0 10px;}
}
@media (max-width: 768px) {
   /* #header .header-top-content{ min-height: 126px; }   */ 
    #nav .nav-content ul.nav-items {display: none;width: 90%;float: none;text-align: left;padding:20px 5% 20px 5%; }
    #nav .nav-content ul.nav-items li.item {float: none;min-height: 0}
    #nav .nav-content ul.nav-items li.item a {color: white;font-size: 13px;height: auto;line-height: 35px;padding: 0 0 0 20px;border: none}
    #nav .nav-content ul.nav-items li.item:first-child a {padding-left: 20px}
    .nav-content > a#pull {display: block !important;}
    nav a#pull::after {content: "";display: inline-block;height: 30px;position: absolute;right: 15px;top: 10px;width: 30px;}
    nav a#pull {background-color: #1131B2;color: #fff;display: block;font-family: raleway-bold;font-size: 16px;line-height: 50px;padding: 0 2%;position: relative;text-decoration: none;text-shadow: 1px 1px 0 #283744;text-transform: uppercase;width: 100%;text-align: right}
    #nav{background: none #7B6142;min-height: 0}
    #nav .search-form{display: none}
    nav li:hover, nav li:active {background-color: transparent;/*rgba(255,255,255,0.2);*/}
    #header .header-top-right {width: 100%;}
    #header section#slider {height: 250px}
    #header section#slider {top: -10px;height: 328px}
    section#intro_content { height:1px;} /** fixes large white space **/ 
}
@media (max-width: 600px) {
    #intro_content section#slider .slide-description > h1 {font-size: 14px;}
    #header .header-top .intro h1 {font-size: 13px;}
}
@media screen and (width: 568px) {
    #header .left-panel {width: 100%;}
    nav a#pull {width: 100%}
    #header .left-panel .header-message {font-size: 15px;}
    #header .left-panel .header-separator {height: 45px;margin: 34px 20px 0;}
    section#main-items .main-item {margin-left: 100px;}
}
@media (max-width: 420px) {
    #header .header-top .intro h1 {font-size: 15px;line-height: 30px;}
    h3.panel-title {padding: 0 0 20px 0px;}
    .owl-next {right: -10px !important}
    section#main-contain h3.panel-title {width: 100%}
    section#main-contain .entry .post .post-left {width: 100%}
    section#main-contain .entry .post .post-right {float: right;width: 100%;margin-top: 20px;}
    section#main-contain .post .thumbnail {width: 100%}
    section#main-contain .col-lg-4 h3.panel-title {width: 100%;}
    #footer-top .col-3 {width: 60%;margin: 0 auto;float: none;}
    #footer-top .col-2 {margin: 0 auto;width: 60%;float: none;}
    #header section#slider {height: 211px}
    section#main-contain .entry .post .post-right {position: relative}
   
    
}
@media (max-width: 375px) {
    #header .header-top-left {width: 50%}
    .header-top-left img {width: 100%;}
    .triangle-right {right: -41px;border-right: 42px solid transparent;border-top: 42px solid #ffbd00;}
    #header .header-top-right {top: 0}
    #nav .nav-content ul.nav-items {margin: 0 auto}
    #header .header-top .intro h1 {font-size: 14px;line-height: 30px;}
    section#intro_content .top {padding: 40px 20px 74px;}
    #footer-top .col-3, .content-wrapper #footer-top .col-2 {width: 96%}
    h3.panel-title {font-size: 25px;}
    #header section#slider {height: 179px}
    .tp-bullets {
        left: 77% !important;
        opacity: 1;
        position: absolute;
        top: 79% !important;
        transition: opacity 0.2s ease-out 0s;
        z-index: 1000;
    }
    #footer-top .col-2 {width: 80%}
}
@media (max-width: 240px) {
    #header .header-top-left {width: 50%;height: 50px;background: #FFBD00;}
    #header .header-top .intro h1 {font-size: 12px;line-height: 19px;}
    .form-group {background-size: contain;}
    .form-signup label {line-height: 28px;font-size: 11px;width: 60px;}
    .form-signup input.form-control {height: 17px;}
}
@media (max-width: 668px) {
    #header .header-top .intro {top: -120px;}
}
@media (max-width: 601px) {
    #header .header-top .intro {top: -143px;}
}
@media (max-width: 569px) {
    #header .header-top .intro {top: -152px;}
}
@media (max-width: 415px) {
    #header .header-top .intro {top: -87px;}
}
@media (max-width: 376px) {
    #header .header-top .intro {top: -68px;}
}
@media (max-width: 321px) {
    #header .header-top .intro {top: -97px;}
}