.about-cont{
  padding: 120px 60px 40px;
}
.about-heading  h1{
  font-size: 34px;
}
.mainfesto h1{
	font-size: 20px;
  padding: 70px 60px 10px;
}
/*first blog*/
.about-imgside{
 background-color: #f5f7f7;
}
.about-textside{
  -webkit-box-ordinal-group:0;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  background-color: #383431;
}
.about-textside{
 /* padding: 40px;*/
  padding-left: 4%;
  padding-top: 2%;
}

.about-textside h4 {
 color: #000;
}
.about-textside p {
 color: #000;
 font-size: 18px;
}
.texttt{
  font-size: 20px;
}

/*----------------------------------------Media Queries----------------------------------------------*/
@media screen and (max-width:48em) {
 .about-cont{
  padding: 100px 25px 10px;
}
.about-heading  h1{
  font-size: 23px;
}
.mainfesto h1{
  font-size: 23px;
  padding: 70px 60px 10px;
}
/*first blog*/
.about-imgside{
 background-color: #f5f7f7;
}
.about-textside{
  -webkit-box-ordinal-group:0;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  background-color: #383431;
}
.about-textside{
 /* padding: 40px;*/
  padding-left: 4%;
  padding-top: 2%;
}

.about-textside h4 {
 color: #000;
}
.about-textside p {
 color: #000;
 font-size: 18px;
}
.texttt{
  font-size: 20px;
}
.left-text h1{
  color: #fff;
}
.left-text p{
  color: #fff;
}
}

@media screen and (max-width: 366px) and (max-device-height: 499px)  {

.about-cont{
  padding: 100px 25px 10px;
}
.about-heading  h1{
  font-size: 23px;
}
.mainfesto h1{
  font-size: 23px;
  padding: 70px 60px 10px;
}
/*first blog*/
.about-imgside{
 background-color: #f5f7f7;
}
.about-textside{
  -webkit-box-ordinal-group:0;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  background-color: #383431;
}
.about-textside{
 /* padding: 40px;*/
  padding-left: 4%;
  padding-top: 2%;
}

.about-textside h4 {
 color: #000;
}
.about-textside p {
 color: #000;
 font-size: 18px;
}
.texttt{
  font-size: 20px;
}
.left-text h1{
  color: #fff;
}
 .left-text p{
  color: #fff;
} 

}