@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700,900);
@import url(https://fonts.googleapis.com/css?family=Oswald:400,700,300);
@import url(https://fonts.googleapis.com/css?family=Raleway:500,400,800,700);
body{
    border:0px;
    margin:0px;
    padding:0px;
    line-height: 26px;
    font-size: 14px;
    color:#333;
    font-family: 'Roboto', sans-serif;
    font-weight:normal;
}
 .maindiv{
    float: left;
    width: 100%;
    overflow: hidden;
}
 p {
    margin: 0 ! important;
}
 a:focus , a:active , a:hover{
    outline: none ! important;
}
 .navbar-brand {
    display: none;
}
 #table_inner_content {
    float: left;
    text-align: center;
    width: 100%;
}
 .main {
    text-align: center;
}
 .contactinfo {
    background-color: #eaedf0;
    float: left;
    width: 100%;
}
 .emailus a {
    color: #333;
    display: inline-block;
    transition: text-indent 0.5s linear 0s;
    padding: 0 0 0 7px;
}
 .emailus a:hover {
    text-indent:10px;
    color:#0556a7;
}
 .socialicon a {
    background-image: url("/images/MNF%20296/menudivider1.png");
    background-position: right center;
    background-repeat: no-repeat;
    color: #333;
    padding: 0 11px 0 10px;
}
 .socialicon p:first-child a + a + a {
    background-image: none;
}
 .socialicon p:first-child a:hover {
    color: #1a367f;
}
 .socialicon p:first-child a + a:hover {
    color: #0196da;
}
 .socialicon p:first-child a + a + a:hover {
    color:#cd2d1d;
}
 .socialicon p {
    float: left;
    padding-left: 35px;
    padding-top: 10px;
}
 .emailus {
    float: left;
    display:none;
    padding: 10px 0;
    width: 100%;
}
 .socialicon p:last-child {
    background-color: #74ae18;
    padding: 10px 14px 10px 16px;
}
 .socialicon p:last-child i {
    padding: 0 15px 0 0;
}
 .socialicon p:last-child a {
    color: #fff;
    display: inline-block;
    transition: text-indent 0.5s linear 0s;
    background-image: none;
}
 .socialicon p:last-child a:hover {
    color: #000;
}
 .nopad {
    padding: 0 !important;
}
 .menubar {
    background-image: url(../../images/menu.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    float: left;
    margin-top: 2.5%;
}
 .headercontainer .menuH {
    float: left;
    margin: 0 0 0 20px;
    width: 100%;
}
 .navbar {
    border: 1px solid transparent;
    margin-bottom: 0 !important;
    min-height: 0 !important;
    position: relative;
}
 .headercontainer .menuH ul {
    float: right;
    margin: 0;
    padding: 0;
    width: 100%;
}
 .menuH ul li {
    background-image: url("/images/MNF%20296/menudivider.png");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: auto auto;
    float: left;
    list-style: outside none none;
}
 .nopadleft {
    padding-left: 0 !important;
}
 .navbar-inverse .navbar-nav li a {
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    padding: 15px;
    text-align: center;
    text-transform: uppercase;
}
 .nav i {
    color: #61e800 !important;
}
 .navbar-inverse {
    background:none ! important;
    border: none ! important;
}
 .headercontainer .menuH ul li a:hover {
    color: #fff;
    text-decoration: none;
}
 .navbar-toggle {
    background-color: #1e828e ! important;
    border-color: #1e828e ! important;
}
 .calls img {
    margin: 0 15px 0 0;
}
 .banner{
    float: left;
    width: 100%;
}
 .bannercontainer {
    float: left;
    position: relative;
    width: 100%;
}
 .bannerimg {
    float: left;
    width: 100%;
    margin-top: 117px;
}
 .calls {
    bottom: 60px;
    position: absolute;
    right: 109px;
    color:#16b1ca;
}
 .calls p {
    align-items: center;
    display: flex;
    font-size: 14px;
    font-weight: 600;
}
 .menuH li:last-child {
    background: transparent none repeat scroll 0 0;
}
 .statecontainer{
    float: left;
    width: 100%;
    text-align: justify;
   /* margin: 2% 0; */
}
 .headercontainer {
    float: left;
    width: 100%;
    padding: 30px 0 0;
    position: fixed;
    z-index: 999999;
    background: #fff;
}
 .statehead {
    color: #16b1ca;
    float: left;
    font-family: "Raleway",sans-serif;
    font-size: 50px;
    font-weight: 300;
    text-transform: uppercase;
    width: 100%;
}
 .statehead span {
    color: #0556a7;
    font-weight: 700;
    margin-left: -11px;
}
 .statehead b {
    background-image: url("/images/MNF%20296/ionicoimg.png");
    background-position: center top;
    background-size: 100% 100%;
    color: #fff;
    font-weight: 700;
    padding: 16px 12px 0;
}
 .hiddencolor {
    background-color: #0ba1a4;
    float: left;
    height: 270px;
    width: 11.667%;
    border-right: 8px solid #0556a7;
}
 .statecontent{
    float: left;
    width: 100%;
    text-align: justify;
    margin: 6% 0;
}
 .statetext {
    color: #868686;
    float: left;
    line-height: 22px;
    padding: 5px 0 0 18px;
    width: 100%;
}
 .divcolor {
    background-color: #0556a7;
    border-left: 8px solid #0ba1a4;
    color: #fff;
    float: left;
    padding: 30px;
}
 .globeimage img {
    display: block;
    margin: auto;
}
 .globetext {
    color: #fff;
    float: left;
    line-height: 23px;
    width: 100%;
}
 .globecontainer{
    float: left;
    width: 100%;
    text-align: justify;
}
 .hydrohead {
    background-color: #21297c;
    float: left;
    position: relative;
    z-index: 9999;
    padding: 20px 0;
    width: 100%;
}
 .hydrotext {
    float: left;
    color:#fff;
    font-size: 30px;
    font-family: "Raleway",sans-serif;
    width: 100%;
}
 .hydrotext b {
    letter-spacing: 1px;
    text-transform: uppercase;
}
 .hydrocontainer{
    background-image: url(../../images/processgifwater.gif);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    float: left;
    padding: 0 0 45px;
    width: 100%;
}
 .processsmoke {
    bottom: -225px;
    float: left;
    position: absolute;
    width: 100%;
}
 .process1 img {
    display: block;
    margin: auto;
}
 .process2 img {
    display: block;
    margin: auto;
}
 .process1 {
    color: #fff;
    float: left;
    font-size: 10px;
    font-weight: 800;
    padding: 40px 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
 .custodiv {
    background-image: url("/images/MNF%20296/ionicline1.png");
    background-position: 100% 40%;
    background-repeat: no-repeat;
    background-size: 100% 22%;
    float: left;
    margin-top: 6%;
    width: 13%;
}
 .custodivfirst {
    margin-left: -13px;
}
 .carousel-control {
    background: transparent none repeat scroll 0 0 !important;
    float: right;
    margin-top: 0px;
    position: relative !important;
    width: 13% !important;
    opacity:1;
}
 .process1 p:last-child {
    padding: 15px 0;
}
 .process2 {
    color: #fff;
    float: left;
    font-size: 10px;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
 .custodiv1 {
    background-image: url("/images/MNF%20296/ionicline1.png");
    background-position: 100% 32%;
    background-repeat: no-repeat;
    background-size: 100% 30%;
    float: left;
    width: 13%;
}
 .process2 p:last-child {
    padding: 15px 0;
}
 .processwater {
    float: right;
    position: relative;
    right: 44px;
    top: 47px;
}
 .hydroprocess {
    position: relative;
    z-index: 9999;
}
 .hydroprocess1 {
    float: left;
    margin-left: 11%;
    position: relative;
    width: 100%;
    z-index: 9999;
}
 .ionicwaterflow {
    float: left;
    display:none;
    position: absolute;
    width: 100%;
}
 .ionicwaterflow video {
    float: left;
    height: auto;
    width: 100%;
}
 .custolastdiv {
    background-position: 0 40%;
    background-size: 85% 22%;
}
 .custolastdiv1 {
    background-size: 85% 30%;
}
 .solutioncontainer {
    background-image:url(../../images/ionicprojecttop.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
    float: left;
    padding: 3% 0 6%;
    position: relative;
    width: 100%;
    z-index: 9999999;
}
 .solutionshead {
    float: left;
    font-size: 34px;
    color:#29b8c9;
    font-weight: 300;
    font-family: "Raleway",sans-serif;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
}
 .solutionshead b {
    color: #0556a7;
}
 .solutionshead img{
    display: block;
    margin: auto;
}
 .solutionshead p {
    float: left;
    padding: 10px 0;
    width: 100%;
}
 .solutioncontent {
    float: left;
    padding: 3% 0 8%;
    text-align: center;
    width: 100%;
}
 .borderdiv {
    border: 1px solid #e1e1e1;
    padding: 10px;
    float: left;
    width: 100%;
}
 .solutionimage, .solutionhead, .solutiontext, .solutionlink {
    float: left;
    overflow:hidden;
    width: 100%;
}
 .solutionhead img{
    display: block;
    margin: auto;
}
 .solutionhead {
    color: #0556a7;
    font-size: 24px;
    font-family: "Raleway",sans-serif;
    font-weight: 800;
    padding: 20px 0;
    text-transform: uppercase;
}
 .solutionhead b{
    color: #29b8c9;
    float: left;
    font-weight: 300;
    padding: 10px 0;
    width: 100%;
}
 .solutiontext {
    min-height: 210px;
    padding: 10px 0;
}
 .solutionlink {
    padding: 20px 0;
}
 .solutionlink a {
    border: 1px solid #29b8c9;
    color: #0556a7;
    font-weight: 700;
    padding: 8px 20px;
    font-family: "Raleway",sans-serif;
    text-transform: uppercase;
}
 .solutionimage img {
    float: left;
    transform: scale(1);
    transition: all 3000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
    width: 100%;
}
 .borderdiv:hover .solutionimage img {
    transform: scale(1.6);
}
 .featuredcontainer {
    background-color: #0556a7;
    background-image: url(../../images/ionicprojectbottom.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
    float: left;
    margin-top: -11%;
    padding: 5% 0;
    position: relative;
    width: 100%;
    z-index: 9;
}
 .featuredhead {
    color: #fff;
    float: left;
    font-size: 34px;
    padding: 5% 0 0;
    text-align: center;
    font-weight: 300;
    font-family: "Raleway",sans-serif;
    text-transform: uppercase;
    width: 100%;
}
 .featuredhead img {
    display: block;
    margin: auto;
}
 .featuredhead p {
    float: left;
    padding: 10px 0;
    width: 100%;
}
 .featuredcontent {
    float: left;
    padding: 4% 0 0;
    width: 100%;
}
 .industrycontainer {
    float: left;
    padding: 5% 0 0;
    width: 100%;
}
 .industryhead {
    float: left;
    font-size: 34px;
    color:#29b8c9;
    font-weight: 300;
    font-family: "Raleway",sans-serif;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
}
 .industryhead b {
    color: #0556a7;
}
 .industryhead img{
    display: block;
    margin: auto;
}
 .industryhead p {
    float: left;
    padding: 10px 0;
    width: 100%;
}
 .verticalscontent {
    color: #7f8283;
    float: left;
    font-size: 15px;
    padding-top: 20px;
    text-align: center;
    width: 100%;
}
 .industrycontent {
    float: left;
    padding: 5% 0;
    text-align: center;
    font-weight: 600;
    color: #5a5a5a;
    font-family: "Raleway",sans-serif;
    width: 100%;
}
 .industryimages {
    float: left;
    padding-bottom: 18px;
    width: 100%;
}
 .industryimages img {
    display: block;
    margin: auto;
}
 .industrytexts {
    float: left;
    padding: 0 0 30%;
    width: 100%;
}
 .newscontainer {
    background-image: url("/images/MNF%20296/ionicupdates.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    float: left;
    padding: 1% 0 3%;


    width: 100%;
}
 .newshead {
    color: #fff;
    float: left;
    font-size: 34px;
    font-weight: 300;
    font-family: "Raleway",sans-serif;
    text-transform: uppercase;
    width: 100%;
}
 .newscontent {
    background-color: #fff;
    float: left;
    margin: 4% 0;
    padding: 20px 0;
    width: 100%;
    text-align: justify;
}
 .newstexthead {
    background-color: #f1f1f1;
    border-right: 5px solid #15cfaa;
    color: #15cfaa;
    float: left;
    font-size: 23px;
    font-weight: bold;
    padding: 10px;
    text-transform: capitalize;
    width: 100%;
}
 .newstextinfo {
    float: left;
    padding: 20px 0;
    width: 100%;
}
 .newsicon img {
    display: block;
    margin: auto;
}
 .newsicon {
    bottom: 47px;
    position: relative;
}
 .visonmissioncontainer {
    float: left;
    padding: 5% 0;
    text-align: center;
    width: 100%;
}
 .visionimage img {
    display: block;
    margin: auto;
}
 .visionhead {
    color: #393939;
    float: left;
    font-size: 20px;
    font-weight: 700;
    padding: 26px 0;
    text-transform: uppercase;
    width: 100%;
}
 .visioninfo {
    float: left;
    min-height: 135px;
    width: 100%;
}
 .visionlinks {
    float: left;
    padding: 25px 0;
    width: 100%;
}
 .visioninfo b {
    color: #19a3cb;
    float: left;
    width: 100%;
}
 .visionlinks a {
    background-image: url("/images/MNF%20296/iconicmore.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #fff;
    padding: 8px 35px 14px 14px;
    text-decoration: none;
}
 .line {
    background-image: url("/images/MNF%20296/line.png");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: auto auto;
    float: left;
}
 .explorecontainer {
    float: left;
    width: 100%;
}
 .testimonialhead {
    background-color: #14a079;
    color: #fff;
    float: left;
    font-size: 34px;
    font-weight: 700;
    font-family: "Raleway",sans-serif;
    padding: 20px 10% 20px 20%;
    text-align: right;
    text-transform: uppercase;
    width: 100%;
}
 .testimonialhead p {
    border-left: 3px solid;
}
 .testiscroll {
    background-color: #0f7cb8;
    border-bottom: 10px solid #0e8b71;
    float: left;
    min-height: 622px;
    padding: 20% 10% 10%;
    text-align: justify;
    width: 100%;
}
 .testimonailimage {
    float: left;
    width: 100%;
}
 .testiimagesname {
    color: #fff;
    float: left;
    padding-top: 50%;
    width: 100%;
}
 .testiimagesname b {
    float: left;
    font-size: 28px;
    padding: 0 0 10px;
    width: 100%;
}
 .testiinfo {
    color: #fff;
    float: left;
    font-style: italic;
    padding: 7% 0;
    width: 100%;
}
 .explorehead {
    background-color: #12a7a4;
    color: #fff;
    float: left;
    font-size: 34px;
    font-weight: 700;
    font-family: "Raleway",sans-serif;
    padding: 20px 0;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
}
 .explorehead p {
    border-left: 3px solid;
    padding-left: 6%;
}
 .explore {
    float: left;
    min-height: 625px;
    text-align: center;
    width: 100%;
}
 .explorecareerimage img {
    display: block;
    margin: auto;
}
 .explorelinks {
    float: right;
}
 .explore1 {
    border: 1px solid #f0f0f0;
    float: left;
    min-height: 310px;
    padding: 20px 0 0;
    width: 100%;
}
 .explorecareerhead {
    float: left;
    font-weight: 700;
    padding: 10px 0;
    color:#474747;
    font-family: "Raleway",sans-serif;
    font-size: 25px;
    text-transform: uppercase;
    width: 100%;
}
 .explorecareerhead b {
    color: #38c670;
    float: left;
    font-weight: 300;
    width: 100%;
}
 .explorecareerimage {
    float: left;
    padding: 20px 0;
    width: 100%;
}
 .explorecareertext {
    float: left;
    min-height: 60px;
    padding: 0 15px;
    width: 100%;
}
 .clientscontainer {
    float: left;
    padding: 5% 0;
    width: 100%;
}
 .clientshead {
    float: left;
    font-size: 34px;
    color:#4c4c4c;
    font-weight: 300;
    font-family: "Raleway",sans-serif;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
}
 .clientshead b {
    color: #4c4c4c;
}
 .clientshead img{
    display: block;
    margin: auto;
}
 .clientshead p {
    float: left;
    padding: 10px 0;
    width: 100%;
}
 .clientsscroll {
    float: left;
    padding: 3% 0;
    width: 100%;
}
 .reachuscontainer {
    background-image: url(../../images/ionicreachus.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    float: left;
    border-bottom: 4px solid #f56e21;
    padding: 3% 0;
    width: 100%;
}
 .getintouch {
    float: left;
    color: #fff;
    text-align: justify;
    width: 100%;
}
 .getintouch p:first-child {
    float: left;
    font-size: 23px;
    font-family: "Raleway",sans-serif;
    text-transform: uppercase;
    width: 100%;
}
 .getintouch b {
    font-size: 25px;
    padding-right: 10px;
}
 .getintouch p {
    float: left;
    padding: 5px 0;
    width: 100%;
}
 .getintouch a {
    background-color: #000;
    border: 2px solid #fff;
    border-radius: 50px;
    bottom: 5px;
    color: #fff;
    padding: 7px 71px 7px 12px;
    text-transform: uppercase;
}
 .hvr-icon-wobble-horizontal::before {
    background-color: #15cfaa;
    border-radius: 50px;
    padding: 0 7px ! important;
}
 .footercontainer{
    background-image: url(../../images/water.gif);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    float: left;
    padding: 12% 0;
    width: 100%;
}
 .social {
    float: left;
    text-align: center;
    width: 100%;
}
 .social a {
    border: 1px solid;
    border-radius: 0;
    color: #000;
    float: none;
    margin: 0 5px;
    padding: 17px 16px 16px 19px;
    text-align: center;
}
 .social a:hover {
    border-radius: 50%;
    transition: all 0.5s ease-in-out 0s;
    color: #fff;
}
 .copyright span {
    font-weight: bold;
    text-transform: uppercase;
    color:#fff;
}
 .social a:first-child:hover {
    background-color: #1a367f;
}
 .social a:nth-child(2):hover {
    background-color: #0196da;
}
 .social a:nth-child(3):hover {
    background-color: #0196da;
}
 .social a:nth-child(4):hover {
    background-color: #cd2d1d;
}
 .social a:nth-child(5):hover {
    background-color: #cd2d1d;
}
 .copyright {
    background: rgb(33, 41, 124) none repeat scroll 0 0;
    float: left;
    /* margin-top: 0px;
     */
    padding: 10px 0;
    color:#fff;
    text-align: center;
    width: 100%;
}
 .policy {
    background: rgba(0, 0, 0, 0) url("/images/MNF%20296/menudivider.png") no-repeat scroll left center;
    color: #fff;
    text-decoration: none ! important;
    padding: 0 6px;
}
 .policy:hover{
    color:#000;
}
 .floatinup {
    border: 1px solid;
    color: #000;
    float: right;
    padding: 9px 10px 7px 14px;
    position: relative;
    right: 20px;
}
 .floatinup i {
    font-size: 25px;
    text-align: center;
}
.floating {
    float: right;
    position: fixed;
    bottom: 50px;
    animation: 3s shift infinite;
    -webkit-animation: 3s shift infinite;
    text-align: right;
    width: 100%;
    z-index: 9999;
}
 .hvr-bounce-to-bottom::before {
    background: #0659a8 none repeat scroll 0 0 ! important;
}
 .visible {
    display: block !important;
}
 .floatinup {
    display: none;
}
 @media(min-width:320px) and (max-width:479px){
    .socialicon p:last-child {
        padding: 10px 14px 10px 45px;
    }
	
	.calls p a{ color:#4bb7be !important}
     .linksshow{
        bottom:0 ! important;
    }
	
	
	.prod_ li{ width:100%; margin-bottom:10px}
	
	.mar{ margin-top:200px}
	
     .banner .carousel-indicators{
        top:225px ! important;
        margin-left:-44% ! important;
        width:80% ! important;
    }
	
	.bannercontainer{margin-top: 102px;}
     .socialicon p{
        padding-left: 0px ! important;
    }
     .socialicon {
        float: left;
        width: 100%;
    }
     .socialicon p:first-child {
        float: left;
        text-align: center;
        width: 100%;
    }
     .socialicon p:last-child {
        padding: 10px 0 ! important;
        text-align: center;
        width: 100%;
    }
     .emailus {
        text-align: center;
    }
     .calls {
        bottom: 0px;
        position: relative;
        right: 0px ! important;
    }
     .logo {
        float: left;
        padding: 20px 0;
        width: 100%;
    }
     .logoimg {
        display: block;
        margin: auto;
    }
     .menubar{
        background-color: #0659a8;
        background-image: none;
    }
     .headercontainer .menuH {
        margin: -45px 0 0;
    }
     .menuH ul li{
        width: 100%;
        background:transparent ! important;
    }
     .navbar-inverse .navbar-nav li a {
        color: #fff;
        font-size: 12px;
        padding: 5px 20px;
        text-align: left;
    }
     .statehead {
        font-size: 32px;
        text-align: center;
    }
     .statetext {
        padding: 0;
    }
     .hydrocontainer {
        /* background-image: none; */
    }
     .banner .carousel-indicators {
        top: 125px !important;
    }
     .hydrotext {
        font-size: 16px;
        text-align: center;
    }
     .borderdiv {
        margin: 10px 0;
    }
     .solutionhead {
        font-size: 18px;
    }
     .featuredhead , .industryhead {
        font-size: 25px;
    }
     .mask p {
        line-height: 17px;
        padding: 10px 0 0;
    }
     .view a.info {
        margin-top: 0 ! important;
        padding: 7px 14px ! important;
    }
     .industrytexts {
        padding: 0 0 10%;
    }
     .newscontainer {
        padding: 5% 0 3%;
    }
     .newshead {
        text-align: center;
    }
     .newsimage img {
        display: block;
        margin: auto;
    }
     .newsimage {
        float: left;
        margin: 0 0 5%;
        width: 100%;
    }
     .newscontainer{
        background-color: #0659a8;
        background-image: none;
    }
     .testimonialhead {
        font-size: 25px;
        padding: 20px 23% 20px 7%;
    }
     .testiimagesname {
        padding-top: 0;
    }
     .explorehead {
        padding: 20px 23px;
        font-size: 25px;
    }
     .nopadleft {
        padding-right: 0 !important;
    }
     .client1 {
        float: left;
        margin: 5px 0;
        width: 100%;
    }
     .client1 img {
        display: block;
        margin: auto;
    }
     .reachuscontainer{
        background-color: #0659a8;
        background-image: none;
    }
     .getintouch p:first-child {
        font-size: 18px;
    }
     .newscontent .carousel-control {
        width: 13% !important;
    }
     .getintouch b {
        float: left;
        font-size: 23px;
        margin: 0 0 20px;
        padding-right: 0;
    }
     .copyright {
        margin: 0;
    }
}
 @media(min-width:480px) and (max-width:767px){
    .socialicon p:last-child {
        padding: 10px 14px 10px 45px;
    }
     .newscontent .carousel-control {
        width: 13% !important;
    }
     .linksshow{
        bottom:0 ! important;
    }
	.mar{ margin-top:280px}

	
	
     .banner .carousel-indicators {
        top: 200px !important;
        margin-left:-44% ! important;
        width:80% ! important;
    }
     .emailus {
        text-align: center;
    }
     .carousel-indicators{
        top:225px ! important;
    }
     .calls {
        bottom: 195px;
        left: 25%;
        position: relative;
        right: 0;
    }
     .logo {
        float: left;
        padding: 60px 0 20px;
        width: 100%;
    }
     .logoimg {
        display: block;
        margin: auto;
    }
     .menubar{
        background-color: #0659a8;
        background-image: none;
    }
     .headercontainer .menuH {
        margin: -25px 0 0;
    }
     .menuH ul li{
        width: 100%;
        background:transparent ! important;
    }
     .navbar-inverse .navbar-nav li a {
        color: #fff;
        font-size: 12px;
        padding: 5px 20px;
        text-align: left;
    }
     .statehead {
        font-size: 32px;
        text-align: center;
    }
     .statetext {
        padding: 0;
    }
     .hydrocontainer {
        background-image: none;
    }
     .hydrotext {
        font-size: 16px;
        text-align: center;
    }
     .sets {
        float: left;
        width: 33.3%;
    }
     .sets1:first-child {
        float: left;
        width: 25%;
    }
     .sets1:last-child {
        float: left;
        width: 75%;
    }
     .sets2 {
        float: left;
        min-height: 450px;
        width: 50%;
    }
     .visioninfo {
        min-height: 162px;
    }
     .sets3:first-child {
        float: left;
        width: 65%;
    }
     .sets3:last-child {
        float: left;
        padding-top: 30%;
        width: 35%;
    }
     .sets4 {
        float: left;
        width: 50%;
    }
     .explorecareertext {
        min-height: 80px;
    }
     .sets5 {
        float: left;
        width: 25%;
    }
     .borderdiv {
        margin: 10px 0;
    }
     .solutionhead {
        font-size: 18px;
    }
     .featuredhead , .industryhead {
        font-size: 25px;
    }
     .mask p {
        line-height: 17px;
        padding: 10px 0 0;
    }
     .view a.info {
        margin-top: 0 ! important;
        padding: 7px 14px ! important;
    }
     .industrytexts {
        padding: 0 0 10%;
    }
     .newscontainer {
        padding: 5% 0 3%;
    }
     .newshead {
        text-align: center;
    }
     .newsimage img {
        display: block;
        margin: auto;
    }
     .newsimage {
        float: left;
        margin: 0 0 5%;
        width: 100%;
    }
     .newscontainer{
        background-color: #0659a8;
        background-image: none;
    }
     .testimonialhead {
        font-size: 25px;
        padding: 20px 23% 20px 7%;
    }
     .testiimagesname {
        padding-top: 0;
    }
     .explorehead {
        padding: 20px 23px;
        font-size: 25px;
    }
     .nopadleft {
        padding-right: 0 !important;
    }
     .client1 {
        float: left;
        margin: 5px 0;
        width: 100%;
    }
     .client1 img {
        display: block;
        margin: auto;
    }
     .reachuscontainer{
        background-color: #0659a8;
        background-image: none;
    }
     .getintouch p:first-child {
        font-size: 18px;
    }
     .getintouch b {
        float: left;
        font-size: 23px;
        margin: 0 23px 20px 0;
        padding-right: 0;
    }
     .solutiontext {
        min-height: auto;
    }
     .copyright {
        margin: 0;
    }
}
 @media(min-width:768px) and (max-width:991px){
    .menubar{
        background-color: #21297c;
        background-image: none;
    }
     .navbar-inverse .navbar-nav li a {
        font-size: 12px;
        padding: 15px 10px;
        text-align: left;
        text-transform: capitalize;
    }
     .calls {
        bottom: 100px;
        position: absolute;
        right: 109px;
    }
     .logoimg {
        display: block;
        margin: auto;
    }
     .hydrocontainer {
        background-image: none;
    }
     .hydrotext {
        font-size: 16px;
        text-align: center;
    }
     .borderdiv {
        margin: 10px 0;
    }
     .feast .view.view-tenth {
        margin: 0 7px;
        width: 48%;
    }
     .testimonialhead {
        font-size: 30px;
        padding: 20px 4% 20px 35px;
    }
     .testiscroll {
        min-height: 933px;
        padding: 20% 0 10%;
    }
     .testiimagesname {
        padding-top: 0;
    }
     .testiinfo {
        padding: 16% 16px;
    }
     .nopadleft {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
     .explore1 {
        padding: 0;
    }

     .explorecareertext {
        min-height: 80px;
    }
     .solutioncontainer {
        padding: 3% 0 17%;
    }
     .featuredcontainer {
        margin-top: -11%;
    }
     .getintouch b{
        font-size:24px ! important;
    }
     .newscontent .carousel-control{
        width:5% ! important;
    }
     .reachuscontainer{
        background-color: #0659a8;
        background-image: none;
    }
}
 @media(min-width:992px) and (max-width:1199px){
    .navbar-inverse .navbar-nav li a {
        padding: 20px 10px;
        text-transform: capitalize;
    }
     .hydrotext {
        font-size: 22px;
    }
     .getintouch b{
        font-size:24px ! important;
    }
     .processsmoke {
        bottom: -180px;
    }
     .hydroprocess1 {
        margin-left: 16%;
    }
     .custodiv , .custodiv1 {
        width: 16%;
    }
     .process1 , .process2 {
        font-size: 9px;
    }
     .processwater {
        right: 41px;
    }
     .solutioncontainer {
        padding: 3% 0 12%;
    }
     .solutiontext {
        min-height: 250px;
    }
     .featuredcontainer {
        margin-top: -11%;
    }
     .mask p {
        line-height: 17px;
        padding: 10px 0 0;
    }
     .view a.info {
        margin-top: 0 ! important;
        padding: 7px 14px ! important;
    }
     .visioninfo {
        min-height: 160px;
    }
     .explorecareerhead , .solutionhead {
        font-size: 20px;
    }
     .explorecareertext {
        min-height: 80px;
    }
     .testiscroll {
        min-height: 662px;
        padding: 20% 0 10%;
    }
     .testimonialhead {
        padding: 20px 4%;
    }
     .newscontent .carousel-control{
        width:4% ! important;
    }
     .testiinfo {
        padding: 16% 16px;
    }
}
 @media(min-width:1200px){
    .nopadleft1{
        padding-left: 0 ! important;
    }
     .navbar-inverse .navbar-nav li a {
        padding: 15px 18px;
    }
     .hydrotext {
        font-size: 25px;
    }
     .custodiv , .custodiv1 {
        width: 14%;
    }
     .process1 , .process2{
        font-size:11px;
    }
     .solutioncontainer {
        padding: 3% 0 10%;
    }
     .testiscroll {
        min-height: 662px;
    }
     .newscontent .carousel-control{
        width:4% ! important;
    }
     .explorecareertext {
        min-height: 80px;
    }
}
 @media(min-width:1349px){
    .nopadleft1{
        padding-left: 0 ! important;
    }
}
 @media(min-width:1650px){
    .nopadleft1{
        padding-left: 0 ! important;
    }
     .processsmoke {
        bottom: -240px;
    }
     .custodivfirst {
        margin-left: -50px;
    }
     .processwater {
        right: 113px;
    }
     .testiscroll {
        padding: 20% 10% 2%;
    }
     .newscontent .carousel-control{
        width:4% ! important;
    }
}
 @media(min-width:1920px){
    .custodivfirst {
        margin-left: -96px;
    }
     .newscontent .carousel-control{
        width:4% ! important;
    }
     .custodiv {
        margin-top: 4.5%;
    }
     .processwater {
        right: 182px;
    }
     .custolastdiv {
        background-position: 0 40%;
        background-size: 75% 22%;
    }
     .testiscroll {
        padding: 18% 10% 0;
    }
     .custolastdiv1 {
        background-size: 75% 30%;
    }
}
 .clientsscroll .carousel-indicators {
    bottom: 0 !important;
    top: 120px;
}
 .carousel-indicators .active {
    background-color: #21297c !important;
    height: 10px !important;
    padding: 0px !important;
    border: 2px solid #21297c !important;
    width: 33px !important;
}
 .carousel-indicators li {
    background-color: #065ba9 !important;
    border: 2px solid #065ba9 !important;
    height: 10px !important;
    width: 15px !important;
}
 .sets4:hover .explore1 {
    border: 1px solid #14a079;
}
 .sets4:hover .explorecareerhead {
    color: #fff;
    transition: all 0.5s ease-in-out 0s;
}
 .loadingoverlay{
    background-image:url(../../images/loader3.gif) ! important;
    position:relative;
    z-index:9999999;
    background-position:center center;
    background-size:auto ! important;
    opacity:0.96;
    background-color:#25aacf ! important;
}
 .selected a {
    color: #fff !important;
}
 .dropdown:hover .dropdown-menu {
    display: block !important;
}
 .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background: transparent !important;
    color:#000 ! important;
}
 .dropdown-menu > li > a {
    background: #1e2a70 none repeat scroll 0 0;
    color: #fff300 !important float: left;
    text-transform: capitalize ! important;
    margin: 0 !important;
    /* opacity: 0.8;
     */
    font-size: 14px !important;
    border:none ! important;
    text-align: left !important;
    padding: 5px 20px !important;
    width: 100% !important;
}
 .dropdown-menu {
    background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
    border-top: 0 none;
    padding: 0 !important;
    width:auto ! important;
}
 .dropdown-menu li {
    float: left;
    margin:2px 0;
    width: 100%;
}
 .dropdown:hover .dropdown-menu {
    display: block;
    height: auto !important;
    transform: scale(1) !important;
    transition: all 0.25s ease-in-out 0s !important;
}
 .dropdown-menu {
    display: block !important;
    height: 0 !important;
    overflow: hidden;
    transform: scale(0);
}
 .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background: #16b1ca !important;
}
 .rightsocial {
    position: fixed;
    right: 0;
    top: 30%;
    z-index: 9999;
}
 .socialbox {
    background-color: #21297c;
    color: #000;
    margin: 1px 0;
    padding: 10px;
    position: relative;
    right: -80%;
    transition: all 0.5s ease 0s;
}
 .socialbox:hover {
    right: 0;
    transition: all 0.5s ease 0s;
}
 .socialbox a {
    color: #fff;
    font-size: 15px;
    padding: 5px 16px 8px 5px;
    font-weight: bold;
    text-decoration: none;
}
 .socialbox i {
    padding: 0 12px 10px 2px;
}
 .linksshow {
    bottom: 70px;
    float: left;
    padding: 0 0 10px;
    position: relative;
    text-align: center;
    width: 100%;
}
 .linksshow a {
    background-color: #0556a7;
    color: #fff;
    cursor: pointer;
    padding: 10px 20px;
    text-decoration: none;
}
 .newstextinfo a {
    border: 1px solid;
    color: #000;
    float: left;
    margin: 10px 0 0;
    padding: 0 20px;
}
 .calls .fa.fa-mobile {
    color: #64c1c7;
    padding: 0 10px 0 0;
}
 .calls p a {
    text-decoration: none;
    color: #4bb7be;
}
 img{
    border:0px;
    padding:0px;
}
p {
    margin: 0px 0px 3px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 16px;
}
a.footline{
    color: #808080;
    text-decoration: none;
    font-size:11px;
    color: #808080;
}
 a.footline:hover{
    color: #808080;
    text-decoration: underline;
    font-size:11px;
    color: #808080;
}