.whatsappbtn{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	left:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}


.trwpwhatsappballon {
	display: none;
	font-size: 14px;
	border-radius: 12px; 
	border: 1px solid #fff;
	max-width: 250px;
  }
  
  .trwpwhatsapptitle {
	background-color: #22c15e; 
	color: white; 
	padding: 14px; 
	border-radius: 12px 12px 0px 0px;
	text-align: center;
  }
  
  .trwpwhatsappmessage {
	padding: 16px 12px;
	background-color: white;
  }
  
  .trwpwhatsappinput {
	background-color: white;
	border-radius: 0px 0px 12px 12px;
  }
  
  .trwpwhatsappinput input {
	width: 206px;
	border-radius: 10px;
	margin: 1px 1px 0px 10px;
	padding:10px;
	font-family: "Raleway", Arial, sans-serif;
	font-weight: 300;
	font-size: 13px;
	background-color: #efefef;
	border: 1px solid #d4d4d4;
  }
  
  .trwpwhatsappbutton {
	background-color: #22c15e; 
	border-radius: 20px; 
	padding: 8px 15px; 
	cursor: pointer; 
	color: #fff;
	max-width: 220px;
	margin-top: 10px;
	margin-bottom: 10px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
  }
  
  .trwpwhatsappall {
	position: fixed; 
	z-index: 9999999999999999999; 
	bottom: 40px; 
	left: 10px;
  
	font-family: "Raleway", Arial, sans-serif;
	font-weight: 300;
	font-size: 15px;
  }
  
  .trwpwhatsappsendbutton {
	color: #22c15e;
	cursor:pointer;
  }
  
  .trwpwhatsappinput button {border: none;}
  .trwpwhatsappinput button i {
	float: right;
	position: absolute;
	z-index: 999999999999;
	right: 10px;
	bottom: 81px;
	font-size: 18px !important;
  }
  
  .kapat {
	position: absolute;
	right: 8px;
	top: 6px;
	font-size: 13px;
	border: 1px solid #fff;
	border-radius: 99px;
	padding: 2px 5px 2px 5px;
	color: white;
	font-size: 10px;
	cursor: pointer;
  }
  



/* 2. Ekstra Küçük Ekranlar (Telefonlar: 320px ve altı) */
@media screen and (max-width: 320px) {

}

/* 3. Küçük Telefonlar (321px - 480px) */
@media screen and (min-width: 321px) and (max-width: 480px) {
  
}

/* 4. Orta Boy Telefonlar (481px - 576px) */
@media screen and (min-width: 481px) and (max-width: 576px) {
   
}

/* 5. Küçük Tabletler (577px - 768px) */
@media screen and (min-width: 577px) and (max-width: 768px) {
   
}

/* 6. Büyük Tabletler (769px - 992px) */
@media screen and (min-width: 769px) and (max-width: 992px) {
 
}

/* 7. Küçük Masaüstü Bilgisayarlar (993px - 1200px) */
@media screen and (min-width: 993px) and (max-width: 1200px) {
	

}

/* 8. Orta Boy Masaüstü Bilgisayarlar (1201px - 1440px) */
@media screen and (min-width: 1201px) and (max-width: 1700px) {
	.topbar-twelev::after {
		width: 91%;
	}
}

/* 9. Büyük Masaüstü ve Geniş Ekranlar (1441px ve üzeri) */
@media screen and (min-width: 1701px) {
	
}