@media(max-width: 686px) {
.bg-image{
    height: 64em;
}
.logo img {
    max-width: 80%;
}
.top_f{
	margin-top: 6%;
}
.s-h1 {
    font-size: 41px;
    line-height: 76px;
}
.bg-about{
    margin-top: 19%;
}
.h-text {
    font-size: 46px;
    line-height: 54px;
}
.p1 {
    margin-top: 10%;
}
.p2 {
    margin-top: 6%;
}
.s-services {
    padding-top: 1em;
}
.a-bgimg1 {
    margin-top: 31em;
}
.bg-fooer {
    margin-top: 96em;
    padding-bottom: 98em;
}
.para {
    line-height: 26px;
    font-size: 16px;
}
.hcircle {
    margin-top: -52px !important;
}
.r-icons {
    margin-right: 6%;
    margin-left: 5%;
}
.footer-logo{
	height: 828px;
}
.a-bgimg{
    height: 99em;
}
.bg-box-a{
        height: 168em;
}
.a-bgimg2{
    height: 76em;
}
.numbers{
    padding: 22px;
    width: 46%;
}
.comming-soon {
    font-size: 67px !important;
}
.top-img {
    margin-top: -9%;
}
}











@media (min-width:360px) and (max-width:667px){
    .a-bgimg2 {
    height: 138em;
}
.a-text {
    margin-top: 76px !important;
}
.bg-box-a {
    height: 122em;
}
.a-bgimg {
    height: 96em;
}
.a-bgimg2 .pt-5 {
    padding-top: 1px !important;
}
.a-bgimg2 .py-5 {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}
.a-bgimg2 .pb-5 {
    padding-bottom: 1px !important;
}
.a-bgimg1 {
    margin-top: 1em;
    height: 100em;
}
.bg-image {
    height: 76em;
}
.bg-fooer {
    margin-top: 10em;
    padding-bottom: 114em;
}
.circle{
    height: 18em;
}
.contact-add {
    height: 116em;
}
.hom-bg-fooer {
    margin-top: 66em;
}
.h-text1 {
    font-size: 28px;
}
}









@media (min-width:768px) and (max-width:1180px){
   .s-services {
    padding-top: 16%;
}
.hcircle {
    margin-top: -116px !important;
}
.a-bgimg{
    height: 68em;
}
.h-text1 {
    font-size: 36px;
}
}