@media screen and (max-width: 990px) {
    /*Allow 30px for the scrollbar*/
    .top-aside, header, .banner, .banner-slider, .small_banner, #content-container, .footer-callout, footer {
        min-width: 100%;
    }

    p {
        line-height: 1.6em !important;
        padding: 0 20px;
        width: 40%;
    }

    .footer-nav {
        margin-left: 20px;
    }

    #main-wrap,
    .center-wrap {
        width: 100%;
    }

    .slides_container {
        width: 100%;
    }

    body {
        width: 100%;
    }

    .slides_container iframe {
        width: 100%;
    }

    .slides_container .single-post-thumb {
        float: none;
    }

    .full-third-short {
        width: 100%;
        max-width: 300px;
        overflow: hidden;
        height: auto;
    }

    .img-frame {
        background-image: none;
        box-shadow: 1px 1px 1px #ccc;
        background-color: #FFF;
        border-left: 1px solid #DDD;
        border-top: 1px solid #DDD;
    }

    .banner-slider .img-frame {
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.45);
        border: 0;
    }

    .img-frame img {
        width: 96%;
        height: auto;
        margin: 2%;
        background-position: bottom right;
    }

    .small-banner img {
        width: 98%;
        margin: 1%;
    }

    #home-marketing-icons .tt-icon {
        width: 77%;
        min-height: 50px;
    }

    .page_content_right,
    .page_content {
        width: 68%;
    }

    .small-banner {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    div + .sidebar {
        float: right;
        margin-left: auto;
    }

    #gallery-nav {
        width: 100%;
    }

    .full-third,
    .full-half,
    .full-fourth-portrait,
    .full-third-portrait {
        width: 94%;
        height: auto;
    }

    #content-container input[type="text"] {
        width: 48%;
    }

    .full-banner {
        width: 100%;
        height: auto;
    }

    .full-banner img {
        margin: 1%;
        width: 98%;
    }

    .faq-content {
        width: 80%;
    }

    .s-one,
    .s-three {
        width: 19.19%;
    }

    .s-two {
        margin-left: 6.56%;
        width: 46.46%
    }

    .full-fourth {
        width: 100%;
        height: auto;
    }

    .blog_page_content {
        width: 67.18% !important;
    }

    div + .blog_sidebar {
        width: 22.91% !important;
    }

    article {
        width: 100%;
    }

    .blog-frame {
        width: 100%;
        height: auto;
    }

    #gallery-outer-wrap .one_fourth {
        width: 211px;
        margin: 10px;
    }

    #gallery-outer-wrap .one_third {
        width: 294px;
        margin: 10px;
    }

    #gallery-outer-wrap .one_half {
        width: 461px;
        margin: 5px;
    }

}

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

    nav ul {
        margin-left: 8%;
    }

    .two_thirds {
        width: 98%;
        clear: both;
    }

    .one_third + .two_thirds {
        margin-left: 0;
    }

    .two_thirds + .one_third {
        width: 100%;
        margin: 0 auto;
    }

    .footer-callout-content {
        width: 62%;
    }

    #mc_signup .mc_input {
        width: 100%;
    }

    .companyIdentity a {
        width: auto;
        margin: auto;
        display: block;
        text-align: center;
    }

    .companyIdentity img {
        float: none;
    }

    header nav {
        position: relative;
        top: 30px;
        padding: 5px 0 15px 0;
        margin: 0;
    }

    .sidebar {
        width: 28% !important;
    }

    .page_content_right,
    .page_content {
        width: 70%;
    }

    .member-contact {
        float: none;
        width: 100%;
    }

    .member-bio {
        width: 66%;
    }

    .faq-content {
        width: 70%;
    }

    .page-not-found {
        margin: 0;
        min-height: 226px;
        height: auto;
    }

    .post-thumb {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        margin-bottom: 15px;
        overflow: hidden;
    }

    .post-thumb iframe,
    .post-thumb object,
    .post-thumb embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .banner {
        height: 600px;
    }

    .hero-wrap {
        background: none;
        position: relative;
        width: 80%;
        left: 10%;
        padding-bottom: 0;
    }

    .home-lightbox-banner-content {
        top: 400px;
        left: 10%;
        width: 80%;
    }

    .lightbox-link {
        left: 0;
    }

    .home-primary-image {
        left: 0;
    }

    .home-secondary-image {
        right: 0;
        left: auto;
    }

}

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

    nav ul {
        display: none;
    }

    nav select {
        display: block;
        margin: 0 auto;
        width: 80%;
        padding: 5px;
        margin-bottom: 20px;
        background: #FFF;
        border: 1px solid #DEDEDE;
        color: #636B75;
        cursor: pointer;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

    nav select {
        border: 1px solid #CFCFCF;
        border-radius: 2px 2px 2px 2px;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1) inset, -5px -5px 0 0 #F8F8F8, 5px 5px 0 0 #F8F8F8, 5px 0 0 0 #F8F8F8, 0 5px 0 0 #F8F8F8, 5px -5px 0 0 #F8F8F8, -5px 5px 0 0 #F8F8F8;
    }

    .foot-copy,
    .footer-nav,
    #scroll_to_top {
        padding: 6px 0;
        margin: 0;
    }

    .footer-nav {
        float: left;
    }

    #scroll_to_top {
        float: left;
        width: 100%;
        text-align: center;
        background: none;
    }

    .small_banner .page-banner-description {
        display: none;
    }

    .member-photo {
        float: left;
    }

    .member-bio {
        padding-top: 10px;
    }

    .top-aside .one_half {
        padding: 4px 0;
    }

    .one_half {
        width: 100%;
    }

    .one_half + .one_half {
        margin: 0;
    }

    .top-aside .one_half + .one_half .social_icons {
        float: none;
    }

    .top-aside ul li,
    .top-aside .social_icons li,
    .foot-copy,
    .footer-nav li {
        float: none;
        display: inline-block;
    }

    .top-aside ul,
    .foot-copy,
    .footer-nav {
        text-align: center;
        width: 100%;
    }

    .footer-callout-content {
        width: 52%;
        margin-top: 30px;
    }

    .footer-callout-button {
        margin: 64px 0 0;
    }

    .page_content_right,
    .page_content {
        width: 100%;
    }

    .sidebar {
        width: 80% !important;
        margin: auto;
        float: none;
        background: none;
        margin-bottom: 40px;
        min-height: 0;
    }

    .sidebar .subnav {
        background: #F1F1F1;
        border: 1px solid #DADADA;
        border-radius: 10px 10px 10px 10px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    }

    .subnav ul a:link, .subnav ul a:visited {
        color: #636B75;
        text-shadow: 0 1px 1px rgba(255, 255, 255, 0.9);
    }

    .sidebar .subnav li,
    .sidebar .subnav li:first-child {
        border: 0 !important;
    }

    .subnav_cont {
        width: 70% !important;
    }

    .sidebar .subnav .current_subpage a,
    .sidebar .subnav .current_subpage a:hover,
    .sidebar .subnav a:hover {
        background-image: none !important;
        background: #DDD !important;
        color: #444;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
        margin-right: 0px !important;
    }

    .sidebar .subnav .current_subpage a,
    .sidebar .subnav .current_subpage a:hover {
        font-weight: bold;
    }

    div + .sidebar {
        float: none;
        margin-left: 0;
    }

    .member-bio {
        width: 100%;
    }

    .member-photo {
        margin-top: 0;
    }

    .faq-content {
        width: 100%;
    }

    .footer-default-one,
    .construction-default-one {
        width: 100%;
        clear: both;
    }

    .footer-default-two,
    .construction-default-two {
        width: 50%;
        margin-left: 0;
    }

    .footer-default-three,
    .construction-default-three {
        width: 100%;
    }

    .page-not-found {
        padding-left: 0;
    }

    .blog_page_content {
        width: 100% !important;
    }

    div + .blog_sidebar {
        width: 100% !important;
    }

    .one_third {
        width: 100%;
    }

    .one_third + .one_third {
        margin-left: 0;
    }

    #gallery-outer-wrap .one_half {
        width: 100%;
    }

    footer .one_fourth,
    footer .one_fifth,
    footer .one_sixth {
        width: 90% !important;
        margin: 0;
        float: none;
        margin: 0 !important;
    }

    .footer-callout {
        padding: 0px 0 8px 0;
    }

    #slides .one_half {
        padding-bottom: 20px;
    }

    #slides .one_half + .one_half {
        padding-bottom: 0px;
    }

    html {
        -webkit-text-size-adjust: none;
    }

    .home-secondary-image {
        display: none;
    }

    .banner {
        height: 510px;
    }

    .lightbox-link {
        display: none;
    }

}

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

    #home-marketing-content,
    #home-marketing-blogposts,
    #home-marketing-icons,
    #home-marketing-testimonials {
        width: 100%;
    }

    #home-marketing-icons .tt-icon {
        width: 34%;
    }

    .one_fourth {
        width: 48%;
    }

    .one_fourth + .one_fourth + .one_fourth {
        margin-left: 0;
    }

    .s-two {
        clear: left;
        margin-left: 0;
        width: 65%;
    }

    .s-three {
        width: 30%;
    }

    .s-one {
        width: 100%;
    }

    .home-vertical-callout .img-frame {
        float: none;
    }

    .footer-callout-content {
        width: 100%;
    }

    .footer-callout-button {
        margin: 10px 0 20px 0;
        float: left;
    }

    .footer-callout {
        padding: 0px 0 8px 0;
    }

    .home-lightbox-banner-content {
        top: 220px;
    }

    .banner {
        height: 550px;
    }

}

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

    .top-aside .one_half + .one_half,
    .top-aside .one_half + .one_half .social_icons,
    .top-aside .one_half + .one_half ul {
        text-align: right;
        float: none;
    }

    #home-marketing-icons .tt-icon {
        width: 77%;
    }

}

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

}

main {
    margin-top: 200px;

}

/*================================= YOOOOOOO ==============================*/
@media screen and (max-width: 500px) {
    #producto-home img {
        display: none;
    }
}

.sy-slide > a > img {

    padding-top: 70px;
}

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

    #body-home {
        padding-top: 187px;
    }
}

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

    #body-home {
        padding-top: 187px;
    }
}

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

    #body-home {
        padding-top: 187px;
    }
}

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

    style img {
        display: none;
    }
}

@media screen and (max-width: 400px) {
    #producto-home {

    }
}

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

    #banner-bottom {

        margin: 0 auto;
        width: 100%;
        margin-bottom: -3px;
        text-align: center;
    }
}

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

    #banner-bottom {

        margin: 0 auto;
        width: 100%;
        margin-bottom: -3px;
        text-align: center;
    }
}

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

    #banner-bottom {

        margin: 0 auto;
        width: 100%;
        margin-bottom: -3px;
        text-align: center;
    }
}

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

    #product-2 img {

        display: none;
    }
}

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

    #product-2 img {

        display: none;
    }
}

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

    #product-2 {
        width: 100%;
        margin: 0;

    }
}

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

    #producto-home {
        width: 100%;
        margin: 0;

    }
}

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

    p {

        width: 100%
    }
}

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

    #wrapper footer {

        width: 100%;
        margin: 0;
    }
}

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

    #foo {

        width: 100%;
        margin: 0;
    }
}

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

    #foo p {

        width: 100%;
        margin: 0;
    }
}

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

    .footer .two-col ul.menu li {

        width: 100%;
        margin: 0;
    }
}

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

    #footer-one {

        width: 100%;
        margin: 0;
    }
}

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

    #footer {

        width: 100%;
        margin: 0;
    }
}

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

    #footer p {

        width: 100%;
        margin: 0;
    }
}

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

    #block-menu-menu-footer-resources {
        display: none;
    }
}

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

    .support {

        text-align: center;

    }
}

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

    .visit {

        text-align: center;

    }
}

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

    .follow {

        text-align: center;

    }
}

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

    .footer .region-footer-two .visit h2, .footer .region-footer-two .visit .heading-2 {

        text-align: center;
        width: 100%;
    }
}

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

    .footer .region-footer-three .support h2, .footer .region-footer-three .support .heading-2 {

        text-align: center;
        width: 100%;
    }
}

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

    .footer .region-footer-two h2, .footer .region-footer-two .heading-2, .footer .region-footer-three h2, .footer .region-footer-three .heading-2, .footer .region-footer-four h2, .footer .region-footer-four .heading-2 {

        text-align: center;
        width: 100%;
    }
}

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

    .footer-left {

        text-align: center;
        width: 100%;
    }
}

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

    .footer .footer-one {

        text-align: center;
        width: 100%;
    }
    .footer-four {
        float: left;
        clear: left;
        width: 100%;
        margin-top: -40px;
        padding-bottom: 35px;
    }
    .footer-four .region.region-footer-four {
        float: left;
        width: 100%;
    }
    #block-menu-menu-footer-resources {
        width: 100%;
        margin: 0;
    }
    #block-menu-menu-footer-resources .block__title.block-title {
        display: none;
    }
    .footer-four .block-menu ul.menu {
        display: none;
    }
    #block-menu-menu-footer-resources .kap-logo {
        width: 100%;
        float: left;
        padding-top: 1em;
        text-align: center;
        margin: 0 auto;
    }

    #block-menu-menu-footer-resources div img {
        width: 40%;
    }
    #block-menu-menu-footer-resources {
        display: block;
    }
}

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

    #accordion label {

        width: 100%;
    }
}

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

    #accordion input:checked ~ article {

        width: 100%;
    }
}

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

    #company img {

        padding-top: 55px;
    }
}

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

    #company p {

        width: 100%;

    }
}

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

    #company {

        width: 100%;
        padding: 20px;
        padding-top: 140px;
    }
}

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

    [id^=tab]:checked + label {

        padding-top: 56px;

    }
}

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

    #container {

        width: 100%;
        padding: 10px;
        padding-top: 50px;
    }
}

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

    .single_content:last-child {

        padding-top: 53px;

    }
}

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

    #news {

        width: 100%;

    }
}

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

    #content_area {

        width: 100%;

    }
}

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

    .clearfix .single_content {

        width: 100%;

    }
}

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

    .single_content {

        width: 100%;

    }
}

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

    .clearfix .post_excerpt img {

        display: none;

    }
}

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

    .clearfix .content {

        width: 100%;

    }
}

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

    .front .bg-pattern-dark {

        width: 100%;

    }
}

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

    .owl-wrapper-outer {

        width: 100%;

    }
}

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

    .wrapper.footer {

        width: 100%;

    }
}

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

    .main .container {

        width: 100%;

    }
}

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

    #main-copy {

        width: 100%;
        padding: 10px;
        padding-top: 202px;
    }
}

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

    iframe {

        width: 100%;
        padding-top: 100px;
        height: 1850px;
    }
    #conatct-web iframe {
        height: 1100px;
    }
}

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

    #conatct-web {

        width: 100%;
        padding-top: 100px;
        height: 1100px;
    }
}

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

    #text {

        width: 100%;

    }
}

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

    #text p {

        width: 100%;

    }
}