/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
    /* ==========================================================================
        DEFAULTS
        ========================================================================== */
    .container {
        padding-right: 15px;
        padding-left: 15px;
    }

    /* ==========================================================================
         HEADER
         ========================================================================== */
    .header-right { padding-left: 0; }
    #header .nav a {
        padding-right: 10px;
        padding-left: 10px;
    }
    .box-form-search-active {
        position: absolute;
        right: 0;
    }
    .container-right-active { padding-right: 70px; }
    .skin-home .logo .category,
    .skin-money .logo .category {
        font-size: 24px;
        line-height: 24px;
        margin-left: 0;
        top: 5px;
        display: block;
    }
    .skin-home #header .logo,
    .skin-money #header .logo {
        margin-top: 14px;
    }

    /* ==========================================================================
        HOME
        ========================================================================== */
    .new-sm-horizontal .figure-wrapper { max-width: 180px; }
    .new-sm-horizontal .content { width: 56%; }
    .grid-sizer,
    .grid-item {
        width: 50%;
    }

    /* ==========================================================================
        LANDING PAGE
        ========================================================================== */
    .block-landing-content__call {
        height: 58px;
        padding: 4px 38px 4px 70px;
    }
    .block-landing-content__call .call-us {
        line-height: 52px;
    }
    .block-landing-content__call .phone {
        font-size: 40px;
        line-height: 52px;
    }
    .block-landing-content__grow .btn {
        font-size: 14px;
        padding: 15px 8px;
    }
    .block-landing-content__estimate .phone,
    #content .block-landing-content__estimate h2 {
        font-size: 20px;
        line-height: 22px;
    }
    .block-landing-content__estimate h3 {
        font-size: 22px;
        line-height: 32px;
    }
    #content .block-landing-content__grow h2 {
        font-size: 16px;
        line-height: 20px;
    }
    .block-landing-content__form-service__form {
        max-width: 100%;
    }
    .block-landing-content__form-service__form,
    .block-landing-content__form-service__img {
        display: block;
        float: none !important;
    }
    .block-landing-content__form-service__img {
        margin: 0;
        padding: 30px;
    }
    .block-landing-content__form-service__img img {
        margin: 0 auto;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
    /* ==========================================================================
        DEFAULTS
        ========================================================================== */
    html, body {
        overflow-x: hidden;
    }
    .text-center-xs { text-align: center; }
    h1 {
        font-size: 26px;
        line-height: 32px;
    }
    body { padding-top: 70px; }

    /* ==========================================================================
        SERVICES
        ========================================================================== */
    .services-list .grid-item {
        width: 100%;
        position: relative;
        left: 0 !important;
    }
    .list-4 li {
        width: 49%;
    }

    /* ==========================================================================
         NEWS
         ========================================================================== */
    #content .new-xs-recommended .figure-wrapper {
        overflow: inherit;
        max-height: inherit;;
    }
    .new-view .figure-wrapper { max-width: inherit; }
    .new-view .figure-wrapper-md {
        margin-left: 0;
        max-height: inherit;
    }
    .new-view .date,
    .new-view .comments,
    .new-view div>span,
    .share .title,
    .social-media li,
    .new-view .fire {
        float: none !important;
        display: inline-block;
    }
    .new-view .date {
        position: relative;
        top: -4px;
        margin-right: 5px;
    }
    .share .title {
        display: block;
        margin: 0 0 5px;
        line-height: inherit;
    }

    /* ==========================================================================
         RECOMMENDED
         ========================================================================== */
    #content .new-xs-recommended .figure-wrapper img {
        overflow: inherit;
        max-width: 100%;
        max-height: inherit;;
    }
    #content .new-xs-recommended .title {
        height: auto;
        font-size: 14px;
        line-height: 18px;
        color: #666;
        margin-bottom: 10px;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        text-align: left;
    }

    /* ==========================================================================
         HEADER
         ========================================================================== */
    #header { padding: 10px 0; }
    #header .bottom-header { display: none !important; }
    body.home-garden #header .bottom-header { display: block !important; }
    body.home-garden #header .bottom-header .nav a {
        padding-bottom: 0px;
    }

    .skin-home #header,
    .skin-money #header {
        padding-bottom: 0;
    }
    #header .logo {
        margin: 0px 0 0 10px;
        line-height: 24px;
    }
    #header .logo a {
        float: left;
    }
    #header .logo img { max-width: 120px; }
    .skin-home #header .logo,
    .skin-money #header .logo {
        margin-top: 20px;
    }
    .header-right,
    .header-right .nav,
    .header-right .box-form-search,
    .bottom-header .nav li,
    .header-right .nav li {
        float: none !important;
    }
    .logo,
    .bottom-header,
    .header-right {
        display: block;
        text-align: center;
    }
    .bottom-header li { display: inline-block; }
    #header .bottom-header .nav a {
        padding: 8px 6px;
        font-size: 13px;
    }
    .header-right {
        border: none;
        margin: 15px -15px 0;
    }
    #navbar { margin-top: 15px; }
    #navbar,
    .navbar-inverse .navbar-toggle {
        border-color: #378EFD;
    }
    .skin-money #navbar,
    .skin-money .navbar-inverse .navbar-toggle {
        border-color: #9BDE51;
    }
    .skin-home #navbar,
    .skin-home .navbar-inverse .navbar-toggle {
        border-color: #955BC8;
    }
    .navbar-inverse .navbar-toggle {
        position: absolute;
        top: 8px;
        right: 15px;
        margin: 0;
    }
    .logo .category {
        display: inline-block;
        float: left !important;
        margin: 0 0 0 8px;
        font-size: 14px;
        line-height: 20px;
    }
    .bottom-header { margin-top: 15px; }
    .navbar-inverse .navbar-toggle:focus,
    .navbar-inverse .navbar-toggle:hover {
        background-color: #378EFD;
    }
    .skin-money .navbar-inverse .navbar-toggle:focus,
    .skin-money .navbar-inverse .navbar-toggle:hover {
        background-color: #9BDE51;
    }
    .skin-home .navbar-inverse .navbar-toggle:focus,
    .skin-home .navbar-inverse .navbar-toggle:hover {
        background-color: #955BC8;
    }
    .logo { margin-bottom: 10px; }
    .skin-home .logo,
    .skin-money .logo {
        margin-bottom: 20px;
    }
    .header-right .nav,
    .header-right .box-form-search,
    .header-right .nav li {
        display: block;
    }
    #header .nav a { padding: 8px; }
    .container-right-active { padding-right: 0; }
    .box-form-search-active { position: relative; }
    .box-form-search {
        padding-top: 8px;
        padding-bottom: 8px;
        height: auto;
        border: none;
    }
    .box-form-search-active {
        margin: 10px 15px;
        max-width: inherit;
    }
    .box-form-search-active .form-search .btn { top: 6px; }

    .breadcrumb {
        margin-bottom: 20px;
    }

    /* ==========================================================================
         HOME
         ========================================================================== */
    body.home { padding-top: 70px; }
    #carousel-categories .row>div { margin-bottom: 30px; }
    #carousel-categories .row>div:last-child { margin-bottom: 0; }
    .new-sm-horizontal .figure-wrapper { margin-bottom: 10px; }
    .new-sm-horizontal .figure-wrapper img { max-height: inherit; }
    .new-sm-horizontal .figure-wrapper,
    .new-sm-horizontal .figure-wrapper img {
        max-width: 100%;
        max-height: none;
    }

    .new-sm-horizontal .content { width: 100%; }
    .grid-sizer,
    .grid-item {
        width: 100%;
    }

    .home .box-adsense-top {
        padding: 0px;
        background: none;
        margin-bottom: 20px;
    }

    /* ==========================================================================
        AUTHOR
        ========================================================================== */
    .author-header img.img-responsive {
        display: inline-block;
    }
    .author-header h1 {
        margin: 0;
    }
    .author-header .social-media {
        float: none !important;
        margin-top: 0px !important;
        margin-bottom: -20px;
    }
    .author-header .social-media li {
        margin: 0 5px;
    }

    /* ==========================================================================
        HOME & GARDEN
        ========================================================================== */
    body.home-garden { padding-top: 134px; }
    .box-general-contractor .form-group,
    .box-general-contractor .form-group:last-child {
        width: 100%;
        padding: 0;
    }
    .box-general-contractor .btn { width: 100%; }
    .home-garden-view .figure-wrapper { max-height: inherit; }
    .title-avg-costs { font-size: 20px; }
    .title-section {
        border: none;
        text-align: center;
        padding: 0;
    }

    /* ==========================================================================
        ABOUT US
        ========================================================================== */
    .title-page-lg,
    .cite {
        font-size: 32px;
        line-height: 32px;
        text-align: center;
    }
    .cite .fa { top: -10px; }

    /* ==========================================================================
        CONTACT US
        ========================================================================== */
    .col-form-contact { margin-bottom: 30px; }

    /* ==========================================================================
        LANDING PAGE
        ========================================================================== */
    .block-find-costs {
        margin-top: -32px;
        padding: 50px 0;
    }
    .block-find-costs h1 {
        font-size: 32px;
        line-height: 40px;
    }
    .block-find-costs__call {
        height: 70px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .block-find-costs__call span {
        font-size: 16px;
    }
    .block-find-costs__call .phone {
        font-size: 20px;
    }
    .block-landing-services__service { margin-bottom: 10px; }
    .block-landing-services__service i {
        position: relative;
        display: inline-block;
        top: 1px;
        left: -3px;
    }
    .block-landing-content__grow,
    .block-landing-content__estimate {
        -webkit-background-size: 100% auto;
        background-size: 100% auto;
    }
    #content .block-landing-content__grow h2 {
        font-size: 22px;
        line-height: 22px;
    }
    .block-landing-content__estimate h3 {
        font-size: 27px;
    }
    .block-landing-content__estimate .phone,
    #content .block-landing-content__estimate h2 {
        font-size: 24px;
        line-height: 24px;
    }
    .block-find-costs__call {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .block-find-costs__call span,
    .block-find-costs__call .phone {
        font-size: 15px;
        line-height: 15px;
    }
    .block-find-costs__call .phone {
        position: relative;
        top: -2px;
    }
    .block-find-costs__call span {
        top: 0;
        margin: 0;
    }
    .block-landing-content__call {
        background: #2ACBF8;
        padding: 20px;
        height: auto;
    }
    .block-landing-content__call .call-us {
        font-size: 14px;
        line-height: 14px;
        display: block;
        margin-bottom: 15px;
    }
    .block-landing-content__call .phone {
        font-size: 34px;
        line-height: 34px;
    }
    .block-landing-content__call .call-us,
    .block-landing-content__call .phone {
        float: none !important;
        display: block;
    }
    .block-landing-content__call .phone {
        display: inline-block;
    }
    .block-find-costs__form {
        padding-left: 0;
    }
    .block-find-costs__form .img-category {
        display: none;
    }

    /* ==========================================================================
         ARTICLE VIEW
         ========================================================================== */
    .social-media-full li {
        width: 100%;
        float: left;
        margin: 5px 0;
        padding: none;
    }

    /* ==========================================================================
         FOOTER
         ========================================================================== */
    #footer .top { padding-bottom: 30px; }
    #footer .row>div { margin-bottom: 30px; }
    #footer .row>div:last-child { margin-bottom: 0; }
    .btn-top { margin-bottom: 25px; }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
    /* ==========================================================================
        LANDING PAGE
        ========================================================================== */
    .block-find-costs .ico-arrow-find-out {
        display: none;
    }
    .block-find-costs__call {
        padding: 10px 30px;
    }
    .block-find-costs__call .phone {
        top: -6px;
    }
    .block-landing-content__average .bottom {
        top: 0;
    }
    .block-landing-content__average .value {
        display: block;
        float: none !important;
        text-align: center;
        margin-bottom: 10px;
    }
    .block-find-costs__shadow {
        padding: 30px 30px 90px;
    }
    .block-find-costs__call::before {
        left: -31px;
    }
    .btn-get-estimate {
        width: 100%;
        -webkit-border-radius: 0 3px 3px 0;
           -moz-border-radius: 0 3px 3px 0;
                border-radius: 0 3px 3px 0;
    }
    .block-landing-content__form-service__form .contact {
        text-align: center;
    }
    .block-landing-content__form-service__form .contact span,
    .block-landing-content__form-service__form .contact .phone {
        float: none !important;
    }
    .block-landing-content__form-service__form .contact span {
        display: block;
        margin-bottom: 10px;
        line-height: 18px;
    }
    .block-landing-content__form-service__form .contact .phone {
        display: inline-block;
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width: 320px) {

}

/* 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-fire { background-image: url(../img/ico-fire-2x.png); }

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

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

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

    .block-find-costs h2 span::after {
        background-image: url(../img/title-landing-border-2x.png);
    }

    .block-find-costs__call::before {
        background-image: url(../img/arrow-call-us-2x.png);
    }

    .block-find-costs__call::before {
        background-image: url(../img/arrow-call-us-2x.png);
    }

    .btn-get-estimate {
        background-image: url(../img/bg-get-estimate-2x.png);
        -webkit-background-size: 320px auto;
        background-size: 320px auto;
    }

    .block-find-costs__call::before,
    .block-find-costs__call::before,
    .block-find-costs h2 span::after,
    .ico-arrow-find-out,
    .ico-fire,
    .ico-chat,
    .breadcrumb>li+li:before {
        -webkit-background-size: 100% auto;
        background-size: 100% auto;
    }

}