.title {
    color: #baddff;
    font-size: 14px;
    width: 37%;
float: left;
}
.social {
    float: left;
    width: 29%;
}
.social li {
    display: inline-block;
    width: 13%;
}
.social img {
    opacity: 0.5;
    width: 22px;
height: 22px;
}

.logo {
    float: left;
    width: 15%;
}
.topmenu {
    float: left;
    width: 85%;
    margin-top: 16px;
}
.ourservice {
    text-align: center;
}
.ourservice h3 {
    font-size: 49px;
    color: #002e5b;
}
.ourservice p {
    font-size: 19px;
    color: #002e5b;
}
.wwd {
    color: #fff;
    font-size: 19px;
    width: 76%;
    float: left;
    margin-top: 70px;
}
.wwdtitle {
    margin-top: 54px;
    color: #fff;
    font-size: 37px;
    font-weight: bold;
    width: 26%;
    float: left;
}
.seefull {
float: left;
width: 24%;
margin-top: 70px;
text-align: center;
}
.seefull a {
padding: 6px 64px;
font-size: 23px;
background: #00a651;
color: #fff;
border-radius: 6px;
}
.contactustitle {
    color: #fff;
    font-size: 25px;
    width: 75%;
    float: left;
    margin-top: 70px;
}
.contactus {
    float: left;
    width: 25%;
    margin-top: 70px;
    text-align: center;
}
.contactus a {
    padding: 6px 47px;
    font-size: 23px;
    background: #24a3d8;
    color: #fff;
    border-radius: 6px;
}
.headquarter {
    float: left;
    width: 35%;
}
.explore {
    float: left;
    width: 30%;
    margin-left: 50px;
}
.logod {
    float: left;
    width: 30%;
    text-align: right;
}
.down h2 {
    color: #e6e6e6;
    font-size: 19px;
}
.down {
    color: #e6e6e6;
}








/* for mobile */
@media (max-width: 768px) {
    
    .title,.social ,#search ,.logo, .topmenu , .seefull, .wwdtitle, .wwd,.contactustitle,.contactus{
width: 100%;
        text-align: center;
        margin-top: 5px;
        
    }
}