/*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: #fff;}
.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;color: #fff;border-bottom: 3px solid #e210ffc9;border-radius: 0;}
.rd-navbar-static .rd-navbar-nav > li > a, .rd-navbar-fullwidth .rd-navbar-nav > li > a{border-bottom: 3px solid transparent;}
.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: 145px;}
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;}
.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: #747474e8;    border: 1px solid #000;}
.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: #fff;    font-weight: 600;}
.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: #ccc;}
.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: 45px 0 0 0;}
/*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-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;}

.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;transition: ease .3s all; }
/*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;}
ul.pagination-m li a.active { background-color: #6120c3;color: white;}
ul.pagination-m li a:hover:not(.active) {background-color: #ddd;}

ul.topicon{position: absolute; right: -999px; top: 38px; 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; display: flex;justify-content: space-around;}
.layout-logocenter-more ul.topicon{ right: 40px;}
.layout-logocenter-more.rd-navbar-static .rd-navbar-inner{width:80%;  max-width: unset; position: relative;}
.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: 25px;}
.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;}
.page-head .rd-navbar.layout-logocenter-more.bg{background-image: url(../images/head-bg.jpg); background-size: cover;}


/*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: #000;}
.layout-logoleft-i2.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-brand .brand-name{background: #ccc;}

/*固定背景改良*/
.background-fixed-q {
  margin-top: 80px;
  margin-bottom: 80px;
  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;
}

@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: 4em 2em;
}

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


/*main menu active auto*/
.navbar-active >a{ color: #fff!important; background-color: transparent;border-bottom: 3px solid #e210ffc9!important; border-radius: 0!important;}


/*----*/

.section-pd{padding: 30px 0;}
.products-about-area{padding: 60px 0;}
.feature-area{ padding: 100px 0; }
.new-arrival-area{ padding: 60px 0; }
.footer-restyle{ padding: 60px 0 100px 0;}
.page-about{ padding: 0 0 50px 0; }
.page-news{padding:0 0 50px 0; }
.page-knowledge{padding:0 0 50px 0;}

.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;}
.products-about-bg{background-image: url(../images/products-about-bg.png); background-size: cover;}
.products-about-area{overflow: hidden;}


.titanium-screw-wrap{display: flex;flex-wrap: wrap;justify-content: space-around; margin-bottom: 50px;}
.titanium-screw-title h2{ background-image:url(../images/titanium-screw-title-bg.png); background-size:cover; color: #fff; font-size: 32px; font-weight: 400;text-align: center; padding: 10px 0; letter-spacing: 0; padding-right: 43px; }
.titanium-screw-title p{ font-size:16px; font-weight:400; }
.titanium-screw-title a{ font-size: 22px; float: right; font-weight: 500;color: #000;margin-top: 100px;}
.titanium-screw-title a:hover{opacity: 0.5;}
.titanium-screw-box{width: 100%; padding-top: 100%; overflow: hidden; position: relative; background-color: #efefef; border:1px solid #000;}
.titanium-screw-box img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover; width:100%; height:100%; }
.titanium-screw-info h3{font-size: 20px; color: #000; letter-spacing: 0 ; text-align: center; font-weight: 400;}
.titanium-screw-info{ padding:20px 0; background-color: #fff;}
.titanium-screw-item a{color: #ccc; background-color: #fff;display: block;border:1px solid #000; margin: 20px;}

.section-title h3{letter-spacing: 0; font-size: 32px; font-weight: 400;text-align: center; color: #000; margin-bottom: 30px;display: flex;align-items: center;justify-content: center;}
.section-title h3 small{color: #000; font-size: 16px; margin-left: 15px;}
.section-title.light h3{color: #fff; }
.section-title.light h3 small{color: #fff; }
.about-part-wrap{ width:1000px; max-width:100%; display:block; margin: auto; }
.about-part-main p{ font-size:18px; font-weight:400; line-height:36px; }

.feature-wrap{ width:1000px; max-width:100%; display:block; margin: auto; }
.feature-bg{background-image: url(../images/feature-bg.png); background-size: cover;}
.feature-item img{width: 130px; max-width: 100%; display: block; margin: auto;}
.feature-item h3{text-align: center; font-size: 22px;letter-spacing: 0; color: #fff; margin-top: 15px;}
.feature-block .row .col-md-3{border-left: 1px solid #fff;}
.feature-block .row .col-md-3:first-child{border-left: unset!important;}

.new-arrival-main .titanium-screw-item a{padding: 10px;}

.f-logo{width: 250px;max-width: 100%;}
.f-brand-description{ font-size:20px; font-weight:400;color:#000; }
.footer-bg{background-image: url(../images/footer-bg.png); background-position: bottom; background-repeat: no-repeat; background-size: 100%;}
.footer-title{font-size: 26px; letter-spacing: 0; color: #000; font-weight: 400; margin-bottom: 15px;}
.footer-link{display: block; color: #000;font-size: 20px;font-weight: 400; margin-bottom: 15px;}

.footer-socialicon {padding: 0;display: flex;}
.footer-socialicon li{margin-right: 15px; width: 30px;}

.new-arrival-area .slick-slider .slick-track, .new-arrival-area .slick-slider .slick-list{padding: 0 !important; }

.breadcrumb-area{padding: 80px 0; margin-bottom: 80px;}
.breadcrumb-bg{background-image: url(../images/pagetop-bg01.jpg); background-size: cover; position: relative;}
.pagetop-left-title{background-image: url(../images/pagetop-bg02.png); background-position: right;background-size: cover; position: absolute; top: 0; background-repeat: no-repeat; display: block; width: calc(100% / 4); height: 88px; overflow: hidden;}
.pagetop-left-title h3{color: #fff; letter-spacing:1px; padding:18px 0; text-align:center;margin-left:-150px; }
.pagetop-left-title.more h3::after{content: '..';}

.pagetop-right-list{background-image: url(../images/pagetop-bg03.png); background-size: cover; position: absolute; bottom: -37px; right: 0; background-repeat: no-repeat; display: block; width: calc(100% / 4); height: 100px; overflow: hidden; padding: 8px 0; }
.pagetop-right-list ul{padding: 0; display: flex; width: 59%; flex-wrap: wrap; right: 0; bottom: 0; position: absolute;align-items: center;height: 70px; }
.pagetop-right-list ul li{ margin-right:30px; position:relative; }
.pagetop-right-list ul li a{color: #9090a0;overflow: hidden; height: 23px;display: block;}
.pagetop-right-list ul li::before{content: ''; display: block; width: 8px; height: 8px;background-color: #ccaff9; border-radius: 50%; position:absolute; top:7px; left:-20px; }
.pagetop-right-list ul li:last-child::before{background-color: #7125df!important;}

.news-info{ overflow: hidden; height: 130px;}
.news-info small{color: #ccc; font-size: 14px;}
.news-info h3{ color: #000; font-size: 20px; letter-spacing: 0; font-weight: 400;overflow: hidden; max-height: 50px;}
.news-info p{ color: #777777; font-size:16px; }

.page-news a:hover{transition: ease .3s all;}
.page-news a:hover .news-item .box-img >img{transform: translate(-50%, -50%) scale(1.1);transition: ease .3s all;}

.page-news.inner .row{display: flex; justify-content: center;}
.content-title hr{ width: 100%; border-bottom: 1px solid #efefef;}
.page-news.inner .content-main{ border: 2px solid #777777;border-radius: 20px; padding: 50px; box-shadow: 0 2px 5px #888;}
.page-news.inner .content-title small{ float: right;position: absolute;width: 140px;right: -15px; bottom: 39px; background-color: #ffffff; display: inline-block;text-align: center; color: #c3c3c3; }
.page-news.inner .content-title small::before{ content:'';display: block; border-top: 8px solid #b3afaf;border-left: 5px solid transparent; border-right: 5px solid transparent;width: 10px;height: 10px;transform: rotate(270deg);position: absolute; top: 5px;left: 10px; }
.page-news.inner .content-title{ position:relative; }
.page-news.inner .content-main .content-text img, .page-news.inner .content-main .content-text iframe{max-width: 100%; height: unset!important;}

.knowledge-info{padding-top: 10px;}
.knowledge-info h3{ color:#000; letter-spacing:0; font-size:20px; border-left: 5px solid #777; padding-left: 10px;height: 30px; overflow: hidden; }
.knowledge-info p{ color:#777; margin: 5px 0; overflow: hidden; height: 45px;}
.knowledge-item a:hover .box-img >img{ transform: translate(-50%, -50%) scale(1.1);  }
.knowledge-item a{ color: #000; padding: 10px; border: 1px solid #424242; display: block; box-shadow: 0 0 5px #777;}
.knowledge-item a:hover{box-shadow: 0 0 2px #777;}

.page-knowledge.inner .row{display: flex; justify-content: center;}
.page-knowledge.inner .content-main{ border: 2px solid #777777;border-radius: 20px; padding: 50px; box-shadow: 0 2px 5px #888;}
.page-knowledge.inner .content-title small{ float: right;position: absolute;width: 140px;right: -15px; bottom: 39px; background-color: #ffffff; display: inline-block;text-align: center; color: #c3c3c3; }
.page-knowledge.inner .content-title small::before{ content:'';display: block; border-top: 8px solid #b3afaf;border-left: 5px solid transparent; border-right: 5px solid transparent;width: 10px;height: 10px;transform: rotate(270deg);position: absolute; top: 5px;left: 10px; }
.page-knowledge.inner .content-title{ position:relative; }
.page-knowledge.inner .content-main .content-text img, .page-knowledge.inner .content-main .content-text iframe{max-width: 100%; height: unset!important;}

.page-titanium-screw .titanium-screw-item .titanium-screw-info h3{ overflow: hidden; max-height: 51px; }
.page-titanium-screw .titanium-screw-item .titanium-screw-info{ padding: 5px 0; overflow: hidden; height: 65px;display: flex;justify-content: center; align-items: center; }
.page-titanium-screw .titanium-screw-item a{box-shadow: 0 0 5px #777;}
.page-titanium-screw .titanium-screw-item a:hover{box-shadow: 0 0 2px #777;}

.product-intro-title{ font-size:26px;letter-spacing:0; font-weight: 300; margin-bottom:40px; padding-bottom:20px; border-bottom:1px solid #777777; }

.product-intro-form{margin-bottom: 20px;}
.product-intro-form-wrap label{font-size: 22px; letter-spacing: 0; font-weight: 300; color:#000;margin-right:5px; display:inline; }
.product-intro-form-wrap select{ border-radius:8px; font-weight: 300; border: 1px solid #dbdbdb; color: #000; padding: 5px 10px; font-size:18px; }
.product-intro-form-wrap{margin-bottom: 20px;}
.product-intro-text{border-radius: 10px; border: 1px solid #dbdbdb; padding:20px; margin-bottom:20px; }
.product-intro-text .inner{ display:block; width:95%; margin:auto; overflow-y:auto; height:160px; }
.product-intro-text .inner p{color: #898989; font-size: 18px;font-weight: 300; }

.product-intro-price{ margin-bottom:13px; }
.product-intro-price h4{ font-size: 22px; letter-spacing: 0; font-weight: 500; color:#000;margin-right:5px; display:inline;  }
.product-intro-price h4 span{    width: 66px; display: inline-block;}
.product-intro-price h4:nth-child(2){ color:#e33939;display:block; font-weight:500;    margin-top: 5px; }

.product-intro-num{display: flex;}
.product-intro-num label{font-size: 22px; letter-spacing: 0; font-weight: 300; color:#000;margin-right:5px; display:inline; }
.product-intro-num input{ width:50px; height: 29px;text-align:center; border-radius: 4px; border: 1px solid #dbdbdb; color:#000; }
.product-intro-annotation{ margin-bottom:20px; margin-top:12px; }
.product-intro-annotation h4{ font-size: 18px;color: red; letter-spacing: 0; font-weight: 300;margin-right:5px; display:inline;  }


.product-intro-btn {display: flex;    position: absolute;bottom: 0;}
.product-intro-btn .btn:hover{opacity: 0.8;}
.product-intro-btn .btn{ display:block; width:150px; text-align:center; line-height:1; background-color:#828282; color:#fff; margin-right:15px; margin-top: unset!important; }
.product-intro-btn .btn.buy{ background-color:#000;  }
.product-description .title h3{font-size: 22px; text-align: center; font-weight: 500; color: #d6d6d6; padding-bottom: 15px; border-bottom: 1px solid #ededed;}
.product-description .content-main img , .product-description .content-main iframe{max-width: 100%; height: unset!important;}
.product-description .title{margin-bottom: 30px;}
.product-photo{ width:80%; margin:auto; }
.product-photo .lSGallery{    margin-top: 15px!important;}

.page-titanium-screw.product-style .product-p-list.gallery a{    margin-top: 0!important; margin-right: 0!important; margin-left: 0!important;}
.page-titanium-screw.product-style .lSSlideOuter .lSPager.lSGallery li{ border-radius: 5px;    overflow: hidden; height: 130px;}
.page-titanium-screw.product-style .lSSlideOuter .lSPager.lSGallery li.active, .page-titanium-screw.product-style .lSSlideOuter .lSPager.lSGallery li:hover{box-shadow: 0 0 3px #ccc; border: 1px solid #ccc;}
.lSSlideOuter .lSPager.lSGallery img{    object-fit: cover;width: 100%; height: 100%!important;}

.store-area .row{display: flex; justify-content: center;}

.store-item-block{max-width: 100% ; width: 900px; display: block; margin: auto;}
.store-item-block .store-item-title h4{font-size: 20px; font-weight: 600; line-height: 2;margin: 0; color: #fff; letter-spacing: 0; text-align: center;}
.store-item-block .store-item-title{background-color: #5d2cc3; padding: 5px 20px;border-radius: 20px 20px 0 0;}
.store-item-block .store-item-list{padding:30px 0; border: 1px solid #5d2cc3; border-radius: 0 0 20px 20px;}
.store-item-block .store-item-list li{width: 70%; display:block; margin: 0 auto 10px auto;border-bottom: 1px solid #efefef;text-align: center; color: #000; font-size: 20px; }
.store-item-block .store-item-list li a{text-align: center; padding-bottom: 10px;  color: #000; font-size: 20px;display: inline-block; position:relative;   }
.store-item-block .store-item-list li a:hover{opacity: 0.5;}
.store-item-block .store-item-list li:last-child{border-bottom: unset!important;  }
.store-item-block .store-item-list li:nth-last-child(-n+2){ position:relative; }
.store-item-block .store-item-list li:nth-last-child(-n+3){ position:relative;}
.store-item-block .store-item-list li:last-child a::before { content:""; display:block; width: 41px; height: 17px; background-image: url(../images/1448716537-383776662.gif); background-size:100%;  background-repeat: no-repeat; position:absolute; left: -50px; top: 6px; }

.page-titanium-screw.product-style .row{display: flex; flex-wrap: wrap;}


@media(max-width:1400px){
    .pagetop-right-list{width: calc(100% / 3);}
    .pagetop-right-list ul{justify-content: flex-end;}
    .pagetop-left-title h3{margin-left: -100px;}
}


@media(min-width: 768px) and (max-width: 1200px){
    ul.topicon{    right: unset!important;top: unset!important;position: unset;}
    .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-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{ display: inline-block; padding: 3px 0px 4px!important;}
    .rd-navbar-static .rd-navbar-nav > .rd-navbar-submenu li, .rd-navbar-fullwidth .rd-navbar-nav > .rd-navbar-submenu li{padding: 0px 30px;}
    .layout-logocenter-more.rd-navbar-static .rd-navbar-nav, .layout-logocenter-more.rd-navbar-fullwidth .rd-navbar-nav{ padding-top: 30px;}

    /*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;}
}

@media (max-width: 991px){
    /*reset*/
    .rd-navbar-fixed .rd-navbar-panel:before{ background: transparent; background-image: url(../images/head-bg.jpg); background-size: cover;}
    .rd-navbar-toggle span:after, .rd-navbar-toggle span:before, .rd-navbar-toggle span{ background-color: #fff;}
    .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: #572990;}
    .rd-navbar-fixed .rd-navbar-nav li > a{ color: #fff;}
    .rd-navbar-fixed .rd-navbar-nav-wrap:before{background-color: #572990;}
    .jSlider.mob{margin-top: 47px;}

    .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{background: #8c74ae;}
    .rd-navbar-fixed .rd-navbar-nav li.opened > a{background-color: #572990;}
    .rd-navbar-fixed .rd-navbar-nav li.opened > .rd-navbar-dropdown, .rd-navbar-fixed .rd-navbar-nav li.opened > .rd-navbar-megamenu{     padding-left: 20px; }

    /*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}

    /*  ---  */
    .feature-area{    padding: 50px 0;}

    .titanium-screw-title a{ margin-top: 0; }


    .about-part-wrap{max-width: 95%;}
    .pagetop-right-list{display: none;}

    .breadcrumb-area{  margin-top: 45px; padding: 50px 0;margin-bottom: 30px;}
    .news-info h3{ max-height: 56px;}
    .store-item-block{width: 100%;}
    .store-item-block .store-item-list li{   text-align: left; left: unset;transform: unset;}
    .store-item-block .store-item-list li a{    left: unset;transform: unset;}
    .store-item-block .store-item-list li:last-child a::before { left: 5px;}
    .store-item-block .store-item-list li:last-child a{padding-left: 50px;}
    .store-item-block .store-item-list li a{text-align: left;}
    .feature-item img{width: 70px; }
    .feature-item h3{font-size: 18px;}
    .section-title h3{  font-size: 24px;}
    .section-title h3 small{font-size: 14px;}

    .page-titanium-screw.product-style .lSSlideOuter .lSPager.lSGallery li{ width: 80px!important; height: 80px;}
    .product-intro-title{    margin-top: 30px;}
    .product-intro-btn {position: unset!important;}
    .page-titanium-screw.product-style .row{display:block;}
    .lSSlideWrapper .box-img img{width: 100%!important;}
}

@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; width: 28%;text-align: center;margin-top: 10px; z-index: 999;}
    ul.topicon li{  margin: 0 15px;}
    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;}

    /*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;  width: 100%;}
    .layout-logocenter-more .m-topicon-form{width: 100%; bottom: 5px; position: absolute;justify-content: center; display: flex;}

    /*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-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%;}

    /*  ---  */
    .breadcrumb-bg{margin-top: 86px;}
    .pagetop-left-title{    width: 80%;  height: 80px;    left: 0;}
    .pagetop-left-title h3{     padding: 23px 0;    font-size: 20px; }
    .breadcrumb-area{padding: 46px 0;}

    .titanium-screw-title h2{ font-size: 20px;}
    .titanium-screw-wrap{    width: 90%; margin: auto;}
    .about-part-wrap{     max-width: 90%;}
    .feature-wrap{width: 90%; margin: auto;}
    .feature-block .row .col-md-3:nth-child(3){ border-left: unset!important;}
    .product-intro-btn .btn{    width: 49%;}
    .store-item-block .store-item-list li{    width: 88%; }
}