/* Max Width 1186px */

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

/* Max Width 992px */

@media only screen and (max-width: 992px) {
    /* Common Styles */
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin-bottom: 25px;
    }
    h3 {
        font-size: 35px;
        margin-bottom: 45px;
    }
    .text-white h3 {
        margin-bottom: 25px;
    }
    h4 {
        font-size: 25px;
    }
    h5 {
        font-size: 14px;
        margin-bottom: 25px;
    }
    h6 {
        margin-bottom: 12px;
    }
    p {
        margin-bottom: 25px;
    }
    section,
    footer {
        padding: 75px 0px;
    }
    .content-shade {
        padding: 75px 0px;
    }
    .sec-extra-bot-pad {
        padding-bottom: 75px;
    }
    .cont-neg-top-margin {
        margin-top: -30px;
        padding: 40px 20px;
        background-color: #f3f2ee;
    }

    /* slide arrows */
    .slide-arrow {
        width: 50px;
        font-size: 50px;
        line-height: 60px;
        height: 50px;
    }
    .slide-arrow.arrow-testimonials {
        height: 35px;
        line-height: 45px;
        font-size: 35px;
        width: 35px;
    }
    /* slide arrows */
    .add-mob-margin {
        margin-bottom: 35px;
    }

    /* Common Styles */

    /* Header */
    .logo-img {
        max-width: 275px;
    }
    .navbar-nav {
        padding-top: 1px;
    }
    .navbar-nav li {
        display: block;
        padding: 0px;
        margin-bottom: 1px;
        width: 100%;
        float: left;
    }
    .navbar-nav li a {
        background-color: rgba(0, 0, 0, 0.4);
    }
    .navbar-nav li.active a {
        background-color: #ffffff;
        color: #000000;
    }
    .navbar-nav li.btn {
        margin-top: 15px;
    }
    .navbar-nav li.btn a {
        width: 100%;
    }
    .navbar-nav li .dropdown-menu {
        text-align: center;
        width: 100%;
        float: left;
        top: auto;
        border: none;
    }
    .navbar-nav li .dropdown-menu li {
        border-left-width: 0px;
    }
    .navbar-nav li .dropdown-menu li a {
        color: #ffffff;
        background-color: #333333;
    }
    .navbar-nav li .dropdown-menu li > .dropdown-menu a {
        padding-left: 0px !important;
    }
    .navbar-nav li .dropdown-menu li > .dropdown-menu li.active a {
        background-color: #ffffff;
        color: #000000;
    }
    /* Header */

    /** Homepage **/

    /* Slider & Heading Section */
    .slide-desc h2,
    .sec-heading h2 {
        font-size: 45px;
        margin-bottom: 25px;
    }
    .slide-desc h3,
    .sec-heading h3 {
        font-size: 18px;
    }
    .slide-desc a {
        padding: 10px 25px;
    }
    .sec-heading h2,
    .sec-heading h3 {
        margin-bottom: 0px;
    }
    /* Slider & Heading Section */

    /* CTA */
    .cont-home-cta {
        margin-top: -75px;
        padding: 30px;
    }
    .cta-top-call {
        margin-top: 0px;
    }
    /* CTA */

    /** Homepage **/

    /* Quote Request Form */
    .cont-frm-req-quote {
        margin-bottom: 30px;
    }
    /* Quote Request Form */

    /** Footer **/
    /* Estimate Bar */
    .estimate-bar-content {
        margin-bottom: 30px;
    }
    .estimate-bar-content.h-100 {
        height: auto !important;
    }
    .estimate-bar-content .cont-frm-req-quote {
        margin-bottom: 0px;
    }
    /* Estimate Bar */

    /* Footer Gallery */
    .sec-gallery-footer strong {
        font-size: 35px;
    }
    .sec-gallery-footer a {
        padding: 10px 25px;
    }
    .sec-gallery-footer .col-md:nth-child(3) {
        display: none;
    }
    /* Footer Gallery */
    footer {
        padding: 45px 0px;
    }
    .cont-footer {
        padding: 30px 0px;
    }
    .cont-footer .menu:last-child {
        margin-top: 25px;
    }
    .cont-footer .menu li {
        padding: 0px 20px;
    }
    .cont-footer-copyright {
        padding: 20px 0px;
    }
    /** Footer **/

    /** Main Content **/
    .cont-prod-single.h-100 {
        height: auto !important;
    }
    .cont-prod-single {
        margin-bottom: 30px;
    }
    /* Page Specific - About Us */
    .pad-mission {
        padding: 50px;
    }
    .mission-img-bg {
        display: block;
    }
    /* Page Specific - About Us */

    /* Page Specific - Patio Covers */
    .patio-type-single .content-shade {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .patio-type-single .cont-neg-top-margin {
        margin-top: -30px;
    }
    .sec-patio-cover-comparison .cont-neg-top-margin {
        margin-top: -30px;
    }
    /* Page Specific - Patio Covers */

    /* Page Specific - Contact Us */
    .sec-contact-maps {
        margin-top: -80px;
    }
    .cont-contact-map {
        width: 70%;
        margin: 0px 15% 30px;
        padding-top: 20px;
    }
    .sec-contact-details {
        padding-top: 50px;
        padding-bottom: 70px;
    }
    .col-contact-details {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    /* Page Specific - Contact Us */

    /* Page Specific - Specials */
    .cont-special-single {
        margin-bottom: 40px;
        background-position: top center;
        background-size: 100% auto;
        background-image: none !important;
        background-color: #fafafa;
    }
    .cont-special-single img {
        width: 100%;
        height: auto;
    }
    .cont-special-single textarea {
        height: 80px;
    }
    .special-single-content {
        width: 100%;
        margin-left: 0px;
        margin-top: 0%;
    }
    /* Page Specific - Specials */
    /** Main Content **/

    /* Worpdress Image Alignment */
    img.aligncenter,
    .aligncenter {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    img.alignright,
    .alignright {
        display: block;
        margin: 0px;
        margin-left: auto;
        margin-right: auto;
        padding: 0px;
        padding-left: 0px;
        padding-bottom: 35px;
    }

    img.alignleft,
    .alignleft {
        display: block;
        margin: 0px;
        margin-left: auto;
        margin-right: auto;
        padding: 0px;
        padding-right: 0px;
        padding-bottom: 35px;
    }

    .alignright {
        float: none;
    }

    .alignleft {
        float: none;
    }
    .wp-caption {
        font-size: 0.8rem;
        max-width: 100%;
    }
    /* Worpdress Image Alignment */
}

/* Mobile */
@media only screen and (max-width: 767px) {
    /* Common Styles */
    body {
        font-size: 12px;
        line-height: 200%;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin-bottom: 15px;
    }

    h3 {
        font-size: 20px;
        margin-bottom: 25px;
    }
    .text-white h3 {
        margin-bottom: 0px;
    }
    h4 {
        font-size: 20px;
    }
    h5 {
        font-size: 14px;
        margin-bottom: 20px;
    }
    h6 {
        font-size: 11px;
        margin-bottom: 8px;
    }
    p {
        margin-bottom: 15px;
    }
    section,
    footer {
        padding: 40px 0px;
    }
    .content-shade {
        padding: 40px 0px;
    }
    .sec-extra-bot-pad {
        padding-bottom: 25px;
    }
    .cont-neg-top-margin {
        margin-top: 0px;
        padding: 25px 15px 15px;
    }

    .pad-20 {
        padding: 15px;
    }

    ul,
    ol {
        padding-left: 15px;
    }
    ul li,
    ol li {
        margin-bottom: 10px;
    }
    img.image-inline {
        margin-top: -8px;
        width: 70px;
        height: auto;
    }

    .add-mob-margin {
        margin-bottom: 25px;
    }
    /* slide arrows */
    .slide-arrow {
        display: none;
        /* width: 20px;
        font-size: 20px;
        line-height: 35px;
        height: 20px; */
    }
    /* .slide-arrow.arrow-testimonials {
        height: 20px;
        line-height: 35px;
        font-size: 20px;
        width: 20px;
    } */
    /* slide arrows */
    /* Common Styles */

    /* Header */
    header {
        padding: 10px;
    }
    .logo-img {
        max-width: 75%;
    }
    .navbar-toggler {
        margin-top: 15px;
        padding: 10px;
    }
    .navbar-nav li a {
        line-height: 100%;
    }
    .navbar-nav li.btn {
        margin-top: 10px;
    }
    .navbar-nav li .dropdown-menu {
        min-width: auto !important;
        font-size: 11px;
    }
    .navbar-nav li .dropdown-menu li a {
        padding: 10px 5px !important;
    }
    /* Header */

    /** Homepage **/

    /* Slider & Heading Section */
    .slide-desc {
        padding: 50px 0px;
    }
    .slide-desc h2,
    .sec-heading h2 {
        font-size: 25px;
        margin-bottom: 20px;
    }
    .slide-desc h3,
    .sec-heading h3 {
        font-size: 15px;
        margin-bottom: 20px;
    }
    .sec-heading h3 {
        font-size: 12px;
    }
    .sec-heading h2,
    .sec-heading h3 {
        margin-bottom: 0px;
    }
    .slide-desc a {
        padding: 8px 35px;
    }
    /* Slider & Heading Section */

    /* CTA */
    .cont-home-cta {
        margin-top: 30px;
        -webkit-box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.3);
        padding: 15px;
    }
    .cont-home-cta h5 {
        font-size: 16px;
        margin-bottom: 15px;
    }
    .cta-top-call {
        margin-bottom: 15px;
    }
    .cta-top-icon {
        float: left;
        width: 25px;
        font-size: 22px;
        margin-right: 10px;
    }
    .cta-top-call a {
        font-size: 14px;
    }
    /* CTA */
    /** Homepage **/

    /* Quote Request Form */
    .cont-frm-req-quote {
        padding: 10px;
    }
    .cont-frm-req-quote input[type="tel"] {
        height: 35px;
        line-height: 35px;
        padding: 0px 10px;
        width: 100%;
    }
    .cont-frm-req-quote input[type="submit"] {
        width: 100%;
        height: 35px;
        line-height: 35px;
    }
    /* Quote Request Form */

    /** Testimonials **/
    .testimonial-slider {
        margin: 15px 0px 25px;
    }
    .testimonial-single {
        font-size: 12px;
        padding: 0px 15px;
    }
    .testi-author {
        font-size: 13px;
        margin-top: 15px;
    }
    .cont-testimonial-nav .owl-dot {
        height: 12;
        width: 12;
        margin: 0px 8px;
    }
    /** Testimonials **/

    /** Footer **/
    /* Estimate Bar */
    .estimate-bar-content {
        margin-bottom: 15px;
        padding: 15px;
    }
    .estimate-bar-content i {
        font-size: 20px;
        margin-bottom: 15px;
    }
    /* Estimate Bar */

    /* Company Logos */
    .c-logo-single {
        padding-top: 80px;
    }
    /* Company Logos */
    /* Footer Gallery */
    .sec-gallery-footer {
        font-size: 11px;
    }
    .sec-gallery-footer p {
        margin-bottom: 0px;
    }
    .sec-gallery-footer strong {
        font-size: 24px;
    }
    .sec-gallery-footer .col-md {
        margin-right: 0px;
    }
    .sec-gallery-footer .col-md:nth-child(1) {
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .sec-gallery-footer .col-md:nth-child(2) {
        display: none;
    }
    .sec-gallery-footer a {
        padding: 8px 35px;
    }
    /* Footer Gallery */

    footer {
        font-size: 11px;
    }
    .cont-footer {
        padding: 25px 0px;
    }
    .cont-footer .menu:last-child {
        margin-top: 30px;
    }
    .cont-footer .menu li {
        display: block;
        padding: 10px 10px;
        font-size: 11px;
        border-top: #3e3e3e 1px solid;
        border-bottom: #3e3e3e 1px solid;
        border-right: none;
        border-left: none;
        margin-left: 0px;
        margin-top: -1px;
    }
    .cont-footer .menu li.menu-item-social {
        border-right: none;
        border-left: none;
        border-top: none;
        border-bottom: none;
        display: inline-block;
        font-size: 20px;
        padding: 0px 10px;
    }
    .cont-footer-copyright {
        width: 100%;
        margin: 0px 0%;
        border-top: #535353 1px solid;
        padding: 15px 0px;
        font: 11px;
    }
    /** Footer **/

    /** Main Content **/
    /* Page Specific - About Us */
    .pad-mission {
        padding: 30px;
    }
    /* Page Specific - About Us */
    /* Page Specific - Patio Covers */
    .patio-type-single .content-shade {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .patio-type-single .cont-neg-top-margin {
        margin-top: 0px;
    }
    .sec-patio-cover-comparison .cont-neg-top-margin {
        margin-top: 0px;
    }
    /* Page Specific - Patio Covers */
    /* Page Specific - Contact Us */
    .sec-contact-maps {
        margin-top: -40px;
    }
    .cont-contact-map {
        width: 80%;
        margin: 0px 10% 20px;
        border-width: 5px;
        padding-top: 15px;
    }
    .sec-contact-details {
        padding-top: 25px;
        padding-bottom: 50px;
    }
    .sec-contact-details {
        line-height: inherit;
    }
    .col-contact-details {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .col-contact-details h3 {
        margin-bottom: 15px;
    }
    .col-contact-details h5 {
        margin-bottom: 0px;
    }
    .col-contact-details .menu li a {
        font-size: 18px;
        margin: 0px 10px;
    }
    .form-control {
        margin-bottom: 15px;
        height: 40px;
        line-height: 40px;
        font-size: 12px;
    }
    .wpcf7-submit.btn {
        font-size: 12px;
        padding: 8px 35px;
    }
    .wpcf7-response-output {
        padding: 5px 10px !important;
        margin: 0px 0px 20px 0px !important;
        font-size: 11px;
    }
    /* Page Specific - Contact Us */

    /* Page Specific - Gallery */
    ul.gallery-filters li {
        margin: 5px 5px;
    }
    ul.gallery-filters li a {
        padding: 5px 10px;
        min-width: auto;
    }
    .gallery-grid-sizer,
    .gallery-item-single {
        width: 100%;
        padding: 10px 10px;
    }
    /* Page Specific - Gallery */

    /* Page Specific - Specials */
    .cont-special-single {
        margin-bottom: 20px;
    }
    .special-single-content {
        padding: 15px;
    }
    /* Page Specific - Specials */
    /** Main Content **/

    /** Need Financing Banner **/
    .cont-need-financing {
        padding: 15px;
        -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.45);
        -moz-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.45);
        box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.45);
        margin-top: 20px;
    }
    .cont-need-financing h4 {
        margin-bottom: 15px;
    }
    /** Need Financing Banner **/
    .btn-specials-floating {
        top: 60%;
    }

    /** Blog Section **/
    .blog-content {
        margin-bottom: 35px;
    }
    .blog-listing-box,
    .blog-details-box {
        margin-bottom: 25px;
    }
    .blog-listing-img {
        height: 25vh;
    }
    .blog-listing-content {
        width: 90%;
        margin: -10vh 5% 0px;
        padding: 15px;
        padding-bottom: 0px;
    }

    .blog-listing-title {
        font-size: 18px;
    }
    .blog-content-meta {
        font-size: 11px;
        margin-bottom: 10px;
    }
    .blog-content-learnmore {
        font-size: 11px;
        margin-top: 10px;
    }
    .blog-content-img {
        margin-bottom: 20px;
    }
    .blog-content h1 {
        font-size: 28px;
    }
    .blog-content h2 {
        font-size: 24px;
    }
    .blog-content h3 {
        font-size: 20px;
    }
    .blog-content h4 {
        font-size: 18px;
    }
    .blog-content h5 {
        font-size: 14px;
    }
    .blog-content h6 {
        font-size: 11px;
    }
    .blog-content ol,
    .blog-content ul {
        margin-left: 25px;
    }

    .blog-content blockquote {
        padding: 15px;
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .box_sidebar_blog {
        margin-bottom: 25px;
    }
    .widgettitle {
        font-size: 13px;
        padding: 0px 10px;
        height: 35px;
        line-height: 35px;
    }
    .widgetcontent {
        padding: 15px;
    }

    .box_sidebar_blog ul li a {
        font-size: 11px;
        padding: 7px 10px;
    }

    /* Pagination */
    .blog-pagination .navigation {
        border-radius: 0px;
        margin-bottom: 35px;
    }
    .blog-pagination .page-numbers {
        font-size: 11px;
        height: 30px;
        line-height: 30px;
        width: 30px;
    }
    .next.page-numbers,
    .prev.page-numbers {
        width: 75px;
        line-height: 30px;
    }
    /* Pagination */
    /** Blog Section **/
}