.mobileShow { display: none;}
.mobileHide { display: inline; }

  /* Smartphone Portrait and Landscape */
  @media only screen
    and (min-device-width : 320px)
    and (max-device-width : 480px){ 
      .mobileShow {display: inline;}
      .mobileHide { display: none;}
  }

  @font-face {
      font-family: Lato;
      src: url("ref/fonts/Lato-Regular.woff2") format('woff2');
    }
    @font-face {
      font-family: Lato;
      src: url("ref/fonts/Lato-Bold.woff2") format('woff2');
      font-weight: 500;
    }
    @font-face {
      font-family: Lato;
      src: url("ref/fonts/Lato-Bold.woff2") format('woff2');
      font-weight: 700;
    }
    .lato {
      font-family: Lato, -apple-system, Arial;
    }
    .text-shadow {
      text-shadow: 0 .125em .1875em rgba(0,0,0,.2);
    }
    .box-shadow {
      box-shadow: 0 .125em .1875em rgba(0,0,0,.2);
    }
    .bg-gradient {
      /*background: #483A8A;*/
      background: linear-gradient(135deg ,rgb(55 25 92 / 92%) 0 ,rgb(78 23 92 / 92%) 50% ,rgb(30 47 108 / 92%) 100%);
    }
    
    .btn-search1 {
    	background: #5CB85C;font-weight: bolder; border-color: #366c36;
    }
      ul {
      list-style: none;
      margin-bottom: 30px;
      margin-right: 50px;
      margin-top: 30px;
    }

    .custom-ul{
      font-size: 18px;
    }

    .custom-ul li{
      list-style-position: outside;
      margin-left: 2.2em;
      text-indent: -1em;
    }

    @media only screen and (max-width: 600px) 
    {
      .custom-ul{
        font-size: 16px;
      }
      .custom-li{
        font-size: 0.92em;
      }
    }