@media screen and (max-width: 667px) {
    .mr-lr-60 {margin: 0px 0px;}
    header {padding: 10px 0px 0px;}
    .slider {height: 35vh;}
    .slider h1{font-size: 14px;left: 0.01rem;}
    .slider li.active h1 {bottom: 2rem;}
    .stellarnav.dark li a {color: #fff;}
    .stellarnav ul ul {top: 0;}
    .stellarnav.mobile {text-align: right;}
}
@media screen and (max-width: 387px) {
    #welcome_sec {padding: 30px 0px 30px;}
    #welcome_sec .headingp{padding: 15px;}
    #latest_poject_sec{padding: 30px 0px 30px;} 
    #latest_poject_sec .lps_cont {padding: 15px 20px;min-height: 200px;} 
    #latest_poject_sec .pr-10{padding-right: 25px;} 
    #latest_poject_sec .pr-0v {padding-right: 25px;}
    #latest_poject_sec .pl-10 {padding-right: 25px;}
    #latest_poject_sec .pl-10{padding-left: 15px;}
    #years{padding: 30px 0px 30px;}
    #years .years_text #counter .counter-value{font-size: 90px;}
    #years .years_text #counter .counter-value span{font-size: 70px;}
    #years .years_text p{font-size: 22px;}
        #years .years_text #counter .counter-value p {
        font-size: 30px;
        position: absolute;
        z-index: 9;
        background: url(../images/years.jpg) no-repeat;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        right: 40px;
        top: 22px;
    }
    footer .copyright p{text-align: center;}
    footer .copyright_link ul {text-align: center;}
    #section_one .item a .project_details .img, #section_client .item a .project_details .img {min-height: 145px;height: 145px;}
    .form_content{padding: 30px 0px;}   
    #latest_poject_sec .pl-0v{padding-left:15px;padding-right: 25px;}
    #latest_poject_sec .lps_cont hr{border-top: 1px solid rgba(0, 0, 0, 0);}
    .button_wrapper #main-div #main-button img{max-width: 45px;}
    #section_one .project_sec .project_content h3 a {font-size: 14px;width: 100%;white-space: unset;text-overflow: ellipsis;
    overflow: hidden;}
    .t-shape {width: 100%;height: 400px;}
    .t_img{padding: 10px 0px;}
    #project_page_sec {padding: 20px 0px 40px;}
    .horizontal-bar {position: absolute;bottom: 8px;z-index: 99;}
    .horizontal-bar .project_tagline {padding: 25px 15px;background: rgb(0 0 0 / 80%);width: 75%;}
    #years .years_text #counter .counter-value img{max-width:60px;}

}
@media screen and (max-width: 1280px) {
    .stellarnav > ul > li > a {
        padding: 20px 16px;
    }
}