/*Responsive CSS*/


* {
  margin: 0;
  padding: 0;
}

body {
  font-family: 'Calibri', sans-serif;
  color: #000;
  font-size: 16px;
  background: #000;
  line-height: 1.6em;
}

ul, li { list-style: none; }

#container {
  width: 60%;
  margin: 50px auto;
  overflow: auto;
}

h1 {
  text-align: center;
  margin-bottom: 20px;
}
p{
	padding-bottom:10px;
}
.tabs{
	float: left;
}
.title {
	height: 20px;
    background: #fff;
    color: #000;
    text-align: center;
    padding: 13px 36px;
    margin: 29px 14px;
    cursor: pointer;
    border-radius: 12px;
    float: left;
}

.faq a{ color:#FF76DC;text-decoration:none;}
.faq li { padding: 20px; color:#fff;}

.faq li.q {
  background: #000;
  font-weight: bold;
  font-size: 120%;
 
  cursor: pointer;
}

.faq img{
	float: right;
	margin-top: 3px;
}
.faq li.a { 
  display: none;
  color:#fff;
  font-size: 18px;
}

.rotate {
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
@media only screen and (max-width: 1340px) and (min-width: 1130px) {
#container { width: 90%; }
.title {
	height: 20px;
    background: #fff;
    color: #000;
    text-align: center;
    padding: 13px 26px;
    margin: 29px 10px;
    cursor: pointer;
    border-radius: 12px;
    float: left;
}
.tabs {
    float: left;
    margin: 2% 15%;
}
.qandas{width: 70%;
margin-left: 14%;
}
}

@media only screen and (max-width: 1129px) and (min-width: 450px) {
	.title {
	height: 20px;
    background: #fff;
    color: #000;
    text-align: center;
    padding: 13px 16px;
    margin: 7px 10px;
    cursor: pointer;
    border-radius: 12px;
    float: left;
	width:70%;
}
.tabs {
    float: left;
    
	 margin: 2% 15%;
}
#container { width: 80%; }
}
@media only screen and (max-width: 449px) {
	#container { width: 90%; }
	.tabs {
    float: left;    
	 margin: 2% 15%;
}
}