@media (min-width: 576px) and (max-width: 767px) {
.about-img {float: none; padding: 0 0 20px 0; width: 100%;}
h2 {font-size: 20px;}
body {overflow-x: hidden;}
}

@media (min-width: 768px) and (max-width: 991px) {
body {overflow-x: hidden;}
h2 {font-size: 30px;}
.our-project-col {
        padding-left: 5%;
}
.social-circle li{
   margin: 0 2px !important; 
}
.social-circle li a{
width: 34px !important;
height: 34px !important;
}
.social-circle li a i{
line-height: 35px;
}
.social-circle li a i.fa-2x {
    font-size: 30px;
}
}

@media (min-width: 992px) and (max-width: 1199px) {
h2 {font-size: 40px;}
}

@media (min-width: 1200px) {
ul.navbar-nav.nav.justify-content-center li {
   /* width: 12.5%;*/
    text-align: center;
    padding: 0px 10px;
}
}