@media only screen and (max-width:700px) and (min-width : 250px) /*media 1280px Masaüstü - dizüstü*/
{
  :root {
  --sol_kolon_display: none;
  --sag_form_alani_genisliği: 100%;
  }
}
@media only screen and (max-width:100000000px) and (min-width : 701px) /*media 1280px Masaüstü - dizüstü*/
{
  :root {
  --sol_kolon_display: block;
  --sag_form_alani_genisliği: calc(70% - 20px);
  }
}


#teklif_form_canvans {
	position:relative;
	width:100%;
	padding-bottom: 550px;
	object-fit: cover;
	text-align:left;
	/*background:url(bg1.jpg) center center no-repeat;*/
	background-color:#fff;
	background-size: cover;
	border-radius:5px 5px 0 0;
}

#teklif_form_sol { 
	position:absolute;
	top:20px;
	left:20px;
	width:34%;
	height:500px;
	background-color: #7fc241;
	z-index:2;
	padding:30px 80px 20px 30px;
	clip-path: polygon(80% 0, 92% 24%, 84% 100%, 0 91%, 0 5%);
	overflow: hidden;
    text-overflow: ellipsis;
	display:var(--sol_kolon_display);
}


#teklif_form_sol>h1 { padding-bottom:20px; }
#teklif_form_sol>ul { width:100%; }
#teklif_form_sol>ul>li { padding:20px 0 0 0; }

#teklif_form_sag { 
	position:absolute;
	top:40px;
	right:20px;
	width:var(--sag_form_alani_genisliği);
	height:calc(100% - 40px);
	/*background-color: #f5f4ef;*/
	z-index:0;
	padding:10px 10px 10px 70px;
	/*filter: blur(4px);*/
}

#teklif_gonderim_ok {
	position:absolute;
	top:20px;
	right:20px;
	width:var(--sag_form_alani_genisliği);
	height:calc(100% - 40px);
	/*background-color: #f5f4ef;*/
	z-index:1;
	padding:10px 10px 10px 70px;
	display:none;
	text-align:center;
}

#teklif_gonderim_ok>span { 
	width:100%; 
	color:#1b8e72;
	display: block;
}

.form_alanlari_teklif { padding:10px; margin:10px 0 0 0; width:100%; border:1px solid #aaa; border-radius:3px; text-align:left; background-color:#fff;}

	/*form select elemani*/
	.select_transform_teklif {
	  width: 100%;
	  padding: 10px;
	margin:10px 0 0 0;
	  border: 1px solid #aaa !important;
	border-radius:3px;
	  background-color: #fff;
	  /* needed */
	  -webkit-appearance: none;
	  -moz-appearance: none;
	  appearance: none;
	  /* SVG background image */
	  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
		background-size: .6em;
		background-position: calc(100% - 1.3em) center;
		background-repeat: no-repeat;
		cursor:pointer;
		height: 40px;
	}
	
	select::-ms-expand {
		display: none;
	}

.uyari_teklif {width:30px; height:30px; position:absolute; background-color: #ed3b2e; border-radius:50%; top:14px; left:-32px; display:none;}	
.uyari_teklif>span { width:100%; height:100%; color:#fff; text-align:center; line-height:30px !important; }
.teklif_form_satir { position:relative; width100%; }