@media only screen and (max-width: 800px){
     /*index page*/
     
       #zn_logo_mb {
        display: block; /* Show the mobile logo on screens up to 767px */
    }

    #zn_logo_dv {
        display: none; /* Hide the desktop logo on screens up to 767px */
    }
    
    .zn_logos_mb{
        height:60px;
    }
     #zn_header_content{
         backdrop-filter: blur(10px);
         background-color: rgba(0, 0, 0, 0.2);
     }
     #zn_smooth{
         height: 100vh;
        min-height: 100vh;
        overflow-y: auto; 
        display: flex;
       -webkit-overflow-scrolling: touch; 
     }
     /*index page*/
     /*start about*/
     #zn_about{
         padding-top:10px;
         padding-bottom:10px;
     }
       .social-icons {
       background-image: url(".././images/8.jpg");
       background-repeat: no-repeat;  
        background-attachment: fixed;  
        background-size: cover;
        display: flex;
        justify-content: center;
        gap: 15px;
        padding: 0;
        margin: 10px 0;
        padding-top:4px;
        padding-bottom:4px;
        list-style: none;
    }
     .zn_about_fa {
        height: 30px;
        width: 30px;
        border-radius: 100%;
        border: 3px solid #dde1e7;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
        backdrop-filter: blur(30px); 
        /*background-color: rgba(0, 0, 0, 0.1);*/
        background-color:#fff;
         cursor:pointer;
    }
    
    /*end about*/
    
    /*start services*/
    #zn_services{
      padding-top:10px;
         padding-bottom:10px;   
    }
    /*end services*/
    
    /*start gallery*/
    #zn_gallery_section{
       padding-top:10px;
         padding-bottom:10px;   
    }
    /*end gallery*/
    
    /*start contact us*/
    #zn_contact_us{
        padding-top:10px;
         padding-bottom:10px; 
    }
        .zn_contact_slink{
        padding:10px;
        padding-top:20px;
        padding-bottom:20px;
        margin-bottom:10px;
        min-height:100px;
        border-radius:20px;
        background-image:url('.././images/8.jpg');
        align-items: center;
        justify-content: center;
        background-repeat: no-repeat;  
        background-attachment: fixed; 

    }
    
    .zn_contact_slink_dv{
        padding-top:20px;
        font-size:19px;
        text-align:center;
        color:#fff;
        backdrop-filter: blur(30px); 
        background-color: rgba(0, 0, 0, 0.3);
        height:100%;
        min-height:60px;
        margin-top:10px;
        padding-bottom:10px;
        border-radius:20px;
        font-size:13px;
    }
    /*end contact us*/
    
    /*start footer*/
    .footer_gfram{
        padding:0px;
    }
    .footer_col_3{
        margin-top:20px;
    }
    
 }