body {
	font:normal 13px Arial, Helvetica, sans-serif;
	width:100%;
	margin:0
}
h1 {
	font:normal 44px/52px arial;
	color:#7a7c7e;
	margin:0;
	padding:0
}
h1.inner, h2, h2.inner {
	font:normal 30px/1 Arial, Helvetica, sans-serif;
	color:#212a4f;
	margin:0;
	padding:10px 0;
	text-align:center
}
h1.inner {
	font:normal 30px/1 Arial, Helvetica, sans-serif;
	text-align:left
}
h2.inner {
	text-align:left;
	margin:0 0 10px;
	padding:0;
	color:#212a4f;
	font-weight:700
}
h3.inner {
	font:normal 24px/1 Arial, Helvetica, sans-serif;
	text-align:left;
	margin:0 0 20px;
	color:#656974
}
h4.inner, h4.inner-heading {
	font:normal 20px/1 Arial, Helvetica, sans-serif;
	text-align:left;
	margin:0;
	color:#212a4f;
	margin-bottom: 20px;
}
h5.inner, h5.inner-heading {
	font:normal 16px/1 Arial, Helvetica, sans-serif;
	text-align:left;
	margin:0;
	color:#212a4f;
	font-weight:700
}
.section-heading {
	border-bottom:2px solid #ccc
}
table.content-table tbody, table.content-table tbody td, table.content-table tbody td p, table.content-table tbody td span, table.content-table tbody td div, table.content-table tbody td p span, table.content-table tbody td span p, table.content-table tbody td div p {
	font:normal 13px Arial, Helvetica, sans-serif;
	text-align:justify
}
table.content-table tbody img, table.content-table tbody td img, table.content-table tbody td p img, table.content-table tbody td span img, table.content-table tbody td div img, table.content-table tbody td p span img, table.content-table tbody td span p img, table.content-table tbody td div p img {
	margin:10px
}
.consumer-heading, .motorists-heading, .household-heading, .overseas-heading, #investor-media-career .one-third .one-third-heading, .channelpartners-heading, .suppliers-heading, .community-heading, .concern-environment-heading, .governance-heading, .indianOil-heading, .event-heading, .contact-heading, .businesses-heading, #investor-media-career .one-third h2 {
	width:auto;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	text-align:center
}
.container {
	width:100%;
	height:auto;
	background:#fff
}
.section-wrapper {
	width:100%
}
.content {
	width:1100px;
	margin:0 auto
}
.padding-bottom-59{
	padding-bottom:59px;
}
p.card-text.padding-bottom-43 {
    padding-bottom: 43px;
}
#consumers, #motorists, #motorists1, #oversease, #businesses, #governance, #indianoil-connect, #event, #contactUs, #concern-environment, #channelpartners, #suppliers, #household, #community, #trivia, #investor-media-career, #indianoil-overseas {
	width:100%;
	height:auto;
	padding:30px 0 0
}
#petrol-icon, #diesel-icon, #industrial-icon, #kerosene-oil-icon, #servo-icon, #lubes-greases-icon, #alliances-icon, #petrochemicals-icon, #explosive-icon, #aviation-fuel-icon, #programs-icon, #cryogenics-icon, #oils-icon, #pumps-icon, #gas-icon, #technology-icon, #technology-icon, #bitumen-icon, #lpg-icon, #lpg1-icon, #special-products-icon, #consultancy-icon, #community-icon, #sustainability-icon, #indianoil-foundation-icon, #indianoil-startup-icon, #SDI-icon, #cng-icon, #fuel-icon, #autogas-icon, #dbtl-icon, #lpg-icon, #lpg1-icon, #retail-icon, #vigilance-icon, #ksk-dealerships-icon, #servo1-icon, #sko-dealerships-icon, #lpg-distributorships-icon, #polymer-icon, #vendor-reg-icon, #IntegrityPact-icon, #RptonPurchase-icon, #IndianOilConcili-icon, #Tender-icon, #lanka-ioc-icon, #mob-app-img-icon, #mob-app-appimg2-icon, #mob-app-appimg3-icon, #indianoil-mauritius-icon, #indianoil-middle-east-icon, #indian-cooking-gas-icon, #lpg-non-fuel-icon, .loyality-xtrapower-left, .loyality-ruralcard-left, .loyality-easyfuel-left, .loyality-xtrareward-left, .stock-rate-indicator, #rti, #citizen-charter, #statutary {
	background:url(../images/icon/iocl-sprite101.png) no-repeat
}
#businesses .one-third, #investor-media-career .one-third {
	height:300px;
	box-shadow:0 0 0 #cfd8ff;
	padding:0;
	border-radius:0
}
#investor-media-career .one-third {
	margin-bottom:50px
}
#businesses .one-third .one-third-shadow, #investor-media-career .one-third .one-third-shadow {
	width:336px;
	height:245px;
	padding:5px;
	box-shadow:0 0 5px #cfd8ff;
	border-radius:3px
}
#consumers .one-third-last, #motorists .one-third-last, #businesses .one-third-last, #investor-media-career .one-third-last, #channelpartners .one-third-last, #suppliers .one-third-last {
	margin-right:0
}
#consumers .one-third .one-third-heading, #motorists .one-third .one-third-heading, #businesses .one-third .one-third-heading, #channelpartners .one-third .one-third-heading, #suppliers .one-third .one-third-heading, #investor-media-career .one-third .one-third-heading {
	font:normal 18px/46px Arial, Helvetica, sans-serif;
	width:100%;
	height:46px;
	background:#fe853d;
	border-radius:2px;
	color:#fff;
	text-align:center;
	vertical-align:middle;
	margin:0 0 5px
}
#businesses .one-third .one-third-heading, #investor-media-career .one-third .one-third-heading {
	background:#46579b
}
#businesses .one-third .one-third-left, #investor-media-career .one-third .one-third-left {
	width:134px;
	height:194px;
	float:left;
	overflow:hidden
}
#businesses .one-third #investor, #investor-media-career .one-third #investor {
	background:url(../images/static/investor.png) no-repeat;
	background-size:cover
}
#businesses .one-third #careers, #investor-media-career .one-third #careers {
	background:url(../images/static/careers.png) no-repeat;
	background-size:cover
}
#businesses .one-third #media-center, #investor-media-career .one-third #media-center {
	background:url(../images/static/media.png) no-repeat;
	background-size:cover
}
#consumers .one-third .one-third-right, #motorists .one-third .one-third-right, #businesses .one-third .one-third-right, #investor-media-career .one-third .one-third-right, #channelpartners .one-third .one-third-right, #suppliers .one-third .one-third-right {
	float:left;
	width:202px;
	height:221px;
	background:#f4f8fe;
	position:relative
}
#businesses .one-third .one-third-right, #investor-media-career .one-third .one-third-right {
	height:194px
}
#consumers .one-third .one-third-right:hover, #motorists .one-third .one-third-right:hover, #businesses .one-third .one-third-right:hover, #investor-media-career .one-third .one-third-right:hover, #channelpartners .one-third .one-third-right:hover, #suppliers .one-third .one-third-right:hover {
	background:#fe853d
}
#consumers .one-third .one-third-right h3 {
	font-weight:700;
	color:#2d3f8b;
	text-align:center;
	margin:20px 0
}
#consumers .one-third .one-third-right:hover h3, #motorists .one-third .one-third-right:hover h3, #businesses .one-third .one-third-right:hover h3, #investor-media-career .one-third .one-third-right:hover h3, #channelpartners .one-third .one-third-right:hover h3, #suppliers .one-third .one-third-right:hover h3 {
	color:#fff
}
#consumers .one-third .one-third-right ul, #motorists .one-third .one-third-right ul, #businesses .one-third .one-third-right ul, #investor-media-career .one-third .one-third-right ul, #channelpartners .one-third .one-third-right ul, #suppliers .one-third .one-third-right ul {
	margin:0 0 0 30px;
	list-style:inside none
}
#consumers .one-third .one-third-right ul li:before, #motorists .one-third .one-third-right ul li:before, #businesses .one-third .one-third-right ul li:before, #investor-media-career .one-third .one-third-right ul li:before, #channelpartners .one-third .one-third-right ul li:before, #suppliers .one-third .one-third-right ul li:before {
	content:"";
	left:25px;
	background:url(../images/icon/iocl-sprite101.png) no-repeat;
	background-position:-680px -325px;
	width:8px;
	height:16px;
	display:inline-block
}
#consumers .one-third .one-third-right ul li, #motorists .one-third .one-third-right ul li, #businesses .one-third .one-third-right ul li, #investor-media-career .one-third .one-third-right ul li, #channelpartners .one-third .one-third-right ul li, #suppliers .one-third .one-third-right ul li {
	width:160px;
	float:left;
	height:auto;
	padding:0 0 5px 10px;
	color:#2e3f89;
	cursor:pointer
}
#consumers .one-third .one-third-right:hover ul li, #motorists .one-third .one-third-right:hover ul li, #businesses .one-third .one-third-right:hover ul li, #investor-media-career .one-third .one-third-right:hover ul li, #channelpartners .one-third .one-third-right:hover ul li, #suppliers .one-third .one-third-right:hover ul li {
	color:#fff
}
#investor-media-career .one-third .one-third-right a.more-link:after {
	content:"";
	background:url(../images/icon/iocl-sprite101.png) no-repeat;
	background-position:-675px -325px;
	width:13px;
	height:16px;
	display:inline-block
}
#businesses .one-third .one-third-right a.more-link, #investor-media-career .one-third .one-third-right a.more-link {
	font-weight:700;
	color:#2e3f89;
	padding:0 12px 0 0;
	text-transform:uppercase;
	position:absolute;
	bottom:15px;
	left:30px
}
#businesses .one-third .one-third-right:hover a.more-link, #investor-media-career .one-third .one-third-right:hover a.more-link {
	color:#fff
}
#motorists .one-half, #motorists1 .one-half, #businesses .one-half, #channelpartners .one-half, #suppliers .one-half, #governance .one-half, #suppliers .one-half, #community .one-half {
	width:510px;
	height:auto;
	margin-right:80px;
	float:left;
	padding-bottom:30px
}
#community .one-half {
	padding-bottom:0
}
#motorists .one-half-last, #businesses .one-half-last, #channelpartners .one-half-last, #suppliers .one-half-last, #governance .one-half-last, #community .one-half-last {
	margin-right:0
}
#motorists .one-half h3, #businesses .one-half h3, #channelpartners .one-half h3, #suppliers .one-half h3, #governance .one-half h3, #community .one-half h3 {
	font:normal 18px Arial, Helvetica, sans-serif;
	color:#ec691f;
	padding:15px 0
}
#businesses .one-third h2 {
	font:normal 30px/1 Arial, Helvetica, sans-serif;
	color:#02164f;
	padding:0;
	margin:0 0 15px;
	text-align:center
}
.one-fourth {
	width:233px;
	height:auto;
	margin-right:42px;
	display:inline-block;
	position:relative;
	vertical-align:top;
	margin-bottom:10px
}
.one-fourth:nth-child(4n+4) {
margin-right:0
}
.one-fourth-last {
	margin-right:0
}
.one-fourth .product {
	width:100%;
	height:auto;
	margin:0
}
.product-icon {
	width:50px;
	height:50px;
	float:left
}
.one-fourth .product-desc {
	width:175px;
	height:auto;
	float:left;
	margin-left:8px
}
.one-fourth .product-desc h4 {
	font:bold 13px Arial, Helvetica, sans-serif;
	margin:0 0 10px;
	padding:0;
	color:#2d3f8b;
	text-transform:uppercase
}
.one-fourth .product:hover h4 {
	color:#ec691f
}
.one-fourth .product-desc p {
	color:#565656;
	margin:0;
	padding:0
}
#motorists .one-fourth #petrol #petrol-icon {
	background-position:-50px -50px
}
#motorists .one-fourth #petrol:hover #petrol-icon {
	background-position:-50px -190px
}
#motorists .one-fourth #diesel #diesel-icon {
	background-position:-120px -50px
}
#motorists .one-fourth #diesel:hover #diesel-icon {
	background-position:-120px -190px
}
#businesses .one-fourth #industrial #industrial-icon {
	background-position:-890px -50px
}
#businesses .one-fourth #industrial:hover #industrial-icon {
	background-position:-890px -190px
}
#motorists .one-fourth #servo #servo-icon {
	background:url(../images/icon/iocl-sprite101.png) no-repeat;
	background-position:-190px -50px
}
#motorists .one-fourth #servo:hover #servo-icon {
	background-position:-190px -190px
}
#businesses .one-fourth #lubes-greases #lubes-greases-icon {
	background-position:-190px -50px
}
#businesses .one-fourth #lubes-greases:hover #lubes-greases-icon {
	background-position:-190px -190px
}
#businesses .one-fourth #alliances #alliances-icon {
	background-position:-190px -120px
}
#businesses .one-fourth #alliances:hover #alliances-icon {
	background-position:-190px -260px
}
#businesses .one-fourth #petrochemicals #petrochemicals-icon {
	background:url(../images/icon/iocl-sprite101.png) no-repeat;
	background-position:-1380px -50px
}
#businesses .one-fourth #petrochemicals:hover #petrochemicals-icon {
	background-position:-1380px -190px
}
#businesses .one-fourth #explosive #explosive-icon {
	background-position:-1520px -50px
}
#businesses .one-fourth #explosive:hover #explosive-icon {
	background-position:-1520px -190px
}
#businesses .one-fourth #aviation-fuel #aviation-fuel-icon {
	background-position:-1100px -50px
}
#businesses .one-fourth #aviation-fuel:hover #aviation-fuel-icon {
	background-position:-1100px -190px
}
#businesses .one-fourth #programs #programs-icon {
	background-position:-120px -120px
}
#businesses .one-fourth #programs:hover #programs-icon {
	background-position:-120px -260px
}
#businesses .one-fourth #cryogenics #cryogenics-icon {
	background-position:-50px -120px
}
#businesses .one-fourth #cryogenics:hover #cryogenics-icon {
	background-position:-50px -260px
}
#businesses .one-fourth #oils #oils-icon {
	background-position:-1170px -50px
}
#businesses .one-fourth #oils:hover #oils-icon {
	background-position:-1170px -190px
}
#businesses .one-fourth #pumps #pumps-icon {
	background-position:-960px -50px
}
#businesses .one-fourth #pumps:hover #pumps-icon {
	background-position:-960px -190px
}
#businesses .one-fourth #gas #gas-icon {
	background-position:-1450px -50px
}
#businesses .one-fourth #gas:hover #gas-icon {
	background-position:-1450px -190px
}
#businesses .one-fourth #technology #technology-icon {
	background-position:-260px -120px
}
#businesses .one-fourth #technology:hover #technology-icon {
	background-position:-260px -260px
}
#businesses .one-fourth #bitumen #bitumen-icon {
	background-position:-1240px -50px
}
#businesses .one-fourth #bitumen:hover #bitumen-icon {
	background-position:-1240px -190px
}
#businesses .one-fourth #lpg #lpg-icon {
	background-position:-1030px -50px
}
#businesses .one-fourth #lpg:hover #lpg-icon {
	background-position:-1030px -190px
}
#businesses .one-fourth #special-products #special-products-icon {
	background-position:-1310px -50px
}
#businesses .one-fourth #special-products:hover #special-products-icon {
	background-position:-1310px -190px
}
#businesses .one-fourth #consultancy #consultancy-icon {
	background-position:-330px -120px
}
#businesses .one-fourth #consultancy:hover #consultancy-icon {
	background-position:-330px -260px
}
#motorists .one-third, #businesses .one-third {
	height:245px
}
#motorists .one-third .one-third-right, #businesses .one-third .one-third-shadow .one-third-right {
	height:194px
}
#motorists #partnership, #businesses #partnership {
	background:url(../images/static/pertnership.jpg) no-repeat
}
#motorists #investors, #businesses #investors {
	background:url(../images/static/investors.jpg) no-repeat
}
#motorists #dealers, #businesses #dealers {
	background:url(../images/static/dealers.jpg) no-repeat
}
#community .one-fourth #indianoil-community #community-icon {
	background-position:-1100px -120px
}
#community .one-fourth #indianoil-community:hover #community-icon {
	background-position:-1100px -260px
}
#community .one-fourth #sustainability #sustainability-icon {
	background-position:-1170px -120px
}
#community .one-fourth #sustainability:hover #sustainability-icon {
	background-position:-1170px -260px
}
#community .one-fourth #indianoil-foundation #indianoil-foundation-icon {
	background-position:-1240px -120px
}
#community .one-fourth #indianoil-foundation:hover #indianoil-foundation-icon {
	background-position:-1240px -260px
}
#community .one-fourth #indianoil-startup #indianoil-startup-icon {
	background-position:-1070px -402px
}
#community .one-fourth #indianoil-startup:hover #indianoil-startup-icon {
	background-position:-1008px -402px
}
#community .one-fourth #SDI #SDI-icon {
	background-position:-1191px -401px
}
#community .one-fourth #SDI:hover #SDI-icon {
	background-position:-1191px -401px
}
#governance .tagline, #indianoil-connect .tagline {
	font:italic 20px Georgia, "Times New Roman", Times, serif;
	text-align:center;
	color:#787878;
	margin:20px 0 0
}
#governance .governanceInner {
	width:588px;
	height:auto;
	margin:10px auto 0
}
#governance .governanceInner .circleBlock {
	width:153px;
	height:153px;
	margin:30px 25px 0 18px;
	float:left
}
#governance .governanceInner .circleBlockLast {
	margin-right:0
}
#governance .governanceInner #rti {
	background:url(../images/icon/iocl-sprite101.png) no-repeat;
	background-position:-51px -592px
}
#governance .governanceInner #citizen-charter {
	background:url(../images/icon/iocl-sprite101.png) no-repeat;
	background-position:-260px -592px
}
#governance .governanceInner #statutary {
	background:url(../images/icon/iocl-sprite101.png) no-repeat;
	background-position:-470px -592px
}
#governance .governanceInner .circleText {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#4f5867;
	margin:108px 0 0;
	text-align:center;
	background:transparent;
}
#indianoil-connect {
	background:url(../images/site/back/divider.png)top no-repeat
}
#indianoil-connect .tagline {
	font:italic 20px Georgia, "Times New Roman", Times, serif;
	text-align:center;
	color:#787878;
	margin:20px 0 10px
}
#indianoil-connect .left-side {
	width:198px;
	height:195px;
	padding:0 35px 20px 0;
	float:left;
	background:url(../images/static/indianOilConnect.jpg) no-repeat
}
#indianoil-connect .right-side .question {
	color:#454444;
	font-weight:700;
	margin:20px 0 0
}
#indianoil-connect .right-side .answer {
	color:#454444;
	margin:10px 0 0
}
#stock {
	width:100%;
	height:89px;
	margin:50px 0 0
}
#stock #stock-left {
	width:511px;
	height:89px;
	float:left;
	background:url(../images/icon/stock-price.png) no-repeat #ebeff1;
	border-right:1px solid #dddbdb;
	position:relative
}
#stock #stock-left .stock-price-heading {
	position:absolute;
	left:0;
	top:0;
	width:180px;
	height:89px;
	line-height:89px;
	vertical-align:central;
	text-align:center;
	text-transform:uppercase;
	color:#fff;
	font-size:1.2em
}
#stock #stock-left .bse, #stock #stock-left .nse {
	width:230px;
	height:44px;
	border-bottom:1px solid #dddbdb;
	position:absolute;
	right:20px;
	padding:0 20px;
	line-height:44px;
	vertical-align:middle;
	color:#939393
}
#stock #stock-left .nse {
	bottom:0;
	border-bottom:0
}
#stock #stock-left .stock-rate {
	margin:0 0 0 60px;
	line-height:44px;
	color:#0179c6
}
#stock #stock-left .stock-rate-indicator {
	width:8px;
	height:7px;
	background:url(../images/icon/iocl-sprite101.png) no-repeat;
	background-position:-1030px -330px;
	margin:0 0 0 20px;
	position:absolute;
	right:40px;
	top:20px
}
#stock #stock-right {
	width:587px;
	height:89px;
	float:left;
	background:url(../images/icon/price.jpg) #ebeff1
}
#event {
	margin-bottom:0;
	text-align:center
}
#event .one-third {
	width:357px;
	height:280px;
	margin:0 14px 0 0;
	float:left
}

.one-third:nth-child(3n+3), #event .one-third:nth-child(3n+3), #concern-environment .one-third:nth-child(3n+3) {
margin-right:0
}
#event #event-1 {
	background:url(../images/static/event-1.jpg) no-repeat;
	background-size:cover
}
#event #event-2 {
	background:url(../images/static/event-2.jpg) no-repeat;
	background-size:cover
}
#event #event-3 {
	background:url(../images/static/event-3.jpg) no-repeat;
	background-size:cover
}
#contactUs .links {
	width:100%;
	height:58px;
	overflow:hidden;
	display:block;
	position:relative;
	margin:0 0 10px
}
#contactUs .links .link-icon {
	position:absolute;
	width:80px;
	height:58px;
	left:0;
	display:block;
	background-color:#2d3f8b
}
#contactUs .links .link-plus-icon, #contactUs .links .link-minus-icon {
	width:29px;
	height:29px;
	position:absolute;
	right:15px;
	top:15px;
	cursor:pointer
}
.link-plus-icon, .link-minus-icon, #link-icon-1, #link-icon-2, #link-icon-3, #link-icon-4, #link-icon-5, #link-icon-6 {
	background:url(../images/icon/iocl-sprite101.png) no-repeat
}
#contactUs .links .link-plus-icon {
	background-position:-820px -329px
}
#contactUs .links .link-minus-icon {
	background-position:-890px -329px
}
#contactUs .links #link-icon-1 {
	background-position:-50px -400px
}
#contactUs .links #link-icon-2 {
	background-position:-130px -400px
}
#contactUs .links #link-icon-3 {
	background-position:-450px -400px
}
#contactUs .links #link-icon-4 {
	background-position:-290px -400px
}
#contactUs .links #link-icon-5 {
	background-position:-370px -400px
}
#contactUs .links #link-icon-6 {
	background-position:-540px -400px
}
#contactUs .link-expand {
	min-height:80px;
	height:auto;
	background:url(../images/site/back/accordion-expanded-back.png) repeat-y;
	background-color:#fdac46
}
#contactUs .link-collapse {
	height:58px;
	background-color:#e0e6e9
}
#contactUs .link-expand .link-plus-icon, #contactUs .link-collapse .link-minus-icon, #contactUs .link-expand .collapse-text, #contactUs .link-collapse .expand-sec, #contactUs .link-expand .link-icon {
	display:none
}
#contactUs .link-collapse .link-plus-icon, #contactUs .link-expand .link-minus-icon, #contactUs .link-collapse .collapse-text, #contactUs .link-expand .expand-sec, #contactUs .link-collapse .link-icon {
	display:block
}
#contactUs .link-collapse .collapse-text {
	font:bold 13px/58px Arial, Helvetica, sans-serif;
	vertical-align:middle;
	margin:0 0 0 100px;
	color:#526d7a;
	text-transform:uppercase
}
#contactUs .link-expand .expand-icon {
	width:0;
	height:0;
	margin:20px auto 15px
}
#contactUs .link-expand h3 {
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#262626;
	text-align:center;
	margin:0;
	padding:0
}
#contactUs .link-expand ul {
	width:900px;
	height:auto;
	margin:30px 0 0 150px
}
#contactUs .link-expand ul li:before {
	content:"";
	left:0;
	background:url(../images/icon/iocl-sprite101.png) no-repeat;
	background-position:-750px -324px;
	width:8px;
	height:auto;
	min-height:16px;
	display:inline-block;
	white-space:nowrap
}
#contactUs .link-expand ul li {
	width: 31%;
	display:inline-block;
	height:auto;
	line-height:14px;
	vertical-align:middle;
	padding:0 0 15px 10px;
	list-style:none;
	color:#fff;
	margin-bottom:5px
}
#contactUs .link-expand ul li img {
	width:50%;
	display:list-item
}
#contactUs .link-expand ul li a{
	color:#262626
}
#contactUs .link-expand #expand-icon-1 {
	background:url(../images/icon/iocl-sprite101.png) no-repeat;
	background-position:-50px -478px
}
#contactUs .link-expand #expand-icon-2 {
	background:url(../images/icon/iocl-sprite101.png) no-repeat;
	background-position:-130px -478px
}
#contactUs .link-expand #expand-icon-3 {
	background:url(../images/icon/iocl-sprite101.png) no-repeat;
	background-position:-450px -478px
}
#contactUs .link-expand #expand-icon-4 {
	background:url(../images/icon/iocl-sprite101.png) no-repeat;
	background-position:-290px -478px
}
#contactUs .link-expand #expand-icon-5 {
	background:url(../images/icon/iocl-sprite101.png) no-repeat;
	background-position:-370px -478px
}
#motorists .one-fourth #cng #cng-icon {
	background-position:-330px -50px
}
#motorists .one-fourth #cng:hover #cng-icon {
	background-position:-330px -190px
}
#motorists .one-fourth #fuel #fuel-icon {
	background-position:-400px -50px
}
#motorists .one-fourth #fuel:hover #fuel-icon {
	background-position:-400px -190px
}
#motorists .one-fourth #autogas #autogas-icon {
	background-position:-260px -50px
}
#motorists .one-fourth #autogas:hover #autogas-icon {
	background-position:-260px -190px
}
#motorists #fuel-station, #my-indane {
	position:relative
}
#motorists #fuel-station img, #my-indane img, #subsidy img {
	width:100%;
	height:161px
}
#motorists #fuel-station .fuel-station-heading, #my-indane .my-indane-heading 
{
    background-color:rgba(0, 0, 0, 0.7098039215686275);
	/*background:url(../images/site/back/blue-back.png) repeat;*/
	width:100%;
	height:50px;
	position:absolute;
	top:30%;
	line-height:50px;
	vertical-align:middle;
	text-align:center;
	text-transform:uppercase;
	color:#fff;
	font-size:1.2em
}
#motorists #fuel-station a.mobile-apps-links {
	width:auto;
	float:left;
	padding-top:10px;
	margin-left:220px
}
.one-third {
	width:345px;
	height:281px;
	float:left;
	margin:0 32px 0 0;
	position:relative
}
#concern-environment .one-third .image-text {
	width:100%;
	height:60px;
	position:absolute;
	bottom:0;
	color:#fff;
	text-align:center;
	line-height:60px;
	font-size:18px;
	/*background:url(../images/static/green-agenda-back.png) no-repeat*/
	background-color:rgba(0, 26, 109, 0.6588235294117647);
}
#concern-environment .one-third .image-text span {
	font-size:6px
}
#governance .one-fourth .product .product-icon .product-desc h4 {
	margin:0 0 0 5px
}
#governance .one-fourth #dbtl #dbtl-icon {
	background-position:-1310px -120px
}
#governance .one-fourth #dbtl:hover #dbtl-icon {
	background-position:-1310px -260px
}
#governance .one-fourth #lpg1 #lpg1-icon {
	background-position:-1380px -120px
}
#governance .one-fourth #lpg1:hover #lpg1-icon {
	background-position:-1380px -260px
}
#governance .one-fourth #retail-sales #retail-icon {
	background-position:-1450px -120px
}
#governance .one-fourth #retail-sales:hover #retail-icon {
	background-position:-1450px -260px
}
#governance .one-fourth #vigilance #vigilance-icon {
	background-position:-1520px -120px
}
#governance .one-fourth #vigilance:hover #vigilance-icon {
	background-position:-1520px -260px
}
#channelpartners .one-fourth #ksk-dealerships #ksk-dealerships-icon {
	background-position:-400px -120px
}
#channelpartners .one-fourth #ksk-dealerships:hover #ksk-dealerships-icon {
	background-position:-400px -260px
}
#channelpartners .one-fourth #servo1 #servo1-icon {
	background-position:-680px -120px
}
#channelpartners .one-fourth #servo1:hover #servo1-icon {
	background-position:-680px -260px
}
#channelpartners .one-fourth #sko-dealerships #sko-dealerships-icon {
	background-position:-475px -123px
}
#channelpartners .one-fourth #sko-dealerships:hover #sko-dealerships-icon {
	background-position:-473px -263px
}
#channelpartners .one-fourth #lpg-distributorships #lpg-distributorships-icon {
	background-position:-540px -120px
}
#channelpartners .one-fourth #lpg-distributorships:hover #lpg-distributorships-icon {
	background-position:-540px -260px
}
#channelpartners .one-fourth #polymer #polymer-icon {
	background-position:-610px -120px
}
#channelpartners .one-fourth #polymer:hover #polymer-icon {
	background-position:-610px -260px
}
#suppliers .one-fourth #vendor-reg #vendor-reg-icon {
	background-position:-1030px -120px
}
#suppliers .one-fourth #vendor-reg:hover #vendor-reg-icon {
	background-position:-1030px -260px
}
#suppliers .one-fourth #IntegrityPact #IntegrityPact-icon {
	background-position:-960px -120px
}
#suppliers .one-fourth #IntegrityPact:hover #IntegrityPact-icon {
	background-position:-960px -260px
}
#suppliers .one-fourth #RptonPurchase #RptonPurchase-icon {
	background-position:-820px -120px
}
#suppliers .one-fourth #RptonPurchase:hover #RptonPurchase-icon {
	background-position:-820px -260px
}
#suppliers .one-fourth #IndianOilConcili #IndianOilConcili-icon {
	background-position:-890px -120px
}
#suppliers .one-fourth #IndianOilConcili:hover #IndianOilConcili-icon {
	background-position:-890px -260px
}
#suppliers .one-fourth #Tender #Tender-icon {
	background-position:-750px -120px
}
#suppliers .one-fourth #Tender:hover #Tender-icon {
	background-position:-750px -260px
}
.one-fifth {
	width:230px;
	height:auto;
	margin-right:45px;
	margin-bottom:0;
	display:inline-block;
	position:relative;
	vertical-align:top
}
.one-fifth .overseas {
	height:auto;
	margin:0
}
.one-fifth .overseas-icon {
	width:87px;
	height:104px;
	float:left
}
.one-fifth .overseas-desc {
	width:135px;
	height:auto;
	float:left;
	margin-left:8px
}
.one-fifth .overseas-desc h4 {
	font:bold 13px Arial, Helvetica, sans-serif;
	margin:0 0 10px;
	padding:0;
	color:#2d3f8b;
	text-transform:uppercase
}
.one-fifth .overseas:hover h4 {
	color:#ec691f
}
.one-fifth .overseas-desc p {
	color:#565656
}
.one-fifth #lanka-ioc #lanka-ioc-icon {
	background-position:-728px -590px
}
.one-fifth #mob-appimg1 #mob-app-img-icon {
	background-position:-1136px -585px
}
#oversease .one-fifth #indianoil-mauritius #indianoil-mauritius-icon, #indianoil-overseas .one-fifth #indianoil-mauritius #indianoil-mauritius-icon {
	background-position:-865px -590px
}
#oversease .one-fifth #mob-appimg2 #mob-app-appimg2-icon, #indianoil-overseas .one-fifth #mob-appimg2 #mob-app-appimg2-icon {
	background-position:-1275px -587px
}
#oversease .one-fifth #indianoil-middle-east #indianoil-middle-east-icon, #indianoil-overseas .one-fifth #indianoil-middle-east #indianoil-middle-east-icon {
	background-position:-1007px -590px
}
#oversease .one-fifth #mob-appimg3 #mob-app-appimg3-icon, #indianoil-overseas .one-fifth #mob-appimg3 #mob-app-appimg3-icon {
	background-position:-1496px -587px
}
#trivia .trivia-image {
	width:1100px;
	height:159px;
	padding-bottom:0;
	margin-right:0;
	float:left;
	background:url(../images/site/back/trivia.png) no-repeat
}
#trivia .trivia-image .trivia-text {
	font:normal 16px/24px Arial, Helvetica, sans-serif;
	vertical-align:middle;
	margin:50px 0 0 270px;
	color:#000
}
#household .one-half {
	width:510px;
	height:auto;
	margin:0 80px 0 0;
	float:left;
	padding-bottom:30px
}
#household .one-half-last {
	margin-right:0
}
#household .one-half .household-icon {
	width:50px;
	height:50px;
	float:left
}
#household .one-half #indian-cooking-gas-icon {
	background-position:-750px -50px
}
#household .one-half:hover #indian-cooking-gas-icon {
	background-position:-750px -190px
}
#household .one-half #lpg-non-fuel-icon {
	background-position:-820px -50px
}
#household .one-half:hover #lpg-non-fuel-icon {
	background-position:-820px -190px
}
#household .one-half .household-desc {
	width:452px;
	height:auto;
	float:left;
	margin-left:8px
}
#household .one-half .household-desc h4 {
	font:bold 13px Arial, Helvetica, sans-serif;
	margin:0 0 10px;
	padding:0;
	color:#2d3f8b;
	text-transform:uppercase
}
#household .one-half .household-desc:hover h4 {
	color:#ec691f
}
#household .one-half .household-desc p {
	color:#565656;
	padding:0;
	margin:0
}
#motorists #loyalityprogram {
	background:url(../images/icon/loyality-back.png) no-repeat;
	float:left
}
#motorists #loyalityprogram h3.loyality {
	font-size:24px;
	color:#10224d;
	text-align:center;
	margin-top:20px;
	margin-bottom:40px;
	font-weight:700
}
#motorists .loyality-xtrapower, #motorists .loyality-ruralcard, #motorists .loyality-xtrareward, #motorists .loyality-easyfuel {
	width:120px;
	margin-top:-28px;
	float:left;
	margin-left:4px
}
#motorists .loyality-xtrareward {
	width:128px
}
#motorists .loyality-xtrapower .loyality-xtrapower-right, #motorists .loyality-ruralcard .loyality-ruralcard-right, #motorists .loyality-easyfuel .loyality-easyfuel-right, #motorists .loyality-xtrareward .loyality-xtrareward-right {
	color:#10224d;
	font:normal 11px/63px Arial, Helvetica, sans-serif;
	font-weight:700
}
#motorists .loyality-xtrapower .loyality-xtrapower-left {
	width:40px;
	height:40px;
	float:left;
	background-position:-470px -50px
}
#motorists .loyality-xtrapower .loyality-xtrapower-left:hover {
	width:40px;
	height:40px;
	float:left;
	background-position:-470px -190px
}
#motorists .loyality-ruralcard .loyality-ruralcard-left {
	width:40px;
	height:40px;
	float:left;
	background-position:-680px -50px
}
#motorists .loyality-ruralcard .loyality-ruralcard-left:hover {
	width:40px;
	height:40px;
	float:left;
	background-position:-680px -190px
}
#motorists .loyality-easyfuel .loyality-easyfuel-left {
	width:40px;
	height:40px;
	float:left;
	background-position:-540px -50px
}
#motorists .loyality-easyfuel .loyality-easyfuel-left:hover {
	width:40px;
	height:40px;
	float:left;
	background-position:-540px -190px
}
#motorists .loyality-xtrareward .loyality-xtrareward-left {
	width:40px;
	height:40px;
	float:left;
	background-position:-610px -50px
}
#motorists .loyality-xtrareward .loyality-xtrareward-left:hover {
	width:40px;
	height:40px;
	float:left;
	background-position:-610px -190px
}
#motorists .loyality {
	margin-right:0
}
#motorists1 .loyality {
	margin-right:0
}
#community .section-wrapper .one-half {
	width:100%;
}
#community .section-wrapper .one-half:nth-child(2n) {
 margin-right:0
}
#community .sideborder {
	width: 53%;
	height:151px;
	padding:1%;
	box-shadow:0 0 5px #cfd8ff;
	border-radius:3px;
	margin:1%;
	margin: 0 auto;
}
.dived {
	float: left;
	width: 96%;
	padding-bottom: 3px;
	margin-bottom: 30px;
	border-bottom: 2px solid #dadada;
	height: 40px!important;
}
#Img4 {
	/* margin-left: 7px; */
}
#community .support-heading {
	font:normal 18px/46px Arial, Helvetica, sans-serif;
	width:100%;
	height:46px;
	display:inline-block;
	border-radius:2px;
	background:#46579b;
	color:#fff;
	text-align:center;
	vertical-align:middle;
	margin:0 0 5px
}
#community #wesupport {
	background:url(../images/static/support-image.png) no-repeat;
	background-size:cover
}
#community #scholarships-img {
	background:url(../images/static/scholarship-image.png) no-repeat;
	background-size:cover
}
#community .one-half .one-half-left {
	width:47.2549%;
	height:100px;
	float:left;
	overflow:hidden
}
#community .one-half .one-half-right {
	float:left;
	width:52.7451%;
	height:100px;
	background:#f4f8fe
}
#community .one-half .one-half-right ul {
	width:90%;
	margin:0 10px
}
#community .one-half .one-half-right ul li:before {
	content:"";
	left:0;
	background:url(../images/icon/iocl-sprite101.png) no-repeat;
	background-position:-680px -324px;
	width:8px;
	height:16px;
	display:inline-block
}
#community .one-half .one-half-right ul li {
	width:81.04089%;
	float:left;
	height:auto;
	padding:0 0 10px 15px;
	background:url(../images/icon/nav-arrow.png) no-repeat;
	background-position:0 4px;
	list-style:none;
	color:#2e3f89;
	cursor:pointer
}
#community .one-half .one-half-right:hover {
	background:#fe853d
}
#community .one-half .one-half-right:hover ul li {
	color:#fff
}
#community .scholarships-heading {
	font:normal 18px/46px Arial, Helvetica, sans-serif;
	width:100%;
	height:46px;
	border-radius:2px;
	background:#46579b;
	color:#fff;
	text-align:center;
	vertical-align:middle;
	margin:0 0 5px
}
#contactsCss .one-fourth #dbtl #dbt1-icon {
	background-position:-390px -359px
}
#vigilance2-icon, #dbt2-icon, #lpg2-icon, #retail2-icon, #citizen-icon, #snotice-icon {
	background:url(../images/icon/iocl-sprite101.png) no-repeat
}
#contactsCss .one-fourth #dbtl #dbt2-icon {
	background-position:-417px -359px;
	height:30px;
	width:33px
}
#contactsCss .one-fourth #lpg #lpg2-icon {
	background-position:-482px -359px;
	height:30px;
	width:35px
}
#contactsCss .one-fourth #retail-sales #retail2-icon {
	background-position:-534px -359px;
	height:30px;
	width:35px
}
#contactsCss .one-fourth #vigilance #vigilance2-icon {
	background-position:-583px -363px;
	height:30px;
	width:35px
}
#contactsCss .one-fourth #citizen #citizen-icon {
	background-position:-653px -362px;
	height:30px;
	width:35px
}
#contactsCss .one-fourth #snotice #snotice-icon {
	background-position:-696px -362px;
	height:30px;
	width:35px
}
.one-fourth .product:hover .hcolor {
	color:#ec691f
}
ul li .androidapp {
	width:60%
}
ul li div.androidapp img {
	max-width:50%;
	margin:10px 0
}
.menu-heading {
	cursor:pointer
}
ul.colortheme li, ul.font-inc-dec li {
	float:left;
	height:20px;
	margin-left:5px;
	text-align:center
}
.accordin-contact {
	padding-left:8pt
}
#navigation {
	width:100%;
	height:50px;
	margin:0;
	display:block
}
#navigation #navigation-wrapper {
	position:relative;
	background:#fff
}
#navigation ul#main-nav {
	width:836px;
	margin:0;
	padding:0;
	height:35px;
	background:#fff;
	border:1px solid #dadada;
	float:left;
	text-align:center;
	white-space:nowrap;
	display:block
}
#navigation ul#main-nav li {
	font:normal 14px/35px Arial, Helvetica, sans-serif;
	height:35px;
	list-style:none;
	float:left;
	padding:0 20px;
	text-align:center;
	vertical-align:middle;
	letter-spacing:1px;
	white-space:nowrap
}
#navigation ul li {
	list-style:none
}
#navigation ul#main-nav li:before {
	content:'';
	display:inline-block;
	height:100%;
	vertical-align:middle;
	margin-right:-.25em
}
#navigation ul#main-nav li.divider {
	height:35px;
	width:1px;
	margin:0;
	background:#dadada;
	float:left;
	vertical-align:middle;
	padding:0
}
#bottom-navigation ul#main-nav li.divider {
	background:#ddd
}
#navigation ul#main-nav li a {
	font:normal 14px/1 Arial, Helvetica, sans-serif;
	color:#535353;
	text-decoration:none
}
#navigation ul#main-nav li a:hover {
	color:#ff8200
}
#navigation .megamenu {
	margin:0 auto;
	position:absolute;
	display:none;
	border:1px solid #ddd;
	height:auto;
	width:1098px;
	top:35px;
	z-index:999999;
	box-shadow:0 3px 5px #ccc;
	background:#fff;
	text-align:left
}
#navigation ul li:hover .megamenu-2 {
	margin-left:-209px
}
.megamenu .menu-column {
	width:273px;
	float:left;
	min-height:498px;
	border-right:1px solid #ddd;
	padding-bottom:0
}
.megamenu .menu-column:nth-child(even) {
background:#fafafa
}
.megamenu .menu-column:nth-child(odd) {
background:#fff
}
.megamenu .menu-column-last {
	border-right:none;
	width:276px
}
.megamenu h3.megamenu-heading {
	margin:0;
	padding:10px 0;
	border-bottom:1px solid #ddd;
	width:100%;
	text-indent:20px
}
.menu-column > ul {
	margin:0;
	padding:3px 0;
	height:auto;
	width:273px
}
.menu-column-last > ul {
	width:276px
}
.menu-column > ul:hover {
	background:#f1f1f1
}
ul.gray-back {
	background:#eee
}
.menu-column a {
	font-size:12px;
	color:#535353
}
.menu-column a.dropdown-section-heading {
	font-weight:700;
	font-size:13px;
	color:#000
}
.menu-column a.dropdown-section-heading:after {
	content:"";
	display:inline-block;
	background:url(../images/icon/megamenu-arrow-icon.png) no-repeat right;
	width:12px;
	height:9px
}
.menu-column a:hover {
	color:#000;
	text-decoration:none
}
.menu-column > ul li {
	letter-spacing:normal;
	margin:0;
	padding:0 20px;
	width:231px;
	line-height:20px;
	min-height:20px;
	text-align:left;
	word-wrap:break-word;
	float:none
}
.dropdown-section-heading {
	font-weight:700;
	color:#000
}
.menu-column > ul li:hover {
	color:#000;
	border-bottom:none
}
#mobile-nav-icon {
	width:32px;
	height:28px;
	background:url(../images/icon/menu.png) no-repeat;
	display:none;
	position:absolute;
	z-index:999
}
#navigation #mobile-nav {
	width:96%;
	cursor:pointer;
	margin:28px 0 0;
	z-index:99;
	display:none;
	position:absolute
}
#navigation #mobile-nav > li {
	margin:-1px 0 0;
	z-index:9;
	width:96%;
	height:20px;
	line-height:20px;
	vertical-align:middle;
	text-align:left;
	padding:5px 0 5px 20px;
	background:#fff;
	border:1px solid #dadada;
	list-style:none
}
.border-bottom-none {
	border-bottom:none
}
#navigation #mobile-nav li .megamenu {
	position:absolute;
	display:none;
	top:-1px;
	left:0;
	width:100%;
	z-index:999999999
}
#navigation #mobile-nav li .megamenu .back-btn {
	background:url(../images/icon/back-arrow-left.png) no-repeat left;
	width:10%;
	height:30px;
	line-height:30px;
	vertical-align:middle;
	text-align:right;
	margin:0 45%;
	display:inline-block
}
#navigation #mobile-nav li .megamenu .menu-column {
	width:100%;
	min-height:0;
	height:auto;
	padding-bottom:0
}
#navigation #mobile-nav li .megamenu .menu-column > ul {
	width:100%
}
#navigation #mobile-nav li:first-child {
	padding:10px 0 5px 20px
}
#navigation #mobile-nav li:last-child {
	padding:0 0 15px 20px
}
#navigation #mobile-nav li a {
	color:#535353
}
#mobile-nav-social-icon {
	display:none;
	width:32px;
	height:28px;
	background:url(../images/icon/right-menu.png) no-repeat;
	position:absolute;
	right:5px;
	z-index:999
}
#mobile-nav-social {
	cursor:pointer;
	margin:28px 0 0;
	padding:0 0 10px;
	z-index:99;
	display:none;
	position:absolute;
	right:30px;
	width:96%
}
#mobile-nav-social > li {
	margin:-1px 0 0 20px;
	z-index:9;
	width:98%;
	height:20px;
	line-height:20px;
	vertical-align:middle;
	text-align:left;
	padding:5px 0 5px 10px;
	background:#fff;
	border:1px solid #dadada;
	list-style:none
}
#mobile-nav-social > li a {
	color:#535353;
	margin-right:10px;
	font-size:14px
}
#mobile-nav-social li.social-icon-nav a.u-fb {
	background:url(../images/icon/iocl-sprite101.png) no-repeat;
	background-position:-50px -362px;
	width:19px;
	height:19px;
	display:inline-block
}
#mobile-nav-social li.social-icon-nav a.u-twitter {
	background:url(../images/icon/iocl-sprite101.png) no-repeat;
	background-position:-120px -362px;
	width:23px;
	height:19px;
	display:inline-block
}
#mobile-nav-social li.social-icon-nav a.u-youtube {
	background:url(../images/icon/iocl-sprite101.png) no-repeat;
	background-position:-189px -362px;
	width:30px;
	height:19px;
	display:inline-block
}
#mobile-nav-social li.social-icon-nav a.u-googleplay {
	background:url(../images/icon/iocl-sprite101.png) no-repeat;
	background-position:-259px -362px;
	width:65px;
	height:19px;
	display:inline-block
}
#mobile-nav-social li.social-icon-nav a.u-instagram {
	background:url(../images/icon/iocl-sprite101.png) no-repeat;
	background-position:-370px -362px;
	width:19px;
	height:19px;
	display:inline-block
}
#mobile-nav-social li.social-icon-nav img {
	margin:-3px 5px 0 0
}
#mobile-nav-social li.screen-render-access {
	height:20px;
	line-height:20px;
	display:block
}
#mobile-nav-social li.screen-render-access img {
	vertical-align:middle;
	margin:0 5px 0 0
}
#foooter-nav ul {
	padding:24px 0;
	height:auto;
	float:left;
	margin:0 0 0 20px
}
#foooter-nav ul li {
	list-style:none;
	float:left;
	margin:0 12px 0 0;
	height:12px;
	line-height:12px;
	float:left
}
#foooter-nav ul li a {
	font:normal 12px/12px Arial, helvetica;
	color:#fff;
	text-transform:uppercase
}
input.text-field {
	width:230px;
	margin:0;
	padding:0 15px;
	outline:none;
	background-color:#747474;
	background:url(../images/icon/search-icon.png) top right 12px #747474 no-repeat;
	color:#fff;
	float:right;
	height:36px;
	line-height:36px;
	border:none;
	text-transform:uppercase;
	vertical-align:middle;
	white-space:nowrap
}
@media screen {
input.text-field {
	background-image:url(../images/icon/search-icon.png);
	background-position:right;
	background-repeat:no-repeat
}
}
-webkit-input-placeholder {
	color:#fff
}
-moz-placeholder {
	color:#fff;
	opacity:1;
	color:#fff;
	opacity:1
}
-ms-input-placeholder {
	color:#fff
}
input[type=submit], input[type=button] {
	height:36px;
	width:auto;
	text-align:center;
	padding:0 20px 0 0;
	border:none;
	cursor:pointer;
	color:#45519d;
	letter-spacing:1px;
	background:none;
	border-radius:3px
}
select {
	width:235px;
	padding:0 5px;
	height:32px;
	margin:0 0 15px;
	color:#7f7f7f;
	border:1px solid rgba(139, 139, 139, 0.73);
	background:#efefef;
	overflow-y:scroll;
	border-radius:2px
}
input[type='button'].submit-btn {
	height:36px;
	width:148px;
	text-align:center;
	padding:5px 10px;
	margin:0 10px 15px 74px;
	border:none;
	cursor:pointer;
	color:#fff;
	background:#3f4e8d;
	letter-spacing:1px;
	border-radius:3px
}
label {
	width:70px;
	display:inline-block;
	color:#000;
	margin:0 0 15px
}
input.vq-text-field {
	width:46.3%;
	margin:0;
	padding:0 15px;
	height:32px;
	border:1px solid rgba(139, 139, 139, 0.73);
	border-radius:4px;
	background-color:#efefef;
	background-color:#efefef;
	float:left;
	margin-bottom:10px
}
#formVigilance {
	margin-top:10px;
	width:100%
}
.column-left {
	width:50%;
	float:left
}
.column-right {
	width:50%;
	float:left
}
.column-right label.vq-frm-label, .column-left label.vq-frm-label {
	width:35%;
	height:20px;
	display:inline-block;
	color:#747474;
	margin:0 0 15px;
	float:left;
	font-size: 16px;
}
textarea {
	width:46.3%;
	padding:0 15px;
	height:89px;
	border:1px solid rgba(139, 139, 139, 0.73);
	border-radius:4px;
	background-color:#efefef;
	background-color:#efefef;
	margin-bottom:10px
}
select.form-dd {
	width:52.6%
}
#main-body .inner-main .vigilance-btn {
	height:36px;
	width:148px;
	text-align:center;
	padding:5px 10px;
	margin-left:35%;
	width:35%;
	border-radius:3px
}
input[type=file] {
	margin:0 0 20px;
	width:46.3%
}
#upload-two {
	margin-left:35%
}
ul, ol, dl {
	padding:0;
	margin:0;
	list-style:none
}
p {
	margin-top:0
}
a {
	text-decoration:none;
	cursor:pointer;
	
}
a img {
	border:none
}
.fl {
	float:left
}
.fr {
	float:right
}
.fr1 {
	float:right;
	cursor:pointer
}
.cl, li.cl {
	clear:both;
	list-style:none;
	width:0;
	height:0;
	float:none;
	padding:0;
	border:none
}
.display-block {
	display:block
}
.hide-block {
	display:none
}
.back-blue {
	background:#2a3359
}
.back-orange {
	background:#f37022
}
.orange-text {
	color:#ec691f
}
.marR0 {
	margin-right:0
}
.marR10 {
	margin-right:10px
}
.marR18 {
	margin-right:18px
}
.marR22 {
	margin-right:22px
}
.marR30 {
	margin-right:30px
}
.marR38 {
	margin-right:38px
}
.marR41 {
	margin-right:41px
}
.marR44 {
	margin-right:44px
}
.marT10 {
	margin-top:10px
}
.marT15 {
	margin-top:15px
}
.marT30 {
	margin-top:30px
}
.marT45 {
	margin-top:45px
}
.marB40 {
	margin-bottom:40px
}
.marB50 {
	margin-bottom:50px
}
.marL2 {
	margin-left:2px
}
.marL64 {
	margin-left:64px;
	margin-left:0
}
.small-info {
	font:normal 11px/11px Arial, Helvetica, sans-serif
}
.wid175 {
	width:175px
}
.wid233 {
	width:233px
}
.wid149 {
	width:149px
}
.error-block, .erBlockUsr, .erBlock, .error-block-small {
	height:auto;
	padding:10px;
	margin:10px 0;
	border-left:4px solid #FA880B;
	background-color:#FAF2EB;
	color:#d90000;
	text-shadow:0 1px 0 #fff
}
.error-block a, .erBlockUsr a, .erBlock a, .error-block-small a {
	color:#d90000;
	font-weight:700;
	text-decoration:none
}
.success-block, .suBlockUsr, .suBlock, .success-block-small {
	height:auto;
	padding:10px;
	margin:10px 0;
	border-left:4px solid #3d9c4b;
	background-color:#e4f4dd;
	text-shadow:0 1px 0 #fff
}
.info-block, .info-block-small, .info-block-small-2 {
	height:auto;
	padding:10px;
	margin:10px 0;
	color:#0154a7;
	border-left:4px solid #91c8fe;
	background-color:#e1f1ff;
	text-shadow:0 1px 0 #fff
}
.info-block a, .info-block-small a {
	font-weight:700;
	color:#0154a7;
	text-decoration:underline
}
.error-block, .erBlockUsr, .erBlock, .success-block, .suBlockUsr, .suBlock, .info-block {
	width:680px
}
.error-block-small, .success-block-small, .info-block-small {
	width:260px
}
.error-block-small-2, .success-block-small-2, .info-block-small-2 {
	width:98%
}
#close2 {
	display:block
}
.hide-dtl {
	display:none
}
.strong {
	font-weight:700
}
#banner {
	width:100%;
	margin:0 auto;
	background:#fafafa
}
#banner .content {
	position:relative;
	background:#000
}
#slider1_container {
	position:relative;
	width:1100px;
	height:500px;
	overflow:hidden;
	background:#000
}
#slider1_container div#slides_container {
	width:1100px;
	cursor:move;
	position:absolute;
	left:0;
	top:0;
	overflow:hidden;
	height:320px
}
#slider1_container div#slides_container .slides_content {
	position:relative
}
.jssora05l, .jssora05r {
	display:block;
	position:absolute;
	width:40px;
	height:40px;
	cursor:pointer;
	background:url(../images/icon/a17.png) no-repeat;
	overflow:hidden
}
.jssora05l {
	background-position:-10px -40px
}
.jssora05r {
	background-position:-70px -40px
}
.jssora05l:hover {
	background-position:-130px -40px
}
.jssora05r:hover {
	background-position:-190px -40px
}
.jssora05l.jssora05ldn {
	background-position:-250px -40px
}
.jssora05r.jssora05rdn {
	background-position:-310px -40px
}
.jssort01 {
	position:absolute;
	width:1100px;
	height:100px;
	margin-top:-10px
}
.jssort01 .p {
	position:absolute;
	top:0;
	left:0;
	width:125px;
	height:90px
}
.jssort01 .t {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:none
}
.jssort01 .w {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%
}
.jssort01 .c {
	position:absolute;
	top:0;
	left:0;
	width:122px;
	height:86px;
	border:#000 2px solid;
	box-sizing:content-box;
	background:url(../images/icon/t01.png) -800px -800px no-repeat;
	_background:none
}
.jssort01 .pav .c {
	top:2px;
	_top:0;
	left:2px;
	_left:0;
	width:122px;
	height:86px;
	border:#000 0 solid;
	_border:#fff 2px solid;
	background-position:50% 50%
}
.jssort01 .p:hover .c {
	top:0;
	left:0;
	width:122px;
	height:88px;
	border:#fff 1px solid;
	background-position:50% 50%
}
.jssort01 .p.pdn .c {
	background-position:50% 50%;
	width:122px;
	height:86px;
	border:#000 2px solid
}
* html .jssort01 .c, * html .jssort01 .pdn .c, * html .jssort01 .pav .c {
	width:90px;
	height:90px
}
#banner-right {
	width:262px;
	position:absolute;
	top:0;
	right:0
}
#leader-speak, #custom-ads {
	width:100%;
	height:210px;
	position:absolute;
	cursor:pointer
}
#leader-speak {
	cursor:pointer;
	top:0;
	overflow:hidden
}
#leader-speak .leader-speak-heading {
	width:100%;
	height:62px;
	line-height:62px;
	vertical-align:middle;
	text-align:center;
	font-size:22px;
	position:absolute;
	bottom:0;
	color:#fff;
	background:#0c101d
}
#custom-ads {
	top:210px;
	background:#070707
}
#custom-ads img {
	width:100%;
	max-height:100%;
	max-width:100%
}
#header {
	width:100%;
	margin:0 auto;
	height:auto;
	background:#fafafa
}
#header .header-left {
	width:267px;
	height:83px;
	padding:0;
	margin:15px 0 3px;
	float:left
}
#header .header-left #logo {
	width:267px;
	height:83px;
	float:left;
	margin:0
}
#header .header-right {
	width:833px;
	height:auto;
	padding:0;
	margin:15px 0 3px;
	float:left
}
#header .header-right .header-upper {
	width:610px;
	height:30px;
	padding:0;
	margin:0;
	float:right
}
#header .header-right .header-upper ul#upper-nav {
	width:auto;
	height:30px;
	list-style:none;
	float:right
}
#header .header-right .header-upper ul#upper-nav li {
	width:auto;
	height:30px;
	margin-left:4px;
	float:left;
	line-height: 14px;
}
#header .header-right .header-upper ul#upper-nav li a {
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#02164f;
	text-transform:uppercase;
	text-decoration:none;
	margin-top:-5px
}
#header .header-right .header-upper ul#upper-nav li a.u-fb {
	background:url(../images/icon/iocl-sprite101.png) no-repeat;
	background-position:-50px -330px;
	width:26px;
	height:26px;
	display:block
}
#header .header-right .header-upper ul#upper-nav li a.u-twitter {
	background:url(../images/icon/iocl-sprite101.png) no-repeat;
	background-position:-120px -330px;
	width:26px;
	height:26px;
	display:block
}
#header .header-right .header-upper ul#upper-nav li a.u-youtube {
	background:url(../images/icon/iocl-sprite101.png) no-repeat;
	background-position:-189px -330px;
	width:39px;
	height:26px;
	display:block
}
#header .header-right .header-upper ul#upper-nav li a.u-googleplay {
	background:url(../images/icon/iocl-sprite101.png) no-repeat;
	background-position:-259px -330px;
	width:86px;
	height:26px;
	display:block
}
#header .header-right .header-upper ul#upper-nav li a.u-instagram {
	background:url(../images/icon/iocl-sprite101.png) no-repeat;
	background-position:-370px -330px;
	width:26px;
	height:26px;
	display:block
}
#header .header-right .header-upper ul#upper-nav li a img {
	margin-top:-5px
}
#header .header-right .header-upper ul#upper-nav li#site-map a:hover {
	color:#e46c1b
}
#header .header-right .header-lower {
	width:440px;
	height:23px;
	padding:0;
	float:right
}
#header .header-right .header-lower ul {
	width:auto;
	height:23px;
	float:right;
	list-style:none
}
#header .header-right .header-lower ul li {
	    width: 30px;
    padding: 0;
    /* height: 20px; */
    margin-left: 5px;
    float: left;
    text-align: center;
    line-height: 19px;
}
#header .header-right .header-lower ul li a {
	font:bold 11px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#02164f
}
#header .header-right .header-lower ul li.color-themes {
	width:auto
}
#header .header-right .header-lower ul li.grey, #header .header-right .header-lower ul li.color {
	width:6px;
	height:11px
}
#header .header-right .header-lower ul li.a-sign, #mobile-nav-social li .font-inc-dec li.a-sign {
	background:#ef7e3e;
	border:1px solid #ed6120
}
#header .header-right .header-lower ul li.a-sign a, #mobile-nav-social li .font-inc-dec li.a-sign a {
	color:#0d0d0d;
	line-height:20px;
	vertical-align:middle
}
#header .header-right .header-lower ul li.alphabet, #mobile-nav-social li .font-inc-dec li.alphabet {
	border:1px solid #dadada
}
#header .header-right .header-lower ul li.alphabet a, #mobile-nav-social li .font-inc-dec li.alphabet a {
	color:#0c0c0c;
	line-height:20px;
	vertical-align:middle
}
#mobile-nav-social li .font-inc-dec li.a-sign, #mobile-nav-social li .font-inc-dec li.alphabet {
	float:left;
	width:20px;
	margin-right:5px
}
#mobile-nav-social li .font-inc-dec li.a-sign a, #mobile-nav-social li .font-inc-dec li.alphabet a {
	width:20px;
	height:20px;
	text-align:center;
	display:block
}
#header .header-right .hindi {
	width:95px;
	height:23px;
	border:none;
	float:right;
	margin-top:5px;
	background:#ef7e3e;
	clear:both;
	text-align:center;
	color:#02164f;
	font-weight:700;
	font-size:14px
}
#header .header-right .header-lower ul li.screen-reader {
	width:auto;
	background:url(../images/icon/screen-icon.png) no-repeat;
	background-position:0 3px;
	padding:0 0 0 30px;
	border:none
}
#header .header-right .header-lower ul li.screen-reader a {
	font:normal 15px Arial, Helvetica, sans-serif;
	text-transform:none;
	color:#535353
}
#footer {
	font-size:14px;
	width:1100px;
	height:auto;
	background:#212a4e;
	color:#fff;
	margin:0 auto
}
.home-1 #footer {
	width:100%
}
#footer .content .footer-section {
	width:222px;
	float:left;
	margin:20px 0 30px 50px
}
#footer .content h3, #footer .content .footer-section h3 a {
	color:#ef7e3e
}
#footer .content .footer-social-icons h3 {
	float:left;
	margin-right:15px
}
#footer .content .footer-section ul li {
	background:url(../images/icon/farrow1.png) top 4px left no-repeat;
	padding:0 0 5px 15px;
	list-style:none;
	line-height:16px;
	text-decoration:none;
	color:#bbc5f2;
	cursor:pointer
}
#footer .content .footer-section ul li a {
	color:#bbc5f2
}
#footer .content .footer-section ul li a:hover {
	color:#fff
}
#footer .content .footer-section .shareone {
	width:30%;
	color:#bbc5f2;
	float:left
}
#footer .content .footer-section .sharetwo {
	width:48%;
	color:#95c8fc;
	float:left
}
#footer .content .footer-section .sharethird {
	width:8%;
	float:left;
	margin-top:5px
}
#footer .content .footer-section .sharedate {
	width:100%;
	margin-top:5px;
	color:#fff
}
#footer .content .footer-section .sharefbicon {
	width:25%;
	float:left;
	cursor:pointer
}
#footer .footerbtm {
	height:65px;
	width:100%;
	background:#ee7d3f
}
#footer .blank {
	height:auto
}
#footer .footertxt {
	width:100%;
	height:40px;
	text-align:center;
	color:#262626
}
.marB30 {
	margin-bottom:30px
}
.marB8 {
	margin-bottom:8px
}
.marB26 {
	margin-bottom:26px
}
#footer .footer-social-icons {
	width:auto;
	height:auto;
	margin:0 auto;
	padding:30px 0 0;
	display:table;
	margin:0 auto
}
#footer .content .footer-social-icons .iocl-footer-social {
	display:inline-block
}
.footer-social-icons a {
	float:left;
	margin:10px 10px 0 0
}
.footer-social-icons a.u-fb {
	background:url(../images/icon/iocl-sprite101.png) no-repeat;
	background-position:-50px -330px;
	width:26px;
	height:26px;
	display:block
}
.footer-social-icons a.u-twitter {
	background:url(../images/icon/iocl-sprite101.png) no-repeat;
	background-position:-120px -330px;
	width:26px;
	height:26px;
	display:block
}
.footer-social-icons a.u-youtube {
	background:url(../images/icon/iocl-sprite101.png) no-repeat;
	background-position:-189px -330px;
	width:39px;
	height:26px;
	display:block
}
.footer-social-icons a.u-googleplay {
	background:url(../images/icon/iocl-sprite101.png) no-repeat;
	background-position:-259px -330px;
	width:86px;
	height:26px;
	display:block
}
.footer-social-icons a.u-instagram {
	background:url(../images/icon/iocl-sprite101.png) no-repeat;
	background-position:-370px -330px;
	width:26px;
	height:26px;
	display:block
}
.news {
	width:100%;
	height:90px;
	background:#fafafa
}
.news-sec {
	width:1100px;
	height:90px;
	overflow:hidden;
	position:relative;
	float:left
}
.news .news-block {
	width:100%;
	display:block;
	margin:0;
	padding:0 0 10px
}
.news .title-block .title {
	font:bold 16px Arial, Helvetica, sans-serif;
	padding:10px 0 8px;
	color:#e46713
}
.news .news-block .news-title {
	font:normal 13px/1 Arial, Helvetica, sans-serif;
	vertical-align:middle;
	color:#02164f;
	text-align:left;
	margin:0;
	padding:0
}
.news .news-block .text {
	width:965px;
	font:normal 13px/1 Arial, Helvetica, sans-serif;
	color:#565b6a;
	margin:6px 0 0
}
.news .news-block .text .news-date {
	font:normal 12px/20px Arial, Helvetica, sans-serif;
	background:url(../images/icon/news-date-icon.png) left top 4.5px no-repeat;
	margin-top:-10px;
	height:20px;
	width:auto;
	float:right;
	padding:0 0 0 15px;
	vertical-align:central;
	color:#2d3f8b
}
.news .news-sec .arrows {
	position:absolute;
	width:40px;
	height:24px;
	top:10px;
	right:30px;
	margin:0
}
.news .news-sec .arrows #left {
	float:left;
	cursor:pointer
}
.news .news-sec .arrows #right {
	float:right;
	cursor:pointer
}
.news .news-sec .see-all {
	position:absolute;
	width:60px;
	height:24px;
	top:14px;
	right:60px;
	margin:0;
	color:#02164f;
	font-weight:700;
	cursor:pointer
}
.news .news-sec .see-all:hover {
	position:absolute;
	width:60px;
	height:24px;
	top:14px;
	right:60px;
	margin:0;
	color:#e46c1b;
	font-weight:700
}
div#showAllWhatsNew {
	position:absolute;
	bottom:0;
	right:0;
	z-index:9;
	cursor:pointer
}
@media screen and (max-width: 1120px) 
{
    .one-fourth{margin-left:0 !important}
.content, #footer, #trivia .trivia-image {
width:960px
}
#navigation .megamenu {
width:100%
}
#navigation .megamenu .menu-column {
width:49.93%
}
#navigation .megamenu .menu-column:nth-of-type(even) {
border-right:none
}
#navigation .megamenu .menu-column ul {
width:100%
}
.megamenu .menu-column-last {
border-right:1px solid #ddd
}
#navigation .megamenu .menu-column:nth-of-type(1), #navigation .megamenu .menu-column:nth-of-type(2) {
margin-bottom:0;
padding-bottom:0;
min-height:495px
}
#navigation .megamenu .menu-column:nth-of-type(3), #navigation .megamenu .menu-column:nth-of-type(4) {
margin-top:0;
padding-top:0
}
.menu-column:nth-of-type(1) > ul:last-child, .menu-column:nth-of-type(2) > ul:last-child {
padding-bottom:0
}
.menu-column:nth-of-type(3) > ul:first-child, .menu-column:nth-of-type(4) > ul:first-child {
padding-top:0
}
#header .header-left {
width:233px;
height:72px
}
#header .header-left #logo {
width:233px;
height:72px
}
#header .header-right {
width:727px
}
#navigation ul#main-nav {
width:700px
}
#navigation ul#main-nav li {
padding:0 10px
}
#navigation input.text-field {
width:228px
}
#banner-wrapper {
/*width:700px!important*/
}
#slider1_container div#slides_container .main-banner-image {
width:100%
}
#leader-speak .leader-speak-heading {
height:32px;
line-height:32px
}
.captionText {
position:absolute;
left:50px;
top:150px;
width:620px;
height:30px
}
.news-sec {
width:960px
}
.news .news-block .text {
width:960px
}
.one-fourth, .one-fourth:nth-child(4n+4) {
width:29%;
margin-right:45px
}
.one-fourth:nth-child(3n+3) {
margin-right:0
}
.one-fourth .product-desc {
width:215px
}
.one-third, #event .one-third, #investor-media-career .one-third {
width:310px;
height:275px;
margin:0 10px 0 0;
overflow:hidden
}
#investor-media-career .one-third {
height:310px
}
#investor-media-career .one-third:nth-child(3n) {
margin:0
}
.one-third .one-third-shadow, #investor-media-career .one-third .one-third-shadow {
width:295px
}
.one-third-shadow .one-third-right {
width:159px
}
.one-third .one-third-right ul, #investor-media-career .one-third .one-third-right ul {
margin-left:10px
}
#investor-media-career .one-third {
padding-bottom:50px
}
#investor-media-career .one-third ul {
font-size:.8em
}
#investor-media-career .one-third .one-third-right {
width:161px
}
.one-half, #household .one-half, #motorists .one-half, #motorists1 .one-half {
/* width:440px; */
margin-right:80px;
float:left;
overflow:hidden
}
.one-half:nth-child(2n), #household .one-half:nth-child(2n), #motorists #loyalityprogram {
margin-right:0
}
#community .one-half .one-half-right ul {
font-size:.8em
}
#subsidy #subsidy-image, #my-indane #my-indane-image, #fuel-station #fuel-station-image {
width:100%
}
#household .one-half .household-desc {
width:352px
}
.one-half .one-half-right, .one-half #we-support .one-half-right, .one-half #scholarships .one-half-right {
width:239px
}
.one-half .one-half-left, .one-half #we-support .one-half-left, .one-half #scholarships .one-half-left {
width:201px
}
.one-half .one-half-right ul {
margin-left:10px;
margin-top:20px
}
#stock #stock-left {
width:475px
}
#stock #stock-right {
width:475px
}
#stock #stock-left .bse, #stock #stock-left .nse {
width:200px
}
.inner-main .inner-content {
width:100%;
margin:0
}
.inner-main ul.job-list li .shortlist, .inner-main ul.job-list li ul.candidates-list li .shortlist {
width:93%
}
.inner-main ul.job-list li, .inner-main ul.job-list li ul.candidates-list li {
width:95%
}
#main-body .inner-main .right-menu {
width:50%;
min-width:200px;
margin:0 25% 20px;
float:none;
clear:both
}
.right-menu ul.menu-list li {
line-height:18px
}
.inner-main span.media-text {
font-size:.8em
}
.right-menu .menu-heading a.collapse-menu {
display:block
}
.right-menu ul.menu-list {
display:none
}
.inner-main .gallery-section:nth-of-type(4n+4) {
margin-right:33px
}
.inner-main .gallery-section:nth-of-type(3n+3) {
margin-right:0
}
.pagination {
margin-top:20%
}
#footer #footer-navigation .footer-section {
width:180px
}
#main-body .inner-one-fourth:nth-of-type(4n+4) {
margin-right:42px
}
#main-body .inner-one-fourth:nth-of-type(3n+3) {
margin-right:0
}
#motorists #loyalityprogram .loyality-xtrapower, #motorists #loyalityprogram .loyality-ruralcard, #motorists #loyalityprogram .loyality-xtrareward, #motorists #loyalityprogram .loyality-easyfuel {
width:105px;
margin-top:-28px;
margin-left:1px
}
#motorists #loyalityprogram .loyality-easyfuel {
width:98px
}
#motorists #loyalityprogram .loyality-xtrareward {
width:120px
}
#motorists .loyality-xtrapower .loyality-xtrapower-right, #motorists .loyality-ruralcard .loyality-ruralcard-right, #motorists .loyality-easyfuel .loyality-easyfuel-right, #motorists .loyality-xtrareward .loyality-xtrareward-right {
font:normal 10px/63px Arial, Helvetica, sans-serif
}
}
@media screen and (max-width: 1000px) {
.previous-prices {
font-size:1.5em
}
}
@media screen and (max-width: 980px) {
	#slider1_container{width:100% !important}
body {
font-size:1em;
width:100%;
margin:0
}
.col-md-5.padding-top {
    padding-top: 25px;
}
p.card-text.padding-bottom-43 {
    padding-bottom: 0px;
}
p.card-text.padding-bottom-59 {
    padding: 0px;
}
#main-body p, .news .news-block .text p, ul li, ul li a {
/*font-size:.9em*/
}
h1.inner {
font-size:1.5em
}
h2.inner {
font-size:1.3em;
text-align:left;
text-indent:0
}
h3.inner {
font-size:1.15em
}
#motorists #loyalityprogram h3.loyality {
font-size:1.15em
}
h4.inner {
font-size:1.1em
}
h5.inner {
font-size:1.05em
}
.inner-one-fourth h5.inner a {
font-size:1.3em
}
.content, #footer, #trivia .trivia-image, .news-sec {
width:96%
}
#header .header-left {
width:29.605263157895%;
height:72px
}
#header .header-left #logo {
width:100%;
    margin-bottom: 10px
}
#header .header-right {
width:100%
}
#navigation ul#main-nav {
width:82.947368421053%
}
#navigation ul#main-nav li {
padding:0 5px
}
#navigation ul#main-nav li a {
font-size:1em
}
#navigation input.text-field {
width:12.7%
}
#banner-wrapper {
/*width:70%!important*/
}
#banner-right {
width:30%!important
}
#leader-speak/*,#custom-ads*/ {
background-size:100% 100%;
overflow:hidden
}
#slider1_container div#slides_container {
width:100% !important;
overflow:hidden
}
.captionText {
position:absolute;
left:20px;
top:100px;
width:420px;
height:30px
}
.captionOrange h2 {
font-size:42px
}
.news-sec {
width:100%
}
.news .news-block .text {
width:100%
}
.news {
height:120px
}
.news .title-block .title {
font-size:1em
}
.news-sec, .news .news-block .text {
width:100%;
height:120px
}
#motorists #fuel-station .fuel-station-heading, #my-indane .my-indane-heading {
top:35%
}
#consumers, #motorists, #businesses, #governance, #indianoil-connect, #event, #contactUs, #concern-environment, #channelpartners, #suppliers, #household, #community, #trivia, #investor-media-career, .inner-main, #indianoil-overseas {
padding:20px 0 0
}
.consumer-heading, .motorists-heading, .indianOil-heading, .event-heading, .contact-heading, .businesses-heading, .governance-heading, .community-heading, h1.inner {
margin-bottom:20px
}
.one-fourth, .one-fourth:nth-child(4n+4) {
width:32%;
margin-right:1.3%
}
.one-fourth:nth-child(3n+3) {
margin-right:0
}
.one-fourth .product-desc {
width:70%
}
.one-fourth h4, .one-half h4, .one-fifth h4, .one-fourth .product-desc h4 {
font-size:.9em
}
.one-third, #investor-media-career .one-third {
width:310px;
height:auto;
float:none;
margin:0 auto 10px;
overflow:hidden
}
.one-third:nth-child(3n), #investor-media-career .one-third:nth-child(3n), #concern-environment .one-third:nth-child(3n) {
margin:0 auto 10px
}
#event .one-third, #event .one-third:nth-child(3n) {
width:310px;
height:243px;
margin:0 auto 10px;
overflow:hidden;
float:none
}
.one-third .one-third-shadow {
width:295px;
margin:0 0 0 3px
}
.one-third-shadow .one-third-right {
width:159px
}
.one-third .one-third-right ul {
margin-left:5px
}
.one-third-right ul li {
width:150px;
padding-right:2px
}
#businesses .one-third .one-third-right a.more-link {
bottom:2px;
background:url(../images/icon/more-arrow.png) top 5px right no-repeat
}
.one-fifth {
width:32%;
margin-right:1.3%;
margin-bottom:10px
}
.one-fifth:nth-of-type(3n +3) {
margin-right:0
}
.one-fifth .overseas-desc {
width:60%
}
.one-fifth .overseas-desc p {
font-size:.8em
}
.one-half, #motorists .one-half, #household .one-half, #community .section-wrapper .one-half {
width:70%;
float:left;
overflow:hidden
}
.one-half img {
width:100%
}
#motorists #loyalityprogram {
width:70%;
margin:10px 15%;
background:#eff8fb;
}
.loyality-xtrapower, .loyality-easyfuel, .loyality-xtrareward, .loyality-ruralcard {
margin-bottom:10px

}
#household .one-half .household-desc {
width:88%
}
#community .section-wrapper .one-half #we-support, #community .section-wrapper .one-half #scholarships {
width:95.5%;
float:none;
padding-top:0;
padding-bottom:10px
}
#community .section-wrapper .one-half:nth-child(2n) {
margin-right:0
}
#community .section-wrapper .sideborder {
height:150px
}
#community .one-half .one-half-left {
width:42%;
background-size:cover
}
#community .one-half .one-half-right {
width:58%
}
community .one-half .one-half-right ul {
margin-top:0;
padding-top:0
}
community .one-half .one-half-right ul li {
width:90%;
margin-top:0;
padding-top:0
}
#household #my-indane, #household #subsidy {
width:70%
}
#household #subsidy {
margin-top:10px
}
#household #my-indane img, #household #subsidy img {
width:100%;
height:auto;
}
#motorists #fuel-station, #motorists #loyalityprogram, #household #my-indane, #household #subsidy {
padding:0
}
#stock #stock-left {
width:80%;
margin:0 10%
}
#stock #stock-right {
width:80%;
margin:30px 10% 0
}
#stock #stock-left .bse, #stock #stock-left .nse {
width:310px;
font-size:.8em
}
#stock #stock-left .stock-rate-indicator {
right:10px
}
#loyalityprogram, #subsidy {
margin-top:10px
}
#trivia .trivia-image .trivia-text {
margin:30px 0 0 240px
}
#contactUs .links {
width:100%
}
#contactUs .link-expand ul {
width:90%;
margin-left:100px
}
#contactUs .link-expand ul li {
width:30%
}
#governance .governanceInner {
margin-top:0
}
#governance .governanceInner .circleBlock {
margin-top:0
}
#footer .content .footer-section {
width:200px
}
#footer #footer-navigation .footer-section {
width:18%
}
.footer-social-icons a {
margin:15px 10px 0 0
}
#breadcrumb li, #breadcrumb li a {
font-size:1em
}
#main-body .generic-section .units-one-fourth {
width:31%;
margin-right:1.3%;
margin-bottom:10px;
height:auto
}
#main-body .generic-section .units-one-fourth:nth-of-type(3n+3) {
margin-right:0
}
#main-body .generic-section .units-one-fourth .lower-sec {
height:auto
}
.generic-section .units-one-fourth h5 {
font-size:.9em
}
#main-body .inner-main ul.job-list li .shortlist, .inner-main ul.job-list li ul.candidates-list li .shortlist {
width:93%
}
#main-body .inner-main ul.job-list li, .inner-main ul.job-list li ul.candidates-list li {
width:95%
}
.right-menu {
width:50%;
min-width:200px;
margin:0 25% 20px;
float:none;
clear:both
}
.right-menu ul.menu-list li {
line-height:18px
}
.inner-main span.media-text {
font-size:.8em
}
#main-body .product-table-section {
width:80%
}
.previous-prices {
font-size:.7em
}
.table-footer-note {
font-size:.8em
}
.pagination {
margin-bottom:5%
}
#motorists #loyalityprogram .loyality-xtrapower, #motorists #loyalityprogram .loyality-ruralcard, #motorists #loyalityprogram .loyality-xtrareward, #motorists #loyalityprogram .loyality-easyfuel {
width:100% !important;
margin-top:-28px;
margin-left:1px !important;
}
.one-fourth.mobile{width: 98%}
.one-fourth.mobile img{margin:0 auto; display:block}
#community .one-half{width:100% !important}
#motorists .loyality-xtrapower .loyality-xtrapower-left, #motorists .loyality-easyfuel .loyality-easyfuel-left, #motorists .loyality-xtrareward .loyality-xtrareward-left, #motorists .loyality-ruralcard .loyality-ruralcard-left{margin-right: 10px;}
#motorists #loyalityprogram .loyality-xtrareward {
width:128px
}
#motorists .loyality-xtrapower .loyality-xtrapower-right, #motorists .loyality-ruralcard .loyality-ruralcard-right, #motorists .loyality-easyfuel .loyality-easyfuel-right, #motorists .loyality-xtrareward .loyality-xtrareward-right {
font:normal 11px/63px Arial, Helvetica, sans-serif
}
}
@media screen and (max-width: 902px) {
#main-body .inner-one-fourth .lower-sec p {
padding:10px 0
}
}
@media screen and (max-width: 856px) {
.megamenu .menu-column-last {
width:273px
}
.menu-column-last > ul {
width:273px
}
}
@media screen and (max-width: 850px) {
#main-body .generic-section .units-one-fourth, #main-body .inner-one-fourth, #main-body .inner-main .gallery-section {
width:48%;
margin-right:1.2%
}
#main-body .board-section {
width:25%;
height:auto
}
#main-body .board-section img {
width:100%;
height:auto
}
#main-body .inner-one-fourth .upper-sec img {
width:60%;
height:auto;
margin:0 20%
}
#main-body .generic-section .units-one-fourth .upper-sec img, #main-body .gallery-section a img {
width:100%;
height:auto;
margin:0
}
#main-body .board-section .board-text {
width:100%
}
#main-body .generic-section .units-one-fourth:nth-of-type(2n+2), #main-body .inner-main .gallery-section:nth-of-type(2n+2), #main-body .inner-one-fourth:nth-of-type(2n+2) {
margin-right:0
}
#main-body .generic-section .units-one-fourth:nth-of-type(3n+3), #main-body .inner-main .gallery-section:nth-of-type(3n+3), #main-body .inner-one-fourth:nth-of-type(3n+3) {
margin-right:1.2%
}
.pagination {
margin-top:24%
}
}
@media screen and (max-width: 820px) {
#contactUs .link-expand ul li {
width:27%;
font-size:.76em
}
}
@media screen and (max-width: 790px) {
.one-fourth, .one-fourth:nth-child(3n+3) {
width:100%;
margin-right:3%
}
.one-fourth:nth-child(2n+2) {
margin-right:0
}
.one-fourth .product-desc {
width:75%
}
}
@media screen and (max-width: 780px) {
.content, #footer, #trivia .trivia-image, .contactUsContent, .news-sec {
width:96%
}
#header .header-left {
width:29.605263157895%;
height:72px
}
#header .header-left #logo {
width:100%;
}
#header .header-left #logo img {
width:175px
}
#header .header-right {
width:70%
}
#header .header-right .header-upper {
width:470px
}
#navigation ul#main-nav {
width:85.947368421053%
}
#navigation ul#main-nav li {
padding:0 6px
}
#navigation ul#main-nav li a {
font-size:.9em
}
#navigation input.text-field {
width:70px;
padding:0 5px;
font-size:12px;
background:url(../images/icon/search-icon.png) top right 5px #747474 no-repeat
}
.captionText {
position:absolute;
left:20px;
top:100px;
width:380px;
height:30px
}
.news {
height:150px
}
.news-sec, .news .news-block .text {
width:100%;
height:150px
}
.one-fifth .overseas-desc {
width:55%
}
#community .one-half .one-half-left {
width:50%;
background-size:cover
}
#community .one-half .one-half-right {
width:50%
}
#trivia .trivia-image .trivia-text {
margin:10px 0 0 240px;
font-size:.85em
}
#stock #stock-left .bse, #stock #stock-left .nse {
width:250px
}
#footer #footer-navigation .footer-section {
width:40%;
margin:0 0 20px 50px
}
#footer #footer-navigation .footer-section:nth-child(3n+3) {
clear:both
}
#contactUs .link-expand {
width:100%
}
#contactUs .link-expand ul {
width:86%
}
#contactUs .link-expand ul li {
width:30%;
font-size:.76em
}
.inner-main ul.job-list li ul.candidates-list li .shortlist {
width:92%
}
.skolocator-table tr:not(:first-child) td {
font-size:12px
}
.skolocator-table tr:first-child {
font-size:14px
}
}
@media screen and (max-width: 760px) {
.one-fourth, .one-fourth:nth-child(3n+3) {
width:300px;
margin-right:3%
}
.one-fourth:nth-child(2n+2) {
margin-right:0
}
.one-fourth .product-desc {
width:60%
}
}
@media screen and (max-width: 740px) {
#navigation .megamenu .menu-column {
width:49.9%
}
p iframe{width:100%}
}
@media screen and (max-width: 720px) {
#navigation ul#main-nav {
width:86.5%
}
#navigation ul#main-nav li {
padding:0 3px
}
#navigation ul#main-nav li a {
font-size:.85em
}
.one-half, #household #my-indane, #household #subsidy, #household .one-half, #motorists .one-half, #community .section-wrapper .one-half {
width:80%;
margin:0 10%;
float:left
}
#household #subsidy {
margin-top:10px
}
.one-half img {
width:100%;
margin:0
}
.one-fifth {
width:47%;
margin-right:1.3%;
margin-bottom:10px
}
#contactUs .expand-sec ul li {
width:40%
}
#motorists #loyalityprogram {
width:80%;
margin:10px 0 0 10%;
background:#eff8fb
}
#stock #stock-left .bse, #stock #stock-left .nse {
width:225px;
font-size:.8em
}
#community .section-wrapper .one-half {
margin-left:8%
}
.product-table-section {
width:80%
}
.image-left, .image-right {
float:none;
margin-left:0
}
.pagination {
margin-top:27%
}
}
@media screen and (max-width: 670px) {
#household #my-indane, #household #subsidy {
margin-bottom:0
}
#header .header-right .header-upper {
width:425px
}
#header .header-right .header-upper ul#upper-nav li a {
margin-top:0
}
#header .header-right .header-upper ul#upper-nav li a.u-fb {
background:url(../images/icon/iocl-sprite101.png) no-repeat;
background-position:-50px -362px;
width:19px;
height:19px;
display:block
}
#header .header-right .header-upper ul#upper-nav li a.u-twitter {
background:url(../images/icon/iocl-sprite101.png) no-repeat;
background-position:-120px -362px;
width:23px;
height:19px;
display:block
}
#header .header-right .header-upper ul#upper-nav li a.u-youtube {
background:url(../images/icon/iocl-sprite101.png) no-repeat;
background-position:-189px -362px;
width:27px;
height:19px;
display:block
}
#header .header-right .header-upper ul#upper-nav li a.u-googleplay {
background:url(../images/icon/iocl-sprite101.png) no-repeat;
background-position:-259px -362px;
width:63px;
height:19px;
display:block
}
}
@media screen and (max-width: 660px) {
#concern-environment .one-third {
width:48%
}
#concern-environment .one-third img {
display:none
}
#concern-environment .one-third .image-text {
position:static
}
#investor-media-career .one-third {
width:52%;
padding-bottom:50px;
margin-left:24%;
margin-right:24%
}
#investor-media-career .one-third:nth-of-type(2n) {
margin-left:24%;
margin-right:24%
}
#investor-media-career .one-third .one-third-right {
width:161px
}
.one-fourth, .one-fourth:nth-child(3n+3), .one-fourth:nth-child(2n+2) {
width:45%;
margin-right:6%
}
.one-fourth:nth-child(2n+2) {
margin-right:0
}
.one-fourth .product-desc {
width:70%
}
}
@media screen and (max-width: 640px) {
#header .header-right {
display:none
}
#navigation ul#main-nav {
display:none
}
#navigation #mobile-nav-icon, #mobile-nav-social-icon {
display:block
}
#navigation #mobile-nav li a {
font-size:14px
}
#navigation input.text-field {
width:98%;
font-size:14px;
margin:40px 0 10px
}
#slider1_container {
display:none
}
#custom-ads {
    top: auto !important;
    position: static;
    height: auto !important;
}
#banner {
margin-top:20px
}
#banner .content {
background:#fff
}
#banner-right {
width:100%!important;
position:static!important
}
#leader-speak {
width:60%;
position:static;
float:none;
margin:0 20%;
background-size:cover;
height:260px!important
}
#banner-right > a {
    position: relative;
    z-index: 1;
}
#leader-speak .leader-speak-heading 
{
    
width:60%;
height:72px;
line-height:72px
}
#leader-speak {
float:right
}
#investor, #media-center, #careers, #wesupport, #scholarships-img, #scholarships-img1 {
display:none
}
.one-fourth {
width:45%;
height:auto;
margin-right:6%
}
.one-fourth:nth-of-type(3n+3) {
margin-right:6%
}
.one-fourth:nth-of-type(2n+2) {
margin-right:0
}
.one-fifth:nth-of-type(2n +1) {
margin-left:0;
margin-right:0
}
.one-fourth .product-desc {
width:65%
}
#we-support, #scholarships {
width:80%;
margin:10px 10% 0;
float:left
}
.one-third, .one-third:nth-of-type(2n), .one-third:nth-of-type(3n), #concern-environment .one-third {
width:70%;
margin:0 15%
}
#concern-environment .one-third {
margin:0 15% 10px
}
.one-third .one-third-shadow, #investor-media-career .one-third .one-third-shadow {
width:95%;
height:200px
}
#businesses .one-third .one-third-heading {
background:#46579b
}
#businesses .one-third .one-third-right {
width:100%;
height:150px
}
#businesses .one-third .one-third-right ul li {
width:45%
}
#concern-environment .one-third img {
width:100%
}
#concern-environment .content .one-third .image-text {
width:100%;
background-repeat:repeat-x
}
#stock #stock-left .bse, #stock #stock-left .nse {
width:225px;
font-size:.8em
}
#community .section-wrapper .one-half {
width:98%;
margin-left:0;
padding-bottom:10px
}
#community .section-wrapper .one-half .one-half-right {
width:100%
}
#investor-media-career .one-third .one-third-heading {
background:#46579b
}
#investor-media-career .one-third .one-third-right {
width:100%;
height:150px
}
#investor-media-career .one-third .one-third-right ul li {
width:45%
}
#contactUs .link-expand ul li:before {
background-position:-750px -325px
}
.contactUsContent {
margin-top:-20px
}
#contactUs .link-expand ul li {
width:33.1%;
font-size:.7em
}
#main-body .inner-main ul.job-list li ul.candidates-list li .shortlist {
width:91%;
margin-left:0
}
#main-body .inner-main ul.indianoil-media-list, .inner-main .media-date {
margin:0
}
#main-body .inner-main span.media-text {
margin:0 0 20px
}
.column-left, .column-right {
width:100%
}
.pagination {
margin-top:32%
}
#navigation #mobile-nav li.cl {
clear:both;
list-style:none;
width:0;
height:0;
float:none;
padding:0;
border:none
}
}
@media screen and (max-width: 630px) {
#stock {
display:block
}
#trivia .trivia-image {
width:90%;
margin:0 3%;
background:#f4f4f4;
padding:0 2%
}
#trivia .trivia-image .trivia-text {
margin-left:0
}
#household .one-half .household-desc {
width:86%
}
#community .section-wrapper .one-half, #community .section-wrapper .one-half:nth-child(2n) {
margin-left:1%
}
#main-body .inner-main ul.job-list li, .inner-main ul.job-list li ul.candidates-list li {
width:92%
}
#main-body .inner-main ul.job-list li ul.candidates-list li .shortlist {
width:94%
}
.column-right label.vq-frm-label, .column-left label.vq-frm-label {
height:auto
}
}
@media screen and (max-width: 610px) {
#governance .governanceInner {
width:100%;
margin:0
}
#governance .governanceInner .circleBlock {
width:153px;
height:153px;
float:none;
margin:0 auto;
margin-bottom:20px
}
#governance .governanceInner .circleBlock .circleText {
color:#323A5D;
text-align:center;
margin-top:0;
padding-top:155px
}
#contactUs .link-expand {
width:100%
}
#contactUs .link-expand ul {
width:100%
}
.skolocator-table tr:not(:first-child) td {
font-size:.3em
}
.skolocator-table tr:first-child {
font-size:.4em
}
.pagination {
margin-top:34%
}
}
@media screen and (max-width: 566px) {
#footer-navigation {
display:none
}
#footer .footer-social-icons {
width:100%;
padding:10px 0 0
}
#footer .content .footer-social-icons h3 {
width:100%;
text-align:center
}
#footer .content .footer-social-icons .iocl-footer-social {
width:auto;
display:table;
margin:0 auto
}
.footer-social-icons a {
margin:10px 10px 10px 0
}
.pagination {
margin-top:35%
}
}
@media screen and (max-width: 555px) {
#main-body .generic-section .units-one-fourth, #main-body .gallery-section, #main-body .inner-one-fourth {
margin-left:25%;
margin-right:25%;
clear:both
}
#main-body .units-one-fourth .upper-sec img {
width:100%;
margin-left:0
}
#main-body .board-section {
width:25%;
height:auto
}
#main-body .board-section img {
width:100%;
height:auto
}
#contactUs .link-expand ul li {
width:70%;
font-size:1em
}
.pagination {
margin-top:36%
}
}
@media screen and (max-width: 540px) {
#header {
height:150px
}
#header .header-left {
margin:0 0 0 32%
}
#header .header-right {
display:none
}
.one-fourth, .one-fourth:nth-child(2n+2), .one-fourth:nth-child(3n+3), .one-fourth:nth-child(4n+4), .one-fifth {
width:98%;
margin:0 0 10px;
height:auto
}
.one-fourth:nth-child(3n+3) {
margin-right:0
}
.one-fourth:nth-child(2n+2) {
margin-right:0
}
.one-fifth:nth-of-type(2n +1), .one-fifth {

    width: 300px !important;
    margin: 10px auto !important;
    float: none !important;
}
.one-fourth .product-desc {
width:87%
}
.one-half, #household #my-indane, #household #subsidy, #household .one-half, #motorists .one-half, #motorists1 .one-half {
width:98%;
margin:0
}
#household #subsidy {
margin:10px 0 0
}
#motorists #loyalityprogram {
width:98%;
margin:10px 0 0
}
#motorists #loyalityprogram h3.loyality {
margin:0 0 20px
}
#footer .content .footer-section {
font-size:1.3em
}
#investor-media-career .one-third {
width:70%;
padding-bottom:10px;
margin-left:15%;
margin-right:15%;
margin-bottom:0
}
#investor-media-career .one-third:nth-of-type(2n), #investor-media-career .one-third:nth-of-type(3n) {
margin-left:15%;
margin-right:15%;
margin-bottom:0
}
#investor-media-career .one-third:nth-of-type(3n) {
margin-bottom:30px
}
#investor-media-career .one-third .one-third-right {
width:100%
}
#contactUs .link-expand ul li:before {
background-position:-750px -326px
}
#main-body h2 {
width:92%;
margin:0 4% 10px
}
#main-body .inner-main ul.job-list li {
width:95%
}
#main-body .inner-main ul.job-list li ul.candidates-list li {
width:90%
}
#main-body .inner-main ul.job-list li ul.candidates-list li .shortlist {
width:94%
}
#main-body .image-left, #main-body .image-right {
width:40%;
float:none;
margin:10px 30%
}
#main-body h2.inner {
text-align:left;
text-indent:0;
margin:0 4% 10px 0
}
#main-body .feedback-table tr td:last-child {
left:5px;
margin-top:45px
}
.pagination {
margin-top:38%
}
}
@media screen and (max-width: 510px) {
.one-fifth .overseas-desc {
width:70%
}
#main-body .inner-main .right-side {
width:100%;
background-size:100%
}
#main-body #fraud-victim {
width:100%
}
#main-body .know-more-indane {
margin-right:20px
}
#main-body .know-more-lpg {
margin-left:0
}
.prod-table-top-note {
width:70%;
margin:0 2% 0 0
}
.prod-table-view {
width:23%
}
.previous-prices {
font-size:.6em
}
.pagination {
margin-top:45%
}
}
@media screen and (max-width: 480px) {
#leader-speak {
width:90%;
height:300px;
margin:0 5%;
background-size:cover
}
#leader-speak .leader-speak-heading {
width:90%;
height:72px;
line-height:72px;
position:absolute
}
.one-fourth .product-desc {
width:75%
}
.one-fourth, .one-fourth:nth-child(2n+2), .one-fourth:nth-child(3n+3), .one-fourth:nth-child(4n+4), .one-fifth {
height:auto
}
#household .one-half .household-desc {
width:75%
}
#contactUs .link-expand ul {
width:80%
}
#navigation #mobile-nav li .megamenu .back-btn {
width:12%;
margin:0 44%
}
#footer .footer-social-icons {
padding-left:3%
}
#main-body h2 {
font-size:1.3em;
width:100%;
margin:0 auto 10px 0
}
#motorists #loyalityprogram h3.loyality {
font-size:1.1em
}
#main-body .inner-main ul.job-list li, .inner-main ul.job-list li ul.candidates-list li {
width:90%
}
#main-body .inner-main ul.job-list li ul.candidates-list li .shortlist {
width:93%
}
h1.inner {
margin-bottom:20px
}
#main-body .generic-table-section .generic-table, .price-table {
margin:10px 0
}
#main-body .generic-section .units-one-fourth, #main-body .inner-main .board-section, #main-body .inner-main .gallery-section, #main-body .inner-main .inner-one-fourth {
width:80%;
margin:0 9.5% 10%
}
#main-body .inner-main .board-section img {
width:50%;
margin:0 25%
}
.pagination {
margin-top:50%
}
.pagination .pagination-number-section #previous-button, .pagination .pagination-number-section #next-button, .pagination .pagination-number-section .number {
font-size:.78em
}
}
@media screen and (max-width: 440px) {
#investor-media-career .one-third {
width:80%;
padding-bottom:10px;
margin-left:10%;
margin-right:10%
}
#investor-media-career .one-third:nth-of-type(2n), #investor-media-career .one-third:nth-of-type(3n) {
margin-left:10%;
margin-right:10%
}
#investor-media-career .one-third:nth-of-type(3n) {
margin-bottom:10px
}
#main-body .wrapper-table thead tr {
font-size:.8em
}
.governanceInner {
padding-bottom:10px
}
}
@media screen and (max-width: 420px) {
#leader-speak .leader-speak-heading {
height:85px;
line-height:85px
}
#header .header-left {
margin:0 0 0 22%
}
#consumers, #motorists, #businesses, #governance, #indianoil-connect, #event, #contactUs, #concern-environment, #channelpartners, #suppliers, #household, #community, #trivia, #investor-media-career {
padding:5px 0 0
}
#main-body h2 {
width:94%;
margin:0 3%;
margin-bottom:10px;
font-size:1.3em
}
.captionOrange h2 {
font-size:.9em
}
.captionOrange p {
width:80%;
font-size:.6em
}
.news, .news-sec {
height:180px
}
.one-fourth:nth-of-type(3n+3) {
margin-right:0
}
.one-fourth:nth-of-type(2n+2) {
margin-right:0
}
.one-fifth:nth-of-type(2n +1) {
margin-left:0;
margin-right:0
}
.event-heading {
width:94%;
margin:0 3%;
margin-bottom:10px
}
#trivia .trivia-image {
height:auto
}
#contactUs {
margin-top:30px
}
#contactUs .link-expand ul li {
font-size:.7em;
width: 100% !important;
}
#community .section-wrapper .one-half {
width:100%;
display:block;
float:none
}
#community .section-wrapper .sideborder {
height:150px
}
#community .section-wrapper .one-half #scholarships, #community .section-wrapper .one-half #we-support {
width:86%;
margin:5px 6%
}
#investor-media-career .one-third {
width:80%;
padding-bottom:10px;
padding-right:10px;
margin-left:8%;
margin-right:10%;
margin-bottom:0
}
#investor-media-career .one-third:nth-of-type(2n), #investor-media-career .one-third:nth-of-type(3n) {
margin-left:8%;
margin-right:10%;
margin-bottom:10%
}
#investor-media-career .one-third:nth-of-type(3n) {
margin-bottom:20px
}
#main-body .inner-main ul.job-list li, .inner-main ul.job-list li ul.candidates-list li {
width:88%
}
#main-body .inner-main ul.job-list li ul.candidates-list li .shortlist {
width:88%
}
#main-body .inner-main ul.job-list li {
width:92%
}
#main-body .inner-main ul.job-list li ul.candidates-list li {
width:91%
}
#main-body .inner-main ul.job-list li ul.candidates-list li .shortlist {
width:93%
}
#main-body .prod-table-top-note {
width:70%;
margin:0 2% 0 0
}
#main-body .prod-table-view {
width:23%;
font-size:.8em
}
#main-body .generic-list {
margin:0 12px
}
.pagination .pagination-number-section #previous-button, .pagination .pagination-number-section #next-button, .pagination .pagination-number-section .number {
font-size:.65em
}
}
@media screen and (max-width: 413px) {
#main-body .inner-main ul.job-list li {
width:92%
}
#main-body .inner-main ul.job-list li ul.candidates-list li {
width:91%
}
#main-body .inner-main ul.job-list li ul.candidates-list li .shortlist {
width:90%
}
.product-table tr:not(:first-child) {
font-size:12px
}
.generic-table tr:not(:first-child) td {
font-size:12px
}
 .product-table tr:first-child, .generic-table tr:first-child {
font-size:12px
}
.price-table tr:first-child {
font-size:12px
}
.pagination .pagination-number-section #previous-button, .pagination .pagination-number-section #next-button, .pagination .pagination-number-section .number {
font-size:.51em
}
#main-body .pagination .pagination-number-section #next-button {
background-position:left 35px top 5px
}
#footer .footer-social-icons {
padding-left:3%
}
#main-body .inner-main .right-menu {
width:40%;
margin:0 30% 20px 20%
}
#contactUs .expand-sec h3, #main-body #contactUs .link-collapse .collapse-text {
font-size:.8em
}
}
@media screen and (max-width: 380px) {
.footer-social-icons a.u-fb {
background:url(../images/icon/iocl-sprite101.png) no-repeat;
background-position:-50px -330px;
width:26px;
height:26px;
display:block
}
.footer-social-icons a.u-twitter {
background:url(../images/icon/iocl-sprite101.png) no-repeat;
background-position:-120px -330px;
width:26px;
height:26px;
display:block
}
.footer-social-icons a.u-youtube {
background:url(../images/icon/iocl-sprite101.png) no-repeat;
background-position:-189px -330px;
width:39px;
height:26px;
display:block
}
.footer-social-icons a.u-googleplay {
background:url(../images/icon/iocl-sprite101.png) no-repeat;
background-position:-259px -362px;
width:86px;
height:26px;
display:block
}
.inner-main table tbody td img, .inner-main table tbody td span img, #main-body .image-left, #main-body .image-right, table.content-table tbody img, table.content-table tbody td img, table.content-table tbody td p img, table.content-table tbody td span img, table.content-table tbody td div img, table.content-table tbody td p span img, table.content-table tbody td span p img, table.content-table tbody td div p img {
float:none;
width:96%;
margin:10px 2%
}
}
@media screen and (max-width: 370px) {
#navigation #mobile-nav {
width:94%
}
}
@media screen and (max-width: 364px) {
#main-body .inner-main ul.job-list li {
width:90%
}
#main-body .inner-main ul.job-list li ul.candidates-list li {
width:91%
}
#main-body .inner-main ul.job-list li ul.candidates-list li .shortlist {
width:88%
}
#navigation #mobile-nav li .megamenu .back-btn {
width:14%;
margin:0 43%
}
.footer-social-icons a {
margin-right:5px;
margin-top:15px
}
}
@media screen and (max-width: 350px) {
.one-fifth .overseas-desc {
width:60%
}
.news, .news-sec {
height:120px
}
#indianoil-connect .left-side {
display:none
}
#main-body h2 {
width:94%;
margin:0 3%
}
.one-fourth, .one-fourth:nth-child(2n), .one-fourth:nth-child(2n+1), .one-fourth:nth-child(2n+2), .one-fourth:nth-child(3n+3), .one-fifth {
height:auto;
margin-top:10px
}
#main-body .inner-main ul.job-list li, .inner-main ul.job-list li ul.candidates-list li {
width:85%
}
#main-body .inner-main ul.job-list li ul.candidates-list li .shortlist {
width:93%
}
#community .section-wrapper .one-half #scholarships, #community .section-wrapper .one-half #we-support {
width:95%;
margin:2%
}
}
@media screen and (max-width: 348px) {
#governance .governanceInner .circleBlock {
margin-left:25%
}
#main-body .inner-main ul.job-list li, .inner-main ul.job-list li ul.candidates-list li {
width:85%
}
#main-body .inner-main ul.job-list li ul.candidates-list li .shortlist {
width:93%
}
select {
margin:0 0 15px
}
input[type='button'].submit-btn {
margin:0 10px 15px 0
}
#main-body .product-table-section .feedback-table {
width:280px
}
#main-body .product-table-section .feedback-table tr td:last-child {
width:280px
}
#main-body .product-table-section .feedback-table tr:last-child td:last-child {
padding:0
}
#main-body .product-table tr:not(:first-child) {
font-size:9px
}
#main-body .generic-table tr:not(:first-child) td {
font-size:9px
}
#main-body .product-table tr:first-child, .generic-table tr:first-child {
font-size:9px
}
#main-body .price-table tr:first-child {
font-size:9px
}
#main-body .generic-table tr:first-child td, #main-body .generic-table tr td {
font-size:9px
}
}
@media screen and (max-width: 330px) {
#investor-media-career .one-third {
width:96%;
padding-bottom:10px;
padding-right:10px;
margin-left:0;
margin-bottom:0
}
#investor-media-career .one-third:nth-of-type(2n), #investor-media-career .one-third:nth-of-type(3n) {
margin-left:0;
margin-bottom:0
}
#investor-media-career .one-third:nth-of-type(3n) {
margin-bottom:10px
}
#footer .footer-social-icons {
padding-left:1%
}
.footer-social-icons a {
margin-right:0
}
}
@media screen and (max-width: 320px) {
#main-body .inner-main ul.job-list li, .inner-main ul.job-list li ul.candidates-list li {
width:85%
}
#main-body .inner-main ul.job-list li ul.candidates-list li .shortlist {
width:91%
}
#community .section-wrapper .sideborder {
height:160px
}
#community .one-half .one-half-right {
height:110px
}
}
@media screen and (max-width:1120px) {
.androidapp {
width:30%
}
ul li div.androidapp img {
max-width:30%;
margin:10px 0
}
}
@media screen and (max-width:1000px) {
.androidapp {
width:30%
}
ul li div.androidapp img {
max-width:30%;
margin:10px 0
}
}
@media screen and (max-width:555px) {
.androidapp {
width:30%
}
ul li div.androidapp img {
max-width:30%;
margin:10px 0
}
}
@media screen and (max-width:566px) {
.androidapp {
width:30%
}
ul li div.androidapp img {
max-width:30%;
margin:10px 0
}
}
@media screen and (max-width:980px) {
.androidapp {
width:30%
}
ul li div.androidapp img {
max-width:30%;
margin:10px 0
}
}
.inner-main {
	width:100%;
	height:auto;
	padding:20px 0
}
#breadcrumb {
	width:100%;
	height:38px
}
#breadcrumb ul {
	padding:0;
	margin:0;
	height:38px;
	line-height:38px;
	vertical-align:middle
}
#breadcrumb ul li {
	background:url(../images/icon/more-arrow.png) left no-repeat;
	text-indent:10px;
	list-style:none;
	float:left;
	padding:0;
	margin:0 15px 0 0;
	color:#212a4e
}
#breadcrumb ul li a {
	color:#212a4e
}
#breadcrumb ul li a:hover {
	color:#4a73c1
}
.inner-main ul.indianoil-media-list {
	margin:0
}
.inner-main ul.indianoil-media-list li {
	padding:0 0 5px 10px
}
.inner-main ul.indianoil-media-list li, .inner-main ul.job-list li, .inner-main ul.job-list li ul.candidates-list li {
	width:auto;
	font:normal 1em Arial, Helvetica, sans-serif;
	color:#2d3f8b;
	background:url(../images/icon/more-arrow.png) no-repeat;
	background-position:0 4px;
	list-style:none;
	cursor:default
}
.inner-main ul.job-list li:hover {
	background-color:#eee
}
.inner-main ul.indianoil-media-list:hover li {
	background:url(../images/icon/more-arrow.png) top 4px left no-repeat;
	color:#ec691f
}
.inner-main .media-date {
	font:normal 14px/20px Arial, Helvetica, sans-serif;
	background:url(../images/icon/news-date-icon.png) left top 4px no-repeat;
	height:20px;
	width:auto;
	padding:0 0 0 15px;
	vertical-align:central;
	float:left;
	margin:0;
	color:#848484
}
.inner-main span.media-text {
	color:#848484;
	float:left;
	margin:10px 0 50px
}
.inner-main .indane-text {
	color:#848484;
	margin:10px 0 0 12px
}
.image-left {
	float:left
}
.image-right {
	float:right
}
.inner-main .lpg-refills {
	margin:10px 0 0
}
.inner-main .lpg-hose {
	width:auto;
	margin:15px 0
}
.inner-main .lpg-distributor {
	width:auto;
	color:#212a4f
}
.inner-main .know-more-indane, .inner-main .know-more-lpg {
	width:220px;
	height:60px;
	color:#fff;
	background:#F6590C;
	border:none;
	border-radius:5px;
	margin:20px 0 0;
	float:left
}
.inner-main .know-more-lpg {
	background:#394575;
	margin:20px 0 10px 15px
}
h4.inner-heading {
	color:#222
}
.inner-main ul.job-list {
	margin:0
}
.inner-main ul.job-list li ul.candidates-list {
	margin:10px 0 0
}
.inner-main ul.job-list li, .inner-main ul.job-list li ul.candidates-list li {
	line-height:25px;
	background:url(../images/icon/job-arrow.png) top 4px left no-repeat;
	padding:0 0 10px 30px;
	height:auto;
	list-style:none;
	cursor:default
}
.inner-main ul.job-list li, .job-list-text {
	float:left
}
.inner-main ul.job-list li .shortlist {
	width:821px
}
.inner-main ul.job-list li ul.candidates-list li .shortlist {
	width:781px
}
.inner-main ul.job-list li ul.candidates-list li {
	padding:0 0 5px 40px
}
.job-list-text a.click-link {
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#ec691f;
	background:url(../images/icon/more-arrow.png) top 3px right no-repeat;
	padding:0 12px 0 5px
}
.inner-main ul.job-list li ul.candidates-list li {
	background:url(../images/icon/candidate-arrow.png) top 4px left 10px no-repeat
}
.inner-main ul.job-list li ul.candidates-list li:hover {
	background:url(../images/icon/candidate-arrow-hover.png) top 4px left 10px no-repeat
}
.inner-main ul.job-list li ul.candidates-list li:hover a {
	color:#1a8bc6
}
.inner-main ul.job-list li ul.candidates-list li a {
	color:#848484
}
.inner-main ul.job-list li ul.candidates-list li {
	color:#848484
}
.inner-main ul.job-list li .download, .inner-main ul.candidates-list li .download {
	float:left
}
.inner-main ul.job-list li .download a img, .inner-main ul.job-list li ul.candidates-list li .download a img {
	margin:5px 0 0;
	width:16px;
	height:22px;
	margin-right: 5px;
}
.inner-main ul.job-list li ul.candidates-list li .download a img {
	margin:0
}
.inner-content {
	width:80%;
	height:auto;
	margin:0;
	float:left;
	text-align:justify
}
.right-menu {
	width:18%;
	height:auto;
	float:right
}
.right-menu .menu-heading {
    font: normal 16px/46px Arial, Helvetica, sans-serif;
    width: 100%;
    height: auto;
    background: #ef7e3e;
    border-radius: 2px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    margin: 10px 0 0;
    position: relative;
    font-weight: 700;
    line-height: normal;
    padding: 10px 0;
}
.right-menu .menu-heading a.collapse-menu {
	position:absolute;
	width:100%;
	height:46px;
	top:0;
	left:0;
	display:none
}
.right-menu ul.menu-list {
	background:#f8f8f8
}
.right-menu ul.menu-list li {
	width:auto;
	height:auto;
	padding: 14px 0 14px 18px;
	background:url(../images/icon/more-arrow.png) no-repeat;
	background-position:7px 18px;
	list-style:none;
	cursor:pointer
}
.right-menu ul.menu-list li.dark-grey {
	background:url(../images/icon/more-arrow.png) #ededed no-repeat;
	background-position:20px 18px
}
.right-menu ul.menu-list li a {
	font:normal 15px Arial, Helvetica, sans-serif;
	color:#686868
}
.product-table-section {
	width:40%;
	float:left;
	margin-right:10%;
	margin-bottom:20px
}
.generic-table-section {
	width:100%;
	float:left;
	margin-bottom:20px
}
.prod-table-top-note, .table-top-note {
	color:#f46a1d;
	float:left;
	width:70%;
	margin:0 10% 0 0
}
.prod-table-top {
	width:100%
}
.prod-table-view {
	background:#f8f8f8;
	font-weight:700;
	width:16%;
	height:34px;
	line-height:34px;
	vertical-align:middle;
	display:block;
	float:right;
	color:#616161;
	text-align:center;
	border:1px solid #d5d5d5;
	border-radius:2px;
	margin:0 0 10px
}
.product-table-section .product-table {
	width:100%;
	border:none
}
.generic-table-section .generic-table {
	width:100%
}
.price-table {
	border:1px solid #ddd;
	margin:20px 0
}
.product-table tr:nth-child(odd), .generic-table tr:nth-child(odd) {
background:#ededed
}
.product-table tr:nth-child(even), .generic-table tr:nth-child(even) {
background:#f8f8f8
}
.product-table tr {
	text-indent:0px;
	color:#686868;
	font-size:14px;
	text-align:left;
}
.generic-table tr td {
	padding:10px 5px;
	color:#686868;
	font-size:14px
}
.product-table tr td, .generic-table tr td, .wrapper-table thead tr td {
	padding:12px 5px
}
.wrapper-table thead tr {
	font-size:18px;
	border:none;
	color:#fff;
	text-align:center
}
.generic-table tr td:not(:last-child) {
border-right:1px solid #ddd
}
.radius-top-left {
	border-radius:5px 0 0 0
}
.radius-top-right {
	border-radius:0 5px 0 0
}
.product-table tr td:nth-child(2n+1), .price-table tr td:nth-child(n+1) {
border-right:1px solid #ddd
}
.price-table tr td:last-child {
	border:none
}
.product-table td:nth-child(even) {
text-align:center
}
.price-table td {
	text-align:center;
	color:#686868
}
.tableScroll {
	overflow-y:scroll;
	height:160px
}
.table-footer {
	margin:20px 0;
	width:100%;
	text-align:center
}
.previous-prices {
	background:#000e48;
	text-transform:uppercase;
	font-weight:700;
	height:48px;
	width:200px;
	line-height:48px;
	vertical-align:middle;
	display:block;
	color:#fff;
	text-align:center;
	border-radius:5px;
	margin:20px auto 0
}
.table-footer-note {
	color:#000e48;
	padding:0;
	margin:10px 0
}
.table-footer-note a {
	color:#000e48
}
thead tr td {
	border-right:none
}
.inner-one-fourth {
	width: 250px;
	height:auto;
	margin: 0 41px 20px 0;
	display: block;
	vertical-align: top;
	position: relative;
	border: 1px solid #ddd;
	border-radius: 3px;
	float: left;
}
.inner-one-fourth .upper-sec {
	height:auto;
	border-bottom:1px solid #ddd
}
.inner-one-fourth .upper-sec img {
	width:100%
}
.inner-one-fourth .lower-sec {
	padding:10px;
	height:auto;
	background-color:#eee
}
.inner-one-fourth h5.inner {
	font-size:16px;
	line-height:16px;
	font-weight:400;
	padding:10px 0;
	margin:0;
	text-align:center;
	font-size: 14px;
}
.inner-one-fourth h5.inner a {
	color:#212a4f
}
.inner-one-fourth h5.inner a:hover {
	color:#ef7e3e
}
.inner-one-fourth .lower-sec p {
	text-align:center
}
.generic-list {
	margin:0 20px;
	padding:0
}
.generic-list li {
	text-align:left
}
.generic-list li a {
	color:#001549
}
.generic-list li a:hover {
	color:#F37022
}
.management-row {
	text-align:center;
	width:100%
}
.board-section {
	width:150px;
	height:auto;
	margin:0 33px 50px 0;
	display:inline-block;
	position:relative;
	vertical-align:top
}
.board-section-text {
	height:auto
}
.management-row .board-section:last-child {
	margin-right:0
}
.board-section:nth-of-type(4n+4) {
margin-right:0
}
.board-section img {
	width:150px;
	height:190px;
	float:left;
	border:solid 2px #ef7e3e;
	background-color:#fdf6e6
}
.board-section .board-text {
	width:150px;
	height:auto;
	margin:10px 0 0;
	text-align:center;
	line-height:20px
}
.board-section .board-text h4.inner {
	text-align:center;
	margin:0 0 2px;
	color:#000
}
.board-section .board-text p {
	font-size:14px;
	margin:0 0 2px
}
.general-table-section {
	width:100%
}
.general-table tr td:nth-child(n+1) {
border-right:1px solid #ddd
}
.general-table tr td:last-child {
	border:none
}
.general-table tr td:not(:first-child) {
text-align:center
}
.generic-section {
	margin-top: 10px;
	width:100%
}
.generic-section .units-one-fourth {
	height:auto
}
.generic-section .units-one-fourth .upper-sec {
	height:auto
}
.generic-section .units-one-fourth .lower-sec {
	padding:10px;
	height:auto;
	background-color:#eee;
	border-top:1px solid #ddd;
	/* height: 70px; */
}
.inner-one-fourth .lower-sec p {
	text-align:left;
	margin:0;
	line-height:1.4em
}
.units-one-fourth .lower-sec a {
	color:#C8520B
}
.units-one-fourth .upper-sec img {
	width:100%;
	height:155px
}
.inner-one-fourth h5 {
	margin:0;
	padding:10px 0;
	text-align:center;
	font-size:14px
}
.pagination {
	height:auto;
	width:100%;
	margin-top:10%;
	display:block
}
.pagination .counter-section {
	font-size:14px;
	padding:20px 10px 10px 0;
	color:#999
}
.pagination .pagination-number-section {
	padding:0 10px 5px 0;
	margin:0 0 5px
}
.pagination .pagination-number-section #previous-button {
	background:url(../images/icon/left-arrow.png) no-repeat;
	background-size:10px 10px;
	background-position:2px center;
	display:block;
	float:left;
	margin:0 5px 5px 0
}
.pagination .pagination-number-section #next-button {
	background:url(../images/icon/right-arrow.png) no-repeat;
	background-size:10px 10px;
	background-position:center right;
	display:block;
	margin:0 5px 5px 0;
	float:left
}
.pagination .pagination-number-section #previous-button, .pagination .pagination-number-section #next-button {
	border:1px solid #999;
	padding:4px 15px;
	color:#02164F
}
.pagination .pagination-number-section .number {
	border:1px solid #999;
	padding:4px;
	cursor:pointer;
	color:#02164F;
	display:block;
	margin:0 5px 5px 0;
	float:left
}
.pagination .pagination-number-section #selected {
	border:1px solid #F37021;
	background:#F37022;
	color:#fff
}
.pagination .pagination-number-section .number:hover, .pagination .pagination-number-section #previous-button:hover, .pagination .pagination-number-section #next-button:hover {
	border:1px solid #333
}
.pagination .pagination-number-section .dot {
	border:none;
	cursor:none;
	display:block;
	margin:0 5px 5px 0;
	float:left
}
.gallery-section {
	width:245px;
	height:auto;
	margin:0 33px 20px 0;
	display:inline-block;
	position:relative;
	vertical-align:top
}
.gallery-section a {
	width:100%;
	float:left
}
.gallery-section a img {
	width:250px;
	height:180px
}
.gallery-section .gallery-image-name {
	height:auto;
	padding:10px 0;
	float:left
}
.gallery-section .gallery-image-name h4 {
	text-align:center;
	padding:0;
	margin:0
}
.gallery-section:nth-of-type(4n+4) {
margin-right:0
}
.btn {
	background:#ef7e3e;
	border-radius:2px;
	font-family:Arial;
	color:#fff;
	font-size:15px;
	padding:10px 20px;
	text-decoration:none
}
.btn:hover {
	background:#ef7e3e;
	text-decoration:none
}
.topconsec {
	width:570px
}
.clear {
	clear:both
}
a, a:visited {
	color:inherit
}
input.text-field {
	cursor:text
}
li.colortheme {
	cursor:pointer;
	width:6px!important
}
div.colortheme {
	width:5px;
	height:6px;
	vertical-align:bottom
}
div.colortheme.white {
	background-color:#fff!important
}
div.colortheme.grey {
	background-color:#535353!important
}
div.colortheme.yellow {
	background-color:#ffc!important
}
div.colortheme.green {
	background-color:#090!important
}
.yellowgreen {
	color:#090!important;
	background-color:#ffc!important
}
div.colortheme.yellow {
	background-color:#ffb!important
}
div.colortheme.blue {
	background-color:#03c!important
}
.yellowblue {
	color:#03c!important;
	background-color:#ffb!important
}
.blueyellow {
	color:#ffb!important;
	background-color:#03c!important
}
div.colortheme.orange {
	background-color:#ffa!important
}
div.colortheme.red {
	background-color:#c00!important
}
.orangered {
	color:#c00!important;
	background-color:#ffa!important
}
.bigTxt {
	font-size:40px;
	color:#fff;
	width:60%;
	position:relative;
	top:25%;
	left:5%;
	background:none
}
.subfootertxt {
	font-size:11px
}
.subfootertxt div {
	display:inline-block;
	margin:5px
}
#community #scholarships-img1 {
	background:url(../images/NewImages/new/sva_small.jpg) no-repeat;
	background-size:cover
}
.image-left {
	padding-right:5pt
}
.image-right {
	padding-left:5pt
}
div.menu-heading:nth-child(n+2)+ul.menu-list {
display:none
}
.clear {
	clear:both
}
a, a:visited {
	color:inherit
}
input.text-field {
	cursor:text
}
li.colortheme {
	cursor:pointer;
	width:6px!important
}
div.colortheme {
	width:5px;
	height:6px;
	vertical-align:bottom
}
div.colortheme.white {
	background-color:#FFF!important
}
div.colortheme.grey {
	background-color:#535353!important
}
div.colortheme.yellow {
	background-color:#FFC!important
}
div.colortheme.green {
	background-color:#090!important
}
.yellowgreen {
	color:#090!important;
	background-color:#FFC!important
}
div.colortheme.yellow {
	background-color:#FFB!important
}
div.colortheme.blue {
	background-color:#03C!important
}
.yellowblue {
	color:#03C!important;
	background-color:#FFB!important
}
.blueyellow {
	color:#FFB!important;
	background-color:#03C!important
}
div.colortheme.orange {
	background-color:#FFA!important
}
div.colortheme.red {
	background-color:#C00!important
}
.orangered {
	color:#C00!important;
	background-color:#FFA!important
}
div#showAllWhatsNew {
	position:absolute;
	bottom:0;
	right:0;
	z-index:9;
	cursor:pointer
}
.bigTxt {
	font-size:40px;
	color:#fff;
	width:60%;
	position:relative;
	top:25%;
	left:5%;
	background:none
}
.subfootertxt {
	font-size:11px
}
.subfootertxt div {
	display:inline-block;
	margin:5px
}
ul li .androidapp {
	width:60%
}
ul li div.androidapp img {
	max-width:50%;
	margin:10px 0
}
.menu-heading {
	cursor:pointer
}
ul.colortheme li, ul.font-inc-dec li {
	float:left;
	height:20px;
	margin-left:5px;
	text-align:center
}
.accordin-contact {
	padding-left:8pt
}
#community #scholarships-img1 {
	background:url(../images/NewImages/new/sva_small.jpg) no-repeat;
	background-size:cover
}
.image-left {
	padding-right:5pt
}
.image-right {
	padding-left:5pt
}
div.menu-heading:nth-child(n + 2) + ul.menu-list {
display:none
}
@media screen and (max-width: 1120px) {
.androidapp {
width:30%
}
ul li div.androidapp img {
max-width:30%;
margin:10px 0
}
}
@media screen and (max-width: 1000px) {
.androidapp {
width:30%
}
ul li div.androidapp img {
max-width:30%;
margin:10px 0
}
    
    #oversease{clear:both}
	 .dinlinediv, .gridcs, .gridcs + div, .mediaflx{display:block !important}
	 .dived{float:none !important; clear:both}
	 a[href="https://iocl.com/download/Notice_for_Retail_Outlet_Applicants.pdf"] img{width:100%}
    
    .one-fifth:nth-of-type(2n +1), .one-fifth {    
    margin: 10px auto !important;
    float: none !important;
        
}
@media screen and (max-width: 555px) {
.androidapp {
width:30%
}
ul li div.androidapp img {
max-width:30%;
margin:10px 0
}
}
@media screen and (max-width: 566px) {
.androidapp {
width:30%
}
ul li div.androidapp img {
max-width:30%;
margin:10px 0
}
}
@media screen and (max-width: 980px) {
.androidapp {
width:30%
}
ul li div.androidapp img {
max-width:30%;
margin:10px 0
}
}
.btn {
	background:#ef7e3e;
	border-radius:2px;
	font-family:Arial;
	color:#fff;
	font-size:15px;
	padding:10px 100px;
	text-decoration:none
}
.btn:hover {
	background:#ef7e3e;
	text-decoration:none
}
.overlay {
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	background:#000;
	opacity:.75;
	z-index:99;
	display:none
}
.dialog {
	display:none;
	position:fixed;
	margin-left:0;
	margin-top:0;
	background-color:#fff;
	z-index:99;
	box-shadow:0 0 5px 2px #444
}
.popup-close {
	position:absolute;
	top:-8px;
	right:25px;
	width:15px;
	height:15px;
	cursor:pointer
}
.dialog .popup-close img {
	margin:7px 0 0 5px
}
.section-blockpopup {
	width:100%
}
.section-blockpopup h2.top-heading {
	font:bold 16px "Open Sans Semibold", OpenSans-Semibold, "Open Sans", Helvetica, Arial, Sans-serif!important;
	margin:0;
	padding:7px 0;
	background:#e9eff3;
	width:100%;
	color:#004aaf!important;
	height:22px
}
.request-demo-dialog, .support-dialog {
	top:100px;
	left:17%;
	width:700px;
	height:380px
}
.section-blockpopup .section-contentpopup {
	padding:0 10px 10px!important;
	height:auto!important;
	width:100%!important
}
@media screen and (max-width: 580px) {
.btn {
background: #ef7e3e;
 border-radius: 2px;
 font-family: Arial;
 color: #fff;
 font-size: 15px;
 padding: 10px 20px;
 text-decoration: none;
}
}
 @media screen and (max-width: 580px) {
.bigTxt {
font-size: 25px;
 color: #fff;
 width: 100%;
 position: relative;
 top: 25%;
 left: 5%;
 background: none;
}
}
 @media screen and (max-width: 580px) {
	 
	 
	 
#stock #stock-right {
 width: 100%;
 margin: 30px -1% 0;
 height: 89px;
 float: left;
 background: url(../images/icon/pricimgg.jpg) #ebeff1;
}
.right-menu ul.menu-list li a.normallink {
font-size:10px!important;
}
#stock #stock-left .bse, #stock #stock-left .nse {
 width: 131px;
 font-size: .8em;
}
#stock #stock-left .stock-price-heading {
 position: absolute;
 left: 0;
 top: 0;
 width: 120px;
 height: 89px;
 line-height: 89px;
 text-align: center;
 text-transform: uppercase;
 color: #fff;
 font-size: 14px;
}
#stock #stock-left {
 width: 100%;
 margin: 0 0%;
}
#stock #stock-left {
 height: 89px;
 float: left;
 background: url(../images/icon/stock-price-mob.jpg) no-repeat #ebeff1;
 border-right: 1px solid #dddbdb;
 position: relative;
}
}
.hindi1 {
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 2px;
	width: 95px;
	height: 23px;
	border: none;
	float: none;
	margin-top: 5px;
	background: #ef7e3e;
	clear: both;
	text-align: center;
	color: #02164f;
	font-weight: 700;
	font-size: 14px;
}