/*nav*/
.rd-navbar.sticky.sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  background: rgba(255, 255, 255, 1.0);
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  transition: box-shadow 0.2s, background 0.2s;
}


/*reset*/
.bg-transparent.navbar-color-re-w .rd-navbar-static .rd-navbar-nav > li a, .bg-transparent .rd-navbar-fullwidth .rd-navbar-nav > li a{ color: #b19179; border-radius: unset!important; font-weight: 600; padding: 10px 10px 7px!important; letter-spacing: 2px;}
.bg-transparent .rd-navbar-static .rd-navbar-nav > li.focus > a, .bg-transparent .rd-navbar-static .rd-navbar-nav > li > a:hover, .bg-transparent .rd-navbar-static .rd-navbar-nav > li.active > a, .bg-transparent .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a, .bg-transparent .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover, .bg-transparent .rd-navbar-fullwidth .rd-navbar-nav > li.active > a{background-color: transparent!important; color: #b19179; position:relative; }
.rd-navbar-static.layout-logoleft-i2 .rd-navbar-nav > li.focus > a::before,.rd-navbar-static.layout-logoleft-i2 .rd-navbar-nav > li.active > a::before,.rd-navbar-static.layout-logoleft-i2 .rd-navbar-nav > li:hover > a::before{content: ''; display: block; width: 70%; height: 1px; background-color: #b19179; position:absolute; bottom:0;left: 50%; transform: translateX(-50%); margin:auto; }
.rd-navbar-static .rd-navbar-nav > .rd-navbar-submenu > a:after, .rd-navbar-fullwidth .rd-navbar-nav > .rd-navbar-submenu > a:after{ content:unset!important; }
.bg-transparent.navbar-color-re-w .rd-navbar-static.rd-navbar--is-stuck, .bg-transparent .rd-navbar-fullwidth.rd-navbar--is-stuck{background-color: #fff!important;}
.bg-transparent a.fa-shopping-cart, .bg-transparent .rd-navbar-search-toggle, .bg-transparent a.fa-shopping-cart span{color: #000;}
.rd-navbar-search-toggle:hover, a.fa-shopping-cart:hover{background-color: #000; color: #fff;}
a.fa-shopping-cart:hover span{color: #fff;}
.brand-name > img{height: unset; width: 100%;}
.rd-navbar-static .rd-navbar-brand{ width: 220px;}
a.fa-shopping-cart span{position: absolute;right: -12px; background-color: yellow; border-radius: 123px; font-size:10px ; width: 20px; height: 20px;}
.search-block{ height: unset!important;}
.rd-navbar-static .rd-navbar-dropdown li > a, .rd-navbar-static .rd-navbar-megamenu li > a, .rd-navbar-fullwidth .rd-navbar-dropdown li > a, .rd-navbar-fullwidth .rd-navbar-megamenu li > a{border-bottom: 1px solid #ccc2ba; display: inline-block; position: relative; left: 50%; transform: translateX(-50%); padding: 7px 7px 6px!important;}
.rd-navbar-static .rd-navbar-dropdown li:last-child > a, .rd-navbar-static .rd-navbar-megamenu li:last-child > a, .rd-navbar-fullwidth .rd-navbar-dropdown li:last-child > a, .rd-navbar-fullwidth .rd-navbar-megamenu li:last-child > a{ border-bottom:unset!important; }

.page-head .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown, .page-head .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown{background: rgba(255, 255, 255, 0.8); width: 140px!important; border-radius: 15px; border: 1px solid #c4771b; border-bottom: 1px solid #d88119; border-left: 1px solid #c3a18a; border-top: 1px solid #e2b591; padding: 3px 0; padding: 3px 0;margin-left: unset;position: absolute;left: 50%; transform: translate(-50%, 0) !important;}
.rd-navbar-static .rd-navbar-nav > li + li{ margin-left: unset!important;}
.page-head .bg-transparent .rd-navbar-static .rd-navbar-nav > li .rd-navbar-dropdown li a, .page-head .bg-transparent .rd-navbar-fullwidth .rd-navbar-nav > li .rd-navbar-dropdown li a{ color: #b19179; font-weight: 400;text-align: center;}
.page-head .bg-transparent .rd-navbar-static .rd-navbar-nav > li .rd-navbar-dropdown li a:hover, .page-head .bg-transparent .rd-navbar-fullwidth .rd-navbar-nav > li .rd-navbar-dropdown li a:hover{color: #aa6f36; text-shadow: 1px 3px 5px #ffffff;}
.page-head .rd-navbar-static .rd-navbar-megamenu, .page-head .rd-navbar-fullwidth .rd-navbar-megamenu{ background: #fff;}
.page-head .bg-transparent .rd-navbar-static .rd-navbar-nav > li .rd-navbar-megamenu li a, .page-head .bg-transparent .rd-navbar-fullwidth .rd-navbar-nav > li .rd-navbar-megamenu li a{color: #000;}
.page-head .rd-navbar-static .rd-navbar-megamenu > li > p, .page-head .rd-navbar-fullwidth .rd-navbar-megamenu > li > p{color: #000;}
.page-head .rd-navbar-fixed .rd-navbar-nav li.active > a{ background: #efefef; color: #000;}
.page-head .rd-navbar-fixed .rd-navbar-nav li.active .rd-navbar-submenu-toggle:after{color: #000;}
.page-head .bg-transparent .rd-navbar-static .rd-navbar-panel, .page-head .bg-transparent .rd-navbar-fullwidth .rd-navbar-panel{    padding: 0;}

.rd-navbar.layout-logoleft-i2 .rd-navbar-inner{max-width: 90%;display: flex;justify-content: space-between;align-items: center; padding: 10px 0; }
.rd-navbar-static.layout-logoleft-i2 .rd-navbar-inner .rd-navbar-nav-wrap  .rd-navbar-nav{    display: flex;justify-content: space-between;    width: 80%; position: absolute;right: 0; top: -20px; padding-top: 0;}
.rd-navbar-static.layout-logoleft-i2 .rd-navbar-nav-wrap{    position: relative;}

.resp-easy-accordion .resp-accordion.resp-tab-active{ background: unset; border-color: unset; border-radius: unset; border: unset;}
.resp-easy-accordion .resp-tab-content{background: unset;}
.resp-easy-accordion .resp-accordion{ border: unset;border-radius: unset;background-color: #fff; }
.resp-easy-accordion .resp-accordion:last-child{border-bottom: unset!important;}
.resp-easy-accordion .resp-arrow{ background-color: #a07851; }
.resp-easy-accordion .resp-accordion.resp-tab-active:hover{ color: #a07851;}
.resp-easy-accordion .resp-accordion:hover{ color: #a07851;}




/*tool*/
.justify{ text-align: justify!important; }
.clear{ clear:both; }
.f-24{ font-size: 24px; }
.f-20{ font-size: 20px; }
.f-18{ font-size: 18px!important; }
.f-16{ font-size: 16px; }
.c-000{ color:#000; }
.c-fff{ color:#fff!important; }
.c-1D2D90{ color:#1D2D90; }
.c-152e9d{color:#152e9d!important;}
.bg-102fbb{background-color: #102fbb;}
.bgc-fbf8f1{background-color: #fbf8f1;}
.bgc-535d97{ background-color: #535d97; }
.bgc-fff{ background-color: #fff; }
.bg-888{background-color: #888888;}
.bg-3443a4{ background-color: #3443a4; }
.bg-000{ background-color: #000; }
.line-h-1{line-height:2!important;}
.width-90{ width:90%; margin: auto;}
.width-80{ width:80%; margin: auto;}

.none{display: none!important;}
.m-open{ display: none; }
.f-w-900{ font-weight: 900!important; }
.f-w-700{ font-weight: 700!important; }
.pd-10{ padding:10px; }
.pb-20{ padding-bottom:20px; }
.pb-40{padding-bottom: 40px;}
.mb-20{ margin-bottom: 20px;}
.mb-30{margin-bottom: 30px!important;}
.mb-50{margin-bottom: 50px!important;}
.mt-50{ margin-top:50px; }
.mr-20{ margin-right:20px; }
.height-233{ height: 233px;}

.inline-block{display: inline-block;}
.block{ display: block; }
.t-boder-b{ border-bottom:1px solid #4C4B4B; }
.t-boder-t{ border-top:1px solid #4C4B4B; }
.border-000{border: 1px solid #000;}
.radius-non{ border-radius: unset!important;}
.float-r{ float: right;}
.clear{ clear:both: }
/*btn*/
.letter-s{ letter-spacing: 5px;}
.move-l{ position: relative;  }
.move-l .move-box-o >span{  transition-property: margin-left; transition-timing-function: ease ;  transition-duration: 0.5s; }
.move-l:hover .move-box-o >span{ margin-left:10px;  }
.move-box-o{ width: 25px; height: 20px; overflow: hidden; display: inline-block;}
/*box-img 1x1*/
.box-img{ overflow: hidden; width: 100%; padding-top:100%; position: relative; }
.box-img img{  position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%); width:100%; height:100%; object-fit:cover; }
/*box-img 16x9*/
.box-img-16-9{ overflow: hidden; width: 100%; padding-top:calc( 9 / 16 * 100% + 45px ); position: relative; }
.box-img-16-9 img{  position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%); width:100%; height:100%; object-fit:cover; }
/*box-img 5x4*/
.box-img-5-4{ overflow: hidden; width: 100%; padding-top: calc( 4 / 5 * 100% ) ; position: relative; }
.box-img-5-4 img{  position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%);  width:100%; height:100%; object-fit:cover;}
/*box-img 4x5*/
.box-img-4-5{ overflow: hidden; width: 100%; padding-top: calc( 5 / 4 * 100% ) ; position: relative; }
.box-img-4-5 img{  position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%); width:100%; height:100%; object-fit:cover; }
/*article set*/
.max-w-800 img{ max-width: 800px; }
/*table-rwd*/
.table-rwd{ overflow-x: auto; }

/*pagination-mi*/
ul.pagination-m { display: inline-block; padding: 0; margin: 0;}
ul.pagination-m li {display: inline;}
ul.pagination-m li a { color: black; float: left; padding: 8px 16px; text-decoration: none;    border-radius: 7px;}
ul.pagination-m li a.active { background-color: #b39981;color: white;}
ul.pagination-m li a:hover:not(.active) {background-color: #d9cfc6; color: #fff;}

ul.topicon{position: relative; right: -999px; top: -27px; display: flex;}
ul.topicon li{margin: 0 5px; }
ul.topicon li img{width: 25px; height: 25px;}

/*layout-logocenter-i2*/
.layout-logocenter-i2.rd-navbar-static .rd-navbar-inner, .layout-logocenter-i2.rd-navbar-fullwidth .rd-navbar-inner{display: flex;flex-direction: column; align-items: center;}
.layout-logocenter-i2.rd-navbar-static .rd-navbar-nav, .layout-logocenter-i2.rd-navbar-fullwidth .rd-navbar-nav{text-align: center;}
.layout-logocenter-i2 ul.topicon{ right: -274px;}
.layout-logocenter-i2.rd-navbar-static .rd-navbar-nav, .layout-logocenter-i2.rd-navbar-fullwidth .rd-navbar-nav{ padding-top: 0;}
.layout-logocenter-i2.rd-navbar-static .rd-navbar-nav-wrap{margin-top: -15px;}
.bg-transparent .layout-logocenter-i2.rd-navbar{ padding-bottom: 10px;}
.page-head .bg-transparent .layout-logocenter-i2.rd-navbar-static .rd-navbar-panel, .page-head .bg-transparent .layout-logocenter-i2.rd-navbar-fullwidth.rd-navbar-panel{padding: 20px 0 0 0;}
.layout-logocenter-i2.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-brand, .layout-logocenter-i2.rd-navbar-static.rd-navbar--is-clone .rd-navbar-brand, .layout-logocenter-i2.rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-brand, .layout-logocenter-i2.rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-brand{padding-top: 0;}
/*layout-logocenter-more*/
.layout-logocenter-more.rd-navbar-static .rd-navbar-inner, .layout-logocenter-more.rd-navbar-fullwidth .rd-navbar-inner{display: flex;flex-direction: column; align-items: center;}
.layout-logocenter-more.rd-navbar-static .rd-navbar-nav, .layout-logocenter-more.rd-navbar-fullwidth .rd-navbar-nav{text-align: center;}
.layout-logocenter-more ul.topicon{ right: -274px;}
.layout-logocenter-more.rd-navbar-static .rd-navbar-nav, .layout-logocenter-more.rd-navbar-fullwidth .rd-navbar-nav{ padding-top: 0;}
.layout-logocenter-more.rd-navbar-static .rd-navbar-nav-wrap{margin-top: -15px;}
.bg-transparent .layout-logocenter-more.rd-navbar{ padding-bottom: 10px;}
.page-head .bg-transparent .layout-logocenter-more.rd-navbar-static .rd-navbar-panel, .page-head .bg-transparent .layout-logocenter-more.rd-navbar-fullwidth .rd-navbar-panel{padding: 20px 0 0 0;}
.layout-logocenter-more.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-brand, .layout-logocenter-more.rd-navbar-static.rd-navbar--is-clone .rd-navbar-brand, .layout-logocenter-more .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-brand, .layout-logocenter-more.rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-brand{padding-top: 0;}

/*layout-logoleft-i2*/
.layout-logoleft-i2 ul.topicon{ top: -49px; }

/*layout-logoleft-more*/
.layout-logoleft-more ul.topicon{ top: -49px; }

/*layout-logoleft-navright-i2*/
.layout-logoleft-navright-i2 ul.topicon{ top: -79px; right: -1079px;}
.layout-logoleft-navright-i2.rd-navbar-static .rd-navbar-nav, .layout-logoleft-navright-i2.rd-navbar-fullwidth .rd-navbar-nav{ text-align: right;padding-top: 50px;}
/*layout-logoleft-navright-more*/
.layout-logoleft-navright-more ul.topicon{ top: -79px; }
.layout-logoleft-navright-more.rd-navbar-static .rd-navbar-nav, .layout-logoleft-navright-more.rd-navbar-fullwidth .rd-navbar-nav{ text-align: right;padding-top: 50px;}

/*layout-logoleft-i2 re-bn-cross*/
.layout-logoleft-i2.bn-ab-top{top: -149px;}
.bg-transparent .layout-logoleft-i2.rd-navbar-static.rd-navbar--is-stuck, .bg-transparent .layout-logoleft-i2.rd-navbar-fullwidth.rd-navbar--is-stuck{background-color: #fff;}
.bg-transparent .layout-logoleft-i2.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > li a, .bg-transparent .layout-logoleft-i2.rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav > li a{color: #b19179;}
.layout-logoleft-i2.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-brand .brand-name{background: transparent;}

/*main menu active auto*/
.navbar-active {background-color: transparent;}
.navbar-active >a{ color: #b19179; position:relative; padding: 18px 0; }
.navbar-active >a::before{ content:''; display:block; width:70%; height:1px; margin: auto; background-color:#b19179; position: absolute; bottom: 0px; left: 50%;transform: translateX(-50%);}
.rd-navbar-dropdown .navbar-active >a::before{ width: 7px; height: 7px;bottom: 14px; background-color: #f3d1b8;border-radius: 50%;left: -2px;animation-name: NavbarLight; animation-duration: 1s;animation-iteration-count: infinite;animation-direction:alternate-reverse; transition:ease 1s all;}

@keyframes NavbarLight{
    from {
      background-color: #ac9681;
      
    }

    to {
      background-color: #e7d9ce;
      
    }
  }



/*固定背景改良*/
.background-fixed-q {
  
  min-height: 40vh;
  color: #fff;
  text-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 15px;
  overflow: hidden;
}

/*supports是寫給部分瀏覽器讀的，意思是看得懂括弧內的參數的瀏覽器才會執行的意思*/
@supports (clip-path: inset(0 0 0 0)) { 
  .background-fixed-q {
    clip-path: inset(0 0 0 0); /*inset的是形狀遮罩，例如像SVG裡就會看見*/
  }
}

.background-fixed-q + .background-fixed-q {
  margin-top: -80px;
}

.background-fixed-q--dark {
  color: #000;
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.5);
}

.background-fixed-q__background {
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
}


.page-bg{background-image: url(../images/page-bg.png); background-repeat: repeat; background-size: 100%;}





@media(max-width:991px){
  .background-fixed-q__background{
  background-image:url(../images/contact/m-contact-bg.jpg)!important;
}
  .background-fixed-q__background--opacity-20::before { opacity: 0.8!important; }
}

@supports (clip-path: inset(0 0 0 0)) {
  .background-fixed-q__background {
    position: fixed;
    background-attachment: scroll;
  }
}

.background-fixed-q__background::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: 0;
  z-index: 0;
}

.background-fixed-q--dark .background-fixed-q__background::before {
  background: #fff;
}

/* Opacity levels for .background-fixed-q__background */
.background-fixed-q__background--opacity-10::before { opacity: 0.1; }
.background-fixed-q__background--opacity-20::before { opacity: 0.2; }
.background-fixed-q__background--opacity-30::before { opacity: 0.3; }
.background-fixed-q__background--opacity-40::before { opacity: 0.4; }
.background-fixed-q__background--opacity-50::before { opacity: 0.5; }
.background-fixed-q__background--opacity-60::before { opacity: 0.6; }
.background-fixed-q__background--opacity-70::before { opacity: 0.7; }
.background-fixed-q__background--opacity-80::before { opacity: 0.8; }
.background-fixed-q__background--opacity-90::before { opacity: 0.9; }

.background-fixed-q__content {
/*  max-width: calc(960px + 2em);*/
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  padding: 0;
  display: flex;
  justify-content: center;
  margin-left: -20%;
}

.background-fixed-q__content > div {
  max-width: 600px;
}


/*article edite*/
.content-tt hr{border-bottom: 1px solid #ddd; width: 100%; margin: 10px 0 50px 0;}
.content-text img, .content-text iframe ,.content-text table{ max-width:100%; height:unset!important; }
.content-text ul{ list-style: auto;padding-left: 20px;}

/*----*/

.section-pd{padding: 50px 0;}
.space-area{margin: 150px 0 50px 0; }
.case-area{padding: 80px 0 100px 0;}
.team-area{padding: 50px 0 100px 0;}
.page-news{ padding: 50px 0 50px 0; }
.page-team{padding: 50px 0;}
.page-about{padding: 0;}
.about-concept{padding: 100px 0;}
.page-about-2{padding: 50px 0;}
.page-faq{padding: 100px 0;}
.page-service-intro{padding: 50px 0;}
.page-service-case{padding: 50px 0;}

.news-area-bgc{background-color: #f9f2e8;}
.bgc-f1f0f0{background-color: #f1f0f0;}
.bgc-f0eee7{background-color: #f0eee7;}
.bgc-ededed{background-color: #ededed; }

.ex-style{height: 100px; background-color: #efefef;}
.shopping-car{position: relative;}
.shopping-car span{background-color: #000; border-radius: 50px; font-size: 10px; color: #fff; width: 20px;height: 20px;display: inline-block; padding: 1px 3px; position: absolute; left: 14px;top: -10px; border: 2px solid #fff;text-align: center;}

.section-title.center{justify-content: center;}
.section-title{display: flex;align-items: flex-end; margin-bottom:50px; }
.section-title small{display: block; width: 5px; height: 30px; background-color: #82766f;margin-right: 15px;}
.section-title img{height: 30px; margin-right: 10px;}
.section-title span{font-size: 22px; color: #a07a60; font-weight: 400; line-height: 0.9; letter-spacing: 2px;}

.section-title.news{margin-top: 20px;}
a.section-tt-link:hover .section-title.news span{opacity: 0.8;}
a.section-tt-link:hover .section-title small{background-color: #d1c5bf;}
.news-wrap-list li{overflow: hidden; padding-left: 20px;}
.news-wrap-list li a{display: block; position: relative; border-bottom:1px solid #c7ae96; }
.news-wrap-list li:last-child a{border-bottom:unset!important;}
.news-wrap-list li a::after{content: 'MORE..'; font-size:16px; color:#d3c2b6;position:absolute; right:0;    top: 30%; }
.news-wrap-list li a .news-list-info{margin: 15px 0; transition: ease .5s all;}
.news-wrap-list li a .news-list-info p{color: #000;font-size: 20px; margin-bottom: 0; line-height: 1.3;transition: ease .5s all; overflow: hidden; width: 86%; max-height:48px; }
.news-wrap-list li a .news-list-info small{font-size: 11px; letter-spacing: 1px; display: inline-block; background-color: #bc987d; color: #fff; padding: 0 3px;}


.news-wrap-list li:hover a .news-list-info{margin-left: 10px;transition: ease .5s all;}
.news-wrap-list li a{position: relative;}
.news-wrap-list li:hover a::before{content: ''; display: block; width: 5px; height: 100vh;background-color: #e8bba7; position: absolute; left: -20px; top: -15px;}
.news-wrap-list li:hover a .news-list-info p{color: #ceaa9b!important;}
.news-wrap-list li:hover a::after{color:#ceaa9b;}

.service-area-bg{background-image: url(../images/service-bg.png); background-size: cover;}
.service-icon img{max-width: 100%; width: 140px; margin:0 auto 20px auto; display: block; transition: ease .5s all;}
.service-icon h3{text-align: center; color: #000; font-size: 20px; letter-spacing: 0;}
.service-icon:hover a h3{color: #888;}
.service-icon:hover img{ transform: scale(1.1);  }

/*.team-area .team-item{width: calc(100% / 3)!important;}*/
.team-item a{ display:block; width:85%; margin:auto; }
.team-item h3{ font-size:22px; color:#9b5323; margin-top:20px; letter-spacing:0; text-align:center; font-weight:400; }
.team-item .box-img{border-radius: 20px; border: 1px solid #c9b532; box-shadow: 3px 3px 10px #d3cfcf;}
.team-area .slider.team-slider .slick-arrow{bottom: -90px;}
.team-slider .slick-slide { max-width: 400px;  margin: 0 auto;}

.slider.team-slider .slick-prev, .slider.team-slider .slick-next{top: unset!important; bottom: -70px;}
.slider.team-slider .slick-next{right: 45% !important;}
.slider.team-slider .slick-prev{ left: 45% !important;}
.team-item a{transition: ease .3s all;}
.slick-active.slick-center .team-item a{transform: scale(1.1);transition: ease .3s all;}
.slider.team-slider .slick-list{    padding: 20px 10px!important;}

.space-area .slider.space-slider .slick-list{transform: scale(1.5);}

.case-item a{display: block; width: 90%; margin: auto;}
.case-item .box-img.case{border-radius: 20px; margin-bottom: 15px; border: 1px solid #efefef;}
.case-item .case-info{padding: 0 10px; overflow: hidden; height: 80px;}
.case-item .case-info h3{ font-size:22px; color:#000; letter-spacing:0; font-weight:400; overflow:hidden; height:27px; }
.case-item .case-info p{font-size: 16px; color: #afafaf; line-height:1.4; }
.slider.case-slider .slick-dots{bottom: -50px;}

.footer-bgc{background-color: #f4f4f4; }
.f-logo{width: 200px; max-width:100%; margin-bottom: 30px;}
.f-info{display: block; margin: 0 0 10px 0; color: #725b4f; font-size: 20px;}
p.f-info{margin-bottom: 30px;}
.f-icon{display: flex;}
.f-icon li a img{width: 30px; margin-right: 15px;}
.f-map{width: 420px; max-width: 100%;}
.copyright-bgc{background-color: #c7ae96;}
.copyright p{color: #fff;font-size: 14px;width: 900px; max-width: 100%;margin: auto;text-align: left;}
.copyright{padding: 10px 0 5px 0;}

.breadcrumb-bgc{ background-color:#c7ae96; }
.breadcrumb-list{display: flex; }
.breadcrumb-list li{margin-right: 30px;}
.breadcrumb-list{margin: 8px 0;}
.breadcrumb-list li a{color: #fffaf6; font-size: 16px;}
.breadcrumb-list li{position: relative;}
.breadcrumb-list li::before{content: ''; display: block; width: 8px; height: 8px; background-color: #f6f0eb; border-radius: 50%; position:absolute; left:-17px; top:7px; border-bottom: 1px solid #b97700;border-left: 1px solid #fff; }
.breadcrumb-list li:last-child::before{ animation-name: pagetoplight; animation-duration: 1s;animation-iteration-count: infinite;animation-direction:alternate-reverse; transition:ease 1s all;}
.breadcrumb-list li:first-child::before{content: unset!important;}

.contact-pic{ width:100%; padding-top:calc(4 / 5 * 60%); overflow: hidden; position:relative; }
.contact-pic img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover; width:100%; height: 100%; }

.contactInfoTitle{width: 14%;    display: inline-block;}
.contact-info{display:block; width: 98%; border-radius: 35px;  padding: 80px 0 40px 80px;  }
.contact-info-wrap{ display: block; }
.contact-info h3{border-bottom: 1px solid #c0af99; padding-bottom: 10px; margin-bottom:20px; color: #967e63; font-size: 22px;letter-spacing: 0;}
.contact-info a.contact-link,.contact-info p.contact-link{display: block; margin-bottom: 20px;margin-top: 0; color: #584c3f; }
.contact-info a.contact-link::before,.contact-info p.contact-link::before{ content:''; display:inline-block; border-radius: 50%; width:10px; height:10px;  background-color:#ccbeb0; margin-right:15px; top: 8px; position: relative;  }
.contact-info a.contact-link .character2{letter-spacing: 30px;}
.contact-info a.contact-link .contactInfoText,.contact-info p.contact-link .contactInfoText{ width:70%;margin-left:10px; line-height:1.5 }
.contact-info a.contact-link,.contact-info p.contact-link{display:flex; align-items: flex-start; font-size: 16px;}
.contact-info h4{padding-bottom: 10px; margin-top: 50px; margin-bottom:10px; color: #967e63; font-size: 22px;letter-spacing: 0;}
.contact-bus-subtt{font-size: 16px; color: #fff; background-color: #d1b89b; display:inline-block; padding:0 10px;  }
.contact-bus-txt{margin-bottom: 30px; color: #584c3f; font-size: 16px;}

.contact-icon {display: flex; margin-top: 50px;}
.contact-icon li{margin-right: 10px;}
.contact-icon li a img{ width:40px; }
 @keyframes pagetoplight{
    from {
      box-shadow: -2px 0px 7px #fff;
      
    }

    to {
      box-shadow: -2px 0px 10px #ffffff24;
      
    }
  }


.page-news-article{border-radius: 30px; border: 1px solid #ccc; padding: 50px 20px;}
.page-news.inner .content-tt h3{ font-size:22px; color:#877563; letter-spacing:0;  }
.page-news.inner .content-text{ margin: 0 15px 0 15px; }
.page-news-article small{padding: 0px 10px; background-color: #c7ae96; color: #fff; font-size: 10px; letter-spacing: 1px;}
.inner .row.col-center{display: flex; justify-content: center;}

.page-team .team-item a .box-img{transition: ease .3s all;}
.page-team .team-item a:hover .box-img{ box-shadow: 0 0 5px #888; border-bottom:1px solid #ed9a04; border-left:1px solid #edb58f; border-top:1px solid #ff950d; } 
.page-team.inner .team-item{ width: 320px; max-width: 100%; margin: auto;}
.page-team .team-item .box-img img{ transition: ease .5s all;opacity: 0.8;}
.page-team .team-item:hover .box-img img{  opacity: 1; transition: ease .5s all; }
.teaminner-info hr{display: block; width: 100%; border-bottom: 1px solid #c7ae96; margin: 15px 0;}
.teaminner-info h3{ font-size:22px; color:#c7a381; letter-spacing:0; }

.teaminner-info-block h4{ color: #aa9d92; font-size:18px; letter-spacing:0;margin-bottom:10px; margin-top:30px; }
.teaminner-info-block ul{list-style: disc; padding-left: 30px;}
.teaminner-info-block ul li{ color: #4d4848; line-height: 1.8;}

.page-topic .page-about-txt{ bottom: 40%; }
.page-topic .page-about-pagetop{ padding: 150px 0; }
.page-about-txt{display: inline-block;position: absolute;left: 50%;bottom: 30%;transform: translateX(-50%);}
.page-about-pagetop{background-image: url(../images/about-topbg.jpg); background-size: cover; position: relative; background-position: bottom; padding: 200px 0;}
.page-about-pagetop.team-bgc{background-image: url(../images/pagetop/pagetop-team.jpg); }
.page-about-pagetop.service-bgc{background-image: url(../images/pagetop/pagetop-service.jpg); }
.page-about-pagetop.faq-bgc{background-image: url(../images/pagetop/pagetop-faq.jpg); }

.page-about-txt h3{text-align: center; color: #fff; font-size: 24px; letter-spacing: 2px;font-weight: 700; line-height: 1.5; position: relative; margin-bottom: 20px;}
.page-about-txt h3::after{ content:''; display:block; width:2px; height:0px; background-color:#fff; position: absolute; bottom: -75px; left: 50%;}
.page-about-txt .page-about-line{ position: relative;
    display: block;
    width: 2px;
    height: 50px;
    -webkit-transform: scalex(.5);
    transform: scalex(.5);
    margin: auto;
    overflow: hidden;}
.page-about-txt .page-about-line::after,.page-about-txt .page-about-line::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    -webkit-animation: pagetopicline 2s cubic-bezier(.57,.05,.52,.96) infinite;
    animation: pagetopicline 2s ease-in-out infinite;
    }
 @keyframes pagetopicline{ 
    0%{-webkit-transform:translateY(0);transform:translateY(0)}
    to{-webkit-transform:translateY(150%);transform:translateY(150%)}
  }

.page-about-txt h3 span:nth-child(1){margin-left: 20px;}
.page-about-txt h3 span:nth-child(2){display: block;}
.pageabout-tt{font-size: 24px; color: #897968; letter-spacing: 0;text-align: center; letter-spacing: 0;font-weight: 500; margin-bottom: 30px;}
.pageabout-tt small{display: block; font-family: "Georgia"; letter-spacing: 2px; color: #bfa199; font-size: 16px; text-transform: capitalize; margin-bottom: 5px;}

.about-concept p{ width: 900px; max-width: 100%;margin: auto;  color: #584c3f;letter-spacing: 1px; font-size: 18px; line-height: 1.8;}
.about-concept-point{ background-image: url(../images/about-mainbg.jpg); background-size:cover; padding:80px 0; }
.point-list{display: inline-block;    width: 1200px; max-width: 100%;}
.point-list li{display: flex;  align-items: center; border-bottom: 1px solid #cec5be; padding-bottom: 50px; padding-top: 30px;}
.point-list li:last-child{border-bottom: unset!important;}
.point-icon{margin-right: 20px;}
.point-icon img{ width:100px; max-width:100%; }
.point-tt{font-size: 24px; color: #897968; width: 15%;    word-break: keep-all;}
.point-tt small{display: block; font-size: 16px; color: #bfa199;}
.point-list li p{color: #584c3f;  font-size: 18px; width: 80%; line-height: 1.8;    letter-spacing: 1px;}


.about2-tt{font-size: 22px; color:#c7ae96; letter-spacing: 0; margin-bottom: 50px;}
.faq-wrap{ padding: 50px 30px;border-radius: 40px;border: 1px solid #c7ae96; background-color: #fff; }

.page-service-wrap .content-tt h3{ font-size:22px; color:#c7ae96;letter-spacing:0;text-align:center; }
.service-case-item{    width: 88%;margin: auto;border-radius: 20px; border: 1px solid #efefef; overflow: hidden; padding: 10px; box-shadow: 0 0 10px #efefef;}
.service-case-item .box-img{border-radius: 20px;}
.service-case-item .box-img img{opacity: 0.8;}
.service-case-item:hover .box-img img{opacity: 1;}
.service-case-item .service-case-info h3{ color:#a4886d; font-size:18px; letter-spacing:0; margin-top:20px; overflow: hidden; height: 22px;}
.service-case-item .service-case-info p{ color:#888; margin: 10px 0; overflow: hidden; height: 46px; }
.service-case-tt{text-align: center; font-size: 22px; color:#c7ae96; margin-bottom:50px; letter-spacing:0; border-bottom:1px solid #c7ae96; display:inline-block;padding:10px; position:relative; left:50%; transform: translateX(-50%); }



@media(max-width:1530px){
  .contactInfoTitle{width: 15%;    display: inline-block;}

  .contact-pic{ padding-top: calc(4 / 5 * 75%);}
}

@media(max-width:1250px){
  .contactInfoTitle{width: 19%;    display: inline-block;}

}

@media(max-width:1080px){
  .contactInfoTitle{width: 21%;    display: inline-block;}
}

@media(max-width:1124px){
  .contact-pic{ padding-top: calc(4 / 5 * 100%);}
}

@media(min-width: 768px) and (max-width: 1200px){
    ul.topicon{    right: unset!important;top: unset!important;}
    .brand-name > img{   width: 145px;margin-bottom: 30px;}
}

@media(min-width: 768px) and (max-width: 1199px){
    /*reset*/
    /*.page-head .rd-navbar-fullwidth.rd-navbar--is-stuck{ transform: translateY(-50px);}*/

    /*layout-logocenter-i2*/
    .layout-logocenter-i2.rd-navbar-fullwidth .rd-navbar-nav-wrap{width: 100%;}
    .page-head .layout-logocenter-i2.rd-navbar-fullwidth.rd-navbar--is-stuck{ transform: translateY(-31px);}
    .page-head .bg-transparent .layout-logocenter-i2.rd-navbar-static .rd-navbar-panel, .page-head .bg-transparent .layout-logocenter-i2.rd-navbar-fullwidth .rd-navbar-panel{ padding: 20px 0 0 0;}
    /*layout-logocenter-more*/
    .layout-logocenter-more.rd-navbar-fullwidth .rd-navbar-nav-wrap{width: 100%;}
    .page-head .layout-logocenter-more.rd-navbar-fullwidth.rd-navbar--is-stuck{ transform: translateY(-20px);}
    /*layout-logoleft-i2*/
    .bg-transparent .layout-logoleft-i2.rd-navbar-fullwidth .rd-navbar-megamenu{ margin-top: 0;}
    .layout-logoleft-i2.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown, .layout-logoleft-i2.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown{ margin-top: 10px;}
    .layout-logoleft-i2.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-i2.rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-i2.rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-i2.rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu{ margin-top: 0;}
    .page-head .layout-logoleft-i2.rd-navbar-fullwidth.rd-navbar--is-stuck{ transform: translateY(-45px);}
    .page-head .bg-transparent .layout-logoleft-i2.rd-navbar-static .rd-navbar-panel, .page-head .bg-transparent .layout-logoleft-i2.rd-navbar-fullwidth .rd-navbar-panel{ padding: 20px 0 0 0;}
    
    /*layout-logoleft-more*/
    .bg-transparent .layout-logoleft-more.rd-navbar-fullwidth .rd-navbar-megamenu{ margin-top: 0;}
    .layout-logoleft-more.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown, .layout-logoleft-more.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown{ margin-top: 10px;}
    .layout-logoleft-more.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-more.rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-more.rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-more.rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu{ margin-top: 0;}
    .page-head .layout-logoleft-more.rd-navbar-fullwidth.rd-navbar--is-stuck{ transform: translateY(-45px);}
    .page-head .bg-transparent .layout-logoleft-more.rd-navbar-static .rd-navbar-panel, .page-head .bg-transparent .layout-logoleft-more.rd-navbar-fullwidth .rd-navbar-panel{ padding: 20px 0 0 0;}
    
    /*layout-logoleft-navright-i2*/
    .bg-transparent .layout-logoleft-navright-i2.rd-navbar-fullwidth .rd-navbar-megamenu{margin-top: 0;}
    .layout-logoleft-navright-i2.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown, .layout-logoleft-navright-i2.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown{ margin-top: 10px;}
    .layout-logoleft-navright-i2.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-navright-i2.rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-navright-i2.rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-navright-i2.rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu{ margin-top: 0;}
    .layout-logoleft-navright-i2.rd-navbar-static .rd-navbar-nav, .layout-logoleft-navright-i2.rd-navbar-fullwidth .rd-navbar-nav{ padding-top: 10px;}
    .page-head .layout-logoleft-navright-i2.rd-navbar-fullwidth.rd-navbar--is-stuck{ transform: translateY(-45px);}
    .page-head .bg-transparent .layout-logoleft-navright-i2.rd-navbar-static .rd-navbar-panel, .page-head .bg-transparent .layout-logoleft-navright-i2.rd-navbar-fullwidth .rd-navbar-panel{ padding: 20px 0 0 0;}
    
    /*layout-logoleft-navright-more*/
    .bg-transparent .layout-logoleft-navright-more.rd-navbar-fullwidth .rd-navbar-megamenu{margin-top: 0;}
    .layout-logoleft-navright-more.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown, .layout-logoleft-navright-more.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown{ margin-top: 10px;}
    .layout-logoleft-navright-more.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-navright-more.rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-navright-more.rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-navright-more.rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu{ margin-top: 0;}
    .layout-logoleft-navright-more.rd-navbar-static .rd-navbar-nav, .layout-logoleft-navright-more.rd-navbar-fullwidth .rd-navbar-nav{padding-top: 10px;}
    .page-head .layout-logoleft-navright-more.rd-navbar-fullwidth.rd-navbar--is-stuck{ transform: translateY(-45px);}
    .page-head .bg-transparent .layout-logoleft-navright-more.rd-navbar-static .rd-navbar-panel, .page-head .bg-transparent .layout-logoleft-navright-more.rd-navbar-fullwidth .rd-navbar-panel{ padding: 20px 0 0 0;}
    


}
@media(min-width: 1200px){
    .rd-navbar-brand .brand-name{ margin-top: unset;}
    .rd-navbar-static .rd-navbar-panel{min-width: 300px!important; max-width: 320px!important;}


    /*layout-logocenter-i2*/
    .layout-logocenter-i2.rd-navbar-static .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logocenter-i2 .rd-navbar-fullwidth .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu{transform: translateY(10px);}
    .layout-logocenter-i2.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logocenter-i2.rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logocenter-i2 .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logocenter-i2 .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu{ margin-top: 0px;}
    .layout-logocenter-i2.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown, .layout-logocenter-i2 .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown{margin-top: 10px;}
    /*layout-logocenter-more*/
    .layout-logocenter-more.rd-navbar-static .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logocenter-more .rd-navbar-fullwidth .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu{transform: translateY(10px);}
    .layout-logocenter-more.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logocenter-more.rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logocenter-more .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logocenter-more .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu{ margin-top: 0px;}
    .layout-logocenter-more.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown, .layout-logocenter-more .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown{margin-top: 10px;}
    /*layout-logoleft-i2*/
    .layout-logoleft-i2.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-i2.rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-i2 .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-i2 .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu{ margin-top: -30px;}
    /*layout-logoleft-more*/
    .layout-logoleft-more.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-more.rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-more .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-more .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu{ margin-top: -30px;}
    /*layout-logoleft-navright-i2*/
    .layout-logoleft-navright-i2.rd-navbar-static .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-navright-i2.rd-navbar-fullwidth .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu{ transform: translateY(0);}
    .layout-logoleft-navright-i2.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-navright-i2.rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-navright-i2.rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-navright-i2.rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu{ margin-top: 0;}
    .layout-logoleft-navright-i2.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown, .layout-logoleft-navright-i2.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown{ margin-top: 30px;}
    /*layout-logoleft-navright-more*/
    .layout-logoleft-navright-more.rd-navbar-static .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-navright-more.rd-navbar-fullwidth .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu{ transform: translateY(0);}
    .layout-logoleft-navright-more.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-navright-more.rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-navright-more.rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-navright-more.rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu{ margin-top: 0;}
    .layout-logoleft-navright-more.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown, .layout-logoleft-navright-more.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown{ margin-top: 30px;}

}

@media(max-width: 1200px){
    .bg-transparent .rd-navbar-static .rd-navbar-panel, .bg-transparent .rd-navbar-fullwidth .rd-navbar-panel{ display: flex;flex-direction: column;align-items: center;}

    /*  --  */
    .contact-pic{ padding-top: calc(4 / 5 * 85%);}
    .contact-info{    right: -40px;}

}

@media (max-width: 991px){
    /*reset*/
    .rd-navbar-fixed .rd-navbar-panel:before{ background: #fff;}
    .rd-navbar-toggle span:after, .rd-navbar-toggle span:before, .rd-navbar-toggle span{ background-color: #a9927c;}
    .rd-navbar-fixed .rd-navbar-brand img{ display: block; width: unset; height: 48px;}
    .rd-navbar-fixed .rd-navbar-brand{text-align: center;}
    .rd-navbar-fixed .rd-navbar-nav, .rd-navbar-sidebar{background: #fff;}
    .rd-navbar-fixed .rd-navbar-nav li > a{ color: #a9927c;  font-weight: 600;}
    .rd-navbar-fixed .rd-navbar-nav-wrap:before{background-color: #fff;}
    .jSlider.mob{margin-top: 47px;}
    .m-topicon-form{ display: flex !important;width: 28%; text-align: center; margin-top: 10px;z-index: 999; }

    .rd-navbar-fixed .rd-navbar-nav .rd-navbar-submenu-toggle::after{ color: #cccccc!important;}
    .rd-navbar-fixed .rd-navbar-nav li.opened > a{     background: transparent!important;color: #a9927c!important; }
    .rd-navbar-fixed .rd-navbar-nav li:hover > a, .rd-navbar-fixed .rd-navbar-nav li:hover > a:hover, .rd-navbar-fixed .rd-navbar-nav li.focus > a, .rd-navbar-fixed .rd-navbar-nav li.focus > a:hover{ color: #a9927c;background: transparent!important; }

    /*tool*/
    .m-close{ display: none!important; }
    .m-open{ display: block!important; }
    /*article set*/
    .max-w-800 img{ max-width: 100%; width:100%; }
    /*table-rwd*/
    .table-rwd{width: 100%;overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; }
    .table-rwd{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.product-tt>.table{margin-bottom:0}.product-tt>.table>tbody>tr>td,.product-tt>.table>tbody>tr>th,.product-tt>.table>tfoot>tr>td,.product-tt>.table>tfoot>tr>th,.product-tt>.table>thead>tr>td,.product-tt>.table>thead>tr>th{white-space:nowrap}.product-tt>.table-bordered{border:0}.product-tt>.table-bordered>tbody>tr>td:first-child,.product-tt>.table-bordered>tbody>tr>th:first-child,.product-tt>.table-bordered>tfoot>tr>td:first-child,.product-tt>.table-bordered>tfoot>tr>th:first-child,.product-tt>.table-bordered>thead>tr>td:first-child,.product-tt>.table-bordered>thead>tr>th:first-child{border-left:0}.product-tt>.table-bordered>tbody>tr>td:last-child,.product-tt>.table-bordered>tbody>tr>th:last-child,.product-tt>.table-bordered>tfoot>tr>td:last-child,.product-tt>.table-bordered>tfoot>tr>th:last-child,.product-tt>.table-bordered>thead>tr>td:last-child,.product-tt>.table-bordered>thead>tr>th:last-child{border-right:0}.product-tt>.table-bordered>tbody>tr:last-child>td,.product-tt>.table-bordered>tbody>tr:last-child>th,.product-tt>.table-bordered>tfoot>tr:last-child>td,.product-tt>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}
    /*article edite*/
    .content-tt hr{margin: 10px 0 30px 0;}
    .content-tt h3{  font-size: 20px;  line-height: 1.2;}

      /*  ---  */
      .team-area{padding: 50px 0 50px 0;}
      .page-contact{padding: 0;}
      .breadcrumb-area{margin-top: 36px;}

      .breadcrumb-list li a{font-size: 14px;}
      .breadcrumb-list li::before{ top: 9px;}

    .news-wrap-list li a .news-list-info p{ font-size: 16px;width: 80%;    max-height: 40px; }
    .space-area{margin: 80px 0 100px 0; transform: unset;}
    .space-area .slider.space-slider .slick-list{transform: scale(3); }
    .space-area .slider.space-slider .slick-dots{ bottom: -110px;}
    .service-area-bg{    background-position: 35%;}
    .news-wrap-list li{padding-left: 0;}
    .page-contact .row{     display: flex;flex-direction: column-reverse;  }
    .contact-info{width: 100%!important;transform: unset!important;position: unset!important;}
  
    .contact-pic{ padding-top: calc(4 / 5 * 35%);}

    .navbar-active >a::before{content:unset!important;}
    .point-tt{color: #897968; width: 50%;font-size: 20px;}
    .point-list li p{    font-size: 16px;}
    .service-case-item{ width: 80%;}
    .service-case-tt{margin-bottom: 30px;}
    .page-service-intro.inner .page-service-wrap .content-tt h3{text-align: left!important;}
    .page-bg{ background-size: 850px;}
}

@media(max-width: 768px){
    /*reset*/
    .rd-navbar-fixed a.fa-shopping-cart, .rd-navbar-fixed .rd-navbar-search{ top: 0;transform: unset;left: 0!important;}
    .rd-navbar-fixed .rd-navbar-search-form{width: 80px; border: 1px solid #efefef;position: unset;}
    .rd-navbar-fixed .rd-navbar-search-form-input input::placeholder{color: #ccc; font-size: 14px;}
    .rd-navbar-fixed .rd-navbar-panel{justify-content: space-between;}
    ul.topicon{ right: unset!important;  top: unset!important;  display: flex!important; text-align: center;margin-top: 10px; z-index: 999;}
    ul.topicon li img{    width: 20px;height: 20px;}
    .shopping-car span{top: -6px;}
    .rd-navbar-fixed a.fa-shopping-cart{    left: unset; text-align: left; position: relative;}
    .mobile .rd-navbar-fixed .rd-navbar-search{position: relative; left: unset;top: -4px;}
    .resp-easy-accordion .resp-accordion{  padding: 30px 30px 30px 60px;}


    /*layout-logocenter-more*/
    .layout-logocenter-more.rd-navbar-fixed .rd-navbar-panel{ height: 97px;}
    .layout-logocenter-more ul.topicon{bottom: -7px;position: absolute;justify-content: center; }
    .layout-logocenter-more .m-topicon-form{width: 100%; bottom: 5px; position: absolute;justify-content: center;}
    /*layout-logoleft-more*/
    .layout-logoleft-more.rd-navbar-fixed .rd-navbar-panel{ height: 97px;}
    .layout-logoleft-more ul.topicon{bottom: -7px;position: absolute;justify-content: center;  width: 100%;}
    .layout-logoleft-more .m-topicon-form{ bottom: 4px;position: absolute; justify-content: center;width: 100%;}
    /*layout-logoleft-navright-more*/
    .layout-logoleft-navright-more.rd-navbar-fixed .rd-navbar-panel{ height: 97px;}
    .layout-logoleft-navright-more ul.topicon{bottom: -7px;position: absolute;justify-content: center;  width: 100%;}
    .layout-logoleft-navright-more .m-topicon-form{    bottom: 2px;position: absolute; justify-content: center; width: 100%;}

    /*  ---  */
    .about-concept-point{ padding: 50px 0;}
    .about-concept{ padding: 60px 0;}
    .page-faq{padding: 50px 0;}

    .contact-info{ padding: 40px 0 40px 0;}
    .contactInfoTitle{    width: 20%;}
    .contact-info a.contact-link .contactInfoText, .contact-info p.contact-link .contactInfoText{    width: 65%;}
    .contact-info a.contact-link, .contact-info p.contact-link{font-size: 16px;    font-weight: 400;}
    .contact-icon li a img{    width: 30px;}
    .contact-icon li{margin-right: 20px;}

      /*  --  */
      .point-list li{ flex-wrap: wrap; padding-bottom: 30px;}
      .point-list li p{width: 100%;}
      .page-about-txt h3{font-size: 20px;line-height: 1.8;}
      .page-about-txt{ width: 100%;}
      .faq-wrap{ padding: 50px 10px; }
      .resp-easy-accordion .resp-arrow{left: 17px;}

      .breadcrumb-list{ flex-wrap: wrap; margin: 8px 20px;}
      .breadcrumb-list li:first-child{margin-left: -20px;}
      .news-wrap-list li a::after{    font-size: 12px;}
      .section-title img{ height: 22px;}
      .section-title span{font-size: 18px;}
      .service-icon img{width: 100px;}
      .service-icon h3{font-size: 16px;}
/*      .team-item h3{font-size: 16px;}*/
      .case-item .case-info h3{font-size: 16px;}
      .case-item .case-info p{font-size: 14px;}
      .case-item a{width: 75%;}

      .background-fixed-q__content{ display: block;justify-content: center;margin-left: unset; }


}


@media(max-width:320px){
  .contactInfoTitle{width: 28%;    display: inline-block;}
  .contact-info{  padding: 40px 0 40px 15px;}
  .contact-info a.contact-link .character2{ letter-spacing: 16px;}
}