/** Please add your Custom CSS here **/
.overlay-modal {
    display: none;
}
.modal-language  .modal-content {
    max-width: 60%;
    margin-left:20%;
  }
  .modal-language  {
    display:block;
    position:absolute;
    top:24%;
  }
  @media screen and (min-width : 3000px){
     .modal-language  .modal-content {
          max-width: 80% !important;
          width: 80% !important;
      }
      .modal-language  .modal-title{
          font-size: 1vw;
      }
  }


  
  @media screen and (max-width: 768px) and (orientation: portrait){
    .modal-language  {
        top: 24% !important;
    }
      .lang-item span{
          font-size: 4.2vw !important;
      }
      .lang-item span img {
          width: 33% !important;
      }
      .lang-item span input {
        height: 4.2vw !important;
        width: 4.2vw !important;
      }
      .modal-language  .modal-header .close span {
          font-size: 6.5vw !important;
      }
  }


    
  @media screen and (max-width: 991px) and (orientation: landscape){
    .modal-language  {
        top: 0px !important;
    }
    .lang-item {
        padding-top: .2em !important;
        padding-bottom: .2em !important;
    }
    .lang-item span{
        font-size: 2vw !important;
    }
    .lang-item span input {
        height: 2vw !important;
        width: 2vw !important;
    }
    .modal-language .modal-header .close span {
        font-size: 3vw !important;
    }
  }

  @media screen and (min-width: 769px)  and (max-width: 1024px) and (orientation: portrait){ 
    .modal-language  {
        top: 24% !important;
    }
    .lang-item span{
        font-size: 2.5vw !important;
    }
    .lang-item span input {
        height: 2.2vw !important;
        width: 2.2vw !important;
      }
      .modal-language  .modal-header .close span {
        font-size: 3.5vw !important;
      }
  }

  
  @media screen and (min-width: 992px)  and (max-width: 1080px) and (orientation: landscape){ 
    .modal-language  {
        top: 24% !important;
    }
    .lang-item span{
        font-size: 2vw !important;
    }
    .lang-item span input {
        height: 2.1vw !important;
        width: 2.1vw !important;
      }
     .modal-language  .modal-header .close span {
        font-size: 3.5vw !important;
      }
  }

