@import url(fonts/thsarabunnew.css);
body,h1,h2,h3,h4{
	font-family:'Ubuntu','Trirong';
}
.parallax {
    /* The image used */
    background-image: url("../images/bg-chainathospital.jpg"); 
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    }.parallax-index-set{position: absolute;padding:0px 10px;}.index-step{margin:15px auto;}
.footer-copyright{background-color: #0077c8;padding: 10px 0px;color:#ffffff;}
.top-banner{
  background-color:#1cc7cf;color:#ffffff;
  /*padding:0.4rem 0rem;*/
  /*BUG CSS*/
}

#txt_search.form-control{border-bottom: 1px solid #ffffff !important;}#txt_search.form-control:focus{box-shadow: none !important;}#txt_search.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color:#ffffff;opacity: 1; /* Firefox */}#txt_search.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */color:#ffffff;}#txt_search.form-control::-ms-input-placeholder { /* Microsoft Edge */color:#ffffff;}
.top-index-queue{
  background-color:#0077c8;color:#ffffff;padding: 0.2rem 1rem;
}.under-line-queue{
  border-bottom:3px solid #0077c8;
}.index-header-step{
  margin-top: 1.5rem;
}
.index-header-step>h2{width: 100%;
    text-align: center;
    border-bottom: 5px solid #3ea493;
    line-height: 0.1em;
    margin: 10px 0 20px;}
.index-header-step>h2>span{background: #fff;
    padding: 0 10px;
    color: #000000;}
/* START MEDIA */
@media screen and ( min-width: 320px ){
   .parallax {
    /* Set a specific height */
     min-height: 700px; 
    }.left-pala-index{
        text-indent: 1.5em;margin-top:25px;
    }.right-pala-index{
        margin-top:25px;
    }
     .modal-dialog#mymodal{
      min-width: 100%;
      height: 100%;
      margin: 0;
      padding: 0;
    }.modal-content#mymodalcontent {
      height: auto;
      min-height: 100%;
      border-radius: 0;
    }
    .schedule_catch_lg{
      display: none;
    }
    .top-banner-sub-1-1-left,.top-banner-sub-1-left,.top-banner-sub-1-1-right{
      text-align: center;
    }
     img#images-see-q-icon{
      display:none !important;
    }.count_queue,.count_queue_right{
      text-align: center;
    }.view-queue{
      border-right: none;
    }.txt-head-dep{
      font-size: 28px;
      color:#000000;
    }.txt-head-get-queue{
      font-size: 28px;
    }h4.error-txt,h5.submenu-text{
      font-size: 13px;
    }
}
@media screen and ( min-width: 576px ){
   .parallax {
    /* Set a specific height */
     min-height: 800px; 
    }.left-pala-index{
        text-indent: 1.5em;margin-top:150px;
    }.right-pala-index{
        margin-top:50px;
    }
    .modal-dialog#mymodal{
      min-width: 100%;
      height: 100%;
      margin: 0;
      padding: 0;
    }
    .modal-content#mymodalcontent {
      height: auto;
      min-height: 100%;
      border-radius: 0;
    }.schedule_catch_lg{
      display: none;
    }.top-banner-sub-1-1-left,.top-banner-sub-1-left,.top-banner-sub-1-1-right{
      text-align: center;
    }
     img#images-see-q-icon{
      display:none !important;
    }.count_queue,.count_queue_right{
      text-align: center;
    }.view-queue{
      border-right: none;
    }.txt-head-dep{
      font-size: 28px;
      color:#000000;
    }.txt-head-get-queue{
      font-size:28px;
    }h4.error-txt,h5.submenu-text{
      font-size: 16px;
    }h4.error-txt,h5.submenu-text{
      font-size: 12px;
    }
  
}
@media screen and ( min-width: 768px ){
  .parallax {
    /* Set a specific height */
     min-height: 500px; 
    }.left-pala-index{
        text-indent: 1.5em;margin-top:150px;
    }.right-pala-index{
        margin-top:90px;
    }
    .modal-dialog#mymodal{
      min-width: 90%;
      height: 100%;
      margin: 0;
      padding: 0;
    }.modal-content#mymodalcontent {
      height: auto;
      min-height: 100%;
      border-radius: 0;
    }.top-banner-sub-1-1-left,.top-banner-sub-1-left,.top-banner-sub-1-1-right{
      text-align: center;
    }
     img#images-see-q-icon{
       width: 60%;margin-top:37px;margin-right:-65px;display:block !important;
    }.count_queue,.count_queue_right{
      text-align: center;
    }.view-queue{
      border-right: none;
    }.txt-head-dep{
      font-size: 30px;
      color:#000000;
    }.txt-head-get-queue{
      font-size: 30px;
    }h4.error-txt,h5.submenu-text{
      font-size: 16px;
    }
  
}@media screen and ( min-width: 787px ){
    .schedule_catch_lg{
      display: none;
    }.top-banner-sub-1-1-left,.top-banner-sub-1-left,.top-banner-sub-1-1-right{
      text-align: center;
    }
    img#images-see-q-icon{
      width: 60%;margin-top:33px;margin-right:-65px;display:block !important;
    }.count_queue{
      text-align: right;
    }.count_queue_right{
      text-align: left;
    }.view-queue{
      border-right: none;
    }.txt-head-dep{
      font-size: 30px;
      color:#000000;
    }.txt-head-get-queue{
      font-size: 30px;
    }h4.error-txt,h5.submenu-text{
      font-size: 18px;
    }
}
@media screen and ( min-width: 992px ){
    .parallax {
    /* Set a specific height */
     min-height: 450px; 
    }
    .modal-dialog#mymodal{
      min-width: 80%;
      height: 100%;
      margin: 0;
      padding: 0;
    }
    .modal-content#mymodalcontent {
      height: auto;
      min-height: 100%;
      border-radius: 0;
    }
    .schedule_catch_lg{
          display: list-item;
    }.top-banner-sub-1-1-left{
      text-align: right;
    }.top-banner-sub-1-1-right{
      text-align: left;
    }
    img#images-see-q-icon{
      width: 60%;margin-top:20px;margin-right:-65px;display:block !important;
    }.count_queue{
      text-align: right;
    }.count_queue_right{
      text-align: left;
    }.view-queue{
      border-right: 3px solid #ffffff;
    }.txt-head-dep{
      font-size: 40px;
      color:#000000;
    }.txt-head-get-queue{
      font-size: 40px;
    }h4.error-txt,h5.submenu-text{
      font-size: 20px;
    }
}
@media screen and ( min-width: 1200px ){
    .parallax {
    /* Set a specific height */
     min-height: 400px; 
    }.left-pala-index{
        text-indent: 1.5em;
        margin-top:120px;
    }.right-pala-index{
        margin-top:50px;
    }.modal-dialog#mymodal{
      min-width: 80%;
      height: 100%;
      margin: 0;
      padding: 0;
    }.modal-content#mymodalcontent {
      height: auto;
      min-height: 100%;
      border-radius: 0;
    }.schedule_catch_lg{
      display: list-item;
    }.top-banner-sub-1-left{
      text-align:right;
      font-size: 20px;
    }.top-banner-sub-1-right{
      text-align:left;font-size: 20px;
    }.top-banner-sub-1-1-left{
      text-align: right;
    }.top-banner-sub-1-1-right{
      text-align: left;
    }
    img#images-see-q-icon{
      width: 60%;margin-top:5px;margin-right: -70px; display:block !important;
    }.count_queue{
      text-align: right;
    }.count_queue_right{
      text-align: left;
    }.view-queue{
      border-right: 3px solid #ffffff;
    }.txt-head-dep{
      font-size: 40px;
      color:#000000;
    }.txt-head-get-queue{
      font-size: 40px;
    }h4.error-txt,h5.submenu-text{
      font-size: 22px;
    }
}
/* END MEDIA */