@media (max-width: 767px) {
       .tabbable.responsive .nav-tabs {
font-size: 100%;
position: relative;
}
          .tabbable.responsive .nav-tabs ul {
              margin: 0;
          }
			.tabbable.responsive .nav-tabs li {
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-ms-box-sizing: border-box;
			-o-box-sizing: border-box;
			box-sizing: border-box;
			display: inline-block;
			width: 100%;
			height: 50px;
			line-height: 44px;
			padding: 0 15px;
			overflow: hidden;
			background: url(../img/anasayfaTab.png) bottom repeat-x #F5F5F5;
			}
		.tabbable.responsive .nav-tabs > li > a {
			border-style: none;
			display: inline-block;
			margin: 0;
			padding: 0;
			color: #0E0E0E;
			font-size: 121%;
			font-family: RobotoBold;
		}
          /* include hover and active styling for links to override bootstrap defaults */
          .tabbable.responsive .nav-tabs > li > a:hover {
              border-style: none; 
              background-color: transparent;}
          .tabbable.responsive .nav-tabs > li > a:active, .tabbable.responsive .nav-tabs > .active > a, .tabbable.responsive .nav-tabs > .active > a:hover {
border-style: none;
background: transparent;
}
      }

      /* sample styles for the tab controls on small screens  - start with left control and override for right */
.tabbable.responsive .nav-tabs > li > a.tab-control, .tabbable.responsive .nav-tabs > li > a.tab-control, .tabbable.responsive .nav-tabs > li > span.tab-control-spacer {
float: left;
height: 32px;
width: 32px;
margin-top: 4px;
text-align: center;
font-size: 0px;
padding: 0px;
}

.tabbable.responsive .nav-tabs > li > a.tab-control.left, .tabbable.responsive .nav-tabs > li > span.tab-control-spacer.left {
background: url(../img/controls.png) no-repeat 0 -32px;
position: absolute;
left: 8px;
}

	  .tabbable.responsive .nav-tabs > li > a.tab-control.left:hover {
      background-position: 0 0;
	  }
.tabbable.responsive .nav-tabs > li > a.tab-control.right, .tabbable.responsive .nav-tabs > li > span.tab-control-spacer.right {
background: url(../img/controls.png) no-repeat -43px -32px;
position: absolute;
right: -14px;
top: 1px;
}
      .tabbable.responsive .nav-tabs > li > a.tab-control.right:hover {
      background-position: -43px 0;
	  }
.tabbable.responsive .nav-tabs > li > span.tab-control-spacer {
line-height: 28px;
opacity: 0;
}