/* lg and lower */
@media (max-width: 1199px) {
    .logo {
        max-width: 170px;
    }
}
/* md and lower */
@media (max-width: 991px) {
    .btn-group.round-corner .btn.search .ciegroup-icons {
        font-size: 40px;
    }
    .logo {
        max-width: 100px;
    }
    .cta-area {
        margin-top: 0;
    }
    a.cta {
        margin-bottom: 30px;
    }
    .list-item .caption .title,
    .cs-carousel .carousel-caption .title {
        color: #465861;
        font-size: 1.562em;
    }
    .list-item .caption,
    .cs-carousel  .carousel-caption {
        width: 60%;
    }
    .cs-item .caption {
        bottom: 20px;
        left: 20px;
    }
    .cs-item:nth-of-type(even) .caption {
        right: 20px;
    }
    .prod-item {
        margin-bottom: 20px;
    }
    .prod-item .title {
        line-height: 1.0em;
    }
    .video-box .title:before {
        display: none;
    }
    .news-item {
        margin-bottom: 2px;
        width: 100%;
    }
    .news-item:last-of-type {
        border-radius: 0 0 20px 0;
    }
    .news-item .date {
        min-height: inherit;
    }
}
/* sm and lower */
@media (max-width: 767px) {
    .header .cie-hr {
        border: none;
    }
    .logo {
        max-width: 160px;
    }
    .header .cie-hr:before,
    .header .cie-hr:after {
        display: none;
    }
    .list-item .caption,
    .cs-carousel .carousel-caption {
        left: 20px;
        width: 70%;
    }
    .list-item:nth-of-type(even) .caption {
        right: 20px;
    }
    .lg-border.cg-hr {
        border-color: transparent;
    }
    .main-nav.navbar {
        margin-bottom: 0;
    }
    .main-nav .navbar-nav {
        float: left;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
    .main-nav.navbar-default {
        margin-bottom: 30px;
        margin-top: 0;
    }
    .main-nav .navbar-brand {
        position: inherit;
    }
    .navbar-pos {
        border-top: 1px solid #eee;
        margin-top: 30px;
    }
    .main-nav .navbar-collapse {
        border: 0;
    }
    .btn-group.round-corner .btn {
        margin-right: 0;
    }
    .btn-group.round-corner .form-control,
    .btn-group.round-corner .btn {
        font-size: 1.125em;
        height: 45px;
    }
    .top-bar .tel {
        top: 2px;
    }
    .main-nav .navbar-brand {
        bottom: 63px;
    }
    .btn-group.round-corner button:first-child {
        border-radius:  0 0 0 20px;
    }
    .btn-group.round-corner button:last-child {
        border-radius: 0 20px 0  0;
    }
    .banner .carousel-caption {
        bottom: 35px;
        font-size: 2.75em;
        line-height: 1.0em;
        padding-right: 100px;
    }
    .cta-text {
        bottom: 15px;
        font-size: 1.375em;
        left: 10px;
        line-height: 1.0em;
        padding-right: 80px;
    }
    .main-nav.navbar-default .navbar-nav > .open > a,
    .main-nav.navbar-default .navbar-nav > .open > a:hover,
    .main-nav.navbar-default .navbar-nav > .open > a:focus {
        background: #a6ce39;
        border-radius: 0;
        color: #fff;
        width: 100%;
    }
    .main-nav .navbar-nav > li > .dropdown-menu {
        background: #eee;
    }
    .vidblogs .item {
        margin-bottom: 30px;
    }
    .filter .btn-filter.active,
    .filter .btn-filter {
        margin-bottom: 10px;
    }
    .bottom-footer .text-right {
        text-align: left;
    }
    .news-item .title {
        min-height: auto;
    }
    .prod-item .title {
        min-height: 53px;
    }
    .news-events-copy {
        min-height: inherit;
    }
    ul.social-header li {
        padding-left: 3px;
        padding-right: 0;
    }
    ul.social-header li.login {
        bottom: 0;
    }
    .top-bar {
        padding-top: 8px;
        padding-bottom: 8px;
    }
}
/* xsl */
@media (max-width: 599px) {
    body {
        font-size: 1.6em;
        line-height: 1.65em;
    }
    .content {
        font-size: 1em;
    }
    h1, .h1 {
        font-size: 1.5em;
    }
    h2, .h2 {
        font-size: 1.35em;
    }
    .page-intro {
        font-size: 1.15em;
        margin-top: 20px;
        padding-bottom: 20px;
    }
    .page-intro h1 {
        color: #98c12a;
        font-size: 1.5em;
        margin-top: 0;
    }
    .section h2 {
        font-size: 1.75em;
    }
    ul.triangle li a:before {
        top: 4px;
    }
    .howtoav-logo {
        max-width: 200px;
    }
    .site-footer {
        font-size: 0.8em;
        line-height: 1.6em;
    }
    .site-footer .social li {
        float: left;
    }
    .site-footer .social li a {
        display: block;
        font-size: 1.5em;
    }
    .site-footer .social li a .text {
        display: none;
    }
    .accred-logos img {
        max-height: 30px;
    }
    .prod-item .title {
        min-height: 73px;
    }
    ul.social-header li {
        padding-left: 0;
        padding-right: 0;
    }
}
/* xs */
@media (max-width: 479px) {
    .cs-pag .pagination > li > a,
    .cs-pag .pagination > li > span {
        border-right: 0;
    }
    .list-item,
    .cs-carousel .item {
        height: 250px;
    }
    .list-item .caption,
    .cs-carousel .carousel-caption {
        padding: 20px;
        width: 85%;
    }
    .list-item .caption .title,
    .cs-carousel .carousel-caption .title {
        font-size: 1.25em;
    }
    .list-item .view-med {
        font-size: 1.0em;
    }
    .list-item .view-med:after {
        display: none;
    }
    .header-btn.products {
        width: 50%;
    }
    .header-btn.team {
        display: none !important;
    }
    .header-search {
        width: 50%;
    }
    ul.social-header li {
        padding-left: 0;
        padding-right: 0;
    }
    ul.social-header li a {
        font-size: 1.125em;
    }
    .banner {
        margin-top: 10px;
    }
    .banner .carousel-caption {
        bottom: 35px;
        font-size: 1.75em;
        line-height: 1.0em;
        padding-right: 80px;
    }
    .overlay {
        background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(0,0,0,1.0) 100%);
        background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,1.0) 100%);
        background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(0,0,0,1.0) 100%);
        height: 100%;
    }
    .cta-text {
        font-size: 1.375em;
        line-height: 1.0em;
        padding-right: 10px;
    }
    .cie-hr:before,
    .cie-hr:after {
        display: none;
    }
    .howtoav-logo {
        max-width: 150px;
    }
    .google-map {
        pointer-events: none;
    }
    .top-bar {
        padding: 7px 0;
    }
    ul.social-header li.login {
        bottom: 0;
    }
    ul.social-header li .btn.full-round {
        font-size: 1em;
    }
}

/* md and higher */
@media (min-width: 768px) {
}
/* lg */
@media (min-width: 992px) and (max-width: 1199px) {
    .main-nav .nav > li > a {
        padding-left: 15px;
        padding-right: 15px;
    }
    .banner .carousel-caption {
        bottom: 35px;
        font-size: 2.625em;
        line-height: 1.0em;
        padding-right: 100px;
    }
    .cta-text {
        font-size: 1.375em;
        line-height: 1.0em;
    }
    .news-item .title {
        min-height: 108px;
    }
}
/* md */
@media (min-width: 768px) and (max-width: 991px) {
    .main-nav.navbar-default {
        margin-top: 65px;
    }
    .main-nav .navbar-brand {
        bottom: 63px;
    }
    .main-nav .nav > li > a,
    .main-nav .dropdown-menu > li > a {
        font-size: 1.187em;
        padding-left: 10px;
        padding-right: 10px;
    }
    .btn-group.round-corner .form-control,
    .btn-group.round-corner .btn {
        font-size: 1.125em;
        height: 45px;
    }
    .banner .carousel-caption {
        bottom: 35px;
        font-size: 3.25em;
        line-height: 1.0em;
    }
    .cta-text {
        font-size: 1.5em;
        line-height: 1.0em;
        padding-right: 90px;
    }
    .filter {
        font-size: 1.026em;
    }
    .filter .btn-filter.active:before,
    .filter .btn-filter:before {
        right: 10px;
    }
    .site-footer {
        padding-top: 20px;
    }
    .site-footer .title {
        margin-top: 30px;
    }
    .view-med {
        font-size: 1.0em;
    }
    .list-item .caption .title,
    .cs-carousel .carousel-caption .title {
        font-size: 1.562em;
        line-height: 1.0em;
    }
}