@media (min-width: 48em){
body{padding:99px 0 0 0; transition:all .3s ease;}
.container{padding:0;}
#header{height:99px; transition:all .3s ease-out; position:fixed; z-index:100; left:0; right:0; top:0; background:#FFF; border-bottom:solid 1px #efefef;}
body.home #header{border-bottom:none;}
#header.alter1 {box-shadow:0 0 15px rgba(0,0,0,0.85);}
#header.is-hidden {
  box-shadow:none;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}
#header .logo{position:relative; width:1px; height:1px; float:left; z-index:3;}
#header .logo a{position:absolute; left:0; top:-30px; width:99px; display:block;}
#header .logo img{width:100%; height:auto; display:block;}
#main-navigation{padding:0 0 20px 0;transition:all .3s ease-out; position:relative; z-index:2;}
#main-navigation:after{content:""; display:block; clear:both;}
#main-navigation ul{display:block; list-style:none; margin:0; padding:0 50px 0 0; float:right; position:static;}
#main-navigation>ul>li.main{display:inline-block; list-style:none; margin:0 0 0 30px; padding:26px 0 16px 0; float:left; line-height:1.1875rem; z-index:2; position:static;}
#main-navigation>ul>li.main:nth-child(2){margin-left:15px;}
#main-navigation>ul>li.main>a{font-size:1rem; line-height:1em; display:inline-block; font-weight:600; letter-spacing:-0.65px; position:relative; transition:color .3s ease-out; padding-bottom:10px;}
#main-navigation .search{position:absolute; transition:all .3s ease-out; width:85%; height:0; overflow:visible; right:0; top:26px; z-index:4;}
#main-navigation .search form#frmSearchTop{padding:0; margin:0; width:30px; float:right; position:static; overflow:visible;}
#main-navigation .search form#frmSearchTop button{ background:none; color:#222325; border:none; padding:0; font-weight:600; font-size:1.1rem; line-height:1.4375rem; position:relative; z-index:4; outline:none; float:right;}
#main-navigation .search form#frmSearchTop button i{vertical-align:top;}
#main-navigation .search form#frmSearchTop input{width:0; opacity:0; background:rgba(255,255,255,0.95); color:#222325; outline:none; transition:all .3s ease-out; position:absolute; right:30px; top:-10px; visibility:hidden;}
#main-navigation .search form#frmSearchTop:hover input, #main-navigation .search form#frmSearchTop input:focus{width:100%; opacity:1; visibility:visible;}

#main-navigation>ul>li.main.hassub2{position:relative;}
#main-navigation>ul>li.main.hassub>.sub{position:absolute; max-height:0; top:69px; left:0; right:0; padding:30px; background:#151515; transition:all .3s ease-out; opacity:0; overflow:hidden; visibility:hidden;min-width:241px;}
#main-navigation>ul>li.main.hassubright>.sub{left:auto; right:0;}
#main-navigation>ul>li.main.hassub:hover>.sub{max-height:500px; opacity:1; visibility:visible;}
#main-navigation>ul>li.main.hassub:hover>a{background: #FFF; border-bottom: 1px solid #000;}
#main-navigation>ul>li.main.hassub:hover>a:after{content:"";}
#main-navigation>ul>li.main.hassub:hover>a:after, #main-navigation>ul>li.main.hassub:hover>a:before {top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;}
#main-navigation>ul>li.main.hassub:hover>a:after {border-color: rgba(255, 255, 255, 0); border-top-color: #FFF; border-width: 10px; margin-left: -10px;}
#main-navigation>ul>li.main.hassub:hover>a:before {border-color: rgba(0, 0, 0, 0); border-top-color: #000; border-width: 11px; margin-left: -11px;}
#main-navigation>ul>li.main.hassub>.sub .owl-carousel{padding:0 40px;}
#main-navigation>ul>li.main.hassub>.sub .s-item2 header h4{color:#FFF; font-weight:300; font-size:0.9rem; text-align:center;}
#main-navigation>ul>li.main.hassub>.sub .owl-prev{position:absolute; left:0; top:50%; margin-top:-32px;}
#main-navigation>ul>li.main.hassub>.sub .owl-next{position:absolute; right:0; top:50%; margin-top:-32px;}
#main-navigation>ul>li.main.hassub>.sub.sub2{padding-left:105px; padding-right:105px;}
#main-navigation>ul>li.main.hassub2>.sub.sub2{padding:30px 20px 20px 20px;}
#main-navigation>ul>li.main.hassub>.sub.sub2 ol{list-style:none; max-width:241px; margin:0 auto; padding:0; border-top:solid 8px #bb1f23;}
#main-navigation>ul>li.main.hassub>.sub.sub2 ol li{display:block; margin-top:15px;}
#main-navigation>ul>li.main.hassub>.sub.sub2 ol li a{display:block; color:#FFF; font-weight:300; font-size:0.85rem; padding-left:10px; position:relative;}
#main-navigation>ul>li.main.hassub>.sub.sub2 ol li a:before{position:absolute; display:block; width:3px; left:0; top:2px; height:1.0625rem; background:#bb1f23; content:""; transition:all .3s ease-out;}
#main-navigation>ul>li.main.hassub>.sub.sub2 ol li a:hover:before{background:#CCC;}


#header .headertop{padding:10px 0 0 0;}
.headertopright{float:right;}
.headertopright ul{float:left; padding:0; margin:0; list-style:none;}
.headertopright ul li{float:left; padding:0; margin:0 0 0 10px;}
.headertopright ul li a{font-size:0.85rem; color:#000; line-height:20px; display:inline-block; float:left;}
.headertopright ul li a:hover{color:rgba(0,0,0,.9);}
.headertopright ul li.callcenter a span{ width:22px; display:inline-block; text-align:center; color:#dd251b;}
.headertopright ul li.callcenter a span b{ font-weight:400; transition:all .3s ease-out;}
.headertopright ul li.callcenter a span i{ font-style:normal; display:none; transition:all .3s ease-out;}
.headertopright ul li.callcenter a:hover span b{ display:none;}
.headertopright ul li.callcenter a:hover span i{ display:inline-block;}
.headertopright ul li.social a{font-size:0.85rem; color:#FFF; display:block; width:20px; height:20px; text-align:center; background:#999;}
.headertopright ul li.social.facebook a{background:#3b5998;}
.headertopright ul li.social.twitter a{background:#55acee;}
.headertopright ul li.social.instagram a{background:#e95950;}
.headertopright ul li.social.youtube a{background:#ff0000;}
.headertopright ul li.social.googleplus a{background:#dd4b39;}
.headertopright ul li.social.linkedin a{background:#007bb5;}
.headertopright ul li.social.lng a{background:none; color:#333;}
.headertopright ul li.social a b{display:none;}
.headertopright ul li.social.lng a b{display:inline-block;}
.headertopright ul li.social.lng a i{display:none;}
}

@media (max-width: 61.95em) {
.cookiemsg { font-size:15px;}
.cookiemsg .row{ padding:0 20px;}
.cookiemsg .text-right{ text-align:center !important; margin-top:20px;}
.cookiemsg .cookiemsgclose {font-size: 15px; padding: 5px 20px;}
}

@media (max-width: 47.95em){
body{padding:0; background:#FFF;}
.container{padding:0 10px;}
/**********************************************/
.wrapper{box-sizing: border-box; max-width: 767px; margin: 0 auto;}
.wrapper.reversed{background: #fff; color: #666; padding: 75px 0; position: relative;}
.wrapper.reversed:last-child{padding-bottom: 160px; margin-bottom: -160px;}
.wrapper.reversed:after{background: inherit; content: ''; display: block; position: absolute; left: -200%; right: -200%; top: 0; bottom: 0; z-index: -1;}
.wrapper.reversed h4, .wrapper.reversed h5, .wrapper.reversed h6{font-size: 30px; color: #5BC5FF;}
#hamburger + .wrapper:before, .wrapper:first-child:before{content: ''; display: block; width: 2300px; height: 1835px; margin-left: -400px; position: absolute; left: 50%; top: -1150px; z-index: -1;}
.wrapper.no-phone:before{content: none !important; display: none !important;}
#main-navigation:not(.mm-menu){display: none;}
#main-navigation .fa{width: 15px; color: #ccc;}
.mm-panel > p{font-size: 14px; margin-top: 20px; margin-bottom: 15px;}
#hamburger{box-sizing: border-box; display: block; width: 70px; height: 56px; position: fixed; top: 10px; right: 0; z-index: 4; border-bottom:solid 2px #b2b2b2;}
#hamburger:before, #hamburger:after, #hamburger span{background: #ed1c24; content: ''; display: block; width: 30px; height: 4px; position: absolute; right: 20px;}
#hamburger:before{top: 17px;}
#hamburger span{top: 25px;}
#hamburger:after{top: 33px;}
/* Hamburger animation */
#hamburger:before, #hamburger:after, #hamburger span{-webkit-transition: none 0.5s ease 0.5s; transition: none 0.5s ease 0.5s; -webkit-transition-property: transform, top, bottom, left, opacity; transition-property: transform, top, bottom, left, opacity;}
html.mm-opening #hamburger:before, html.mm-opening #hamburger:after{top: 24px;}
html.mm-opening #hamburger span{left: -50px; opacity: 0;}
html.mm-opening #hamburger:before{transform: rotate( 45deg );}
html.mm-opening #hamburger:after{transform: rotate( -45deg );}
#page{box-shadow: none; width: 100%; min-width: 320px; padding: 56px 0 0 0; overflow: hidden; position: relative; z-index: 1;}
#mm-blocker{ background: rgba( 0, 0, 0, 0 );}
.mm-opening #mm-blocker{background: rgba( 0, 0, 0, 0.6 ); transition: background 1s ease 0.3s;}
.mm-opening #page{border-left: 1px solid #111;}
h1 .submenutext{display: none;}
.submenu{line-height: 20px; padding-top: 5px;}
h1 + .submenu{margin-top: -80px; margin-bottom: 80px;}
.submenu ul, .submenu li{list-style: none; display: block; padding: 0;}
.submenu ul{border-bottom: 1px solid rgba( 255, 255, 255, 0.5 ); padding: 0 5px; margin-left: -20px; margin-right: -20px;}
.submenu ul:after{content: ''; display: block; clear: both;}
.submenu li{margin: 0; float: left; display:block !important;}
.submenu a{text-decoration: none; display: block; padding: 10px 15px; position: relative;}
.submenu a:hover:after{content: ''; background: #fff; display: block; height: 1px; position: absolute; bottom: -1px; left: 15px; right: 15px;}
.submenu.fixed{background: #5BC5FF; opacity: 0.9; display: none; position: fixed; top: 0; left: 0; right: 0; z-index: 3;}
.submenu.fixed div{width: 80%; max-width: 900px; margin: auto;}
.fixedsubmenu .submenu{visibility: hidden;}
.fixedsubmenu .submenu.fixed{visibility: visible; display: block;}
#hamburger{background:rgba(255,255,255,1) url(../img/logo-mobile.png?v=2) 10px center no-repeat; width: 100%; top: 0;}
.wrapper:before{content: none !important; display: none !important;}
.submenu{display: none !important;}
.mm-listview > li > a > span {display: block; font-size: 0.8em;}
#main-navigation ul li.topsubmenu .quicklinks{ padding-right:0; padding-top:0; padding-bottom:0;}
#main-navigation ul li.topsubmenu .quicklinks a{display:block; width:auto; float:none; position:relative; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; display: block; padding: 10px 0; margin: 0 0 0 10px; font-size:14px;}
#main-navigation ul li.topsubmenu .quicklinks a:after {content: ''; border-bottom-width: 1px; border-bottom-style: solid; border-color: rgba(0,0,0,0.2); display: block; position: absolute; left: 0; right: -10px; bottom: 0;}
#main-navigation ul li.topsubmenu .quicklinks a:last-child:after {border:none;}
#frmSearch input {position: absolute; right: 0; background: rgba(0, 0, 0, 0.25); color: rgba(255, 255, 255, 0.7); border: none; border-radius: 26px; font-size: 14px; line-height: 36px; outline: none; display: block; width: 100%; height: 36px; margin: 0; padding: 8px 30px 8px 20px;}
#frmSearch button {position: absolute; right: 3px; border: none; background: none; outline: none; color: rgba(255, 255, 255, 0.7); top: 10px;}

.newslist .s-item2 header h3{font-size:0.9375rem;}

#showcase{padding-bottom:30px;}
#showcase .owl-prev, #showcase .owl-next{display:none;}

#showcase .owl-dots{bottom:-35px;}
#showcase .owl-dot span{width:15px; height:15px;}
#showcase .owl-dot.active span{background:#555;}

.htitle{font-size:1.5rem;}
.page-link {font-size:0.9375rem;}
#oilprice {padding: 30px 0 20px 0;}
#midcontent {padding: 30px 0;}
#productsnservices {padding: 30px 0;}
#productsnservices h2 {font-size:1.5rem; margin-bottom:30px;}
#productsnservices ul { padding: 0 53px;}
#productsnservices ul li a {padding: 32px 40px 0 40px; min-height: 155px; font-size: 0.8rem;}
#productsnservices ul li a img {max-width: 50%;}
#announcements {padding:30px 0 10px 0;}
#announcements h2 {font-size: 1.5rem; margin-bottom:25px; padding-bottom:15px;}
#announcements ul li .row .col-6:nth-child(1) article, #announcements ul li .row .col-6:nth-child(2) article {margin-bottom: 30px;}
#announcements .owl-dots {padding-top: 25px;}
.s-item2.captiononimg header h3, .s-item2.captiononimg header h4{font-size:0.875rem;}

.s-item2.captiononimgfull header {
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) -1%, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(-1%,rgba(0,0,0,0)), color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.9))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) -1%,rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) -1%,rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) -1%,rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) -1%,rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 ); /* IE6-9 */
    opacity: 1;
    top: auto;
}
.s-item2.captiononimgfull header h4 {font-size: 0.8rem; line-height:1.3em;}
#footer .footer1 nav ul {padding: 0 0 7px 0;}
#footer .footer1 nav ul li {width: 140px;}
#footer .footer1 nav ul li a {font-size: 0.8rem;}
#footer .footer1 .coll:nth-child(2):before, #footer .footer1 .coll:nth-child(2):after {display:none; content:""}
#footer .footer1 .coll:nth-child(2){padding-top:0; padding-bottom:0;}
#footer .footer1 .customercarefooter{margin-top:0;}
#footer .social ul li a {font-size: 1.3rem; width: 33px; height: 33px; line-height:33px;}
#footer .footer3 p {font-size: 0.75rem; text-align:center;}
#footer .social nav{margin-top:15px;}
#footer .footer3 nav ul {text-align:center;}
#footer .footer3 nav ul li {float:none; display:inline-block; margin:0 !important; padding:0 13px !important;}
#footer .footer3 nav ul li:before{content:""; display:none;}
#footer .footer3 nav ul li a {font-size: 0.75rem;}
#footer .footer3 .derinev { text-align:center; padding-top:20px;}

#subtopimg {height: 100px;}
.subpagetitle h1, .subpagetitle h2 {font-size: 1.5rem;}
#content {padding: 25px 15px 0 15px;}
#content h1 {font-size: 1.5rem; margin: 0 0 30px 0;}
.category article .s-item2 header h4 {font-size: 0.9rem;}
#map {zoom:.85;}
#map svg{top:-140px !important;}
#mapStation{display:none;}

.responsivetable table{padding:0;}
.responsivetable table, .responsivetable thead, .responsivetable tbody, .responsivetable th, .responsivetable td, .responsivetable tr {display: block;}
.responsivetable thead tr {position: absolute; top: -9999px; left: -9999px;}
.responsivetable tr {border: 1px solid #ccc; margin-bottom:20px;}
.responsivetable td {border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; white-space: normal; text-align:left;}
.pricetable tbody tr td{font-size:1rem; text-align:left; padding-top:.5rem; padding-bottom:.5rem;}
.responsivetable td:before {position: absolute; top: .5rem; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; text-align:left; font-weight: bold; text-overflow:ellipsis; overflow:hidden; font-size:.85rem;}
.responsivetable td:before {content: attr(data-title);}
.googlemap{display:none;}
.station .col-md-8{padding:20px 15px;}
.hrprocess{transform: translate(5px, 280px) rotate(270deg); width: 5px;}
#midcontent2{padding:0 0 30px 0;}
#midcontent2 a span{padding:15px 15px 15px 50px; line-height:1.2em; font-size:.9rem;}
#midcontent2 a{margin-top:30px;}

.madeniyagtitle .inner{width:auto; float:none;}
.madeniyagtitle .img{width:auto; position:static;}
.madeniyagtitle .img img{width:100%; height:auto; display:block;}

.individual-embed iframe{ width:100%; height:2040px;}
}
@media (max-width: 35.95em){
.s-item2.searchresult{padding-left:0;}
.s-item2.searchresult .img{position:static; width:auto;}
.col-6 .videox2 .img:after, .col-6 .photox2 .img:after{margin-left:-15px; margin-top:-15px; width:30px; height:30px; font-size:30px; line-height:30px;}
.videocontent a h3, .photocontentother a h3 {font-size: 0.9375rem;}
.detailbody .body .share {width: auto; float: none; margin-left: 0;}
.detailbody .body {float: none; margin-left: 0; padding-right: 0;}
.pagination li{display:none;}
.pagination li.mobileonly{display:list-item;}
#oilprice .map{max-width:320px;}
#oilprice .map .selectcity{padding:35px 20px 0 118px;}
#oilprice .map .selectcity:before { margin-top: -30px; width: 69px; height: 57px; left:33px;}
#oilprice .map h2 {font-size: 0.8rem; margin-bottom:8px;}
#oilprice .map .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 30px; font-size: 0.8rem;}
#oilprice .map .select2-container--default .select2-selection--single .select2-selection__arrow {height: 30px;}
#oilprice .map .select2-container--default .select2-selection--single {height:30px;}
#oilprice ul li {height: 60px;}
#oilprice .owl-prev, #oilprice .owl-next {top: 10px;}
#oilprice ul li p {font-size: 1.5rem;}
#midcontent h5 {margin-top: 40px;}
#midcontent .row .col-sm-4:first-child h5 {margin-top: 0;}
#footer .footer1 nav ul {padding: 0; border-left: none;}
#footer .footer1 nav ul li {margin-left:0; text-align:center; width:50%;}
#footer hr {margin-top: 25px;}
#footer .footer3 nav ul li:before {display:none;}
#footer .footer3 nav ul li {display: block; margin-left:0; padding-left:0;}
#footer .footer2 form{padding:0 20px;}
#footer .footer2 form button{right:25px;}
.subpagetitle h1, .subpagetitle h2 {font-size: 1.25rem;}
#content {padding: 25px 0 0 0; font-size: 0.85rem;}
#content h1 {font-size: 1.35rem; margin: 0 0 30px 0;}
.form-std{padding-left:0;}
#breadcrumb{display:none;}
.breadcrumb {padding: 0;}
.breadcrumb>li, .breadcrumb>li>a {font-size: 0.75rem;}
.pricetable tbody tr td{font-size:.8rem;}
.pricetable tbody tr td:before{font-size:.7rem;}
.pressreleases .item a header h4{font-size:1rem;}
.pressreleases .item a p{margin-bottom:0; color:#555; font-size:0.85rem;}

}
@media (max-width: 29.95em){
.hrprocess{transform: translate(3px, 270px) rotate(270deg); width: 5px;}
.contentcaption:after{display:none;}
.contentcaption{padding:15px;}
.contentcaption i, .contentcaption em{padding:10px;}
#subtopimg {height: 80px;}
.madeniyagitem{padding:15px; min-height:0;}
.madeniyagitem .img{width:auto; position:static; margin-bottom:15px; text-align:center;}
.madeniyagitem .img img{margin: 0 auto; width:auto;}
}
@media (max-width: 22.5em){
.hrprocess{transform: translate(0, 310px) rotate(270deg); width: 5px;}
}
@media (min-width: 36em) and (max-width: 47.95em){
#midcontent h5 {max-width: 153px;}
#midcontent h5:after {width: 186px; height:65px;}
#midcontent h5 a:before, #midcontent h5 a:after {border-width: 3px;}
#midcontent h5 a:hover:before{left:5px;}
#midcontent h5 a:hover:after{right:5px;}
#footer .footer1 nav ul li {width: 50%; margin-left:0; padding-left:21px;}
#footer .footer1 nav ul li:nth-child(even) {text-align:right;}
#footer .footer1 nav ul li a {font-size: 0.85rem;}
#footer hr {margin-top: 25px;}
}
@media (min-width: 48em) and (max-width: 61.95em){
.s-item2.searchresult p{height: 48px; -webkit-line-clamp: 2;}
.s-item2.captiononimg header h3, .s-item2.captiononimg header h4{font-size:0.8rem;}

#main-navigation>ul{padding-right:0;}
#main-navigation>ul>li.main {margin: 0 0 0 13px; padding-top:30px;}
#main-navigation>ul>li.main>a {font-size:0.8rem;}
#main-navigation>ul>li.main li>a {font-size:0.8rem;}
#main-navigation .search {top:8px; width:82%;}
#main-navigation .search form#frmSearchTop {padding-left: 15px;}
#main-navigation .search form#frmSearchTop input {font-size:0.75rem; padding-top:5px; padding-bottom:5px; top:-3px; height:23px; right:25px;}
#main-navigation .search form#frmSearchTop button {font-size: 1rem;}
#main-navigation>ul>li.main.hassub>.sub.sub2 {padding-left: 55px; padding-right: 55px;padding-top:20px;}
#main-navigation>ul>li.main.hassub2>.sub.sub2 {padding-left: 15px; padding-right: 15px;}
#main-navigation>ul>li.main.hassub>.sub.sub2 ol li a{font-size:0.85rem; padding-left:10px; position:relative;}
#main-navigation>ul>li.main.hassub>.sub.sub2 ol li a:before{height:0.85rem;}
#main-navigation>ul>li.main.hassub>.sub .s-item2 header h4 {font-size: 0.9rem;}
.headertopright ul li a {font-size: 0.8rem;}
.htitle{font-size:1.75rem;}
.detailbody article header h3.summary {font-size: 1.3rem;}
.detailbody article {font-size: 1rem;}
#oilprice .map .selectcity{padding:42px 40px 0 138px;}
#oilprice .map .selectcity:before { margin-top: -30px; width: 69px; height: 57px;}
#oilprice .map h2 {font-size: 0.8rem; margin-bottom:8px;}
#oilprice .map .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 30px; font-size: 0.9rem;}
#oilprice .map .select2-container--default .select2-selection--single .select2-selection__arrow {height: 30px;}
#oilprice .map .select2-container--default .select2-selection--single {height:30px;}
#oilprice ul li h5{font-size:0.8375rem; line-height:1.6em;}
#oilprice ul li p{font-size:1.75rem;}
#midcontent h5 {max-width: 270px;}
#midcontent h5:after {width: 236px; height:70px;}
#productsnservices {padding: 50px 0;}
#productsnservices h2 {font-size:1.75rem; margin-bottom:30px;}
#productsnservices ul { padding: 0 53px;}
#productsnservices ul li a {padding: 32px 40px 0 40px; min-height: 155px; font-size: 0.8rem;}
#productsnservices ul li a img {max-width: 50%;}
#announcements {padding:30px 0;}
#announcements h2 {font-size: 1.85rem; margin-bottom:25px; padding-bottom:15px;}
#announcements ul li .row .col-6:nth-child(1) article, #announcements ul li .row .col-6:nth-child(2) article {margin-bottom: 15px;}
#announcements .owl-dots {padding-top: 25px;}
.s-item2.captiononimgfull header {
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) -1%, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(-1%,rgba(0,0,0,0)), color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.9))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) -1%,rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) -1%,rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) -1%,rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) -1%,rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 ); /* IE6-9 */
    opacity: 1;
    top: auto;
}
.s-item2.captiononimgfull header h4 {font-size: 0.8rem; line-height:1.3em;}
#footer .footer2 form{padding: 0 30px 0 0;}
#footer .footer2 form input{font-size:0.8rem;}
#footer .footer2 form button{right:35px; top:5px;}
#footer .footer1 .coll {padding:25px 0;}
#footer .footer1 .logo {max-width:100px;}
#footer .footer1 nav{padding-left:10px; padding-top:5px;}
#footer .footer1 nav ul {padding: 0 0 7px 0;}
#footer .footer1 nav ul li {width: 140px;}
#footer .footer1 nav ul li a {font-size: 0.8rem;}
#footer .footer1 .customercarefooter{width:160px; padding-left:30px; margin-top:28px;}
#footer .footer1 .customercarefooter:before{font-size:43px; top:-8px;}
#footer .footer1 .customercarefooter span.title{font-size:0.75rem;}
#footer .footer1 .customercarefooter span.number{font-size:1.475rem;}
#footer .footer1 .customercarefooter span.number span{width:35px;}
#footer .social ul li a {font-size: 1.3rem; width: 33px; height: 33px; line-height:33px;}
#footer .footer3 .container{padding: 0;}
#footer .footer3 p {font-size: 0.75rem;}
#footer .footer3 nav ul {}
#footer .footer3 nav ul li {}
#footer .footer3 nav ul li a {font-size: 0.75rem;}
#footer .footer3 .derinev { text-align:center; padding-top:20px;}
.category article .s-item2 header h4 {font-size: 1rem;}
#map {zoom:.68;}
#map svg{top:-140px !important;}
.pricetable thead tr th{padding:.5rem .3rem;}
.pricetable tbody tr td{font-size:.85rem; padding:.5rem .3rem;}
.hrprocess{transform: translate(10px, 280px) rotate(270deg); width: 5px;}
#midcontent2{padding:40px 0;}
#midcontent2 .container{padding:0;}
#midcontent2 a span{padding:15px 15px 15px 50px; line-height:1.2em; font-size:.9rem;}
#midcontent2 .row .coll:last-child a span{width:101%;}
#midcontent2 picture img{width:101%;}
#midcontent2 a span{font-size:0.75rem;}
}
@media (min-width: 62em) and (max-width: 74.95em){
.s-item2.searchresult p{height: 48px; -webkit-line-clamp: 2;}
.s-item2.captiononimg header h3, .s-item2.captiononimg header h4{font-size:0.9rem;}
#main-navigation>ul>li.main {margin: 0 0 0 25px;}
#main-navigation>ul>li.main>a {font-size:0.9375rem;}
#main-navigation>ul>li.main li>a {font-size:0.85rem;}
#main-navigation .search form#frmSearchTop {padding-left: 5px;}
#main-navigation .search form#frmSearchTop input {right: 23px;}
.htitle{font-size:2.5rem;}
.detailbody article header h3.summary {font-size: 1.3rem;}
.detailbody article {font-size: 1rem;}
#oilprice .map h2 {font-size: 0.85rem;}
#oilprice .map .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 39px; font-size: 0.9rem;}
#oilprice .map .select2-container--default .select2-selection--single .select2-selection__arrow {height: 39px;}
#oilprice .map .select2-container--default .select2-selection--single {height:39px;}
#oilprice ul li h5{font-size:0.8375rem; line-height:1.6em;}
#oilprice ul li p{font-size:1.75rem;}
#midcontent h5 {max-width: 270px;}
#midcontent h5:after {width: 296px;}
#productsnservices ul li a {padding: 32px 40px 0 40px; min-height: 170px; font-size: 0.9rem;}
#productsnservices ul li a img {max-width: 50%;}
#announcements ul li .row .col-6:nth-child(1) article, #announcements ul li .row .col-6:nth-child(2) article {margin-bottom: 16px;}
#map {zoom:.9;}
#map svg{top:-140px !important;}
.pricetable tbody tr td{font-size:1rem;}
.hrprocess{transform: translate(7px, 280px) rotate(270deg); width: 5px;}
#midcontent2 picture img{width:100.5%;}
#midcontent2 a span{font-size:0.9375rem;}
#footer .footer2 form, #footer .footer3 .container{padding: 0 55px;}

.cookiemsg .row{ padding:0 50px;}
}
@media (min-width: 75em){
#showcase .videox2 .img:after, #showcase .photox2 .img:after{margin-left:-45px; margin-top:-45px; width:90px; height:90px; font-size:90px; line-height:90px;}
}
@media print
{
  #header, #footer, .scroll-top, #preloader, .topbarmenu, .share{display:none !important;}
  #content .contentbody{float:none; width:100%;}
}