@media (max-width:1200px) 
{
.container-p-75 {padding:0 20px 0px 20px;}
}

.mobile-show,.sm-show{display:none}

/* =========== ipad: แนวนอน =========== */
@media only screen and (max-width: 1124px) 
{
  .columns {
    padding: 0px;
  }
  .count3 {
    -webkit-column-count: 2;
    column-count: 2;
    -moz-column-count: 2;
  }
  .count4 {
    -webkit-column-count: 3;
    column-count: 3;
    -moz-column-count: 3;
  }
  .count5 {
    -webkit-column-count: 4;
    column-count: 4;
    -moz-column-count: 4;
  }
  .form-catalog {
    margin-right: 15px
  }
	
.fes4-cont{
padding-top:60px;
padding-bottom:30px;
}
	

	
}
/* =========== ipad: แนวตั้ง  =========== */
@media only screen and (max-width: 834px) {
  #loginname {
    display: none
  }
  .cell, .cell75, .cell60, .cell40 {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
  }
  .box-map {
    display: block;
    width: 100%;
    height: 225px;
    margin-bottom: 4px
  }
  .box-job {
    display: block;
    width: 100%;
    height: auto;
  }
  .concept {
    width: 100%;
    font-size: 120%;
    text-align: center
  }
  .box-image.buttom .concept {
    width: 100%;
    text-align: center;
    top: 15%
  }
  .row-eq-height {
    display: block;
  }
  .booking-map iframe {
    min-height: 250px
  }
  .border-left {
    padding: 0px;
    border: 0px
  }
  .box-subject {
    font-size: 1.25em
  }
  .ipad-hide {
    display: none
  }
  .slideshowwrapper {
    height: 391px;
  }
  table.standard td.tourtime {
    display: none
  }
  .count3, .count4, .count5 {
    -webkit-column-count: 2;
    column-count: 2;
    -moz-column-count: 2;
  }
  .service-tag {
    height: 75px
  }
  .service-tag div.frame {
    width: 132px
  }
  .service-tag div.service {
    height: 64px;
    padding: 0px 5px;
    margin: 7px 0px 0px 0px;
    left: 135px
  }
  .box-wrapper:after {
    padding-top: 100%;
    margin-bottom: 100%;
  }
  .box-wrapper.special:after {
    padding-top: 60%;
    margin-bottom: 60%;
  }
  .colbox {
    border: 1px solid #FFF;
  }
  .col.w25 {
    width: 50%
  }
  .col.w33 {
    width: 50%
  }
  .col.w33.extra {
    display: block
  }
  .col.w34 {
    width: 50%
  }
}
/* =========== iphone: แนวนอน =========== */
@media only screen and (max-width: 767px) 
{
.white-bg-sm-transparent{background-color:transparent}
.white-bg-sm-transparent hr{border-bottom: 1px solid #ccc}
	
.mobile-overflow-auto {overflow-y: auto;}
	

	
.form-control,#btn-title{padding: 8px 12px;}
.form-control.form-pl-35 {padding-left: 35px;}
	
.input-label {top: 8px;}
	
.logo-img {font-size: 1.4em}
.logo-2, .header.no-transparent .logo-2 {padding: 9px 0 4px 20px;}
.hamb-mob-icon {padding: 15px 15px 7px 5px;}
.cd-header-buttons {top: 11px;}
.cd-search {height: 52px;}

.p-sm-0 {padding: 0 !important;}
.mb-lg-20-sm-3 {margin-bottom:3px}
.mb-lg-20-sm-0 {margin-bottom:0px}
	
.light-72 {line-height: 44px;}
.overlay{padding-bottom: 145%;}
.overlay iframe{width: 260%;left: -80%;}
.overlay .concept {top: 40%}
.overlay .concept span {display: none}

/*.dl-horizontal dd{padding-bottom:10px}*/
.count3,.count4,.count5{-webkit-column-count: 1;column-count: 1;-moz-column-count: 1;}
.sm-hide,.mobile-hide{display:none}
.sm-show,.mobile-show{display:block}
.sm-float-none{ float: none}

.catalog-horizon {position:relative;width:100%;height: auto; color:#444;text-align:left;display:inline-block;background-color:#fff;border:0px;margin: 0 0 15px 0;}
.catalog-horizon-image{width:100%;height:auto;overflow:auto;text-align:center;position:relative;background-color: #000}
.catalog-horizon-image img[src$=".jpg"] {width:100%;height:auto;margin: 0;}
.catalog-horizon .box-horizon{position:relative;left:0px;height:auto;margin:0px}
.catalog-horizon .tour-offer-l {padding:20px 15px 5px 15px;border-bottom:1px solid #ede7e1;}
.catalog-horizon .tour-offer-r{position:relative;float:none;height:50px;width:100%;border:0px;text-align:left;padding:0 15px;}
.catalog-horizon .tour-rating{position: absolute;right:15px;top:-118px}
.catalog-horizon .tour-offer-r b {font-weight: normal;letter-spacing: -0.03em;display: block;font-size: 20px;margin:0;color:#0687ec;line-height:0px;right:15px;position: absolute;top:10px}
.catalog-horizon .tour-offer-r span {font-size: 9px;font-weight: 600;color: #939393;line-height:9px;right:15px;position: absolute;bottom:15px}
.catalog-horizon .tour-overview{margin:15px 15px 5px 15px}
.catalog-horizon .button{margin-top:0px;}

.nav>li>a{padding:8px 10px;}
	


.box-notice {border:1px solid #E5E3E1;padding:25px;text-align:left;background-color:#FFFF99;margin-bottom:45px}
.page-title {font-size: 15px;}

	
.contact-form-cont,.catalog-tour {padding:30px 15px 20px 15px;background-color: transparent;}
.flightbox{border:0px;background-color: transparent;margin:0px}.flightbox div{padding:0px}
	


.flexslider .slides > li {height: 125vw;overflow: hidden;}
.flexslider .slides > li > img {width: 100%;  height: 100%; object-fit: cover;}
#thumbbox{display:none}
.sm-border-bottom{border-bottom: 1px solid #ccc}
.sm-mt-15{margin-top:15px}
.sm-p-20{padding: 20px}
.sm-pt-pb-10{padding-top:10px;padding-bottom:10px}
	
.section-title {
    padding: 20px 23px 22px 23px;
    font-size: 20px;
    line-height: 20px;
}
	
}
/* =========== iphone: แนวตั้ง  =========== */
@media only screen and (max-width: 576px) 
{
.progress{max-width:auto}
.dl-horizontal dd{margin-bottom:15px;text-align: justify}
}