@media only screen and (max-width: 767px){
    .logo :first-child{
        display: none;
    }
    .logo :last-child{
        display: block;
        width: 70px;
    }
    .navs{
        position: fixed;
        background: antiquewhite;
        top: 0;
        right: 0;
        height: 100%;
        z-index: 1;     
        place-items: center;
        width: 100%;
        display: none;
        transition: 0.5s ease-in-out;
    }
    .navs ul{
        display: block;
        padding: 0;
        text-align: center;
        line-height: 3;
        font-size: 18px;
    }
    .navs_active{
        display: grid;
        transition: 0.5s ease-in-out;
    }
    .toggle_icon {
        z-index: 1;
        cursor: pointer;
        display: block;
    }

    .toggle_icon span:nth-child(1){
        background-color: black;
        display: block;
        height: 2px;
        width: 40px;
        margin-bottom: 10px;
        transition: 0.3s ease-in-out;
    }
    .toggle_icon span:nth-child(2){
        background-color: black;
        display: block;
        height: 2px;
        width: 40px;
        margin-bottom: 10px;
        transition: 0.3s ease-in-out;
    }
    .toggle_icon span:nth-child(3){
        background-color: black;
        display: block;
        height: 2px;
        width: 40px;
        transition: 0.3s ease-in-out;
    }

    .toggle_active span:nth-child(1){
        transform: rotate(45deg);
        margin-bottom: -14px;
    }
    .toggle_active span:nth-child(2){
        opacity: 0;
    }
    .toggle_active span:nth-child(3){
        transform: rotate(-45deg);
    }

    .banner img {
        width: 100%;
        position: relative;
        height: 50vh;
        object-fit: cover;
    }
    .banner_cnt{
        width: 100%;
        padding: 0rem 1rem;
        margin-top: 3rem;
    }
    .banner_slider div{
        height: 80dvh;
    }
    .banner_cnt h1 {
        font-size: 30px;
        color: #fff;
        text-align: center;
    }
    .banner_cnt p {
        padding: 0rem 0rem;
        font-size: 13px;
        color: #fff;
        text-align: center;
    }
    .about_main {
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .scope_bg { 
        padding: 3rem 0rem;
    }
    .servi_main {
        padding: 3rem 0rem;
    }
    .servi_title p {
        padding: 1rem 0rem;
        font-size: 15px;
    }
    
    .saving_cnt h3 {
        margin-top: 2rem;
    }
    .scope_list ul li{
        width: auto;
    }
    .contact_adrss{
        margin-bottom: 3rem;
    }
    .ftr_right{
        margin-top: 2.5rem;
    }
    .values{
        margin-bottom: 2rem;
    }
    .md_cnt h2{
        display: none;
    }
    .md_profile h2{
        display: block;
        font-size: 30px;
        margin-bottom: 1rem;
    }
    .quality_img img {
        margin-bottom: 1rem;
    }
    .client_items img {
        width: 150px;
        margin: auto;
    }
    .repair_banner {
        height: 450px;
        background-position: bottom;
        padding: 0.5rem;
    }
    .top_mail{
        display: none;
    }
    .repair_servi {
        margin: 3rem 0rem;
    }
    .flex_top {
        display: flex;
        justify-content: center;
    }
    .repair_servi_img img {
        margin-bottom: 2rem;
    }

    .banner_slider .slide1{
        background-image: url(../images/banner-new001mb.jpg);
    }
    .banner_slider .slide2{
        background-image: url(../images/banner-new002mb.jpg);
    }

}
@media only screen and (min-width: 768px) and (max-width: 991px){
    .navs{
        position: fixed;
        background: antiquewhite;
        top: 0;
        right: 0;
        height: 100%;
        z-index: 1;     
        place-items: center;
        width: 100%;
        display: none;
        transition: 0.5s ease-in-out;
    }
    .navs ul{
        display: block;
        padding: 0;
        text-align: center;
        line-height: 3;
        font-size: 18px;
    }
    .navs_active{
        display: grid;
        transition: 0.5s ease-in-out;
    }
    .toggle_icon {
        z-index: 1;
        cursor: pointer;
        display: block;
    }

    .toggle_icon span:nth-child(1){
        background-color: black;
        display: block;
        height: 2px;
        width: 40px;
        margin-bottom: 10px;
        transition: 0.3s ease-in-out;
    }
    .toggle_icon span:nth-child(2){
        background-color: black;
        display: block;
        height: 2px;
        width: 40px;
        margin-bottom: 10px;
        transition: 0.3s ease-in-out;
    }
    .toggle_icon span:nth-child(3){
        background-color: black;
        display: block;
        height: 2px;
        width: 40px;
        transition: 0.3s ease-in-out;
    }

    .toggle_active span:nth-child(1){
        transform: rotate(45deg);
        margin-bottom: -14px;
    }
    .toggle_active span:nth-child(2){
        opacity: 0;
    }
    .toggle_active span:nth-child(3){
        transform: rotate(-45deg);
    }
    .scope_list ul li{
        width: auto;
    }
    .client_items img {
        width: 150px;
        margin: auto;
    }
    .banner_cnt p {
        padding: 0rem 10rem;
    }
}