@charset "utf-8";

/* CSS Document */



@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,500;0,600;0,800;1,400&display=swap');
/*font-family: 'Montserrat', sans-serif;

font-family: 'Montserrat', sans-serif;*/





body {
	font-family: 'Montserrat', sans-serif;
	font-size:16px;
	overflow-x: hidden;
	text-align:justify;
}
.no-gutter {
	margin-right: 0;
	margin-left: 0;
}
 .no-gutter > [class*="col-"] {
 padding-right: 0;
 padding-left: 0;
}
.mb-30 {
	margin-bottom:30px;
}
.mb-20 {
	margin-bottom:20px;
}
.mb-38 {
	margin-bottom:38px;
}
.mb-42 {
	margin-bottom:42px;
}
.mt-10 {
	margin-top:10px;
}
.mt-20 {
	margin-top:20px;
}
.mt-30 {
	margin-top:30px;
}
/*================================================

COMMON CSS STARTS HERE

==================================================*/



h1, h2, h3, h4 {
	font-family: 'Montserrat', sans-serif;
	font-weight:normal;
	text-transform:capitalize;
	color:#000;
}
.btn {
	font-family: 'Montserrat', sans-serif;
	font-weight:normal;
	font-size:16px;
	line-height:16px;
	color:#2d8dc6;
	border:1px solid #2d8dc6;
	padding:14px 12px;
	width:180px;
	border-radius:0;
}
.btn:hover {
	font-family: 'Montserrat', sans-serif;
	font-weight:normal;
	font-size:16px;
	line-height:16px;
	color:#fff;
	background:#2d8dc6;
	padding:14px 12px;
	width:180px;
	border-radius:0;
}
.main-title {
	display:block;
	margin-bottom:50px;
	width:100%;
}
.main-title h1 {
	font-size:38px;
	line-height:38px;
	color:#2d8dc6;
	font-weight:600;
}
.main-title h1 span {
	font-size:38px;
	line-height:38px;
	color:#000;
	font-weight:600;
}
.sub-title {
	display:block;
	margin-bottom:30px;
	width:100%;
}
.sub-title h1 {
	font-size:22px;
	line-height:28px;
	color:#2d8dc6;
	font-weight:600;
}
.sub-title h1 span {
	font-size:22px;
	line-height:28px;
	color:#000;
	font-weight:600;
}
.scrollup {
	width: 40px;
	height: 40px;
	position: fixed;
	z-index:9;
	bottom: 50px;
	right: 22px;
	display: none;
	/* text-indent: -9999px; */

    text-align: center;
	background-color: #fff;
	color: #298bc6;
	font-size: 22px;
	line-height: 39px;
	box-shadow: 2px 0px 16px 2px rgba(0, 0, 0, 0.27);
	-webkit-box-shadow: 2px 0px 16px 2px rgba(0, 0, 0, 0.27);
	-moz-box-shadow: 2px 0px 16px 2px rgba(0, 0, 0, 0.27);
}
.scrollup:hover {
	color: #fff;
	background-color: #298bc6;
}
/*================================================

HOME PAGE CSS STARTS HERE

==================================================*/

.about-sec {
	padding-top:100px;
	padding-bottom:100px;
}
.abt-cont {
	padding-top:30px;
	padding-bottom:30px;
}
/*services we provide css starts here*/





.sf-block {
	background:url(../images/storage-fac-bg.jpg) no-repeat;
	width:100%;
	height:436px;
	display:block;
	position:relative;
	padding:55px 30px;
	color:#fff;
	overflow:hidden;
}
.ff-block {
	background:url(../images/freight-fwd-bg.jpg) no-repeat;
	width:100%;
	height:436px;
	display:block;
	position:relative;
	padding:55px 30px;
	color:#fff;
	overflow:hidden;
}
.sb-block {
	background:url(../images/sustainable-bio-disel-bg.jpg) no-repeat;
	width:100%;
	height:436px;
	display:block;
	position:relative;
	padding:55px 30px;
	color:#fff;
	overflow:hidden;
}
.swp-title {
	font-size:24px;
	line-height:24px;
	color:#fff;
	font-weight:600;
	margin-bottom:30px;
}
.swp-title span {
	font-size:24px;
	line-height:24px;
	color:#2d8dc6;
}
.swp-cont {
	position:absolute;
	transition: 2s;
	bottom: 30px;
	color: #fff;
	width:82%;
	text-align:justify;
	height: 55px;
	overflow: hidden;
	padding-right:30px;
	font-size:12px;
	transition: 2s;
    transform: translateY(0px);
}


.sf-block:hover .swp-cont, .ff-block:hover .swp-cont, .sb-block:hover .swp-cont {
	bottom:30px;
	min-height: 230px;
	height: auto;
	display: block;
	transition: 2s;
	transform: translateY(-50px);

}
/*vision and mission  css starts here*/



.vm-sec {
	padding-top:100px;
	padding-bottom:100px;
}
.vm-cont {
	padding-top:30px;
	padding-bottom:30px;
}
/*Home contact css starts here*/



.hc-sec {
	background:url(../images/h-contact-bg.jpg) no-repeat;
	width:100%;
	padding-top: 100px;
	padding-bottom: 100px;
}
.hc-cont {
	text-align: center;
}
/*=================================================

Scroll down button on slider

=====================================================*/



.scroll-down {
	border: 2px solid #fff;
	border-radius: 20px;
	bottom: 60px;
	height: 50px;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	width: 30px;
	z-index:1;
	bottom:5px;
}
 .scroll-down::before {
 animation: scrollDownAnimation 2s infinite;
 background-color: #fff;
 border-radius: 100%;
 content: '';
 height: 6px;
 left: 0;
 margin: 0 auto;
 position: absolute;
 right: 0;
 top: 10px;
 width: 6px;
}
 @-moz-keyframes scrollDownAnimation {
 0% {
 opacity: 0;
 transform: translate(0, 0);
}
 40% {
 opacity: 1;
}
 80% {
 opacity: 0;
 transform: translate(0, 20px);
}
 100% {
 opacity: 0;
}
}
 @-webkit-keyframes scrollDownAnimation {
 0% {
 opacity: 0;
 transform: translate(0, 0);
}
 40% {
 opacity: 1;
}
 80% {
 opacity: 0;
 transform: translate(0, 20px);
}
 100% {
 opacity: 0;
}
}
 @-o-keyframes scrollDownAnimation {
 0% {
 opacity: 0;
 transform: translate(0, 0);
}
 40% {
 opacity: 1;
}
 80% {
 opacity: 0;
 transform: translate(0, 20px);
}
 100% {
 opacity: 0;
}
}
 @keyframes scrollDownAnimation {
 0% {
 opacity: 0;
 transform: translate(0, 0);
}
 40% {
 opacity: 1;
}
 80% {
 opacity: 0;
 transform: translate(0, 20px);
}
 100% {
 opacity: 0;
}
}
/*==========================================================

CORPORATE PROFILE CSS STARTS HERE

============================================================*/





.inner-banner {
	position: relative;
	width: 100%;
	height: 280px;
}
.corp-profile {
	background:url(../images/inner-banner-dummy.jpg) no-repeat;
	background-color:#2d8dc6;
	background-position: center center;
	background-size: cover;
}



.inner-banner .page-title {
	color: #000;
	font-size: 36px;
	font-weight: 600;
	position: absolute;
	bottom: 50px;
	text-shadow: -1px 0 1px #000;
}
.inner-banner .page-title span {
	color: #2d8dc6;
	font-size: 36px;
	font-weight: 600;
}
.cp-sec {
	padding-top:100px;
	padding-bottom:100px;
}
.cp-map-sec{
	padding-top:100px;
	padding-bottom:100px;
	background:#e8eeef;
}

.of-vm-sec {
	padding-top:100px;
	padding-bottom:100px;
	background-color:#f3f3f3;
}
.wpr-0 {
	padding-right:0;
}
.wpl-0 {
	padding-left:0;
}
.cp-of-cont {
	padding-top:50px;
	padding-left:30px;
}
.cp-vm-cont {
	padding-top:50px;
	padding-right:30px;
}
/*=============================================================

corp structure css starts here

===============================================================*/



.cs-sec {
	padding-top:100px;
	padding-bottom:100px;
}
/*=============================================================

Board of Directors css starts here

===============================================================*/

.bod-sec {
	padding-top:100px;
	padding-bottom:100px;
}
.bod-cont {
	float:left;
	width:100%;
}
a.bod-inner {
	float:left;
	display:block;
	padding:30px 15px;
	background:#2d8dc6;
	color:#fff;
	width:100%;
	text-decoration: none;
	border-bottom: 5px solid #86d2ff;
	min-height:124px;
}
a.bod-inner:hover {
	float:left;
	display:block;
	padding:30px 15px;
	background:#efefef;
	color:#2d8dc6;
	border-bottom: 5px solid #2d8dc6;
	width:100%;
	text-decoration: none;
}
a.bod-inner:hover .bod-title, a.bod-inner:hover .bod-pos {
	color:#2d8dc6;
}
.pro-pic {
	float:left;
	width:150px;
	height:150px;
	margin-right:15px;
}
/*a.bod-inner{

	float:left;

	display:block;

	text-align:center;

	width:100%;

	text-decoration:none;

}*/



.bod-title {
	width:100%;
	text-align:center;
	font-size:16px;
	line-height:22px;
	font-weight:600;
	text-transform:uppercase;
	color:#fff;
	margin-bottom: 15px;
}
.bod-pos {
	width:100%;
	text-align:center;
	font-size:12px;
	line-height:16px;
	font-weight:normal;
	text-transform:capitalize;
	color:#fff;
}
/*Management team section starts here*/





a.mt-inner {
	float:left;
	display:block;
	padding:30px 15px;
	background:#2d8dc6;
	color:#fff;
	width:100%;
	text-decoration: none;
	border-bottom: 5px solid #86d2ff;
	min-height: 162px;
}
a.mt-inner:hover {
	float:left;
	display:block;
	padding:30px 15px;
	background:#efefef;
	color:#2d8dc6;
	border-bottom: 5px solid #2d8dc6;
	width:100%;
	text-decoration: none;
	min-height: 162px;
}
a.mt-inner:hover .bod-title, a.mt-inner:hover .bod-pos {
	color:#2d8dc6;
}
.profile-cont-name {
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
	margin-bottom: 20px;
}
.profile-cont-name span {
	font-size: 16px;
	line-height: 22px;
	font-weight: normal;
	margin-bottom: 20px;
	display: block;
}
.profile-popup ul {
	margin: 0;
	padding: 0;
}
.profile-popup ul li {
	list-style: none;
	position: relative;
	padding-left: 26px;
	margin-bottom: 10px;
	text-align: justify;
}
.profile-popup ul li:before {
	position: absolute;
	top: 0;
	left: 0;
	font-family: FontAwesome;
	content: "\f0a9";
	color: #2d8dc6;
	font-size: 16px;
}



/*Careers section starts here*/

.careers-sec{
	padding-top: 100px;
	padding-bottom: 100px;
}
.careers-banner{
	background:url(../images/inner-banner-careers.jpg) no-repeat;
	background-color:#2d8dc6;
	background-position: center center;
	background-size: cover;
}
.careers-sec2{
	padding-top: 100px;
	padding-bottom: 100px;
	background-color:#d6e7f1;
}

/*Sustainability   section starts here*/
.sus-at-glance-sec{
	padding-top: 100px;
	padding-bottom: 50px;
}
.sus-glance-banner{
	background:url(../images/sustainability/inner-banner-sustainability.jpg) no-repeat;
	background-color:#2d8dc6;
	background-position: center center;
	background-size: cover;
}

.sus-cbg{
	padding-top:50px;
	padding-bottom: 50px;
	margin-bottom:100px;
	background:#9db090;
	background-image:url(../images/sustainability/bg-layer-1.png);
	background-position:left center;
	background-repeat:no-repeat;
	background-size:contain;
	
}




/*Safety and health*/

.safety-health-sec{
		padding-top: 100px;
	padding-bottom: 100px;
}
.safety-health{
	display:flex;
	flex-wrap:wrap;
}

.hs-fac-inner{
	/*background:#9db090;*/
	padding:30px;
	
}

.hs-fac-inner ul{
	margin:0;
	padding:0;
}

.hs-fac-inner ul li{
	list-style:none;
	position:relative;
	left:30px;
	text-transform:inherit;
	margin-bottom:15px;
}

.hs-fac-inner ul li:before{
	content:'\f00c';
	display:inline-block;
	font-family:FontAwesome;
	font-size:15px;
	position:absolute;
	left:-30px;
	
}

.hs-fac-inner li > strong,  
.hs-fac-inner p > strong{
	border-bottom:1px solid #ccc;
	padding-bottom:10px;
	display:block;
}



/*==========================================================
Gallery page css starts here
============================================================*/





.gallery-banner{
	background:url(../images/inner-banner-dummy.jpg) no-repeat;
	background-color:#2d8dc6;
	background-position: center center;
	background-size: cover;
}

.gallery-sec{
	padding-top: 100px;
	padding-bottom: 100px;
}

.gallery{
	width:100%;
	display:flex;
	flex-wrap:wrap;
}


.event-cont{
	margin-top:15px;
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px solid #ccc;
}

.event-title{
	font-size:22px;
	font-weight:bold;
	line-height:26px;
	margin-bottom:20px;
	color:#2d8dc6;
}

.event-date{
	font-size:16px;
	line-height:18px;
	color:#7e7e7e;
	margin-bottom:20px;
	font-style:italic;
}
.event-desc{
	font-size:16px;
	line-height:22px;
}





/*Contact Us  section starts here*/



.cu-sec {
	padding-top: 100px;
	padding-bottom: 100px;
}
.cont-inner {
	height: 100%;
	color: #000 !important;
	padding: 35px 30px;
	background: #e2f4ff;
}
.bg-2 {
	background: #e1eef9;
}
.cont-inner ul {
	margin: 0;
	padding-left: 0;
}
.cont-inner ul li {
	margin: 0;
	list-style: none;
	position: relative;
	padding: 13px 0 13px 30px;
	word-wrap: break-word;
}
 .cont-inner ul li::after {
 content: "";
 display: block;
 width: 70px;
 border-width: 0 0 1px;
 border-style: solid;
 border-color: rgba(0, 0, 0, .2);
 position: absolute;
 left: -30px;
 bottom: 0;
}
.cont-inner ul li .icon {
	position: absolute;
	left: 0;
	display: block;
	width: 30px;
	height: 30px;
	line-height: 20px;
	font-size: 20px;
}
.cont-inner .addrs-cont, .cont-inner .addrs-cont a {
	color: #222 !important;
}
iframe {
	display: block;
}
/*Our services pages css starts here*/





.bg-full {
	background:#efefef;
}


.sf-facilites{
	background:#f7f7f7;
}
.cont-sec {
	padding-bottom:100px;
	padding-top:100px;
}
.sf-cont {
	padding:92px 30px;
	background:#efefef;
}
.sf-facilites{
	background:#f7f7f7;
}

.sf-img {
	background:url(../images/sf-1.jpg) no-repeat;
	background-size:cover;
	background-position:center center;
	min-height:344px;
}
ul.bullets {
	margin:0;
	padding:0;
}
ul.bullets li {
	list-style:none;
	position:relative;
	padding-left:26px;
	margin-bottom:10px;
	text-align:justify;
}
ul.bullets li:before {
	position: absolute;
	top: 0;
	left: 0;
	font-family: FontAwesome;
	content: "\f0a9";
	color: #2d8dc6;
	font-size: 16px;
}

.sf-cont ul, .sf-cont ol{
	margin:0;
	padding:0;
}
.sf-cont ol li ul{
	padding-left:28px;
}

.sf-cont ol li ul li{
	list-style-type:disc;
}



.sf-facilites ol > li {
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 20px;
    margin-bottom: 20px;
}


.slide-cont{
	height:386px;
}
.slide-cont div img{
	width:100%;
	height:386px;
	object-fit: cover;
 
}
.img-top-position img{
	object-fit: cover;
	object-position:top center;
}
.img-bottom-position img{
	object-fit: cover;
	object-position:bottom center;
}

.slide-cont2 div img{
	width:100%;
	height:606px;
	object-fit: cover;
}

.slide-cont-ff div img{
	width:100%;
	height:378px;
	object-fit: cover;
	object-position: center center;
	
}
.slide-con-sbd div img{
	width:100%;
	height:368px;
	object-fit: cover;
	object-position: center center;
	
}

.at-cont {
	padding:92px 30px;
	background:#efefef;
}
.at-img {
	background:url(../images/sf-2.jpg) no-repeat;
	background-size:cover;
	background-position:center center;
	min-height:456px;
}
.ff-cont {
	padding:92px 30px;
	background:#efefef;
}
.ff-img {
	background:url(../images/ff-1.jpg) no-repeat;
	background-size:cover;
	background-position:top center;
	min-height:272px;
}

.ff-img2 {
	background:url(../images/ff-1.jpg) no-repeat;
	background-size:cover;
	background-position:bottom center;
	min-height:379px;
}


.ff-fac-cont ul{
	margin-left:20px;
}

.sbd-cont {
	padding:92px 30px;
	background:#efefef;
}
.sbd-img {
	background:url(../images/biodiesel.jpg) no-repeat;
	background-size:cover;
	background-position:center center;
	min-height:368px;
}
.attach-cont {
	width:100%;
	background:#ebebeb;
	min-height:120px;
	padding:30px;
	border-bottom:5px solid #065584;
	display:block;
	color:#000;
}
.pdf-icon {
	float:left;
	width:15%;
	margin-right:30px;
	text-align:center;
}
.attach-cont:hover {
	width:100%;
	background:#2d8dc6;
	min-height:120px;
	padding:30px;
	border-bottom:5px solid #065584;
	display:block;
	color:#fff;
	text-decoration:none;
}
/*.pdf-icon:before{

		content:'\f1c1';

	font-family:Fontawesome;

	font-size:50px;

	color:#f01832;

	

	display:inline-block;

	font-weight:normal;

}

*/



.fa-file-pdf {
	color:#d91a00;
	font-size:60px;
}
.attach-cont:hover .fa-file-pdf {
	color:#fff;
	font-size:60px;
}
.att-link {
	display:table;
	min-height:60px;
}
.att-link span {
	display:table-cell;
	min-height:60px;
	vertical-align:middle;
	font-size:16px;
	line-height:20px;
	font-weight:600;
}
.cert-inner {
	padding:30px;
	text-align:center;
	border:2px solid #e9e9e9;
	border-radius:5px;
	box-shadow: 1px 1px 7px 1px #ccc;
	min-height:247px;
}



/*===================================================
policy-disclosures css
=====================================================*/

.pd-wb{
	background:#d6e7f1;
	padding:100px 0;
	/*text-align:center;*/
}

.pd-wb-add li{
	list-style:none;
}
.pd-wb .main-title{
	width:100%;
}

.small-title {
    display: block;
    margin-bottom: 50px;
    width: 100%;
}

.small-title h4 {
    font-size: 28px;
    line-height: 28px;
    color: #2d8dc6;
    font-weight: 600;
	display:inline-block;
	text-align:left;
}
.small-title h4 span {
    font-size: 28px;
    line-height: 28px;
    color: #000;
    font-weight: 600;
}
.pd-wb .small-title h4:after{
	content:'';
	display:inline-block;
	width:100%;
	height:3px;
	 
	background:#000;
}

.box-wb{
	 
}
.pd-wb-add .fas{
	color:#007bff;
}

/*=========================================================

PRIVACY POLOCY AND TERMS OF USE CSS STARTS HERE

============================================================*/

.termsofuse p {
	text-align:justify;
}
.termsofuse h3 {
	margin: 30px 0px 10px 0px;
	color: #298bc6;
	font-size: 18px;
	font-weight: 500;
}
.privacy-policy td {
	vertical-align: top !important;
	text-align: justify;
}
.privacy-policy h3, .list-num {
	color: #298bc6;
	font-weight: 500;
	font-size: 18px;
	margin:3px 0px 10px 0px;
	text-align: left;
	padding-top:20px;
}
.privacy-policy ul {
	list-style-type: none;
	padding-left: 5px;
}
.privacy-policy li {
	position: relative;
	padding-left: 26px;
	margin-bottom: 10px;
	text-align: justify;
}
.privacy-policy li:before {
	position: absolute;
	top: 0;
	left: 0;
	font-family: FontAwesome;
	content: "\f0a9";
	color: #298bc6;
	font-size: 16px;
}
.privacy-policy .address {
	margin: 20px 0px 20px;
	border: 1px solid #ccc;
	padding: 20px 25px;
	border-radius: 3px;
	display: inline-block;
}
.privacy-policy .address h5 {
	font-size:16px;
	font-weight:bold;
	color:#000;
	margin-bottom:6px;
}
.privacy-policy .address p {
	margin-bottom:3px;
}
.list-num {
	font-weight:600;
}
/*====================================================

FOOTER css starts here

=====================================================*/



.footer-sec {
	background:#707070;
	padding-top:100px;
	padding-bottom:100px;
}
.foot-col-cust {
	float: left;
	width: 18%;
	margin-right: 2%;
}
.foot-right {
	float:right;
	text-align:right;
}
ul.foot-menu {
	margin:0;
	padding:0;
}
ul.foot-menu li {
	list-style:none;
	display:block;
}
ul.foot-menu li {
	font-weight:600;
	color:#fff;
	font-size: 14px;
}
ul.foot-menu li a {
	font-size:12px;
	line-height:12px;
	color:#fff;
	font-family: 'Montserrat', sans-serif;
	font-weight:300;
	text-transform:capitalize;
	text-decoration:none;
}
ul.fm-fl li {
	text-align: center;
	width: 100%;
}
ul.fm-fl li a {
	font-size:14px;
	line-height:14px;
	color:#fff;
	font-family: 'Montserrat', sans-serif;
	font-weight:600 !important;
	text-transform:capitalize;
	text-decoration:none;
	text-align: right;
}
.foot-right p {
	font-family: 'Montserrat', sans-serif;
	font-size:14px;
	color:#000000;
	font-weight:normal;
}
.footer-2 {
	float:left;
	width:100%;
	background:#dfdfdf;
	padding:15px 0;
}
ul.term-c {
	float:right;
	margin-bottom:0;
}
ul.term-c li {
	float:left;
	margin-right:14px;
	list-style:none;
}
ul.term-c li a {
	color:#1f1e24;
	font-size:14px;
	padding-right:15px;
}
ul.term-c li a:hover {
	color:#1f1e24;
	font-size:14px;
	padding-right:15px;
	text-decoration:none;
}
ul.term-c li:first-child a {
	border-right:1px solid #1f1e24;
}
.secondfooter {
	padding:25px 0 25px 0;
	background:#989898;
}
.copyright {
}
.copyright p {
	margin-bottom:0;
	font-size:14px;
}











/*==================================================================

	MEDIA QUERIES STARTS HERE

====================================================================*/



/*==========  Mobile First Method  ==========*/

/* Large desktops and laptops */

@media (min-width: 1200px) {
}

 

 

/* Landscape tablets and medium desktops */

@media (min-width: 992px) and (max-width: 1199px) {
 .sf-img {
 background: url(../images/sf-1.jpg) no-repeat;
 background-size: cover;
 background-position: center center;
 min-height: 391px;
}
 .ff-img {
 background: url(../images/ff-1.jpg) no-repeat;
 background-size: cover;
 background-position: bottom center;
 min-height: 320px;
}
 .sbd-img {
 background: url(../images/biodiesel.jpg) no-repeat;
 background-size: cover;
 background-position: center center;
 min-height: 464px;
}
}





/* Portrait tablets and small desktops */

@media (min-width: 768px) and (max-width: 991px) {
 .swp-title {
 font-size:18px;
 line-height:18px;
 color:#fff;
 font-weight:600;
 margin-bottom:30px;
}
 .swp-title span {
 font-size:18px;
 line-height:18px;
 color:#2d8dc6;
}
 .swp-cont {
 position: absolute;
 transition: 2s;
 bottom: 30px;
 color: #fff;
 height: 50px;
 overflow: hidden;
 padding-right: 30px;
 font-size: 12px;
}
 .about-img img {
 display:none;
}
 .about-img {
 background-image:url(../images/about-cont-img.jpg);
 background-position:center center;
 backgound-size:cover;
 height:398px;
}
 .vm {
 background-image:url(../images/vision-mission.jpg);
 background-position:center center;
 backgound-size:cover;
 height:398px;
}
 .sf-img {
 background: url(../images/sf-1.jpg) no-repeat;
 background-size: cover;
 background-position: center center;
 min-height: 391px;
}
 .ff-img {
 background: url(../images/ff-1.jpg) no-repeat;
 background-size: cover;
 background-position: bottom center;
 min-height: 320px;
}
 .sbd-img {
 background: url(../images/biodiesel.jpg) no-repeat;
 background-size: cover;
 background-position: center center;
 min-height: 464px;
}
}
 @media(max-width:768px) {
 .swp-cont {
 position: absolute;
 transition: 2s;
 bottom: 30px;
 color: #fff;
 height: 50px;
 overflow: hidden;
 padding-right: 30px;
 font-size: 10px;
}
 .about-img {
 background-image:url(../images/about-cont-img.jpg);
 background-position:center center;
 backgound-size:cover;
 height:489px;
 background-repeat:no-repeat;
}
 .vm {
 background-image:url(../images/vision-mission.jpg);
 background-repeat:no-repeat;
 background-position:center center;
 backgound-size:cover;
 height:458px;
}
 a.mt-inner {
 min-height: 229px;
}
 .ff-img {
 background: url(../images/ff-1.jpg) no-repeat;
 background-size: cover;
 background-position: bottom center;
 min-height: 344px;
}
 .sbd-img {
 background: url(../images/biodiesel.jpg) no-repeat;
 background-size: cover;
 background-position: center center;
 min-height: 584px;
}
 .pdf-icon {
 float: left;
 width: 100%;
 margin-right: 0px;
 text-align: center;
 margin-bottom: 15px;
}
 .att-link {
 display: block;
 min-height: 30px;
 text-align: center;
 width: 100%;
}
 .att-link span {
 display:block;
 min-height: 30px;
 font-size: 16px;
 line-height: 20px;
 font-weight: 600;
}





/* Landscape phones and portrait tablets */

@media (max-width: 767px) {
 p {
 text-align: justify;
}
 .servi-col {
 margin-bottom:30px;
}
 .sf-img {
 background: url(../images/sf-1.jpg) no-repeat;
 background-size: cover;
 background-position: center center;
 min-height: 536px;
}
 .ff-img {
 background: url(../images/ff-1.jpg) no-repeat;
 background-size: cover;
 background-position: bottom center;
 min-height: 391px;
}
 .sbd-img {
 background: url(../images/biodiesel.jpg) no-repeat;
 background-size: cover;
 background-position: center center;
 min-height: 656px;
}
 .sbd-img {
 background: url(../images/biodiesel.jpg) no-repeat;
 background-size: cover;
 background-position: center center;
 min-height: 920px;
}
}









/* Portrait phones and smaller */

@media (max-width: 576px) {
 .main-title h1 {
 font-size: 24px;
 line-height: 24px;
 color: #2d8dc6;
 font-weight: 600;
}
 .main-title h1 span {
 font-size: 24px;
 line-height: 24px;
 color: #000;
 font-weight: 600;
}
 .scrollup {
 right: 0;
}
 .foot-col-cust {
 float: left;
 width: 30%;
 margin-right: 2%;
 margin-bottom: 30px;
}
 a.mt-inner {
 min-height: 176px;
}
 .ff-img {
 background: url(../images/ff-1.jpg) no-repeat;
 background-size: cover;
 background-position: bottom center;
 min-height: 535px;
}
}
 @media (max-width: 575px) {
 .sf-img {
 background: url(../images/sf-1.jpg) no-repeat;
 background-size: cover;
 background-position: center center;
 min-height:200px;
}
 .at-img {
 background: url(../images/sf-2.jpg) no-repeat;
 background-size: cover;
 background-position: center center;
 min-height: 200px;
}
 .ff-img {
 background: url(../images/ff-1.jpg) no-repeat;
 background-size: cover;
 background-position: bottom center;
 min-height: 200px;
}
 .sbd-img {
 background: url(../images/biodiesel.jpg) no-repeat;
 background-size: cover;
 background-position: center center;
 min-height: 200px;
}
}







/* Portrait phones and smaller */

@media (max-width: 480px) {
 p {
 text-align: justify;
}
 .scrollup {
 right: 0;
}
 .inner-banner {
 position: relative;
 width: 100%;
 height: 176px;
}
 .about-img, .vm {
 height: auto;
}
 .foot-logo {
 margin-bottom: 30px;
}
 .foot-col-cust {
 float: left;
 width: 30%;
 margin-right: 2%;
 margin-bottom: 30px;
}
 .inner-banner .page-title, .inner-banner .page-title span {
 font-size: 24px;
}
}





/* Portrait i phones and smaller */

@media (max-width: 320px) {
}