@charset "utf-8";

@media(max-width:3840px) and (min-width:2160px) {
    .flotingtextx {
        top: 213px !important;
    }

    .formbg {
        top: 389px !important;
    }
}

@media(min-width:1280px) and (max-width:1690px) {
    .boxlistx > div > div div strong {
        font-size: 0.8em;
    }

    .boxlistx {
        margin-top: -40px !important;
    }

    .main_nav > li > a {
        font-size: 14px;
        letter-spacing: 1px;
    }

    .lhs .table_form td,
    .lhs .table_form th,
    .rhs .mobiledetail .table_form td,
    .rhs .mobiledetail .table_form th {
        padding: 8px;
        font-size: 0.8em !important;
    }

    .certifix div {
        display: inline-block;
        padding: 0px;
        margin: 0px -12px;
        transform: scale(0.7);
    }


    .bgcons div:nth-of-type(1) > div > i {
        margin-top: -22px !important;
    }

    .certifix {
        margin-left: -107px;
        margin-right: -107px;
    }

    .bg-footertopx .owl-carousel04x div a strong,
    .owl-carousel04x > .owl-stage-outer > div > div strong {
        width: 100% !important;
        font-size: 14px;
    }
}

/***************************************|desktop master mq|*********************************************************/

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

    .banner .container {
        top: 22% !important;
    }

    .map_over .container .row div:nth-of-type(1) {
        text-align: left;
        padding: 0 34px !important;
    }

    .map_over .container .row div:nth-of-type(2) {
        text-align: right;
        padding: 0 34px !important;
    }

    .owl-carousel04x .owl-item:hover strong {
        color: #fff !important;
    }

    .owl-carousel04x .owl-item:hover .disc_pic img {
        filter: none;
        -webkit-filter: grayscale(0%);
    }

    .disc_pic strong {
        width: 100%;
        color: #383838;
        display: block;
        text-align: center;
        padding: 10px 15px;
        font-size: 15px;
        text-transform: uppercase;
    }

    .disc_pic {
        position: relative;
    }

    /*.owl-carousel04x .owl-item:hover .disc_pic::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0,32,129,0.4);
	visibility: visible;
	z-index: 9;
	display: block;
	width: 100%;
	height: 92% !important;
}
.disc_pic img{
	width: 100% !important;
	-webkit-filter: grayscale(100%);
  	filter: grayscale(100%);
}*/

}

@media(min-width:1280px) and (max-width:1690px) {
    .bgcons div:nth-of-type(1) > div > i {
        margin-top: -22px !important;
    }

    .certifix {
        margin-left: -107px;
        margin-right: -107px;
    }

    /*.bg-blue > div:nth-of-type(1) > div {
		width: 47%;
		float: left;
		height: 475px !important; 
	}*/
    .twosec2 {
        margin: 30px auto;
    }

    .img_data_disc {
        padding: 0 10px;
        width: 100%;
        text-align: justify;
        overflow: auto;
        height: auto;
    }

    .search_form.openform {
        border-radius: 30px;
        background-color: #fff;
    }

    .head_label span {
        padding-left: 8px;
    }
}

@media(min-width:1300px) and (max-width:1365px) {
    .banner .container {
        top: 20% !important;
    }
}

@media(min-width:1300px) and (max-width:1680px) {
    .banner .container {
        top: 20% !important;
    }
}

@media(min-width:1681px) and (max-width:1900px) {
    .banner .container {
        top: 40% !important;
    }
}

@media(min-width:1901px) and (max-width:1950px) {
    .banner .container {
        top: 40% !important;
    }
}


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

    .listed h3 {
        margin-top: 10px !important;
    }

    .flotingheading {
        color: #1965b3;
        font-weight: bold;
        font-size: 1.8em !important;
    }

    /*.boxlistx > div > div{margin-top: -130px !important;}*/
    .line {
        color: #fff;
    }

    .roundboxes {
        margin-right: -10px;
    }

    .rfqhome {
        width: 100% !important;
        height: 65px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }

    .search_long {
        margin-bottom: 20px;
    }

    .rfqhome input {
        display: inline-block;
        width: 190px;
        border: 0;
        padding: 0 15px;
        font-family: roboto;
    }

    .rhs .col-lg-7.fixedc {
        margin-bottom: 15px;
    }


    .content_section > p.red_text,
    p.redtex {
        text-align: right;
    }

    .search_long {
    }

    .table_form {
        width: 99.99% !important;
    }

    .banner .container {
        position: absolute !important;
        z-index: 1000;
        top: 0 !important;
        left: 0;
        right: 0px;
        margin: 0 auto !important;
        padding: 0px;
        width: 1648px !important;
        height: 100%;
    }

    .map_over .container {
        width: 100%;
    }

    .map_over > div > div.col-lg-12 div:last-child {
        /*width: 18%;*/
    }

    /*	.bg-footertopx .owl-stage-outer .owl-stage .owl-item:nth-of-type(even){margin-top: 40px;}*/


    .rfqhome h3 {
        margin-top: 0px !important;
        margin-bottom: 12px !important;
    }

    .white_content > .container-fluid > .container > .slidehead2 {
        line-height: inherit;
        margin-bottom: 8px;
    }

    .certifix div img {
        text-align: center;
        width: 100%;
        height: auto !important;
    }

    .main_paging .pager .owl-wrapper-outer,
    .pagination_top.main_paging {
        position: relative;
    }

    .bgcons i {
        margin-top: -13px !important;
        margin-bottom: 13px !important;
    }

    .breadcrumb {
        /* margin-top: 7px; */
    }

    .flotingtext {
        top: 9%;
    }

    .bigcall {
        font-size: 1.7em !important;
        color: #fff;
    }

    .content_section2 .slidehead2 {
        margin-top: 0px !important
    }

    .rhs .dataview form .slidehead2 {
        margin-top: 0px !important
    }

    .main_paging .pager .owl-wrapper-outer,
    .pagination_top.main_paging,
    .pagination_top {
        text-align: right !important;
        padding-right: 0px
    }

    .pager li > a,
    .pager li > span {
        padding: 8px 5px !important
    }

    .default strong {
        padding-top: 8px;
        padding-left: 15px;
        display: block;
        text-align: left !important;
    }


    .pagination_top .view_all {
        display: inline-block;
        padding: 8px 12px;
        margin-left: 4px;
        text-transform: uppercase !important;
        margin-bottom: 15px;
    }

    .default strong {
        padding-top: 8px;
        display: block;
        text-align: left !important
    }

    .container.fullcut {
        width: 90% !important
    }

    .lhs .bgcons i {
        float: left;
        margin-left: -15px !important;
        margin-right: 15px !important;
        margin-bottom: 0px !important
    }

    .search_form {
        width: 43px;
        position: relative;
        transition: 0.5s;
        text-align: left !important;
        padding: 0px !important
    }

        .search_form:hover {
            width: 510px;
            position: relative;
            transition: 0.5s
        }

        .search_form:after {
            z-index: 10000;
            content: "";
            transition: 0.9s;
            background-color: #fff;
            padding: 30px;
            position: absolute;
            right: 0px;
            top: 0px;
            background-image: url("../images/serach-icon.png");
            background-position: 27px 7px;
            background-repeat: no-repeat
        }

        .search_form:hover:after {
            opacity: 0;
            width: 0px;
            transition: 0.5s;
            padding: 30px 0px;
            position: absolute;
            right: 0px;
            top: 0px;
            background-image: url("../images/serach-icon.png");
            background-position: 27px 7px;
            background-repeat: no-repeat
        }

    .openform {
        width: 510px;
        position: relative;
        transition: 0.5s
    }

        .openform:hover {
            width: 510px;
            position: relative;
            transition: 0.5s
        }

            .openform:hover:after {
                opacity: 0;
                padding: 0px 0px !important;
            }

        .openform:hover {
            width: 510px;
            position: relative;
            transition: 0.5s
        }

        .openform:after {
            z-index: 10000;
            content: "";
            transition: 0.9s;
            background-color: #3e509a;
            padding: 0px;
            position: absolute;
            right: 0px;
            top: 0px;
            background-image: url("../images/serach-icon.png");
            background-position: 27px 7px;
            background-repeat: no-repeat
        }

        .openform:hover:after {
            opacity: 0;
            width: 0px;
            transition: 0.5s;
            padding: 30px 0px;
            position: absolute;
            right: 0px;
            top: 0px;
            background-image: url("../images/serach-icon.png");
            background-position: 27px 7px;
            background-repeat: no-repeat
        }



    /*	.search_form:focus { width: 510px; position: relative; transition: 0.5s }
	.search_form:after { content: ""; transition: 0.9s; background-color: #3e509a; padding: 30px; position: absolute; right: 0px; top: 0px; background-image: url("../images/serach-icon.png"); background-position: 27px 7px; background-repeat: no-repeat }
	.search_form:focus:after { opacity: 0; width: 0px; transition: 0.5s; padding: 30px 0px; position: absolute; right: 0px; top: 0px; background-image: url("../images/serach-icon.png"); background-position: 27px 7px; background-repeat: no-repeat  }
*/
    .cta {
        font-size: 1em;
        margin-top: 12px;
        margin-right: 0px !important
    }

    .cta {
        padding: 3px 5px !important;
        margin-top: 0px !important;
    }

    .upload_file img {
        width: 100%
    }

    .container {
        width: 100%;
    }

    .map_over > div > div div {
        padding: 20px 10px 0px 10px !important;
        font-family: roboto;
    }

    .lhs .bgcons > div > div {
        height: auto !important
    }

    .pagination_top .owl-wrapper-outer {
        width: 83% !important
    }

    .red_text {
        margin-top: 0px !important;
        color: #ffffff !important
    }

    .breadcrumb .more_btn {
        display: none
    }

    .brush_bg img {
        width: 100%
    }

    .search_form {
        margin-top: 0px
    }

    .cta {
        padding: 2px 20px;
        margin-top: 5px !important;
    }

    .inrfq {
        margin-top: 0px !important
    }
}

@media(min-width:480px) and (max-width:8000px) {
    .lhs .bgcons > div > div {
        padding-left: 80px !important
    }

    .lhs .bgcons img {
        position: absolute;
        left: 0px !important
    }
}

@media(min-width:1900px) and (max-width:8000px) {
    .container {
        width: 1648px;
        margin: 0 auto
    }
}

@media(min-width:1280px) and (max-width:1365px) {
    .table_view ul li {
        font-size: 0.9em;
    }

    .rfqhome h3 {
        font-size: 1.8em !important;
        margin: 10px !important;
    }

        .rfqhome h3 br {
            display: none;
        }

    .search_form.openform,
    .fixf,
    .search_form.openform:hover {
        width: 322px !important;
    }

    .search_form input {
        width: 120px !important;
    }

    .rfqhome button {
        position: relative !important;
    }

    .rfqhome {
        height: auto !important;
    }

    .boxlistx > div > div div strong {
        width: 94%;
    }

    /******************|1280 fix|*******/
    .rfq_holdx {
        top: 22% !important;
    }

    .metro-tile h1 {
        font-size: 2em;
    }

    .twosec2x {
        margin-top: -75px;
    }

    .bgconsh {
        padding: 0px 0px !important;
        margin-top: 15px !important;
    }

    .boxtile div {
        margin: 10px 0px 0px 0px;
    }

        .boxtile div span,
        .boxtileopen span {
            font-size: 1em;
            width: 85%;
        }

    .metro-tile .boxtileopen {
        padding-right: 8px !important;
    }

    .boxtile div {
        padding-right: 8px !important;
        padding-left: 8px !important;
    }

    .title_style {
        font-size: 2em;
    }

        .title_style br {
            display: none;
        }

    .metro-tile {
        padding-right: 0px;
    }

    .side-text p {
        font-size: 0.92em;
    }

    .bg-long {
        padding: 40px 74px;
    }

    .bg-long {
        background-size: auto 100%;
    }

    .boxholdx a {
        font-size: 1em;
    }

    .nchanddown .nochina {
        overflow: visible;
    }

    .map_over > div > div div {
        padding: 20px 0px 0px 0px !important;
    }

        .map_over > div > div div:nth-of-type(1) {
            /*width: 3% !important; */
        }

    .bigcall {
        font-size: 1.2em !important;
    }

    .download-exe {
        font-size: 1.1em !important;
    }

    footer {
        font-size: 0.95em;
    }

        footer .container .col-lg-2 {
            width: 19% !important;
        }

    .listingsec {
        padding: 0px !important;
    }

        .listingsec div {
            padding: 0px;
            padding-right: 10px;
        }

    .boxholdx div {
        padding: 0px 8px;
    }

    .listingsec div div ul {
        font-size: 1em;
        margin: 10px 0px;
    }

    .twosec2 h3 {
        font-size: 1.2em !important;
    }

    .breadcrumb {
        margin-top: 0px;
    }

    .listbg img {
        width: 107% !important;
    }

    .insider .bgcons {
        padding-top: 20px;
    }

    .detailstag {
        margin-top: 2px;
    }

    /******************|1280 fix close|*******/









    .bigtext {
        width: 50%
    }

    .main_contentx {
        padding: 30px 30px !important
    }

        .main_contentx h2 .bg_title {
            font-size: 1.8em
        }

    .owl-carousel02 .owl_text {
        font-size: 1em
    }

    .slide03 .owl-carousel03 .owl_text strong {
        margin-top: 10px !important
    }

    .slide03 .owl-carousel03 .owl_text ul li {
        padding: 0px 0px
    }

    .nchanddown .nochina img {
        margin-top: 17px
    }

    .arrowup {
        padding: 20px 0px
    }

    .slide03 {
        padding: 30px 30px 0px 30px !important
    }

    footer {
        background-size: auto 100%;
        background-position: center center
    }

    .container {
        width: 100%
    }

        .container .container {
            width: 100%
        }

    .product_slider {
        margin: 0px auto;
        left: 0px;
        right: 0px
    }

    .brush_bg {
        margin-top: -430px
    }

    .bgcons span {
        font-size: 0.9em;
        display: block;
        line-height: 1.3em
    }

    .product_slider {
        width: 100%
    }

    .bgcons span {
        font-size: 0.9em
    }

    .container {
        width: 100%;
    }

    .bg-footertopx .container {
        width: 100% !important;
    }

    .bg-footertopx {
        margin-top: 50px;
    }

    .logo {
        padding: 25px 0px
    }

        .logo img {
            width: 224px;
            margin-left: -10px
        }

    .search_form input {
        width: 200px
    }

    .search_form a {
        margin: 0px 5px 5px
    }

    .select_holder {
        padding: 8px 5px 8px 8px
    }

    .header .col-lg-10 {
        margin-left: 0px;
        margin-right: -30px
    }

    .cta {
        font-size: 1em;
        margin-top: 12px;
        margin-right: 10px
    }

        .cta a {
            padding: 5px
        }

    .main_nav {
        font-size: 1em;
        margin-top: 0px
    }

    header {
        height: 100px
    }
}

@media(min-width:1280px) and (max-width:8000px) {
    .bg-blue div div strong {
        font-size: 1.3em !important;
    }
}

@media(min-width:1366px) and (max-width:8000px) {
    .lhs .owl-carousel02 .owl-controls {
        display: block
    }

    .lhs .owl-carousel03 .owl-controls {
        display: block
    }

    .rhs .owl-carousel02 .owl-controls {
        display: block
    }

    .rhs .owl-carousel03 .owl-controls {
        display: block
    }

    .map_over .container .row div:nth-of-type(1) {
        text-align: left;
        padding: 0 89px !important;
    }

    .map_over .container .row div:nth-of-type(2) {
        text-align: right;
        padding: 0 89px !important;
    }

    .fixf {
        background-color: #344fa3;
    }
}

@media(min-width:1366px) and (max-width:1440px) {
    .aboutsec p {
        font-size: 1em;
    }

    owl-carousel02 .owl_text a {
        font-size: 0.7em !important
    }

    .header {
        padding-bottom: 0px
    }

    .logo {
        padding: 5px 0px !important
    }

    .owl-carousel04x .owl-item:hover .disc_pic::before {
        height: 93% !important;
    }
}

@media(min-width:1280px) and (max-width:1365px) {
    .main_nav > li > a {
        padding: 10px 5px !important;
    }

    .aboutsec p {
        font-size: 1em;
    }

    .header {
        padding-bottom: 0px !important;
    }

    .logo {
        padding: 10px 0px !important
    }

    .flotingtextx {
        font-size: 36px;
        position: absolute;
        width: 320px;
        margin: 0 auto;
        text-align: right;
        left: auto;
        right: 30%;
    }

    /*.banner img {
	margin-top: 104px;
}*/

}

@media(min-width:1366px) and (max-width:1679px) {
    .bg-blue > div:nth-of-type(1) > div {
        width: 48%;
        margin-right: 12px;
    }

    .bg-blue > div {
        padding: 0 !important;
    }

    .banner .container {
        width: 100% !important;
    }

    .disc_pic strong {
        font-size: 15px;
    }

    .bg-footertopx {
        margin-top: unset;
    }

        .bg-footertopx .container {
            width: 100% !important;
        }

    .iconbox {
        height: auto;
    }


    .main_nav > li > a {
        padding: 10px 12px !important;
    }

    .banner img {
        height: 100%;
    }

    .line {
        font-size: 0.9em;
    }

    .flotingtextx {
        font-size: 36px;
        position: absolute;
        width: 360px;
        margin: 0 auto;
        text-align: left;
    }

    /*.formbg {margin-top: 30px !important;}*/
    .nchanddown .nochina img {
        margin-top: 14px
    }

    .slide03 {
        padding: 30px 30px 30px 30px !important
    }

    footer {
        background-size: auto 100%;
        background-position: center center
    }

    .container {
        width: 100%
    }

        .container .container {
            width: 100%
        }

    .product_slider {
        margin: 0px auto;
        left: 0px;
        right: 0px
    }

    .brush_bg {
        margin-top: -430px
    }

    .bgcons span {
        font-size: 0.9em;
        display: block;
        line-height: 1em
    }

    .product_slider {
        width: 100%
    }

    .logo {
        padding: 10px 0px
    }

        .logo img {
            width: 240px;
            margin-left: 0px
        }

    .search_form input {
        width: 200px
    }

    .search_form a {
        margin: 0px 5px 5px
    }

    .select_holder {
        padding: 8px 5px 8px 8px
    }

    .header .col-lg-10 {
        margin-left: 0px;
        margin-right: -25px
    }

    .cta {
        font-size: 1em;
        margin-top: 12px
    }

    .main_nav {
        font-size: 1em;
        font-family: 'Roboto', sans-serif;
        margin-top: 0px
    }

        .main_nav > li > a {
            padding: 10px 10px
        }

    header {
        height: 100px
    }



    .rfqhome h3 {
        font-size: 1.8em !important;
        margin: 10px !important;
    }

        .rfqhome h3 br {
            display: none;
        }

    .search_form.openform,
    .fixf,
    .search_form.openform:hover {
        width: 320px !important;
    }

    .search_form input {
        width: 120px !important;
    }

    .rfqhome button {
        position: relative !important;
    }

    .rfqhome {
        height: auto !important;
    }

    .boxlistx > div > div div strong {
        width: 94%;
    }

    .head_label span {
        padding-left: 23px;
    }

    .search_form.openform {
        border-radius: 30px;
        background-color: #fff;
    }

    .inrfq {
        line-height: 17px;
    }

    .graybox {
        width: 100%;
    }

    .nchanddown > div > div {
        height: 200px !important;
    }

    /******************|1366 fix|*******/

    .rfq_holdx {
        top: 28% !important;
    }

    .metro-tile h1 {
        font-size: 2em;
    }

    .twosec2x {
        margin-top: -75px;
    }

    .bgconsh {
        padding: 0px 0px !important;
        margin-top: 15px !important;
    }

    .boxtile div {
        margin: 10px 0px 0px 0px;
    }

        .boxtile div span,
        .boxtileopen span {
            font-size: 1em;
            width: 85%;
        }

    .metro-tile .boxtileopen {
        padding-right: 8px !important;
    }

    .boxtile div {
        padding-right: 8px !important;
        padding-left: 8px !important;
    }

    .title_style {
        font-size: 2em;
    }

        .title_style br {
            display: none;
        }

    .metro-tile {
        padding-right: 0px;
    }

    .side-text p {
        font-size: 0.92em;
    }

    .bg-long {
        padding: 40px 74px;
    }

    .bg-long {
        background-size: auto 100%;
    }

    .boxholdx a {
        font-size: 1em;
    }

    .nchanddown .nochina {
        overflow: visible;
    }

    .map_over > div > div div {
        padding: 20px 5px 0px 5px !important;
    }

        .map_over > div > div div:nth-of-type(1) {
            /*width: 3% !important; */
        }

    .bigcall {
        font-size: 1.2em !important;
    }

    .download-exe {
        font-size: 1.1em !important;
    }

    footer {
        font-size: 0.95em;
    }

        footer .container .col-lg-2 {
            width: 17% !important;
        }

    .listingsec {
        padding: 0px !important;
    }

        .listingsec div {
            padding: 0px;
            padding-right: 10px;
        }

    .boxholdx div {
        padding: 0px 8px;
    }

    .listingsec div div ul {
        font-size: 0.9em;
        margin: 10px 0px;
    }

    .twosec2 h3 {
        font-size: 1.2em !important;
    }

    .breadcrumb {
        margin-top: 0px;
    }

    .listbg img {
        width: 107% !important;
    }

    .insider .bgcons {
        padding-top: 20px;
    }

    .bgconsh {
        margin-top: 15px !important;
    }

    .detailstag {
        margin-top: 2px;
    }

    /******************|1366 fix close|*******/











}

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

    .flotingtextx {
        font-size: 36px;
        position: absolute;
        top: -80px;
        width: 296px;
        right: 0;
        margin: 0 auto;
        text-align: center;
        left: 0;
    }

    /*.formbg {margin-top: 184px;}*/
    .formbg {
        top: 130px !important;
        margin: 0 auto;
    }

    .bg-blue > div:nth-of-type(1) > div {
        margin-right: 15px;
        width: 48%;
    }
}

/***************************************|master mq clsoe|*********************************************************/
/***************************************|all desktops|*********************************************************/
@media(min-width:1280px) and (max-width:1480px) {
    .rfqremovespace {
        padding-bottom: 20px !important;
    }

    .grayboxhome .iconbox {
        width: 100%;
    }

    .iconbox > div {
        padding: 20px 0px 5px 0px;
    }

    .iconbox p {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }



    .rfqhome button {
        padding: 10px 20px !important;
        font-size: 1em !important;
        margin-top: 5px !important;
    }

    .rfqhome input {
        padding: 1px 20px !important;
    }

    .certifix {
        transform: scale(0.84);
    }

    .slidehead2 {
        font-size: 1.3em;
    }

    /*.rhs > .red_text {
    position: absolute;
    right: 0px;
}*/


    .megamenu {
        padding-left: 20% !important;
        background-position: -180px center;
    }

    .rhs .dataview form .slidehead2 {
        margin-top: 10px !important;
    }

    .iconicons {
        width: 85% !important
    }

        .iconicons h1 {
            font-size: 1.5em
        }

    .gradi strong {
        font-size: 1em !important;
    }

    .rfq_holdx {
        width: 90% !important;
        top: 60%
    }

    .main_nav {
        font-size: 1em !important
    }

    .search_form:hover {
        width: 468px !important
    }

    .openform {
        width: 468px !important
    }

        .openform:hover {
            width: 468px !important
        }

    .bgcons div {
        padding-left: 5px !important;
        padding-right: 5px !important
    }

    .brush_bg img {
        height: 500px
    }

    .big_cta {
        font-size: 1.5em
    }

    .lhs .form_holder input {
        padding: 7px 15px;
        font-size: 1em
    }

    .nomarg {
        margin-top: -100px !important
    }

    .certix {
        padding: 0px 0px 30px 0px
    }

    .instant_rfq {
        padding: 0px 30px
    }

    .main_contentx {
        padding: 30px 0px 0px 0px
    }

    .big_text {
        font-size: 2em
    }

    .fildset_linke .fset {
        top: 10px !important;
        font-size: 1.5em
    }

    .bgcons strong {
        font-size: 1.2em
    }

    .table_view td {
        font-size: 0.9em;
        padding: 8px
    }

    .brands {
        margin-top: -34px;
        padding-top: 28px
    }

    .rhs .owl-carousel02 .owl-prev {
        top: -55px
    }

    .rhs .owl-carousel02 .owl-next {
        top: -55px
    }

    .content_section2 .gray_table ~ p {
        margin-bottom: 4px !important
    }

    .content_section2 {
        padding: 20px !important;
        padding-top: 18px !important;
        margin-top: 0px
    }

        .content_section2 .slidehead2 {
            padding: 12px 15px;
            font-size: 1.1em;
        }

    .gray_table td {
        padding: 4px 10px
    }

    .slidehead2:nth-of-type(2) {
        margin-bottom: 0px
    }

    .rfq_form {
        padding-top: 0px
    }

    .slidehead {
        color: #030558;
        font-size: 1.5em !important;
        margin-bottom: 25px;
        margin-top: 8px !important
    }

    .lhs .owl-carousel03 .owl-next,
    .owl-carousel03 .owl-next {
        right: -20px
    }

    .lhs .owl-carousel03 .owl-prev,
    .owl-carousel03 .owl-prev {
        right: 36px
    }

    .owl-carousel01 .owl-item img {
        height: 465px !important;
        width: 108% !important
    }

    .floatingtext {
        font-size: 3.5em
    }

    .form_title {
        font-size: 1.5em
    }

    .content_section .sub_title_style {
        font-size: 1.4em
    }

    .content_section .title_style {
        font-size: 1.5em
    }

    .points strong {
        font-size: 1.3em
    }

    .points li .icons {
        padding-top: 8px
    }

    .form_holder .btn {
        font-size: 1.1em
    }

    .floatingtext {
        top: 50px
    }

    .owl-carousel01 .owl-dots {
        bottom: 25px
    }

    .form_holder input {
        padding: 9.5px
    }

    .form_holder .btn {
        margin: 0px;
        margin-bottom: 10px;
        padding: 6px 12px
    }

    .content_section {
        padding: 30px 0px
    }

        .content_section p {
            font-size: 1em
        }

    .hang_number {
        margin-left: 5px
    }

    .iconic strong {
        font-size: 1em
    }

    .floatingform {
        bottom: 15px
    }

    .iconic i {
        margin-right: 10px
    }

    .floating_numberbg > div > div {
        padding: 15px 15px 0px 15px
    }

    .map_over > div > div div {
        padding: 20px 0 10px
    }

    .footer_line {
        padding: 20px
    }
}

/***************************************|all mobile and tablet|*********************************************************/
@media(min-width:0px) and (max-width:1279px) {
    .header {
        background-color: #f6f7f8;
        /*-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.36);
-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.36);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.36);*/
        transition: 0.3s;
    }

    .formbg h3 {
        color: #000 !important;
        font-size: 15px;
        text-align: center;
    }

    footer p {
        padding-bottom: 36px;
    }

    .grayboxhome .iconbox {
        width: auto !important;
    }

    .banner .line {
        text-align: center;
    }

    .pagination_top.main_paging {
        text-align: center;
    }

    .nchanddown > div {
        margin-bottom: 15px;
    }

    .banner img {
        width: auto !important;
        text-align: left;
        z-index: 0;
        opacity: 1;
    }

    .main_nav li i {
        position: absolute;
        top: 0;
        right: 10px;
        z-index: 1;
        line-height: 42px;
    }

    .bg-footertopx .container {
        width: 100% !important;
        margin-bottom: 0 !important;
    }

    .head_label span {
        color: #01015f;
    }

    .search_form input::placeholder,
    .search_form select {
        color: #383838;
    }

    .search_form input,
    .select_holder {
        border-right: unset;
    }

    .search_form a,
    .search_form .submit_btn {
        border-radius: unset;
        font-size: 13px;
    }

    .inrfq {
        line-height: 11px;
    }

    .line {
        color: #000 !important;
        font-weight: bold;
    }

    .flotingtextx {
        font-size: 2em;
        position: absolute;
        top: 45%;
        left: 0px;
        width: 100%;
        text-align: center;
        padding: 0px 20px;
    }


    .breadcrumb .more_btn i {
        background-color: transparent !important;
        color: #fff !important;
    }

    .breadcrumb .more_btn:hover {
        color: #fff !important;
    }

        .breadcrumb .more_btn:hover i {
            background-color: transparent !important;
            color: #fff !important;
        }

    .banner img {
        width: 100% !important;
    }

    .rfq_form textarea {
        margin-top: 7px;
    }

    .megamenu {
        background-color: #313d8d;
    }

    #landscape-text {
        transform: none !important;
    }

    .boxlistx > div > div > div {
        margin-top: -100px;
    }

    #landscape-canvas {
        top: 0px !important;
    }

    .boxlistx > div > div {
        margin-top: 0px !important;
        margin-bottom: 20px !important;
    }

    .header {
        height: 67px !important;
    }

    .cta2 {
        display: none !important;
    }

    .bgcons strong {
        color: #535353;
        font-family: 'Bebas Neue', cursive;
    }

    footer {
        background-size: auto 100%;
    }

    .insider {
        background-size: auto 100%;
    }

    .hidebtt {
        opacity: 0;
    }

    .rfq_holdx {
        width: 85%;
        padding: 20px
    }

    .gray_table {
        background: rgba(61, 42, 105, 1);
        background: -moz-linear-gradient(left, rgba(61, 42, 105, 1) 0%, rgba(248, 84, 48, 1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(61, 42, 105, 1)), color-stop(100%, rgba(248, 84, 48, 1)));
        background: -webkit-linear-gradient(left, rgba(61, 42, 105, 1) 0%, rgba(248, 84, 48, 1) 100%);
        background: -o-linear-gradient(left, rgba(61, 42, 105, 1) 0%, rgba(248, 84, 48, 1) 100%);
        background: -ms-linear-gradient(left, rgba(61, 42, 105, 1) 0%, rgba(248, 84, 48, 1) 100%);
        background: linear-gradient(to right, rgba(61, 42, 105, 1) 0%, rgba(248, 84, 48, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d2a69', endColorstr='#f85430', GradientType=1);
        margin-bottom: 20px;
        padding: 15px
    }

    .rhs .gray_table {
        margin-left: -15px;
        margin-right: -15px;
        width: 112%
    }

    .nav_holder ul li a.mrox {
        width: inherit !important;
        display: inline-block;
        margin-left: 13px;
        margin-bottom: 15px;
        padding: 4px 20px !important;
        margin-top: 8px
    }

    .nav_holder ul li a:hover {
        color: #fff !important;
    }

    .nav_holder ul > li:hover a {
        color: #131de2;
    }

    p.redtex {
        margin-top: 0px !important
    }

    .bigcall {
        font-size: 1.7em;
        color: #fff;
    }

    .main_nav {
        float: none
    }

    .upload_file {
        display: block;
        text-align: center;
        background-repeat: no-repeat;
        background-position: bottom;
        background-size: 100%
    }

        .upload_file img {
            margin: 0 auto
        }

    .socialicon a {
        display: inline-block;
        margin: 0 auto;
        left: 0px;
        right: 0px;
        margin-bottom: 5px;
        text-align: left
    }

    .big_cta {
        font-size: 1.6em
    }

    .main_paging .view_all {
    }

    .main_paging .pager {
    }

    .hideinmob {
        display: none !important
    }

    .inrfq {
        position: fixed;
        bottom: 3px;
        z-index: 100;
        right: 55px
    }

    /*.search_form .submit_btn:hover, .search_form .submit_btn:focus { background-color: #3e3e3f }*/
    .topsec {
        margin-top: 30px
    }

    .banner .pop {
        top: 190px
    }

    .banner .line {
        display: block;
        padding-bottom: 10px;
        clear: both
    }

    .search_form .submit_btn {
        padding: 0 18px !important;
        height: 35px;
        width: auto;
        background-color: #01015f;
        color: #fff !important;
    }

        .search_form .submit_btn:hover {
            background-color: #da1c79;
            color: #fff !important;
        }

        .search_form .submit_btn:after {
            content: ' SEARCH';
            padding-left: 5px;
        }

    .multipart {
        padding: 0px 18px !important;
        width: auto;
        background-color: #01015f;
        color: #fff !important;
        margin-left: -15px !important;
        margin-right: 0px;
    }

    .header a.multipart:hover,
    .header a.multipart:focus {
        color: #fff !important;
        background-color: #888;
    }

    .multipart::after {
        content: ' VOICE SEARCH';
        padding-left: 10px;
    }

    .breadcrumb {
        margin-top: 0px;
        padding-top: 15px !important
    }

    .revert_cust_data {
        display: block;
        flex-direction: column;
    }

    .sprite-asap-big {
        display: block !important;
        margin: 0 auto !important;
        margin-bottom: 10px !important
    }

    .fixed02 {
        position: fixed !important;
        top: 67px;
        padding: 20px !important;
        width: 100%;
        background-color: #fff !important;
        left: 0px !important;
        right: 0px !important;
        border-bottom: 2px solid #eee;
    }
}

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

    .flotingtextx {
        top: 0 !important;
        width: 100% !important;
    }

    .search_form a {
        color: #fff !important;
        height: 35px;
    }

    .bg-bluex {
        margin-top: -75px;
    }

    .search_form input {
        background-color: transparent !important;
        padding: 8px 16px;
    }

    /*header .header{background-color: #fff !important}*/
    .aboutsec > div,
    .bg-blue > div {
        height: auto !important;
    }


    .iconbox > div {
        padding-bottom: 0px;
        padding-top: 0px;
    }

    .boxlistx {
        position: unset;
        padding: 0 !important;
    }

    .iconbox p {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        margin-top: auto !important;
    }

    .pagination_top.default.main_paging.fixed02 .view_all,
    .main_paging .view_all {
        float: none !important;
    }

    .pagination_top.main_paging {
        margin-top: 15px !important;
        margin-bottom: 5px;
    }

        .pagination_top.main_paging > ul {
            display: inline-block;
            position: relative;
        }

        .pagination_top.main_paging.fixed02 > ul {
            display: inline-block;
            position: static;
        }


        .pagination_top.main_paging.fixed02 {
            margin-top: 0px !important;
        }

            .pagination_top.main_paging.fixed02 .view_all,
            .main_paging .view_all,
            .main_paging ul {
                float: none !important;
            }

    /*	.default ~ div{text-align: center !important;}
	.default ~ div{text-align: center !important;}*/
    .pagination_top.default.main_paging {
        display: block;
        margin: 0 auto !important
    }

    .pagination_top.main_paging {
        display: inline-block;
    }

    .main_paging .view_all {
        float: right;
        margin-left: 3px;
    }

    .search_form {
        text-align: center !important;
        padding: 20px !important;
    }

    .lhs {
        margin-top: 20px;
    }

    .bg-bluex {
        padding: 15px !important;
        background-color: transparent;
    }

    .banner {
        margin-top: 0px !important;
    }

    .formbg {
        margin-top: 20px !important;
        top: unset !important;
        bottom: unset !important;
    }

    .formbg,
    .flotingtextx,
    .banner .container {
        position: relative !important;
        top: auto;
        /* bottom: 15px !important; */
        transform: none !important;
        color: #000000 !important;
    }

    .formbg {
        width: 700px !important;
        margin: auto;
        right: auto !important;
        left: auto !important;
    }

    .homethree {
        width: 100% !important;
        left: 0;
    }

    .bg-footertopx {
        padding: 40px 50px !important;
    }

    .banner .container {
        padding: 20px !important;
    }

    .banner {
        overflow: hidden !important;
    }





    .container {
        width: 100% !important;
    }

    .pager.pagerx .dropdown-menu {
        text-align: center !important;
    }

    .search_form h4 {
        display: none !important;
    }

    .fixed02 .pager.pagerx .dropdown-menu {
        display: none;
    }

    .actl .dropdown-menu {
        display: block !important;
    }

    .metro-tile {
        overflow: hidden;
    }

    .bgconsh {
        padding: 0px 0px;
        margin-top: 0px;
    }


    .aboutsec > div,
    .bg-footertopx {
        padding: 0 !important;
    }

    .ic_disc,
    .ic_disc1,
    .ic_disc2,
    .ic_disc3 {
        width: 100%;
    }


    .bg-long {
        background-size: auto 100%;
        background-position: bottom;
    }

    .twosec2x {
        margin-top: 0px;
    }

    .metro-tile h1 {
        color: #3c4aa3;
        margin-top: 20px;
    }

    .rfq_form textarea {
        padding-top: 19px;
        min-height: 48px;
        height: 48px;
        resize: vertical !important;
    }

    .main_nav > li > ul {
    }

    .inrfq {
        padding: 10px;
        height: 32px;
        bottom: 8px
    }

    .content_section .big_text {
        color: #000;
        font-family: 'robotobold';
        font-size: 2em;
        line-height: 1em;
        margin-bottom: 60px
    }

    .instant_rfq .form_titlex {
        font-size: 2em
    }

    .zoomowlbox {
        background-color: #ffffff
    }

    .logo {
        padding-bottom: 0px;
        position: absolute;
        top: 20px;
        left: 0;
        z-index: 1;
    }

    .head_label span {
        padding: 0;
    }

    .header {
        padding-bottom: 0px
    }

    .brands {
        padding-top: 37px;
        position: relative;
        border: none !important;
        padding-bottom: 2px
    }

    .checkbrand-height {
        height: auto !important
    }

    .brands .more_less {
        top: 0px;
        right: 0px
    }

    .map_over > div > div div {
        margin: 0px
    }

    header .cta a i {
        padding-top: 2px
    }

    input[type="color"],
    input[type="date"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="email"],
    input[type="month"],
    input[type="number"],
    input[type="password"],
    input[type="search"],
    input[type="tel"],
    input[type="text"],
    input[type="time"],
    input[type="url"],
    input[type="week"],
    select:focus,
    textarea {
    }

    .content_section3 h1 {
        font-size: 1.2em
    }

    .content_section3 h2 {
        font-size: 1.1em
    }

    .more_less {
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        display: inline-block;
        position: absolute;
        background-color: #fa6b2e;
        color: #ffffff !important;
        padding: 8px 15px;
        top: 0px;
        right: 21px;
        cursor: pointer;
        text-decoration: none !important;
        width: auto !important;
        text-align: left;
        margin: 0 auto;
        left: 0px;
        right: 0px;
        width: 118px !important
    }

        .more_less:after {
            content: " View More"
        }

    .topsec section {
        transition: 0.3s;
        overflow: hidden
    }

    .moreless_hold {
        height: 0px;
        overflow: hidden !important;
        padding-top: 40px !important
    }

    .autoheight {
        height: auto !important
    }

        .autoheight .more_less:after {
            content: " View Less"
        }

    .more_less:hover {
        background-color: #3c4aa3
    }

    .upload_btn img {
        width: 100%
    }

    .rfq_page .col-lg-5 .topsec {
        display: none
    }

    .upload_btn {
        display: none
    }

    body {
        padding-bottom: 43px
    }

    .header a:focus {
        outline: none !important
    }

    /*.container { width: 100% }*/
    header {
        height: 59px;
    }

    .logo img {
        width: 170px;
    }

    .menu_bar {
        display: block;
        color: #01015f !important;
        border: none;
        padding: 10px 15px;
        font-size: 1.8em;
        transition: 0.3s;
        position: absolute;
        right: 10px;
        top: 4px;
        z-index: 10000
    }

    .search_bar {
        display: block;
        color: #01015f !important;
        border: none;
        padding: 10px 15px;
        font-size: 1.8em;
        transition: 0.3s;
        position: absolute;
        right: 55px;
        top: 4px;
        z-index: 10000
    }

        .search_bar i,
        .menu_bar i {
            -webkit-transition: all 1s;
            -moz-transition: all 1s;
            -o-transition: all 1s;
            transition: all 1s
        }

    .top_links {
        display: none
    }

    .search_form {
        display: none
    }

    .nav_holder {
        display: none
    }

    .owl-carousel01 .owl-dots {
        bottom: 0px
    }

    .plus_btn {
        background-color: #c60311;
        color: #ffffff !important;
        border: none;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        border-radius: 25px;
        padding: 12px 14px 6px 14px;
        font-size: 1.5em;
        transition: 0.3s;
        display: block;
        position: absolute;
        right: 25px;
        z-index: 1000;
        bottom: -23px
    }

    /********************************|menu|***********************************/
    .nav_holder {
        background-color: #0d2300;
        display: block;
        position: fixed;
        left: 100%;
        right: -50%;
        bottom: 100%;
        top: 60px;
        padding-top: 0px;
        text-align: left;
        height: 0%;
        width: 0%;
        opacity: 1;
        transition: 0.5s ease-out;
        -webkit-border-bottom-left-radius: 300%;
        -moz-border-radius-bottomleft: 300%;
        border-bottom-left-radius: 300%
    }

    .md-menu-view {
        height: auto;
        width: 100%;
        display: block;
        transition: 0.5s ease-in;
        background-color: #01015f !important;
        -webkit-border-radius: 0%;
        -moz-border-radius: 0%;
        border-radius: 0%;
        opacity: 1;
        left: 0%;
        right: 0px;
        bottom: 40px
    }

    .nav_holder ul {
        opacity: 0;
        transition: 0s ease-in;
        left: 100%;
        padding-bottom: 30px
    }

    .md-menu-view ul {
        opacity: 1;
        transition: 0.3 ease-in;
        left: 0%
    }

    .nav_holder ul {
        height: 95%;
        overflow-y: auto
    }

        .nav_holder ul li {
            display: block;
            position: relative
        }

            .nav_holder ul li a {
                color: #ffffff !important;
                font-weight: normal;
                font-family: 'Bebas Neue', cursive !important;
                padding: 9px 15px !important;
                width: 100%;
                position: relative
            }

                .nav_holder ul li a:focus {
                    background-color: #da1c79 !important;
                    color: #fff !important;
                }

                .nav_holder ul li a:hover {
                    background-color: #da1c79 !important;
                    color: #fff !important;
                }

            .nav_holder ul li span {
                display: none !important
            }

    .main_nav li:hover ul,
    .main_nav > li > ul > li:hover ul {
        display: none;
        width: 100% !important
    }

    .main_nav > li > ul,
    .main_nav > li > ul > li > ul {
        width: 100% !important;
        position: relative !important;
        left: 0px !important;
        right: 0px !important;
        padding: 5px 0px;
    }

    .main_nav li > .fa-angle-down,
    .main_nav li > ul > li .fa-angle-down {
        display: block;
        position: absolute;
        right: 10px;
        top: 0px;
        color: #ffffff;
        padding: 15px;
        cursor: pointer
    }

    .main_nav li:hover > a {
        background-color: #55785f;
        color: #fff !important
    }

    .main_nav li > a > .fa-angle-down,
    .main_nav li > ul > li a > .fa-angle-right {
        display: none
    }

    .main_nav li > a,
    .main_nav li > ul > li > a {
        display: block;
        width: 100%;
        left: 0px;
        right: 0px
    }

    /********************************|menu close|***********************************/
    .top_links {
        display: block;
        width: 100%;
        margin: 0 auto;
        left: 0px;
        right: 0px;
    }

    /********************************|mobile form 01|***********************************/
    .floatingform .form_holder {
        text-align: center
    }

    .form_title {
        font-size: 1.8em
    }

    .search_form h4 {
        margin-bottom: 2px
    }

    .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: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        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;
        text-align: center
    }

    .multi_part {
        width: 90% !important
    }

    .floatingform .form_holder {
        margin: 0px !important;
        padding: 15px !important;
        width: 100%
    }

        .floatingform .form_holder div div {
            margin: 0px;
            padding: 0px
        }

    .form_holder .btn {
        width: auto !important;
        margin-bottom: 10px !important;
        margin: 0px !important
    }

    .floatingform {
        display: none;
        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: 0px !important;
        margin: 0 auto !important;
        top: -1000px;
        left: 0px;
        right: 0px;
        position: absolute;
        width: 90% !important;
        height: auto !important;
        transition: 0.3s;
        overflow-y: scroll;
        z-index: 1000000000
    }

    .form_holder .closer {
        display: inline-block;
        position: absolute;
        top: 0px;
        right: 0px;
        font-size: 1.5em;
        color: #333333;
        cursor: pointer;
        padding: 15px !important
    }

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

    .search_form input {
        width: 100%;
        border-bottom: 1px #cccccc solid;
        margin-bottom: 10px;
        padding: 0 0 0 17px;
        margin-top: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px
    }

        .search_form input:focus {
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none
        }

    .pop {
        display: block;
        top: 60px;
        transition: 0.3s
    }

    .search_form select {
        width: 100%
    }

    .search_form h4 {
        display: block
    }

    .top_links .cta {
        position: fixed;
        z-index: 1;
        bottom: 0px;
        display: block;
        left: 0px;
        right: 0px;
        height: 50px;
        background-color: #01015f;
        text-align: left;
        transition: 0.3s;
        padding-left: 15px;
        width: 100%
    }

        .top_links .cta a i {
            font-size: 1.3em;
            color: #fff;
        }

    header .cta a:first-child i {
        color: #fff;
    }

    .outer_rfq ul li {
        width: 100%;
    }

    .breadcrumb .more_btn {
        background-color: #f1543f !important;
    }

    .rhs h3 {
        background-color: #1c63b1 !important;
    }

    header .cta a:nth-child(2) i {
        top: -3px;
        position: relative;
    }

    .top_links .cta a {
        padding: 10px 6px !important;
        text-align: left !important;
    }

        .top_links .cta a span {
            display: none
        }

    .top_links .cta span {
        display: none
    }

    .head_label {
        position: relative;
    }

    /********************************|mobile form close|***********************************/
    .map_over > div > div {
        display: inline-block;
        width: 100%;
        overflow: hidden;
        position: relative;
        top: 0px;
        flex-direction: row
    }

        /*.map_over { padding-top: 20px }*/
        .map_over > div > div > div {
            border-right: none;
            margin-right: 0px;
            padding: 0px 0 0px;
            text-align: center
        }

    .map_over > div > div {
        margin: 0px
    }

    figure img {
        width: 100% !important
    }

    .content_section.content_section2 {
        margin: 10px 0px !important;
        margin-bottom: 30px !important
    }

    .points {
        margin-left: 30px !important;
        margin: 0px
    }

    .breadcrumb_links {
        margin-top: 0px;
    }

    .breadcrumb .more_btn {
        position: fixed;
        width: 108px;
        bottom: 7px;
        right: 55px;
        z-index: 10000;
        font-size: 0.9em;
        padding: 8px 7px 2px 15px !important;
        margin: 0px !important;
        display: none;
    }

        .breadcrumb .more_btn i {
            border-radius: 15px;
            margin-left: 0px;
            margin-right: 0px;
            margin-top: -8px;
            padding: 10px
        }

        .breadcrumb .more_btn span {
            display: none
        }

    .notavalableonhome {
        display: inline;
        background-color: transparent;
        padding: 0px !important;
        margin: 0px !important
    }

    .form_holder input {
        padding: 8px !important
    }

    .btt {
        bottom: -3px;
        right: 0px;
        padding: 7px 11px;
        font-size: 1em
    }

    .pagination_top.fixed02 ul {
        left: -15px !important;
        right: 10px !important
    }

    .lhs .bgcons {
        margin-bottom: 20px
    }

    .form_holder .btn {
        float: none;
        margin: 0 auto !important;
        width: 215px !important
    }
}

@media(min-width: 1441px) and (max-width: 1666px) {
    .logo {
        padding: 4px 0;
    }

    .breadcrumb {
        margin: 0 auto !important;
    }
}

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

    .logo {
        top: 0;
    }

    .bg-blue > div:nth-of-type(1) > div {
        width: 48%;
        float: left;
        margin-left: 11px;
        height: 475px !important;
        margin-right: unset;
    }

    .nchanddown > div > div {
        height: 200px !important;
    }
}

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

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

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

                .table_holder-listing table tr td:last-child {
                    background-color: #fff !important;
                    color: #343434;
                    text-align: center !important;
                    display: block;
                    width: 100%;
                }

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

    .table_holder-listing table tr td:last-child {
        background-color: #D1D9F7;
        color: #343434;
        text-align: center !important;
        display: block;
        width: 100%;
    }

    .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:last-child {
        border-bottom: 2px #1c3284 solid;
    }

        .table_holder-listing table tr td:last-child strong {
            display: block !important;
        }
}

@media(min-width:0px) and (max-width:1023px) {
    .rhs .col-lg-7.fixedc {
        text-align: center;
    }

    .content_section {
        padding: 0px 0px
    }

        .content_section > div > div:nth-child(2) {
            margin-top: 20px
        }

        .content_section .certifix > div:nth-child(2) {
            margin-top: 0px !important;
            border: none !important;
        }

        .content_section .certifix > div {
            border-top: 1px #ccc dotted;
            text-align: center;
            position: relative;
            border: none;
            margin-top: -10px;
            margin-bottom: -10px;
        }

            .content_section .certifix > div a {
                display: block;
                top: 50%;
                transform: translateY(-50%);
                vertical-align: middle;
                margin: 0 auto;
                width: 100%;
                text-align: center;
                position: static;
                left: 0px;
                right: 0px;
            }


    .flotingtextx {
        font-size: 1.9em !important;
        width: 258px;
        margin: 0 auto;
        text-align: center;
    }

    .flotingheading {
        width: 99% !important;
        text-align: center !important;
    }

    .main_paging .open > .dropdown-menu a {
        width: 20px
    }

    .main_paging .open > .dropdown-menu {
        left: -34px !important
    }

    .main_paging ul.pager li:last-child .dropdown-menu {
        left: 15px !important
    }
}

@media(min-height:0px) and (max-height:250px) {
    .banner .pop {
        top: 70px
    }

    .multi_part,
    .search_form,
    .floatingform {
        height: 200px !important;
        width: 100% !important;
        overflow-y: scroll !important;
        position: absolute !important;
        top: 0px;
        left: -15px !important;
        right: -15px !important;
        bottom: 0px !important
    }

    .floatingform {
        margin: 15px 25px !important;
        width: auto !important
    }

    .multi_part button,
    .search_form button {
        margin-bottom: 150px !important
    }

    .top_links .cta {
        margin-bottom: -100px
    }

    .breadcrumb .more_btn,
    .btt {
        bottom: -100px
    }
}

@media(min-width:360px) and (max-width:480px) {
    .container {
        width: 100%
    }

    /*.formbg {margin-top: -70px !important; }*/
    .gray_cust {
        margin-top: -127px !important;
    }

    .flotingtextx {
        width: 258px;
    }
}

@media(min-width:0px) and (max-width:480px) {
    .head_label span {
        display: block;
        position: absolute;
        z-index: 999;
        width: 100%;
        cursor: pointer;
        font-size: 11px;
    }

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

    .nchanddown > div > div {
        height: auto !important;
        overflow: hidden !important;
    }

    .nochina span {
        top: 45% !important;
        font-size: 0.95em !important;
    }

    .rfqhome h3 {
        margin-top: 3px;
    }

    .part_list a {
        color: #61646d;
        font-size: 0.9em;
    }

    .slide03 .owl-carousel03 .owl_text ul {
        height: 190px !important
    }

    .red_text {
        float: none !important;
        text-align: right
    }

    .floatingtext {
        font-size: 1.5em;
        text-align: center;
        top: 50%;
        transform: translateY(-60%)
    }

        .floatingtext > div > div {
            margin: 0px
        }

    .banner {
        width: 100% !important
    }

    .owl-carousel01 .owl-item img {
        width: auto !important
    }

    .owl-carousel02 .owl-item img {
        width: 100% !important
    }

    .content_section .title_style {
        font-size: 1.2em;
        text-align: center
    }

    .content_section .sub_title_style {
        font-size: 1em;
        text-align: center
    }

    .sprite-asap-logo {
        display: block;
        margin: 0 auto;
        margin-bottom: 5px
    }

    /*.map_over { padding-top: 20px }*/
    .map_over > div > div > div {
        border-right: none;
        margin-right: 0px;
        padding: 20px 0 0px;
        text-align: center
    }

    .map_over > div > div {
        margin: 0px
    }

    .table_view table {
        display: block !important;
        width: 100% !important
    }

        .table_view table tr,
        .table_view table tbody {
            width: 100% !important;
            display: block !important
        }

            .table_view table tr td {
                border: 1px #eeeeee solid !important
            }

        .table_view table td {
            width: 100% !important;
            display: block !important
        }

    /*	.table_view tr:nth-child(even) {  border: 1px solid #e1e7f1 !important; background-color: transparent }
	.table_view tr td:nth-child(odd) { background-color: #efefef; border: 1px solid #e1e7f1 !important }*/
    .content_section2 {
        padding: 30px 15px !important
    }

    .lhs .bgcons {
        margin-left: -15px;
        margin-right: -15px
    }

        .lhs .bgcons > div:last-child > div {
            border: none
        }
}

@media(min-width:480px) and (max-width:1279px) {
    .content_section h1 {
        font-size: 1.5em;
        margin-bottom: 13px
    }
}

@media(min-width:481px) and (max-width:800px) {
    .logo {
        top: 0;
    }

    .content_section .title_style {
        font-size: 1.5em
    }

    .content_section .sub_title_style {
        font-size: 1.2em
    }

    .floatingtext {
        font-size: 2.5em;
        text-align: center;
        top: 50%;
        transform: translateY(-50%)
    }

        .floatingtext > div > div {
            margin: 0px
        }

    .img_box img {
        width: 100%
    }

    .map_over {
        padding-top: 20px
    }

        .map_over > div > div > div {
            border-right: none;
            margin-right: 0px;
            padding: 20px 0 0px;
            text-align: center
        }

        .map_over > div > div {
            margin: 0px
        }

    .table_view table {
        display: block !important;
        width: 100% !important
    }

        .table_view table tr,
        .table_view table tbody {
            width: 100% !important;
            display: block !important
        }

            .table_view table tr td {
                border: 1px #eeeeee solid !important;
                overflow: hidden !important;
                padding: 7px
            }

        .table_view table td {
            width: 49.6% !important;
            display: inline-block !important
        }

    .table_view tr:nth-child(even) {
        border: none !important;
        background-color: transparent
    }

    .content_section2 {
        padding: 30px 15px !important
    }
}

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

    .nchanddown .img_data_sec,
    .nchanddown div {
        min-height: 234px;
        height: auto !important;
    }

        .nchanddown .img_data_sec table p {
            font-size: 12px;
        }
}

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

    .floatingtext {
        font-size: 3.5em;
        text-align: center;
        top: 50%;
        transform: translateY(-50%)
    }

        .floatingtext > div > div {
            margin: 0px
        }

    .rfq_holdx {
        position: relative;
        float: none;
        top: inherit;
        transform: inherit;
        margin-top: 0px
    }

    .bgconsh {
        margin-top: -40px;
    }
}

@media screen and (min-device-width: 768px) and (max-device-width: 991px) {
    .nchanddown div {
        /*height: auto !important;*/
    }
}

@media(min-width:0px) and (max-width:767px) {
    .breadcrumb_links a {
        display: inline-block;
        max-width: 76px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .bg-footertopx {
        height: 100% !important;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
        background-image: unset;
    }

    .formbg {
        width: 100% !important;
    }

    .formbg {
        bottom: 0px !important;
    }

    .lhs .table_form td,
    .lhs .table_form th,
    .rhs .mobiledetail .table_form td,
    .rhs .mobiledetail .table_form th {
        padding: 8px;
        font-size: 0.8em !important;
    }

    .homethree {
    }

    .banner .line {
        text-align: center !important;
        font-size: 11px !important;
        padding-top: 0px !important;
    }

    .content_section.content_section2 {
        margin: 10px -10px !important;
        margin-bottom: 30px !important
    }

    .rhs .graybox {
        margin: 10px -10px !important;
    }

    .flotingheading {
        white-space: normal;
        font-size: 1em;
        position: absolute;
        margin-top: -40px;
    }

    .boxlistx > div > div div strong {
        width: 100% !important;
        text-align: center !important;
    }

    .iconbox > div {
        margin-bottom: 20px !important;
    }

    .iconbox p {
        height: auto !important;
    }

    footer {
        font-size: 0.9em !important;
    }

    .bg-footertop > .container div ul li {
        font-size: 0.9em !important;
    }

    .bg-footertop h3 {
        font-size: 1.4em !important;
        text-align: center;
        margin-top: 15px !important;
    }

    .bluehead {
        font-size: 1.2em !important;
    }

    .boxlistx > div > div > div {
        margin-top: 20px !important
    }

    .rfqhome h3 {
        margin-bottom: 15px !important;
        text-align: center !important;
    }

        .rfqhome h3 br {
            display: none !important;
        }

    .boxlistx .container {
        padding: 0px !important;
    }

    .boxlistx > div > div > div {
        height: auto !important;
    }

    .rfqhome {
        position: relative;
        height: auto !important;
        padding: 15px !important;
        width: 100%;
    }

        .rfqhome input {
            border: 1px #e1e2e7 solid !important;
            padding: 10px !important;
            margin-bottom: 10px !important;
            width: 100%;
        }

    .formbg h3 {
        text-align: center;
        color: #333333;
        border-top: 1px #ccc solid;
        padding-top: 15px;
    }

    .rfqhome button {
        position: relative;
    }

    .imagine-content {
        margin-top: -51px;
    }

    #landscape-canvas {
        height: 300px !important;
    }

    .bg-long2 p {
        font-size: 1.2em;
    }

    .cta2 {
        display: none;
    }

    .bg-blue .col-lg-4 ul {
        height: auto !important;
    }

    .listingx li {
        width: 100%
    }

    .download-exe {
        padding-bottom: 10px !important
    }

    .big_text {
        font-size: 2em;
        margin-bottom: 45px
    }

    .form_holder .big_text {
        font-size: 2em;
        margin-bottom: 15px
    }

    .lhs .zoomowlboxin .bgcons {
    }

    .breadcrumb {
        height: auto !important;
        overflow: hidden;
        padding: 4px !important;
        margin-top: 8px !important;
        font-size: 0.9em;
        padding-top: 7px !important
    }

    .part_list table td:nth-child(2),
    .part_list table td:nth-child(3),
    .part_list table td:nth-child(4),
    .part_list table th:nth-child(2),
    .part_list table th:nth-child(3),
    .part_list table th:nth-child(4) {
        display: none
    }

    .table_holder-listing.part_list table td:nth-child(2),
    .table_holder-listing.part_list table td:nth-child(3),
    .table_holder-listing.part_list table td:nth-child(4),
    .table_holder-listing.part_list table th:nth-child(2),
    .table_holder-listing.part_list table th:nth-child(3),
    .table_holder-listing .part_list table th:nth-child(4) {
        display: block
    }

    .part_list .table.table-bordered tr:nth-child(even) {
        background-color: #dbecf4;
    }

    .table_holder-listing.part_list table td:nth-child(2),
    .table_holder-listing.part_list table td:nth-child(4),
    .table_holder-listing.part_list table th:nth-child(2),
    .table_holder-listing .part_list table th:nth-child(4) {
        background-color: #eee;
    }

    .bgcons > div > div {
        border-right: none;
        border-bottom: 1px dotted #cacfd7;
        padding: 15px 0px;
        height: auto !important
    }

    .table_view .table.table-bordered.cage_code td {
        width: auto !important;
        display: table-cell !important
    }

    .table.table-bordered.cage_code {
        width: auto !important
    }

        .table.table-bordered.cage_code td {
            display: table-cell;
            float: none;
            word-wrap: break-word
        }

    .nomarg {
        margin-top: -150px !important
    }

    .fildset_linke .fset {
        top: 15px !important
    }
}

@media(min-width:0px) and (max-width:580px) {
    .content_section2 .slidehead2 {
        text-align: center !important
    }

        .content_section2 .slidehead2 small {
            display: block;
            margin-top: 11px
        }
}

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

    .iconbox {
        width: auto !important;
        height: auto !important;
    }

    .pagination_top {
        margin-top: 8px !important;
    }

    .roundboxes .boxx {
        margin: 10px 0px !important;
    }

    .boxx .more_btn {
        position: absolute;
        bottom: 18px !important;
        left: 30px !important;
    }

    .table.table-bordered tr {
        background-color: #fff !important;
    }

    .banner_text {
        font-size: 120%;
    }

    .listed .slidehead strong br {
        display: none;
    }



    .bg-footertop > .container {
        width: 100% !important;
        margin: 0 auto !important;
    }

    .bg-footertop > .container {
        padding: 0px !important;
    }

        .bg-footertop > .container > div > div {
            padding: 5px !important;
            margin-bottom: 15px !important;
        }

    .boxtile div span,
    .boxtileopen span {
        font-size: 1.1em !important;
    }

    .content_section > p.red_text,
    p.redtex {
        font-size: 0.8em;
    }

    .detailstag li {
        padding: 5px;
        font-size: 0.8em;
    }


    .content_section .sub_title_style {
        display: block;
        padding: 0px 15px;
    }

    .map_over > div > div > div {
        padding-top: 0px !important;
    }

    .boxtileopen img,
    .boxtile img {
        width: 100%;
    }

    .boxtileopen span {
        top: 0%;
    }

    .boxtileopen {
        overflow: hidden;
    }

    .bgcons div {
        width: 100% !important;
    }

    .sprite-asap-small {
        display: inline-block !important;
        margin: 0 auto !important;
        margin-bottom: -4px !important;
    }

    .content_section .sub_title_style {
        font-size: 1.4em;
    }

    .nchanddown .nochina img {
        width: 105%;
        margin-left: -10px
    }

    .boxtileopen span,
    .boxtile div span {
        left: 20px;
        text-align: left;
    }

    .bg-long h1,
    .bg-long h2,
    .bg-long h3,
    .bg-long h4 {
        font-size: 1.2em;
    }

    .long-form input {
        width: 100%;
        margin-bottom: 15px;
    }

    .twosec2 {
    }

    .listingsec div div ul li {
        text-align: left;
    }

    .bg-long {
        background-size: auto 100%;
        padding: 20px 20px !important;
        text-align: center;
    }

    .side-text {
        padding-left: 30px;
        padding-right: 30px;
    }

    .metro-tile h1 {
        color: #333;
        font-size: 1.4em;
        margin-top: 23px;
    }

    .boxtileopen {
        padding-left: 10px;
        padding-right: 10px;
    }

    .metro-tile {
        margin-left: 0px;
    }

    .bgcons {
        background-color: #3c4aa3;
    }

    .twosec2x {
        margin-top: 0px;
    }

    .custom-radio div {
        padding: 2px 13px;
    }

    .instant_rfq {
    }

    .bgconsh {
        padding-top: 0px;
    }

    .spacer {
        width: 80%;
        margin: 0 auto
    }

    .part_list table td,
    .part_list table th {
        font-size: 0.9em
    }

    .owl-carousel10 .owl-next {
        right: -10px
    }

    .owl-carousel10 .owl-prev {
        left: -10px
    }

    .slidehead2 {
        font-size: 1.2em;
        line-height: inherit;
    }

    .content_section .sub_title_style {
        margin-top: 25px
    }

    .redbg {
        padding: 30px 10px !important
    }

    .owl-carousel02 {
        margin-bottom: 15px
    }

    .rfq_holdx {
        padding: 10px
    }

    .topsec {
        margin-top: 0px
    }

    .rfq_form .more_btn {
        margin-bottom: 20px !important;
        margin-top: 20px !important
    }

    .rfq_form input[type="email"],
    .rfq_form input[type="tel"],
    .rfq_form input[type="text"],
    .rfq_form select,
    .rfq_form textarea {
    }

    .slide03 .owl-carousel03 .owl_text ul li {
        padding: 0px 0px !important
    }

    .download-exe {
        font-size: 1em !important
    }

    .nchanddown .nochina {
        font-size: 0.8em;
    }

    .slide03 .owl-carousel03 .owl_text strong {
        margin-top: 0px
    }

    .slide03 {
        border-left: none !important
    }

    .main_contentx {
        padding-top: 10px
    }

        .main_contentx h2 {
            position: relative;
            margin-bottom: 50px;
            font-size: 1.5em;
            width: 70%;
            margin: 0 auto;
            padding-bottom: 45px
        }

    .content_section h2 {
        margin-bottom: 0px !important;
        padding-bottom: 0px
    }

    .main_contentx h2 .bg_title {
        top: 50%;
        transform: translateY(-89%);
        font-size: 1.4em
    }

    .bgconsh {
        margin-top: 0px
    }

    .rfq_holdx {
        width: 100%
    }

    .bigtext {
        font-size: 2em;
        margin-top: 20px !important;
        display: inline-block;
        width: auto !important
    }

    .rfq_holdx {
        margin-top: 250px
    }

    .instant_rfq .form_titlex {
        padding-top: 0px !important
    }

    .fixed02 {
        display: block !important
    }

    .table_view tr td {
        background-color: #ffffff !important
    }

    .default {
        text-align: center;
        padding: 5px 0px;
    }

    .search_long {
    }

    /*.main_paging .pager li { width: 100% }*/
    .main_paging ul.pager li:last-child .dropdown-menu {
        left: 0px !important
    }

    .bgcons {
        padding: 0px 0px
    }

    .instant_rfq .form_titlex {
        width: 100%;
        text-align: center
    }

    .brush_bg {
        margin-top: -450px
    }

    .owl-carousel02 .owl_text {
        font-size: 1em
    }

    .zoomowlbox {
        padding: 20px !important
    }

    .instant_rfq .form_titlex {
        padding-top: 150px
    }

    .product_slider {
        margin: 0px auto;
        left: 0px;
        right: 0px;
        width: 100%;
        padding-top: 0px !important
    }

    .main_form_holder input {
        margin-bottom: 8px;
        width: 90%;
    }

    .lhs .main_form_holder input {
        margin-bottom: 8px;
        width: 100%;
        padding: 8px 20px !important;
    }

    .hang_number {
        font-size: 4em;
        width: 100%;
        text-align: center;
        margin: 0px auto !important;
        opacity: 0.8
    }

    .owl-carousel02 .owl-prev {
        top: -45px !important
    }

    .owl-carousel02 .owl-next {
        top: -45px !important
    }

    .content_section .title_style {
        position: relative;
        top: -23px
    }

    .screen_numbers {
        text-align: center
    }

    .content_section .big_text {
        width: 100%;
        text-align: center
    }

    .fildset_linke {
        margin-bottom: 50px
    }

    .fildsetholder .col-lg-4:nth-of-type(3) .fildset_linke {
        margin-bottom: 0px
    }

    .fildset_linke .fset {
        top: 33px
    }

    .nomarg {
        margin-top: -145px
    }

    footer {
        background-position: center bottom;
        background-repeat: repeat;
        background-size: auto 100%
    }

    .map_over .container .row div:nth-of-type(1) {
        line-height: normal;
        margin: 0 auto;
        text-align: center;
        width: 100%;
    }

    .map_over .container .row div:nth-of-type(2) {
        line-height: normal;
        margin: 0 auto;
        text-align: center;
        width: 100%;
    }
}

@media(min-width:768px) and (max-width:1024px) {
    .default {
        display: block;
    }

    .disc_para strong {
        padding: 0 15px;
    }

    .banner {
        position: unset;
    }

    .bg-blue > div:nth-of-type(1) > div {
        width: 49%;
        float: left;
        margin-left: 7px;
        height: 475px !important;
    }

    .bg-blue > div:nth-of-type(1) > div {
        margin-right: unset;
    }

    .aboutsec > div,
    .bg-footertopx {
        margin: 30px auto;
    }

    .main_paging .pager > li a {
        line-height: 27px;
    }

    .banner .container {
        position: absolute !important;
        top: 0;
        bottom: 0;
        transform: none;
        height: 100%;
    }

    .formbg {
        top: 270px !important;
        left: 0;
        margin: 0 auto !important;
    }

    .rfqhome {
        width: 100% !important;
        padding: 15px 0;
        box-shadow: unset;
        margin: auto;
    }

    .gray_cust,
    .iconbox {
        margin: 0 auto !important;
    }

    .flotingtextx {
        position: absolute !important;
        top: 72px !important;
        color: #000 !important;
        width: 290px !important;
        line-height: normal;
        left: auto;
        bottom: auto !important
    }

    .formbg h3 {
        font-weight: bold;
        font-size: 25px;
    }

    .disc_pic strong {
        padding: 15px;
        left: 8px;
        bottom: 11px;
    }

    .main_paging .pager .owl-wrapper-outer,
    .pagination_top.main_paging,
    .pagination_top {
        text-align: center !important;
    }

    .logo {
        margin: 0;
        padding: 0;
        top: 0;
    }

    .map_over .container .row div:nth-of-type(1),
    .map_over .container .row div:nth-of-type(2) {
        text-align: center;
        margin: 0 auto;
    }

    .main_paging .view_all {
        float: right !important;
    }

    .flotingheading {
        white-space: normal;
        font-size: 1.8em;
        position: absolute;
        margin-top: -80px;
    }

    #landscape-canvas {
        height: 600px !important;
    }

    .contactform .slidehead {
        text-align: left !important;
    }

    .banner img {
        width: 100% !important;
    }

    .rfq_form input[type="email"],
    .rfq_form input[type="tel"],
    .rfq_form input[type="text"],
    .rfq_form select,
    .rfq_form textarea {
        padding-left: 15px !important
    }

    .bgcons > div > div {
        border-right: none;
        padding: 5px 0px
    }

    .bgcons {
        padding-bottom: 0px
    }

        .bgcons > div:nth-child(3) > div {
            border: none !important
        }

        .bgcons > div:nth-child(4) > div {
            border: none !important
        }

    .instant_rfq .form_titlex {
        text-align: center
    }

    .main_form_holder input {
        margin-bottom: 8px
    }
}

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

    .lhs .bgcons i {
        float: left;
        margin-right: 20px !important
    }

    .nchanddown {
    }

    .download-exe {
        float: none;
        display: block;
        padding-bottom: 10px
    }

    .nchanddown .nochina {
    }

    .redbg {
        padding-bottom: 50px !important;
        margin-bottom: 20px !important
    }

    .content_section .big_text {
        margin-bottom: 30px !important
    }

    .slide03 .owl-carousel03 .owl_text ul li {
        padding: 2px 0px !important
    }

    .slide03 .owl-carousel03 .owl_text strong {
        margin-top: 10px
    }

    .slide03 {
        border-left: 0px !important
    }

    .owl-carousel02 .owl_text a {
        font-size: 0.7em
    }

    .main_contentx h2 .bg_title {
        font-size: 1.8em
    }

    .bigtext {
        width: 90% !important
    }

    .product_slider {
        width: 100%;
        margin: 0px;
        left: 0px
    }

    .zoomowlbox {
        padding: 20px !important;
        padding-bottom: 0px !important
    }

    .content_section .big_text {
        margin-bottom: 0px
    }

    .bgcons {
    }

    .fildset_linke {
        margin-top: 20px
    }

    .slide03 {
        padding-top: 0px
    }

    .certix {
        padding-top: 0px;
        margin-top: -20px
    }

    footer {
        background-position: center bottom;
        background-repeat: repeat;
        background-size: auto 100%
    }
}


@media(min-width:0px) and (max-width:768px) {
    .footer_line .container {
        padding: 0px;
    }

    .footer_line p:nth-of-type(1) {
        width: 100%;
    }

    .calllong,
    .long-form button {
        font-size: 1em;
    }

    .title_style {
        position: relative;
        text-align: center;
        font-size: 1.4em
    }

    .flotingimg {
        height: 100%
    }

    .bg-blue h2 {
        font-size: 1.8em;
        font-weight: bold;
    }

    .bg-blue .col-lg-4 {
        overflow: hidden;
        margin-bottom: 30px
    }

        .bg-blue .col-lg-4 ul {
            margin-bottom: 5px
        }

    .flotingtext {
        font-size: 1.5em
    }

    .rfq_holdx {
        position: relative !important;
        margin-top: 20px;
        top: inherit !important;
        transform: inherit !important
    }

    .iconicons h1 {
        font-size: 1.4em !important
    }

    .iconicons {
        padding: 20px !important;
        overflow: visible !important
    }

    .rfq_page {
        margin-left: -15px;
        margin-right: -15px
    }

    .content_section .title_style {
        text-align: center
    }

    .content_section .sub_title_style {
        text-align: center
    }

    .sprite-asap-logo {
        display: block;
        margin: 0 auto;
        margin-bottom: 5px
    }

    .content_section p {
        font-size: 1em
    }

    .content_section h3 {
        font-size: 1.2em
    }

    .points strong {
        font-size: 1.1em
    }

    .floating_numberbg > div > div {
        padding: 20px 15px 0px 15px
    }

    .hang_number {
        margin-left: 15px
    }

    .img_box > div > div {
        margin-bottom: 20px
    }

    .testimon {
        padding: 0px !important
    }

    .iconic {
        text-align: center;
        margin-bottom: 0px;
        margin-top: 0px
    }

        .iconic i {
            margin-left: -10px;
            margin-right: -1px;
            vertical-align: middle
        }

        .iconic strong {
            display: block;
            font-size: 1em;
            text-align: center;
            padding: 10px 0px
        }

    .zoomowlbox {
        padding-bottom: 0px !important
    }

        .zoomowlbox .content_section {
            padding-bottom: 20px !important
        }

    .bg_title {
        left: 0px;
        right: 0px
    }

    .certix {
        padding: 0px
    }
}

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

    .lhs .owl-carousel03,
    .owl-carousel03 {
        margin-top: 40px !important
    }

    .lhs h3 {
        text-align: center !important;
    }
}

/************************|responsive paging|*************************/
@media(min-width:0px) and (max-width:320px) {

    .content_section .certifix > div {
        border-top: 1px #ccc dotted;
        text-align: center;
        position: relative;
        margin-top: -10px;
        margin-bottom: -10px;
        margin-left: -19px;
        margin-right: -10px;
    }

    .certifix a {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        transform: scale(0.6) !important;
        width: 100%;
        transform-origin: center;
    }


    .listingsec div div ul li {
        width: 100% !important;
    }

    .message input {
        text-align: center !important;
        padding-right: 0px !important;
    }

    .message .materialinput {
        left: 0px;
        right: 0px;
    }

    #owl-demo03,
    #owl-demo03.pager {
        width: 66% !important
    }

    #owl-demo04,
    #owl-demo04.pager {
        width: 66% !important
    }

    #owl-demo05,
    #owl-demo05.pager {
        width: 66% !important
    }

    .pager .owl-wrapper-outer {
        width: 50% !important
    }

    .message .more_btn {
        margin-top: 15px !important
    }

    .tpage .materialinput {
        margin-left: 0px !important;
    }

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

    /*.materialinput { margin: 0px 0px auto !important;  }*/
}

@media(min-width:0px) and (max-width:479px) {
    .lhs {
        margin-left: -10px;
        margin-right: -10px;
    }

    .mobi-fixer {
    }

    .brands {
        padding-top: 60px
    }

    .bgcons i {
        padding: 0px !important;
        margin: 0 auto !important;
        position: absolute;
        left: 0px;
        right: 0px
    }

    .bgcons strong {
        text-align: center;
        width: 100%;
        display: block;
    }

    .bgcons span {
        text-align: center;
        width: 100%;
        display: block
    }

    .slide03 {
        text-align: center
    }

        .slide03 .slidehead {
            margin-bottom: 0px
        }

    .lhs .owl-carousel03 .lhs .owl-carousel03 .owl-prev {
        right: 45% !important
    }

    .lhs .owl-carousel03 .owl-next {
        right: 35% !important
    }

    .content_section h1 {
        font-size: 1.5em;
        margin-bottom: 30px;
        text-align: center
    }

    .slidehead {
        font-size: 1.5em;
        text-align: center
    }

    .second_paging.row {
        text-align: center
    }

    .owl-carousel02 .owl-prev {
        right: 50% !important
    }

    .owl-carousel02 .owl-next {
        right: 37% !important
    }

    .owl-carousel05x .owl-prev {
        right: 50% !important
    }

    .owl-carousel05x .owl-next {
        right: 38% !important
    }

    .brandscroll h4,
    .redbg h4 {
        margin-bottom: 50px
    }

    .main_contentx .content_section {
        padding-bottom: 0px
    }
}

@media(min-width:0px) and (max-width:479px) {
    .product_slider {
        padding-top: 50px
    }
}

@media(min-width:480px) and (max-width:900px) {
    .bgcons > div > div {
        padding-bottom: 10px !important
    }
}

@media(min-width:321px) and (max-width:360px) {

    #owl-demo03,
    #owl-demo03.pager {
        width: 70% !important
    }

    #owl-demo04,
    #owl-demo04.pager {
        width: 70% !important
    }

    #owl-demo05,
    #owl-demo05.pager {
        width: 70% !important
    }

    .pager .owl-wrapper-outer {
        width: 62% !important
    }

    .message .more_btn {
        margin-top: 15px !important
    }

    .fixed02 .view_all {
        margin-right: 5px !important
    }
}

@media(min-width:361px) and (max-width:480px) {
    .fixed02 .view_all {
        margin-right: 10px !important
    }

    #owl-demo03,
    #owl-demo03.pager {
        width: 73% !important
    }

    #owl-demo04,
    #owl-demo04.pager {
        width: 73% !important
    }

    #owl-demo05,
    #owl-demo05.pager {
        width: 75% !important
    }

    .pager .owl-wrapper-outer {
        width: 72% !important
    }
}

@media(min-width:481px) and (max-width:600px) {

    #owl-demo03,
    #owl-demo03.pager {
        width: 84% !important
    }

    #owl-demo04,
    #owl-demo04.pager {
        width: 84% !important
    }

    #owl-demo05,
    #owl-demo05.pager {
        width: 84% !important
    }

    .pager .owl-wrapper-outer {
        width: 81% !important
    }
}

@media(min-width:768px) and (max-width:1023px) {
    .lhs .bgcons i {
        float: left;
        margin-right: 20px !important
    }

    .lhs .bgcons .col-sm-6 {
        width: 100% !important
    }

    .lhs .bgcons > div > div {
        height: 100px !important
    }

    .table.table-bordered.cage_code td {
        width: 24.3% !important;
    }
}

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

    #owl-demo03,
    #owl-demo03.pager {
        width: 87% !important
    }

    #owl-demo04,
    #owl-demo04.pager {
        width: 87% !important
    }

    #owl-demo05,
    #owl-demo05.pager {
        width: 87% !important
    }

    .pager .owl-wrapper-outer {
        width: 86% !important
    }
}

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

    #owl-demo03,
    #owl-demo03.pager {
        width: 88% !important
    }

    #owl-demo04,
    #owl-demo04.pager {
        width: 88% !important
    }

    #owl-demo05,
    #owl-demo05.pager {
        width: 88% !important
    }

    .pager .owl-wrapper-outer {
        width: 86% !important
    }

    .bg-footertop .container > div {
        width: 100% !important;
    }
}

@media(min-width:600px) and (max-width:750px) {
    .content_section2 h1 {
        text-align: center;
    }

    #owl-demo03,
    #owl-demo03.pager {
        width: 84% !important
    }

    #owl-demo04,
    #owl-demo04.pager {
        width: 84% !important
    }

    #owl-demo05,
    #owl-demo05.pager {
        width: 84% !important
    }

    .bgcons > div > div {
        border-bottom: none;
    }

    .table_view .table.table-bordered.cage_code td {
        display: inline-block !important;
        width: 24.5% !important;
    }

    .boxtile div span,
    .boxtileopen span {
        font-size: 2em !important;
    }
}

@media(min-width:667px) and (max-width:667px) {
    .contactform .slidehead {
        text-align: left;
    }
}

@media(min-width:736px) and (max-width:736px) {
    .contactform .slidehead {
        text-align: left;
    }
}

@media(min-width:720px) and (max-width:720px) {
    .contactform .slidehead {
        text-align: left;
    }
}

@media(min-width:375px) and (max-width:667px) {

    #owl-demo03,
    #owl-demo03.pager {
        width: 65% !important
    }

    #owl-demo04,
    #owl-demo04.pager {
        width: 65% !important
    }

    #owl-demo05,
    #owl-demo05.pager {
        width: 65% !important
    }

    .pager .owl-wrapper-outer {
        width: 65% !important
    }

    .rfq_form input[type="email"],
    .rfq_form input[type="tel"],
    .rfq_form input[type="text"],
    .rfq_form select,
    .rfq_form textarea {
        padding-left: 15px !important
    }

    .bgcons > div > div {
        border-bottom: none;
    }
}

@media(min-width:0px) and (max-width:736px) {
    .main_paging .open > .dropdown-menu {
        display: inline-block
    }
}

@media(min-width:414px) and (max-width:736px) {

    #owl-demo03,
    #owl-demo03.pager {
        width: 65% !important
    }

    #owl-demo04,
    #owl-demo04.pager {
        width: 65% !important
    }

    #owl-demo05,
    #owl-demo05.pager {
        width: 65% !important
    }

    .pager .owl-wrapper-outer {
        width: 65% !important
    }

    .rfq_form input[type="email"],
    .rfq_form input[type="tel"],
    .rfq_form input[type="text"],
    .rfq_form select,
    .rfq_form textarea {
        padding-left: 15px !important
    }
}

@media(min-width:801px) and (max-width:980px) {

    #owl-demo03,
    #owl-demo03.pager {
        width: 89% !important
    }

    #owl-demo04,
    #owl-demo04.pager {
        width: 89% !important
    }

    #owl-demo05,
    #owl-demo05.pager {
        width: 89% !important
    }

    .pager .owl-wrapper-outer {
        width: 88% !important
    }

    .rfq_form input[type="email"],
    .rfq_form input[type="tel"],
    .rfq_form input[type="text"],
    .rfq_form select,
    .rfq_form textarea {
        padding-left: 15px !important
    }
}

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

    #owl-demo03,
    #owl-demo03.pager {
        width: 89% !important
    }

    #owl-demo04,
    #owl-demo04.pager {
        width: 89% !important
    }

    #owl-demo05,
    #owl-demo05.pager {
        width: 89% !important
    }

    .pager .owl-wrapper-outer {
        width: 89% !important
    }
}

/********************************|arrow_fix|*****************************/
.banner .owl-controls i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 3em;
    color: #ffffff;
    margin: 0px 30px;
    border: 2px #ffffff solid;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-color: rgba(0, 0, 0, 0.1)
}

.banner .owl-controls i {
    border-color: rgba(255, 255, 255, 0.5)
}

    .banner .owl-controls i:hover {
        border-color: rgba(255, 255, 255, 1)
    }

.banner .owl-controls .owl-prev i {
    left: 0px;
    padding: 9px 25px 11px 22px
}

.banner .owl-controls .owl-next i {
    right: 0px;
    padding: 9px 22px 11px 25px
}

@media(min-width:641px) and (max-width:1024px) {
    .banner img {
        width: 100% !important;
        /*height: 400px*/
    }

    .banner .owl-controls i {
        font-size: 2em;
        margin: 0px 20px
    }

    .banner .owl-controls .owl-next i {
        padding: 6px 14px 8px 16px
    }

    .banner .owl-controls .owl-prev i {
        padding: 6px 16px 8px 14px
    }
}

@media(min-width:580px) and (max-width:768px) {
    #landscape-canvas {
        height: 420px !important
    }
}

@media(min-width:0px) and (max-width:640px) {
    .banner .owl-controls i {
        font-size: 1.8em;
        margin: 0px 20px
    }

    .banner .owl-controls .owl-next i {
        padding: 1px 9px 3px 11px
    }

    .banner .owl-controls .owl-prev i {
        padding: 1px 11px 3px 9px
    }

    .red_text {
        float: none;
        text-align: center !important
    }

    .main_paging .pager li {
        position: relative;
        width: 15%;
        text-align: center;
        display: inline-block
    }

    .main_paging .pager {
        width: 100% !important
    }

        .main_paging .pager li > a {
            width: 100%;
            display: inline-block;
            text-align: center !important;
            font-size: 13px
        }

            .main_paging .pager li > a:last-child {
                border-right: 0
            }

    .main_paging .open > .dropdown-menu {
        top: 29px;
        width: auto !important
    }

    .main_paging ul.pager li:first-child .dropdown-menu {
        left: 0px !important
    }

    .main_paging .pager li .dropdown-menu li {
        width: 9%
    }

    .main_paging .open > .dropdown-menu a {
        width: auto
    }

    .floatingtext {
        font-size: 3.0em
    }
}

@media(min-width:0px) and (max-width:386px) {
    .main_paging .pager .dropdown-menu {
        min-width: 120px
    }

    .fildset_linke .fset {
        top: 15px !important;
        font-size: 1.2em
    }


    .long-form {
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media(min-width:768px) and (max-width:1023px) {
    .slide03 .owl-carousel03 .owl_text ul {
        height: 192px
    }

    .fildset_linke .fset {
        top: 15px !important;
        font-size: 1.5em
    }
}

@media(min-width:480px) and (max-width:800px) {
    .table.table-bordered.fsc td {
        width: 100% !important
    }
}


@media(min-width:485px) and (max-width:1279px) {
    .rfq_form form {
        clear: both;
        padding-top: 0px;
    }

        .rfq_form form h4:nth-of-type(1) {
            margin-top: 0px;
        }

    span.red_text {
        float: right !important;
        width: 100%;
    }

        span.red_text small {
            margin-top: -15px !important;
            display: block;
        }
}


/************************|all 2k 4k 8k Fixed|****************************/
/************************|all 2k 4k 8k Fixed|****************************/
@media(min-width:1440px) and (max-width:2560px) {

    body html {
        width: 100% !important;
        margin: 0 auto !important;
        display: block !important;
        height: 100% !important;
        overflow-x: hidden !important;
        position: relative
    }
}

@media(min-width:2561px) and (max-width:80000000px) {
    #landscape-canvas {
        width: 100% !important;
        height: 900px !important
    }

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

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

    .main_paging .open > .dropdown-menu,
    .main_paging ul.pager li:first-child .dropdown-menu {
        width: 100% !important;
        min-width: 100% !important;
        left: 0px !important;
        right: 0px !important;
        position: fixed;
        margin: 0 auto !important;
        top: 134px
    }
}

@media(min-width:641px) and (max-width:1279px) {
    .main_paging ul.pager li:last-child .dropdown-menu {
        left: 0px !important
    }

    .main_paging .open > .dropdown-menu,
    .main_paging ul.pager li:first-child .dropdown-menu {
        width: 100% !important;
        min-width: 100% !important;
        left: 0px !important;
        right: 0px !important;
        position: fixed;
        margin: 0 auto !important;
        top: 100px
    }

    .red_text {
        float: right;
        margin-top: -10px;
        color: #ffffff !important
    }
}

@media(min-width:1024px) and (max-width:1024px) {
    .lhs .zoomowlboxin {
        background-image: none
    }

    .nochina span {
        top: 80px;
    }
}


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

    .slide03 .owl-carousel03 .owl_text strong {
        margin-top: 0px !important
    }

    .slide03 .owl-carousel03 .owl_text ul li {
        padding: 2px 0px !important
    }

    /*.container { width: 100% !important }*/
    .content_section2 {
        width: 100% !important
    }

    .main_paging .pager > li > a {
        width: 43px !important
    }

    /*.home-page .fixf {background-color: #ffffff;}*/
    /*.home-page .fixed .fixf {background-color: #e5e5e5;}*/
    .top_links {
        overflow: hidden;
        margin: 0 auto;
    }

    .gray_cust {
        margin-top: -80px !important;
    }

    .disc_para strong {
        padding: 0 15px;
        font-size: 15px;
    }
}

@media(min-width:1280px) and (max-width:1690px) {
    .homethree {
        width: 65% !important;
    }

    /*.formbg{top: 225px !important; margin: 0 auto;}*/
    .certifix {
        padding-bottom: 0px !important;
        margin: 0 auto !important;
    }

    .rfqhome h3 {
        font-size: 1.5em !important;
        padding: 10px 30px 10px 0px !important;
        margin: 0px !important;
    }
}


@media(min-width:1280px) and (max-width:1480px) {
    .certifix {
        width: 100% !important;
    }

    .nchanddown {
        width: 90% !important;
    }

    .container {
        width: 100%;
    }

    .iconbox {
        width: 100%;
        height: auto;
    }

        .iconbox p {
            padding: 0px 10px;
        }

    .homethree {
        padding: 10px 10px 0px 10px;
        width: 95%;
    }


    .flotingheading {
        font-size: 1.7em !important;
    }

    footer .container .col-lg-2:last-child {
        width: 25% !important;
    }

    footer .container .col-lg-2:nth-last-child(2) {
        width: 20% !important;
    }

    .map_over .container .col-lg-12 {
        padding-left: 0px !important;
        position: relative;
        margin: 0 auto;
    }

    .captchabox {
        width: 88%
    }
}

@media(min-width:1180px) and (max-width:1300px) {
    .captchabox {
        width: 97%;
        margin: 0 auto
    }

    .content_section > div > div:nth-child(2) {
        margin-top: 0px
    }
}

@media(min-width:0px) and (max-width:768px) {
    .boxlistx > div > div div strong {
        font-size: 0.8em;
    }

    .boxtile div {
        margin-bottom: 20px !important;
    }

    .listingsec div div {
        height: auto !important;
    }

    .banner {
        overflow: hidden;
    }

    .flotingtext {
        top: 10%;
    }

    .captchabox {
        padding-top: 0px;
        width: 100%;
    }
}


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

    .formbg {
        text-align: center !important;
    }

    .click_cust {
        height: 41px;
        background-color: #01015f;
        color: #fff;
        ;
    }

    .twosec2 {
        margin-top: 150px;
    }

    .rfqhome input {
        display: block;
        width: 190px;
        border: 1px solid #eee;
        padding: 10px 15px;
        float: left;
    }

    .more_btn {
        margin: 0 auto !important;
    }

    .rfq_holdx input {
        width: 85%;
    }

    .cta2 {
        display: none;
    }

    .bgcons {
        margin-top: 20px;
    }

    .boxtile div {
        margin: 0px 0px 8px 0px;
    }

    .metro-tile h1 {
        font-size: 2.3em;
    }

    .boxtile div span,
    .boxtileopen span {
        font-size: 1.2em;
    }
}

@media(min-width:751px) and (max-width:768px) {
    .captchabox div:nth-of-type(2) {
        font-size: 0.8em !important
    }

    .captchabox {
        width: 100% !important
    }

        .captchabox .col-md-4 {
            width: 33%;
            float: left
        }
}

@media(min-width:800px) and (max-width:1020px) {
    .captchabox div:nth-of-type(2) {
        font-size: 0.8em !important
    }

    .captchabox {
        width: 100% !important
    }

        .captchabox .col-md-4 {
            width: 33%;
            float: left
        }
}

@media(min-width:1667px) and (max-width:80000px) {
    .fixf {
        position: absolute;
        width: 100%;
        display: flex;
        align-items: center;
        height: 40px;
        top: 0px;
        right: 0;
        background-color: #eee;
    }

    .iconbox > div {
        padding: 20px 0px 0px 0px !important;
    }

    .iconbox p {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

@media(min-width:1440px) and (max-width:1666px) {
    .fixf {
        position: absolute;
        width: 468px;
        display: block;
        top: 0px;
        right: 0px;
    }
}

@media(min-width:1444px) and (max-width:1666px) {
    .fixf {
        position: absolute;
        width: 468px;
        display: block;
        top: 0px;
        right: 0px;
    }

    .breadcrumb {
        margin-top: 10px;
    }
}

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



    .lhs .bgcons i {
        margin-left: -22px !important;
        margin-right: -5px !important;
    }

    .fixf {
        position: absolute;
        width: 468px;
        display: block;
        top: 0px;
        right: 0px;
        background-color: #eee;
    }
}

@media(min-width:0px) and (max-width:580px) {
    .banner img {
        height: 100% !important;
        width: 100% !important;
        text-align: left;
        min-height: auto;
    }

    .table_view .table.table-bordered.cage_code td {
        float: left !important;
        display: inline-block !important;
        width: 33.3% !important;
    }

    .cage_code ~ .more_btn {
        margin-top: 15px !important;
    }
}

.cage_code {
    font-size: 14px;
}


@media(min-width:768px) and (max-width:1024px) {
    .bg-footertop > .container {
        width: 99% !important;
    }

    .bg-footertop > .container {
        padding: 20px 0px !important;
    }

    .section-title {
        font-size: 3rem !important;
    }

    .boxlistx > div > div > div {
        margin-top: 0px !important;
    }

    .boxlistx {
        padding-top: 30px;
    }

        .boxlistx > div > div:nth-child(1),
        .boxlistx > div > div:nth-child(2) {
            margin-top: 0px !important;
            z-index: 900;
        }

    .captchabox {
        width: 87%
    }

    .container.bgcons .col-xs-12 {
        width: 50% !important;
    }

    .graybox {
        width: 100%;
        box-shadow: none;
        border: unset;
    }
}






@media(min-width:0px) and (max-width:767px) {
    .lhs .bgcons > div > div {
        text-align: center !important;
    }

    .formbg {
        left: 0;
    }

    .flotingtextx {
        line-height: normal;
    }

    .owl-carousel04x .owl-next,
    .owl-carousel04x .owl-prev {
        margin: 0 auto;
        background-color: #383838;
        height: 40px;
        width: 40px !important;
        display: flex !important;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        color: white;
        position: absolute;
        top: 40%;
        z-index: 1;
        border-radius: 50%;
    }

    .disc_para strong {
        top: auto;
        padding: 0 15px;
        font-size: 15px;
    }

    .bg-blue > div:nth-of-type(1) > div {
        width: 100%;
    }

    .content_section .certifix > div {
        border: none;
    }

    footer {
        padding: 0 !important;
    }

    .owl-carousel03.hpsl .owl-next {
        margin-right: -41px !important;
    }

    .rfqhome button {
        color: #000;
        text-transform: capitalize !important;
        padding: 10px 5px !important;
    }

        .rfqhome button:hover {
            color: #55785f;
        }

        .rfqhome button::before {
            content: '';
            color: #000;
        }

        .rfqhome button:hover::before {
            content: '';
            color: #55785f;
        }



    .main_paging .open > .dropdown-menu {
        padding: 0px 15px;
    }

    .bg-blue .owl-item strong {
        font-size: 1.1em !important;
        padding-left: 15px;
        padding-right: 15px;
    }

    .content_section2 .slidehead2 {
    }

    .pager.pagerx li {
        position: static !important;
    }

    .pager.pagerx .dropdown-menu {
        position: absolute !important;
        margin-top: 0px;
        top: 31px !important;
    }

    .fixed02 .pager.pagerx .dropdown-menu {
        position: absolute !important;
        margin-top: 0px;
        top: 51px !important;
    }





    .lhs .owl-carousel03 .owl-prev {
        color: #fff !important;
        top: -90px !important;
        left: 5px !important;
    }

        .lhs .owl-carousel03 .owl-prev:hover {
            color: #fff !important;
        }


    .lhs .owl-carousel03 .owl-next {
        color: #fff !important;
        top: -90px !important;
        right: 5px !important;
    }

        .lhs .owl-carousel03 .owl-next:hover {
            color: #fff !important;
        }

    .graybox {
        width: 100%;
        box-shadow: none;
        border: none;
    }

    /*.img_data_sec table td:nth-child(2) p{
	display: flex;
	width: 144px;
	overflow: hidden;
}*/


}

@media(min-width:768px) and (max-width:1279px) {
    .lhs .owl-carousel04x > .owl-stage-outer > div > div img {
        transform: scale(0.8);
        transform-origin: bottom;
    }

    /*.owl-carousel04x .owl-item, .owl-carousel04x > .owl-stage-outer > div > div a{height: 440px;}*/

    .rfqhome button {
        padding: 10px 30px !important;
        margin-top: 0px !important;
    }

    .rfqhome h3 {
        margin-top: 0px !important;
        padding-top: 5px !important;
    }

        .rfqhome h3 br {
            display: none !important;
        }

    .pager.pagerx li {
        position: static !important;
    }

    .pager.pagerx .dropdown-menu {
        position: absolute !important;
        margin-top: 0px;
        top: 31px !important;
    }

    .fixed02 .pager.pagerx .dropdown-menu {
        position: absolute !important;
        margin-top: 0px;
        top: 56px !important;
    }
}

@media(min-width:1200px) and (max-width:1300px) {
    .certifix {
        width: 100% !important;
        transform: scale(0.90);
    }

    .bg-blue > div:nth-of-type(1) > div {
        width: 47%;
    }
}

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


    .pagination_top.default.main_paging,
    .default strong {
        text-align: center !important;
    }


    .flotingheading {
        margin-top: 15px !important;
        position: relative;
        color: #333;
        width: 100% !important;
        padding-bottom: -15px !important;
        text-align: center;
        font-size: 1.4em !important;
    }

    h1.slidehead2 {
        text-align: center;
    }

    .iconbox p {
        border: none !important;
    }

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

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

                .table_holder-listing table tr td:last-child {
                    background-color: #D1D9F7;
                    color: #343434;
                    text-align: center !important;
                    display: block;
                    width: 100%;
                }

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

    .table_holder-listing table tr td:last-child {
        background-color: #D1D9F7;
        color: #343434;
        text-align: center !important;
        display: block;
        width: 100%;
    }

    .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:last-child {
        border-bottom: 2px #1c3284 solid;
    }

        .table_holder-listing table tr td:last-child strong {
            display: none !important;
        }
}

/**********************************************************************/

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

    .move_up,
    .materialinput {
        margin-left: 15px !important;
    }

    .tpage .move_up,
    .materialinput {
        margin-left: 0px !important;
    }
}
/*Common Certificate    START*/
@media(min-width:1920px) and (max-width:800000px) {
    .certificate {
        width: 100%;
        background-color: white;
        height: 130px;
    }
}

@media(min-width:1680px) and (max-width:1919px) {
    .certificate {
        width: 100%;
        background-color: white;
        height: 140px;
    }
}

@media(min-width:1440px) and (max-width:1679px) {
    .certificate {
        width: 100%;
        background-color: white;
        height: 140px;
    }
}

@media(min-width:1366px) and (max-width:1439px) {
    .certificate {
        width: 100%;
        background-color: white;
        height: 165px;
    }
}

@media(min-width:1280px) and (max-width:1365px) {
    .certificate {
        width: 100%;
        background-color: white;
        height: 140px;
    }
}

@media(min-width:1024px) and (max-width:1279px) {
    .certificate {
        width: 100%;
        background-color: white;
        height: 240px;
    }
}

@media(min-width:980px) and (max-width:1023px) {
    .certificate {
        width: 100%;
        background-color: white;
        height: 240px;
    }
}

@media(min-width:800px) and (max-width:979px) {
    .certificate {
        width: 100%;
        background-color: white;
        height: 245px;
    }
}

@media(min-width:768px) and (max-width:799px) {
    .certificate {
        width: 100%;
        background-color: white;
        height: 345px;
    }
}

@media(min-width:600px) and (max-width:767px) {
    .certificate {
        width: 100%;
        background-color: white;
        height: 340px;
    }
}

@media(min-width:480px) and (max-width:599px) {
    .certificate {
        width: 100%;
        background-color: white;
        height: 445px;
    }
}

@media(min-width:400px) and (max-width:479px) {
    .certificate {
        width: 100%;
        background-color: white;
        height: 441px;
    }
}

@media(min-width:0px) and (max-width:399px) {
    .certificate {
        width: 100%;
        background-color: white;
        height: 588px;
    }
}
/*     Common Certificate    END  */
@media(min-width:1280px) and (max-width:800000px) {
    .nchanddown ul li:before {
    }

    .nchanddown ul {
        margin-top: 32px !important;
    }

    .nochainax {
        margin-top: 32px !important;
    }

    .nochina span {
        margin-top: 32px !important;
    }
}
@media (max-width: 767px) {
    #site-title {
        font-size: 20px;
    }
}
@media(min-width:0px) and (max-width:539px) {

    .paymentimg {
        width: 100% !important;
    }
}
@media only screen and (min-width:280px) and (max-width:319px) {
    #site-title {
        font-size: 15px;
    }
}
@media only screen and (min-width:320px) and (max-width:374px) {
    #site-title {
        font-size: 18px;
    }
}