body
{
font-family: 'Titillium Web', sans-serif;
text-align:center;
}
*{
padding:0px;
margin:0px;
}

@media screen and (min-width: 860px) {
#maindiv{
width:100%;
height:62px;
position:fixed;
}
#navdiv{
background:#000;
height:62px;
width:100%;
line-height:0px;
}
#logo{
float:left;
cursor:pointer;
margin-left:45px;
padding-top:7px;
}
#logos
{
float:right;
margin-right:-840px;
cursor pointer;
padding-top:5px;
}
#navdiv ul{
float:right;
margin-right:250px;
line-height:20px;
position:relative;
z-index:100;
}
#navdiv ul li{
list-style-type:none;
display:inline-block;
}
#navdiv ul li a{
padding:20px;
text-decoration:none;
color:#e4ecf3;
font-size:15px;
display:block;
}
#navdiv ul li a:hover{
color: #FFA500;
transition:all 0.40s;
}
#navdiv ul li:hover ul{
display:block;
margin-left:17px;
}
#navdiv ul ul{
display:none;
width:200px;
position:absolute;
}
#navdiv ul li li{
background:#000;
display:block;
text-align:justify;
border:1px solid #e4ecf3;
}
#navdiv ul li li a{
padding:9px;
}
#navdiv .current_page{
color: #FFA500;
}




.banner{
width: 100%;

}
.container-banner{
width:100%;
height:370px;
}
.banner-img {
width: 100%;
height:370px; 
margin:0 auto;
}

#oilngas{
background:#f2f2f2;
}
.oilngas-container{
width:100%;
height:1200px;
}
.oilngas-container .oilngas-div{
width:100%;
height:1200px;
background:#fff;
}

.oilngas-div .mechdesign{
width:80%;
height:700px;
margin-left:130px;
background:white;
}
.mechdesign-name{
width:100%;
height:80px;
padding-top:30px;
}
.mechdesign-name h1{
font-size:17px;
}
.mechdesign-desc{
width:100%;
height:160px;
}
.mechdesign-desc p{
padding:20px;
text-align:left;
margin-left:20px;
}
.mechdesign-points{
width:53%;
height:350px;
float:right;
padding-top:20px;
background-color: #000;
color: #fff;
}
.mechdesign-points ul li{
text-align:left;
margin-left:80px;
list-style-type: square;
}
.mechdesign-points  h4{
font-size:16px;
text-align:left;
margin-left:20px;
font-weight:normal;
}


.oilngas-div .streanaly{
width:80%;
height:400px;
margin-left:130px;
background:white;
}
.streanaly-name{
width:100%;
height:80px;
}
.streanaly-name h1{
font-size:17px;
}
.streanaly-desc{
width:100%;
height:80px;
}
.streanaly-desc p{
padding:20px;
text-align:left;
margin-left:20px;
}
.streanaly-points{
width:58%;
height:210px;
float:right;
margin-right:180px;
padding-top:20px;
background-color: #fff;
color: #000;
}
.streanaly-points ul li{
text-align:left;
margin-left:80px;
list-style-type: square;
}
.streanaly-points  h4{
font-size:16px;
text-align:left;
margin-left:20px;
font-weight:normal;
}




.footer {
    background:#000;
    display: block;
    float: left;
    height:260px;
    margin: 0 auto;
    width: 100%;
}

.main_footer_fix {
    margin: 0 auto;
    padding-top: 0;
    width: 90%;
}
.span1
{
    color: #FFF;
margin-left:-20px;
    display: block;
    padding: 20px;
    margin-bottom:-10px;
    text-align:left;
    font-weight:bold;
    font-size:18px;
}
.pg
{
    color: #DCDCDC;
    text-align:left;
    display: block;
    font-size:16px;
}
.right_side {
    display: block;
    float: left;
    list-style-type: none;
    margin: 8px 2px 0px 0;
    padding: 15px 0px 20px 0px;
    width:28%;
}

.left_side {
    display: block;
    float: left;
    list-style-type: none;
    margin: 8px 2px 0;
    padding: 15px 10px 20px 0px;
    width: 20%;
}

.left_side ul {
    list-style-type: none;
    margin:0px;
    padding: 0px;
}
li.fotter_big_txt {
    color: #FFF;
    display: block;
    padding:25px;
    margin-left:-24px;
margin-bottom:8px;
    text-decoration: none; 
    font-weight:bold;
}
li.fotter_big_txt a {
    color: #FFFFFF;
    display: block;
    font-size: 18px;
    line-height: 20px;
    font-weight:bold;
    float:left;
text-decoration: none;
}

li.fotter_txt {
    color: #fff;
    font-size: 16px;
    font-weight:normal;
    text-align:left; 
    list-style-type:none;
}
li.fotter_txt a {
    color: #fff;
    font-size: 16px;
    text-decoration: none;
}
li.fotter_txt a:hover {
    color: #FFA500;
    font-size: 16px;
    text-decoration: none;
}

.span2
{
    color: #FFF;
margin-left:25px;
    display: block;
    padding: 20px;
    margin-bottom:-10px;
    text-align:left;
    font-weight:bold;
    font-size:18px;
}


.logo1{
display: block;
float:left;
}
.logo1 .fotter_txt_w{
    float:left;
margin:12px;
}

.logo1 .fotter_txt_wp {
    color: #fff;
    font-size: 16px;
    font-weight:normal;
    text-align:left; 
    list-style-type:none;

}
.logo1 .fotter_txt_wp a {
     color: #fff;
    font-size: 16px;
    text-decoration: none;

}
.logo1 .fotter_txt_wp a:hover {
     color: #FFA500;
    font-size: 16px;
    text-decoration: none;

}

.logo2{
display: block;
margin-left:20px;
float:left;
}
.logo2 .fotter_txt_w{
    float:left;
margin:12px;
}

.logo2 .fotter_txt_wp {
    color: #fff;
    font-size: 16px;
    font-weight:normal;
    text-align:left; 
    list-style-type:none;

}
.logo2 .fotter_txt_wp a {
     color: #fff;
    font-size: 16px;
    text-decoration: none;

}
.logo2 .fotter_txt_wp a:hover {
     color: #FFA500;
    font-size: 16px;
    text-decoration: none;

}

.logo3{
display: block;
margin-left:20px;
float:left;
}
.logo3 .fotter_txt_w{
    margin:12px;
float:left;
}

.logo3 .fotter_txt_wp {
    color: #fff;
    font-size: 16px;

    font-weight:normal;


    text-align:left; 
    list-style-type:none;

}
.logo3 .fotter_txt_wp a {
     color: #fff;
    font-size: 16px;
    text-decoration: none;

}
.logo3 .fotter_txt_wp a:hover {
     color: #FFA500;
    font-size: 16px;
    text-decoration: none;

}

.row
{
margin-right:-15px;
margin-left:-15px
}
.footer_hide
{ 
display:block;
}
}

@media screen and (min-width: 420px) and (max-width: 860px) {
#logo{
float:left;
cursor:pointer;
margin-left:15px;
padding-top:5px;
}
#logos{
display:none;
}
#navdiv ul{
float:right;
margin-right:25px;
line-height:20px;
position:relative;
z-index:100;
}
#navdiv ul li{
list-style-type:none;
display:inline-block;
}
#navdiv ul li a{
padding:20px;
text-decoration:none;
color:black;
font-size:12px;
display:block;
}
#navdiv ul li a:hover{
color: #FFA500;
transition:all 0.40s;
}
#navdiv ul li:hover ul{
display:block;
margin-left:17px;
}
#navdiv ul ul{
display:none;
width:200px;
position:absolute;
}
#navdiv ul li li{
background:black;
display:block;
text-align:justify;
border:1px solid white;
}
#navdiv ul li li a{
padding:9px;
color:white;
}
#navdiv .current_page{
color: #FFA500;
}
.banner{
width: 100%;
position:relative;
}
.container-banner{
width:100%;
height:370px;
}
.banner-img {
width: 100%;
height:370px; 
margin:0 auto;
}

#oilngas{
background:#f2f2f2;
}
.oilngas-container{
width:100%;
height:1200px;
position:relative;
}
.oilngas-container .oilngas-div{
width:100%;
height:1200px;
background:#fff;
position:relative;
}

.oilngas-div .mechdesign{
width:80%;
height:730px;
margin-left:70px;
background:white;
position:relative;
}
.mechdesign-name{
width:100%;
height:80px;
padding-top:30px;
}
.mechdesign-name h1{
font-size:14px;
}
.mechdesign-desc{
width:100%;
height:200px;
}
.mechdesign-desc p{
padding:20px;
text-align:justify;
font-size:14px;
margin-left:20px;
}
.mechdesign-points{
width:53%;
height:350px;
float:right;
padding-top:20px;
background-color: #000;
color: #fff;
}
.mechdesign-points ul li{
text-align:left;
margin-left:80px;
font-size:14px;
list-style-type: square;
}
.mechdesign-points  h4{
font-size:14px;
text-align:left;
margin-left:20px;
font-weight:normal;
}


.oilngas-div .streanaly{
width:80%;
height:420px;
margin-left:70px;
background:white;
position:relative;
}
.streanaly-name{
width:100%;
height:80px;
}
.streanaly-name h1{
font-size:14px;
}
.streanaly-desc{
width:100%;
height:80px;
}
.streanaly-desc p{
padding:20px;
font-size:14px;
text-align:justify;
margin-left:20px;
}
.streanaly-points{
width:58%;
height:190px;
float:right;
margin-right:180px;
padding-top:20px;
background-color: #fff;
color: #000;
}
.streanaly-points ul li{
text-align:left;
margin-left:80px;
font-size:14px;
list-style-type: square;
}
.streanaly-points  h4{
font-size:14px;
text-align:left;
margin-left:20px;
font-weight:normal;
}




.footer {
    background:#000;
    display: block;
    float: left;
    height:270px;
    margin: 0 auto;
    width: 100%;
}

.main_footer_fix {
    margin: 0 auto;
    padding-top: 0;
    width: 90%;
}
.span1
{
    color: #FFF;
margin-left:-20px;
    display: block;
    padding: 20px;
    margin-bottom:-10px;
    text-align:left;
    font-weight:bold;
    font-size:16px;
}
.pg
{
    color: #DCDCDC;
    text-align:left;
    font-size:14px;
    display: block;
}



.right_side {
    display: block;
    float: left;
    list-style-type: none;
    margin: 8px 2px 0px 0;
    padding: 15px 0px 20px 0px;
    width:28%;
}

.left_side {
    display: block;
    float: left;
    list-style-type: none;
    margin: 8px 2px 0;
    padding: 15px 10px 20px 0px;
    width: 20%;
}

.left_side ul {
    list-style-type: none;
    margin:0px;
    padding: 0px;
}
li.fotter_big_txt {
    color: #FFF;
    display: block;
    padding:25px;
    margin-left:-24px;
margin-bottom:8px;
    text-decoration: none; 
    font-weight:bold;
}
li.fotter_big_txt a {
    color: #FFFFFF;
    display: block;
    font-size:16px;
    line-height: 20px;
    font-weight:bold;
    float:left;
}

li.fotter_txt {
    color: #fff;
    font-size: 14px;
    font-weight:normal;
    text-align:left; 
    list-style-type:none;
}
li.fotter_txt a {
    color: #fff;
    text-decoration: none;
}
li.fotter_txt a:hover {
    color: #FFA500;
    font-size: 16px;
    text-decoration: none;
}

.span2
{
    color: #FFF;
margin-left:2px;
    display: block;
    padding: 20px;
    margin-bottom:-10px;
    text-align:left;
    font-weight:bold;
    font-size:16px;
}


.logo1{
display: block;
float:left;
}
.logo1 .fotter_txt_w{
    float:left;
margin:10px;
}

.logo1 .fotter_txt_wp {
    color: #fff;
    font-weight:normal;
    text-align:left; 
    list-style-type:none;

}
.logo1 .fotter_txt_wp a {
     color: #fff;
    font-size: 14px;
    text-decoration: none;

}
.logo1 .fotter_txt_wp a:hover {
     color: #FFA500;
    font-size: 16px;
    text-decoration: none;

}

.logo2{
display: block;
margin-left:20px;
float:left;
}
.logo2 .fotter_txt_w{
    float:left;
margin:10px;
}

.logo2 .fotter_txt_wp {
    color: #fff;
    font-size: 16px;
    font-weight:normal;
    text-align:left; 
    list-style-type:none;

}
.logo2 .fotter_txt_wp a {
     color: #fff;
    font-size: 14px;
    text-decoration: none;

}
.logo2 .fotter_txt_wp a:hover {
     color: #FFA500;
    font-size: 16px;
    text-decoration: none;

}

.logo3{
display: block;
float:left;
}
.logo3 .fotter_txt_w{
    margin:12px;
float:left;
}

.logo3 .fotter_txt_wp {
    color: #fff;
    font-weight:normal;
    text-align:left; 
    list-style-type:none;

}
.logo3 .fotter_txt_wp a {
     color: #fff;
    font-size: 14px;
    text-decoration: none;

}
.logo3 .fotter_txt_wp a:hover {
     color: #FFA500;
    font-size: 16px;
    text-decoration: none;

}

.row
{
margin-right:-15px;
margin-left:-15px
}
.footer_hide
{ 
display:block;
}

}