#smallsearch #selcountry {
  min-width: 100%;
  max-width: 100%;
  width: 100%;
  margin-left: 12px;
}

#smallsearch #selprovince {
  min-width: 100%;
  max-width: 100%;
  width: 100%;
}

.resort_link {
  height: 22px;
  float: right;
  width: auto;
}


@media screen and (max-width: 620px) {
  .col {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    overflow: initial;
  }

  .prog {
    height: 126vh;
  }


  h2 {
    font-size: 1.3rem;
  }

  #IHTm {
    margin-left: 0px;
    margin-right: 0px;
    padding-bottom: 20px;
  }

  .resort_link {
    height: 28px;
    width: auto;
  }
}


@media (min-width: 768px) {
  .getting-started {
    -ms-flex: 0 0 50%;
    /* flex: 0 0 50%; */
    max-width: 50%;
    padding-left: 100px;
  }

  #smallsearch #selcountry {
    min-width: 60%;
    max-width: 60%;
    width: 60%;
    margin-left: 12px;
  }

  #smallsearch #selprovince {
    min-width: 60%;
    max-width: 60%;
    width: 60%;
  }


  #rgnlist2 {
    text-align: left;
  }

  #tdate2 {
    padding-left: 55px;
  }
}

@media (max-width:1020px) {
  #dabody {
    overflow: scroll;
    min-height: 100vh;
    max-height: 100vh;
    height: 100vh;
  }

  #bgi {
    background-color: rgba(255,255,255,0.9);
    position: absolute;
    top: 0px;
    left: 0px;
    min-height: 0px;
    max-height: 0px;
    height: 0px;
    min-width: 0px;
    max-width: 0px;
    width: 0px;
    background-image: url('/images/webavbbackground_mobile.jpg');
    opacity: 0.1;
  }

  #samap {
    display: none;
  }

  .ffoter {
    /* display: none;*/
  }

  #spncrt span {
    font-size: 10px;
  }

  #spncrt p {
    font-size: 16px;
  }

  #spncrt img {
    width: 40px;
    cursor: pointer;
  }

  #admlgns {
    /*display: none;*/
  }

  .resortinfo img {
    width: 25px;
    float: right;
    cursor: pointer;
  }

  #smalltext {
    border-bottom: 1px solid;
    margin-bottom: 50px;
    display: block;
    width: 100%;
    color: black;
  }

  #smallt {
    display: none;
  }

  #searchscreen {
    overflow: hidden;
    width: 100%;
    border: none;
    margin-top: 0px;
    padding-top: 0px;
    float: left;
    /*height: 25vh;*/
    /*overflow-y: auto;*/
  }

  #wxtdiv img {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    cursor: auto;
  }

  .hdrimg {
    right: 0%;
  }

    .hdrimg #fll {
      float: right;
    }

      .hdrimg #fll th {
        display: none;
      }

  #jt {
    margin-top: 20px;
    display: block;
    display: inline-block;
    background-color: red;
    border-color: red;
  }

  .col {
    width: 100%;
    float: left;
    text-align: center;
  }

    .col p {
      text-align: center;
    }

      .col p label {
        font-size: 12px;
        margin: 1px;
        padding: 1px;
        width: 30%;
        margin: 1.4%;
      }

    .col select {
      font-size: 14px;
    }

  #rgnlist label {
    min-width: 75%;
    max-width: 75%;
    width: 75%;
    text-align: left;
    padding-left: 10px;
    font-size: 4vw;
  }

  label {
    font-size: 1vw;
  }

  #rgnlist input[type="checkbox"] {
    float: left;
    margin-left: 10%
  }



  #mlogo {
    /*min-width:100%;
     max-width:100%;*/
    width: 100%;
  }

  #mainadmin input {
    display: none;
  }

  .mainadmin {
    min-height: 50px;
    max-height: 50px;
    float: left;
    display: block;
    display: inline-block;
    min-width: 100%;
    max-width: 100%;
    width: 100%;
    padding-left: 1%;
    position: fixed;
    top: 0px;
    left: 0px;
    display: none;
  }

    .mainadmin p {
      font-size: 10px;
      margin: 1px;
      padding: 2px;
    }

    .mainadmin table tr td label {
      min-width: 30%;
      max-width: 30%;
      font-size: 8px;
    }

    .mainadmin label:nth-child(2) {
      min-width: 30%;
      max-width: 30%;
    }

    .mainadmin label:nth-child(4) {
      min-width: 30%;
      max-width: 30%;
    }

    .mainadmin select {
      font-size: 12px;
      font-size: 1.52em;
    }

  #md {
    padding: 3px;
    margin: 3px;
    float: left;
    max-width: 99%;
    min-width: 99%;
    left: 0%;
    transform: translate(-0%);
    display: block;
    position: relative;
    overflow-y: auto;
  }

  body {
    padding: 3px;
    margin: 3px;
  }

  .hdrdivimg {
    float: left;
    width: 100%;
    height: 250px;
    display: inline-block;
    display: block;
    background-repeat: no-repeat;
    overflow-y: hidden;
  }

  .yourdetails {
    min-width: 96%;
    max-width: 96%;
    width: 96%;
    text-align: center;
    border: 2px solid black;
    -webkit-overflow-scrolling: touch;
    position: fixed;
    top: 0px;
    overflow: hidden;
    overflow-y: auto;
    height: 97vmax;
    margin-left: 5px;
  }

    .yourdetails p {
      width: 99.5%;
      margin-left: 5%;
      margin: 0px;
      padding: 0px;
      float: left;
      font-size: 12px;
      text-align: left;
    }

    .yourdetails input {
      width: 90%;
      float: left;
      margin: 2px;
      margin-left: 10px;
      padding: 0px;
      min-height: 28px;
      padding: 3px;
      padding-top: 1px;
      max-width: 89.5%;
      min-width: 89.5%;
    }


    .yourdetails textarea {
      float: left;
      margin: 0px;
      padding: 0px;
      margin-left: 10px;
      font-size: 12px;
      border-width: thin;
      padding: 3px;
      padding-top: 1px;
      max-height: 55px;
      min-height: 55px;
      max-width: 89.5%;
      min-width: 89.5%;
    }


    .yourdetails #fnh {
      width: 90%;
      margin-left: 5%;
    }

    .yourdetails #fnhS {
      width: 90%;
      margin-left: 5%;
    }




    .yourdetails br {
      display: block;
    }

    .yourdetails input[type="checkbox"] {
      margin: 0px;
      margin-left: 5%;
      margin-top: 30px;
      border-radius: 5px;
    }

    .yourdetails label {
      padding-left: 3px;
      max-width: 75%;
      min-width: 75%;
      margin-left: -7.5%;
      border: 2px solid;
      border-radius: 5px;
      font-size: 3vw;
    }

    .yourdetails input[type="button"] {
      max-width: 48%;
      min-width: 48%;
      margin-left: 25%;
      border-radius: 5px;
      border: 2px solid;
      cursor: pointer;
      margin-top: 5px;
    }


 /* .ava img {
    max-height: 50px;
  }
*/

  .shoppingchart {
    top: 60px;
    left: 1%;
    min-height: 50px;
    min-width: 99%;
    padding: 2px;
    font-size: 2.5vw;
  }

  h2 {
    min-width: 100%;
    max-width: 100%;
    width: 100%;
  }

  .mainadmin label {
    min-width: 22%;
    max-width: 22%;
    width: 22%;
    min-height: 60px;
    max-height: 60px;
  }

  #TH {
    margin-top: 5px;
  }

  #theavailability {
    width: 99.5%;
    font-size: 2.5vw;
    margin-left: 1px;
  }

    /*#theavailability img {
      width: 15px;
    }*/

    #theavailability .resortinfo {
      max-height: 295px;
      position: absolute;
    }

      #theavailability .resortinfo iframe {
        max-height: 85%;
      }

  .ava {
    font-size: 9px;
  }

    .ava table tbody td {
      font-size: 9px;
    }

  #smallsearch {
    font-size: 10px;
  }

    #smallsearch input {
      min-height: 25px;
      max-height: 25px;
      height: 25px;
      min-width: 105px;
      max-width: 105px;
      width: 105px;
      padding: 4px;
    }

    #smallsearch select {
      padding: 3px;
      min-height: 38px;
      max-height: 38px;
      height: 38px;
      min-width: 50%;
      max-width: 50%;
      width: 50%;
    }

  .col #tnts {
    min-width: 145px;
    max-width: 145px;
    width: 145px;
  }

  .ava table tbody td:nth-child(1) {
    text-align: left;
  }

  .ava table thead td {
    padding: 2px;
    min-width: 10px;
  }

  .ava table tbody td {
    padding: 2px;
    min-width: 10px;
  }

  .ava table {
    min-width: 96%;
    max-width: 98%;
    width: auto;
  }

  .shoppingchart table th, td {
    font-weight: normal;
    font-size: 12px;
    min-width: 4px;
  }

  .shoppingchart table td input[type="number"] {
    min-width: 21px;
    max-width: 21px;
  }

  .shoppingchart img {
    width: 20px;
  }

  .shoppingchart table thead th {
    font-weight: bold;
  }

  .shoppingchart table tbody tr {
    border-bottom: thin dotted;
  }

    .shoppingchart table tbody tr:last-child {
      border: none;
    }

  .shoppingchart thead {
    display: none;
  }

  .col input[type="date"] {
    font-size: 14px;
    padding: 3px;
    padding-left: 8px;
    min-width: 145px;
    max-width: 145px;
    width: 145px;
  }
}




/*.yourdetails {
   
}
*/