div.tab{overflow:hidden;border:1px solid #ccc;background-color:#f1f1f1}div.tab button{background-color:inherit;float:left;border:none;outline:none;cursor:pointer;padding:8px 23.4px;transition:.3s;font-size:15px}#Customer,.cus.active{background-color:#d8edf3}#Employee,.emp.active{background-color:#ccf}#Dealer,.dea.active{background-color:#fdc}.tabcontent{display:none;padding:6px 12px;border:1px solid #ccc;border-top:none}@media screen and (max-width:800px){.tabcontent{width:100%;display:none;padding:0 0;border:1px solid #ccc;border-top:none}div.tab button{width:100%;background-color:inherit;float:left;border:none;outline:none;cursor:pointer;padding:8px 23.4px;transition:.3s;font-size:16px}.col-xs-4{width:50%;float:right;margin:0 10px 10px 0}.email{margin:0 10px 10px 10px}.password{margin:0 10px 10px 10px}.For{margin:0 0 0 10px}}