/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1500px) {
  .headerBox{
    width: 80%;

  }

}


/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1200px) {
.slider-search-form form {
	justify-content: center;
}
.headerBox{
  width: 90%;

}
}


/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
  .muen{
    display: block;
  }
  .headerBox{
    width: 100%;
    height: 5.5rem;
    justify-content: space-around;
  }
  .logo{width: 50%;}
  .menu-area {
    padding: 0;
  }
  .menu-area.sticky-menu {
    padding: 0;
    }
    .about{
      display: none;
    }
    .aboutm{
      display: block;
    }
}


/* small mobile :320px. */
@media (max-width: 767px) {

.headerBox{
  width: 100%;
  height: 5.5rem;
  justify-content: space-around;
}
.logo{width: 50%;}
.menu-area {
  padding: 0;
}
.menu-area.sticky-menu {
  padding: 0;
  }
.muen{
  display: block;
}
.transparent-logo{
  width: 100%;
  height: auto;
}
.sticky-menu .sticky-logo {
  width: 100%;
  height: auto;
}
.slider-bg {
	padding-top: 100px;
}
.slider-content h2 {
	font-size: 30px;
}
.slider-search-form {
    margin: 0;
    text-align: center;
}
.slider-search-form form {
	display: block;
	box-shadow: none;
}
.slider-search-form input {
	width: 100%;
	border-radius: 50px;
	margin-bottom: 15px;
}
.slider-search-form .nice-select {
	width: 100%;
    border-radius: 50px;
    margin-bottom: 15px;
}
.slider-search-form button {
    width: auto;
	padding: 15px 30px;
	border-radius: 50px;
}
.about{
  display: none;
}
.aboutm{
  display: block;
}

#scrollUp {
	right: 30px;
	bottom: 30px;
}
.transparent-header .mean-container a.meanmenu-reveal {
    border-color: #fff;
    color: #fff;
}
.transparent-header .mean-container a.meanmenu-reveal span {
	background: #fff;
}
.transparent-header.sticky-menu .mean-container a.meanmenu-reveal {
    border-color: #0084fe;
    color: #0084fe;
}
.transparent-header.sticky-menu .mean-container a.meanmenu-reveal span {
	background: #0084fe;
}
.s-slider-search-form {
	margin: 0;
}
.s-slider-bg {
	min-height: 600px;
	padding-top: 200px;
  background-position: left center;
  background-repeat: no-repeat;

}


.tabBox{
  width: 94%;
  height: auto;
  padding: 0 3%;
  top: 15rem;
  left: 3%;
  box-sizing: border-box;
}
.TabFilter{
  height: 5rem;

}
.filterBox{
  width: 90%;
  padding: 0;
}
.tabitem{
  box-sizing: border-box;
  width: 3.8rem;
  height: 3.8rem;
  border-radius: 50%;
  margin: 0;
}
.tabitem span{
  width: 3.4rem;
  height: 3.4rem;
  line-height: 3.4rem;
  color: #0084fe;
  border-radius: 50%;
  font-size: 14px;
}
.filterBox{
  justify-content: space-around;
  padding-top: 20px;
}
.filterBox span{
  width: 28%;
  height: 2.6rem;
  line-height: 2.6rem;
  margin: 1.5% 2%;
}
#About2{
  display: none;
}
#mAbout2{
  display: block;
  width: 70%;
  margin: 0 auto;
}
.expBox{
  width: 90%;
}
.cbtitle{
  font-size: 18px;
}
.ListBox{

  width: 94%;
  margin: 10rem auto 0;

}
.ListBox .ditem{
  width: 48%;
}
.descBox{
  width: 80%;
  font-size: 18px;
}
.expBox img{
    display: block;
    width: 90%;
    margin: 0 auto;
}
.footCon{
  width:86%;
  flex-wrap:wrap;
  justify-content: center;

}
.footCon div{
  width: 100%;
}
.infoBox{
  margin-top: -200px;
}
.qrcodeBox{
  display: none;
  }
  .LinkTo{
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    padding: 15px;
  }
  .imgBox {
  width: 100%;
  justify-content: space-between;
}
.imgBox img{
  width: 45%;
  height: auto;
  margin-bottom: 30px;
}
}