body { font-size: 14px; font-family: Kanit, Helvetica, Arial, sans-serif; background: #eee; }

label {font-weight: 400; margin-bottom: 8px;}
.mb-4, .my-4 {
  margin-bottom: 1.5rem !important;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;


padding-right: 15px;
padding-left: 15px;
}

.container { width: 1200px;}
.warp_search_n {padding-top: 20px; padding-bottom: 10px;}
.bg_img_homesearch {
	background-image: url( https://www.sam.or.th/site/sam/wp-content/uploads/2018/11/bg-home_search2.jpg );
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top center;
}

.box_search_n { width: 100%; height: 125px; padding: 20px; box-shadow: 0 5px 5px rgba(0,0,0,.1); border-radius: 0px 0px 10px 10px; background: white; }

.head_tab_search_n {margin-top: 0px;}
.head_tab_search_n span {
  display: inline;
  padding: 6px 20px 12px 38px;
  border-radius: 10px 10px 0 0;
  color: #fff;
	background-color: #e1a6ad;
	font-size: 20px;
}

.head_tab_search_n span::before {

    content: url(https://www.sam.or.th/site/sam/wp-content/uploads/2018/10/icon_search.png);
    position: absolute;
    top: 12px;
    left: 25px;

}
.bt_search {
  margin: 29px 0;
  text-align: left;
}
.bt_search .btn-success {
  background-color: #286140;
  border-color: #286140;
}
.bt_search .btn-success:hover {
  background-color: #e1a6ad;
  border-color: #e1a6ad;
}

.box_icon { width: 100%; height: 220px; padding: 30px 30px 38px; box-shadow: 0 5px 5px rgba(0,0,0,.1); border-radius: 10px; background: white; border: 3px solid #fff; 
	transition : border 200ms ease-out; margin-bottom: 28px;}
.box_icon:hover {border: 3px solid #286140; text-decoration: none;}
.box_icon h4 { color: #222;}
.box_icon h4:hover {text-decoration: none;}
.box_header .heading {font-size: 20px;}
.image_ic {}
.image_ic img { margin-bottom: 10px;}

.bt_anm.e_cat {
  display: inline-block;
}


@media (min-width: 320px) and (max-width: 992px) {
	.container { width: 100%;}
	.box_search_n {height: auto;}
	.box_header .heading {
  font-size: 16px;
}
}

@media (min-width: 321px) and (max-width: 428px) {
.head_tab_search_n span {font-size: 15px;}
.bt_anm {
  margin-top: -2px;
  text-align: center;
  background: #286140;
}
.bt_anm img {width: auto; height: auto;}
.box_header .heading {
  font-size: -2px;
}
.bt_anm.e_cat {
  display: block;
  margin: 0 auto 1px;
  border-bottom: 2px solid #276d44 !important;
}
}
@media only screen and (max-width: 320px) {
.container { width: 100%;}
.head_tab_search_n {
  margin-top: 10px;
}
.box_search_n {height: auto;}
.box_header .heading {font-size: 16px;}
.head_tab_search_n span::before {top: 10px;}
.head_tab_search_n span {font-size: 12px;}
.head_tab_search_n a {float: right;}
.head_tab_search_n a > img {
    width: 120px;
    height: auto;
    position: absolute;
    right: 15px;
    top: 6px;
  }
.bt_anm {
  margin-top: 9px;
  text-align: center;
  background: #286140;
}

}