/************************|all 2k 4k 8k Fixed|****************************/
@media(min-width:1440px) and (max-width:2399px) {
    body html { width: 100% !important; margin: 0 auto !important; display: block !important; height: 100% !important; overflow-x: hidden !important; position: relative; }
    .threefloating > div > div { margin-top: -15px !important; }
}

@media(min-width:2400px) and (max-width:80000000px) {
    body, html { position: relative; width: 1920px !important; margin: 0 auto !important; overflow-x: hidden !important; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.24) !important; -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.24) !important; box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.24) !important; }
    header { width: 1920px !important; }
    .header { width: 1920px !important; }
}

.rfq_form input[type="checkbox"], .rfq_form input[type="radio"] { width: auto !important; }


@media(min-width:1900px) and (max-width:8000000px) {
    .container { width: 1621px !important; margin: 0 auto; max-width: inherit !important; }
    .bottom_line_frame { height: 100px !important; }
}

@media(min-width:1280px) and (max-width:1365px) {

    .container { width: 98% !important; max-width: inherit !important; }
    .bottom_line_frame { height: 100px !important; margin-bottom: 0px; }
    .upbtn a { margin-top: 15px !important; }
    .upbtn { font-size: 1em; }
    .searchform input { width: 250px !important; }
    nav .nav li a { padding: 5px 5px; font-size: 14px; text-transform: capitalize; }
    .banner .rfq-mamin { width: 740px; }
    .flotingtext { font-size: 30px; width: 270px; }
}

@media(min-width:1366px) and (max-width:1679px) {
    .container { width: 98% !important; max-width: inherit !important; }
    .bottom_line_frame { height: 100px !important; margin-bottom: 0px; }
    .upbtn a { margin-top: 15px !important; }
    .upbtn { font-size: 1em; }

    .flotingtext { font-size: 30px; width: 270px; }
    .banner .rfq-mamin { width: 740px; }
}

@media(min-width:1680px) and (max-width:1899px) {
    .container { width: 95% !important; max-width: inherit !important; }
}




@media(min-width:1280px) and (max-width:1500px) {
    .download { font-size: 1em; }
    .threefloating { font-size: 0.8em; }
    .threefloating div { padding: 15px 20px; }
    .submitbtn { padding: 8px 18px !important; }
    .rfq_form .submitbtn i { margin: 0px 10px -3px 0px; }
    .bootmsubmit div:nth-of-type(2) { font-size: 0.6em; }
    .contactpage > div:nth-of-type(1) { font-size: 0.9em; }
}

/************************|all moble tab Fixed|****************************/
.searchm, .menum { display: none; }

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

    .cust_pic { width: 100%; display: block; text-align: center; }
    .cust_data p { width: 100%; text-align: center; }

    .header { border-bottom: 1px #ccc solid; }

    .footer { text-align: center !important; }
    .clsTakeSurvey { margin: 0 auto !important; }

    .btt { position: fixed; bottom: 95px; right: 15px; }

    .table_holder-listing table td { font-size: 0.8em !important; }
    .table_holder-listing table td strong { display: inline-block !important; margin-right: 10px; width: 40%; }
    .table_holder-listing table td strong::after { content: ':' }
    .table_holder-listing table tr td strong { display: none !important; }

    .table_holder-listing table tr td { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

    nav.openmenu .nav li:hover .sub { display: none !important; }
    nav.openmenu .nav li .sub { display: none !important; width: 100% !important; -webkit-box-shadow: none !important; box-shadow: none !important; position: relative !important; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }

    nav .sprite-car2 { width: 38px; height: 37px; background-position: -208px -39px !important; cursor: pointer; top: 7px; }

    .sub { background-color: #02b1fd; color: #fff; }
    .sub li:hover { background-color: unset; }
    nav .nav li a:hover, nav .nav li a:focus, .nav li a:active { color: #363859; }
    nav ul li.active a { color: #363859 }
    nav .nav li a { color: #363659; }
    nav.openmenu .nav li .sub.opensub { display: block !important; }

    nav .sprite-car2.flip180 { transform: rotate(180deg); }
    .breadcrumb { margin-top: 60px; }

    .pagingfixed { position: fixed !important; top: 62px !important; z-index: 1001 !important; float: none !important; left: 0px !important; right: 0px !important; background-color: #fff !important; padding: 10px; border-top: 1px #ddd dashed; height: 58px; }

    .pagination { justify-content: center !important; }

    .shadow { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }


    footer { padding-bottom: 100px; }
    .topline { position: fixed; bottom: 0px; text-align: left !important; height: auto !important; z-index: 1000; padding: 10px 10px 10px 10px; width: 100%; background-color: #363839; }
    .topline div:nth-oft-type(1) { font-size: 0.7em; text-align: center; }
    .toplinks { text-align: left; position: relative; width: 100%; position: relative !important; }
    .toplinks li:nth-of-type(1), .toplinks li:nth-of-type(2) { font-size: 0px; }
    .topline span { font-size: 0.8em; text-align: center; }
    .sprite-phone-call { margin: 10px; margin-bottom: -8px !important; }

    /*.topline > div{position: inherit !important;}*/
    .toplinks li:last-child { position: fixed; text-align: center; right: 0; bottom: 8px; left: auto; }
    .qqh { position: relative; }


    .qqh::after, .qqh::before { transform: rotate(-360deg); -moz-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); -o-transform: rotate(-360deg); -ms-transform: rotate(-360deg); }

    .qqh::after, .qqh::before { transform: rotate(-360deg); -moz-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); -o-transform: rotate(-360deg); -ms-transform: rotate(-360deg); }
    .qqh::before { left: -20px !important; bottom: 0px !important; right: auto !important; top: auto !important; }
    .qqh::after { right: -20px !important; bottom: 0px !important; left: auto !important; top: auto !important; }



    .bgban { padding: 30px 5px 30px 5px; }
    .nobg { padding-top: 0px; padding-left: 20px; padding-right: 20px; }

    .header { position: fixed !important; background-color: #fff; top: 0px !important; z-index: 1000; }
    .logo { display: inline-block; padding: 8px 5px; }
    .logo img { width: 200px; }


    .searchm, .menum { content: ''; position: fixed; display: inline-block; top: 15px !important; padding: 20px; width: 40px; height: 40px; background-image: url('../images/spritesheet.png'); background-repeat: no-repeat; transform: scale(0.7); cursor: pointer; z-index: 10001; }


    .menum { right: 24px !important; background-position: -438px -113px; }


    .searchm { right: 70px !important; background-position: -438px -171px; }


    .closemenu { background-position: -438px -228px; }

    .searchmopen { display: block !important; height: auto !important; width: 100% !important; overflow: hidden !important; margin-bottom: 10px !important; margin-top: 10px !important; padding: 0 !important; }


    /********|searchform|********/

    .searchform { display: none; height: auto !important; width: 100% !important; overflow: hidden !important; padding: 10px !important; }

    .searchform input, .searchform select { width: 100% !important; border-bottom: 1px #ccc solid; padding: 10px !important; margin: 0 auto; left: 0px; right: 0px; }
    .relative { width: 100%; }

    .select1 { top: 10px; }
     nav .nav li{width:100%;}
    .searchform .search_btn, .searchform .mic-btn { float: none !important; margin-left: 0px !important; }
    .searchform .search_btn { display: inline-block; width: 110px; padding: 3px 17px; border: 1px #ccc solid; height: 40px !important; margin: 10px; }
    .searchform .search_btn i { float: left; margin-top: 1px; margin-left: -5px; }
    .searchform .search_btn i::after { content: 'Search'; font-size: 0.9em !important; display: inline-block; color: #fff; margin-left: 29px; text-transform: uppercase; font-style: normal !important; }

    .searchform .mic-btn { display: inline-block; width: 110px; padding: 3px 17px; border: 1px #ccc solid; height: 40px !important; margin: 10px; }
    .searchform .mic-btn i { float: left; margin-top: 1px; margin-left: -5px; }
    .searchform .mic-btn i::after { content: 'Voice'; font-size: 0.9em !important; display: inline-block; color: #333; margin-left: 29px; text-transform: uppercase; font-style: normal !important; }

    /********|mobile nav|********/
    nav .nav { margin: 0px !important; overflow-y: scroll; width: 280px; background-color: #fff; top: 0px; right: 0px; bottom: 0px; z-index: 100; top: 60px !important; display: block; position: absolute; }

    nav { position: fixed; width: 280px; background-color: #fff; top: 0px; right: 0px; bottom: 0px; z-index: 1000; -webkit-box-shadow: 0px 0px 0px -13px rgba(0,0,0,0); -moz-box-shadow: 0px 0px 0px -13px rgba(0,0,0,0); box-shadow: 0px 0px 0px -13px rgba(0,0,0,0); transition: 0.3s; margin-right: -300px; }

    .openmenu { position: fixed; width: 280px; background-color: #fff; top: 0px; right: 0px; bottom: 0px; z-index: 1000; -webkit-box-shadow: 0px 0px 165px -13px rgba(0,0,0,1); -moz-box-shadow: 0px 0px 165px -13px rgba(0,0,0,1); box-shadow: 0px 0px 165px -13px rgba(0,0,0,1); transition: 0.3s; margin-right: 0px !important; }

    nav ul li, nav ul li a { display: block; width: 100%; }
    nav ul li { border-bottom: 2px #000 solid; }
    nav ul li a { padding: 10px 20px !important; position: relative; }
    nav ul li { position: relative; }
    nav ul li i { position: absolute; right: 20px; top: 14px; background-position: -215px -49px !important; padding: 13px; z-index: 100; }

    .header { width: 100%; padding: 10px 0px 1px 0px; -webkit-box-shadow: -1px -32px 119px 17px rgba(0,0,0,0.41); -moz-box-shadow: -1px -32px 119px 17px rgba(0,0,0,0.41); box-shadow: -1px -32px 119px 17px rgba(0,0,0,0.41); }

    /**********|.banner|**********/

    .main-content { padding: 0px; }

    .followcons { padding: 5px 0px; }

    .footer { padding: 5px 15px; }

    .footer-end { padding-top: 20px; }

    .download { font-size: 0.9em; }

    .followcons div:nth-of-type(1) i { margin: 0px 0px; }


    .threefloating > div > div { margin: 20px 5px 0px 5px; }
}

@media(min-width: 992px) and (max-width: 1279px) {
    .product_cust_ic table tr td:first-child { width: 100% !important; text-align: center; float: none; }
    .product_cust_ic table tr td:last-child { width: 100% !important; }
    .product_cust_ic table tr td p { text-align: center !important; }
}

@media(min-width: 769px) and (max-width: 1279px) {

    .twotable table tr td:last-child { background-color: unset !important; }
    .twotable table tr:nth-of-type(1), .twotable table tr th { display: block; }
    .twotable table tr td strong { display: block !important; }
    .twotable table tr td { width: 50% !important; }
    .twotable table tr td:first-child { float: left; }
    .twotable table tr td:last-child { float: right; border: 1px solid #ddd !important; }
    .flotingtext { font-size: 25px; width: 230px; top: 130px; }
    .banner .rfq-mamin { width: 796px; }
    .toplinks { position: fixed; bottom: 0px; width: 50%; }

    .bgban .container .col-lg-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 25%; max-width: 25%; }

    .searchform { display: none; height: auto !important; width: 100% !important; overflow: hidden !important; padding-top: 15px; position: fixed; left: 0px; right: 0px; top: 59px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }

    .searchform input, .searchform select { width: 95% !important; }

    .followcons > div { width: 50%; padding: 30px; }

    .footer > div:nth-of-type(1) { width: 48% !important; text-align: center; }
    .footer > div:nth-of-type(2) { width: 48% !important; text-align: center; }

    .footer > div { width: 100% !important; }
    .footer > .col-lg-3 { flex: none !important; float: none !important; }

    .smallfhf { font-size: 0.7em; }

    .footer .iconic { margin: 0px; padding: 0px; width: 270px; margin: 0 auto; position: relative; text-align: left; margin-top: 30px; margin-bottom: 50px; }

    .iconic i { display: inline-block; margin-right: 5px; float: left; position: absolute; left: -47px; margin-top: 4px; }
}

@media(min-width: 0px) and (max-width: 1024px) {
    .sprite-asap-big { margin-bottom: 10px !important; margin-bottom: 10px !important; display: inline-block; clear: both; margin: 0 auto; margin-bottom: 0px; width: 191px; float: none; display: block; }
    .top_manufacturers th, .rfq-mamin h3 { color: #363859 !important; letter-spacing: normal; }
    .top_manufacturers th { color: #ffffff !important; }
    .rfq-mamin h3 { font-size: 20px; }
    .rfq-mamin { left: 0; margin-top: 0; }
    .twosec br { display: none; }
    .container, .rfq-mamin { width: 100% !important; max-width: 100%; }
    .banner .rfq-mamin { position: static; }
    .banner .rfq-mamin h3, .banner .rfq-mamin small { color: #000; }
    .banner .rfq-mamin form input { border: 1px solid #e5e5e5; }
    .banner .rfq-mamin form::after { content: none; }
    .table_holder-listing table { display: inline-block; }
    .table_holder-listing table tr { display: inline-block; width: 100%; padding: 0px; }
    .table_holder-listing table tr:nth-of-type(1) { display: none; }
    .table_holder-listing table tr th { display: none; }
    .table_holder-listing table tr td { display: inline-block; width: 100%; text-align: left; padding: 10px 20px !important; border-bottom: 1px #ddd solid ;text-align:left !important;}
    .table_holder-listing table tr td strong { display: inline-block !important; }
    .table_holder-listing table tr td:last-child { background-color: #f6f7f8; color: #343434;  }
    .rfq-btn { margin-left: -10px; }

    .contactpage img { margin-bottom: 30px !important; }

    .g-recaptcha { transform-origin: top left !important; margin-top: 0px !important; padding-top: 0px !important; }
    .product_cust_ic table tr td:last-child { background-color: unset; width: 70%; float: right; border: unset; }
    .product_cust_ic table tr td:first-child { display: block; width: 30%; float: left; border-bottom: unset; }
    .top_cust_manu table tr td:last-child { border-bottom: 2px solid #ddd !important; background-color: unset; text-align: left !important; }
    .product_cust_ic table tr:nth-child(1) { display: block; }
    .product_cust_ic table tr td { border-bottom: 1px solid #fff; }
    .top_cust_manu table tr:nth-of-type(1), .top_cust_manu table tr th { display: block; }
}
/*****************************|768|************************************/

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

    .twotable table tr td:last-child { background-color: unset; }
    .twotable table tr:nth-of-type(1), .twotable table tr th { display: block; }
    .twotable table tr td strong { display: block !important; }
    .twotable table tr td { width: 50%; }
    .twotable table tr td:first-child { float: left; }
    .twotable table tr td:last-child { float: right; border: 1px solid #ddd !important; }
    .toph2 { text-align: center; }
    .bgban { margin: 0 auto; padding: 0; }
    .search_btn i { display: block; }
    .rfq_form .row > div > div { position: relative; }

    .g-map { margin-top: 0px; }

    .download { text-align: center; }

    .nobg .rfq-mamin button { padding: 6px 26px; }
    .product_qoute .rfq-mamin, .rfq-mamin { margin: 0 auto; }
    .flotingtext { left: 0px; right: 0px; font-size: 1.8em; width: 219px; text-align: center; margin: 0 auto; }

    .owl-carousel .owl-item img { height: 300px !important; }
    /*.product-image img{ width: 100% !important; }*/

    .bgban { background-size: 200%; background-position: left top; }

    .threefloating > div > div { margin: 20px 5px 0px 5px; }

    .footer ul li { position: relative; }
    .iconic { padding-left: 30px !important; padding-top: 15px !important; margin-top: 15px !important; border-top: 1px #000 solid; padding-bottom: 0px !important; margin-bottom: 20px !important; border-bottom: 1px #000 solid; }
    .iconic li { padding-left: 15px !important; }


    .cetrification { padding: 0px; }
    .threefloating { padding-top: 15px !important; }
    .threefloating > div > div { margin: 20px 5px 0px 5px; }

    .followcons div { padding: 15px !important; text-align: center !important; }

    footer .clsTakeSurvey { width: 100% !important; max-width: 100% !important; margin-top: 20px !important; }
    .rfq-mamin { margin-top: 10px; }


    .formheader { text-align: center; }
    .formheader aside { display: block; float: none; }

    .bootmsubmit > div { padding: 15px; text-align: center; padding-top: 0px; }
    .g-recaptcha { position: relative; left: 50%; transform: scale(0.77) translateX(-50%) !important; -webkit-transform-origin: 0 0; transform-origin: 0 0; margin: 0 auto; float: none; position: relative; margin: 15px 0px !important; }
    .g-recaptcha { transform-origin: top left !important; margin-top: 0px !important; padding-top: 0px !important; }
    .submitbtn { margin: 15px 0px !important; }
    .rfq-mamin { left: 0; }
    .banner .rfq-mamin { position: static; }
    .banner .rfq-mamin form { flex-direction: column; }
    .banner .rfq-mamin form input { border: 1px solid #e5e5e5; margin-bottom: 10px; }
    .banner .rfq-mamin h3 { color: #000000; margin: 10px 0; font-size: 23px; }
    .banner .rfq-mamin small { color: #000000; }
    .banner .rfq-mamin button { margin: 0 !important; }
    .main-content h1 { text-align: center; font-size: 19px; }
    .product_cust_ic table tr td:nth-child(2) { width: 100%; }
    .table_holder-listing table tr td:last-child { border: unset; }
    .product_cust_ic table tr td:last-child { background-color: unset; width: 70%; float: right; }
    .product_cust_ic table tr td:first-child { display: block; width: 30%; float: left; border-bottom: unset; }
    .top_cust_manu table tr:nth-of-type(1), .top_cust_manu table tr th { display: block; }
    .top_cust_manu table tr td:last-child { background-color: unset; border-bottom: 2px solid #ddd; text-align: left !important; }
    .city_cust img { width: 100%; display: block; margin: 0 auto; }
}

/*****************************|480|************************************/

@media(min-width: 0px) and (max-width: 480px) {
    .bottom_line_frame { height: 230px; }
    .nobg { padding-left: 10px; padding-right: 10px; }
    .g-recaptcha { position: relative; left: 50%; width: 83%; transform: scale(0.77) translateX(-50%) !important; }
    .form-group .g-recaptcha { position: relative; left: 35%; width: 83%; transform: scale(0.77) translateX(-50%) !important; }

    .logo img { width: 168px !important; }
    .searchm, .menum { top: 11px !important; }
    .flotingtext { width: 260px; transform: unset; }

    .home-selling-blocks { display: block; }
    .home-selling-blocks .home-selling-data:first-child { margin-right: unset; }
    .home-selling-data { margin-top: 15px; }




    .message .rfq_form, .message .rfq_form input { text-align: center !important }
    .message .move_up { margin: -12px 0 auto !important; left: 0px !important; right: 0px !important; }
    .materialinput { margin-top: 0px 0px auto !important; left: 0px !important; right: 0px !important; }

    .rfq_form input { width: 100% !important; }
    .rfq_form form { position: relative; }

    .threefloating table td { display: block; width: 100%; text-align: center; }

    .sprite-asap-big { margin-bottom: 10px !important; }
}


@media(min-width: 0px) and (max-width: 400px) {
    .toplinks li { display: inline-block; padding: 0px 25px 0px 0px; columns: #000; }

    .btt { bottom: 115px; right: 10px; }

    .bottom_line_frame { height: 260px; }
}



@media(min-width: 1025px) and (max-width: 1365px) {
    .container { width: 100% !important; max-width: 100% !important; }
    .smallfhf { font-size: 0.6em !important; }
    .rfq-mamin { left: 0; }
}

@media(min-width: 1366px) and (max-width: 1679px) {
    .rfq-mamin { left: 0; }
    .searchform input { width: 286px !important; }
    nav .nav li a { padding: 5px 5px; font-size: 0.785rem; text-transform: uppercase; }
}