/*======Rohit(Buruga)
        DevsArena
        Copyright======*/
html,body{
    margin:0;
    padding: 0;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    text-rendering: auto;
    /* background-color: #f3f6f8; */
}
p{
    font-size: 16px;
    font-family: 'IBM Plex Sans', sans-serif;
    text-align: justify;
}
li{
    font-size: 16px;
    font-family: 'IBM Plex Sans', sans-serif;
}
label{
    font-size: 12px;
}
input::placeholder{
    font-size: 12px;
}
textarea::placeholder{
    font-size: 12px;
}
.navbar{
     /* background: linear-gradient(to right, #ffffff 0%, #ffff99 100%);  */
     /*background:#c9caca!important;*/
}
.navbar-brand {
    position: relative;
    width: 175px;
    left: 15px;
    max-height: 75px;
    /* height of the navbar */
}
.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}
.nav-link{
    font-family: 'Francois One', sans-serif;
    color:#0b0f66!important;
    font-size: 16px;
    padding-right: 20px!important;
}
.nav-item a:hover{
    background-color:#0b0f66;
    color: white!important;
}
.dropdown-item{
    font-family: 'Anaheim', sans-serif;
    color:#0b0f66!important;
    letter-spacing: 0.1em;
    font-size: 15px;
}
.slider-ppp{
    padding-top:85px;
}
.slider-corrosion{
    background-position:center;padding-top:85px;
}
.about-image{
    height:250px;
    width:100%;
}
#marineimagetop{
    padding-top: 1.5rem!important;
}
#marine2{
    padding-top: 1.5rem!important;
}
#marine2-1{
    padding-top: 30px;
}
#marineclick{
    background:#0b0f66;
    color:white;
    text-decoration:none;
    padding: 5px;
    font-size: 20px;
}
.oilbanner{
    width:100%;
    height:70vh;
}
.oilimage1{
    padding-top: 1.5rem!important;
}
#oilimage1{
    padding-top: 30px;
}
#oilparagraph{
    position:relative;top:50px;
}
#plantparagraph{
    position:relative;top:30px;
}
#desalinationparagraph{
    position:relative;top:20px;
}
#desal4image{
    position:relative;top:15px;right:80px;
}
#oilherobanner{
    width:100%;height:70vh;
}
#oem{
    padding-top: 1rem!important;
}
#oemparagraph{
    position:relative;top:50px;
}
#miningturnkey{
    padding-top: 1.5rem!important;
}
#technologylastparagraph{
    padding-top: 1.5rem!important;
}
/* Carousel */
.h-1-size{
    color: #0b0f66;
    text-shadow:-2px -2px 0 white,2px -2px 0 white,-2px 2px 0 white,2px 2px 0 white;
    font-size: 40px!important;
    font-family: sans-serif;
    font-weight: 600;
}
.p-1-size{
    color: white;
    text-shadow:2px 2px 0 #0b0f66,2px 2px 0 #0b0f66,2px 2px 0 #0b0f66,1px 1px 0 #0b0f66;
    font-size: 26px!important;
}
.h-1-size,.p-1-size{
     /*margin-top:140px!important; */
    position: relative;
    top:120px!important;
}
.p-1-size:hover{
    transform: scale(1.1)
}
/*--Home--*/
.home p{
    margin-top: 10px;
    color: black;
    text-align: justify;
    font-family: 'IBM Plex Sans', sans-serif;
    /* padding-left:45px;
    padding-right:45px; */

}

/* Info */

/* Connect */
.connect{
    font-family: 'Anton', sans-serif;
    color:	#aaaaaa;
}
.connect h1{
    margin-left: 25px;
    font-size: 15px;
}
.social-icons ul{
    list-style: none;
}
.social-icons ul li{
    display: inline-block;
}
.social-icons ul li a i{
    font-size: 30px!important;
    letter-spacing: 0.5em;
}
/* Footer */
.social-footer{
    background-color:#0b0f66;
    color: white;
}
.copyright{
    padding-top: 10px;
}
.copyright p{
    font-size: 12px;
    text-align: center;
}
/*--Contact.html--*/
#contact{
    margin-top: 80px;
    margin-bottom: 10px;
}
.email-text{
    font-family: 'Anton', sans-serif;
}
.email{
    padding-top: 100px;
}

/* About.html */
/* About */
/* .about-wrap-image {
    background-image: url(../img/about.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
} */
.about-whole{
    margin-top: 80px;
    text-align: justify;
}
/* Technology.html */
.tech-whole{
    margin-top: 80px;
    text-align: justify;
}
.tech-whole p{
    font-family: 'IBM Plex Sans', sans-serif;
}
.techimage{
    /* padding-top: 70px; */
    width: 400px;
    height: 300px;
    /* margin-left: 70px;  */
}
.card-2{

    padding: 10px;

}
.cp-edit{
    padding-top: 100px;
    font-size: 15px;
}

/* Solutions.html */
.solutions-whole{
    margin-top: 80px;
    text-align: justify;
}
#solimages{
    width:280px;height:200px;
}
#mainsolimages{
    position:relative;left:80px;
}

/* Industry.html */

.industry-whole{
    margin-top: 70px;
    padding-bottom: 62px;
}
.industry-whole ul li{
    line-height: 2.8;
}
.industry .img-fluid{
        margin-top: 50px;
}
.hover:hover{
    color: dodgerblue!important;
}

/* Marine.html */
.marine-whole{
    margin-top: 80px;
}

/* oem.html */
.oem-whole{
    margin-top: 80px!important;
}
/* Powerplant.html */
.plant-whole{
    margin-top: 80px!important;
}

/*Oil.html*/
.oil-whole{
    margin-top: 80px!important;
}
/* mining.html */
.mining-whole{
    margin-top: 80px!important;
}
/* electricalandelectronic.html */
.electricalandelectronic-whole{
    margin-top: 80px!important;
}
.powerplant2{
    padding-bottom: 10px;
}

/*Desalination.html*/
.desal-whole{
    margin-top: 80px!important;
}
/* Product.html*/
.product-whole{
    margin-top: 80px!important;
}
/* Gallery.html */
.gallery-whole{
    margin-top: 80px;
}
        .thumb{
            margin-bottom: 30px;
        }

        .page-top{
            margin-top:85px;
        }


img.zoom {
    width: 100%;
    height: 200px;
    border-radius:5px;
    object-fit:cover;
}
img.zoom:hover{
    transform: scale(1.2);
    transition: 1s;
}
/* Solutions.html */
.slimage img{
    padding-left:100px;

}
.slpara p{
 padding-right:100px;
}
#ecelastimage{
    position:relative;
    right:110px;
}
/* Media Queries */
@media only screen and (min-width:1600px){
    #slimage{
        position: relative;
        left: 200px!important;
        padding-bottom: 20px;
    }
    .slpara{
        position: relative;
        top: 100px!important;
    }
}
@media (min-width:1440px) and (max-width:1600px){
.form{
    margin-bottom: 30px!important;
}
.slimage{
    padding-bottom: 20px;
}
#bigscreenfootergap{
    margin-top: 230px!important;
}
}
@media only screen and (max-width:1280px){

    .h-1-size,.p-1-size{
        position: relative;
        left: -5px;
         top:130px!important;

    }
    /* #bigscreenfootergap{*/
    /*margin-top: 200px!important;*/
    /*}*/
    /*.header-wrap{*/
    /*    position:absolute;*/
    /*    background:blue;*/
    /*}*/
    .about-whole {
    margin-top: 110px;
    text-align: justify;
}
}
@media only screen and (min-width:1024px) and (max-width:1279px){
    #homepage1{
        position: relative;
        top:20px!important;
    }
    .h-1-size{
        color: #0b0f66;
        text-shadow:-1px -1px 0 white,1px -1px 0 white,-1px 1px 0 white,1px 1px 0 white;
        font-size: 30px!important;
        font-family: sans-serif;
        font-weight: 600;
    }
    .p-1-size{
        color: white;
        text-shadow:2px 2px 0 #0b0f66,2px 2px 0 #0b0f66,2px 2px 0 #0b0f66,1px 1px 0 #0b0f66;
        font-size: 15px!important;
    }
    .h-1-size,.p-1-size{
        position: relative;
        left: -5px;
         top:20px!important;

    }
    .about-image{
        height:auto;
        width:100%;
        position: relative;
        top:25px;
    }
    #oilpara{
        word-break: break-all;
    }
    #nine{
        position: relative;
        top: 60px!important;
    }
    #marine2-1{
        padding-top: 0px!important;
    }
    #eight{
        height: 850px!important;
        position: relative;
        top:30px;
    }
    #oilparagraph{
        position:relative;top:0px!important;
    }
    #oilpagethree{
        position: relative;
        top: 50px;
    }
    #oilthirdsection{
        padding-top: 0px!important;
    }
    #og3{
        position: relative;
        top:100px!important;
    }
    #e1{
        position: relative;
        top: 50px!important;
    }
    #plantparagraph {
    position: relative;
    top: 0px;
}
#e3{
    position: relative;
    top:80px!important;
}
#desalinationparagraph {
    position: relative;
    top: -30px!important;
}
#desal4image {
    position: relative;
    top: 30px;
    right: 30px;
}
#oemparagraph {
    position: relative;
    top: 20px;
}
#mininglast{
    position:relative;top:80px!important;
}
#ecelistpoints{
    position: relative;
    left: 60px!important;
    top: -20px!important;;
}
#ecelastimage{
    position: relative;
    right: auto!important;
}
#technologyhero{
    position: relative;
    top:100px!important;
}
#technologylastimage{
    position: relative;
    left: 20px!important;
    top: 30px!important;
    bottom: 0px!important;
    width: 100%;
}
.slimage img {
    padding-left: 100px;
    position: relative;
    top:60px!important;
}
#solutions1-2-2{
    position: relative;
    top:100px!important;
}
#solutionlastimage{
    position: relative;
    top:70px;
}
.form{
    margin-bottom: 20px;
}
}
@media  screen and (max-width:992px){
    .owl-carousel,.owl-carousel-item,.owl-carousel-item > img {
      height: auto;
      box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
      padding-top: 70px!important;

    }
    .slider-ppp{
        padding-top:10px;
    }
    .slider-corrosion{
        background-position:center;
        padding-top:10px;
    }
    .h-1-size{
        color: #0b0f66;
        text-shadow:-1px -1px 0 white,1px -1px 0 white,-1px 1px 0 white,1px 1px 0 white;
        font-size: 30px!important;
        font-family: sans-serif;
        font-weight: 600;
    }
    .p-1-size{
        color: white;
        text-shadow:2px 2px 0 #0b0f66,2px 2px 0 #0b0f66,2px 2px 0 #0b0f66,1px 1px 0 #0b0f66;
        font-size: 18px!important;
    }
    /* .h-1-size,.p-1-size{
        position: relative;
        left: -5px;
        bottom: 5px;

    } */
    .h-1-size,.p-1-size{
        position: relative;
        left: 0px;
         top:80px!important;

    }
    #homepage1{
        height: auto!important;
        width: 100%!important;
    }
    .connect h1{
        margin-left: 0px;
        font-size: 15px;
    }
    .social-icons ul li a i{
        position: relative;
        right: 5px;
        letter-spacing: 0.6em;
    }
    .about-image{
        height:auto;
        width:100%;
        padding-bottom: 10px;
    }
    #abouttext{
        word-break: break-all;
    }
    #marineimagetop{
        padding-top: 0rem!important;
    }
    #marine2{
        padding-top: 0rem!important;
    }
    #marine2-1{
        padding-top: 0px;
    }
    #marinelistpoints{
        position: relative;
        left: 20px;
    }
    #marineturnkey br{
        display: none;
    }
    #marineclick{
        background:#0b0f66;
        color:white;
        text-decoration:none;
        padding: 5px;
        font-size: 20px;
    }
    .marine1 img{
        width: 100%!important;
    }
    .oilbanner{
        width:100%;
        height:auto;
    }
    .oilimage1{
        padding-top: 0rem!important;
    }
    #oilimage1{
        padding-top: 0px;
        display: none;
    }
    #oilparagraph{
        position:relative;top:10px!important;
    }
    .orderchangingcontainer{
        display:flex;
        flex-flow: column;
    }
    .orderchangingcontainer .one{
        order: 2;
    }
    .orderchangingcontainer .two{
        order: 1;
    }
    #oilindustry1{
        width: 100%;
    }
    #og3{
        width: 100%;
    }
    #plantparagraph{
        position:relative;top:5px;
        padding-top: 6px;
    }
    #desalinationparagraph{
        position:relative;top:0px;
    }
    #desal4image{
        position:relative;top:15px;right:auto;
    }
    #too{
        width: 100%;
    }
    #oilherobanner{
        width:100%;height:auto;
    }
    #oem{
        padding-top: 0rem!important;
    }
    #oemparagraph{
        position:relative;top:10px;
    }
    #o{
        display: none;
    }
    #miningimage{
        width:100%;padding:5px;height:auto!important;margin-bottom: 15px;
    }
    #miningturnkey{
        padding-top: 0rem!important;
    }
    #mininglast{
        width: 100%;
    }
    #ecelistpoints{
        padding-top:0px!important;
        position:relative;
        left:200px!important;
    }
    #ecebenefits{
        position:relative;left:130px!important;
    }
    #ecelastimage{
        position:relative;left:170px!important;
    }
    #technologyhero{
        position:relative;top:auto!important;
        padding-bottom: 10px!important;
    }
    #technologylastparagraph{
        padding-top: 0rem!important;
    }
    #technologylastimage{
        position:relative;left:auto!important;bottom:0px!important;height:auto!important;width:100%;
    }
    .slimage img{
        padding-left:20px;

    }
    .slpara p{
     padding-right:0px;
     overflow-x: auto;
     margin: 15px;
    }
    #solutionlastimage {
        padding-bottom: 20px;
        position: relative;
        left: 100px;
    }
    .email{
        padding-top: 50px;
        margin-bottom: 30px;
    }

   }

   @media screen and (max-width:480px){
       .owl-carousel,.owl-carousel-item,.owl-carousel-item > img {
         height: auto;
         box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
         padding-top: 70px!important;

       }
       .slider-ppp{
           padding-top:10px;
       }
       .slider-corrosion{
           background-position:center;padding-top:10px;
       }
       .h-1-size{
           color: #0b0f66;
           text-shadow:-1px -1px 0 white,1px -1px 0 white,-1px 1px 0 white,1px 1px 0 white;
           font-size: 20px!important;
           font-family: sans-serif;
           font-weight: 600;
       }
       .p-1-size{
           color: white;
           text-shadow:2px 2px 0 #0b0f66,2px 2px 0 #0b0f66,2px 2px 0 #0b0f66,1px 1px 0 #0b0f66;
           font-size: 13px!important;
       }
       .h-1-size,.p-1-size{
           position: relative;
           left: -5px;
            top:-20px!important;

       }
       .connect h1{
           margin-left: 0px;
           font-size: 15px;
       }
       .social-icons ul li a i{
           position: relative;
           right: 5px;
           letter-spacing: 0.6em;
       }
       .about-image{
           height:auto;
           width:100%;
           padding-bottom: 10px;
       }
       #abouttext{
           word-break: break-all;
       }
       #marineimagetop{
           padding-top: 0rem!important;
       }
       #marine2{
           padding-top: 0rem!important;
       }
       #marine2-1{
           padding-top: 0px;
       }
       #marinelistpoints{
           position: relative;
           left: 20px;
       }
       #marineturnkey br{
           display: none;
       }
       #marineclick{
           background:#0b0f66;
           color:white;
           text-decoration:none;
           padding: 5px;
           font-size: 10px;
       }
       .oilbanner{
           width:100%;
           height:auto;
       }
       .oilimage1{
           padding-top: 0rem!important;
       }
       #oilimage1{
           padding-top: 0px;
           display: none;
       }
       #oilparagraph{
           position:relative;top:10px!important;
       }
       .orderchangingcontainer{
           display:flex;
           flex-flow: column;
       }
       .orderchangingcontainer .one{
           order: 2;
       }
       .orderchangingcontainer .two{
           order: 1;
       }
       #plantparagraph{
           position:relative;top:5px;
           padding-top: 6px;
       }
       #desalinationparagraph{
           position:relative;top:0px;
       }
       #desal4image{
           position:relative;top:15px;right:auto;
       }
       #oilherobanner{
           width:100%;height:auto;
       }
       #oem{
           padding-top: 0rem!important;
       }
       #oemparagraph{
           position:relative;top:10px;
       }
       #miningimage{
           width:100%;padding:5px;height:auto!important;margin-bottom: 15px;
       }
       #miningturnkey{
           padding-top: 0rem!important;
       }
       #ecelistpoints{
           padding-top:0px!important;
           position:relative;
           left:30px!important;
       }
       #ecebenefits{
           position:relative;left:25px!important;
       }
       #ecelastimage{
           position: static;
           right: auto!important;
       }
       #technologyhero{
           position:relative;top:auto!important;
           padding-bottom: 10px!important;
       }
       #technologylastparagraph{
           padding-top: 0rem!important;
       }
       #technologylastimage{
           position:relative;left:auto!important;bottom:0px!important;height:auto!important;width:100%;
       }
       .slimage img{
           padding-left:20px;
           position: relative;
           top:15px!important;

       }
       .slpara p{
        padding-right:0px;
        overflow-x: auto;
        margin: 15px;
       }
       .slpara{
           position:relative;
           top:0px;
       }
       #solutionlastimage {
           padding-bottom: 20px;
           position: relative;
           left: 0px!important;
       }
       .email{
           padding-top: 50px;
           margin-bottom: 30px;
       }
   }