@media screen and (max-width:768px) {
     .pea{
        display:none;
    }
}
@media screen and (max-width:576px) {
    .contact {
        padding-top: 35px;
        padding-bottom: 0px;
    }
    .motto {
    margin: 30px 0;
}

    .a_section_title h2 {
    font-size: 28px;
    margin-bottom: 8px;
}
    .main_header{
        min-height:200px
    }
    .motto_title h1{
        font-size:40px;
    }
    .services {
    padding-top: 20px;
    padding-bottom: 0px;
}
    .main_header h1{
        font-size:24px;
    }
    .logo-img {
    margin-left: 8px;
    }
    .header__right {
        padding: 10px 0;
    }
    .main_product{
        padding:20px 0
    }
   
}
/*loader*/

.loader svg {
  display:block;
  width:258px;
  height:258px;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
}

.tree {
  fill: green;
}

.circle-mask {
  transform-origin: 50% 90%;
  animation: scale 5s infinite ease-out;
}

@keyframes scale {
  0%, 100% {
    transform: scale(0.0);
  }
  7%, 90% {
    transform: scale(0.4);
  }
  50% {
    transform: scale(1);
  }
}