/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {
    /* ==========================================================================
        DEFAULTS
        ========================================================================== */
    .container {
        padding-right: 15px;
        padding-left: 15px;
    }

    /* ==========================================================================
        HEADER
        ========================================================================== */
    #header .logo { margin-right: 7px; }
    #header .nav { padding-right: 36px; }
    #header .nav li {
        padding-right: 7px;
        padding-left: 7px;
    }

    /* ==========================================================================
        HOME
        ========================================================================== */
    #carousel-inspiration .box-carousel .description { margin-bottom: 20px; }
    #carousel-inspiration .box-carousel .or { margin: 0 4px; }
    #carousel-inspiration .box-carousel .description,
    #carousel-inspiration .box-carousel .or,
    #carousel-inspiration .box-carousel .see-all {
        font-size: 14px;
    }
    #carousel-inspiration .box-carousel .btn { padding: 8px; }
}

/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
    /* ==========================================================================
        HEADER
        ========================================================================== */
    #header { height: 65px; }
    #header>.container { position: relative; }
    #navbar {
        position: absolute;
        top: 46px;
        padding: 20px 0;
        width: 100%;
        background-color: #FAFAFA;
        display: none !important;
    }
    #navbar.in {
        display: block !important;
        margin: 0;
        left: 0;
    }
    .navbar-left {
        float: none !important;
        display: block;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse { border: none !important; }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    #header .logo {
        float: left;
        text-align: center;
        margin: 0 0 0 38px;
    }
    #header .logo img { max-width: 113px; }
    #header .box-free-estimate {
        position: absolute;
        z-index: 2;
        top: 0;
        right: -16px;
        max-width: 194px;
        height: 65px;
        padding-top: 14px;
        padding-left: 78px;
        display: block;
        background: url(../images/bg-free-estimate-new-xs-2x.png) no-repeat;
        -webkit-background-size: auto 64px;
        background-size: auto 65px;
    }
    #header .box-free-estimate .legend {
        font-size: 13px;
        line-height: 16px;
    }
    #header .box-free-estimate .phone {
        font-size: 15px;
        line-height: 23px;
    }
    #header .nav {
        text-align: center;
        float: none !important;
        display: block;
        padding: 0;
        margin: 0;
    }
    #header .nav li {
        float: none !important;
        display: block;
    }
    #header .nav li a {
        font-size: 11px;
        line-height: 15px;
        color: #4A4A4A;
        text-transform: uppercase;
        display: block;
        margin-right: -7px;
        margin-left: -7px;
        border-bottom: 1px solid #E6E6E6;
        padding: 15px 0;
    }
    #header .nav li a:hover {
        background-color: #F5A623;
        border-color: #F5A623;
        color: #fff;
    }
    #header .link-join-network {
        display: none;
    }
    .page-content {
        margin-top: 62px;
    }
    .breadcrumb {
        margin-bottom: 10px;
    }
    #content {
        padding-bottom: 30px;
    }

    /* ==========================================================================
        HOME
        ========================================================================== */
    .title-your-project {
        font-size: 44px;
        line-height: 50px;
        margin-bottom: 15px;
    }
    .title-great-quality {
        font-size: 26px;
        line-height: 30px;
    }
    .banner-home,
    .banner-home .col-image {
        min-height: 550px;
    }
    .form-get-started .form-control-zipcode { max-width: 53%; }
    .banner-home .col-image {
        min-height: 550px;
        width: 52%;
    }
    .block-helping {
        text-align: center;
    }
    .block-helping span {
        display: inline-block;
        margin: 0px auto 10px;
    }
    .box-get-inspirations .title-everything {
        padding: 0px 10px;
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 15px;
    }
    .box-get-inspirations .title-section-border::after {
        display: none;
    }
    #carousel-inspiration .box-carousel { text-align: center; }
    #carousel-inspiration .box-carousel .name {
        font-size: 22px;
        line-height: 22px;
    }
    #carousel-inspiration .box-carousel .description {
        max-height: 46px;
        overflow: hidden;
        margin-bottom: 15px;
    }
    #carousel-inspiration .box-carousel .btn,
    #carousel-inspiration .box-carousel .or {
        display: block;
    }
    #carousel-inspiration .box-carousel .or { margin: 5px 0; }

    /* ==========================================================================
        SERVICES
        ========================================================================== */
    body.services ul li.service {
        width: 50%;
        float: left;
    }
    body.services .service .content-hover {
        display: none;
    }

    ul.list-4 li {
        width: 49%;
    }
    ul.list-3 li {
        width: 100%;
    }
    .text-left-mobile {
        text-align: left;
    }
    #services-list .grid-item {
        width: 50%;
    }

    /* ==========================================================================
        LANDING PAGE
        ========================================================================== */
    .box-company {
        padding: 10px;
    }
    .box-company .name {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 15px;
    }
    .landing-page .col-search { margin-top: 0; }
    .btn-request-quote { font-size: 15px; }
    .box-grow h2 { font-size: 24px; }
    .box-grow h3 { font-size: 26px; }
    .check-list .check { font-size: 11px; line-height: 17px; }
    .landing-page .col-search {
        min-height: 0px;
        padding: 21px 28px 23px;
        text-align: center;
        background-color: #FAFAFA;
        border: 1px solid #E6E6E6;
        border-bottom: none;
    }
    .landing-page .col-search .ico-search {
        width: 80px;
        height: 60px;
        margin: 0 auto 17px;
        display: block;
    }
    .landing-page .col-search p {
        display: block;
        font-size: 17px;
        line-height: 23px;
    }
    .landing-page .col-form .content { padding: 29px 15px 36px; }
    .landing-page .col-form h2 {
        font-size: 17px;
        line-height: 23px;
        margin-bottom: 15px;
    }
    .landing-page .content-text {
        padding-bottom: 12px;
        margin-bottom: 20px;
        border-bottom-color: #E6E6E6;
    }
    .landing-page .col-form h4 {
        font-weight: 600;
        font-size: 17px;
        line-height: 23px;
    }

    .wrap-bullets  {
        padding: 10px;
    }
    .wrap-bullets .name {
        font-size: 16px;
        line-height: 20px;
        margin-top: 0px;
        margin-bottom: 15px;
    }
    .wrap-bullets .bullets { margin-bottom: 4px; }
    .wrap-bullets .bullets:last-child { margin-bottom: 0; }
    .wrap-bullets img.avatar {
        display: none;
    }
    .wrap-bullets .wrap-bullet-content {
        width: 100%;
        margin: 0px;
    }
    .wrap-bullets .wrap-bullet-image { display: none; }

    /* ==========================================================================
        FOOTER
        ========================================================================== */
    .nav-footer-first { margin-bottom: 20px; }
    .nav-footer-first li {
        float: none !important;
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }
    .nav-footer-first .furthur { display: none; }
    .nav-footer-first .our-services { padding: 0px; }
    .nav-footer {
        margin-bottom: 20px;
        text-align: center;
    }
    #footer .box-btn-phone,
    .col-copyright {
        float: none !important;
        display: block;
    }
    .nav-footer-first li,
    #footer .box-btn-phone,
    .col-copyright .copyright {
        text-align: center !important;
    }
    #footer .box-btn-phone .btn {
        display: inline-block;
        float: none !important;
    }
    #footer .row-nav-footers {
        margin-bottom: 10px;
    }
    #footer .box-btn-phone {
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
    /* ==========================================================================
        DEFAULTS
        ========================================================================== */
    .text-center-xs { text-align: center; }
    .title-page { font-size: 32px; }

    /* ==========================================================================
        HEADER
        ========================================================================== */
    .navbar-header {
        float: none !important;
        display: block;
        position: relative;
    }
    #header #navbar .box-free-estimate { display: none; }

    /* ==========================================================================
        HOME
        ========================================================================== */
    .banner-home {
        min-height: inherit;
        padding: 30px 0;
    }
    .box-get-started .col-text::after,
    .banner-home .col-image {
        display: none;
    }
    .form-get-started {
        margin: 0 auto;
        max-width: 80%;
    }
    .form-get-started .form-control-zipcode {
        max-width: 100%;
        margin-bottom: 10px;
    }
    .form-get-started .btn { width: 100%; }
    .block-helping span {
        margin-bottom: 15px;
        display: block;
    }
    .box-get-started .col-text { margin-right: 0; }
    .box-get-started h2 { margin-bottom: 40px; }
    .box-get-started .col-form {
        float: none !important;
        display: block;
    }
    .box-get-started .box-white { max-width: 100%; }
    #carousel-inspiration .box-carousel {
        top: 0;
        text-align: center;
        min-height: 230px;
    }
    #carousel-inspiration .carousel-indicators { top: 200px; }
    #carousel-inspiration .box-carousel .name {
        font-size: 20px;
        line-height: 20px;
    }
    #carousel-inspiration .box-carousel .description {
        max-height: 43px;
        margin-bottom: 15px;
    }
    #carousel-inspiration .box-carousel .description,
    #carousel-inspiration .box-carousel .or,
    #carousel-inspiration .box-carousel .see-all {
        font-size: 12px;
        line-height: 14px;
    }
    #carousel-inspiration .box-carousel .or {
        display: block;
        margin: 5px 0;
    }
    #carousel-inspiration .box-carousel .btn {
        font-size: 14px;
        line-height: 14px;
        display: block;
    }

    /* ==========================================================================
        SERVICES
        ========================================================================== */
    .service .figure-wrapper { max-height: inherit; }
    .title-section-border {
        font-size: 26px;
        line-height: 30px;
    }
    #services-list .grid-item {
        width: 100%;
    }

    /* ==========================================================================
        LANDING PAGE
        ========================================================================== */
    .check-list .check { margin-bottom: 10px; }
    .companies .figure-wrapper { height: auto; }
    .box-grow {
        -webkit-background-size: 100% auto;
        background-size: 100% auto;
        border-bottom: 1px solid #E6E6E6;
    }
    .graph-top { max-width: 100%; }
    .wrap-bullets {
		margin: 0 !important;
    }

    /* ==========================================================================
        FOOTER
        ========================================================================== */
    #footer {
        padding-top: 32px;
        padding-bottom: 30px;
    }
    .social-media { margin-bottom: 25px; }
    .social-media li,
    .btn-bordered-black {
        float: none !important;
        display: inline-block;
    }
    #footer .box-btn-phone {
        clear: both;
        overflow: hidden;
        text-align: center;
    }
    #footer .copyright { text-align: center; }
    #footer .col-copyright,
    #footer .social-media,
    #footer .box-btn-phone {
        float: none !important;
        display: block;
    }
    #footer .social-media {
        margin-top: 25px;
        margin-bottom: 24px;
    }
    #footer .social-media li { margin-bottom: 0; }
    #footer .copyright { margin-top: 0; }

    .landing-page .page-content #content .row .landing-page {
        float: none;
    }
}

@media only screen and (max-width: 600px) {
    /* ==========================================================================
        HOME
        ========================================================================== */
    #carousel-inspiration .box-carousel {
        min-height: 180px;
        padding: 15px 10px;
    }
    #carousel-inspiration .box-carousel .name {
        font-size: 15px;
        line-height: 15px;
    }
    #carousel-inspiration .box-carousel .description { display: none; }
    #carousel-inspiration .box-carousel .btn {
        padding: 10px;
        font-size: 13px;
        line-height: 13px;
    }
    #carousel-inspiration .carousel-indicators { top: 150px; }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
    /* ==========================================================================
        HOME
        ========================================================================== */
    #carousel-inspiration .box-carousel { min-height: 130px; }
    #carousel-inspiration .box-carousel .name {
        font-size: 13px;
        line-height: 13px;
    }
    #carousel-inspiration .box-carousel .or { display: none; }
    #carousel-inspiration .box-carousel .btn {
        padding: 8px 5px;
        font-size: 11px;
        line-height: 11px;
        margin-bottom: 6px;
    }
    #carousel-inspiration .box-carousel .see-all {
        font-size: 10px;
        line-height: 12px;
    }
    #carousel-inspiration .carousel-indicators { top: 105px; }

    /* ==========================================================================
        LANDING PAGE
        ========================================================================== */
    .btn-request-quote { font-size: 18px; }
}

/* Retina Images */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {

    .ico-phone { background-image: url(/images/ico-phone-2x.png); }

    .breadcrumb>li+li:before { background-image: url(/images/ico-arrow-breadcrumb-2x.png); }

    select.form-control {
        background-image: url(/images/ico-arrow-select-2x.png);
    }

    select.form-control {
        -webkit-background-size: 17px 10px;
        background-size: 17px 10px;
    }

    .ico-find { background-image: url(/images/ico-find-2x.png); }

    .ico-service { background-image: url(/images/ico-service-2x.png); }

    .ico-done { background-image: url(/images/ico-done-2x.png); }

    .box-get-started .col-text::after { background-image: url(/images/ico-arrow-started-2x.png); }

    .ico-checked { background-image: url(/images/ico-checked-2x.png); }

    .ico-search { background-image: url(/images/ico-search-2x.png); }

    .ico-phone-red { background-image: url(/images/ico-phone-red-2x.png); }

    .ico-phone-landing { background-image: url(/images/ico-phone-landing-2x.png); }

    .ico-phone-landing,
    .ico-phone-red,
    .ico-search,
    .ico-checked,
    .box-get-started .col-text::after,
    .ico-done,
    .ico-service,
    .ico-find,
    .breadcrumb>li+li:before,
    .ico-phone {
        -webkit-background-size: auto 100%;
        background-size: auto 100%;
    }

}