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


}/* end 150 */


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


}/* end 320 */

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

}/* end 400 */

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

    #splash_content h1, #splash_content h2, #splash_content h3 {
        font-size: 40px;
    }

    .h_tool{ margin: 0px 10px; }

    .info_form{
        float: left;
        min-width: 320px;
        width: 100%;
    }

    .info_form input[type=text]{
        width: 95%;
    }

    .p_list li{ float: left; width: 49%; margin-right: 1%; margin-bottom: 0px; }
    .p_list li:nth-child(2n+2){ margin-right: 0%; }
    #p_list_related.p_list li{ float: left; width: 49%; margin-right: 1%; }
    #p_list_related.p_list li:nth-child(2n+2){ margin-right: 0%; }

    #login_left li > div, #login_right li > div{ display: block;  }
    #login_left li > input, #login_right li > input, #login_right li > select{ width: 75%; }

    .p_list_thumb{ min-height: 200px; }

    .product_bot_imgs_r{ text-align: right; }

    .product_tab > a{ font-size: 16px; }

}/* end 450 */

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

    #product_tabs ul li{
        float: left;
        width: 33%;
        margin-right: .1%;
    }
    #package_link{
        float: left;
        width: 29%;
        text-align: left;
        padding-top: 20px;
    }

    h1{ font-size: 32px; }
    h2{ font-size: 30px; }
    h3{ font-size: 28px; }
    .featured_category{ height: 450px; }

}/* end 520 */


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

    .r_col_2 .r_col, .r_col_3 .r_col, .r_col_4 .r_col {
        width: 48%;
        margin-left: 1%;
        margin-right: 1%;
    }
    .r_col_2 .r_col {
        margin-bottom: 0;
    }
    .r_col_2 .r_col:nth-child(2n+2),
    .r_col_3 .r_col:nth-child(2n+2),
    .r_col_4 .r_col:nth-child(2n+2) {
        margin-right: 0%;
    }
    .r_col_2 .r_col:nth-child(2n+1),
    .r_col_3 .r_col:nth-child(2n+1),
    .r_col_4 .r_col:nth-child(2n+1) {
        margin-left: 0%;
    }


    #phone_buttons{ display: none; }

    #footer_bottom_outer{
        padding-bottom: 20px;
    }
    .home_splash #splash_content h1, .home_splash #splash_content h2, .home_splash #splash_content h3 {
        font-size: 45px;
    }
    #splash_content > * {
        line-height: 2.2em;
        text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.41);
    }

}/* end 580 */

@media screen and (min-width: 660px){
    #product_gallery > div{ display: inline-block; width: 30%; margin: 10px; }
    #product_gallery > div:last-child{ margin-bottom: 10px; }
}

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

    .product_tab {
        display: inline-block;
        text-align: left;
    }
    #p_product_images_c {
        display: inline-block;
        padding-right: .5%;
        vertical-align: middle;
        width: 50%;
    }

    #p_product_details_c {
        display: inline-block;
        padding-left: .5%;
        vertical-align: middle;
        width: 50%;
    }

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

    .content td img{
        display: inline;
    }


    .info_form{
        float: left;
        min-width: 320px;
        max-width: 500px;
        width: 45%;
        padding-right: 4%;
    }

    .info_form input[type=text]{
        width: 95%;
    }
    #top_bar_c{
        display: block;
    }
    #splash_content {
        /*width: 650px;*/
    }
    .product_bot_imgs_r{ text-align: left; }
    #product_specs .keep_table_keys.stacktable.small-only tr .st-key {
        padding: 12px;
    }
    #product_specs .keep_table_keys.stacktable.small-only tr .st-val {
        padding: 12px;
    }

    .featured_categories{
        display: flex;
        flex-wrap: wrap;
        /*justify-content: space-around;*/
    }
    .featured_categories.small_list{ justify-content: space-around; }
    .hfc_container{ width: 50%; padding: 20px; }

    #product_tabs_section .p_product_i{ padding: 0px 30px; }
    #product_tabs { text-align: right; font-size: 14px; }
    .product_tab { border-bottom: 2px solid #fff; }
    .product_tab:nth-child(1n+1){ border-right: 0px solid #fff; }
    .product_tab:nth-child(1), .product_tab:nth-child(2){ border-bottom: 2px solid #fff; }
    .product_tab.p_highlight_tab { border-bottom: 2px solid #0d5aa0; }
    .product_tab { width: auto; margin-left: 40px; }
    .product_tab > a {
        padding: 15px 0px;
        font-size: 14px;
    }
}
/* end 720 */


@media screen and (min-width: 850px) {
    #cust_form_c{ padding-top: 40px; }

    .form_container form{ max-width: 800px; }
    .form_item_checkbox {
        text-align: left;
    }
    .form_main_label {
        display: inline-block;
        margin-right: 10%;
        padding-left: 0;
        padding-right: 0;
        text-align: left;
        vertical-align: middle;
        width: 79%;
    }
    .form_item_checkbox > input {
        display: inline-block;
        vertical-align: middle;
    }
    .form_main_label + input[type=text], .form_main_label + select{ float: left; width: 60%; }
    .form_item_textarea .form_main_label{ width: 100%; }
}/* end 850 */

@media screen and (min-width: 860px){
    #top_bar_container{ display: block; }
    .comparison_table ul {
        display:none;
    }
    .comparison_table td, .comparison_table th {
        display:table-cell !important;
    }
    .comparison_table td, .comparison_table th {
        width: 330px;
    }
    .comparison_table td+td, .comparison_table th+th {
        width: auto;
    }
}

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

    .r_col_3 .r_col:nth-child(2n+2),
    .r_col_4 .r_col:nth-child(2n+2) {
        margin-right: 2%;
    }
    .r_col_3 .r_col:nth-child(2n+1),
    .r_col_4 .r_col:nth-child(2n+1) {
        margin-left: 2%;
    }
    .r_col_4 .r_col, .r_col_3 .r_col {
        margin-bottom: 0;
    }
    .r_col_3 .r_col {
        width: 30%;
        margin-left: 2%;
        margin-right: 2%;
    }
    .r_col_3 .r_col:nth-of-type(3n + 3){
        margin-right: 0%;
    }
    .r_col_3 .r_col:nth-of-type(3n + 1) {
        margin-left: 0;
    }

    .r_col_4 .r_col {
        width: 22%;
        margin-left: 2%;
        margin-right: 2%;
    }
    .r_col_4 .r_col:nth-of-type(4n+4) {
        margin-right: 0;
    }
    .r_col_4 .r_col:nth-of-type(4n + 1) {
        margin-left: 0;
    }
    .product_bot_imgs_r{ text-align: right; }

    #hbb_text{ padding-top: 50px; }

}


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

    .head_shrink .logo_link{ height: 60px; }

    #h_menu_button{ display: none; }

    .toob_creat.has_video {
        height: 400px;
    }
    #header_tools{
        right: 10px;
    }

    #h_search{ right: 0px; }
    #header {
        font-size: 0;
        height: 100%;
    }

    #header > *{ font-size: 16px; }

    .pay_here_button { display: none; }

    #menubar {
        position: absolute;
        z-index: 500;
        right: 15px;
        top: 50%;
        width: 85%;
        transform: translateY(-50%);
        background-color: transparent;
        display: inline-block;
        height: auto;
        margin: auto 0;
        overflow: visible;
        padding: 0;
        text-align: right;
        vertical-align: middle;
    }
    #menubar > ul{
        overflow: visible;
    }
    #menubar.mb_active{
        right: auto;
    }

    .tmenu > li{
        position: relative;
        display: inline-block;
        padding: 33px 0px;
    }



    .tmenu > li > a{
        display: inline-block;
        border: 0px;
        margin: 0px 5px;
        padding: 10px 0px;
        font-size: 12px;
        color: #000;
    }
    .tmenu > li > a.ta_drop{ padding-right: 15px; }
    .ta_drop .drop_icon{ width: 15px; }
    .ta_drop .drop_icon::before{ right: 0px; }

    .tmenu li a .material-icons{ display: none; vertical-align: middle; color: #155c9f; margin-right: 10px; }

    .tmenu > li:first-child > a {
        border-top: 0px solid #fff;
    }

    .tmenu > li > a.ta_cur{
        color: #262626;
        text-decoration: none;
    }

    #menubar .tmenu > li > div{
        display: none;
        position: absolute;
        z-index: 2000;

        top: 100%;
        left: 0px;
        background: #fff;
        border: 1px solid #e9e9e9;

        min-width: 260px;

        overflow: hidden;
        white-space: nowrap;
        text-align: left;
    }
    #menubar .tmenu > li:last-child > div{ left: auto; right: -15px; }


    .tmenu li ul{
        background-color: #fff;
        margin: 0px;
        padding: 0px;
    }
    .tmenu li ul li{ margin: 0px; padding: 0px; }

    .tmenu li ul li a{
        display: block;
        text-align: left;
        padding: 10px 15px;
        font-weight: normal;
        border: 0px;
        background-color: #155c9f;
        color: #fff;
    }

    .tmenu li ul li a.ta_cur, .tmenu li ul li a:active, .tmenu li ul li a:hover{ color: #fff; background-color: rgba(21, 92, 159, .8); }

    #cart_left{ float: left; width: 71%; margin-right: 3%; margin-bottom: 0px; }
    #cart_right{ float: left; width: 26%; padding-top: 63px; }

    .about_center p{ width: 80%; }
    .home_splash #splash_content h1, .home_splash #splash_content h2, .home_splash #splash_content h3 {
        font-size: 55px;
        line-height: 1.75em;
    }

    .content{ padding: 25px 30px; }
    .content.custom_script{ padding-top: 0px; }
    .inner_form .content{ padding: 70px 20px; }

    #footer_outer{ padding: 10px 10px 40px; }

    #footer{
        font-size: 0px;
        overflow: hidden;
        margin: 0px auto;
        /*max-width: 750px;*/
    }
    .f_block{
        display: inline-block;
        font-size: 16px;
        width: 100%;
        overflow: hidden;
        vertical-align: top;
    }

    #footer_contact {
        display: block;
        max-width: none;
        padding-bottom: 10px;
    }

    #footer_contact div{
        padding-left: 0px;
    }

    .bottommenu {
        font-size: 0;
        min-width: 280px;
        max-width: none;
        width: 100%;
    }

    .bottommenu > li {
        display: inline-block;
        font-size: 16px;
        margin: 30px 0px 0px;
        vertical-align: top;
        width: 20%;
        padding-right: 20px;
    }

    .bm_a{
        padding: 10px 10px 4px 0px;
        border-bottom: 2px solid #155c9f;
    }

    .bm_a span{ display: none; }

    .bm_a + ul + .bm_a {
        padding-top: 30px;
    }
    .bottommenu li ul{ display: block !important; background: transparent; padding: 0px; margin-top: 5px; }
    .bottommenu li ul li{ padding: 5px 0px; }
    .bottommenu li ul li a{ display: inline; color: #2f3840; padding: 0px; }
    .bottommenu li ul li a:hover{ color: #2f3840; }

    #footer_follow{ margin: 0px 0px 10px; float: none; }


    #social_block{ padding: 40px 0px 50px; }

    #footer_social_icons{ float: none; padding-top: 10px; }

    #social_block{
        display: inline-block;
        text-align: center;
        vertical-align: top;
    }
    #footer_newsletter{ margin-top: 0; padding-top: 30px }

    .feat_content, .app_content, .feat_media, .app_media {
        display: inline-block;
        vertical-align: top;
    }
    .feat_content, .app_content{
        width: 60%;
        padding-right: 80px;
    }
    .no_img {
        width: 100% !important;
    }
    .feat_media, .app_media { width: 40%; }

    #contact_page_container{ font-size: 0; }
    #contact_page_content, #contact_page_form{ display: inline-block; width: 50%; font-size: 16px; vertical-align: top; }
    #contact_page_content{ padding-right: 10%; }

    .home_video #splash_img {
        height: 550px;
    }

    #splash_img > img {
        display: none;
    }
    #splash_img {
        height: 450px;
    }
    #address_select {
        display: none;
    }
    #contact_c {
        height: 700px;
        max-height: 700px;
        max-width: 66%;
        padding-top: 0;
        vertical-align: top;
    }
    #distributor_list {
        max-height: 700px;
        max-width: 33%;
        overflow-x: hidden;
        overflow-y: auto;
        vertical-align: top;
    }
    .distributor_location {
        display: block;
        padding: 15px 15px 15px 50px;
        margin: 20px 0;
        width: 100%;
    }
    .distributor_num {
        left: 10px;
        top: 13px;
    }
    #contact_c > #address_holder {
        width: 25%;
    }
    #contact_c > #address_holder {
        display: none;
    }
    #slct_dstr {
        display: block;
    }
    .large-only {
        display: table;
    }
    .small-only {
        display: none;
    }

    #splash_content_c{ padding: 0px 50px; }

    #product_list{ display: flex; flex-wrap: wrap; }
    #product_list.product_list_small{ justify-content: space-around; }
    .p_list_thumb{ width: 50%; min-width: 320px; justify-content: space-between; padding: 20px; }

}
/* end 950 */


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

    #menubar .tmenu{
        text-align: right;
    }

    #h_login a{ font-size: 14px; }

    #h_menu_cart_arrow{ left: 115px; }

    #category_name{ font-size: 48px; }


    #tb_contact_bar{
        text-align: center;
    }

    .page_section{ padding: 40px; }

    .page_section .content{ padding: 0px; display: flex; align-items: center; }
    .page_section .content > *{
        flex: 1 0 0;
        width: 50%;
    }
    .inner_text.inner_content{ padding: 30px; }

    /*
    #header_container {
        position: fixed;
        width: 100%;
    }
    */

    /*#main {
        margin-top: 100px;
    }*/
    #header_logo {
        transition: width .25s ease;
    }

    .home_about > .content > div {
        display: inline-block;
        width: 49%;
    }
    .home_about_content {
        padding-left: 3%;
    }

    .featured_categories_outer{ margin: 40px 0px 70px; }
}
/* end 1024 */

@media screen and (min-width: 1040px){
    #footer_contact div {
        display: block;
        margin: 0;
    }

    .tmenu li.has_icon{ border-left: 1px solid #d5d5d5; }
    .tmenu li a .material-icons{ display: inline-block; }
}

@media screen and (min-width: 1120px){
    #top_bar{ display: inline-block; }
}

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

    .content_about_container .color {
        padding: 150px 15px;
    }
    .color > span {
        background-color: #eeeeee;
        bottom: 0;
        display: block;
        height: 100%;
        left: 0;
        margin: auto;
        position: absolute;
        right: 0;
        top: 0;
        width: 1px;
    }

    #footer_newsletter {
        margin-left: 5%;
        margin-right: 10%;
    }
    /*#main {
        margin-top: 107px;
    }*/

    #product_content_container{ display: flex; }
    #tab_content_c{ flex: 3 0 0; padding-right: 40px; }
    #product_content_right{ flex: 2 0 0; padding-top: 40px; }
}

@media screen and (min-width: 1220px) {
    .tmenu li a{
        padding: 10px 20px;
        margin: 0px 0px;
    }
    .tmenu > li > a.ta_drop{ padding-right: 24px; }

    .ta_drop .drop_icon{ right: 0px; width: 25px; }

    #product_main_img{
        max-height: 700px;
        text-align: center;
    }

    #product_main_img .cloud-zoom, #product_main_img #wrap{
        max-height: 700px !important;
    }

    #main_product_image{
        max-height: 700px;
    }

}/* end 1220px */


@media screen and (min-width: 1290px) {
    #h_menu{ right: 181px; }
}/* end 1290px */

@media screen and (min-width: 1300px){
    .tmenu > li > a{
        padding: 10px;
        font-size: 14px;
    }
}

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

    .prod_bot.prod_bot_imgs {
        width: 100%;
        padding-right: 30px;
    }

    .content.cust_rev > div > span::after {
        right: -55px;
    }
    .content.cust_rev > div > span::before {
        left: -80px;
    }
    #splash_img {
        /*height: 525px;*/
    }
    .tmenu li a {
        padding: 10px 15px;
    }

    .tmenu > li > a.ta_drop{ padding-right: 28px; }

}

@media screen and (min-width: 1560px){
    .inner_text.inner_content{ padding: 0 130px; }
    .p_list_thumb{ width: 33%; }
    .hfc_container{ width: 33.3%; }
    #tab_content_c{ flex: 5 0 0; }
}

@media screen and (min-width: 1620px){
    .tmenu li a{ font-size: 16px; }
}


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

    .h_tool{ margin: 0px 0px 0px 40px; }


    #content_bottom_i{ max-width: 1920px; margin: 0px auto; padding: 0px; }

    .about_center > img:first-child {
        float: left;
        margin: 0 1% 0 0;
        max-width: 49%;
    }
    .about_center > img:last-child {
        float: right;
        margin: 0 0 0 1%;
        max-width: 49%;
    }
    .content{
        padding: 40px 30px;
    }
    .content.custom_script{ padding-top: 0px; }

    .inner_form .content{ padding: 70px 20px; }

    .toob_creat.has_video {
    }

    .home_video #splash_img {
        height: 650px;
    }

}
/* end 1920 */

@media screen and (min-width: 1980px) {
    .p_product_i{ padding-left: 0px; padding-right: 0px; }
}
/* end 1980 */
/*Max Width Styles*/


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

    .content .r_col img{
        float: none !important
        max-width: 100%;
    }

}
/* end max 850 */

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

    .mobile_img #splash_img {
        background-image: none !important;
    }
    #splash_img > video {
        display: none;
    }

}
/* end max 951 */

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

    .main_content_container 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 */
