.mainbg{ 

    margin-top:10px;
    margin-bottom:10px;
    height:40px !important;
    background: url(../img/site/bgx4.jpg) no-repeat center center fixed !important; 
    background-size: 100% 40px !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;

  
}


.hideme
{
    opacity:0;
}


  .notification {

  color: white;
  text-decoration: none;
  padding: 2px 2px;
  position: relative;
  display: inline-block;
  border-radius: 2px;
}

.notification:hover {
  color: red;
}

.notification .badge {
  position: absolute;
  top: -10px;
  right: -10px;
  padding: 2px 5px;
  border-radius: 50%;
  background: red;
  color: white;
}


.post-news{
  position: relative;
  text-align: center;
  
}

.resim{
  position: relative;
  text-align: center;
  
}

.bottom-left {
  position: absolute;
  bottom: 8px;
  left: 16px;
}

 #top-left {
  position: absolute;
  top: 8px;
  left: 16px;
}



.top-right {
  position: absolute;
  top: 8px;
  right: 16px;
}

.bottom-right {
  position: absolute;
  bottom: 8px;
  right: 16px;
}

.centered {
    width:100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.bottom-centered {
    width:100%;
  position: absolute;
  top: 80%;
  left: 50%;
  transform: translate(-50%, -50%);
}


.img66{

  opacity: 0.66;
  filter: alpha(opacity=66); /* For IE8 and earlier */

}


.dropdown-menu {
	min-width: 200px;
}
.dropdown-menu.columns-2 {
	min-width: 400px;
}
.dropdown-menu.columns-3 {
	min-width: 600px;
}
.dropdown-menu li a {
	padding: 5px 15px;
	font-weight: 300;
}
.multi-column-dropdown {
	list-style: none;
  margin: 0px;
  padding: 0px;
}
.multi-column-dropdown li a {
	display: block;
	clear: both;
	line-height: 1.428571429;
	color: #333;
	white-space: normal;
}
.multi-column-dropdown li a:hover {
	text-decoration: none;
	color: #262626;
	background-color: rgb(243, 156, 18, 0.50);
}
 
@media (max-width: 767px) {
	.dropdown-menu.multi-column {
		min-width: 240px !important;
		overflow-x: hidden;
	}}
	
@media (min-width: 767px) {	
    #tariflerim{
	margin-left:-200px;
}}