@import url('https://fonts.googleapis.com/css?family=Rajdhani');

 h1,h2,h3,h4,h5,h6{

     font-family: 'Arial Narrow Bold', sans-serif;

     color: #222;

}

 body{

     font-family: 'Arial Narrow', sans-serif;

     color: #222;

}

 .top_header{

     padding: 0px 0 0 0;

     background: #efefef;

}

 .logo {

     background: #efefef;

     position: absolute;

     z-index: 111;

     top: -56px;

     padding: 34px 4px;

     box-shadow: 0px 8px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);

}

 .logo img{

     margin-top:23px;

}

 .text-holder p {

     font-size: 17px;

}

 header{

     position: absolute;

     width: 100%;

     z-index: 999;

}

 .call-us ul {

     list-style-type: none;

     line-height: 1.3;

     padding-top:0px;

}

 .header ul {

     float: right;

     list-style: none;

     padding: 0;

     margin: 0;

}

 .ast{

     font-size: 17px;

     display: block;

}

 .ul.water{

     text-align: center;

     margin: 0 auto;

}

 .row {

     margin-bottom: 0px !important;

}

 .header ul li {

     float: left;

     position: relative;

}

 .descri{

     font-size: 17px;

     margin-top: 16px !important;

}

 .call-us{

     margin-top:9px;

}

 .call-us ul li:first-child {

     padding-left: 49px;

}

 .call-us ul li {

     display: inline-block;

     font-weight: bold;

     padding: 0 1px;

     vertical-align: top;

     position: relative;

     padding-left: 33px;

}

 .call-us ul li .icon-fa {

     font-size: 50px;

     font-weight: 400;

     font-family: oswald;

     float: left;

     display: inline;

     margin-left: 3px;

     margin-right: 3px;

     color: rgba(255, 255, 255, 0.58);

     line-height: 47px;

}

 .call-us ul li .position {

     float: left;

     display: inline;

     margin-left: 6px;

     margin-right: 6px;

     padding-top: 5px;

     color: rgba(255, 255, 255, 0.58);

}

 .call-us{

     float:right;

}

 .call-us ul li:first-child:after {

     content: "";

     background: #d5dce4;

     display: block;

     position: absolute;

     right: -15px;

     top: -5px;

     width: 1px;

     height: 67px;

}

 .call-us ul li {

     display: inline-block;

     font-weight: bold;

     padding: 0 1px;

     vertical-align: top;

     position: relative;

     padding-left: 33px;

}

 .img100{

    width:100%

}

 .blankspace{

     width: 12.5% !important;

}

 .sec-innertitle {

     padding-bottom: 30px;

     position: relative;

}

 .sec-innertitle h2 {

     font-size: 25px;

     margin: 0px;

     padding: 0px 0;

     text-transform: uppercase;

}

 .sec-innertitle span {

     color: #103389;

}

 .indus-title{

     margin: 0;

     font-size: 20px;

     padding: 5px 0px;

}

 .indus-title a:hover{

     text-decoration:none;

}

 .pdb15{

     padding-bottom: 15px;

}

 .fa {

     display: inline-block;

     font: normal normal normal 14px/1 FontAwesome;

     font-size: inherit;

     text-rendering: auto;

     -webkit-font-smoothing: antialiased;

     -moz-osx-font-smoothing: grayscale;

     color: #333;

}

 .call-us ul li .time_block {

     color: #333;

     font-size: 17px;

     font-weight: 500;

     padding-bottom: 2px;

}

 .date-block {

     color: #333;

}

 .phone-nomber a{

     font-size: 23px;

     color: #333;

     text-decoration: none;

}

 .section {

     padding-top: 0rem !important;

     padding-bottom: 0rem !important;

}

 .about_us{

     background: #fff;

     position: absolute;

     width: 100%;

     bottom: 103px;

}

 .about_bg{

     background: url(../image/about_us_bg.jpg);

     height: 350px;

     padding-top: 23px;

     margin-top: -15px;

     position: relative;

     background-size: cover;

     width: 100%;

}

 .hd_about{

     text-align: center;

     padding-top: 20px;

}

 .bg_color{

     position: absolute;

     width: 100%;

     bottom:-25px;

}

 .about_img img{

     width: 100%;

     margin-left: 62px;

     margin-top: 31px;

}

 .about_us_page{

     margin-top: 15px;

     margin-bottom: 38px;

}

 .bg_ab{

     background: #fff;

     margin-right: 0px;

     margin-top: 56px;

     position: absolute;

     right: 93px;

     top: -201px;

     box-shadow: 0 0 10px 0 #ccc;

}

 .about_company {

     padding: 40px 34px;

}

 .services{

     text-align: center;

     margin-top: 3rem;

}

 .services h2{

     font-size: 46px;

     font-weight: 500;

     margin-bottom:5rem;

}

 .hd_about h2{

     font-size: 46px;

     font-weight: 500;

}

 .core_values li{

     padding: 4px;

}

 .text-box_values h3{

     font-size: 22px;

     padding-top: 7px;

}

 .servoces_section{

     background: url(../image/services_bg.jpg);

     background-repeat: no-repeat;

     background-size: cover;

     margin-top: 0rem;

     padding-bottom: 5rem;

     padding: 56px 0;

}

.news_infor::placeholder, .text_message::placeholder {color: #333;}

 #owl-demo .item{

     margin: 0px;

     color: #FFF;

     -webkit-border-radius: 3px;

     -moz-border-radius: 3px;

     border-radius: 3px;

     text-align: center;

}

 .owl-buttons {

     display: none;

}

 .top_35{

     margin-top:45px;

}

 footer{

     background: #151414;

     padding-top: 50px;

}

 .add p{

     color:#ccc;

}

 .Free{

     display:block;

}

 .Suite{

     color:#fff;

}

 .socil_icons{

     text-align:center;

     margin-bottom: 25px;

}

 .socil_icons li{

     display: inline-block;

     font-size: 22px;

     width: 40px;

     height: 40px;

     border: 1px solid #ccc;

     padding: 3px 6px;

     margin-left: 10px;

}

 .footer_home{

     text-align:center;

     margin-top: 8px;

     float: right;

}

 .footer_home li{

     display: inline-block;

     list-style: none;

     padding: 5px;

     margin-top: 10px;

}

 .footer_home li a{

     color:#ccc;

     text-decoration:none;

     font-size:14px;

}

 .footer_home li a:hover{

     color:#fff;

}

 .footer_logo{

     margin-top: 0px;

     margin: 0 auto;

     text-align: center;

}

 .clints_reviews {

     margin-bottom: 10px;

     padding-top: 46px;

}

 .reserveds{

     text-align: center;

     border-top: 1px solid #cccccc47;

     border-top-style: dotted;

}

 .reserved_design{

     margin-top: 10px;

     text-align: right;

}

 .reserved{

     text-align: left;

}

 .reserved p{

     color:#fff;

     margin-top: 8px;

}

 .three{

     color:#ccc;

     text-decoration:none;

}

 .three:hover{

     color:#fff;

     text-decoration:none;

}

 #about_header{

     background-color: #11338a;

}

 #banner_about{

     background-image: url(../image/banner_about.jpg);

     background-size: 100% 100%;

     background-position: 50%;

     padding: 420px 0 0px;

     height: 645px;

}

 #company-overviews-banner{

     background-image: url(../image/company-overview-banner.jpg);

     background-size: 100% 100%;

     background-position: 50%;

     padding: 420px 0 0px;

     height: 645px;

}

 #product-banner{

     background-image: url(../image/product-banner.jpg);

     background-size: 100% 100%;

     background-position: 50%;

     padding: 420px 0 0px;

     height: 645px;

}

 #industry-banner{

     background-image: url(../image/industry-banner.jpg);

     background-size: 100% 100%;

     background-position: 50%;

     padding: 420px 0 0px;

     height: 645px;

}

 #service-banner{

     background-image: url(../image/service-banner.jpg);

     background-size: 100% 100%;

     background-position: 50%;

     padding: 420px 0 0px;

     height: 645px;

}

 #quality-banner{

     background-image: url(../image/quality-banner.jpg);

     background-size: 100% 100%;

     background-position: 50%;

     padding: 420px 0 0px;

     height: 645px;

}

 #news-banner{

     background-image: url(../image/news-banner.jpg);

     background-size: 100% 100%;

     background-position: 50%;

     padding: 420px 0 0px;

     height: 645px;

}

 #contact-banner{

     background-image:url(../image/contact-banner.jpg);

     background-size: 100% 100%;

     background-position: 50%;

     padding: 420px 0 0px;

     height: 645px;

}

 #oil_industry{

     background-image: url(../image/oil-and-gas-banner.jpg);

     background-size: 100% 100%;

     background-position: 50%;

     padding: 420px 0 0px;

     height: 645px;

}

 #oil_gas_service{

     background-image: url(../image/services/oil-gas-service-banner.jpg);

     background-size: 100% 100%;

     background-position: 50%;

     padding: 420px 0 0px;

     height: 645px;

}

 @media (max-width: 1024px){

     #banner_about, #company-overviews-banner, #product-banner, #industry-banner, #service-banner, #quality-banner, #news-banner, #contact-banner, #oil_industry, #oil_gas_service{

         height: 590px;

         padding: 370px 0 0px;

    }

}

 @media (max-width: 1366px){

     #banner_about, #company-overviews-banner, #product-banner, #industry-banner, #service-banner, #quality-banner, #news-banner, #contact-banner, #oil_industry, #oil_gas_service{

         height: 590px;

         padding: 370px 0 0px;

    }

     .special-product1{

        height: 315px;

    }

}

 .valves-industrial h4{

     font-size:20px;

}

 .page_about{

     text-align: center;

     padding: 124px 0;

}

 .pipess img{

    width:100%;

}

 .page_about h2{

     background: #fff;

     padding: 47px;

     width: 40%;

     position: absolute;

     top: 73px;

     left: 31%;

     margin: 0 auto;

     text-align: -webkit-center;

}

 .title_row {

     background: rgba(255, 255, 255, 0.68);

     padding: 18px 1px;

     text-align: center;

     width: 678px;

     margin: 0 auto;

     margin-top: 50px;

     font-size:16px;

     border-radius: 4px;

}

 .about-interrio-area {

     padding:70px 0px;

}

 .img-holder img{

     width: 100%;

}

 .about-interrio-area_about{

     padding: 70px 0px;

}

 .about-interrio-area_3d{

     padding: 70px 0;

}

 .text-box {

     margin-top: 20px;

     margin-left: 127px;

}

 .about-interrio-areass{

     height: 600px;

     padding-top: 38px;

}

 .about-interrio-area_build{

     padding: 70px 0;

}

 .edibg{

     padding: 10px 0px;

}

 .contbg{

     background: rgb(17,51,138);

     background: linear-gradient(90deg, rgba(17,51,138,1) 0%, rgba(10,91,172,1) 35%, rgba(1,147,218,1) 100%);

     color:#fff;

}

 .col-w{

     color:#fff;

}

 .sec-title {

     padding-bottom: 40px;

     position: relative;

}

 section.about-interrio-areass {

     padding: 70px 0;

}

 .sec-title span.decor {

     background: #009adf none repeat scroll 0 0;

     height: 2px;

     width: 78px;

     display: inline-block;

     position: relative;

     z-index: 1;

}

 .sec-title span.decor:before {

     position: absolute;

     top: -3px;

     left: 0;

     width: 8px;

     height: 8px;

     background: #11338a;

     border-radius: 50%;

     content: "";

}

 .about-interrio-area .text-holder h3 {

     color: #252525;

     font-size: 20px;

     font-weight: 500;

     margin: -5px 0 24px;

     line-height: 32px;

}

 .about-interrio-area .text-holder .signature-and-name {

     margin: 30px 0 0;

}

 .about-interrio-area .text-holder .signature-and-name .signature, .about-interrio-area .text-holder .signature-and-name .name {

     display: table-cell;

     vertical-align: middle;

}

 .about-interrio-area .text-holder .signature-and-name .name {

     padding-left: 30px;

}

 .about-interrio-area .single-item .img-holder {

     position: relative;

     overflow: hidden;

}

 .overlay {

     background-color: rgba(0,0,0, .60);

     text-align: center;

     position: absolute;

     left: 0;

     top: 0;

     width: 100%;

     height: 100%;

     color: #fff;

     opacity: 0;

     filter: alpha(opacity=0);

     -webkit-transition: all 450ms ease-out 0s;

     transition: all 450ms ease-out 0s;

     -webkit-transform: rotateY(180deg) scale(0.5,0.5);

     transform: rotateY(180deg) scale(0.5,0.5);

}

 .overlay .box {

     display: table;

     height: 100%;

     width: 100%;

}

 about-interrio-area .single-item .text-box {

     margin: 28px 0 0;

}

 .about-interrio-area .single-item .img-holder {

     position: relative;

     overflow: hidden;

}

 .about-interrio-area .single-item .text-box {

     margin: 28px 0 0;

}

 figure {

     margin: 0em 0px !important;

}

 .view_more{

     display:block;

}

 .view_more a{

     color:#fff !important;

     font-size:17px;

     text-decoration:none;

}

 figure.effect-sadie {

     cursor: pointer;

}

 .about_company p{

     text-align: left;

     font-size: 17px;

}

 .about_company a{

     text-align:left;

}

 @media (max-width: 1366px) {

     .about_bg {

         height: 273px;

    }

     .about_img img {

         width: 100%;

         margin-left: 21px;

         margin-top: 33px;

    }

     .about_company {

         padding: 12px 5px;

    }

     figure.effect-sadie h2 {

         width: 93.5% !important;

         font-size: 22px !important;

    }

     figure.effect-sadie figcaption::before {

         width: 94% !important;

    }

     .grid figure{

        height: 275px;

    }

     .serve{

        font-size: 25px !important;

    }

     .uspd{

        font-size: 17px !important;

    }

     .view_details{

        width: 35% !important;

    }

     .view_more{

        padding: 7px 15px !important;

         width: 30% !important;

    }

     figure.effect-sadie p{

        bottom: -10px !important;

    }

     .join_us_img img{

        height: 294px;

    }

}

 @media (max-width: 1024px) {

     .container {

         width: 90% !important;

    }

     figure.effect-sadie h2 {

         font-size: 30px !important;

    }

     figure.effect-sadie p {

         bottom: -18px !important;

    }

     .slide-text h3{

         font-size: 22px !important;

    }

     .slide-text p{

         font-size: 21px !important;

    }

}

 @media (max-width: 768px) {

     .logo {

         text-align: center;

         padding-bottom: 25px;

    }

     #cssmenu #menu-button::before {

         width: 22px;

         height: 7px;

         border-top: 2px solid #fff;

         border-bottom: 2px solid #fff;

    }

     #cssmenu #menu-button::after {

         width: 22px;

         background: #fff;

    }

     #cssmenu #menu-button {

         color: #fff;

    }

     #cssmenu ul ul li a {

         font-size: 14px;

         color: #fff;

    }

     #cssmenu .submenu-button::before {

         background: #fff;

    }

     #cssmenu .submenu-button::after {

         background: #fff;

    }

     .hd_about h2 {

         font-size: 36px;

    }

     .about_img{

         display:none;

    }

     .bg_ab {

         background:none !important;

         bottom: 0px !important;

    }

     .about_company {

         background: #fff !important;

    }

     #products_offer{

        margin-top: 8rem;

    }

     .slide-text h3{

        font-size: 25px !important;

        margin-left: 0px !important;

    }

     .slide-text p {

        font-size: 17px !important;

    }

     .col-sm-12 {

         -ms-flex: 0 0 58.333333% !important;

         flex: 0 0 100% !important;

         max-width: 100% !important;

    }

     .bg_ab {

         margin-right: 0px;

         margin-top: 0px;

         position: relative;

         right: 15px;

         top: 65px;

         box-shadow: none;

    }

     figure.effect-sadie figcaption::before {

         width: 95% !important;

    }

     figure.effect-sadie h2 {

         width: 91.5% !important;

         font-size:17px !important;

         top: 20% !important;

         padding: 11px 0 !important;

    }

     .padd_768{

         margin-top:25px;

    }

     .footer_logo img {

         margin-left: -18px;

         width: 158px;

    }

     .call-us ul li {

         padding-left: 15px !important;

    }

     .call-us ul li .icon-fa {

         font-size: 35px;

    }

     .about-interrio-area {

         padding-bottom: 81px;

         padding-top: 20px;

         height: 980px !important;

    }

     .text-box h3 {

         font-size: 31px;

    }

     .addres_maker{

        width:auto !important;

        height:auto !important;

    }

     .title_row{

        width:100%

    }

     .footer_logo{

        padding:20px 0px;

        text-align: center;

    }

     .serve{

        font-size: 20px !important;

    }

     .uspd{

        font-size: 13px !important;

    }

     .view_details{

        width: 55% !important;

    }

     .view_more{

        padding:2px 10px !important;

         width:32% !important;

    }

     .view_more a{

        font-size:14px !important

    }

     figure.effect-sadie p{

        bottom: -32px !important;

    }

     .box-2{

        width:50% !important;

    }

     .gc--1-of-3, .gc--2-of-3{

        width:100% !important;

    }

}

 .read_more{

     text-align: left;

}

 .read_more a{

     font-weight: 900;

     text-decoration: none;

}

 .about_img {

     position: absolute;

     top: -17rem;

}

 .page-breadcrumb a {

     color: #11338a;

     text-decoration: none;

     text-align: -webkit-center;

}

 .arrow{

     color: #cd2e0f;

}

 .arrow i{

     color:#103389;

}

 .text-box h3 {

     font-size: 27px;

     margin-top: -8px;

}

 .about_tagline{

     font-size: 27px;

     text-transform: uppercase;

}

 .sec-title span{

     color: #103389;

}

 .system_panel{

     background: #5c9bd512;

     padding: 141px 33px;

     height: 340px;

     border-radius: 4px;

     box-shadow: 0 0 10px 0 #ccc;

}

 .system_panel h3{

     font-size: 25px;

     text-align:center;

}

 .box-1{

     float: left;

     width: 33%;

}

 .system_panel p{

     text-align: center;

}

 .box-2{

     float: left;

     width: 66.6%;

}

 .top_20{

     margin-top:30px;

}

 .stytem{

     position: absolute;

     left: 38%;

     top: 23px;

}

/*------------------------------------------------------------------------------------------------tab List Css--------------------------------------------------------------*/

 .grid {

     list-style: none;

     margin-left:0px;

}

 .gc {

     box-sizing: border-box;

     display: inline-block;

     margin-right: -0.25em;

     min-height: 1px;

     padding-left: 0px;

     vertical-align: top;

}

 .gc--1-of-3 {

     width: 28.33333%;

}

 .gc--2-of-3 {

     width: 71.66666%;

}

 .naccs {

     position: relative;

     max-width: 100%;

     margin: 8px auto 0;

}

 .naccs .menu div {

     padding: 15px 20px 15px 40px;

     margin-bottom: 10px;

     color: #fff;

     box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);

     cursor: pointer;

     font-size: 17px;

     position: relative;

     vertical-align: middle;

     font-weight: 700;

     transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);

     background: #ef7e30b3;

}

 .naccs .menu div:hover {

     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}

 .naccs .menu div span.light {

     height: 10px;

     width: 10px;

     position: absolute;

     top: 24px;

     left: 15px;

     background-color: $base-color;

     border-radius: 100%;

     transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);

}

 .naccs .menu div.active span.light {

     background-color: #103389;

     left: 0;

     height: 100%;

     width: 5px;

     top: 0;

     border-radius: 0;

}

 .naccs .menu div.active {

     color: #third-color;

     padding: 15px 20px 15px 20px;

     background: #269adf9e;

}

 ul.nacc {

     list-style: none;

     margin: 0;

     padding: 0;

     transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165, 1);

}

 ul.nacc li {

     opacity: 0;

     display:none;

     transform: translateX(50px);

     list-style: none;

     transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);

}

 ul.nacc li.active {

     transition-delay: 0.3s;

     z-index: 2;

     opacity: 1;

     display:block;

     transform: translateX(0px);

     width: 100%;

}

 ul.nacc li p {

     margin: 0;

}

 .corbon-steel img{

     width: 100%;

     background: #103389a6;

     padding: 4px;

}

 .steel_section{

     padding: 0px 0px 0 0px;

}

 .corbon_steel h3{

     font-size: 23px;

     margin-top: -6px;

}

 .text_para{

     line-height: 25px;

}

 .contact_us{

     background: #cccccc96;

     text-align: -webkit-center;

     padding: 1px;

     border-radius: 4px;

}

 .contact_us h4{

     font-size: 22px;

     line-height: 1;

     border-radius: 0;

     font-weight: 600;

     padding: 0 5px;

}

 .get_in_touch{

     border-right: 1px dotted #103389;

     border-left: 1px dotted #103389;

     border-bottom: 1px dotted #103389;

     padding: 10px;

}

 .get_in_touch ul li{

     line-height: 34px;

}

 .widget {

     margin-bottom: 50px;

}

 .btn-secondary, a.btn-secondarys {

     color: #ffffff;

     background-color: #103389 !important;

     border-color: #103389 !important;

     text-decoration: none;

     outline: none;

     transition: 1s;

     box-shadow: 0 0 40px 0 #ccc;

}

 .btn_brochure {

     padding: 14px 35px;

     font-size:22px;

     line-height: 1;

     border-radius: 0;

     font-weight: 600;

     padding: 21px 23px 23px 36px;

}

 .btn-secondarys:hover {

     color: #fff;

     background-color: #ef7e30 !important;

     border-color: #ef7e30 !important;

}

 .align-left {

     text-align: left;

}

 .pdf_file{

     color: #fff;

     padding:0 5px;

}

 .building img{

     width: 100%;

}

 .building_dron {

     margin-top: 30px;

}

 .building_dron p{

     line-height: 25px;

     font-family: 'Arial Narrow', sans-serif;

     font-size: 17px;

     color: #696767;

     text-align: justify;

}

 .slide-text h3{

     color: #fff;

     font-size: 22px;

     font-weight:600;

     font-family: 'Rajdhani', sans-serif;

}

 .slide-text p {

     font-size: 20px;

     padding-top: 30px;

     font-family: 'Rajdhani', sans-serif;

}

 .title h3{

     font-size: 25px;

     color: #fff;

}

 .texter_bg{

     background:url(../image/bg_img.png);

}

 .innertexts p{

     text-align:left;

}

 .ball-valves-p1, .ball-valves-p2, .ball-valves-p3{

     width: 33.33%;

     float:left;

}

 .ball-valves-p1 h5, .ball-valves-p2 h5, .ball-valves-p3 h5{

     margin: 0px 0px 5px;

     font-size: 18px;

}

 .ball-valves-p1 p, .ball-valves-p2 p, .ball-valves-p3 p{

     margin: 0 0 5px;

}

 .special-design h5{

     margin: 0px 0px 5px;

     font-size: 18px;

}

 .special-design p{

     margin: 0 0 5px;

}

 .sidebar-widget {

     position: relative;

     margin-bottom: 40px;

}

 .blog-cat {

     position: relative;

     border: 1px solid #dddddd;

}

 .blog-cat li {

     position: relative;

     border-bottom: 1px solid #d45905;

}

 .blog-cat li a {

     position: relative;

     color: #333333;

     font-size: 17px;

     font-weight: 500;

     padding: 22px 15px 22px 50px;

     display: block;

     background-color: #f6f6f6;

     transition: all 500ms ease;

     -moz-transition: all 500ms ease;

     -webkit-transition: all 500ms ease;

     -ms-transition: all 500ms ease;

     -o-transition: all 500ms ease;

     font-family: 'Montserrat', sans-serif;

}

 .blog-cat li:after {

     position: absolute;

     content: '';

     right: -1px;

     top: 50%;

     opacity: 0;

     margin-top: -5px;

     transition: all 500ms ease;

     -moz-transition: all 500ms ease;

     -webkit-transition: all 500ms ease;

     -ms-transition: all 500ms ease;

     -o-transition: all 500ms ease;

     border-top: 5px solid transparent;

     border-right: 8px solid #ffffff;

     border-bottom: 6px solid transparent;

}

 .blog-cat li a:before {

     position: absolute;

     content: '\f0da';

     left: 28px;

     top: 22px;

     color: #aaaaaa;

     font-size: 18px;

     font-family: 'FontAwesome';

}

 .blog-cat li a:hover::before, .blog-cat li.active a::before {

     color: #ffffff;

}

 .blog-cat li.active a, .blog-cat li a:hover {

     color: #ffffff;

     background-color: #ef7e30;

}

 .blog-cat li a {

     position: relative;

     color: #333333;

     font-size: 17px;

     font-weight: 500;

     padding: 22px 15px 22px 50px;

     display: block;

     text-decoration: none;

     background-color: #cccccc96;

     transition: all 500ms ease;

     -moz-transition: all 500ms ease;

     -webkit-transition: all 500ms ease;

     -ms-transition: all 500ms ease;

     -o-transition: all 500ms ease;

}

 .text_area{

     border: none;

     border-bottom: 1px solid #ccc;

     outline: none;

     padding: 0 1px !important;

}

 .reach_us_form{

     border: none !important;

     border-bottom: 1px solid #ccc !important;

     width: 100% !important;

     outline:none !important;

     padding: 0 1px !important;

     font-size: 1rem;

}

 blockquote {

     margin: 20px 0;

     padding-left: 1.5rem;

     border-left: 7px solid #103389;

     padding: 8px 14px;

}

 blockquote h5{

     font-size: 24px !important;

}

 .piping img{

     width: 100%;

     margin-top: 15px;

     background: #ccc;

     padding: 5px;

}

 .product_graph h3 {

     font-size: 17px;

     font-weight: 500;

}

 .average{

     background: #cccccc0a;

     padding: 50px 23px;

     box-shadow: 0 0 10px 0 #ccc;

     margin-top: 60px;

}

 .text-box p{

     font-size: 17px;

}

 .text-box h3{

     font-size: 25px;

}

 .submit-btn{

     background: #f00;

     padding: 8px 20px;

     border-radius: 4px;

     border: none;

     color: #fff;

     font-size: 19px;

     margin-top: 11px;

     margin-bottom: 11px;

     outline: none;

}

 .addres_maker{

     width: 80px;

     height: 58px;

}

 .addres_maker i{

     border: 1px solid #ccc;

     width: 45px;

     height: 45px;

     border-radius: 30px;

     padding: 12px 15px;

     font-size: 19px;

     margin-bottom: 10px;

}

 .mt10{

    margin-top: 10px;

}

 .mt15{

    margin-top: 15px;

}

 .mt20{

    margin-top: 20px;

}

 .mt25{

    margin-top: 25px;

}

 .mt30{

    margin-top: 30px;

}

 .mt35{

    margin-top: 35px;

}

 .mt40{

    margin-top: 40px;

}

 .view_more{

     border: 1px solid #ccc;

     padding: 7px 29px;

     width: 30%;

     margin-top: 10px;

     color: #fff !important;

     text-decoration: none !important;

     border-radius: 4px;

     font-size: 17px;

}

 .reach_us_form_attched{

     border-bottom: 1px solid #ccc;

     padding-bottom: 22px;

     outline: none;

}

 .sctreel img{

     margin-top: 18px;

     background: #fff;

     padding:10px;

     width:100%;

}

 .steel_services{

     background: rgba(204, 204, 204, 0.11);

     padding: 27px 15px;

}

 .serach_text{

     width: 100%;

}

 .search_here ul li{

     display: inline-block;

}

 .phone-nomber {

     text-align: -webkit-right;

}

 .search_area {

     padding: 3px 3px;

     margin-top: -8px;

     -webkit-box-shadow: 0 0 2px rgba(43,48,52,0.2);

     box-shadow: 0 0 2px rgba(43,48,52,0.2);

     position: absolute;

     top: 14px;

     display: inline-block;

     opacity: 0.85;

     left: 0px;

     outline: none;

     width: 100%;

}

 .search_area .search {

     height: 30px;

     background: #fff;

     display: -webkit-box;

     display: -webkit-flex;

     display: -ms-flexbox;

     display: flex;

     -webkit-flex-wrap: nowrap;

     -ms-flex-wrap: nowrap;

     flex-wrap: nowrap;

}

 .search_area .search input {

     background: transparent;

     border: 0;

     width: 314px;

     -webkit-transition: width 0.2s ease-in-out;

     transition: width 0.0s ease-in-out;

     height: 30px;

     padding: 0 10px 0 15px;

     font-weight: 100;

     outline: none !important;

     border-bottom: none !important;

}

 .search_area .search button {

     background-color: transparent;

     border: 0;

     cursor: pointer;

     font-size: 17px;

    /* margin-right: 32px;

     */

     outline: 0;

     right: 5px;

     position: absolute;

     top: 5px;

     -webkit-transition: color 0.3s ease;

     transition: color 0.3s ease;

}

 .earch_hereas{

     text-align: right;

}

 .home_page{

     color: #fff;

     font-size: 19px;

     outline: none;

}

 #products_offer{

     background: rgba(204, 204, 204, 0.24);

     margin-top: 14rem;

     padding-top: 56px;

}

 .sec-title h2 {

     font-size: 28px;

     margin-bottom: 15px !important;

     margin: 0px;

     padding: 0px 0;

     text-transform: uppercase;

}

 .we_offer{

     background: #fff;

}

 section#industries-serve {

     padding: 67px 0;

}

 .single-service {

     background: #f2f2f2;

     color: #afbfd0;

     margin-bottom: 30px;

     overflow: hidden;

     padding: 40px 20px;

     position: relative;

     text-align: center;

     z-index: 1;

}

 .single-service_padd {

     background: #f2f2f2;

     color: #afbfd0;

     margin-bottom: 30px;

     overflow: hidden;

     padding: 50px 20px;

     position: relative;

     text-align: center;

     z-index: 1;

}

 .single-service_padd_btm {

     background: #f2f2f2;

     color: #afbfd0;

     margin-bottom: 30px;

     overflow: hidden;

     padding: 51px 20px;

     position: relative;

     text-align: center;

     z-index: 1;

}

 .over-layer-white:before {

     content: "";

     position: absolute;

     top: 0;

     left: 0;

     width: 100%;

     height: 100%;

     z-index: 0;

     background-color: rgba(255, 255, 255, 0.89);

}

 .single-service .service-iteam-1 {

     display: flex;

     -ms-flex-direction: column;

     flex-direction: column;

     height: 100%;

     -webkit-box-pack: center;

     -ms-flex-pack: center;

     justify-content: center;

     left: 0;

     position: absolute;

     top: 0;

     -webkit-transition: all 0.3s ease 0s;

     transition: all 0.3s ease 0s;

     width: 100%;

     border: 1px solid #ccc;

     cursor: pointer;

}

 .single-service h6 {

     font-size: 18px;

     text-transform: uppercase;

     margin-top: 20px;

     color: #333;

}

 .single-service i::before {

     font-size:24px;

     color: #f59000;

}

 .service-details {

     opacity: 0;

     -webkit-transform: translateY(50px);

     transform: translateY(50px);

     -webkit-transition: all 0.3s ease 0s;

     transition: all 0.3s ease 0s;

     cursor: pointer;

}

 .single-service:hover .service-details {

     opacity: 1;

     -webkit-transform: translateY(0px);

     transform: translateY(0px);

}

 .service-details p {

     color: #333;

     margin-bottom: 10px;

     font-size: 17px;

}

 .single-service:hover .service-iteam-1 {

     opacity: 0;

     -webkit-transform: translateY(-50px);

     transform: translateY(-50px);

}

 .about-content a {

     color: #f59000;

}

 .read-more{

     font-size: 17px;

     text-decoration: none !important;

}

 .read-more i{

     bottom: -1px;

     position: absolute;

     padding: 0 10px;

     font-size: 10px;

}

 .about-interrio-area_experties{

     padding-top: 30px;

}

 .serve{

     font-size:30px;

     color: #fff;

}

 .view_details{

     display: block;

     margin-top: 5px;

     border: 1px dotted #ccc;

     padding: 5px;

     width: 24%;

    /* margin: 0 auto;

     */

     text-align: -webkit-center;

}

 .building{

     color: #fff;

}

 .about_us_page p {

     font-size: 17px;

}

 .we_are{

     text-align: left;

}

 .building:hover{

     color: #fff;

     text-decoration: none;

}

 .get_in ul li{

     font-size: 18px;

     padding: 0 3px;

}

 .news_letter{

     display: block;

}

 .icons_news{

     position: absolute;

     left: 1rem;

}

 .panel-heading {

     text-align: -webkit-left;

     font-size: 26px;

}

 .news_here{

     font-size: 31px;

     text-transform: uppercase;

     color: #696767;

     font-family: 'Arial Narrow', sans-serif;

}

 .news_infor{

     outline: none !important;

     border-bottom: 1px solid #ccc !important;

     margin: 0 0 10px 0 !important;

     padding: 0 15px !important;

     width: 93% !important;

}

 .text_message{

     border: none !importnat;

     border: none !important;

     outline: none;

     border-bottom: 1px solid #ccc !important;

     margin-top:0px;  

     padding: 0 15px;

	 height: 97px;

}

 .let_us{

     margin-bottom:0px;

     background: #f5f5f5;

     padding: 19px;

     border-radius: 5px;

}

 .text-box_values{

     background: #cccccc70;

     margin-top: -21px;

     padding: 0px 50px 5px 33px;

}

 .about-interrio-area_technical{

     padding: 70px 0 65px;

}

 .tracking li{

     list-style: none;

     padding: 3px 15px;

     background: url(../image/bulets.png) no-repeat left top 8px;

     padding-left: 24px;

}

 . .privacy{

     margin: 0 auto;

     text-decoration: none;

}

 .privacy_com:hover{

     text-decoration: none;

}

 .privacy li{

     margin-bottom: 20px;

}

 .join_us_img img{

     border: 5px solid #ccc;

     width: 100%;

}

 .panel-heading {

     padding: 0px 15px;

     border-bottom: 1px solid transparent;

     border-top-right-radius: 3px;

     border-top-left-radius: 3px;

}

 .img-holders_vision {

     position: absolute;

     background: #ccc6;

     border-radius: 4px;

     padding: 9px;

}

 .img-holders_vision img {

     width: 90px;

}

 .core_values {

     margin-bottom: 30px;

     text-align: -webkit-center;

}

 .box-2{

     width: 20%;

     text-align: -webkit-center;

}

 .box-2 span{

     display: block;

}

 .box-2 p{

     font-size: 20px;

}

 .box-2 img {

     margin-bottom: 17px;

}

 #core_values{

     background: #cccccc42;

     padding: 64px 0;

}

 .seam_less{

     border: 1px solid #f00;

}

 .stainsteels li{

     background: #f4a46f;

     margin-bottom: 10px;

     padding: 14px 39px;

     font-size:17px;

     font-weight: 700;

     color: #fff;

}

 .text_para p {

     font-size: 17px;

}

 .end_project p{

     font-size:16px;

}

 .news_images ul li{

     display:inline-block;

}

 .says_news{

     text-align:left;

}

 .padd_news{

     height:300px;

}

 .bottom_padd{

     padding-bottom:20px;

}

 .new_news img{

     border-radius:50%;

}

 .natural{

     display:block;

}

 .uspd{

     display:block;

     font-size:18px;

}

 .img_center{

     text-align:center;

}

 .we_offer_box{

     height:228px;

}

 .sub_btn_form{

     background: none;

     font-size: 17px;

     color: #333;

     background: #ccc;

     padding: 2px 35px 17px 27px;

     margin-left: -15px;

     width: 100%;

}

 .input-group {

     position: relative;

     display: table;

     border-collapse: separate;

     width: 106%;

}

/*--------------------------------------------------------------------Responsive Css Here------------------------------------------------------------------------------------*/

 @media screen and (min-device-width: 1366px) and (max-device-width: 1680px) {

     #cssmenu > ul > li > a {

        padding: 25px 13px;

        font-size: 15px;

    }

     .stytem {

        top: 8px;

    }

     .system_panel {

        padding: 114px 33px;

    }

     #cssmenu ul ul li a {

        padding: 9px 18px;

         width: 262px;

         font-size: 15px;

    }

     .slide-text h3 {

        font-size: 22px !important;

    }

     .seam_lesss li a {

        font-size: 13px !;

         padding: 0 3px !important;

    }

     .special-product1 {

        height: 328px !important;

    }

}

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

     .system_panel {

        padding: 123px 33px;

    }

     .system_panel h3 {

        font-size: 21px;

    }

     .footer_home li {

        padding: 5px 2px;

    }

     .naccs .menu div {

        font-size: 13px;

    }

     .stytem img {

        width: 54%;

    }

     .system_panel {

        padding: 80px 8px;

        height: 300px;

    }

     .slide-text h3 {

        font-size: 22px !important;

    }

     .seam_lesss li a {

        padding: 0 0px !important;

    }

}

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

     .logo {

        top: -44px;

         padding: 36px 0px;

    }

     #cssmenu > ul > li > a {

        padding: 25px 3px;

         padding-right: 3px;

         font-size: 12px;

    }

     .logo img {

        margin-top: 23px;

        width: 106px;

    }

     .pdb15.blankspace {

        display: none;

    }

     .search_area {

        left: 133px;

        width: 94%;

    }

     .about_img img {

        width: 60%;

         margin-left: 0;

        margin-top: -39px;

    }

}

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

     .about_img {

         top: -14rem;

    }

     .slider {

         height: 568px !important;

    }

     .naccs .menu div {

         padding: 15px 20px 15px 5px;

         font-size: 17px;

    }

     .corbon_steel h3 {

         font-size: 23px;

    }

     .btn_brochure {

         font-size: 18px;

    }

     .building_dron p {

         font-size: 17px;

    }

}

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

     .call-us ul li:first-child {

         padding-left: 0px;

    }

}

 @media only screen and (max-width: 1440px) and (min-width:1366px){

     .our-team .post {

         font-size: 12px;

    }

     .our-team .title {

        font-size: 15px !important;

    }

     .h_1 {

        height: 330px !important;

    }

     .our-team .post {

        font-size: 12px !important;

    }

     .single-overviews {

        padding: 2px !important;

    }

     .water li {

        background: url(../image/icons/icons.png) no-repeat left 10px top 14px !important;

         padding: 12px 20px;

         font-size: 16px !important;

    }

     .main-timeline .title {

        font-size: 14px !important;

    }

     .water li {

         padding: 12px 25px !important;

    }

     .Rating li span {

        font-size: 13px;

    }

     .plate {

        height: 200px!important;

    }

}

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

     .our-team .post {

         font-size: 12px;

    }

     .our-team .title {

        font-size: 15px !important;

    }

     .h_1 {

        height: 327px !important;

    }

     .our-team .post {

        font-size: 12px !important;

    }

     .single-overviews {

        padding: 2px;

    }

     .single-overviews h3 {

        font-size: 17px !important;

    }

     .water li {

        background: url(../image/icons/icons.png) no-repeat left 10px top 14px !important;

         padding: 12px 20px;

         font-size: 16px !important;

    }

     .main-timeline .title {

        font-size: 14px !important;

    }

     .box_010{

        width:100% !important;

         border-right: 0px solid #ccc !important;

    }

     .box_011{

        width:100% !important;

    }

     .mobi{

        display:none!important;

    }

     .box_size10 {

        width: 50% !important;

    }

     .pipes img {

        height: auto !important;

    }

}

 @media only screen and (max-width:450px) and (min-width:320px){

     .box_010{

        width:100% !important;

         border-right: 0px solid #ccc !important;

    }

     .box_011{

        width:100% !important;

    }

     .mobi{

        display:none;

    }

     .box_size10 {

        width: 100% !important;

    }

     table th{

        font-size:16px !important;

    }

     .about_tagline {

        font-size: 27px;

    }

     .water li {

        background: url(../image/icons/icons.png) no-repeat left 10px top 16px;

         font-size: 16px !important;

    }

     .single-overviews {

        margin-bottom: 13px;

    }

     .reserved{

        text-align:center;

    }

     .reserved_design{

        text-align:center;

    }

}

/*--------------------------------------------------------------------End Responsive Css Here------------------------------------------------------------------------------------*/

 .h_1{

     height:342px;

}

 .single-overviews{

     background: #ebebeb73;

     padding: 15px 5px;

     height: 200px;

     box-shadow: 0 0 4px 0 #f972327d;

}

 .single-overviews h3{

     font-size: 19px;

     margin: 11px 0;

}

 .core_mission{

     background: #fff;

}

 .box_010{

     width: 30.5%;

     display: inline-block;

     border-right: 1px solid #ccc;

     padding: 19px 0 0 0;

}

 .box_011{

     vertical-align: text-bottom;

     width: 68.5%;

     display: inline-block;

}

 .core_with p{

     font-size: 17px;

     padding: 0 22px;

}

 .arear_padd{

     padding: 31px 10px;

}

 .padd_20{

     padding-left: 5px;

     padding-right: 5px;

     margin-bottom: 10px;

}

 .mining{

     position: absolute;

     left: 0;

     padding: 0 82px;

     top: 2.9rem;

}

 .mining_off{

     position: absolute;

     left: 0;

     padding: 0 18px;

     top: 2.9rem;

}

 .block{

     display: block;

}

 .arear_padd h3{

     font-size: 27px;

     padding: 0 23px;

}

 .fa-key:before{

     display: none;

}

 .about-interrio-company_overviews {

     padding: 70px 0px;

}

 .water li{

     display: inline-block;

     background: url(../image/icons/icons.png) no-repeat left 10px top 24px;

     padding: 16px 29px;

     font-size: 22px;

     border: 1px solid #cccccc40;

     font-weight: 600;

}

 .served{

     text-align:center;

}

 .top_50{

     margin-top: 4rem;

}

 .main-timeline .timeline{

     padding: 0 10px;

     position: relative;

}

 .main-timeline .timeline-icon{

     display: block;

     text-align: center;

     padding: 3px 0 31px 0;

     z-index: 1;

     position: relative;

}

 .main-timeline .timeline-icon:before{

     content: "";

     width: 1px;

     height: 35%;

     background: #39ae99;

     margin: 0 auto;

     position: absolute;

     bottom: 0px;

     left: 0;

     right: 0;

     z-index: -1;

     transition: all 0.3s ease 0s;

}

 .main-timeline .timeline:nth-child(2n) .timeline-icon:before{

     bottom: auto;

     top: 62px;

}

 .main-timeline .timeline:hover .timeline-icon:before{

     background: #555;

}

 .main-timeline .timeline-icon i{

     width: 60px;

     height: 60px;

     line-height: 53px;

     border-radius: 50%;

     background: #f5f5f5;

     font-size: 14px;

     color: #fff;

     transition: all 0.3s ease 0s;

}

 .keys{

     width: 45px;

     height: 45px;

     line-height:45px;

     border-radius: 50%;

     background: #39ae99;

     font-size: 14px;

     color: #fff;

     transition: all 0.3s ease 0s;

}

 .main-timeline .timeline:hover .timeline-icon i{

     animation: icon-load 2.5s ease 0s infinite;

}

 .main-timeline .border{

     height: 15px;

     background: #11338a;

     margin-bottom: 20px;

     transition: all 0.3s ease 0s;

}

 .main-timeline .timeline:hover .border{

     background: #555;

}

 .main-timeline .timeline:first-child .border{

     border-radius: 4px 0 0 4px;

}

 .main-timeline .timeline:last-child .border{

     border-radius: 0 4px 4px 0;

}

 .main-timeline .timeline:nth-child(2n) .border{

     margin: 18px 0 0 0;

}

 .main-timeline .timeline-content{

     padding: 15px;

     border: 1px solid #ddd;

     background: #f9f9f9;

     border-radius: 3px;

     transition: all 0.3s ease 0s;

}

 .main-timeline .timeline:hover .timeline-content{

     background: #f5f5f5;

}

 .main-timeline .title{

     font-size: 17px;

     font-weight: 100;

     color: #39ae99;

     text-transform: uppercase;

     margin: 0 0 0px 0;

     transition: all 0.3s ease 0s;

}

 .main-timeline .timeline:hover .title{

     color: #696767;

}

 .timeline-content .description{

     font-size: 14px;

     color: #888;

     margin: 0;

     transition: all 0.3s ease 0s;

}

 .main-timeline .timeline:hover .description{

     color: #fff;

}

 @keyframes icon-load{

     0%{

         transform: rotate(-12deg);

    }

     8%{

         transform: rotate(12deg);

    }

     10%{

         transform: rotate(24deg);

    }

     18%,20%{

         transform: rotate(-24deg);

    }

     28%,30%{

         transform: rotate(24deg);

    }

     38%,40%{

         transform: rotate(-24deg);

    }

     48%,50%{

         transform: rotate(24deg);

    }

     58%,60%{

         transform: rotate(-24deg);

    }

     68%{

         transform: rotate(24deg);

    }

     100%,75%{

         transform: rotate(0deg);

    }

}

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

     .main-timeline .timeline{

         margin-bottom: 20px;

    }

}

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

     .main-timeline .timeline-icon{

         padding-top: 0;

    }

     .main-timeline .timeline:nth-child(2n) .timeline-icon{

         padding-bottom: 0;

    }

     .main-timeline .border{

         margin-bottom: 10px;

    }

     .main-timeline .timeline:nth-child(2n) .border{

         margin: 10px 0 0 0;

    }

     .main-timeline .timeline-content{

         text-align: center;

    }

}

/*----------------------------------------------our team-------------------------------------------------*/

 section.our_team_section {

     padding: 70px 0;

}

 .team_left{

     padding-left: 4px;

     padding-right: 4px;

}

 .top_8{

     margin-top: 8px;

}

 .box_size10{

     width: 20%;

     padding-left: 4px;

     padding-right: 4px;

}

 .team-content p{

     padding: 10px 6px;

}

 .our-team{

     padding: 30px 0 8px;

     background: #f7f5ec;

     text-align: center;

     overflow: hidden;

     position: relative;

}

 .our-team .pic{

     display: inline-block;

     width: 130px;

     height: 130px;

     margin-bottom: 7px;

     z-index: 1;

     position: relative;

}

 .our-team .pic:before{

     content: "";

     width: 100%;

     height: 0;

     border-radius: 50%;

     background: #009adf;

     position: absolute;

     bottom: 135%;

     right: 0;

     left: 0;

     opacity:1;

     transform: scale(3);

     transition: all 0.3s linear 0s;

}

 .our-team:hover .pic:before{

     height: 100%;

}

 .our-team .pic:after{

     content: "";

     width: 100%;

     height: 100%;

     border-radius: 50%;

     background: #009adf;

     position: absolute;

     top: 0;

     left: 0;

     z-index: -1;

}

 .our-team .pic img{

     width: 100%;

     height: auto;

     border-radius: 50%;

     transform: scale(1);

     transition: all 0.9s ease 0s;

}

 .our-team:hover .pic img{

     box-shadow: 0 0 0 14px #f7f5ec;

     transform: scale(0.7);

}

 .our-team .team-content{

     margin-bottom: 30px;

}

 .our-team .title{

     font-size: 22px;

     font-weight: 700;

     color: #4e5052;

     letter-spacing: 1px;

     text-transform: capitalize;

     margin-bottom: 10px;

}

 .our-team .post{

     display: block;

     font-size: 17px;

     color: #4e5052;

     text-transform:capitalize;

}

 .our-team .social{

     width: 100%;

     padding: 0;

     margin: 0;

     background: #eb1768;

     position: absolute;

     bottom: -100px;

     left: 0;

     transition: all 0.5s ease 0s;

}

 .our-team:hover .social{

     bottom: 0;

}

 .our-team .social li{

     display: inline-block;

}

 .our-team .social li a{

     display: block;

     padding: 10px;

     font-size: 17px;

     color: #fff;

     transition: all 0.3s ease 0s;

}

 .our-team .social li a:hover{

     color: #eb1768;

     background: #f7f5ec;

}

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

     .our-team{

         margin-bottom: 30px;

    }

}

 table {

     font-family: 'Arial Narrow', sans-serif;

     border-collapse: collapse;

     width: 100%;

}

 td, th {

     border: 1px solid #dddddd;

     text-align: left;

     padding: 8px;

}

 .pipes img{

     width: 100%;

     background: #cccccc87;

     padding: 1px;

     height: 161px;

     margin-bottom: 4px;

}

 .our_team img{

     margin-top: 15px;

     width: 100%;

}

 table {

     width: 100%;

     border-collapse: collapse;

}

/* Zebra striping */

 tr:nth-of-type(odd) {

     background: #fff;

}

 th {

     color: #000;

     font-weight: bold;

}

 td, th {

     padding: 10px;

     border: 1px solid #ccc;

     text-align: left;

     font-size: 17px;

}

/* Max width before this PARTICULAR table gets nasty This query will take effect for any screen smaller than 760px and also iPads specifically. */

 @media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {

     table {

         width: 100%;

    }

     table, thead, tbody, th, td, tr {

         display: block;

    }

     thead tr {

         position: absolute;

         top: -9999px;

         left: -9999px;

    }

     tr {

         border: 1px solid #ccc;

    }

     td {

        /* Behave like a "row" */

         border: none;

         border-bottom: 1px solid #eee;

         position: relative;

         font-size: 14px;

    }

     td:before {

         position: absolute;

         top: 6px;

         left: 6px;

         width: 45%;

         padding-right: 10px;

         white-space: nowrap;

         content: attr(data-column);

         color: #000;

         font-weight: bold;

    }

}

 .seam_lesss li{

     display: inline-block;

     position: relative;

}

 .seam_lesss li a{

     font-size: 13px;

     color: #000;

     padding: 0 6px;

     text-decoration: none;

}

 .a_wel li a{

     font-size: 13px;

     color: #000;

     padding: 0 3px;

     text-decoration: none;

}

 .special-product{

     border: 1px solid #ccc;

     height: 375px;

     margin-bottom: 30px;

}

 .special-product h4, .gate h4{

     font-size: 19px;

     font-weight: 600;

     color: #000;

}

 .aluminium-bronze{

     border: 1px solid #ccc;

     height: 475px;

     margin-bottom: 30px;

}

 .aluminium-bronze h4{

     font-size: 19px;

     font-weight: 600;

     color: #000;

}

 .aluminium-bronze img{

     width:180px;

     height: 182px;

}

 .ball-valves{

     border: 1px solid #ccc;

     height: 325px;

     margin-bottom: 30px;

}

 .ball-valves h4{

     font-size: 19px;

     font-weight: 600;

     color: #000;

}

 .special-product1{

     border: 1px solid #ccc;

     height: 295px;

     margin-bottom: 30px;

}

 .special-product1 h4{

     font-size: 19px;

     font-weight: 600;

     color: #000;

}

 .Rating li span{

     text-align:left;

     font-weight:700;

}

 .Rating li{

     font-weight: 200;

     text-align: left;

     padding: 8px 7px;

}

 .gate_img {

     padding: 11px 0;

}

 .our_team_sections{

     margin-bottom:25px;

}

 .plate{

     height:218px;

}

 .subul{

     padding-left: 15px !important;

}

 .subul li{

     padding: 0;

     list-style-type: disc !important;

}

 .enquire_btn{

     border: 1px solid #11338a;

     padding: 7px;

     background: #11338a;

     color: #fff;

     font-weight: 600;

}

 .enquire_btn:hover{

     background: #009adf;

     color: #fff;

     text-decoration: none;

}

 .enquire_btn:focus{

     background: #11338a;

     color: #fff;

     text-decoration: none;

}

 .enquire_btn1{

     border: 1px solid #d1d1d1;

     padding: 7px;

}

 .enquire_btn1:hover{

     text-decoration: none;

}

 .mb40{

     margin-bottom: 35px;

}

 .mb15{

     margin-bottom: 15px;

}

 .prod-request{

     text-align: center;

     padding: 50px 0px;

}





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

	.logo {top: -44px; padding: 36px 0px;}

	#cssmenu > ul > li > a {padding: 25px 3px; padding-right: 3px; font-size: 12px;}

	.logo img {margin-top: 23px;width: 106px;}

	.pdb15.blankspace {display: none;}

	.search_area {left: 133px;width: 94%;}

	.about_img img {width: 60%; margin-left: 0;margin-top: -39px;}

	section {text-align: left !important;}

	.bg_ab {right: 0; top: -185px; width: 80%;}

}

@media screen and (min-device-width: 320px) and (max-device-width: 414px){ 

	.logo {top: 0px; padding: 8px 0px;}

	.logo img {margin-top: 8px; width: 105px;}

	.get_in {text-align: left;}

	.slide-text h3 {font-size: 17px !important;}

	.slide-text p {font-size: 15px !important; padding-top:6px}

	.slider .slide .slide-text { padding: 170px 10px !important;}

	.slide-text h3 { margin-top: 64px;}

	.bg_color {bottom: -125px;}

	#products_offer {margin-top: 3rem;}

	.sec-title h2 {font-size: 23px;}

	.indus-title {font-size: 17px;}

	.news_infor {padding: 0 0px !important; width: 100% !important;}

	.weeks_mobile{display:none;}

	.img_center {text-align: left !important;}

	.footer_home li {padding: 3px;}

	#company-overviews-banner, #product-banner, #industry-banner, #service-banner, #quality-banner, #news-banner, #contact-banner, #oil_industry, #oil_gas_service {

    height: 353px;

    padding: 179px 0 0px;

}

.about_us_page p {font-size: 15px;line-height: 25px;}

.single-overviews {text-align: center;}

.core_mission {text-align: center;}

.about-interrio-area_about {padding: 0px 0px 25px 0px;}

.box-2 {text-align: center;}

.core_values {text-align: center;}

table th {font-size: 13px !important;}

td, th {padding: 13px !important; font-size: 14px !important;}

.about-interrio-area {height: 896px !important;}

.text_para p {font-size: 14px;}

.about-interrio-area {height: 856px !important;}

.corbon_steel h3 {font-size: 19px !important;}

.welded_bottom{height:930px !important;}



.title_row {font-size: 13px;}

.butterfly_height{height: 627px !important;}

.gate_img img {width: 100%;}

.gate_img img {width: 100%;}

.col-xs-push-3 {left: 0;}

.stytem img {width: 45%;}

.system_panel { padding: 74px 16px; height: 302px; margin-bottom: 15px;}

.col-xs-offset-1 {margin-left:0%;}

.enquire_btn {

    border: 1px solid #ccc;

    padding: 10px 22px;

    background: #11338a;

	color:#fff;

}

.enquire_btn:hover { color:#fff;}

.seam_lesss li {display: inline-block;}

.seam_lesss li a{color:#000;}

.main-timeline .timeline:nth-child(2n) .timeline-icon {padding-bottom: 34px;}

.main-timeline .timeline-icon::before {height: 38%;}

.main-timeline .timeline:nth-child(2n) .timeline-icon::before {top: 59px;}

.panel-body {height: 326px;}

.pipes_height{height: 945px !important;}

.socil_icons li {font-size: 15px; width: 34px; height: 34px; padding: 5px 6px;}

.privacy_comp {font-size: 13px;}

.prod-request {padding: 8px 0px;}

#cssmenu > ul > li > a {padding: 8px 3px; padding-right: 3px; font-size: 11px;}

#cssmenu ul ul li a {padding: 8px 16px 8px 27px;}

#cssmenu .submenu-button {top: -11px;}

}