@media screen and  (max-width:968px) {
 .nav {
    display: none;
 }
    
.nav-button {
display: block;     
}
.mobile-nav-active {
    display: flex;
}

.container-wide-0 {
 padding-right:10px ;
 padding-left: 10px;
    margin-bottom: 3px;
}

.button-main-bg {
    margin: 0 auto;
    border-radius:40px ;
    width: 200px;
    height: 40px;
    color: white;
    background-color:#0B9CC7;
    transition: 0.2s;
  
}

h3 {
    font-size: 10px;
}

.conteiner-main-mobile {
    display: block;
  }


.conteiner-main-1 {
    display: none;
    width: 280px;
    background-color: white;
    margin-top: 5px;
}

.mainpsct-img {
   
    width: 260px;  
 }
.never-give-up-1, .never-give-up-2 {
display: none;
 }
 .aboutme-main {
    display: none;
    }


       .aboutme-container {
        display: none;
       }

       .aboutme-main-mobile {
        display: block;
      }

      .aboutme-container-mobile {
        display: block;
      }
      .aboutme-img-mobile {
        display: block;
        height:
      }

      .text-bottom-img {
    margin-top: 0px;
      }

      .practice-main {
      display: none;
      }
   
 
 
    .practice-container {
        display: none;
    }


      .practice-main-mobile {
        display: block;

      }
      
      
      
      .practice-container-mobile {
          display: block;
      }

      .practiece-img-mobile {
        display: block;
      }
      .contacts-main-mobile {
        display: block;
      }

      .contacts-container-mobile {
        display: block;
      }
      .contacts-img-mobile {
        display: block;
      }
      footer {      
        padding-top: 5px;
        padding-bottom: 5px;
      }

      .logo-footer {
        padding-top: 2px;
        padding-bottom: 2px;
        max-width: 15%;
       display: flex;
       text-align: center;
       margin: auto;
      }

      .logoimg-footer {
        padding-top:15px;
        max-width: 70%;
        box-sizing: border-box;
      }

      .contacts-main {
        display: none;
      }

      .contacts-container {
        display: none;
      }


/* indexabouteme */

.button-main-bg-ame {
    width: 200px;
}

/* education */

.education-main-mobile {
    display: block;
   }
  

   .education-container-mobile {
    display: block;
   }

   .education-container {
    display: none;
   }

   .education-inf-mobile {
    display: block;
   }
  
   .education-main {
    display: none;
    }

.education-inf {
    display: none;
}

.education-inf-1, .education-inf-2  {
    display: none;
   }
  
/* expirience */


   .expirience-inf-1,  .expirience-inf-2 {
    display: none;
}

/*  ahivements */
.ahivements-inf-1, .ahivements-inf-2 {
    display: none;
}

.ahivements-container {
    display: none;
   }

   .ahivements-inf {
    display: none;
   }


   /*  practice */

.practice-main-pr {
    display: none;
}

.practice-main-mobile-pr {
    display: block;

}
/*  practice property-protection */

.practice-pp-main {
    display: none;
}
.practice-pp-main-mobile-pr {
    display: block;
}

.practice-pp-inf-mobile {
    display: block;
   }

   .practice-pp-inf-1, .practice-pp-inf-2 { 
    display: none;
   }
   .practice-pp-inf { 
    display: none;
   }
   .practice-pp-container {
    display: none;
   }
   .practice-expirience-mobile {
   
    display: block;
  }

/*  practice сrime */

.practice-crime-container {
    display: none;
  }
  


  /*  practice juctice */

.practice-juctice-container {
    
    display: none;
   

}
   

 



@media screen and  (max-width:700px) {
    
    .logo {
        width: 70%;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .nav-button-icon {

          width: 30px;
          height: 4px; 
          
        }
        
        
        .nav-button-icon::before {
            top: -7px;
            width: 30px;
            height: 4px; 
          }
        
        
          .nav-button-icon::after {
            bottom: -7px;
            width: 30px;
            height: 4px; 
          }
}