@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: 0 0 15px 0 rgba(0,0,0,.24) !important;
        -moz-box-shadow: 0 0 15px 0 rgba(0,0,0,.24) !important;
        box-shadow: 0 0 15px 0 rgba(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:1440px) and (max-width:1600px) {
    .rfq-mamin {
        top: 12px !important
    }

    .flotingtext {
        width: 42% !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: 0
    }

    .upbtn a {
        margin-top: 15px !important
    }

    .upbtn {
        font-size: 1em
    }

    .searchform input {
        width: 250px !important
    }

    .rfq-mamin {
        max-width: 375px !important;
        margin: 0 auto !important;
        left: unset !important;
        top: 10px
    }

    .flotingtext {
        width: 45% !important;
        left: 20px
    }

    .outer_brand ul li {
        list-style-type: none;
        padding: 0 9px;
        width: 200px;
        display: inline-block;
        text-align: center
    }

    .outer_brand ul {
        display: inline-block;
        align-items: center;
        padding: 0;
        margin: 0
    }

    nav .nav li a {
        padding: 0 11px;
        font-size: 14px;
        text-transform: capitalize
    }
}

@media(min-width:1366px) and (max-width:1679px) {
    .container {
        width: 98% !important;
        max-width: inherit !important
    }

    .bottom_line_frame {
        height: 100px !important;
        margin-bottom: 0
    }

    .upbtn a {
        margin-top: 15px !important
    }

    .upbtn {
        font-size: 1em
    }

    .outer_brand ul li {
        list-style-type: none;
        padding: 0 9px;
        width: 200px;
        display: inline-block;
        text-align: center
    }

    .outer_brand ul {
        display: inline-block;
        align-items: center;
        padding: 0;
        margin: 0
    }
}

@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: .8em
    }

        .threefloating div {
            padding: 15px 20px
        }

    .submitbtn {
        padding: 8px 18px !important
    }

    .rfq_form .submitbtn i {
        margin: 0 10px -3px 0
    }

    .bootmsubmit div:nth-of-type(2) {
        font-size: .6em
    }

    .contactpage > div:nth-of-type(1) {
        font-size: .9em
    }
}

.searchm, .menum {
    display: none
}

@media(min-width:0) 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: .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: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }

    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: #fff
    }

    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: 0 !important;
        right: 0 !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: 0;
        text-align: left !important;
        height: auto !important;
        z-index: 1000;
        padding: 6px 10px;
        width: 100%
    }

        .topline div:nth-oft-type(1) {
            font-size: .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: 0
        }

    .topline span {
        font-size: .8em;
        text-align: center
    }

    .sprite-phone-call {
        margin: 10px;
        margin-bottom: -8px !important
    }

    .toplinks li:last-child {
        position: fixed;
        width: 50%;
        text-align: center;
        right: 0;
        bottom: 0;
        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: 0 !important;
            right: auto !important;
            top: auto !important
        }

        .qqh::after {
            right: -20px !important;
            bottom: 0 !important;
            left: auto !important;
            top: auto !important
        }

    .bgban {
        padding: 30px 5px 30px 5px
    }

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

    .header {
        position: fixed !important;
        background-color: #fff;
        top: 0 !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(.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 {
        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: 0;
            right: 0
        }

        .searchform .search_btn, .searchform .mic-btn {
            float: none !important;
            margin-left: 0 !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: .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: .9em !important;
                    display: inline-block;
                    color: #333;
                    margin-left: 29px;
                    text-transform: uppercase;
                    font-style: normal !important
                }

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

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

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

    nav ul li, nav ul li a {
        display: block;
        width: 100%
    }

    nav ul li {
        border-bottom: 1px #e6665f 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 0 1px 0;
        -webkit-box-shadow: -1px -32px 119px 17px rgba(0,0,0,.41);
        -moz-box-shadow: -1px -32px 119px 17px rgba(0,0,0,.41);
        box-shadow: -1px -32px 119px 17px rgba(0,0,0,.41)
    }

    .main-content {
        padding: 0
    }

    .followcons {
        padding: 5px 0
    }

    .footer {
        padding: 5px 15px
    }

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

    .download {
        font-size: .9em
    }

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

    .threefloating > div > div {
        margin: 20px 5px 0 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 {
        left: 0;
        right: 0;
        font-size: 1.8em;
        width: 50%;
        text-align: center;
        margin: 0 auto;
        top: 100px
    }

    .banner {
        margin-top: 65px
    }

    .outer_brand ul {
        display: block
    }

        .outer_brand ul li {
            display: inline-block;
            width: 32%;
            text-align: center
        }

    .rfq-mamin {
        position: unset
    }

    .toplinks {
        position: fixed;
        bottom: 0
    }

    .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: 0;
        right: 0;
        top: 59px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }

        .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: .7em
    }

    .footer .iconic {
        margin: 0;
        padding: 0;
        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:1366px) and (max-width:1679px) {
    .rfq-mamin {
        top: 35px
    }

    .flotingtext {
        width: 35%
    }

    .bgban {
        padding: 0
    }

    .searchform input {
        width: 286px !important
    }

    nav .nav li a {
        padding: 0 11px;
        font-size: 15px;
        text-transform: capitalize
    }
}

@media(min-width:1200px) and (max-width:1365px) {
    .rfq-mamin {
        max-width: 700px;
        margin: 15px auto
    }

    .flotingtext {
        width: 30%
    }
}

@media(min-width:0) 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: 0;
        width: 191px;
        float: none;
        display: block
    }

    .title_track {
        flex-direction: column
    }

    .rfq-mamin {
        left: 0;
        margin-top: 0
    }

    .twosec br {
        display: none
    }

    .container, .rfq-mamin {
        width: 100% !important;
        max-width: 100%
    }

    .table_holder-listing table {
        display: inline-block
    }

        .table_holder-listing table tr {
            display: inline-block;
            width: 100%;
            padding: 0
        }

            .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
            }

                .table_holder-listing table tr td:last-child {
                    background-color: #6194ac;
                    color: #343434;
                    text-align: center !important
                }

    .rfq-btn {
        margin-left: -10px
    }

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

    .g-recaptcha {
        transform-origin: top left !important;
        margin-top: 0 !important;
        padding-top: 0 !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
    }
}

@media(min-width:0) 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
        }

    .rfq_form .row > div > div {
        position: relative
    }

    .g-map {
        margin-top: 0
    }

    .download {
        text-align: center
    }

    .nobg .rfq-mamin button {
        padding: 6px 26px
    }

    .product_qoute .rfq-mamin, .rfq-mamin {
        margin: 0 auto
    }

    .flotingtext {
        left: 0;
        right: 0;
        font-size: 1.8em;
        width: 50%;
        text-align: center;
        margin: 0 auto;
        top: 190px
    }

    .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 0 5px
    }

    .footer ul li {
        position: relative
    }

    .iconic {
        padding-left: 30px !important;
        padding-top: 15px !important;
        margin-top: 15px !important;
        border-top: 1px #811c30 solid;
        padding-bottom: 0 !important;
        margin-bottom: 20px !important;
        border-bottom: 1px #811c30 solid
    }

        .iconic li {
            padding-left: 15px !important
        }

    .cetrification {
        padding: 0
    }

    .threefloating {
        padding-top: 15px !important
    }

        .threefloating > div > div {
            margin: 20px 5px 0 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: 0
    }

    .g-recaptcha {
        position: relative;
        left: 50%;
        transform: scale(.77) translateX(-50%) !important;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        margin: 0 auto;
        float: none;
        position: relative;
        margin: 15px 0 !important
    }

    .g-recaptcha {
        transform-origin: top left !important;
        margin-top: 0 !important;
        padding-top: 0 !important
    }

    .submitbtn {
        margin: 15px 0 !important
    }

    .rfq-mamin {
        left: 0;
        position: unset;
        margin-top: unset
    }

    .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
    }

    .outer_brand ul {
        flex-direction: column
    }

    .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
    }
}

@media(min-width:0) 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(.77) translateX(-50%) !important
    }

    ul.pagination_sub_links li a {
        padding: 4px;
        font-size: 15px
    }

    .pagination > li > a, .pagination > li > span {
        padding: 4px 4px;
        font-size: 15px
    }

    .logo img {
        width: 168px !important
    }

    .searchm, .menum {
        top: 11px !important
    }

    .flotingtext {
        width: 300px
    }

    .message .rfq_form, .message .rfq_form input {
        text-align: center !important
    }

    .message .move_up {
        margin: -12px 0 auto !important;
        left: 0 !important;
        right: 0 !important
    }

    .materialinput {
        margin-top: 0 0 auto !important;
        left: 0 !important;
        right: 0 !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:0) and (max-width:400px) {
    .toplinks li {
        display: inline-block;
        padding: 0 25px 0 0;
        columns: #000
    }

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

    .bottom_line_frame {
        height: 260px
    }
}

@media(min-width:320px) and (max-width:414px) {
    .qqh {
        padding: 7px;
        font-size: 13px
    }
}

@media(min-width:1025px) and (max-width:1365px) {
    .container {
        width: 100% !important;
        max-width: 100% !important
    }

    .smallfhf {
        font-size: .6em !important
    }

    .rfq-mamin {
        left: 0
    }
}
.footer_line {
    line-height: 1.5;
    text-align: center !important;
    color: #A7A2A2;
    padding: 0px 30px 0px 30px;
    font-size: 1.1em;
}
.col-lg-12.container-fluid.footer_line p {
    text-align: center;
    color: #ddd;
}