/************************************************
Kokpit Bilişim | www.kokpit.com.tr
Aydin Senturk | Web Designer
30.06.2015
ie6, ff, opera. chrome, safari
************************************************/


/* Margin Düzenlemeleri *************************************************/

.margin-top-05 { margin-top: 0.5em; }
.margin-top-10 { margin-top: 1.0em; }
.margin-top-15 { margin-top: 1.5em; }
.margin-top-20 { margin-top: 2.0em; }
.margin-top-25 { margin-top: 2.5em; }
.margin-top-30 { margin-top: 3.0em; }

.margin-bottom-05 { margin-bottom: 0.5em; }
.margin-bottom-10 { margin-bottom: 1.0em; }
.margin-bottom-15 { margin-bottom: 1.5em; }
.margin-bottom-20 { margin-bottom: 2.0em; }
.margin-bottom-25 { margin-bottom: 2.5em; }
.margin-bottom-30 { margin-bottom: 3.0em; }

/***********************************************************************/

/* Padding Düzenlemeleri *************************************************/

.padding-top-05 { padding-top: 0.5em; }
.padding-top-10 { padding-top: 1.0em; }
.padding-top-15 { padding-top: 1.5em; }
.padding-top-20 { padding-top: 2.0em; }
.padding-top-25 { padding-top: 2.5em; }
.padding-top-30 { padding-top: 3.0em; }

.padding-bottom-05 { padding-bottom: 0.5em; }
.padding-bottom-10 { padding-bottom: 1.0em; }
.padding-bottom-15 { padding-bottom: 1.5em; }
.padding-bottom-20 { padding-bottom: 2.0em; }
.padding-bottom-25 { padding-bottom: 2.5em; }
.padding-bottom-30 { padding-bottom: 3.0em; }

/***********************************************************************/


#kurumsalbaslik {
	position:absolute;
	left:8%;
	top:70px;
	overflow:hidden;
	width:0px;
}
#kurumsalbaslik h1 {
	color: white;
}
#kurumsalyazi {
	position: absolute;
	top: 140px;
	/*left: 60px;*/
	padding-left: 60px;
	padding-right: 130px;
	width:100%;
	color:white;
	font-size:16px;
	overflow:hidden;
	height:0%;
}
#kurumsalyaziIcerik {
	width: 98%;
}
#kurumsalsagresim1 {
	position: absolute;
	top: 120px;
	right: 0px;
	width: 120px;
	height: 120px;
	-webkit-transform:scale(0,0);
	   -moz-transform:scale(0,0);
		-ms-transform:scale(0,0);
	 	 -o-transform:scale(0,0);
			transform:scale(0,0);
}
#kurumsalsagresim2 {
	position: absolute;
	top: 260px;
	right: 0px;
	width: 120px;
	height: 120px;
	-webkit-transform:scale(0,0);
	   -moz-transform:scale(0,0);
		-ms-transform:scale(0,0);
	 	 -o-transform:scale(0,0);
			transform:scale(0,0);
}
#kurumsalsagresim3 {
	position: absolute;
	top: 400px;
	right: 0px;
	width: 120px;
	height: 120px;
	-webkit-transform:scale(0,0);
	   -moz-transform:scale(0,0);
		-ms-transform:scale(0,0);
	 	 -o-transform:scale(0,0);
			transform:scale(0,0);
}
#bayilerbaslik {
	position: absolute;
	right: 0px;
	width: 0px;
	height: 70px;
	overflow: hidden;
}
#bayilerbaslik h1 {
	color:white;
	position: absolute;
	right: 0px;
}
#bayileryazi {
	position: absolute;
	top: 700px;
	left: 60px;
	width:100%;
	color:white;
	font-size:16px;
	overflow:hidden;
	height:0px;
	text-align:center;
}
#bayilersolresim1 {
	position:absolute;
	top: 760px;
	left: 0px;
	width: 120px;
	height: 120px;
	-webkit-transform:scale(0,0);
	   -moz-transform:scale(0,0);
		-ms-transform:scale(0,0);
	 	 -o-transform:scale(0,0);
			transform:scale(0,0);
}
#bayilersolresim2 {
	position: absolute;
	top: 900px;
	left: 0px;
	width: 120px;
	height: 120px;
	-webkit-transform:scale(0,0);
	   -moz-transform:scale(0,0);
		-ms-transform:scale(0,0);
	 	 -o-transform:scale(0,0);
			transform:scale(0,0);
}
#urunlerbaslik {
	position:absolute;
	left:10%;
	top:1143px;
	overflow:hidden;
	width:0px;
	white-space: nowrap;
}
#urunlerbaslik h1 {
	color:white;
}
.yakitbilgileri {
	position:absolute;
	top:1250px;
	/*left: 110px;*/
	padding-left: 100px;
	padding-right: 100px;
	height:0px;
	overflow:hidden;
}
.yakitbilgikutu img {
	width: 100%;
}
#yakitfiyatlaribaslik {
	position: absolute;
	right: 0px;
	width:0px;
	height: 70px;
	overflow: hidden;
	white-space:nowrap;

}
#yakitfiyatlaribaslik h1 {
	color:white;
	position: absolute;
	right: 0px;
}
#urunleryazi {
	position: absolute;
	top: 1765px;
	/*left: 120px;*/
	padding-left: 100px;
	padding-right: 58px;
	width:100%;
	font-size:16px;
	overflow:hidden;
	height:0px;
	color:white;
}
#urunleryazi .fiyatlar {
	width: 95%;
}
#urunleryazi .fiyatlar th {
	border-top:none;
	border-bottom:1px solid white;
	line-height: 34px;
}
#iletisimbaslik {
	position:absolute;
	left:10%;
	top:2200px;
	overflow:hidden;
	width:0px;
	white-space: nowrap;
}
#iletisimbaslik h1 {
	color: white;
}
#iletisimyazi {
	position: absolute;
	top: 2270px;
	left: 45px;
	width:100%;
	font-size:16px;
	overflow:hidden;
	height:0px;
	color:white;
}

.yakitbilgikutu{
	border:1px solid white;
	padding: 10px;
	opacity: 1;
}
.yakitbilgikutu .pompa{
	background:url(img/kirmizipompa.png);
	width: 140px;
	height: 90px;
	position: absolute;
	bottom: 10px;
	right: 26px;
	background-repeat: no-repeat;
	background-size: 100%;
}
.yakitbilgikutu .pompa.kirmizi{
	background-image:url(img/kirmizipompa.png);
}
.yakitbilgikutu .pompa.mavi{
	background-image:url(img/mavipompa.png);
}
.yakitbilgikutu .pompa.yesil{
	background-image:url(img/yesilpompa.png);
}
.fiyatlar tr td{
	border-top: 1px solid rgba(255,255,255,0.2) !important;
}

.menu {
	position: absolute;
	left: 0px;
	top: 200px;
	z-index: 3;
}
.menu ul {
	padding: 0px;
	list-style-type: none;
}
.menu ul li {
	transition:All 0.3s ease;
	-webkit-transition:All 0.3s ease;
	-moz-transition:All 0.3s ease;
	-o-transition:All 0.3s ease;
	padding-left: 50px;
	width: 165px;
	height: 50px;
	background-image: url(img/svg/manuback.svg);
	background-position: bottom right;
	background-repeat: no-repeat;
	color: white;
	text-transform: uppercase;
	line-height: 55px;
	cursor: pointer;
}
.menu ul li:hover {
	width: 180px;
}



.navbar-default {
	background-color: transparent;
	background-image: url(img/kanopi.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: top center;
	border-color: transparent;
	box-shadow: none;
}
.navbar {
	border-radius: 0px;
	min-height: 58px;
	margin-bottom: 0px;
	border:0px;
}
.navbar-right {
	margin-right: 60px;
}

.navbar-default .navbar-nav>li>a {
  color: #000;
}
.navbar-nav>li>a {
	cursor: pointer;
	text-decoration: none;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}

.navbar-nav>li>a::before {
	position: absolute;
	bottom: 5%;
	left: 50%;
	color: transparent;
	content: '•';
	text-shadow: 0 0 transparent;
	font-size: 12px;
	-webkit-transition: text-shadow 0.3s, color 0.3s;
	-moz-transition: text-shadow 0.3s, color 0.3s;
	transition: text-shadow 0.3s, color 0.3s;

	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	pointer-events: none;
}

.navbar-nav>li>a:hover::before,
.navbar-nav>li>a:focus::before {
	color: rgb(219, 42, 39);
	text-shadow: 10px 0 rgb(219, 42, 39), -10px 0 rgb(219, 42, 39);
}


.navbar-nav>li>a:hover,
.navbar-nav>li>a:focus {
	/*font-weight: bold;*/
	color: rgb(219, 42, 39);
}


.relativefix {
	position: relative;
}

#intro{
	position: absolute;
	left: 30%;
	top: 50%;
	width: 459px;
	height: 405px;
	-ms-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
#intro > div {
	position: absolute;
	background-image: url(img/sanoil_logo_slice.png);
	background-repeat: no-repeat;
	transform:scale(15,15);
	opacity: 0;
}

#intro_logo,
#intro > div:first-child {
	width: 297px;
	height: 287px;
	background-position: -54px -13px;
	left: 64px;
	top: 13px;
	
}

#intro_s{
	width: 76px;
	height: 95px;
	background-position: -14px -310px;
	top: 310px;
	left:43px;
}

#intro_a{
	width: 79px;
	height: 95px;
	background-position: -82px -310px;
	top: 310px;
	left:112px;
}

#intro_n{
	width: 79px;
	height: 95px;
	background-position: -159px -310px;
	top: 310px;
	left:187px;
	
}

#intro_o{
	width: 79px;
	height: 95px;
	background-position: -235px -310px;
	top: 310px;
	left:262px;
}

#intro_i{
	width: 42px;
	height: 95px;
	background-position: -311px -310px;
	top: 310px;
	left:336px;
	
}

#intro_l{
	width: 46px;
	height: 95px;
	background-position: -351px -310px;
	top: 310px;
	left:376px;
}

#sayfaSVG {
	position:absolute;
	top:0%;
	left:0%;
}

.nav>li>a {
	padding: 20px 15px;
}
.dropdown-menu {
	padding: 0px;
	background-color: rgba(255, 255, 255, 0.8);
	border-radius: 0px;
	margin: 0px;
}
.dropdown-menu>li>a {
	padding: 10px 20px;
	cursor: pointer;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.active>a {
	background-image: none;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
	background-color: transparent;
}
.navbar {
	min-height: 60px;
}

.topMenu {
	top:-100px;
}

#giriscizgi {
	margin-top: -150px;
}
#yakitfiyatlaribaslikOver {
	position:absolute;
	left:10%;
	top: 1684px;
	width: 170px;
}
#bayilerbaslikOver {
	position:absolute;
	left:10%;
	width:100px;
	top: 630px;
}
#urunleryazi tr {
	font-size: 13px;
}

.devamEt {
  position: absolute;
  bottom: 78px;
  left: 50%;
  margin-left: -36px;
  display: block;
  width: 50px;
  height: 50px;
  font-size: 20px;
  text-transform: uppercase;
  text-align: center;
  line-height: 50px;
  letter-spacing: -1px;
  color: white;
  border: none;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  display: none;
  z-index: 3;
  box-shadow: 0 0 0 0 rgba(255,255,255, 2);
  border:2px solid rgba(255,255,255,0.4);
  -webkit-animation: pulse 1.5s infinite;
}

.devamEt:hover {
  -webkit-animation: none;
}

@-webkit-keyframes pulse {
  0% {
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  70% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    box-shadow: 0 0 0 20px rgba(255,255,255, 0);
  }
  100% {
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(255,255,255, 0);
  }
}



.sayfaDevam {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 100%;
	min-height: 100%;
	color: white;
}

.sayfaH3 {
	margin:75px 0px;
}

.dikeyCizgi {
	content: '';
	position: absolute;
	width: 1px;
	height: 0px;
	background-color: white;
	left: 50%;
	margin-left: -0.5px;
	top: -60px;
}
/*
.sayfaH3:before {
	content: '';
	position: absolute;
	width: 1px;
	height: 50px;
	background-color: white;
	left: 50%;
	margin-left: -0.5px;
	top: 40px;
}*/
.yatayCizgi {
	content: '';
	position: absolute;
	width: 0%;
	height: 1px;
	background-color: white;
	left: 50%;
	margin-left: -1px;
	top: 50px;
}

.bayilerSM .form-control {
	border:1px solid white;
	background-color: transparent;
	border-radius: 0px;
	color: white;
	font-weight: 700;
}
.bayilerSM .form-control option {
	border:1px solid white;
	background-color: transparent;
	border-radius: 0px;
	color: black;
}

.bayilerListe .btn-info {
	margin: 15px 0px;
}


.urunleryaziscroll {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.scrollbar-inner {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}






.accordion, .accordion * {
    -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
 
.accordion {
    overflow:hidden;
    box-shadow:0px 1px 3px rgba(0,0,0,0.25);
    border-radius:3px;
}

.accordion-section a {
	text-decoration: none;
}


.accordion-section-title.petroturk:after {
	content: '';
	position: absolute;
	left: 0px;
	top: 0px;
	width: 30px;
	height: 100%;
	background-image: url(img/petroturk.png);
	background-position: center center;
	background-repeat: no-repeat;
}
.accordion-section-title.sanoil:after {
	content: '';
	position: absolute;
	left: 0px;
	top: 0px;
	width: 30px;
	height: 100%;
	background-image: url(img/sanoil_logo2_kucuk.png);
	background-position: center center;
	background-repeat: no-repeat;
}
.accordion-section-title.duyuru:after {
	content: '';
	position: absolute;
	left: 0px;
	top: 0px;
	width: 30px;
	height: 100%;
	background-image: url(img/notifications.png);
	background-position: center center;
	background-repeat: no-repeat;
}
.accordion-section-title.duyuru:hover:after {
	background-image: url(img/notificationswhite.png);
}



.accordion-section-title {
	position: relative;
	font-weight: 700;
    width:100%;
    padding:5px 30px;
    display:inline-block;
    border-bottom:1px solid rgba(0,0,0,0.1);
    transition:all linear 0.1s;
    color:#000;
}
 
.accordion-section-title.active,
.accordion-section-title:hover {
    background:#000;
    color: white;
    text-decoration:none;
}
 
.accordion-section:last-child .accordion-section-title {

}
 
.accordion-section-content {
    padding:15px;
    display:none;
}





#petroturk > div {
  position: absolute;
  background-repeat: no-repeat;
  transform: scale(15,15);
  opacity: 0;
  background-image: url(img/petroturk/petroturk_slice.png);
}
#petroturk {
	position: absolute;
	width: 607px;
	height: 420px;
	right: -25%;
	top: 50%;
	-webkit-transform : translate(-50%, -50%);
	-moz-transform : translate(-50%, -50%);
	-ms-transform : translate(-50%, -50%);
	-o-transform : translate(-50%, -50%);
	transform : translate(-50%, -50%);
	background-size: 100%;
}
#petro_logo {
	width: 313px;
	height: 306px;
	left: 151px;
	top: 13px;
	background-position: -151px -7px ;
}
#petro_p {
	width: 78px;
	height: 101px;
	left: 54px;
	top: 319px;
	background-position: -8px -312px ;
}
#petro_e {
	width: 76px;
	height: 101px;
	left: 119px;
	top: 319px;
	background-position: -86px -312px ;
}
#petro_t {
	width: 54px;
	height: 101px;
	left: 183px;
	top: 319px;
	background-position: -161px -312px ;
}
#petro_r {
	width: 51px;
	height: 101px;
	left: 227px;
	top: 319px;
	background-position: -216px -312px ;
}
#petro_o {
	width: 72px;
	height: 101px;
	left: 266px;
	top: 319px;
	background-position: -267px -312px ;
}
#petro_t_2 {
	width: 52px;
	height: 101px;
	left: 326px;
	top: 319px;
	background-position: -339px -312px ;
}
#petro_u {
	width: 73px;
	height: 101px;
	left: 368px;
	top: 319px;
	background-position: -391px -312px ;
}
#petro_r_2 {
	width: 55px;
	height: 101px;
	left: 429px;
	top: 319px;
	background-position: -464px -312px ;
}
#petro_k {
	position: absolute;
	width: 76px;
	height: 101px;
	left: 474px;
	top: 319px;
	background-position: -519px -312px ;
}

#ortaCizgi {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 0px;

	height: 50%;
	margin-left: -11px;
	-webkit-transform : translate(-50%, -50%);
	-moz-transform : translate(-50%, -50%);
	-ms-transform : translate(-50%, -50%);
	-o-transform : translate(-50%, -50%);
	transform : translate(-50%, -50%);
}



.bildirim {
	position: fixed;
	bottom: 10px;
	right: 10px;
	background-color: rgba(255, 255, 255, 0.4);
	padding: 10px;
	border-radius: 3px;
	width: 150px;
	text-align: center;
	color: white;
	font-weight: 300;
}
.bildirim span {
	display: block;
	position: absolute;
	top: -10px;
	right: 5px;
	background-color: red;
	border-radius: 4px;
	padding: 3px;
	text-align: center;
	font-size: 11px;
}
.bildirim i {
	position: absolute;
	left: 10px;
	top: 13px;

}
.destekhatti {
	position: fixed;
	bottom: 70px;
	right: 10px;
	width: 150px;
	height: 42px;
	background-image: url(img/destekhatti.png);
	background-repeat: no-repeat;
	background-position: center;
}
.android-app {
	position: fixed;
	bottom: 130px;
	right: 10px;
	width: 190px;
	height: 110px;
	background-image: url(img/android.png);
	background-repeat: no-repeat;
	background-position: center;
}

/* Responsive Düzenlemeler *********************************************/


/* XS */
@media (max-width: 767px) {
	.navbar-default {
		background-color: rgba(255,255,255,0.8);
		background-image: none;
	}
	.navbar {
		min-height: 0px;
	}
	.navbar-brand {
		padding: 5px 10px;
	}
	#sayfaSVG {
		display: none;
	}
	#kurumsalbaslik {
		top: 52px;
	}
	#kurumsalbaslik h1 {
		font-size: 23px;
	}
	#kurumsalyazi {
		top: 110px;
		font-size: 13px;
	}
	#kurumsalsagresim1 {
		width: 100px;
		height: 100px;
	}
	#kurumsalsagresim2 {
		width: 100px;
		height: 100px;
	}
	#kurumsalsagresim3 {
		width: 100px;
		height: 100px;
	}
	#bayilerbaslikOver {
		position:absolute;
		left:8%;
		width:100px;
		top: 518px;
	}
	#bayilerbaslik h1 {
		font-size: 23px;
	}
	#bayilersolresim1 {
		top: 630px;
		width: 100px;
		height: 100px;
	}
	#bayilersolresim2 {
		top: 770px;
		width: 100px;
		height: 100px;
	}
	#bayilerharita {
		width: 70%;
	}
	#bayileryazi {
		top: 570px;
	}
	#urunlerbaslik {
		top: 945px;
	}
	#urunlerbaslik h1 {
		font-size: 23px;
	}
	#yakitfiyatlaribaslikOver {
		position:absolute;
		left:7%;
		top: 1392px;
		width: 170px;
	}
	#yakitfiyatlaribaslikOver h1 {
		font-size: 23px;
	}
	#urunleryazi {
		top: 1459px;
		/*left: 110px;*/

	}
	#urunleryazi tr {
		font-size: 11px;
	}
	#urunleryazi td {
		padding: 5px;
	}
	#iletisimbaslik {
		top: 1820px;
		left: 10.2%;
	}
	#iletisimbaslik h1 {
		font-size: 23px;
	}
	#iletisimyazi {
		top: 1870px;
	}
	#iletisimyazi2 {
		top: 1878px !important;
		left: 594px !important;
	}
	#iletisimyazi2 p {
		margin-bottom: 14px !important;
	}
	#contact {
		width: 115% !important;
		padding: 0px !important;
	}
	#contact textarea,
	#contact textarea:focus,
	#contact textarea.error {
		width: 80% !important;
	}
	.devamEt {
		margin-left: -26px !important;
	}
	.yakitbilgikutu {
		margin: 30px 0px;
	}
	.iletisimSM .table th {
		border-top: 0px;
	}
	.nav>li>a {
		padding: 10px 15px;
	}
	.navbar-right {
		margin-right: 0px;
	}
	.navbar-nav>li>a::before {
		display: none;
	}
	#petroturk {
		left: 70%;
		-webkit-transform : translate(-50%, -50%) scale(0.2);
		-moz-transform : translate(-50%, -50%) scale(0.2);
		-ms-transform : translate(-50%, -50%) scale(0.2);
		-o-transform : translate(-50%, -50%) scale(0.2);
		transform : translate(-50%, -50%) scale(0.2);
	}
	#intro {
		left: 30%;
		-webkit-transform : translate(-50%, -50%) scale(0.2);
		-moz-transform : translate(-50%, -50%) scale(0.2);
		-ms-transform : translate(-50%, -50%) scale(0.2);
		-o-transform : translate(-50%, -50%) scale(0.2);
		transform : translate(-50%, -50%) scale(0.2);
	}
	#ortaCizgi {
		margin-left: 0px;
	}
}

/* SM */
@media (min-width: 768px) and (max-width: 991px) {
	.nav>li>a {
	  padding: 15px 5px;
	  font-size: 13px;
	}
	.navbar-default {
		background-color: rgba(255,255,255,0.8);
		background-image: none;
	}
	.navbar-brand {
		padding: 5px 10px;
	}
	.navbar-right {
		margin-right: 0px;
	}
	.navbar {
		min-height: 50px;
	}
	#sayfaSVG {
		top:-592px;
	}

	#kurumsalbaslik {
		top: 52px;
	}
	#kurumsalbaslik h1 {
		font-size: 23px;
	}
	#kurumsalyazi {
		top: 110px;
		font-size: 13px;
	}
	#kurumsalsagresim1 {
		width: 100px;
		height: 100px;
	}
	#kurumsalsagresim2 {
		width: 100px;
		height: 100px;
	}
	#kurumsalsagresim3 {
		width: 100px;
		height: 100px;
	}
	#bayilerbaslikOver {
		position:absolute;
		left:8%;
		width:100px;
		top: 518px;
	}
	#bayilerbaslik h1 {
		font-size: 23px;
	}
	#bayilersolresim1 {
		top: 630px;
		width: 100px;
		height: 100px;
	}
	#bayilersolresim2 {
		top: 770px;
		width: 100px;
		height: 100px;
	}
	#bayilerharita {
		width: 70%;
	}
	#bayileryazi {
		top: 570px;
	}
	#urunlerbaslik {
		top: 945px;
	}
	#urunlerbaslik h1 {
		font-size: 23px;
	}
	#yakitfiyatlaribaslikOver {
		position:absolute;
		left:7%;
		top: 1392px;
		width: 170px;
	}
	#yakitfiyatlaribaslikOver h1 {
		font-size: 23px;
	}
	#urunleryazi {
		top: 1459px;
		/*left: 110px;*/
	}
	#urunleryazi tr {
		font-size: 11px;
	}
	#urunleryazi td {
		padding: 5px;
	}
	#iletisimbaslik {
		top: 1820px;
		left: 10.2%;
	}
	#iletisimbaslik h1 {
		font-size: 23px;
	}
	#iletisimyazi {
		top: 1870px;
	}
	#iletisimyazi2 {
		top: 1878px !important;
		left: 594px !important;
	}
	#iletisimyazi2 p {
		margin-bottom: 14px !important;
	}
	
	#contact textarea,
	#contact textarea:focus,
	#contact textarea.error {
		width: 80% !important;
	}
	.devamEt {
		margin-left: -32px;
	}
	.iletisimSM .table th {
		border-top: 0px;
	}

	#petroturk {
		right: -50%;
		-webkit-transform : translate(-50%, -50%) scale(0.4);
		-moz-transform : translate(-50%, -50%) scale(0.4);
		-ms-transform : translate(-50%, -50%) scale(0.4);
		-o-transform : translate(-50%, -50%) scale(0.4);
		transform : translate(-50%, -50%) scale(0.4);
	}
	#intro {
		left: 30%;
		-webkit-transform : translate(-50%, -50%) scale(0.4);
		-moz-transform : translate(-50%, -50%) scale(0.4);
		-ms-transform : translate(-50%, -50%) scale(0.4);
		-o-transform : translate(-50%, -50%) scale(0.4);
		transform : translate(-50%, -50%) scale(0.4);
	}
	#ortaCizgi {
		margin-left: -7px;
	}
	

}
/* MD */
@media (min-width: 992px) and (max-width: 1199px) {
	.nav>li>a {
	  padding: 12px 8px;
	  font-size: 13px;
	}
	#sayfaSVG {
		top:-278px;
	}
	#kurumsalbaslik {
		top: 52px;
	}
	#kurumsalbaslik h1 {
		font-size: 23px;
	}
	#kurumsalyazi {
		top: 110px;
		font-size: 13px;
	}
	#kurumsalsagresim1 {
		width: 100px;
		height: 100px;
	}
	#kurumsalsagresim2 {
		width: 100px;
		height: 100px;
	}
	#kurumsalsagresim3 {
		width: 100px;
		height: 100px;
	}
	#bayilerbaslikOver {
		position:absolute;
		left:8%;
		width:100px;
		top: 518px;
	}
	#bayilerbaslik h1 {
		font-size: 23px;
	}
	#bayilersolresim1 {
		top: 630px;
		width: 100px;
		height: 100px;
	}
	#bayilersolresim2 {
		top: 770px;
		width: 100px;
		height: 100px;
	}
	#bayilerharita {
		width: 70%;
	}
	#bayileryazi {
		top: 570px;
	}
	#urunlerbaslik {
		top: 945px;
	}
	#urunlerbaslik h1 {
		font-size: 23px;
	}
	#yakitfiyatlaribaslikOver {
		position:absolute;
		left:7%;
		top: 1392px;
		width: 170px;
	}
	#yakitfiyatlaribaslikOver h1 {
		font-size: 23px;
	}
	#urunleryazi {
		top: 1459px;
		/*left: 110px;*/
	}
	#urunleryazi tr {
		font-size: 11px;
	}
	#urunleryazi td {
		padding: 5px;
	}
	#iletisimbaslik {
		top: 1820px;
		left: 10.2%;
	}
	#iletisimbaslik h1 {
		font-size: 23px;
	}
	#iletisimyazi {
		top: 1870px;
	}
	#iletisimyazi2 {
		top: 1878px !important;
		left: 594px !important;
	}
	#iletisimyazi2 p {
		margin-bottom: 14px !important;
	}
	#contact {
		width: 595px !important;
	}
	#contact textarea,
	#contact textarea:focus,
	#contact textarea.error {
		width: 80% !important;
	}
	.devamEt {
		margin-left: -34px;
	}

	#kurumsaltrigger {
		
	}
	#kurumsalbasliktexttrigger {
		top: 150px !important;
	}
	#kurumsaltrigger2 {
		top: 300px !important;
	}
	#kurumsaltrigger3 {
		top: 400px !important;
	}
	#bayilertrigger1 {
		top: 700px !important;
	}
	#bayilerbasliktexttrigger {
		top: 900px !important;
	}
	#bayilertrigger2 {
		top: 1050px !important;
	}
	#urunlertrigger {
		top: 1250px !important;
	}
	#yakitfiyatlaritrigger {
		top: 1620px !important;
	}
	#iletisimtrigger {
		top: 2160px !important;
	}
	#sonnoktadiv {
		top: 2404px !important;
		left: 462px !important;	
	}
	.yakitbilgileri {
		top:1020px;
	}
	.dropdown:hover .dropdown-menu {
        display: block;
    }
	#petroturk {
		right: -35%;
		-webkit-transform : translate(-50%, -50%) scale(0.6);
		-moz-transform : translate(-50%, -50%) scale(0.6);
		-ms-transform : translate(-50%, -50%) scale(0.6);
		-o-transform : translate(-50%, -50%) scale(0.6);
		transform : translate(-50%, -50%) scale(0.6);
	}
	#intro {
		left: 25%;
		-webkit-transform : translate(-50%, -50%) scale(0.6);
		-moz-transform : translate(-50%, -50%) scale(0.6);
		-ms-transform : translate(-50%, -50%) scale(0.6);
		-o-transform : translate(-50%, -50%) scale(0.6);
		transform : translate(-50%, -50%) scale(0.6);
	}

}

/* LG */
@media (min-width: 1200px) {
	#contact {
		width: 720px !important;
	}
	#contact textarea,
	#contact textarea:focus,
	#contact textarea.error {
		width: 80% !important;
	}
	.dropdown:hover .dropdown-menu {
        display: block;
    }
}

@media (min-width:375px) and (max-width:950px)  {

li.secgg {
    display: none;
}

a#menufiyatlar {
    display: none;
}
a#menuurunler {
    display: none;
}

}