/* Large Devices, Wide Screens */

@media only screen and (max-width: 1800px) {
    .home-banner .content {
        padding: 180px 0px 180px 90px;
    }
    .home-banner .content h1 {
        font-size: 65px;
    }
    .home-banner .content h1 span {
        font-size: 55px;
    }
}

@media only screen and (max-width: 1700px) {
    .home-banner .content {
        padding: 165px 0px 165px 90px;
    }
    .landing-services-banner {
        padding: 200px 0px 40px;
    }
    .landing-services-banner .content h1 {
        font-size: 45px;
    }
}

@media only screen and (max-width: 1600px) {
    header .header-padding {
        padding: 0px 60px;
    }
    .services-banner .content h1 {
        font-size: 60px;
    }
    .section-padding {
        padding: 0px 50px;
    }
    .home-banner .content {
        padding: 150px 0px 150px 60px;
    }
    .title-area .content h1 {
        font-size: 60px;
    }
    .landing-services-banner .content h1 {
        font-size: 37px;
    }
    .landing-trustworthy-roofing .content h3 {
        font-size: 40px;
    }
    .landing-services-banner .content-bottom h3 {
        font-size: 40px;
    }
    .landing-services-intro .content h3 {
        font-size: 40px;
    }
    .landing-inner-service-content .content-area-top h3 {
        font-size: 35px;
    }
    .landing-page-testimonials .content-top h3 {
        font-size: 40px;
    }
    .landing-what-you-get .content-top h3 {
        font-size: 40px;
    }
    .landing-trustworthy-roofing .content h3.bold {
        font-size: 40px;
    }
    .landing-what-you-get .content-area h4 {
        font-size: 20px;
    }
    .landing-services-intro h2.head {
        font-size: 20px;
    }
}

@media only screen and (max-width: 1500px) {
    .main-nav .navbar-right {
        font-size: 15px;
    }
    .home-banner .content {
        padding: 140px 0px 140px 60px;
    }
    .home-banner .content h1 {
        font-size: 55px;
    }
    .home-banner .content h1 span {
        font-size: 45px;
    }
}

@media only screen and (max-width: 1400px) {
    .main-nav .navbar-right {
        font-size: 14px;
    }
    .services-banner .content h1 {
        font-size: 45px;
    }
    .landing-services-banner {
        padding: 190px 0px 0px;
    }
    .home-banner .content {
        padding: 110px 0px 110px 60px;
    }
    .landing-services-intro .content h3 {
        font-size: 35px;
    }
    .landing-services-banner .content h1 {
        font-size: 35px;
    }
    .section-padding {
        padding: 0px 30px;
    }
    .landing-services-banner .form-area .form-control {
        height: 50px;
    }
    .landing-services-banner .form-area textarea.form-control {
        height: 120px;
    }
    .landing-trustworthy-roofing .content h3 {
        font-size: 35px;
    }
    .landing-inner-service-content .content-area-top h3 {
        font-size: 32px;
    }
    .landing-services-banner .content p {
        font-size: 18px;
    }
    .landing-services-banner .content-bottom h3 {
        font-size: 35px;
    }
    .landing-page-testimonials .content-top h3 {
        font-size: 35px;
    }
    .landing-what-you-get .content-top h3 {
        font-size: 35px;
    }
    .landing-trustworthy-roofing .content h3.bold {
        font-size: 35px;
    }
    .landing-services-banner .form-area .form-bg {
        padding: 20px 20px;
    }
}

@media only screen and (max-width: 1300px) {
    header .header-padding {
        padding: 0px 30px;
    }
    .home-banner .content {
        padding: 90px 0px 90px 30px;
    }
    .main-nav .navbar-nav>li {
        padding: 0px 15px;
    }
}

@media only screen and (max-width: 1200px) {
    header .header-padding {
        padding: 0px 15px;
    }
    .home-banner {
        margin-top: -60px;
    }
    .services-banner .content h1 {
        font-size: 45px;
    }
    .home-banner .content {
        padding: 100px 0px 30px 15px;
    }
    .home-banner .content h1 {
        font-size: 45px;
    }
    .landing-services-banner .content-bottom h3 {
        font-size: 25px;
    }
    .landing-services-banner .content h1 {
        font-size: 30px;
    }
    .home-banner .content h1 span {
        font-size: 35px;
    }
    .section-padding {
        padding: 0px 15px;
    }
    .landing-trustworthy-roofing .content h3 {
        font-size: 25px;
    }
    .home-systems .content-area {
        padding-top: 10px;
    }
    .home-systems h2 {
        font-size: 45px;
    }
    .home-systems h2 span {
        font-size: 40px;
    }
    .home-services h2 {
        font-size: 45px;
    }
    .home-services-items {
        background-color: #fff;
        background-image: none;
    }
    .home-services-items .item .content-area h3 {
        font-size: 30px;
    }
    .home-services-items .item.commercial .content-area:after {
        top: 42px;
        font-size: 18px;
    }
    .home-services-items .item.commercial .content-area:before {
        font-size: 34px;
    }
    .home-services-items .item .content-area:after {
        top: 42px;
        font-size: 18px;
    }
    .home-services-items .item .content-area:before {
        font-size: 34px;
    }
    .home-services-items .item.commercial .content-area {
        margin-top: 40px;
    }
    .landing-services-intro .content h3 {
        font-size: 30px;
    }
    .landing-trustworthy-roofing .content h3 {
        font-size: 30px;
    }
    .landing-inner-service-content .content-area-top h3 {
        font-size: 30px;
    }
    .landing-page-testimonials .content-top h3 {
        font-size: 30px;
    }
    .landing-what-you-get .content-top h3 {
        font-size: 0px;
    }
    .section h2 {
        font-size: 60px;
    }
    .inner-service-content h2 {
        font-size: 36px !important;
    }
    .services-items {
        background-color: #fff;
        background-image: none;
    }
    .services-items .item .content-area h3 {
        font-size: 30px;
    }
    .services-items .item.commercial .content-area:after {
        top: 42px;
        font-size: 18px;
    }
    .services-items .item.commercial .content-area:before {
        font-size: 34px;
    }
    .services-items .item .content-area:after {
        top: 42px;
        font-size: 18px;
    }
    .services-items .item .content-area:before {
        font-size: 34px;
    }
    .services-items .item.commercial .content-area {
        margin-top: 40px;
    }
    .home-services-items .item.commercial .image-area {
        margin-top: -200px;
    }
}

@media only screen and (max-width: 1100px) {
    .main-nav .navbar-nav>li.phone {
        display: none;
    }
    .home-banner {
        margin-top: 0px;
    }
    .home-banner .content {
        padding: 70px 0px 30px 15px;
    }
    header .header-padding {
        padding: 0px 30px;
    }
    header.inner .main-nav .navbar-nav>li>a {
        /* color: #fff; */
    }
    .phone-fixed-icon {
        display: block;
    }
    .main-nav .landing-header img {
        margin: 0px auto;
    }
}


/* Medium Devices, Desktops */

@media only screen and (max-width: 992px) {
    .home-banner {
        background-image: url('../img/resp-image.jpg');
        background-position: 50% 50%;
        background-size: cover;
        text-align: center;
    }
    .main-nav .navbar-header.landing-header img {
        width: 115px;
        padding: 10px 0px;
    }
    .landing-services-banner {
        /* margin-top: 100px; */
    }
    .landing-covid-bar {
        display: none;
    }
    .landing-inner-service-content .button-area .btn-submit {
        width: unset;
        padding: 20px 50px;
    }
    .home-banner .content {
        padding: 40px 0px 40px 0px;
        text-align: center;
    }
    .landing-services-intro .item .content-area {
        padding: 40px 10px;
    }
    .landing-what-you-get {
        display: none;
    }
    .landing-services-banner .container-flex {
        display: block;
        margin-top: 50px;
    }
    .main-nav {
        background-color: #000;
    }
    .home-systems {
        text-align: center;
    }
    .home-systems .image-area img {
        margin: 0 auto;
        margin-bottom: 60px;
    }
    .landing-services-banner {
        padding: 130px 0px 50px 0px;
        background: #eaeaea;
    }
    .landing-services-intro .item {
        text-align: center;
        margin-top: 35px;
    }
    .landing-services-intro .item img {
        margin-bottom: 0px;
    }
    .landing-services-intro h2.head {
        height: unset;
    }
    .landing-services-banner .content-bottom {
        border-right: none;
        text-align: center;
        color: #000;
    }
    .landing-inner-service-content .image-area img {
        margin: 0px auto;
        margin-top: 50px;
        display: none;
    }
    .landing-services-intro .owl-carousel .item {
        text-align: center;
    }
    .landing-services-banner .content-bottom.three {
        text-align: center;
    }
    .landing-inner-service-content .content {
        margin-top: 0px;
        text-align: center;
    }
    .landing-inner-service-content .button-area {
        text-align: center;
    }
    .landing-inner-service-content .content-area-top {
        margin-bottom: 20px;
    }
    .landing-page-testimonials .button-area .btn-submit {
        margin-top: 20px;
    }
    .landing-what-you-get .content-area {
        margin-top: 20px;
    }
    .landing-trustworthy-roofing .button-area {
        text-align: center;
    }
    .landing-trustworthy-roofing .button-area .btn-submit {
        margin-top: 40px;
        padding: 20px 50px;
        width: unset;
    }
    .landing-services-intro {
        padding-top: 70px 0px 0px;
    }
    .section h2 {
        font-size: 36px;
    }
    .landing-services-banner .content {
        text-align: center;
        margin-top: 60px;
        color: #000;
    }
    .landing-services-banner .content p {
        margin: 10px 0px;
    }
    /* .landing-services-banner .content h1{

        margin-top: 70px;
        
    } */
    .home-services .desc br,
    .home-blog .desc br {
        display: none;
    }
    .home-services-items .item.commercial .content-area {
        margin-top: 20px;
        margin-left: 0px;
        text-align: left;
    }
    .home-services-items .item.residential .content-area {
        margin-top: 20px;
    }
    .home-services-items .item.residential .image-area {
        margin-top: 30px;
    }
    .home-services-items .item.residential .content-area {
        margin-right: 0px;
    }
    .home-services-items .item.commercial .content-area:before {
        content: "\f054 ";
        right: 20px;
        left: unset;
        top: 26px;
        font-size: 34px;
    }
    .home-services-items .item.commercial .content-area:after {
        top: 42px;
        font-size: 18px;
        right: 70px;
        left: unset;
    }
    .home-services-items .item.commercial .image-area {
        margin-top: 50px;
    }
    .home-services-items .item.industrial .content-area {
        margin-top: 50px;
        margin-left: 0px;
    }
    .home-services-items .item.commercial .content-area {
        margin-top: 50px;
        margin-right: 0px;
    }
    .home-services-items .item.residential .image-area img {
        margin-top: 50px;
    }
    .home-services-items .item.residential .content-area {
        margin-top: 50px;
        margin-left: 0px;
    }
    .home-blog {
        background-color: #fff;
    }
    .home-blog-items .item .image-area img {
        width: 100%;
    }
    .call-to-action p {
        font-size: 26px;
    }
    .services-items .item.commercial .content-area {
        margin-top: 20px;
        margin-left: 0px;
        text-align: left;
    }
    .services-items .item.residential .content-area {
        margin-top: 20px;
    }
    .services-items .item.residential .image-area {
        margin-top: 30px;
    }
    .services-items .item.residential .content-area {
        margin-right: 0px;
    }
    .services-items .item.commercial .content-area:before {
        content: "\f054 ";
        right: 20px;
        left: unset;
        top: 26px;
        font-size: 34px;
    }
    .services-items .item.commercial .content-area:after {
        top: 42px;
        font-size: 18px;
        right: 70px;
        left: unset;
    }
    .title-area .content h1 {
        font-size: 70px;
    }
    .about-systems {
        text-align: center;
    }
    .about-systems h2 {
        font-size: 50px;
    }
    .about-systems .image-area img {
        margin: 0 auto;
        margin-bottom: 30px;
    }
    .about-mission .heading-area {
        background-position: 50% 50%;
        text-align: center;
    }
    .about-mission .content-area {
        padding: 40px 0px;
        text-align: center;
    }
    .about-work {
        text-align: center;
        padding-top: 30px;
    }
    .title-area p br {
        display: none;
    }
    .contact-information .contact-form h2 {
        font-size: 50px;
    }
    .map-area iframe {
        width: 100%;
        height: 400px;
    }
    .inner-service-content .form-area {
        margin-top: 40px;
    }
    .covid-content,
    .covid-measures {
        text-align: center;
    }
    .covid-measures ul {
        list-style-type: none;
    }
    .covid-content .image-area {
        padding: 0px;
    }
    .covid-content .content-area h2 {
        font-size: 36PX;
    }
    footer .landing-main-footer {
        text-align: center;
    }
    footer .landing-main-footer .logo-area img {
        margin: 0px auto;
    }
    .landing-what-you-get .content-area i {
        margin: 0px;
    }
    .landing-what-you-get .content-area img {
        margin: 0px auto;
    }
    .landing-trustworthy-roofing .content h3 {
        text-align: center;
    }
}

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


/* Small Devices, Tablets */

@media only screen and (max-width: 768px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        /* color: #fff; */
    }
    .home-systems h2 {
        font-size: 45px !important;
    }
    .home-banner .content h1 {
        line-height: 1.3;
    }
    .home-work .item.xs-hidden {
        display: none;
    }
    .home-blog {
        background-color: #fff;
        padding-top: 0px;
    }
    .home-blog-items .item .content-area {
        text-align: center;
    }
    .call-to-action p br {
        display: none;
    }
    .call-to-action p {
        font-size: 24px;
    }
    .services-work .item.xs-hidden {
        display: none;
    }
    .service-projects .item.xs-hidden {
        display: none;
    }
    .about-work .item.xs-hidden {
        display: none;
    }
    .title-area .content h1 {
        font-size: 60px;
    }
    .about-mission .heading-area h2 {
        font-size: 44px;
    }
    .about-systems h2 {
        font-size: 36px;
        line-height: 1.3;
    }
    .about-systems h2 span {
        font-size: 36px;
    }
    footer .logo-area img {
        margin: 0 auto;
    }
    footer .footer-line h2 {
        margin-top: 0px;
    }
    footer .main-footer {
        text-align: center;
    }
    footer .copyright {
        padding: 5px 0px;
    }
    footer .copyright .reach-logo {
        float: none;
        margin: 0 auto;
    }
    footer .copyright .content {
        padding: 20px 0px;
        text-align: center;
    }
    footer .copyright span {
        float: none;
    }
}


/* Extra Small Devices, Phones */

@media only screen and (max-width: 600px) {
    body {
        font-size: 16px;
    }
    .title-area .content {
        margin-top: 80px;
        /* covid-bar */
    }
    .covid-content .content-area h2 {
        font-size: 32PX;
    }
    .section h2 {
        font-size: 32px;
    }
    .call-to-action h3 {
        font-size: 26px;
    }
    footer .footer-line h2 {
        font-size: 32px;
        margin-bottom: 20px;
    }
    .home-services-items .item .content-area:after {
        display: none;
    }
    .services-items .item .content-area:after {
        display: none;
    }
    .call-to-action p {
        font-size: 20px;
    }
    .call-to-action .btn-cta {
        font-size: 16px;
    }
    .title-area .content h1 {
        font-size: 40px;
    }
}

@media only screen and (max-width: 500px) {
    .inner-service-content h2 {
        font-size: 28px !important;
    }
}

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


/* Custom, iPhone Retina */

@media only screen and (max-width: 430px) {
    .home-banner .content h1 {
        font-size: 38px;
        line-height: 1.3;
    }
}

@media (max-width: 1100px) {
    /* style mobile nav */
    .navbar-header {
        float: none;
    }
    .navbar-left,
    .navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        background-color: #fff;
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }
    .main-nav .navbar-right {
        margin-top: 20px;
        margin-bottom: 15px;
    }
    .navbar-default .navbar-collapse {
        border-color: #000;
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: 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;
    }
    .collapse.in {
        display: block !important;
    }
}