@media only screen and (max-width: 767px) {
    .servc-sec .abt2 {
        position: absolute;
        top: 35px;
        right: 12px;
        width: 100%;
        bottom: -20px;
        height: -webkit-fill-available;
    }
    .abt1 {
      
        border-radius: 0px;
    }
    .abt2 {
        position: absolute;
        top: 15px;
        right: -13px;
        width: 100%;
        bottom: -20px;
        height: -webkit-fill-available;
    }

    .banner-content {
       top: 66%;
     
    }
    .banner-content h2 {
        font: normal normal 22px/30px Oswald;
    }
    .abt-left {
       margin-bottom: 40px;
    }
    .logo img {
        max-width: 90px;
        top: 0px;
    }
    .abt-right {
        padding-left: 0px;
    }
    .service-left {
        padding-right: 0px;
        margin-bottom: 80px;
    }
    .portfilo-sec {
       padding: 30px 15px 80px 15px;
    }
    .ftr-txt {
        text-align: left;
    }
    .footer-logo-area {
        margin: 30px 0px;
       justify-items: flex-start;
     
    }
}

@media only screen and (max-width: 991px) {
    .stellarnav.mobile.right .location-btn-mobile.third, 
    .stellarnav.mobile.right .call-btn-mobile.third
     {
       display: none;
    }
    .stellarnav.mobile.right .close-menu.third{
        text-align: right;
        width: 100%;
    }
    .stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul {
      z-index: 99;
    }
   .stellarnav.mobile .menu-toggle {
    display: inline-block;
    z-index: 9;
    position: absolute;
    right: 0;
    top: 0;
}
}


@media only screen and (min-width: 768px) and (max-width: 991px){
    .banner-content {
         top: 70%;
     }
    .title-sec {
        font: normal normal 40px/55px Oswald;
      
    }
    .logo img {
        max-width: 130px;
        top: 0px;
    }
    .footer-logo-area img {
        width: 165px;
    }
    .box-content a {
       line-break: anywhere;
    }
}


@media only screen and (max-width: 1211px) {
    .box-content a {
        line-break: anywhere;
     }
}

@media only screen and (min-width: 992px) and (max-width: 1200px){
    .service-box {
      min-height: 263px;
    }
}

@media only screen and (max-width: 992px) {
   
}

@media only screen and (max-width: 850px) {

 

}

@media only screen and (max-width: 660px) {
    

}