.surcu {
  position: relative;
  display: inline-block;
  border-bottom: 0px dotted black; color:#000; font-size:22px; cursor:pointer;
}

.surcu .surcutext {
  visibility: hidden;
  width: 100px;
  background-color: black;
  color: #fff; font-size:12px; line-height:15px;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  top: 120%;
  left: -100%;


  /* Position the surcu */
  position: absolute;
  z-index: 1;
}

.surcu:hover .surcutext {
  visibility: visible;
}

@media screen and (min-width:1160px) {
			  .adimlar { width:33%; }
			  .ya_vi_ba { color:#000;font-size:15px;float:left; padding-top:8px; padding-left:35px; height:35px; text-align:left; font-weight:600;  width:50%; }
			  
			 .arac_sayfa_alan { width:100%; max-width:1150px; height:auto; margin:auto;   }
			 .arac_liste_alani  { width:98%; height:auto;  margin-top:10px; display:inline-block;  }
			
			   .rez_alan_bol1 { float:left; width:30%;  }
			  .arac_alan_bol2 { float:left; width:69%;  }
			 
			 .arac_lis_bol1 { float:left;padding:0px;   width:30%;   overflow:hidden;      }
			 .arac_lis_bol2 { float:left; width:35%; height:auto;  }
			 .arac_lis_bol3 { float:left; width:34%;  height:auto;   }

	    }

@media screen and (min-width:900px) and (max-width:1159px),screen and (min-device-width:900px) and (max-device-width:1159px) {
	        
			.adimlar { width:33%; }
	         .ya_vi_ba { color:#000;font-size:15px;float:left; padding-top:8px; padding-left:35px; height:35px; text-align:left; font-weight:600;  width:50%; }
	    	 .arac_sayfa_alan { width:100%; max-width:1150px; height:auto; margin:auto;  }
			 .arac_liste_alani  { width:98%; height:auto;  margin-top:10px; display:inline-block; }
			
			  .rez_alan_bol1 { float:left; width:45%;  }
			  .arac_alan_bol2 { float:left; width:54%;  }
			   
			  .arac_lis_bol1 { float:left;padding:0px;   width:100%;   overflow:hidden;    }
			 .arac_lis_bol2 { float:left; width:55%;   }
			 .arac_lis_bol3 { float:left; width:44%;    }
    }

@media screen and (min-width:600px) and (max-width:900px),screen and (min-device-width:500px) and (max-device-width:900px) {
      
	         .adimlar { width:100%; }
			  .ya_vi_ba { color:#000;font-size:17px;float:left; padding-top:8px; padding-left:35px; height:35px; text-align:left; font-weight:600;  width:50%; }
	       	 .arac_sayfa_alan { width:100%; max-width:1150px; height:auto; margin:auto;  }
			 .arac_liste_alani  { width:98%; height:auto; background-color:#FC3; margin-top:10px; display:inline-block; }
			
			 .rez_alan_bol1 { float:left; width:45%;  }
			  .arac_alan_bol2 { float:left; width:54%;  }
			   
			 .arac_lis_bol1 { float:left;padding:0px;   width:100%;    overflow:hidden;    }
			 .arac_lis_bol2 { float:left; width:100%;   }
			 .arac_lis_bol3 { float:left; width:100%;    }
	
	

		}
@media screen and (max-width:600px),screen and (max-device-width:600px) {

          
		  	.adimlar { width:100%; }
			 .ya_vi_ba { color:#000;font-size:18px;float:left; padding-top:8px; padding-left:35px; height:35px; text-align:left; font-weight:600;  width:50%; }
	       	 .arac_sayfa_alan { width:100%; max-width:1150px; height:auto; margin:auto;  }
			 .arac_liste_alani  { width:98%; height:auto; background-color:#FC3; margin-top:10px; display:inline-block; }
			
			  .rez_alan_bol1 { float:left; width:100%;  }
			  .arac_alan_bol2 { float:left; width:100%;  }
			   
			  .arac_lis_bol1 { float:left;padding:0px;   width:100%;   overflow:hidden;   }
			 .arac_lis_bol2 { float:left; width:100%;  }
			 .arac_lis_bol3 { float:left; width:100%;   }
}