﻿.tabkapsayici {clear:both;float:none;overflow:hidden;margin:5px;border:1px solid #dddddd;padding:10px;}
.tab {float: left;border-right:2px solid #FF7676;width: 100%;}
.tab button {display: block;background-color: inherit;color: black;padding: 10px;width: 100%;border:0;border-bottom:2px solid #FF7676;outline: none;text-align: left;cursor: pointer;transition: 0.3s;font-size: 17px;}
.tab button:hover {background-color: #ddd;}
.tab button.active {background-color: #FF7676;}
.tabcontent {float: left;width: 100%;}

@media (min-width:1000px){.tab {width: 20%;}.tabcontent {width: 80%;}}