
/*===============Responsive===============*/
@media (max-width: 1299.98px) {
}

@media only screen and (max-width: 1199.98px){
    .about-img:before{width:180px; height:180px; top:-10px; right:-10px;}
    .about-img:after{width:80px; height:80px; bottom:-10px; left:-10px;}
}

@media only screen and (max-width: 991.98px){   
    .about-img{margin-left:0;} 
    .about-img:before{width:280px; height:280px; top:-20px; right:-20px;}
    .about-img:after{width:150px; height:150px; bottom:-10px; left:-10px;}
}

@media only screen and (max-width: 767.98px){
    h1{font-size:35px;}
    h2{font-size:28px;}
    h3{font-size:24px;}
    h4{font-size:20px;}
    h5{font-size:16px;}

    .banner .caption{padding:10px 20px; min-width:250px;}
}
@media only screen and (max-width: 575.98px){
    .about-img:before{width:220px; height:220px;}
    .about-img:after{width:120px; height:120px;}
}