#no-border ul li{
            font-size: 16px;
            margin-bottom: 10px;
        }

.info,.logo,.top-header,.top-header .left {
width:100%
}

@media (max-width: 768px){
    .jum{
        margin-top: 0px!important;
    }
    .menu{
        margin-top: 0px!important;
    }
    .carousel-inner{
        height: 200px;
    }
}

 .m-b{
        background-size: cover;
        background-attachment: fixed;
        background-position: center center;
        height: 200px;
        color: #fff;
        background-image: url(../img/fouressgroup/m-b.jpg);
    } 
    .m-t{
        margin-top: 50px;
    }

.info .text,.top-header .left ul li img {
display:inline-block
}

.menu a,.pro a,.read-btn,a,body,h1,h2,h3,h4,h5,h6,p {
/*font-family:Gill Sans MT!important*/
font-family:'Roboto', sans-serif;!important
}

.nav>li>a:focus,.nav>li>a:hover {
background-color:transparent!important;
color:#fff!important
}

a {/* color:#fff !important; */text-decoration:none!important;}

.pro a {
color:#000!important
}

p {
margin-bottom:0!important
}

* {
margin:0;
padding:0;
box-sizing:border-box
}

.fr {
float:right
}

.fl,.info,.info .image,.info .text,.logo,.top-header,.top-header .left,.top-header .left ul li {
float:left
}

ul {
list-style:none
}

img {
max-width:100%;
}

.padd {
padding:0!important
}

.padd-tp {
padding-top:0!important
}

.padd-lft {
padding-left:0!important
}

.padd-btm {
padding-bottom:0!important
}

.padd-rgt {
padding-right:0!important
}

.margin {
margin:0!important
}

.mgn-tp {
margin-top:0!important
}

.margin-lft {
margin-left:0!important
}

.mgn-btm {
margin-bottom:0!important
}

.mgn-rgt {
margin-right:0
}

.top-header {background: #000;padding:0;border-bottom:3px solid #ffe7e7;font-size: 11px;}

.top-header .left ul li h2 {
color:#fff;
font-size:12px;
margin:0 0 0 8px;
display:inline-block
}

.top-header .left ul li:first-child {
margin-right:16px
}

.top-header .right {
width:100%;
float:left
}

.logo {
margin-top:9px;
    margin-bottom: 9px;
}

.info {
margin-top:7px
}

.info .image {
width:26px;
height:26px
}

.info .text {
margin-left:5px
}

.text h2,.text h3 {
margin:0;
font-size:12px
}

.text h2 {
color:#0496dd
}

.text h3 {
text-align:center;
color:#121212
}

.text h3:last-child {
text-align:left!important
}

.form-field,.img-list,.img-matter h2 {
text-align:center
}

.call {
margin-top:2px;
border:none;
background:#ff3500;
width:156px;
height:37px;
border-radius:6px;
margin-bottom:4px
}

.about,.header,.slider {
width:100%;
float:left;
    
}

 .affix {
    top: 0;
    width: 100%;
    z-index: 9999 !important;
     background: #0985c3;
  }


.call h2,.call h3 {
margin:0;
font-size:12px
}

.call h3 {
color:#fff
}

.menu {
border-radius:0!important;
min-height:auto!important;
margin-bottom:10px!important
}

.menu a {
padding:5px 15px!important;
color:#fff!important;
font-size:16px
}
.navbar-nav>li:hover{
    background: #fff;
   
}
.navbar-nav>li:hover a{ 
     color: #000!important;
}
.view-aalll {
    color: #0985c3!important;
    font-size: 16px!important;
}
.imfrct{
    text-align: center;
    border: 2px solid #ddd;
    transition: ease all 0.5s;
    margin-bottom: 20px;
}
.imfrct:hover{
    box-shadow: 0px 0px 10px 1px;
    transition: ease all 0.5s;
}
.view-aalll .imfrct p{
    text-align: justify;
}
 .view-aalll .dsrcsss{
    padding: 0px 20px;
}
.menu ul li ul li a {
color:#010101!important
}

.slider-bullet {
display:none
}

.achievement-img img,.enquiry-btn a,.left-menu h3,.product-list ul,.tech-pdf {
display:inline-block
}

.item-height {
height:500px!important
}

.about {
margin-top:21px
}

.heading {
color:#171717;
font-size:26px;
position:relative;
margin-bottom:47px
}

.about p,.read-btn {
color:#171717;
font-size:15px
}

.heading:after {
position:absolute;
width:100px;
height:3px;
background:#f7c02d;
content:"";
top:100%;
left:0;
margin-top:11px
}

.img-list,.img-matter {
height:251px;
width:100%
}

.about p {
line-height:23px
}

.read-btn {
background:#0073ad;
float:right;
padding:9px 14px;
text-decoration:none
}
  .al-product{
              background: #f7c02d;
              width: 200px;
              padding: 7px 0px;
              text-align: center;
              margin: 10px auto;
      
             
          }
          .al-product a{
               display: block;
          }
.th-hover{
    outline: 1px solid #c7c7c7;
    background: #ffff;
    margin-bottom: 30px;
    /*padding: 15px;*/
     transition: ease all 0.7s;
    position: relative;
    overflow: hidden;
}
.th-hover .caption{
padding: 0px 10px;
    position: absolute;
    left: 0px;
    background:rgba(0,0,0,0.8);
    top: 100%;
    height: 100%;
    width: 100%;
    content: '';
    transition: ease all 1s;
   
    
}
.th-hover:hover .caption{
    top: 0px;
    transition: ease all 1s;
}
.th-hover:hover img{
   
    transform: scale(1.5);
    transition: ease all 1s;
}
.th-hover a{
    color: red;
}
.th-hover img{
    width: 100%;
     transition: ease all 1s;
}
.th-hover .hd{
   /* padding: 10px 0px;*/ 
   color: #fff;
    margin-top: 100px;
}
.caption p{
    margin-bottom: 20px;
    color: #fff;
}
.th-hover .read-btn{
    float: none;
    padding: 5px 21px;
    color: #ddd;
    margin-top: 20px;
}

/*@media (min-width: 768px){
.modal-dialog {
    margin: 154px auto!important;
}
}*/

.mt-imagee img:hover{
    transform: scale(1.3);
    transition: ease all 1s;
}
.mt-imagee{
    overflow: hidden;
   
}
.mt-imagee img{
     transition: ease all 1s;
}
.modal-dialog {
    margin: 130px auto!important;
}

.img-gallery {
width:100%;
background:#ebebeb;
float:left;
margin-top:39px;
padding:50px 0px;
}
.img-gallery .caption{
    text-align: center;
}

.img-list {
float:left;
margin-bottom:41px;
overflow:hidden
}

.img-list img {
cursor:pointer;
transition:transform 2s
}

.img-list:hover img {
transform:scale(1.5,1.5) rotate(15deg)
}

.img-matter {
background:rgba(0,0,0,.8);
transition:transform 1s;
padding:71px 0
}

.img-list:hover .img-matter {
transform:translateY(-251px)
}

.img-matter h2 {
color:#0496dd;
font-size:26px;
margin:0
}

.img-matter p {
color:#fff;
font-size:18px
}

.img-btn {
background:#0496dd;
color:#f4f4f4;
padding:5px 11px;
border:none;
font-size:15px
}

.enquiry {
width:100%;
background:url(../img/fouressgroup/50270433333.jpg) center no-repeat;
background-size:cover;
float:left;
padding:41px 0;
    background-attachment: fixed;
}
.mt-appp{
    padding-bottom: 50px;
    padding-top: 50px;
    
}

.new--fform .form-control{

    margin-bottom: 20px;
    border-radius: 0px;
    
}
.new--fform input{
    height: 50px;
}
.new--fform select{
    height: 50px;
}

.enquiry-form {
width:100%;
float:left;
/*background:rgba(0,0,0,.6);*/
padding:0 25px 30px
}

.heading-1 {
color:#fff;
font-size:26px;
position:relative;
margin-left:20px
}

.gallery-title:after,.heading-1:after {
position:absolute;
content:""
}

.growth-partner .deviderr{
   height:3px;
background:#f7c02d;
    width: 150px;
    margin: 0 auto;
    text-align: center;
   
}

.heading-1:after {
width:100px;
height:3px;
background:#f7c02d;
top:100%;
left:0;
margin-top:11px
}

.enquiry-matter {
width:100%;
float:left
}

.enquiry-matter p {
color:#fff;
font-size:15px;
margin-top:63px
}

.enquiry-matter>p {
margin-top:50px
}

.form-field input {
width:100%;
padding:7px 5px
}

.form-field textarea {
width:100%;
padding:7px 5px;
resize:none
}


.product-solutionn{
    padding: 50px 0px;
}

.product-solutionn .proc-solutionn{
    border: 1px solid #ddd;
    margin-bottom: 10px;
    margin-bottom: 20px;
}
.eqp{
    margin-bottom: 30px;
    border: 1px solid #ddd;
    padding: 20px;
    text-align: center;
}
.product-solutionn .ps-ovrly{
    position: absolute;
    top: 0px;
    background: #000000e0;
    height: 100%;
    width: 100%;
    padding: 20px;
    text-align: justify;
    color: #aaa;
    display: none;
    transition:  all 0.6s;
}
.proc-solutionn:hover .ps-ovrly{
    display: block;
  
     transition:  all 0.6s;
}
.product-solutionn .ps-imagge{
    overflow: hidden;
    position: relative;
}
.ps-ovrly .view-aalll{
 margin-top: 80px;
    float: right;
    }
.cuttlnth {
    background: #eee;
}
.cuttlnth .cut-lenght-details h3{
    color: deepskyblue;
}
.cuttlnth .cut-lenght-details h4{
    color: #888;
}
.cuttlnth .table-bordered{
    font-size: 16px;
}

.Infrasture-and-facility{
    padding: 50px 0px;
}

.Infrasture-and-facility .infracture-iamge{
    position: relative;
    overflow: hidden;
    transition: 0.5s;
}
.Infrasture-and-facility .infracture-iamge img{
    transition: 0.5s;
    
}
.Infrasture-and-facility .infracture-iamge img:hover{
    transform: scale(1.1);
    transition: 0.5s;
    overflow: hidden;
}
.Infrasture-and-facility .infracture-dsrc{
    position: absolute;
    background: #0985c3ab;
    width: 100%;
    bottom: -56px;
    text-align: center;
    color: #fff;
    transition: ease all 0.6s;
}
.Infrasture-and-facility .infracture-iamge .infracture-dsrc{
     bottom: 0px;
   transition: ease all 0.6s;
 
}

.Vertical-Stainless-Steell{
    padding: 50px 0px;
}


.hight-m-row img{
    height: 170px;
}


.arun {
	width: 900;
    height: 400px;
	overflow: hidden;
	

	box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.35);
	-webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.35);
}

/*A small hack to prevent flickering on some browsers*/
.arun ul {
	width: 1200px;
	/*This will give ample space to the last item to move
	instead of falling down/flickering during hovers.*/
}

.arun li {
	position: relative;
	display: block;
	width: 148px;
	float: left;
    padding-left: 0px!important;
    border-left: 10px solid #f3f3f394;
	height: 400px;
	/*border-left: 1px solid #fff;*/
	
	/*box-shadow: 0 0 25px 10px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 25px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 25px 10px rgba(0, 0, 0, 0.5);*/
	
	/*Transitions to give animation effect*/
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	/*If you hover on the images now you should be able to 
	see the basic accordian*/
}

/*Reduce with of un-hovered elements*/
.arun ul:hover li {width: 100px;}
/*Lets apply hover effects now*/
/*The LI hover style should override the UL hover style*/
.arun ul li:hover {width: 500px;}


.arun li img {
	display: block;
    max-width: 700px;
    
}

/*Image title styles*/
.arun .image_title {
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	left: 0; bottom: 0;	
    width: 640px;	

}
.arun .image_title a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 20px;
	font-size: 16px;
}

.infra .owl-nav{

    position: absolute;
    right: 50%;
}
.infra  .owl-nav button.owl-next{
    height: 30px;
    width: 40px;
    font-size: 18px!important;
    background: #0985c3!important;
     margin: 5px;
     color: #fff!important;
}
.infra  .owl-nav button.owl-prev{
    margin: 5px;
    height: 30px;
    width: 40px;
     color: #fff!important;
    font-size: 18px!important;
    background: #0985c3!important;
}





.footer {
width:100%;
margin-top:11px;
background:#0b0b0b;
padding:34px 0;
float:left
}

.f-call,.location,.mail {
padding-left:20px
}

.footer p {
margin-top:50px;
color:#fff;
text-align:justify;
font-size:12px
}

.footer ul li {
float:none
}

.footer ul li a {
color:#fff;
font-size:13px;
line-height:28px
}

.footer ul {
float:left;
margin-top:40px
}

.footer ul:nth-of-type(1) {
margin-right:60px;
margin-left:20px
}

.footer ul:nth-of-type(2) {
margin-right:55px
}

.footer-add {
line-height:26px
}

.footer-add:nth-of-type(2),.footer-add:nth-of-type(3) {
margin-top:10px!important
}

.location {
background:url(../img/location.png) 0 4px no-repeat
}

.mail {
background:url(../img/mail.png) 0 8px no-repeat
}

.f-call {
background:url(../img/call.png) 0 8px no-repeat
}

.slide-o {
background:url(../img/company-profile.png) center center no-repeat;
background-size:cover;
width:100%;
height:350px
}

.left-menu {
width:100%;
padding:10px;
/*background: #034ea2;*/
/*box-shadow: 0px 0px 3px 3px grey;*/
margin-top:28px;
float:left;
border-radius:2px
}
.left-menu h3 {
font-size:15px;
padding:8px 0px;
color:#fff;
    margin: 0px;

}
.left-menu h2 {
margin:0;
text-align:center;
font-size:22px;
color:#222;
font-weight: bold;
border:1.5px solid #034ea2;
padding: 10px 20px;
}

.left-menu ul {
margin-top:20px;
margin-bottom:0!important
}

.left-menu ul li {
float:none;
padding: 5px;
    border-radius: 4px;
    background: #034ea2;
    border-bottom: 1px solid #ffffff;
}
.left-menu ul li:hover{
    background: #fff;
   
}
.left-menu ul li:hover h3{
     color: #034ea2;
    font-weight: bold;
}
.left-menu ul li:hover i{
     color: #034ea2;
    font-weight: bold;
}

.left-menu ul li a {
margin-top:15px;
color:#171717!important
}
.left-menu ul li a  i{
    color:#ffffff;
    font-size: 18px;
}
.table-caption{
    font-weight: bold;
    font-size: 25px!important;
}
.table-bordered>tbody>tr>th, td{
border:  2px solid #525252!important;
   
    }
.table-bordered>tbody>tr>td{
    font-size: 16px;
}

.left-menu ul li:first-child a {
color:#ffffff!important;
font-size:15px
}



.profile,.profile-2 {
width:100%;
float:left;

}
.handachv ul li{
    margin-bottom: 10px;
    font-size: 16px;
    
}
.handachv ul li i{
    margin-right: 10px;
}

.itrodct-row h2{
    color: #0985c3;
}
.itrodct-row h3{
    color: #0985c3;
}
.itrodct-row i{
      color: #0985c3;
}
.itrodct-row{
    margin-bottom: 20px;
}


.crft{
    background: #fff;
    padding: 20px;
    margin-bottom: 20px;
}
.wwd{
    background: #2f2f2f;
    padding: 30px;
    color: #fff;
    text-align: justify;
outline: 1px solid #fff;
    outline-offset: -10px;
}

.profile h2,.profile-2 h2 {
color:#3a3a3a;
font-size:20px
}
.nmn{
    margin-bottom: 20px;
}

.profile {
background:#ebebeb;
    padding: 20px;
    margin-bottom: 20px;
    height: 300px;

}
.profile-2{
     padding: 20px;
    margin-bottom: 20px;
}

.profile h2 {
margin-bottom:10px!important;

}

.profile ul li {
float:none
}

.gallery,.gallery-list {
float:left;
width:100%
}

.bread {
margin-top:5px;
padding:12px 0!important
}

.profile-2 h2 {
margin:0 0 10px
}

.clients li {

background:#e2e2e2;
margin:0 5px 5px 0;
padding:10px
}

.gallery-list {
border:2px solid #bdbdbd;
text-align:center;
padding:10px
}

.gallery-list h2 {
margin:0;
color:#0496dd;
font-size:18px;
font-weight:400!important;
padding-top:9px;
border-top:2px solid #a0a0a0
}

.gallery-list:last-child {
margin-top:25px
}

.cont-heading {
font-size:18px;
color:#0496dd;
border-bottom:1px solid #0496dd;
padding-bottom:8px;
margin:0
}

.filter-button,.gallery-title {
color:#42B32F;
text-align:center
}

.con-form input,.con-form textarea {
width:100%;
resize:none;
border:1px solid solid;
padding:5px
}

.gallery-title {
font-size:36px;
font-weight:500;
margin-bottom:70px
}

.gallery-title:after {
width:7.5%;
left:46.5%;
height:45px;
border-bottom:1px solid #5e5e5e
}

.filter-button {
font-size:18px;
border:1px solid #42B32F;
border-radius:5px;
margin-bottom:4px!important
}

.btn-default:active .filter-button:active,.filter-button:hover {
background-color:#42B32F;
color:#fff
}

.filter-button:hover {
border-radius:5px;
text-align:center
}

.port-image {
width:100%
}

.gallery_product {
margin-bottom:20px;
border:1px solid;
}

.gallery_product h2 {
font-size:15px;
text-align:center;
margin-top:0;
margin-bottom:0;
background:#e0e0e0;
padding:5px 0;
}
#no-border{
    border: none!important;
}
#heading-bold h4{
    font-size: 25px;
    font-weight: bold;
}
.product-list-2 {
/*width:100%;*/
border:1px solid #dedede;
padding:8px;
margin-bottom:10px;
    text-align: center;
    margin-top: 25px;
/*box-shadow:0 0 13px 2px rgba(0,0,0,.4) inset*/
}
.product-list-details{
    margin-top: 25px;
    border:1px solid #2f2f2f;
    padding: 20px 10px;
}
.product-list-details p{
    font-size: 18px;
    text-align: justify;
}

.image-dtl{
     border:1px solid #5a5a5a;
    padding: 10px;
    
}
.product-list-details h4{
    color:#0496dd;
    font-size: 25px;
}
.product-list-2:hover{
    box-shadow: 0px 0px 5px 5px grey;
}
.product-list-2 h4 a{
    color:#0496dd!important;
    text-align: center;
    font-size:20px;
}
#new-mmenu ul li{
    font-size: 16px;
}

.product-list h2 {
margin:0;
font-size:16px;
font-weight:400;
color:#0496dd;
border-bottom:1px solid #dedede;
padding-bottom:6px
}

.product-list p {
position:relative;
margin-top:11px;
text-align:justify;
margin-bottom:15px!important
}

.product-list p:before {
position:absolute;
width:1px;
height:140px;
content:"";
background:#dedede;
top:50%;
left:-23px;
margin-top:-18px
}

.pro-listing {
list-style:outside
}

.product-list ul li {
float:none
}

.enquiry-btn {
width:100%;
text-align:center;
float:left
}

.enquiry-btn a {
float:none
}

.table-caption {
color:#0496dd;
font-size:18px
}

.pro-listing li {
padding:3px 3px 3px 5px;
margin:5px
}

.tech-pdf {
padding:10px;
margin:5px;
border:1px solid #bfbfbf;
float:none;
box-shadow:0 0 8px -2px rgba(0,0,0,.5) inset;
border-radius:4px
}

.tech-pdf img {
border-right:1px solid #bfbfbf;
padding-right:6px
}

.cert {
margin-bottom:20px
}

.achivement {
margin-top:10px
}

.achivement li {
float:none;
padding:2px 0
}

.achievement-img {
width:100%;
/*float:left;*/
margin-bottom:0;
/*border-bottom:1px solid #d8d8d8!important;*/
padding-bottom:15px;
text-align:center
}

.achievement-img img {
float:none
}

.location-f ul {
margin:0!important
}

.location-f ul li {
float:left;
margin-right:10px
}

.location-btn {
background:0 0;
border:0;
color:#fff;
margin-top:3px
}

div#demo {
width:100%;
float:left;
color:#fff
}



.location-f {
    background: #0b0b0b;
    padding: 10px;
}


.bread li {
    margin-left: 10px;
}

.bread li a {
    color:#000 !important;
}


.stylh1 {
    font-size: 18px;
    color: #0b97db;
    margin: 0px;
}

.allh1tag {
    font-size: 18px !important;
    
}


.hone-head {
	font-size: 35px;
	text-transform: capitalize;
	letter-spacing: 0.7px;
	/* color:#F00; */
}
.htwo-head {
	font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 0.7px;
	color:#F0F;
}


.cv
{
    font-size: 20px;
}

.topnav {
  overflow: hidden;
  background-color: #0985c3;
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 15px 17px;
  text-decoration: none;
  font-size: 17px;
}

.active {
  /* background-color: black; */
  color: white;
}

.topnav .icon {
  display: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 17px;
  border: none;
  outline: none;
  color: white;
  padding: 17px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 0px -6px;
  text-decoration: none;
  display: block;
  text-align: left;
  margin-bottom: -17px;
}

.topnav a:hover, .dropdown:hover .dropbtn {
  background-color: #555;
  color: white;
}

.dropdown-content a:hover {
  background-color: #ddd;
  color: black;
}

.dropdown:hover .dropdown-content {
  display: block;
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
}

.whatsapp{
      position: fixed;
    bottom: 40px;
    z-index: 11111111111;
    background: #1ed318;
    padding: 7px;
    border-radius: 0px 24px 24px 0px;
    left: 0px;
}
.whatsapp img{
  width: 35px;
  height: auto;
  animation: mymove .5s infinite alternate;
}
.whatsapp img:hover{
    animation-play-state: paused;
}
.whatsapp a{
  color: #ffff;
  font-size: 14px;
  padding:5px;
}

@keyframes mymove {
  from {transform:rotate(30deg);}
  to {transform: rotate(0deg);}
}