/*
iphone Se
*/
@media (min-width: 320px) and (max-width: 370px) {
  
	.text-news {
		font-size:20px;
	}
	
	.text-systemname {
	  font-size:19px;
	} 	
	
	.text-systemname2 {
	  font-size:25px;
	} 	

	.icon-services {
		width:130px;
		height:140px;
	}
	
	.img-circle {
		width:70px;
		height:70px;		
	}
	
	.profile-user-img {
		width: 70px;
	}	
	
	.font-icon-service {
		font-size:22px;
	}
	
	.button_next {
		font-size:20px;
	} 	
	
	.date_show {
		font-size:30px;
		line-height:30px;
	} 		

	.oapp_show {
		font-size:20px;
		line-height:20px;
	} 

	.time_show {
		font-size:40px;
		line-height:40px;
	} 
	
	.label_checkin {
		font-size:25px;		
	}

	.label_sampledate {
		font-size:20px;		
	}

	.div_height_sample {
		height:20px;		
	}
	
	.input_checkin {		
		width:160px;
		font-size:17px;
	}	

	.input_combo_select_sp {	
		height:30px;
		font-size:25px;
		text-indent:20px;			
		-webkit-appearance: none;        /*Removes default chrome and safari style*/
		-moz-appearance: none;          /* Removes Default Firefox style*/
		background: transparent url("/assets/img/select-arrow-down.png") no-repeat right center;	
		width:95%;
		background-size: 20px;
		background-position: calc(100% - 5px) center;
		background-repeat: no-repeat;
		background-color: #efefef;			
	}	

	.image_hn {
		height:100px;
		width:100px;	
	} 		
	
	.text_user_head {
	  font-size:25px;
	} 	
	  
	.text_user_title {
	  font-size:23px;
	} 

	.text_user_detail0 {
	  font-size:20px;
	} 

	.text_user_detail {
	  font-size:15px;
	} 
	  
	.text_queue_detail{
	  font-size:15px;		
	}
	  
	.list-group-item {
		height: 35px;
	}	

	.fa{
	  font-size: 20px;
	}			
}


/*
iphone 6 7 plus
*/

@media (min-width: 375px) and (max-width: 480px) {
  
	.text-news {
		font-size:25px;
	}
	
	.text-systemname {
	  font-size:25px;
	} 	

	.text-systemname2 {
	  font-size:30px;
	} 	

	.icon-services {
		width:150px;
		height:170px;
	}
	
	.img-circle {
		width:80px;
		height:80px;		
	}
	
	.profile-user-img {
		width: 80px;
	}	
	
	.font-icon-service {
		font-size:30px;
	}
	
	.button_next {
		font-size:30px;
	} 	
	
	.date_show {
		font-size:30px;
		line-height:30px;
	} 		

	.oapp_show {
		font-size:20px;
		line-height:20px;
	} 

	.time_show {
		font-size:60px;
		line-height:60px;
	} 
	
	.label_checkin {
		font-size:40px;		
	}

	.label_sampledate {
		font-size:30px;		
	}

	.div_height_sample {
		height:30px;		
	}
	
	.input_checkin {		
		width:260px;
		font-size:28px;
	}	

	.input_combo_select_sp {	
		height:30px;
		font-size:25px;
		text-indent:50px;	
		-webkit-appearance: none;        /*Removes default chrome and safari style*/
		-moz-appearance: none;          /* Removes Default Firefox style*/
		background: transparent url("/assets/img/select-arrow-down.png") no-repeat right center;	
		width:95%;
		background-size: 20px;
		background-position: calc(100% - 5px) center;
		background-repeat: no-repeat;
		background-color: #efefef;			
	}	

	.image_hn {
		height:100px;
		width:100px;	
	} 		
	
	.text_user_head {
	  font-size:25px;
	} 	
	  
	.text_user_title {
	  font-size:23px;
	} 

	.text_user_detail0 {
	  font-size:20px;
	} 

	.text_user_detail {
	  font-size:18px;
	} 

	.text_queue_detail{
	  font-size:25px;		
	}
	
	.list-group-item {
		height: 35px;
	}	
	
	.fa{
	  font-size: 20px;
	}	
	
}

@media (min-width: 481px) and (max-width: 767px) {
  
	.text-news {
		font-size:25px;
	}
	
	.text-systemname {
	  font-size:30px;
	} 	

	.text-systemname2 {
	  font-size:25px;
	} 	

	.icon-services {
		width:120px;
		height:140px;
	}
	
	.img-circle {
		width:70px;
		height:70px;		
	}
	
	.profile-user-img {
		width: 70px;
	}	
	
	.font-icon-service {
		font-size:25px;
	}	
	
	.button_next {
		font-size:40px;
	} 	
	
	.date_show {
		font-size:30px;
		line-height:30px;
	} 		

	.oapp_show {
		font-size:25px;
		line-height:25px;
	} 

	.time_show {
		font-size:60px;
		line-height:60px;
	} 
	
	.label_checkin {
		font-family: "TH SARABUN NEW BOLD";
		font-size:40px;		
	}
	
	.label_sampledate {
		font-family: "TH SARABUN NEW BOLD";
		font-size:20px;		
	}

	.div_height_sample {
		height:40px;		
	}	
	
	.input_checkin {		
		width:400px;
		height:50px;
		font-size:40px;
	}	

	.input_combo_select_sp {	
		height:50px;
		font-size:30px;
		text-indent:90px;			
		-webkit-appearance: none;        /*Removes default chrome and safari style*/
		-moz-appearance: none;          /* Removes Default Firefox style*/
		background: transparent url("/assets/img/select-arrow-down.png") no-repeat right center;	
		width:95%;
		background-size: 20px;
		background-position: calc(100% - 5px) center;
		background-repeat: no-repeat;
		background-color: #efefef;			
	}

	.image_hn {
		height:100px;
		width:100px;	
	} 	
	
	.text_user_head {
	  font-size:40px;
	} 	
	
	.text_user_title {
	  font-size:30px;
	} 

	.text_user_detail0 {
	  font-size:25px;
	} 	

	.text_user_detail {
	  font-size:25px;
	} 	

	.text_queue_detail{
	  font-size:30px;		
	}
	
	.fa{
	  font-size: 20px;
	}		
}

@media (min-width: 481px) and (max-width: 767px) and (orientation: landscape) {
  
	.text-news {
		font-size:25px;
	}
	
	.text-systemname {
	  font-size:30px;
	} 	

	.text-systemname2 {
	  font-size:40px;
	} 	

	.icon-services {
		width:170px;
		height:190px;
	}
	
	.img-circle {
		width:70px;
		height:70px;		
	}

	.profile-user-img {
		width: 70px;
	}
	
	.font-icon-service {
		font-size:25px;
	}
	
	.button_next {
		font-size:40px;
	} 	
	
	.date_show {
		font-size:30px;
		line-height:30px;
	} 		

	.oapp_show {
		font-size:25px;
		line-height:25px;
	} 

	.time_show {
		font-size:60px;
		line-height:60px;
	} 
	
	.label_checkin {
		font-family: "TH SARABUN NEW BOLD";
		font-size:40px;		
	}
	
	.label_sampledate {
		font-family: "TH SARABUN NEW BOLD";
		font-size:20px;		
	}

	.div_height_sample {
		height:40px;		
	}	
	
	.input_checkin {		
		width:400px;
		height:50px;
		font-size:40px;
	}	

	.input_combo_select_sp {	
		height:50px;
		font-size:30px;
		-webkit-appearance: none;        /*Removes default chrome and safari style*/
		-moz-appearance: none;          /* Removes Default Firefox style*/
		background: transparent url("/assets/img/select-arrow-down.png") no-repeat right center;	
		width:95%;
		background-size: 20px;
		background-position: calc(100% - 5px) center;
		background-repeat: no-repeat;
		background-color: #efefef;			
	}

	.image_hn {
		height:100px;
		width:100px;	
	} 	
	
	.text_user_head {
	  font-size:40px;
	} 	
	
	.text_user_title {
	  font-size:30px;
	} 

	.text_user_detail0 {
	  font-size:25px;
	} 	

	.text_user_detail {
	  font-size:25px;
	} 	
	
	.text_queue_detail{
	  font-size:30px;		
	}
	
	.list-group-item {
		height: 45px;
	}	

	.fa{
	  font-size: 30px;
	}		
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 1024px to 1366px
*/
@media (min-width: 768px) and (max-width: 1000px) {
	
	.text-news {
		font-size:50px;
	}
	
	.text-systemname {
	  font-size:50px;
	} 	

	.text-systemname2 {
	  font-size:50px;
	} 	

	.icon-services {
		width:230px;
		height:250px;
	}
	
	.img-circle {
		width:100px;
		height:100px;		
	}

	.profile-user-img {
		width: 100px;
	}
	
	.font-icon-service {
		font-size:40px;
	}
	
	.button_next {
		font-size:50px;
	} 	
	
	.date_show {
		font-size:60px;
		line-height:60px;
	} 		

	.oapp_show {
		font-size:40px;
		line-height:40px;
	} 

	.time_show {
		font-size:110px;
		line-height:110px;
	} 		
	
	.label_checkin {
		font-family: "TH SARABUN NEW BOLD";
		font-size:60px;		
	}
	
	.label_sampledate {
		font-family: "TH SARABUN NEW BOLD";
		font-size:30px;		
	}

	.div_height_sample {
		height:60px;		
	}	

	.input_checkin {		
		width:500px;
		font-size:50px;
	}		
	
	.input_combo_select_sp {	
		height:80px;
		font-size:50px;
		text-indent:90px;			
		-webkit-appearance: none;        /*Removes default chrome and safari style*/
		-moz-appearance: none;          /* Removes Default Firefox style*/
		background: transparent url("/assets/img/select-arrow-down.png") no-repeat right center;	
		width:95%;
		background-size: 30px;
		background-position: calc(100% - 20px) center;
		background-repeat: no-repeat;
		background-color: #efefef;			
	}
	
	.image_hn {
		height:200px;
		width:200px;	
	} 	
	
	.text_user_head {
	  font-size:60px;
	} 	
	
	.text_user_title {
	  font-size:50px;
	} 

	.text_user_detail0 {
	  font-size:40px;
	} 		

	.text_user_detail {
	  font-size:40px;
	} 		

	.text_queue_detail{
	  font-size:45px;		
	}
	
	.fa{
	  font-size: 40px;
	}	
	
	[data-notify-text], [data-notify-html] {
		font-size:50px;
	}
	
}

/* 
  ##Device = Tablets, Ipads (Landcape)
  ##Screen = B/w 1024px to 1366px
*/

@media (min-width: 768px) and (max-width: 1000px) and (orientation: landscape) {
    
	.text-news {
		font-size:50px;
	}
	
	.text-systemname {
	  font-size:50px;
	} 	

	.text-systemname2 {
	  font-size:40px;
	} 		

	.icon-services {
		width:200px;
		height:220px;
	}
	
	.img-circle {
		width:90px;
		height:90px;		
	}

	.profile-user-img {
		width: 90px;
	}
	
	.font-icon-service {
		font-size:35px;
	}
	
	.button_next {
		font-size:50px;
	} 	
	
	.date_show {
		font-size:60px;
		line-height:60px;
	} 		

	.oapp_show {
		font-size:40px;
		line-height:40px;
	} 

	.time_show {
		font-size:110px;
		line-height:110px;
	} 		  
	  
	.label_checkin {
		font-family: "TH SARABUN NEW BOLD";
		font-size:80px;		
	}
	
	.label_sampledate {
		font-family: "TH SARABUN NEW BOLD";
		font-size:40px;		
	}

	.input_checkin {		
		width:500px;
		font-size:50px;
	}		
	
	.div_height_sample {
		height:70px;		
	}		
	
	.input_combo_select_sp {	
		height:50px;
		font-size:40px;
		text-indent:100px;			
		-webkit-appearance: none;        /*Removes default chrome and safari style*/
		-moz-appearance: none;          /* Removes Default Firefox style*/
		background: transparent url("/assets/img/select-arrow-down.png") no-repeat right center;	
		width:95%;
		background-size: 30px;
		background-position: calc(100% - 20px) center;
		background-repeat: no-repeat;
		background-color: #efefef;			
	}	
	
	.image_hn {
		height:100px;
		width:100px;	
	} 	
	
	.text_user_head {
	  font-size:60px;
	} 	
	
	.text_user_title {
	  font-size:50px;
	} 
	
	.text_user_detail0 {
	  font-size:40px;
	} 		

	.text_user_detail {
	  font-size:40px;
	} 		

	.text_queue_detail{
	  font-size:50px;		
	}
	
}

/* 
  ##Device = Tablets, Ipads Pro (portrait)
  ##Screen = B/w 1024px to 1366px
*/

@media (min-width: 1024px) and (max-width: 1300px) {

	.text-news {
		font-size:60px;
	}
	
	.text-systemname {
	  font-size:60px;
	} 	

	.text-systemname2 {
	  font-size:80px;
	} 		

	.icon-services {
		width:300px;
		height:320px;
	}
	
	.img-circle {
		width:120px;
		height:120px;		
	}

	.profile-user-img {
		width: 120px;
	}
	
	.font-icon-service {
		font-size:50px;
	}
	
	.button_next {
		font-size:50px;
	} 	
	
	.date_show {
		font-size:80px;
		line-height:80px;
	} 		

	.oapp_show {
		font-size:60px;
		line-height:60px;
	} 

	.time_show {
		font-size:160px;
		line-height:160px;
	} 		
	
	.label_checkin {
		font-size:90px;		
	}
	
	.label_sampledate {
		font-size:60px;		
	}

	.div_height_sample {
		height:70px;		
	}	

	.input_checkin {		
		width:500px;
		font-size:50px;
	}		
	
	.input_combo_select_sp {	
		height:120px;
		font-size:70px;
		text-indent:100px;			
		-webkit-appearance: none;        /*Removes default chrome and safari style*/
		-moz-appearance: none;          /* Removes Default Firefox style*/
		background: transparent url("/assets/img/select-arrow-down.png") no-repeat right center;	
		width:95%;
		background-size: 30px;
		background-position: calc(100% - 20px) center;
		background-repeat: no-repeat;
		background-color: #efefef;			
	}

	.image_hn {
		height:200px;
		width:200px;	
	} 
	
	.text_user_head {
	  font-size:60px;
	} 	
	
	.text_user_title {
	  font-size:50px;
	} 

	.text_user_detail0 {
	  font-size:40px;
	} 	

	.text_user_detail {
	  font-size:40px;
	} 	

	.text_queue_detail{
	  font-size:45px;		
	}	
	
	.fa{
	  font-size: 40px;
	}	

	[data-notify-text], [data-notify-html] {
		font-size:70px;
	}	
	
}

/* 
  ##Device = Tablets, Ipads Pro (portrait)
  ##Screen = B/w 1024px to 1366px
*/

@media (min-width: 1024px) and (max-width: 1300px) and (orientation: landscape) {

	.text-news {
		font-size:60px;
	}
	
	.text-systemname {
	  font-size:60px;
	} 	

	.text-systemname2 {
	  font-size:80px;
	} 		

	.icon-services {
		width:300px;
		height:320px;
	}
	
	.img-circle {
		width:120px;
		height:120px;		
	}

	.profile-user-img {
		width: 120px;
	}

	
	.font-icon-service {
		font-size:50px;
	}
	
	.button_next {
		font-size:50px;
	} 	
	
	.date_show {
		font-size:80px;
		line-height:80px;
	} 		

	.oapp_show {
		font-size:60px;
		line-height:60px;
	} 

	.time_show {
		font-size:160px;
		line-height:160px;
	} 		
	
	.label_checkin {
		font-size:90px;		
	}
	
	.label_sampledate {
		font-size:60px;		
	}

	.div_height_sample {
		height:70px;		
	}	

	.input_checkin {		
		width:500px;
		font-size:50px;
	}		
	
	.input_combo_select_sp {	
		height:120px;
		font-size:70px;
		text-indent:100px;			
		-webkit-appearance: none;        /*Removes default chrome and safari style*/
		-moz-appearance: none;          /* Removes Default Firefox style*/
		background: transparent url("/assets/img/select-arrow-down.png") no-repeat right center;	
		width:95%;
		background-size: 30px;
		background-position: calc(100% - 20px) center;
		background-repeat: no-repeat;
		background-color: #efefef;			
	}

	.image_hn {
		height:200px;
		width:200px;	
	} 
	
	.text_user_head {
	  font-size:60px;
	} 	
	
	.text_user_title {
	  font-size:50px;
	} 

	.text_user_detail0 {
	  font-size:40px;
	} 	

	.text_user_detail {
	  font-size:40px;
	} 	

	.text_queue_detail{
	  font-size:45px;		
	}	
	
	.fa{
	  font-size: 40px;
	}	

	[data-notify-text], [data-notify-html] {
		font-size:70px;
	}	
	
}

/* 
  ##Device = Ipads Pro (Landcape)
*/

@media (min-width: 1366px) and (max-width: 1488px) {

	.text-news {
		font-size:60px;
	}
	
	.text-systemname {
	  font-size:60px;
	} 	

	.text-systemname2 {
	  font-size:90px;
	} 	

	.icon-services {
		width:120px;
		height:140px;
	}
	
	.img-circle {
		width:70px;
		height:70px;		
	}

	.profile-user-img {
		width: 80px;
	}
	
	.font-icon-service {
		font-size:25px;
	}
	
	.button_next {
		font-size:50px;
	} 	
	
	.date_show {
		font-size:80px;
		line-height:80px;
	} 		

	.oapp_show {
		font-size:60px;
		line-height:60px;
	} 

	.time_show {
		font-size:160px;
		line-height:160px;
	} 		
	
	.label_checkin {
		font-size:100px;		
	}
	
	.label_sampledate {
		font-size:70px;		
	}

	.div_height_sample {
		height:70px;		
	}	

	.input_checkin {		
		width:700px;
		font-size:70px;
	}		
	
	.input_combo_select_sp {	
		height:90px;
		font-size:60px;
		text-indent:20%;			
		-webkit-appearance: none;        /*Removes default chrome and safari style*/
		-moz-appearance: none;          /* Removes Default Firefox style*/
		background: transparent url("/assets/img/select-arrow-down.png") no-repeat right center;	
		width:95%;
		background-size: 30px;
		background-position: calc(100% - 20px) center;
		background-repeat: no-repeat;
		background-color: #efefef;			
	}
	
	.image_hn {
		height:200px;
		width:200px;	
	} 	
	
	.text_user_head {
	  font-size:100px;
	} 	
	
	.text_user_title {
	  font-size:90px;
	} 

	.text_user_detail0 {
	  font-size:60px;
	} 	

	.text_user_detail {
	  font-size:60px;
	} 	

	.text_queue_detail{
	  font-size:70px;		
	}
	
	.fa{
	  font-size: 40px;
	}		
	
	[data-notify-text], [data-notify-html] {
		font-size:70px;
	}

}

/* 
  ##Device = Ipads Pro (Landcape)
*/

@media (min-width: 1366px) and (max-width: 1488px) and (orientation: landscape) {

	.text-news {
		font-size:60px;
	}
	
	.text-systemname {
	  font-size:60px;
	} 	

	.text-systemname2 {
	  font-size:90px;
	} 	

	.icon-services {
		width:350px;
		height:370px;
	}
	
	.img-circle {
		width:150px;
		height:150px;		
	}

	.profile-user-img {
		width: 150px;
	}
	
	.font-icon-service {
		font-size:70px;
	}
	
	.button_next {
		font-size:50px;
	} 	
	
	.date_show {
		font-size:80px;
		line-height:80px;
	} 		

	.oapp_show {
		font-size:60px;
		line-height:60px;
	} 

	.time_show {
		font-size:160px;
		line-height:160px;
	} 		
	
	.label_checkin {
		font-size:100px;		
	}
	
	.label_sampledate {
		font-size:70px;		
	}

	.div_height_sample {
		height:70px;		
	}	

	.input_checkin {		
		width:700px;
		font-size:70px;
	}		
	
	.input_combo_select_sp {	
		height:90px;
		font-size:60px;
		text-indent:20%;			
		-webkit-appearance: none;        /*Removes default chrome and safari style*/
		-moz-appearance: none;          /* Removes Default Firefox style*/
		background: transparent url("/assets/img/select-arrow-down.png") no-repeat right center;
		width:95%;
		background-size: 30px;
		background-position: calc(100% - 20px) center;
		background-repeat: no-repeat;
		background-color: #efefef;
	}
	
	.image_hn {
		height:200px;
		width:200px;	
	} 	
	
	.text_user_head {
	  font-size:100px;
	} 	
	
	.text_user_title {
	  font-size:90px;
	} 

	.text_user_detail0 {
	  font-size:60px;
	} 	

	.text_user_detail {
	  font-size:60px;
	} 	

	.text_queue_detail{
	  font-size:65px;		
	}
	
	.fa{
	  font-size: 40px;
	}		
	
	[data-notify-text], [data-notify-html] {
		font-size:70px;
	}

}