.navbar-brand {
	padding: 5px 5px 5px 15px;
}

label {
	margin-left: 3px;
	margin-right: 3px;
}

#logo_yazi {
	top:13px; 
	margin-right:0px; 
	position:relative;
	font-size:21px;
	font-family: 'Arial Black', 'Arial Bold', Gadget, 'Dela Gothic One', 'Scheherazade New', sans-serif;
}

#hesabla_btn {
  border: 2px solid #e9edc9;
  border-radius: 4px;
  width : 181px;
  height : 35px;
  background-color: #52B788;
  font-weight : bold;
  color : white;
  font-size : 1.39rem;
}

img#madde_resmi {
  max-width: 100%;
  width:40px;
  height: auto;
}

img#madde_resmi_eski {
  width:48px;
  max-width: 100%;
  height: auto;
}

img#baslik_resmi {
  max-width: 100%;
  width:48px;
  height: auto;
}

img#kucuk_baslik_resmi {
  max-width: 100%;
  width:20px;
  height: auto;
}

img#buyuk_resim {
  max-width: 100%;
  width:85px;
  height: auto;
}

#tek_satir {
	white-space: nowrap;
}

/* ABBR  */

abbr[titlem] {
  position: relative;
  
  /* ensure consistent styling across browsers */
  text-decoration: underline dotted;
}

abbr[titlem]:hover::after,
abbr[titlem]:focus::after {
  content: attr(titlem);
  
  /* position tooltip like the native one */
  position: absolute;
  left: calc(100% - 223px);
/*  bottom: -30px;  */
  width: 250px;
  text-align : justify;
  z-index: 99;
  
  /* style tooltip */
  background-color: #1e1e1e;
  color: #fff;
  border-radius: 3px;
  box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.4);
  font-size: 12px;
  padding: 3px 5px;
  font-weight: 300;
  
}

input[type=radio] {
  vertical-align: text-bottom;
}

/* Mobil cihaz */
[class*="col-"] {
    
 /*   
    width:100%;
	float: left;	
	padding: 5px;
	border: 1px solid blue;  
	min-height : 20px;
	*/
}

@media only screen and (max-width: 619px) {
    /* Telefon Ekranlar */
	
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 35.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 64.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
	
    .col-m2-1 {width: 10%;}
    .col-m2-1 {width: 5%;}
    .col-m2-2 {width: 10%;}
    .col-m2-3 {width: 15%;}
    .col-m2-4 {width: 20%;}
    .col-m2-5 {width: 25%;}
    .col-m2-6 {width: 30%;}
    .col-m2-7 {width: 35%;}
    .col-m2-8 {width: 40%;}
    .col-m2-9 {width: 45%;}
    .col-m2-10 {width: 50%;}
    .col-m2-11 {width: 55%;}
    .col-m2-12 {width: 60%;}
    .col-m2-13 {width: 65%;}
    .col-m2-14 {width: 70%;}
    .col-m2-15 {width: 75%;}
    .col-m2-16 {width: 80%;}
    .col-m2-17 {width: 85%;}
    .col-m2-18 {width: 90%;}
    .col-m2-19 {width: 95%;}
    .col-m2-20 {width: 100%;}
}
@media only screen and (min-width: 620px) {
    /* Tablet Ekranlar */
    .col-t-1 {width: 8.33%;}
    .col-t-2 {width: 16.66%;}
    .col-t-3 {width: 25%;}
    .col-t-4 {width: 33.33%;}
    .col-t-5 {width: 41.66%;}
    .col-t-6 {width: 50%;}
    .col-t-7 {width: 58.33%;}
    .col-t-8 {width: 66.66%;}
    .col-t-9 {width: 75%;}
    .col-t-10 {width: 83.33%;}
    .col-t-11 {width: 91.66%;}
    .col-t-12 {width: 100%;}

    .col-t2-1 {width: 5%;}
    .col-t2-2 {width: 10%;}
    .col-t2-3 {width: 15%;}
    .col-t2-4 {width: 20%;}
    .col-t2-5 {width: 25%;}
    .col-t2-6 {width: 30%;}
    .col-t2-7 {width: 35%;}
    .col-t2-8 {width: 40%;}
    .col-t2-9 {width: 45%;}
    .col-t2-10 {width: 50%;}
    .col-t2-11 {width: 55%;}
    .col-t2-12 {width: 60%;}
    .col-t2-13 {width: 65%;}
    .col-t2-14 {width: 70%;}
    .col-t2-15 {width: 75%;}
    .col-t2-16 {width: 80%;}
    .col-t2-17 {width: 85%;}
    .col-t2-18 {width: 90%;}
    .col-t2-19 {width: 95%;}
    .col-t2-20 {width: 100%;}
}
@media only screen and (min-width: 1200px) {
    /* Bilgisayar */
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}

    .col-2-1 {width: 10%;}
    .col-2-1 {width: 5%;}
    .col-2-2 {width: 10%;}
    .col-2-3 {width: 15%;}
    .col-2-4 {width: 20%;}
    .col-2-5 {width: 25%;}
    .col-2-6 {width: 30%;}
    .col-2-7 {width: 35%;}
    .col-2-8 {width: 40%;}
    .col-2-9 {width: 45%;}
    .col-2-10 {width: 50%;}
    .col-2-11 {width: 55%;}
    .col-2-12 {width: 60%;}
    .col-2-13 {width: 65%;}
    .col-2-14 {width: 70%;}
    .col-2-15 {width: 75%;}
    .col-2-16 {width: 80%;}
    .col-2-17 {width: 85%;}
    .col-2-18 {width: 90%;}
    .col-2-19 {width: 95%;}
    .col-2-20 {width: 100%;}
}