@charset "utf-8";

@media screen and (-webkit-min-device-pixel-ratio:0) {
    select:focus,
    textarea:focus,
    input:focus { font-size: 16px; background: #eee; }
}

@media (min-width:0px) and (max-width:479px) {
    .pager .owl-wrapper-outer { width: 67% !important; }
    body { overflow-x: hidden; }
    .search_holder { width: 320px; }
}

@media (min-width:0px) and (max-width:480px) {der
    .message { width: 100%; }
    .table-style td { clear: both; display: inline-block; padding: 5px !important; width: 100%; border: none !important; border-bottom: 1px #dddddd solid !important; }
    table.show-cat-search tr td { display: inline-block; float: left !important; width: 50% !important; clear: none; }
    .table-style tr:nth-child(even) td:nth-child(odd) { background-color: #f4f4f4 !important; }
    .table-style tr:nth-child(odd) td:nth-child(odd) { background-color: #ffffff !important; }
    .inside_section h3 { font-size: 1.8em !important; }
    .icon_holder { text-align: center; float: none; width: auto }
    .inside_section h3 { font-size: 1.8em !important }
    .certifications .certif li { display: inline-block; width: 45%; text-align: center; margin-bottom: 30px; }
    .tabwhychooseus img { width: 100% !important; }
}

@media (min-width:0px) and (max-width:640px) {
    .product_list tr:nth-child(odd) td:nth-child(odd) { background-color: #f4f4f4 !important; }
    .product_list tr:nth-child(even) td:nth-child(odd) { background-color: #ffffff !important; }
    .product_list th { display: none !important; }
    .product_list th:first-child { display: table-cell !important; padding: 8px !important; width: 50%; }
    .product_list th:last-child { display: table-cell !important; padding: 8px !important; width: 50%; }
        .product_list td:first-child {
            display: block !important;
          
        }
        .product_list td:last-child {
            display: block !important;
            padding: 8px !important;
        }
    .certifications .certif li img { width: 100%; }
}

@media (min-width:480px) and (max-width:500px) {
    .pager .owl-wrapper-outer { width: 80% !important; }
    .certifications .certif li { display: inline-block; width: 32%; text-align: center; margin-bottom: 30px; }
}

@media (min-width:480px) and (max-width:639px) {
    .pager .owl-wrapper-outer { width: 82% !important; }
}

@media (min-width:500px) and (max-width:767px) {
    .certifications .certif li { display: inline-block; width: 24%; text-align: center; margin-bottom: 30px; }
    .certifications .certif li img { width: 100%; }
}

@media (min-width:768px) and (max-width:979px) {
    .pager .owl-wrapper-outer { width: 88% !important; }
    .certifications .certif li { display: inline-block; width: 24%; text-align: center; margin-bottom: 30px; }
}

@media (min-width:980px) and (max-width:1024px) {
    .pager .owl-wrapper-outer { width: 90.4% !important; }
    .search_holder { padding: 23px 15px 7px 15px !important; }
    .certifications .certif li { display: inline-block; width: 24%; text-align: center; margin-bottom: 30px; }
}

@media (min-width:1025px) and (max-width:1280px) {
    .pager .owl-wrapper-outer { width: 90.4% !important; }
    .inside_section h3 { font-size: 1.8em !important }
}

@media (min-width:768px) and (max-width:1024px) {
    .new-arv .floating_text { font-size: 0.5em !important; padding: 10px !important }
    .new-arv .floating_text { width: 100%; height: 100% }
    .new-arv .floating_text .red_btn { font-size: 1.4em !important;; position: absolute; bottom: 0px; margin-left: -10px; }
    .new-arv > div { width: 32.8%; display: inline-block }
}

@media (min-width:1280px) and (max-width:1366px) {
    .container { width: 99%; padding: 0px !important; }
    .icon_holder { text-align: center; float: none; width: auto }
    .inside_section h3 { font-size: 1.8em !important }
}

@media (min-width:1367px) and (max-width:1512px) {
    .container { width: 95%; padding: 0px !important; }
}

@media (min-width:1513px) and (max-width:15360px) {
    .container { width: 1512px; padding: 0px !important; }
    .wel_text { width: 1512px; padding: 0px !important; margin: 0px auto; }
    .categories_home { width: 1512px; padding: 0px !important; margin: 0px auto; }
    .footer_top { width: 1512px; padding: 0px !important; margin: 0px auto; }
}

@media (min-width:0px) and (max-width:979px) {
    .search_holder { text-align: left; padding-bottom: 0px; }
    .search_holder input, .search_holder button { width: 100%; margin-bottom: 15px; }
    .search_holder strong { padding: 0px 0px 10px 0px; }
}

.logo img {
    width: 100%;
    margin-top: 10px;
    height: auto;
}
@media (min-width:0px) and (max-width:1279px) {
    #topcontrol { display: block !important; opacity: 1 !important; }
    .product_list { position: relative; }
    .product_list tr { position: relative }
    .product_list th { position: relative; overflow: hidden; border-left: 1px #f4f4f4 solid !important; }
    .product_list th div { display: block; position: fixed; background-color: #848B93; padding: 8px; color: #ffffff; display: block; width: 100%; margin-left: -9px; border-left: 1px #f4f4f4 solid !important; top: 0px; }
    .product_list th:first-child div { padding-left: 25px !important; margin-left: -25px !important; }
   /* .header { background-color: transparent !important; }*/
    body { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
    .container { padding: 0px; width: auto !important; }
    .top_bar { padding: 0px; height: 4px; width: 0px; }
    .top_bar .col-lg-5 { display: none; }
    .logo img { padding: 1px 0; width: 230px !important;margin-top:0 }
    .search_holder { display: none; width: 100% !important; position: fixed; z-index: 10000; top: 55px; height: 100%; background-color: transparent; border-bottom: 2px #cccccc solid; }
    .slidemenu { text-decoration: none !important; display: block; padding: 10px; position: fixed; z-index: 1000; top: 11px; right: 0px; background-color: #424A54; background-position: left; color: #ffffff !important; font-size: 1.5em; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; border: none !important; outline: none !important; height: 40px; }
   
    .search_menu i { line-height: 20px; width: 20px; height: 20px; overflow: hidden; text-align: center; display: block; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
    .cat_holder ul li { padding: 0px; }
    .cat_holder ul li a { display: inline-flexbox; padding: 10px; border-bottom: 1px #cccccc dashed; text-decoration: none; }
    .cat_holder ul li a:hover { background-color: #ffffff; }
    .upload { margin-top: 0px; }
    .slidemenu i { line-height: 20px; width: 20px; height: 20px; overflow: hidden; text-align: center; display: block; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
    .top_nav { position: fixed; z-index: 100000000; height: 100%; top: 0px; padding-top: 11px; right: 0px; bottom: 0px; margin-right: -260px; width: 260px; background-color: #424A54; background-image: url("/images/bg-nav.png") !important; background-repeat: repeat-y !important; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
    .slideme { margin-right: 0px; }
    .slideme_menu { margin-right: 260px; }
    .slideme_body { margin-left: -260px; }
    .top_nav li { display: block; margin: 0px; padding: 0px; }
    .top_nav li a { padding: 15px 20px; clear: both; display: block; border-bottom: 1px #535c68 solid; text-decoration: none; }
    .top_nav li a:hover { background-color: #848b93; }
 /*   .header { margin-top: 35px; }*/
    .logo_hold { background-color: #ffffff; border-bottom: 1px solid #cccccc; margin: 0 -15px !important; padding: 13px 12px; position: fixed; top: 0; width: 100%; z-index: 100; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
    .header .logo { }
    .cat_head { margin-bottom: 18px !important; }
    .cat_holder { display: none; width: 100% !important; padding: 20px !important; margin-top: 0px; }
    #owl-demo02 .owl-buttons { display: none; }
    #owl-demo02 img { height: 200px; width: 100%; }
    .floating_text02 big { font-size: 1.2em; }
    .new_inside .floating_text strong { font-size: 1.5em !important; }
    .floating_text02 { width: 100%; padding: 10px; text-align: right; top:35%}
    .banner_slider li { background-color: #000000; }
    #owl-demo02 .owl-pagination { left: 10px; bottom: 10px; }
    .banner_main { margin-top: 15px; }
    .new-arv div { padding: 0px; padding-right: 0px; margin-bottom: 20px; font-size: 1em; }
    .new-arv .floating_text { font-size: 0.62em; }
    .content_holder { margin-top: 0px; }
    .listing li { border: none !important; }
    .two_section h2, .two_section h3 { font-size: 2em; }
    .footer div { text-align: center; padding: 10px; }
    .footer_sections > div { overflow: hidden; height: auto; border: none; border-top: 1px solid #5e646b; margin: 0px; padding: 20px 0px; }
    .footer { padding-bottom: 50px; }
    .mobcta { display: block; position: fixed; bottom: 0px; padding: 15px; background-color: #2B3037; color: #ffffff; width: 100%; z-index: 10000; text-align: left; min-width: 270px; }
    .mobcta a { display: inline block !important; padding: 8px 15px; margin-left: 5px; margin-right: 5px; float: none !important; margin-top: 0px; color: #ffffff; font-size: 1em; font-weight: bold; text-decoration: none; background-color: #848b93; }
    .mobcta a:hover { background-color: #f74f5e; }
    .myaccount { margin: 0px; padding: 0px; margin-top: 120px; }
    .fixform { bottom: 9px; right: 60px; padding: 6px 13px; }
    #topcontrol { right: 10px !important; opacity: 1 !important; bottom: 3px !important; }
    .header { border-bottom: none; }
    .rhs h1 { font-size: 1.8em; }
    .rfq_main .input_box, .rfq_main textarea, .rfq_main select { width: 100%; }
}

@media (min-width:1025px) and (max-width:1400px) {
   /* .header .logo img { width: 330px !important; margin-top: 10px; }*/
}

@media (min-width:641px) and (max-width:700px) {
    #owl-demo03 .pager .owl-wrapper-outer { width: 90% !important; }
}

@media (max-width:1024px) {
    .top_EC { display: none; }
}

@media (min-width:1025px) and (max-width:1199px) {
    .header .logo img { width: 255px !important; margin-top: 0px; /*width: 100% !important;*/ }
    #cssmenu > ul > li > a {
        font-size: 10px !important;
    }
    .top_social {
       font-size: 10px !important;
    }
    }

@media (min-width:1025px) and (max-width:8000px) {
    .search_holder { overflow: visible !important; }
}

@media (min-width:980px) and (max-width:1024px) {
    .search_holder { padding: 23px 0px 7px !important; top: 60px; }
    .search_top_box > form.form { margin: 0px auto; width: 100%; }
}

@media (min-width:1025px) and (max-width:1300px) {
    .search_top_box > form.form { width: 75%; }
}

@media (min-width:1301px) and (max-width:8000px) {
    .search_top_box > form.form { width: 70%; margin: 0px auto; }
}

@media (min-width:0px) and (max-width:1024px) {
    .search_holder { padding: 0px !important; }
}

@media (min-width:992px) and (max-width:1300px) {
    .sm-section-2 h4 { letter-spacing: 0px; font-size: 15px; word-wrap: break-word; }
}

@media (min-width:767px) and (max-width:991px) {
    .sm-section-2 h4 { font-size: 16px; }
}

@media (min-width:550px) and (max-width:767px) {
    .sm-section-2 { text-align: center; }
    .sm-section-2 > .col-xs-6 { float: none; display: inline-block; width: 48%; margin: 0px auto; margin-bottom: 20px; border: none; vertical-align: top; }
    .sm-section-2 > .col-xs-6:first-child { border-right: 1px solid #ccc; }
}

@media (max-width:549px) {
    .sm-section-2 > .col-xs-6 { width: 90%; border: none; margin-bottom: 20px; }
}

@media (max-width:767px) {
    .inst_rfq { display: block; }
    .choose_text { display: bloack; }
}

@media (min-width:500px) and (max-width:1199px) {
    .cat_holder ul li { display: inline-block; padding: 0px 25px; }
}

@media (min-width: 0px) and (max-width: 700px) {
    .pagination > li > a, .pagination > li > span { padding: 4px; }
}

.product_list td:first-child a { color: #f05f53 !important; }

@media (min-width: 0px) and (max-width: 700px) {

    h1 { font-size: 1.4em !important; }
    h2 { font-size: 1.2em !important; }
    h3 { font-size: 1em !important; }
}

@media (min-width: 0px) and (max-width: 1000px) {
    .mobfooter { margin-bottom: 50px; }
    .tabwhychooseus { text-align: center; }
    .tabwhychooseus img { width: 50%; }
}

@media (min-width: 1180px) and (max-width: 1440px){
    .logo img {
        width: 358px;
        margin-top: 5px;
    }
}


@media (min-width: 0px) and (max-width: 1024px)
{
     .search_menu { display: block; height: 40px; text-decoration: none !important; padding: 10px; position: fixed; z-index: 1000; top: 11px; right: 45px; background-color: #424A54; background-position: left; color: #ffffff !important; font-size: 1.5em; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; border: none !important; outline: none !important; }
.search_bar {
    display: block;
    color: #ffffff;
    padding: 5px;
    color: #fff !important;
    border: none;
    padding: 10px 15px;
    font-size: 1.4em;
    transition: 0.3s;
    position: absolute;
    right: 55px;
    top: 17px;
    z-index: 10000;
}
 
.search_form {
    background-color: #ffffff;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.49);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.49);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.49);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 15px;
    margin: 0 auto;
    top: -1000px;
    left: 0px;
    right: 0px;
    position: fixed;
    width: 90% !important;
    height: auto !important;
    transition: 0.3s;
    overflow-y: scroll;
    /* height: 190px !important; */
    text-align: center;
}
    .select_holder {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 100%;
    margin-bottom: 10px;
    border-bottom: 1px #cccccc solid;
    padding: 8px !important;
    padding-top: 0px !important;
    padding-left: 5px !important;
    text-align:left;
}
.search_form {
    display: none;
}
    .pop {
    display: block;
    top: 60px;
    transition: 0.3s;
}
    .search_form input {
    width: 100%;
    border-bottom: 1px #cccccc solid;
    margin-bottom: 10px;
    margin-top: 0px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
    .search_form input {
    height: 38px;
}

    .search_form .submit_btn {
    width: auto;
    background-color: #ffa201;
    color: #ffffff !important;
}
    .search_form .submit_btn:after {
    content: ' Search';
}
    .top_social i{
        color:#fff;
    }
    .top_links .cta a span {
    display: none;
}
    span.top_social a {
    display: none;
}


header .cta a i{
    color:#fff !important;
}
    .top_links .cta {
    vertical-align: top;
    position: fixed;
    bottom: 0px;
    display: block;
    left: 0px  !important;
    right: 0px  !important;
    top:auto !important;
    height: 48px;
    padding-top: 6px;
    background-color: #3b2b46 !important;
    text-align: left;
    transition: 0.3s;
    padding-left: 15px;
    border-top: 1px #BFBDBD solid;
    width: 100%;
}
    .top_links .cta a {
    padding: 0px 6px !important;
    color:#fff !important;
    text-align: left !important;
}
    .top_links .cta a {
    margin-right: 0px !important;
}
    .top_links .cta a {
    padding: 0px 6px 6px 0px !important;
    border: none !important;
}
    .more_btn.instant-btn.pulse {

    vertical-align: middle;
    position: fixed;
    bottom: 4px;
    display: none;
    left: 5%;
    background: transparent;
    color: #fff !important;
}
   
}
@media (max-width:1279px){
     .search_form select{
        width:126px;
    }
}
@media (max-width:1199px){
    .left-section{
    margin-top:75px;
}
}

@media (max-width:1024px){
    .header{
        height:60px;
    }
     .left-section{
    margin-top:60px;
}
}