/*nav*/ .rd-navbar.sticky.sticky { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; box-shadow: 0 2px 8px rgba(0,0,0,0.08); transition: box-shadow 0.2s, background 0.2s; background-color: #041824; } /*reset*/ .bg-transparent .rd-navbar.layout-logoleft-i2{ background-color: #041824;} .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: #fff5ac;} .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: #fff5ac;} .rd-navbar-static .rd-navbar-nav > li:hover a{background-color: #e2c55d!important; color: #000!important; border-radius: 5px;} .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: #fff;} .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: #000;} .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: 0;} .rd-navbar-static.layout-logoleft-i2 .rd-navbar-inner, .rd-navbar-fullwidth.layout-logoleft-i2 .rd-navbar-inner{ max-width: unset!important; width: 90% ; margin:auto; } .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: #917f00!important; background: transparent!important; } .faq-section .resp-easy-accordion .resp-arrow{ color: #000!important; background-color: #e2c55d!important;} .faq-section .resp-easy-accordion .resp-accordion.resp-tab-active{ background: #fff; border-color: #fff;} .faq-section .resp-easy-accordion .resp-tab-content{ background: #fff;} .faq-section .resp-easy-accordion .resp-accordion.resp-tab-active{ border: 1px solid #e7e7e7;} .faq-section .resp-easy-accordion .resp-tab-content{ border: 1px solid #e7e7e7; border-top: unset;} .faq-section .resp-easy-accordion .resp-accordion:hover{ color: #757575;} .faq-section .resp-easy-accordion .resp-accordion.resp-tab-active:hover{color: #757575;} .rd-mailform input, .rd-mailform textarea, .rd-mailform .rd-mailform-select{ border: 1px solid #ccc; } /*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-br{display: none;} .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; background-color:#f9f9f9; } .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;} ul.pagination-m li a.active { background-color: #e2c55d;color: white;} ul.pagination-m li a:hover:not(.active) {background-color: #ddd;} 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: #000;} .layout-logoleft-i2.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-brand .brand-name{background: #ccc;} /*main menu active auto*/ .navbar-active {background-color: #e2c55d; border-radius: 5px; } .navbar-active >a{ color: #000000!important; } .navbar-active2 {background-color: #000; border-bottom: 3px solid #87d3ff!important;} .navbar-active2 >a{ color: #fff!important;border-bottom: 3px solid transparent; } /*固定背景改良*/ .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; } /*article edite*/ .content-tt h2{font-size: 22px; letter-spacing: 0; font-weight: 600;} .content-tt hr{border-bottom: 1px solid #ddd; width: 100%; margin: 10px 0 30px 0;} .content-text img, .content-text iframe ,.content-text table{ max-width:100%; height:unset!important; } .content-text ul{ list-style: disc; padding-left: 20px;} /*article line-clamp*/ .line-clamp-1{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .line-clamp-2{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .line-clamp-3{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .articleGrid-infoWrap{ overflow:hidden; height:170px; } .articleGrid-infoWrap h4{ max-height: 57px; overflow:hidden; } .articleGrid-infoWrap p{ max-height: 45px; overflow:hidden;} /*----*/ .section-pd{padding: 80px 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;} .about-pic img{ width:100%; } .about-info{text-align: justify;} .about-info > img{ height:90px; max-width:unset!important; margin-bottom: 30px; } .about-info h3{ font-size:20px; color:#4d4d4d; letter-spacing: 0; margin-bottom: 30px; } .about-info p{font-size: 20px; color: #000;} .about-info { width: 80%; } .about-info-btn{margin-top: 40px;display: block;} .about-info-btn img{ height:60px; max-width:unset!important; } .about-section .row{ display: flex; align-items: center;} .services-section-bg{background-image: url(../images/services-bg.jpg); background-size: cover; background-repeat: no-repeat;} .services-info{ padding: 10px; } .services-info h3{ font-size: 20px; text-align:center; letter-spacing: 0; color: #a15904; margin: 10px 0 15px 0; } .services-info p{text-align: center; font-size: 16px; color: #000;} .services-section .row{ display:flex; flex-wrap:wrap; } .services-section.section-pd{ padding: 80px 0 40px 0; } .services-item .box-img{ border:1px solid #fff; } .services-item .box-img img{ transition:ease .5s all; } .services-item:hover .box-img img{ transform: translate(-50%,-50%) scale(1.2)!important; } .ad-section.section-pd{ padding: 50px 0; } .ad-section-bg{ background-image:url(../images/ad/ad-section-bg.jpg); background-size:100%; background-repeat:repeat; } .ad-left-info{ display: flex; align-items: center;} .ad-left-info img{ width: 80px; height: 80px;} .ad-info-txt{ margin-left: 20px;} .ad-info-txt h3{ font-size: 26px; color:#fff; letter-spacing: 0; margin-bottom: 10px; } .ad-info-txt p{ font-size:18px; color:#f9c158; margin:0; } .ad-info-small{font-size:18px; color:#f9c158; margin:0;} .ad-wrap{display: flex; justify-content: center; align-items: center;} .ad-right{ margin-left: 150px; } .ad-btn{ background-color:#a15904; display: flex ; align-items: center; border-radius: 5px; font-size: 30px; color:#fff; font-weight:900; padding: 15px 25px; } .ad-btn small{ font-size:18px;} .case-process{display: flex; border-bottom: 1px solid #d9d9d9; padding: 0 0 50px 0; margin-bottom:50px; } .case-process li { display: flex;align-items:center; } .case-process li img{width: 80px; margin-right: 10px;} .process-info{width: 55%; position: relative;} .process-info::after{content: ''; display: block; width: 20px; height: 20px; background-image: url(../images/process/process-arrow.png); background-size: 100%; background-repeat: no-repeat; position: absolute; right: -35px; top: 42%;} .case-process li:last-child .process-info::after{ content: unset!important; } .process-info h3{ color:#a15904; font-size: 24px; letter-spacing: 0; margin-bottom: 3px; } .process-info p{ font-size: 14px; margin:0; color:#001c42; } .section-title{text-align: center; margin-bottom: 50px; } .section-title h2 img{ width: 200px;} .case-item .box-img-4-5{ padding-top: calc(5 / 4 * 106%); border-radius:20px; } .case-item h4{ color:#001c42; text-align:center; margin-top: 20px; font-size:20px; letter-spacing:0; } .case-item p{color: #000;} .case-border-re{ border-bottom:1px solid #d9d9d9; padding-bottom: 50px; display: flex; flex-wrap: wrap;} .page-case-section .row{display: flex; flex-wrap: wrap;} .feedback-item{ width: 90%; } .feedback-item .info{border: 1px solid #808080; border-radius: 20px; padding: 20px;min-height: 230px; margin-bottom: 30px; position:relative; } .feedback-item .info::after{ content:''; display:block; width:25px; height:25px; background-image: url(../images/temp/feedback/feedback-info.png); background-size:98%; background-repeat:no-repeat; position: absolute; bottom: -25px; left: 14%; } .feedback-item .info .start i{font-size: 20px; color: #e2c55d; display: inline-block;min-width: unset!important;margin-right: 10px; margin-bottom:20px; } .feedback-item .info .main p{ font-size: 18px; line-height:1.3; } .feedback-name{ display: flex; align-items: center;} .feedback-name img{ width:60px; height:60px; border-radius: 50px; margin-right:15px; } .feedback-name h3{ font-size:16px; letter-spacing: 0; color:#a15904; } .slider.lazy{ width: 90%; margin:0 auto 50px auto; } .ad2-section-bg{background-image: url(../images/ad2/ad2-bg.png); background-size: cover;} .ad2-section .section-title h2 img{width: 280px;} .ad2-section .section-title p{ color:#f9c158; font-size:18px; margin-bottom: 50px; } .ad2-icon img{ width:200px; margin: 0 auto 30px auto ; display:block; } .ad2-item h3{ text-align:center; color:#fff; letter-spacing: 0;font-weight: 400; font-size: 22px; margin-bottom:20px; display:block; } .ad2-item p{ font-size:16px; color:#fff; text-align: center; } .contact-main .section-title img{width: 330px;} .contact-section-bg{ background-image:url(../images/contact02-bg.jpg); background-position: bottom; background-size:cover; background-repeat:no-repeat; } .contact-section { padding: 80px 0 450px 0; } .contact-section .section-title{ margin-bottom: 0; } .contact-main {margin-bottom: 50px;} .contact-main img{margin-bottom: 15px;} .contact-main p{ font-size:18px; line-height: 1.5; color:#001c42; margin-bottom: 25px; } .contact-main span{font-size: 18px; color: #a15904; } .contact-btn a{ background-image: url(../images/contact-btnlink.png); background-repeat: no-repeat; background-size: 100%; background-position: center; display:block; width: 170px; height: 60px; line-height: 3.4; font-size: 17px; color: #a15904; margin: 0 7px; } .contact-btn a:hover{ opacity:0.8; } .contact-btn{display: flex; justify-content: center; margin-top: 30px;} .f-items h2 img{ height:23px; max-width:unset!important; } .f-branditem-re{ display:flex; } .f-branditem-re .brand-name img{ display: block; width: 400px; } .f-branditem-re .f-company{margin-left: 20px;} .f-branditem-re .f-company h2{ font-size: 30px; letter-spacing:0; } .f-branditem-re .f-company span{ color:#a15904; font-size: 16px; margin-top:5px; display:block; } .f-branditem-re .f-company p{ font-size: 15px; color:#000; line-height:1.2; } .f-company h2{ font-size:26px; color:#a15904; margin-bottom:10px; } .f-company span{margin-bottom:20px; } .f-items h2{ line-height: 0; margin-bottom:20px; } .f-items a{ display: block; font-size: 16px; color:#000; margin-bottom:5px; } .page-foot{ padding-bottom: 0!important; color: #fff; padding-top: 40px;} .copyright{background-color: #001c42; padding: 10px 0 5px 0;} .page_breadcrumb img{width: 100%;} .page_breadcrumb ul{padding:0; display:flex;flex-wrap: wrap; } .page_breadcrumb ul li{ margin-right:30px; color: #888;position:relative; } .page_breadcrumb ul li::after{ content:'>'; color: #888; position:absolute; right: -20px; top:0; } .page_breadcrumb ul li:last-child::after{content: unset!important;} .page_breadcrumb ul li a{ color:#888; } .news-item{ position: relative; display: block; overflow: hidden; border: 1px solid #ececec; border-radius: 10px;} .news-item:hover{ transition: ease .8s all;} .news-item::after{transition: ease .5s all;} .news-item:hover::after{ content: ''; display: block; width: 100%; height: 100%;background-color: #ffffffb0; position: absolute; left: 0; top: 0; z-index: 5;} .news-item:hover a{ display:block!important; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #ffffff; width: 100px; height: 38px;color: #000;z-index: 15;} .news-item .news-info{ padding: 10px;} .news-item a{ color:#000; display: none; font-weight: 500; box-shadow: 0 0 5px #ccc; text-align:center;line-height: 2.2; font-size:16px; border-radius:5px; } .news-item a:hover{ background-color:#e2c55d; color:#000; } .news-section .row{display: flex;justify-content: center;} .services-inner .content-tt h2 small{ color:#a15904; } .services-inner .content-tt h2{ margin-bottom: 10px; display: flex; justify-content: center; align-items: center; } .rd-mailform{ width: 400px; max-width: 100%; padding: 30px 10px ; box-shadow: 0 0 10px #ccc; border-radius: 10px;} .contact-link ul{padding: 0; margin-top: 50px; padding-left: 10px; display: flex;flex-wrap: wrap; } .contact-link ul li{ width: calc( 100% / 3 - 20px ); height: 130px; margin: 0 20px 20px 0; padding: 20px; border-radius: 10px; box-shadow: 0 0 10px #ccc;border: 1px solid #c2af41; background-color: #fff;} .contact-link ul li p{ margin-bottom:0; margin-top:0; color:#000; word-break: break-all; } .contact-link ul li p:first-child{ font-weight: 700; display:flex; align-items: center; margin-bottom:10px; } .contact-link ul li p:last-child{ font-size:14px; } .contact-link ul li p:first-child img{ width: 25px; margin-right: 5px;} .contact-link ul li:hover{background-color: #f3efdb; opacity: 0.8;} .page-contact-btn{ background-color:#e2c55d; border:unset!important; margin:auto; display:block; } .contact-intro h3{ font-size:26px; letter-spacing:0; } .contact-intro p{ text-align:justify; } .page-contact-btn:hover{ color:#5e5e5e; background-color:#edd992; } .rd-mailform textarea{ height: 100px;} .about-p2-section .col-lg-6{ display:flex; justify-content:center; } .about-p2-section .col-lg-6 .about-info{ padding: 50px 0; } .about-p3-section .col-lg-6{ display:flex; justify-content:center; } .about-p3-section .about-info{ padding: 50px 0; } .about-p3-section .about-info ul{ padding:0; list-style:disc; padding-left:25px; } .about-p3-section .about-info ul li{ font-size:18px; margin-bottom: 5px; } .about-p3-section .col-lg-6{ padding-left:0;padding-right:0; } .about-p2-section .col-lg-6{ padding-left:0;padding-right:0; } .about-p2-section .col-lg-6.mb-20{margin-bottom: 0!important;} .form-intro{width: 400px; max-width: 100%; margin: 20px auto; } .form-title{font-size: 26px; text-align: center; margin-bottom: -10px;} @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;} /*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(min-width: 1300px){ .rd-mailform.row .col-sm-6:nth-child(even){ padding-left: 15px!important;} } @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(min-width: 991px){ .rd-navbar.layout-logoleft-i2 .rd-navbar-nav{text-align: right;} } @media (max-width: 991px){ /*reset*/ .rd-navbar-fixed .rd-navbar-panel:before{ background: #041824;} .rd-navbar-toggle span:after, .rd-navbar-toggle span:before, .rd-navbar-toggle span{ background-color: #000;} .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: #000;} .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; } /*tool*/ .m-close{ display: none!important; } .m-open{ display: block!important; } .m-br{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;} .articleGrid-infoWrap h4{ font-size: 20px; } .section-pd{padding: 40px 0;} .case-process{flex-wrap:wrap; } .about-section .row{ flex-wrap: wrap; } .about-info > img{ height: 75px; } .about-section .row .about-info{width: 90%; margin: auto;} .about-info-btn{ margin-bottom: 50px; } .about-info-btn img{ height: auto!important; width:100%; margin:auto; display:block; } .services-section-bg{ background-image: url(../images/m-services-bg.jpg)!important; background-size: 100%; background-repeat: repeat-y; } .services-info{ padding: 0; } .services-info p{ line-height: 1.2;} .services-info h3{ font-size: 18px; margin: 6px 0 5px 0; line-height: 1.2;} .services-section.section-pd{ padding: 40px 0 40px 0;} .section-title{ margin-bottom: 35px; } .services-section .row .col-xs-6{ padding-left:0; } .services-section .row .col-xs-6:nth-child(even){ padding-right: 15px; } .services-section .row{padding-left: 15px;} .ad-wrap{ flex-wrap: wrap; } .ad-left-info{ position: relative;} .ad-info-txt p{ margin: 10px 0 30px 0;} .ad-right{margin-left: 0;} .ad-btn{font-size: 26px; margin-top: 30px;} .ad-info-small{ font-size: 17px; margin: 10px 0 0 0; } .case-process li{ margin-bottom: 50px;} .process-info::after{ right: 50%; top: 95px; transform: rotate(90deg); } .case-process{ padding: 0;} .case-section .row.case-border-re{ display:flex; flex-wrap:wrap; } .feedback-item{ width: 95%; } .ad2-item h3{ margin-bottom: 10px; } .ad2-item{margin-bottom: 20px;} .ad2-icon img{ margin: 0 auto 10px auto;} .contact-section-bg{ background-image: url(../images/m-contact02-bg.jpg);} .contact-section{ padding: 80px 0 170px 0;} .f-branditem-re{flex-wrap: wrap;} .f-branditem-re .brand-name img{width: 150px;} .f-branditem-re{ justify-content: center;} .page-foot .rd-navbar-brand{margin-bottom: 20px;} .f-branditem-re .f-company{ margin-left: 0; } .f-branditem-re .f-company h2{ font-size: 24px;} .f-items .line-qr{width: 200px;} .process-info{width: 64%;} .jSlider.mob >div a{ position: unset!important; padding: 0!important; width: 100%!important;} .rd-navbar-toggle{ background-color: #e2c55d;border-radius: 5px; width: 35px; height: 35px; position: absolute; top: 10px; right: 20px; } .rd-navbar-toggle span:after, .rd-navbar-toggle span:before, .rd-navbar-toggle span{ width: 20px;height: 1.5px;} .ad2-section-bg{background-image: url(../images/ad2/m-ad2-bg.jpg);} .contact-link ul li{width: 100%; height: auto!important;} .news-section .row{ flex-wrap: wrap;} .about-info{width: 85%;} .about-p2-section .row{display: flex; flex-direction: column-reverse;} .about-p2-section .col-lg-6 .about-info{ padding: 20px 0 30px 0;} .about-p3-section .about-info{padding: 20px 0 30px 0;} .about-p3-section .row * + .col-xs-12{ margin-top: 0!important;} .page_breadcrumb{ margin-top: 56px; } } @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;} /*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%;} }