@media(max-width:480px) {
    h2 {
        font-size: 14px
    }

    h1.heading {
        font-size: 18px;
        margin-top: 0
    }

    .product_title h1 {
        font-size: 18px
    }

    .navbar .navbar-header a.navbar-brand {
        width: 100%;
        margin: 0 0 10px;
        display: block;
        height: auto;
        padding-top: 0px;
        padding-left: 0px;
    }
    .navbar .navbar-header a.navbar-brand img {
        max-width: 160px;
        width: 100%;
        height: 70px;
        display: block;
    }

    .footer ul li a {
        font-size: 11px
    }

    .sides {
        background: 0
    }

    .content_area .row {
        margin: 0 -15px
    }

    div#cc-accepted h4 {
        clear: none
    }

    .category_product_list .product.standard_window_per_row_3 {
        width: 85px;
        margin: 0 9px 10px 0
    }

    .category_product_list .product.standard_window_per_row_2 {
        width: 94px;
        margin: 0 21px
    }

    .category_product_list .product.door_per_row_2 {
        width: 84px
    }

    .category_product_list .composite_door_per_row_1 {
        width: 84px
    }

    .category_product_list .french_door_per_row_1 {
        width: 295px
    }

    .category_product_list .french_door_per_row_2 {
        width: 133px
    }

    .category_product_list .french_door_per_row_3 {
        width: 84px
    }
}

@media(min-width:481px) and (max-width:767px) {
    h2 {
        font-size: 15px
    }

    h1.heading {
        font-size: 20px;
        margin-top: 0
    }

    .product_title h1 {
        font-size: 20px
    }

    .navbar .navbar-header a.navbar-brand {
        width: 100%;
        margin: 0 0 10px;
        display: block;
        height: auto;
        padding-top: 0px;
        padding-left: 0px;
    }
    .navbar .navbar-header a.navbar-brand img {
        max-width: 160px;
        width: 100%;
        height: 80px;
        display: block;
    }

    .footer ul li a {
        font-size: 11px
    }

    .sides {
        background: 0
    }

    .content_area .row {
        margin: 0 -15px
    }

    div#cc-accepted h4 {
        clear: left
    }

    .category_product_list .product.standard_window_per_row_3 {
        width: 72px;
        margin: 0 0 10px 0
    }

    .category_product_list .product.standard_window_per_row_2 {
        width: 94px;
        margin: 0 10px
    }

    .category_product_list .product.door_per_row_2 {
        width: 100px
    }

    .category_product_list .composite_door_per_row_1 {
        width: 105px
    }

    .category_product_list .french_door_per_row_1 {
        width: 218px
    }

    .category_product_list .french_door_per_row_2 {
        width: 156px
    }

    .category_product_list .french_door_per_row_3 {
        width: 93px
    }
}

@media(min-width:768px) and (max-width:979px) {
    h2 {
        font-size: 16px
    }

    h1.heading {
        font-size: 22px;
        margin-top: 0
    }

    .product_title h1 {
        font-size: 22px
    }

    .navbar .navbar-header a.navbar-brand {
        width: 100%;
        margin-left: 10px;
        display: block;
        height: auto;
        padding-top: 0px;
        padding-left: 0px;
    }
    .navbar .navbar-header a.navbar-brand img {
        max-width: 220px;
        width: 100%;
        height: 80px;
        display: block;
    }

    .footer ul li a {
        font-size: 10px
    }

    .sides {
        background: url('bg_extra_small.png') center repeat-y
    }

    .content_area .row {
        margin: 0
    }

    div#cc-accepted h4 {
        clear: left
    }

    .category_product_list .product.standard_window_per_row_3 {
        width: 72px;
        margin: 0 0 10px 0
    }

    .category_product_list .product.standard_window_per_row_2 {
        width: 94px;
        margin: 0 25px
    }

    .category_product_list .product.door_per_row_2 {
        width: 138px
    }

    .category_product_list .composite_door_per_row_1 {
        width: 101px
    }

    .category_product_list .french_door_per_row_1 {
        width: 203px
    }

    .category_product_list .french_door_per_row_2 {
        width: 198px
    }

    .category_product_list .french_door_per_row_3 {
        width: 93px
    }
}

@media(min-width:980px) {
    h2 {
        font-size: 17px
    }

    h1.heading {
        font-size: 22px;
        margin-top: 0
    }

    .product_title h1 {
        font-size: 22px
    }

    .navbar .navbar-header a.navbar-brand {
        width: 100%;
        margin-left: 10px;
        display: block;
        height: auto;
        padding-top: 0px;
    }
    .navbar .navbar-header a.navbar-brand img {
        max-width: 260px;
        width: 100%;
        height: 80px;
        display: block;
    }

    .footer ul li a {
        font-size: 12px
    }

    .sides {
        background: url('bg_small.png') center repeat-y
    }

    .content_area .row {
        margin: 0
    }

    div#cc-accepted h4 {
        clear: none
    }

    .category_product_list .product.standard_window_per_row_3 {
        width: 72px;
        margin: 0 13px 10px 13px
    }

    .category_product_list .product.standard_window_per_row_2 {
        width: 94px;
        margin: 0 2px
    }

    .category_product_list .product.door_per_row_2 {
        width: 90px
    }

    .category_product_list .composite_door_per_row_1 {
        width: 138px
    }

    .category_product_list .french_door_per_row_1 {
        width: 275px
    }

    .category_product_list .french_door_per_row_2 {
        width: 129px
    }

    .category_product_list .french_door_per_row_3 {
        width: 104px
    }
}

@media(min-width:1200px) {
    h2 {
        font-size: 20px
    }

    h1.heading {
        font-size: 25px;
        margin-top: 0
    }

    .product_title h1 {
        font-size: 25px
    }

    .navbar .navbar-header a.navbar-brand {
        width: 100%;
        display: block;
        height: auto;
        padding-top: 0px;
    }
    .navbar .navbar-header a.navbar-brand img {
        max-width: 280px;
        width: 100%;
        height: 80px;
        display: block;
    }

    .footer ul li a {
        font-size: 12px
    }

    .sides {
        background: url('bg_large.png') center repeat-y
    }

    .content_area .row {
        margin: 0
    }

    div#cc-accepted h4 {
        clear: none
    }

    .category_product_list .product.standard_window_per_row_3 {
        width: 72px;
        margin: 0 5px 10px 5px
    }

    .category_product_list .product.standard_window_per_row_2 {
        width: 94px;
        margin: 0 15px
    }

    .category_product_list .product.door_per_row_2 {
        width: 115px
    }

    .category_product_list .composite_door_per_row_1 {
        width: 78px
    }

    .category_product_list .french_door_per_row_1 {
        width: 345px
    }

    .category_product_list .french_door_per_row_2 {
        width: 163px
    }

    .category_product_list .french_door_per_row_3 {
        width: 104px
    }
}