@media (pointer: coarse), (max-width: 980px) {
/*  @media (max-width: 1000px) {  */

    #wrap {
      width: 95%;
      font-size:32px;
      line-height: 44px;
    }
    /*avalehekülg*/

    .avamodule {
      width: 100%;
      float: none;
      left: 50%;
      transform: translateX(-50%);
    }
    .avamodule .kirjeldus p{
    }
    .kirjeldus .klikiSiia {
      font-size:40px;
      line-height: 50px;
    }

    .module80mm img{
      width: 60%;
    }

    .module60mm  img{
      width: 50%;
    }

    .module30mm  img{
      width: 25%;
    }

    .avamodule img{
      left: 50%;
      transform: translateX(-50%);
    }

    /*tootelehekülg*/

    .tooteKast .pildiKast, .tooteKast .kirjeldus{
      position: relative;
      float: none;
      width: 100%;
      padding-left: 0;
      padding-right: 0;
    }

    .tooteKast .kirjeldus {
      position: relative;
      float: none;
      width: 100%;
      height: auto;
      display: block;
    }

    .tooteKast .pildiKast .pilt {
      float: none;
      left: 50%;
      transform: translateX(-50%);
    }

    .detailiKast {
/*      font-size: 20px;*/
    }
    
    .menu div {
      float: none;
      width: 96%;
      padding-top: 5px ;
      padding-bottom: 5px ;
    }

    .menu {
      padding-top: 15px ;
      padding-bottom: 15px ;
      height: auto;
      font-size: 40px;
    }

    .tooteKast .kirjeldus .lisainfo {
      border-radius: 0px;
      padding-top: 25px ;
      padding-bottom: 25px ;
    }


    .osta, .coming_soon  {
/*      padding: 15px 35px 15px 35px;*/
      font-size: 35px;
      line-height: 40px;
    }



  }