.content{
  width: 80%;
  height: auto;
  margin: 0 auto;
  text-align: center;
  padding: 5px;
}

.nav {
    display: flex;
    flex-wrap: wrap;
    width: 51%;
    height: auto;
    margin: 0 auto;
    padding: 5px;direction: rtl;
	}
	
.nav-pills{
  margin: 0 auto;
  text-align: center;margin-top: 50px;
}
.nav-item{
  width: 25%;	margin-top: 50px;
  width: 50%;
  margin: 0 auto;
  text-align: center;  direction: rtl;
}
.nav-pills .nav-link{
	  margin: 0 auto;direction: rtl;
	  width: 90%;
  font-weight: bold;
  padding-top: 21px;
  text-align: center;
  background: #b9cbcf;
  color: #fff;
  border-radius: 10px;
  height: 65px;font-size: 23px;
}
.nav-pills .nav-link.active{
  background: #3d85d0;
  color: ##ffffff;
}
.tab-content{
  text-align: center;
  width: 100%;
  height: auto;
  margin: 0 auto;
  margin-top: 30px;
  background: #fff;
  color: #47484a;
  z-index: 1000;
 
  margin-bottom: 50px;
}
.tab-content button{
  border-radius: 15px;
  width: 100px;
  margin: 0 auto;
  float: right;
}


@media only screen and (max-width: 600px) {
	.nav-pills .nav-link{ width: 100%;}
	.nav-pills{width: 100%;}
	.content{width: 100%;}
	.nav-item{width: 45%;text-align: center;margin: 0 auto;}
	.tab-content{padding: 0px;margin-top: 26px;}
	.tab-pane {width: 100%; padding-right: 0px !important; padding-left:0px !important;}
	.col-md-6 {padding-right: 0px !important; padding-left:0px !important; }
	
}