/* 150 */
@media screen and (min-width: 150px) {

body{

}

}/* end 150 */


/* 320 */
@media screen and (min-width: 300px) {

body{

}

#hmenu{
    display: block;
}

}/* end 320 */

/* 360 */
@media screen and (min-width: 360px) {

#loc_list{
    display: block;
}


.p_list li a span.p_img{

    height: 210px;
    width: 300px;
    overflow: hidden;

    max-width: auto;
}

.p_list li a span.p_img img{
    height: 100% !important;
}

.product_tabs ul li a{
    font-size: 16px;
}
#footer_bbb{ left: 20px; }

}/* end 360 */

/* 450 */
@media screen and (min-width: 450px) {

.r_col_2, .r_col_4{ overflow: hidden; }
.r_col_2 .r_col, .r_col_4 .r_col{
    width: 46%;
    padding-left: 2%;
    padding-right: 2%;
    float: left;
}
.r_col_2 .r_col:nth-child(odd), .r_col_4 .r_col:nth-child(odd){
    clear: both;
}

ul.galleryContainer li{
    width: 31%;
    max-width: 31%;
    padding: 1%;
}

#cboxTitle{left: 0px; }

.product_tabs ul li a{
    font-size: 16px;
}

}/* end 450 */

/* 520 */
@media screen and (min-width: 520px){
#footer_bbb{ bottom: 40px; right: 100px; left: auto; }
#product_addthis{ float: right; margin-top: -53px; }
}/* end 520 */


/* 580 */
@media screen and (min-width: 580px) {

body{
    font-size: 16px;
}

#h_call{
    display: none;
}

#h_logo_c{
    padding-bottom: 20px;
}

.r_col_3{ overflow: hidden; }
.r_col_3 .r_col{
    float: left;
    width: 31%;
    padding-left: 1%;
    padding-right: 1%;
}
#fixed_phone{display: none;}
}/* end 580 */

/* 600 */
@media screen and (min-width: 600px) {

#h_schedule{
    font-size: 17px;
}

.tmenu li a{
    margin: 0px 15px 0px 14px;
}

}
/* end 600 */

/* 650 */
@media screen and (min-width: 650px) {
#hmenu li {
    display: inline;
    display: inline-block;
}

#hmenu li:child {
    width: auto;
}

.r_col_4{ overflow: hidden; }
.r_col_4 .r_col{
    width: 21%;
    padding-left: 2%;
    padding-right: 2%;
    float: left;
}
.r_col_4 .r_col:nth-child(odd){
    clear: none;
}
.r_col_4 .r_col:nth-child(5n + 0){
    clear: both;
}

#f_brands{
    display: block;
}

#product_options{
    float: left;
    padding: 0px 0px 0px 20px;

}

#product_price{
    float: right;
    padding: 20px 20px 0px 0px;
}

#p_quote_button_c{
    text-align: left;
    padding-left: 20px;
}



.form_container{
    max-width: 600px;
}

.form_container .form_item_text{
    display: block;
    display: inline-block;
    width: 43%;
    margin-right: 5%;
}

.form_sub_items{ width: 230px; }

.form_item_textarea textarea{ width: 99%; height: 150px; }

#custom_form .button{ width: auto !important; }
#form_buttons{ float: none; }


#sub_menu li{
    display: inline;
}
#sub_menu li a{
    display: inline-block;
    padding-right: 5%;
}

}
/* end 650 */


/* 720 */
@media screen and (min-width: 720px) {


#h_menu{
    display: none;
}

#header{
    padding-bottom: 10px;
}
#h_logo_c{
    padding-bottom: 0px;
}

#h_search_2{
    position: absolute;
    top: 50%;
    right: 20px;
    display: block;

    margin-top: -10px;

    cursor: pointer;

}

#h_logo_c{
    text-align: center;
    padding-bottom: 10px;
    max-width: 80%;
}

#menubar{
    position: static;

    text-align: center;

    margin: 0px;
    margin-top: -10px;

    display: block !important;
    width: auto;
    padding: 0px;
    background: transparent;
}

#menubar ul{
margin: 0px;
padding: 0px;
text-align: center;

}

.tmenu li{
    position: relative;
    display: inline;
}

#menubar .tmenu div{
    display: none;
    position: absolute;
    top: 30px;
    left: 0px;
    background: #efefef;

    min-width: 150px;

    overflow: hidden;
    white-space: nowrap;
    text-align: left;

    box-shadow: 2px 2px 5px #888;
}

.tmenu li a{
    position: relative;
    display: inline-block;
    border: 0px;
    margin: 0px;
    padding: 10px 10px;
    font-size: 12px;
}

.tmenu li a.has_sub_nav{
    background: url(/images/arrow_down_grey.gif) no-repeat right center;
}
.tmenu li a.ta_active{
    background: url(/images/arrow_up_grey.gif) no-repeat right center;
}

.tmenu li a.ta_cur{
    color: #890000;
}

.tmenu li a.ta_active{
    font-weight: normal;
}

.tmenu li a:hover{
     color: #890000;
}


.tmenu li a:active{ border: 0px; }

.tmenu li ul{
    float: none;
    display: block;
    display: inline-block;
    vertical-align: top;
    margin: 0px;
    min-width: 150px;
}

.tmenu li ul li{ padding: 0px; margin: 0px; }

.tmenu li ul li a{
    display: block;
    padding: 5px 10px;
    margin: 0px;
}

.tmenu li ul li ul{

}

.tmenu li{
    position: relative;
}

.tmenu li ul li a{
    text-align: left;
    padding: 5px 10px;
    border: 0px;
    font-weight: bold;
}

.tmenu li ul li a{
    font-weight: normal;
    color: #3f3f3f;
    padding: 10px 15px;
}

.tmenu li ul.tm_col li a{
    font-weight: bold;
    color: #e40009;
    padding-bottom: 0px;
}

.tmenu li ul.tm_col li ul li a{
    font-weight: normal;
    color: #3f3f3f;
    padding: 8px 10px 8px 20px;
}

.tmenu li ul.tm_col li a:hover{
   color: #890000;
}


#content img{
    display: inline;
    float: inherit;
}

#content td img{
    display: inline;
}

.p_list{
    text-align: left;
    overflow: hidden;
    width: 100%;
    margin: 30px 0px 0px 0px
}
.p_list ul{
    text-align: left;
    margin: 0px -1.6%;
}

.p_list li{
    display: inline;
    display: inline-block;
    margin: 0px 1.6% 80px 1.6% !important;
}

.p_list ul li a span.p_img img{
    max-width: auto;
    width: auto;
    height: 210px;
    max-height: 210px;
    min-height: 210px;
}


}
/* end 720 */

/* 760 */
@media screen and (min-width: 760px) {

#f_logo{
    float: left;
    text-align: left;
    margin-right: 10%;
}

#google_map, #google_pano{ height: 590px; }

#footer{
    position: relative;
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
    overflow: hidden;
    max-width: 100%;
}

.footer_block{
    text-align: left;
    float: left;
    padding-bottom: 20px;
    max-height: 250px;
    min-width: 20%;

}

}
/* end 760 */


/* 780 */
@media screen and (min-width: 780px) {

.tmenu li a{
    padding: 10px 12px 10px 10px;
    font-size: 13px;
}

#home_banner #home_banner_long{
    display: block;
}
#home_banner #home_banner_square{
    display: none;
}



#hp_cats{
    text-align: center;
}

#hp_cats li{
    float: left;
    width: 49%;
    margin-right: 2%;

}
#hp_cats li:nth-child(2n+2){ margin-right: 0%; }

#hp_cats li a{ width: auto; }



#f_address{ float: left; padding: 20px 0px; }
#f_bx3{ float: right; padding: 20px 0px; }

}
/* end 780 */


@media screen and (min-width: 850px) {

.tmenu li a{
    padding: 10px 13px 10px 10px;
    font-size: 14px;
}

}/* end 850 */


@media screen and (min-width: 950px) {

.tmenu li a{
    padding: 10px 13px 10px 10px;
    font-size: 16px;
}

.sat_content{
    float: left;
    width: 60%;
}
.sat_form{
    float: right;
    width: 30%;
}

/*
#f_logo{ margin-right: 13%; }
#f_menu_1{ margin-right: 16%; }
#f_menu_2{ margin-right: 8%; }
*/
#f_social{   }


#sub_menu li a{
    display: inline-block;
    padding-right: 10%;
}

#contact_container{ overflow: hidden; }
#contact_left{ float: left; }
#contact_right{ float: right; }

}
/* end 950 */


@media screen and (min-width: 1024px) {

#hp_cats{
    text-align: center;
    margin-right: 0px;
}

#hp_side_content{
    position: absolute;
    top: 0px;
    right: 0px;
    max-width: 220px;
}

}
/* end 1024 */


@media screen and (min-width: 1080px) {


#h_search_2{
    position: absolute;
    top: 50%;
    right: 20px;
    display: block;

    margin-top: -16px;

    cursor: pointer;

}

#h_logo_c{
    text-align: left;
    padding-bottom: 10px;
    margin: 0px;
    max-width: 30%;

}

#header{
    padding-bottom: 5px;
}

#menubar{
    position: absolute;
    top: 30px;
    right: 80px;

    text-align: right;
}
#menubar .tmenu{
    text-align: right;
    margin: 18px 0px 0px 0px
}

}
/* end 1080 */

@media screen and (min-width: 1200px) {
.tmenu li a{
    padding: 0px 15px 10px 15px;
    font-size: 16px;
}

#hp_cats li{
    width: 32%;
    margin-right: 2%;
}

#hp_cats li:nth-child(2n+2){ margin-right: 2%; }

#hp_cats li:nth-child(3n+3){ margin-right: 0%; }

#contact_right{

    padding: 150px 70px 50px 0px;

}
#contact_text{padding-left: 160px;}

.product_images{
    float: left;
    width: 40%;
    max-width: 600px;
    padding-top: 40px;
}

#product_description_c{
    width: auto;
    padding-left: 48%;
    margin: 0px;
    padding-top: 40px;
}

#p_quote_block_c{
    clear: both;
}

.related_products{
    clear: both;
}

#p_locations_block{
    float: left;
    width: 48%;
}

#p_quote_form_block{
    float: right;
    width: 48%;
}

#footer{
    position: relative;
    margin: 0 auto;
    padding: 2% 0px 0px 10%;
    text-align: center;
    font-size: 14px;

    overflow: hidden;
    max-width: 80%;


.footer_block{
    text-align: left;
    float: left;
    padding-bottom: 20px;
    max-height: 250px;
    min-width: 20%;

}

#custom_form .contact_form{ width: 50%; float: right;}

}/* end 1200


/* @media screen and (min-width: 1360px) { */
@media screen and (min-width: 1360px) {

    #content{padding: 20px 0px;}

}
/* end 1200 */

/* Image Hacks for leaving existing convention alone (using max width) */

@media screen and (max-width: 850px) {

#content .r_col img{
    max-width: 100%;
}

}

@media screen and (max-width: 579px) {

#content div[style]{
    float: none !important;
    width: auto !important;
}

#tmenu li ul, #tmenu li{
    display: block !important;
    height: auto !important;
    opacity: 1 !important;
}

}/* end max 579 */