/* Responsive Start */

/* 320 to 567 */
@media (min-width: 320px) and (max-width: 567px) {
    .main-header {
        display: block;
        width: 100%;
        height: auto;
        background-color: #570017;
        clear: both;
    }

    .main-header .header {
        padding: 10px 0 0;
    }

    .header .logo-container {
        display: block;
        text-align: center;
        padding: 0 16px 15px;
    }

    .header .info-container {
        display: block;
        border-left: none;
        padding: 8px 16px 20px;
    }

    #mainmenu-wrap {
        display: none;
    }

    .mobile__navigation {
        display: block;
    }

    .home-slider {
        display: none;
    }

    .mobile-slider {
        display: block;
    }

    .nivo-caption {
        top:10px !important;
        left: auto !important;
        transform: translateY(0);
    }

    .nivo-caption h1 {
        font-size: 28.38px;
        line-height: 1;
    }

    .nivo-caption p {
        font-size: 14px;
        margin-bottom:10px !important;
    }

    .nivo-caption a.slide-btn {
        font-size: 14.97px;
        border: 3px solid #fff200 !important;
        border-radius: 12px !important;
        padding: 7px 12px;
    }

    .home-intro .home-intro__title {
        color: #682537;
        font-family: "Gotham Pro";
        font-weight: 900;
        font-size: 26.86px;
        text-align: center;
        margin-bottom: 28px;
        line-height: 1;
    }

    .home-intro .home-intro__list li {
        padding: 136px 20px 20px !important;
        background-repeat: no-repeat;
        background-position: center top !important;
        min-height: 105px;
        margin-bottom: 16px;
        color: #682537;
        font-family: "Gotham Pro";
        font-weight: 400;
        font-size: 18.27px;
        line-height: 1;
        text-align: center;
    }

    .home-intro .home-intro__list-wrap {
        display: block;
    }

    .home-intro .home-intro__list-left, .home-intro .home-intro__list-right {
        display: block;
        width: 100% !important;
        border: none !important;
        padding: 0 !important;
    }

    .home-testimonials {
        display: block;
        width: 100%;
        height: auto;
        padding: 40px 20px;
        background: #ffcb12 !important;
    }

    .home-testimonials .home-testimonials__title {
        color: #682537;
        font-family: "Gotham Pro";
        font-weight: 500;
        font-size: 28.07px;
        line-height: 1;
        text-align: center;
    }

    .home-testimonials .home-testimonials__wrap .home-testimonial, .home-testimonials .home-testimonials__wrap .home-testimonial p {
        color: #682537;
        font-family: "Gotham Pro";
        font-weight: 400;
        font-size: 18.12px;
        line-height: 1;
        text-align: center;
    }

    .home-testimonials .home-testimonials__wrap .home-testimonial .testimonial-btn {
        display: block;
        max-width: 168px;
        width: 100%;
        color: #ffffff;
        font-family: "Gotham Pro";
        font-weight: 400;
        font-size: 13.85px;
        padding: 5px 7px;
        text-transform: uppercase;
        text-align: center;
        background-color: #430314;
        border: 4px solid #430314;
        border-radius: 10px;
        margin: 20px auto 0;
    }

    .home-focus-buttons {
        display: block;
        width: 100%;
        min-height: 608px;
        background:#3c1217 !important;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .home-focus-buttons .home-focus-buttons__title {
        color: #ffffff;
        font-family: "Gotham Pro";
        font-weight: 400;
        font-size: 36.31px;
        text-align: center;
        margin-bottom: 42px;
        line-height: 1;
    }

    .home-focus-buttons .home-focus-buttons__list li {
        display: block;
        float: none;
        width: 100%;
        padding: 220px 20px 0;
        background-image: url("../img/icons/focus-icon.png");
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 60%;
        color: #ffffff;
        font-family: "Gotham Pro";
        font-weight: 400;
        font-size: 18.27px;
        line-height: 1;
        text-align: center;
        margin-bottom: 50px;
    }

    .home-csl-section {
        display: block;
        width: 100%;
        height: auto;
        background-image: url("../img/bg/home-csl.jpg");
        background-repeat: no-repeat;
        background-position: left top;
        padding: 60px 20px;
    }

    .home-csl-section .csl-info {
        display: block;
        max-width: 470px;
        width: 100%;
        color: #682537;
        font-family: "Gotham Pro";
        font-weight: 400;
        font-size: 22.49px;
        line-height: 1;
        text-align: center;
        padding-top: 0;
    }

    .home-csl-section .csl-info .csl-info__btn {
        display: block;
        max-width: 172px;
        width: 100%;
        color: #682537;
        font-family: "Gotham Pro";
        font-weight: 400;
        font-size: 17.85px;
        text-align: center;
        border: 3px solid #ffffff;
        border-radius: 18px;
        padding: 10px 15px;
        margin: 20px auto 0;
    }

    .home-about-section .home-about-section__logos {
        list-style: none;
        margin: 30px 0 0;
        padding: 0;
    }

    .home-about-section .home-about-section__logos li {
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }

    .home-about-section p {
        color: #010101;
        font-family: "Gotham Pro";
        font-weight: 400;
        font-size: 17px;
        line-height: 1.1;
    }

    footer {
        background-color: #682537;
        padding: 60px 0;
    }

    .footer-logo {
        vertical-align: middle;
        text-align: center;
        padding-top: 0;
        margin-bottom: 20px;
    }

    .footer-info {
        color: #ffffff;
        font-family: "Gotham Pro";
        font-weight: 400;
        font-size: 17.86px;
        line-height: 17.86px;
        text-align: left;
        border-left: none;
        padding: 0 20px;
    }

    .banner-image h1 {
        font-family: "Gotham Pro" !important;
        font-size: 32px;
        text-align: center;
        color: #570017;
        letter-spacing: 3px;
        font-weight: 700;
        text-transform: uppercase;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        position: absolute;
        left: 0;
        right: 0;
        display: block;
        /* right: auto; */
        margin: 0 auto;
    }

    #content {
        font-size: 15px;
        line-height: 1;
    }

    #content #breadcrumbs {
        width: 100%;
    }

    #content article {
        width: 100%;
    }

    #content h3 {
        font-size: 1.3rem;
    }

    #content p {
        text-align: left;
    }

}

/* 568 to 991 */
@media (min-width: 568px) and (max-width: 991px) {

}

/* iPhone 5 portrait  */
@media (min-width: 320px) and (max-width: 374px) {

}

/* iPhone 6 portrait */
@media (min-width: 375px) and (max-width: 383px) {

}

/* Android (Nexus 4) portrait */
@media (min-width: 384px) and (max-width: 413px) {

}

/* iPhone 6 Plump portrait */
@media (min-width: 414px) and (max-width: 567px) {

}

/* iPhone 5 landscape */
@media (min-width: 568px) and (max-width: 599px) {

}

/* Android (Nexus 4) landscape */
@media (min-width: 600px) and (max-width: 666px) {

}

/* iPhone 6 landscape */
@media (min-width: 667px) and (max-width: 735px) {

}

/* iPhone 6 Plump landscape */
@media (min-width: 736px) and (max-width: 767px) {

}

/* 768 to 991 */
@media (min-width: 768px) and (max-width: 991px) {

}

/* 992 to 1023 */
@media (min-width: 992px) and (max-width: 1023px) {

}

/* iPad landscape */
@media only screen and (min-width: 1024px) and (max-width: 1024px) {

}

/* 1025 to 1199 */
@media (min-width: 1025px) and (max-width: 1199px) {

}

/* Desktop */
@media (min-width: 1025px) {

}

/* Responsive End */