.about {
	padding:20px 100px;
}
.about-box, .about-box2 {
	color:#000;
	background:#f7f7f7;
	position:relative;
	border-radius:10px;
	text-align:justify;
	margin-bottom: -80px;
}
.about-box p, .about-box2 p {
	font-size:12px;
	color:#000;
	line-height:18px;
	margin:0 0 10px;
	font-weight:400;
	text-align:justify;
    padding-right: 5px;
}
.about .title5 {
	font-size:15px;
	font-weight:600;
	margin:10px 0px 5px 0px;
	background:#222;
	-webkit-background-clip:text;
	text-align:left;
	-webkit-text-fill-color:transparent;
	line-height:normal;
}  
.about h1{
    font-size: 30px;
    text-align: center;
    margin-top: 0%;
}
.about-box{margin-right:15px; margin-left:0px; padding:15px 20px 15px;}
.about-box2{margin-right:0px; margin-left:0px; padding:15px 20px 15px;}
.about-box:after {
	
	position:absolute;
	border-style:solid;
	border-width:15px 0 15px 15px;
	border-color:transparent #f7f7f7;
	right:0px;
	top:0px;
}
.about-box2:after {
	
	position:absolute;
	border-style:solid;
	border-width:15px 0 15px 15px;
	border-color:transparent #f7f7f7;
	left:0px;
	top:0px;
	transform:rotate(180deg)
} 
.img-responsiveaaa {
    display: block;
    max-width: 100%;
    height: auto;
}
.img-responsiveaab {
    display: block;
    max-width: 100%;
    height: auto;
}
.img-responsivec {
    display: block;
    max-width: 100%;
    height: auto;
}
.img-responsived {
    display: block;
    max-width: 100%;
    height: auto;
}
.img-responsivee {
    display: block;
    max-width: 100%;
    height: auto;
}
.img-responsiveaa {
    display: block;
    max-width: 100%;
    height: auto;
    padding-top: 0px;
}
.img-responsivep {
    display: block;
    max-width: 100%;
    height: auto;
}
.img-responsiveo {
    display: block;
    max-width: 100%;
    height: auto;
}
.img-responsiven {
    display: block;
    max-width: 100%;
    height: auto;
}
.img-responsivem {
    display: block;
    max-width: 100%;
    height: auto;
}
.img-responsivel {
    display: block;
    max-width: 100%;
    height: auto;
}

@media screen and (max-width: 768px) {
 .about {
	padding:15px 0px;
}
.about-box, .about-box2 {
	color:#000;
	background:#f7f7f7;
	position:relative;
	border-radius:10px;
	text-align:justify;
	margin-bottom: -80px;
}
.about-box p, .about-box2 p {
	font-size:9px;
	color:#000;
	line-height:11px;
	margin:0 0 10px;
	text-align:justify;
    padding-right: 5px;
}
.about .title5 {
	font-size:9px;
	margin:0px 0px 0px 0px;
	background:#222;
	-webkit-background-clip:text;
	text-align:left;
	-webkit-text-fill-color:transparent;
	line-height:normal;
}  
.about h1{
    font-size: 30px;
    text-align: center;
    margin-top: 0%;
}
.about-box{
margin-right:9px;
margin-left:0px;
padding:5px 10px 0px;
}
.about-box2{
margin-right:0px;
margin-left:7px; 
padding:5px 10px 0px;
} 
.about-box:after {
	
	position:;
	border-style:solid;
	border-width:15px 0 15px 15px;
	border-color:transparent #f7f7f7;
	right:0px;
	top:0px;
}
.about-box2:after {
	
	position:;
	border-style:solid;
	border-width:15px 0 15px 15px;
	border-color:transparent #f7f7f7;
	left:0px;
	top:0px;
	transform:rotate(180deg)
}
.img-responsiveaaa {
    display: block;
    max-width: 55%;
    height: auto;
    margin-top: -5px;
    margin-bottom: 10px;
}
.img-responsiveaab {
    display: block;
    max-width: 65%;
    height: auto;
    margin-bottom: 9px;
    margin-top: -19px;
}
.img-responsivec {
    display: block;
    max-width: 65%;
    height: auto;
    margin-top: -10px;
    margin-bottom: 5px;
}
.img-responsived {
    display: block;
    max-width: 70%;
    height: auto;
    margin-top: -24px;
    margin-bottom: 2px;
}
.img-responsivee {
    display: block;
    max-width: 72%;
    height: auto;
    margin-top: -10px;
    margin-bottom: 0px;
}
.img-responsiveaa {
    display: block;
    max-width: 50%;
    height: auto;
        margin-top: -10px;

}  
.img-responsivep {
    display: block;
    max-width: 70%;
    height: auto;
    margin-top: -9px;
    margin-bottom: 0px;
}
    .img-responsiveo {
    display: block;
    max-width: 70%;
    height: auto;
        margin-top: -18px;
    margin-bottom: 5px;
}
.img-responsiven {
    display: block;
    max-width: 70%;
    height: auto;
  margin-top: -20px;
    margin-bottom: -2px;
}
.img-responsivem {
    display: block;
    max-width: 70%;
    height: auto;
    margin-top: -20px;
    margin-bottom: -4px;
}
.img-responsivel {
    display: block;
    max-width: 70%;
    height: auto;
    margin-top: -16px;
    margin-bottom: -5px;
}
    
}