body{  font-family: "Roboto", sans-serif;;line-height:1.7;font-size: 18px;}
h1,h2,h3,h4,h5,h6 {font-weight: 700;}
.logo h1 {margin: 0;padding: 10px 0;}
.logo h1 a {font-size: 36px;}
.navbar{background:#08172E;}
.navbar a{color:#fff !important;margin-bottom: 0;}
.hero{background:url('../img/refinery-plant.jpg') center/cover no-repeat;height:660px;color:white;display:flex;align-items:center;text-align:center;}
.hero-overlay{background:rgba(0,0,0,0.6);width:100%;height:100%;display:flex;align-items:center;}
.section{padding:70px 0;}
.section-title{margin-bottom:40px;text-align:center;font-weight:700;}
.product-box{padding:15px;border:1px solid #eee;border-radius:6px;;transition:0.3s;background: #FFF;}
.product-box:hover{box-shadow:0 10px 25px rgba(0,0,0,0.1);}
.product-box p {margin-bottom: 0;}
.footer{background:#08172E;color:#fff;padding:30px 0;}
.product-box .icon-box {margin-bottom: 20px;}
.advt-box .number {display: flex;width: 50px;height: 50px;font-size: 30px;font-weight: 600;background: #08172e;color: #FFF;align-items: center;
    justify-content: center;margin-bottom: 15px;}
.icon-box {background-color: #ecf4ff;height: 60px;width: 60px;line-height: 60px;display: flex;align-items: center;justify-content: center;font-size: 24px;
    color: #08172e;margin-right: 15px;}
.contact-box a {color: #000;}
.contact-box a:hover {color: #08172e;}
.footer p {margin: 0;}
.product-wrap .product-box {height: 100%;}
.hero .content-box {max-width: 780px;margin: auto;}
.wrap-box {padding: 20px;background: #FFFF;}
.work-block .img-box img {width: 100%;vertical-align: middle;height: 225px;object-fit: cover;}

@media only screen and (max-width: 1200px) {
    .hero {height: 600px;}
    .footer {padding: 20px 0;}
}

@media only screen and (max-width: 768px) {
    .hero {height: 560px;}
    .section {padding: 50px 0;}
    .footer {padding: 15px 0;}
}

@media only screen and (max-width: 576px) {
    .hero {height: 480px;}
    .section {padding: 40px 0;}
}