section.box-map {
 overflow: hidden;
}
 section.box-map .container {
  width: 87%;
 max-width: none !important; 
 }
 section.box-map .box-banner-mousemove {
  position: absolute;
  display: flex;
  align-items: center;
 }
 section.box-map #mousemove-banner {
  
 }
  section.box-map #mousemove-banner img {
   transform: scale(1.02);
  }
  .box-list-inter {
   position: relative;
  }
   .box-list-inter img {
    
   }
   
   .mousemove-point {
    
   }
    .mousemove-point span {
     position: absolute;
     width: 10px;
     height: 10px;
     border-radius: 50%;
     background-color: #D31C21;
     transform: translate(-50%,-50%);
    }
     .mousemove-point span:after{
     	content: '';
     	position: absolute;
     	top: 0;
     	left: 0;
     	width: 10px;
     	height: 10px;
     	border: 1px solid #D31C21;
     	border-radius: 50%;
     
     	-webkit-animation-delay: 2s;
     	-moz-animation-delay: 2s;
     	-ms-animation-delay: 2s;
     	-o-animation-delay: 2s;
     	animation-delay: 2s;
     	-webkit-animation-duration: 1.3s;
     	-moz-animation-duration: 1.3s;
     	-ms-animation-duration: 1.3s;
     	-webkit-animation-fill-mode: both;
     	-moz-animation-fill-mode: both;
     	-ms-animation-fill-mode: both;
     	animation-fill-mode: both;
     	-webkit-animation-timing-function: ease-in-out;
     	-moz-animation-timing-function: ease-in-out;
     	-ms-animation-timing-function: ease-in-out;
     	animation-timing-function: ease-in-out;
     	animation-iteration-count: infinite;
     	-webkit-animation-iteration-count: infinite;
     	-moz-animation-iteration-count: infinite;
     	-ms-animation-iteration-count: infinite;
     	-webkit-animation-name: radar;
     	-moz-animation-name: radar;
     	-ms-animation-name: radar;
     	animation-name: radar;
     }
     @-webkit-keyframes radar {
      0% {
        opacity: 0;
        -webkit-transform: scale(1.05);
      }
      10% {
        opacity: 1;
        -webkit-transform: scale(1.1);
      }
      100% {
        opacity: 0;
        -webkit-transform: scale(3.1);
      }
     }
     @-moz-keyframes radar {
      0% {
        opacity: 0;
        -moz-transform: scale(1.05);
      }
      10% {
        opacity: 1;
        -moz-transform: scale(1.1);
      }
      100% {
        opacity: 0;
        -moz-transform: scale(3.1);
      }
     }
     @keyframes radar {
      0% {
        opacity: 0;
        transform: scale(1.05);
      }
      10% {
        opacity: 1;
        transform: scale(1.1);
      }
      100% {
        opacity: 0;
        transform: scale(3.1);
      }
     }
    
   .box-list-inter .b-list-a {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
   }
    .box-list-inter .b-list-a a {
    }
     .box-list-inter .b-list-a img {
      position: absolute;
      width: 18%;
      left: 10%;
      top: 0%;
      transition: .5s;
     }
     .box-list-inter .b-list-a a:hover img {
      filter: drop-shadow(0px 0px 3px #ffffff);
      transform: scale(1.3);
     }
      
.section2 {
 background-image: url(../images/decorate/10.png),url(../images/decorate/14.png),url(../images/decorate/12.png),url(../images/decorate/13.png),url(../images/decorate/14.png),url(../images/BG-old.jpg);
 background-position-x: left,45%,30%, right,90%,center;
 background-position-y: top,42px, bottom,42px,150px,center;
 background-size: auto,auto,auto,auto,auto,100% auto;
 background-repeat: no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,repeat;
 padding-top: 40px;
}

 /* ---------------------------------------------------**** Mobile and Tablet ****--------------------------------------------------- */
 @media only screen and (min-width: 320px) and (max-width: 1024px) {
  section.section2 img {
   margin-bottom: 0px !important;
  }
  .box-style3.border-left {
   border: 0px !important;
  }
 }
 
 /* ---------------------------------------------------**** Tablet ****--------------------------------------------------- */
 @media only screen and (min-width: 768px) and (max-width: 1024px) {

  /* แนวตั้ง */
  @media only screen and (orientation:portrait){
   section.box-map .box-banner-mousemove {
    position: relative;
    padding-bottom: 55px;
   }
   section.box-map #mousemove-banner {
    position: absolute;
    top: 0px;
    height: 100%;
    left: 0px;
    background: url(../images/banner-inter.jpg) no-repeat 75.5% 7%;
    background-size: auto 110%;
    width: 100%;
   }
   section.box-map #mousemove-banner img {
    display: none;
   }
   .mousemove-head {
    padding-top: 70px;
    text-align: center !important;
   }
  }
  /* แนวนอน */
  @media only screen and (orientation:landscape){

  }
 }
 
 /* ---------------------------------------------------**** Mobile ****--------------------------------------------------- */
 @media only screen and (min-width: 320px) and (max-width: 767px) {
  .section2 {
   background-position: -200vh;
  }
  .container > h1 {
   font-size: 35px;
  }
  .box-list-inter  .mousemove-point {
   display: none;
  }
  .box-list-inter .b-list-a {
   position: initial;
   padding: 14px;
   display: flex;
   flex-flow: wrap;
   align-items: center;
   justify-content: center;
  }
  .box-list-inter .b-list-a img {
   position: initial;
   width: 100%;
  }
  section.box-map .box-banner-mousemove {
   position: initial;
   transform: none !important;
   background: url(../images/banner-inter.jpg) no-repeat center;
   background-size: cover;
   max-width: none;
   width: 100% !important;
   padding: 0px;
   display: block;
  }
  section.box-map #mousemove-banner ,
  .box-list-inter img.mousemove-line {
   display: none;
  }
  .mousemove-head {
   padding-top: 50px;
   padding-bottom: 12px !important;
   text-align: center !important;
   font-size: 28px;
  }
  .box-list-inter .b-list-a a {
   width: calc(100%/3);
  }
  section.box-map .box-banner-mousemove .row {
   margin: 0px;
  }
  section.box-map h1 {
   font-size: 29px;
  }
  /* แนวตั้ง */
  @media only screen and (orientation:portrait){
   .section2 p br {
    display: none;
   }
   .box-style2 img.px-3 {
    margin: 14px 0px;
   }
  }
  /* แนวนอน */
  @media only screen and (orientation:landscape){
   .box-list-inter .b-list-a a {
    width: calc(100%/5);
   }
  }
 }