/*
Theme Name:   voltdrip
Template:     parent
Description:  sub theme
Author:       lihao
Version:      1.0
*/

img {
    max-width: 100%;
    transition: all .5s ease-out 0s;
    width: 100%;
}

p {
    line-height: 27px;
}

body {
    font-size: 16px;
}

.announcement-bar p {
    margin: 0;
    text-align: center;
    font-size: 14px;
    color: #000;
    padding: 6px 0;
}

.announcement-bar {
    background: #E9DFCA;
}

.header_bottom .row {
    display: flex;
    align-items: center;
}

.main-menu>ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: flex-end;
}

.single-product .main-menu ul li a,
.page-template-page-home .main-menu ul li a {
    font-size: 18px;
    color: #000;
    font-weight: bold;
    transition: all .5s ease-out 0s;
}

.main-menu ul li a {
    font-size: 18px;
    color: #000;
    font-weight: bold;
    transition: all .5s ease-out 0s;
}

.main-menu>ul>li>a {
    line-height: 74px;
}

.white_l {
    display: none;
}

.single-product .white_l,
.page-template-page-home .white_l {
    display: none;
}

.single-product .black_l,
.page-template-page-home .black_l {
    display: block;
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    height: 12px;
    width: 12px;
    margin: 0 !important;
    background: #ccc;
    top: auto;
    left: auto;
}

#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span {
    background: #fff;
}

#fp-nav li a .fp-sr-only {
    width: 6px !important;
    height: 6px !important;
    background: #FD6316 !important;
    margin: 0 auto !important;
    border-radius: 50%;
    overflow: hidden;
    top: 3px;
    left: 3px;
    clip: inherit;
    text-indent: -999999px;
}

#fp-nav li a.active .fp-sr-only {
    z-index: 9;
}

.main-menu>ul>li:hover>a {
    color: #FD6316;
}

.header_bottom {
    background: #ffffff;
    padding: 15px 0;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

header.active {
    top: -55px;
    transition: all .1s ease-out 0s;
    opacity: 0
}

header.active:hover {
    top: 0;
    transition: all .5s ease-out 0s;
    opacity: 1
}

.main-menu>ul>li {
    margin-left: 30px;
    font-style: italic;
    position: relative;
}

.header_bottom .sub-menu {
    position: absolute;
    width: 190px;
    z-index: 9;
    background: #929090;
    display: none;
    list-style: none;
    padding: 0;
}

.main-menu .sub-menu li a {
    line-height: 40px;
    padding: 0 15px;
    display: block;
    font-size: 15px !important;
    line-height: 43px;
    transition: all .5s ease-out 0s;
}

.main-menu .sub-menu li a:hover {
    background: #E9DFCA;
    color: #000;
}

.home-blog {
    background: #f5f5f7;
}

.main-menu li:hover>ul {
    display: block;
}

.banner-text {
    position: relative;
    line-height: 0;
}

.banner-text video {
    width: 100%;
    height: 100vh;
    object-fit: cover;
}

.logo {
    line-height: 0;
}

.swiper-container {
    overflow: hidden;
}

.banner-info {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    color: #ffffff;
    align-items: flex-start;
    padding-top: 25vh;
}

.banner-info h2 {
    font-size: 64px;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: bold;
}

.banner-info h3 {
    font-size: 32px;
    margin: 30px 0;
    font-weight: bold;
}

.banner-text img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
}

a {
    display: inline-block;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

.bt_text a {
    display: inline-block;
    background: #fff;
    color: #000;
    padding: 13px 30px;
    font-size: 24px;
    font-weight: bold;
    transition: all .5s ease-out 0s;
}

.bt_text a:hover {
    background: #FD6316;
    color: #fff;
}

.single-product header,
.page-template-page-home header {
    position: relative;
    z-index: 9;
    width: 100%;
}

.single-product header .header_bottom,
.page-template-page-home header .header_bottom {
    background: #ffffff;
    padding: 15px 0;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

header {
    position: relative;
    z-index: 1000;
}

.home-product {
    background: #f5f5f7;
    text-align: center;
}

.home-product img {
    max-width: 100%;
}

.pb_cpanel .pb_left {
    width: 57%;
}

.pb_cpanel .pb_right {
    width: 43%;
    padding-left: 50px
}

.pdr_top .pb_item {
    display: none;
}

.pdr_top .pb_item:first-child {
    display: block;
}

.pdr_bottom {
    display: flex;
}

.home-product .pb_right .pdr_top img {
    max-width: inherit;
}

.home-product .pb_right img {
    max-width: 200px;
}

.pb_cpanel .pb_left>div,
.pb_cpanel {
    display: none;
}

.pb_cpanel {
    align-items: center;
}

.pb_cpanel:first-child {
    display: flex;
}

.pb_cpanel .pb_left>div:first-child {
    display: block;
}

.home-product .pb_left {
    border-radius: 25px;
    overflow: hidden;
}

.pb_item {
    overflow: hidden;
}

.pb_item:hover img {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.pro_top h2 {
    margin-top: 0;
    font-size: 36px;
    font-weight: bold;
    font-style: italic;
    margin-bottom: 25px;
}

.single-product .pro_top h2 {
    font-size: 56px;
}

.single-product .pro_image {
    position: absolute;
    z-index: 9;
    bottom: 0;
    width: 100%;
    left: 0;
}

.single-product .home-video {
    line-height: 0;
}

.single-product .pro_image img {
    width: auto;
}

.pa_top .swiper-wrapper {
    height: auto !important;
}

.ppa_img img {
    width: auto;
}

.pro_tab ul {
    list-style: none;
    padding: 0;
    margin: 0 0 30px;
    font-size: 18px;
    display: flex;
    justify-content: center;
    font-style: italic;
}

.pro_tab ul li {
    margin: 0 20px;
    padding-bottom: 5px;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    font-weight: bold;
}

.pro_tab ul li.active {
    border-bottom: 2px solid #FD6316;
    color: #FD6316
}

.pb_right .pb_item {
    cursor: pointer;
}

.pb_item h4 {
    font-style: italic;
    font-weight: bold;
}

.home-videos img,
.home-video img {
    max-width: 100%;
    width: 100%;
    height: 100vh;
    object-fit: cover;
}

.home-video video {
    height: 100vh;
    width: 100%;
    object-fit: cover;
}

.home-videos,
.home-video {
    position: relative;
}

.video_icon {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.video_icon a {
    width: 100px;
    height: 100px;
    text-align: center;
    line-height: 100px;
    font-size: 40px;
    color: #fff;
    background: rgb(255, 255, 255, 0.5);
    border-radius: 50%;
    padding-left: 5px;
    transition: all .5s ease-out 0s;
}

.video_icon a:hover {
    background: rgb(253, 99, 22, 1);
}

.home-dealer {
    display: flex;
    align-items: center;
    background: #f5f5f7;
    height: 100vh;
}

.home-dealer> {
    width: 50%;
}

.aligncenter {
    margin: 0 auto;
    display: block;
}

.hd_text {
    padding: 0 70px;
}

.hd_text h2 {
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 25px;
}

.hd_text p {
    font-size: 18px;
    font-weight: bold;
}

.hd_text a {
    display: inline-block;
    background: #000;
    color: #FFF;
    padding: 13px 30px;
    font-size: 24px;
    font-weight: bold;
    margin-top: 20px;
    transition: all .5s ease-out 0s;
}

.hd_text a:hover {
    background: #FD6316;
}

.hd_text {
    width: 50%;
}

.hd_text img {
    width: auto;
}

.hd_text:hover img {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.hd_img {
    width: 50%;
}

.hd_img img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
}

#menu {
    display: none;
}

#menu.mm-opened {
    display: block;
}

.home-videos .swiper-slide,
.home-banner .swiper-slide {
    width: 100% !important;
}

.home-whyus {
    color: #fff;
    text-align: center;
}

.hw_info img {
    display: block;
    margin: 0 auto;
}

.hw_image {
    position: relative;
}

.hw_image img {
    transition: all .5s ease-out 0s;
    width: auto;
}

.hw_info:hover .hw_image img:first-child {
    opacity: 0;
}

.hw_info .hw_image img:last-child {
    margin-top: -44px;
    opacity: 0;
}

.hw_info:hover .hw_image img:last-child {
    opacity: 1;
}

.hw_info {
    padding: 30px 25px;
    border-radius: 10px;
    border: 1px solid #fff;
    font-size: 16px;
    line-height: 27px;
    height: 100%;
    transition: all .5s ease-out 0s;
}

.hw_info p {
    margin: 0;
    line-height: 23px;
    font-size: 14px;
}

.hw_info h3 {
    font-size: 20px;
    font-weight: bold;
    font-style: italic;
}

.home-whyus .row {
    display: flex;
    flex-wrap: wrap;
}

.home-whyus h2 {
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 25px;
    font-style: italic;
}

.home-whyus .col-md-4 {
    margin-top: 30px;
}

.hw_info:hover {
    background: #fd6316;
    border: 1px solid #fd6316;
    color: #121212;
}

.hw_info:hover img {
    filter: grayscale(100%)
}

.blog_list {
    max-width: 585px;
    margin-left: auto;
}

.blog-list .row {
    display: flex;
    align-items: center;
}

.blog_image .bi_img {
    display: none;
}

.blog_image .bi_img:first-child {
    display: block;
}

.blog-info h3 a {
    display: block;
    font-style: italic;
    font-size: 18px;
    font-weight: bold;
    color: #000;
    transition: all .5s ease-out 0s;
}

.blog-info:hover h3 a {
    color: #FD6316
}

.blog-info h3 {
    margin: 10px 0 0;
}

.blog-info {
    margin-bottom: 30px;
}

.bi_img a img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
}

.bi_img a {
    display: block;
    line-height: 0;
    overflow: hidden;
}

.bi_img a:hover img {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.bl_more a {
    font-size: 18px;
    font-weight: bold;
    font-style: italic;
    color: #fff;
    background: #000;
    padding: 8px 30px;
    transition: all .5s ease-out 0s;
}

.bl_more a:hover {
    background: #FD6316;
    color: #fff;
}

footer {
    background: #f5f5f7;
    color: #000000;
    padding: 30px 0;
}

footer ul li a {
    color: #000000;
    font-size: 18px;
    transition: all .5s ease-out 0s;
}

footer .footer-menu ul li a {
    display: block;
    line-height: 35px;
}

footer ul li a:hover {
    color: #FD6316
}

footer h3 {
    font-weight: bold;
    font-style: italic;
    margin-bottom: 20px;
}

footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-top .col-md-3{
    width: 20%;
}

.footer-top .col-md-2 {
    width: 16.666%;
}

.footer-copyright-row {
    margin-top: 30px;
}

.footer-copyright {
    /* border-top: 1px solid #ddd; */
    padding-top: 30px;
    text-align: left;
}

.footer-social-row {
    margin-top: 20px;
}

.footer-social-wrapper {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.footer-top {
    margin-bottom: 40px;
}

.tnp-subscription form {
    display: flex;
    justify-content: space-between;
    margin: 20px 0;
}

.tnp-subscription form input {
    background: none;
    border: 1px solid #fff;
    width: 100%;
    outline: none;
}

.tnp-field-button {
    width: 32%;
}

.tnp-field-email {
    width: 65%;
}

.footer-newsletter {
    text-align: center;
}

.footer-newsletter h3 {
    font-style: italic;
}

.footer-social ul {
    display: flex;
}

.footer-social ul li {
    margin-right: 10px
}

.footer_text p {
    /*padding-left: 35px;*/
}

.footer_text p:nth-child(2) {
    /*background: url(images/tel.png) left center no-repeat;*/
}

.footer_text p:nth-child(3) {
    /* background: url(images/email.png) left center no-repeat;*/
}

.footer_text p:nth-child(4) {
    /* background: url(images/address.png) left center no-repeat;*/
}

.tnp-subscription p {
    font-size: 16px;
}

.tnp-subscription p a {
    color: #fff;
    transition: all .5s ease-out 0s;
}

.tnp-subscription p a:hover {
    color: #FD6316
}

.footer-bottom {
    margin-top: 15px;
}

.hp-top {
    text-align: center;
}

.home-per {
    background: #f5f5f7;
}


.hp_detail {
    margin-top: 30px;
    overflow: hidden;
}

.hp_detail:hover img {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.hp_detail h3 {
    font-size: 30px;
    font-weight: bold;
    font-style: italic;
    margin-top: 40px;
}

.hp_detail p {
    font-size: 18px;
    margin: 15px 0;
}

.hp_detail a {
    font-size: 18px;
    font-weight: bold;
    font-style: italic;
    color: #000;
    text-transform: uppercase;
}

.hp_bottom {
    background: #E9DFCA;
    color: #fff;
    position: absolute;
    bottom: 0;
    overflow: hidden;
}

.hp_bottom span {
    font-size: 64px;
    font-weight: bold;
    font-style: italic;
    padding: 15px 5rem;
    line-height: 70px;
}

.hp_top {
    position: absolute;
    width: 100%;
    top: 100px;
}

.hp_top h2 {
    max-width: 600px;
    margin: 0 auto;
    font-size: 36px;
    color: #fff;
    font-weight: bold;
    font-style: italic;
    text-align: center;
}

.marquee__inner {
    width: fit-content;
    display: flex;
    position: relative;
    transform: translate(0);
    animation: marquee 5s linear infinite;
}

.marquee__inner.super-slow {
    animation: marquee 26s linear infinite;
}

.hp_bottom .marquee__inner {
    animation: marquee 15s linear infinite, fade-in 2s ease;
    text-transform: uppercase;
}

@keyframes marquee {
    0% {
        transform: translate3d(0, 0, 0);
    }

    100% {
        transform: translate3d(-20%, 0, 0);
    }
}

.hp-look .hpl_item {
    position: absolute;
}

.home_popup {
    position: relative;
}

.shop-the-look__dot {
    position: relative;
    display: block;
    width: 24px;
    height: 24px !important;
    border-radius: 50%;
    background: #000;
    box-shadow: 0 0 0 8px rgb(255, 255, 255) inset, 0 1px 5px #00000026;
    padding: 0;
}

.tap-area:before {
    content: "";
    position: absolute;
    top: -6px;
    bottom: -6px;
    right: -6px;
    left: -6px;
    height: 32px;
    width: 32px;
}

@keyframes shopTheLookDotKeyframe {
    0% {
        opacity: 1;
        transform: scale(0.4);
    }

    100% {
        opacity: 0;
        transform: scale(1.3);
    }
}

.shop-the-look__dot:after {
    content: "";
    position: absolute;
    left: -6px;
    top: -6px;
    width: 32px;
    height: 32px;
    border: 2px solid rgba(255, 255, 255, .6);
    border-radius: 100%;
    animation: shopTheLookDotKeyframe 2s ease-in-out infinite;
}

.shop-the-look__product {
    position: absolute;
    display: flex;
    align-items: center;
    width: max-content;
    left: calc(100% + 28px);
    top: 50%;
    max-width: 450px;
    background: #fff;
    visibility: hidden;
    opacity: 0;
    transform: scale(.8) translateY(-50%);
    transition: visibility .4s cubic-bezier(.75, 0, .175, 1), opacity .4s cubic-bezier(.75, 0, .175, 1), transform .4s cubic-bezier(.75, 0, .175, 1);
    will-change: transform;
    box-shadow: 0 1px 5px #0000001a;
    transform-origin: top left;
    z-index: 1;
    border-radius: 0;
    padding: 15px 32px 15px 15px;
}

.shop-the-look__product--reverse {
    left: auto;
    right: calc(100% + 28px);
    transform-origin: top right;
}

.open .shop-the-look__product {
    visibility: visible;
    opacity: 1;
    transform: scale(1) translateY(-50%);
}

.hps_info {
    display: flex;
    align-items: center;
}

.hps_info img {
    max-width: 100%;
}

.hps_info .hps_img {
    width: 30%;
}

.hps_info .hps_text {
    width: 70%;
    padding-left: 20px;
}

.hps_info .hps_text h3 {
    margin: 0 0 10px;
}

.shop-the-look__product:before {
    position: absolute;
    content: "";
    right: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent rgb(255, 255, 255) transparent transparent;
    border-width: 8px;
}

.shop-the-look__product--reverse:before {
    right: auto;
    left: 100%;
    border-color: transparent transparent transparent rgb(255, 255, 255);
}

.hp_img {
    height: 100vh;
}

.hp_img img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
}

.pro_description {
    background: #f5f5f7;
}

.pd_con h2 {
    font-size: 100px;
    font-weight: bold;
    line-height: 120px;
}

.pd_con h4 {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    line-height: 48px;
    margin: 30px 0;
}

.pd_con h3 {
    text-align: center;
    font-size: 56px;
    font-weight: bold;
    margin-bottom: 50px;
}

.pd_con p a {
    text-transform: uppercase;
    font-size: 24px;
    font-weight: bold;
    padding: 13px 20px;
    background: #000;
    color: #fff;
}

.pro_imagerow {
    background: #f5f5f7;
}

.hp-top .pro_top {
    margin-bottom: 100px;
}

.home-per .hp-top .pro_top {
    margin-bottom: 30px;
}

.pro_access {
    background: #f5f5f7;
    color: #000000;
}

.pal_txt {
    display: flex;
}

.pal_info h4 {
    text-align: center;
    margin: 20px 0 30px;
}

.pal_info {
    font-size: 16px;
}

.pal_txt p {
    /*width: calc(100% - 10px);*/
    line-height: 27px;
    text-align: center;
}

img {
    max-width: 100%;
}

.pa_top .swiper-slide {
    transition: 300ms;
    transform: scale(0.6);
    text-align: center;
}

.pa_top .swiper-slide h2 {
    opacity: 0;
    transition: 300ms;
    font-size: 50px;
    font-weight: bold;
    font-style: italic;
    margin-top: 30px;
}

.pa_top .swiper-slide.swiper-slide-active h2 {
    opacity: 1;
    transition: 300ms;
}

.pa_top .swiper-slide.swiper-slide-active {
    transition: 300ms;
    transform: scale(1.2);
}

.pa_top .swiper-container {
    padding-bottom: 30px;
}

.pro_where {
    padding: 100px 0;
    color: #fff;
    background-size: cover !important;
}

.pro_where h2 {
    font-size: 56px;
    font-weight: bold;
}

.pw_content p {
    text-align: center;
    font-size: 18px;
    max-width: 500px;
    margin: 30px auto;
}

.pw_content h4 a {
    font-weight: bold;
    color: black;
    background: #fff;
    border-radius: 4px;
    padding: 15px 25px;
    transition: all 0.6s;
}

.pw_content h4 a:hover {
    color: white;
    background: #fd6316;
}

.hi_content a img {
    width: 100%;
}

.hi_content a {
    width: 100%;
}

.hi_list .swiper-wrapper {
    transition-timing-function: linear;
}

/* 修改 silent 整体的背景 */
.pro_silent {
    /* 明确移除背景图片 */
    background-image: none;
    background-color: #f5f5f7;
    color: black;
    background-size: cover;
}

.pro_silent .col-md-4 {
    width: 35%;
}

.pro_silent .col-md-8 {
    width: 65%;
}

.pro_silent .row {
    height: 100%;
    display: flex;
}

.pro_silent .ps_txt {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.pro_silent .ps_txt h2 {
    font-size: 50px;
    font-weight: bold;
    font-style: italic;
}

.pro_silent .ps_txt p {
    font-size: 16px;
    padding-right: 50px;
    line-height: 25px;
}

.pro_color {
    background: #f5f5f7;
}

.pcl_left .pcl_img {
    display: none;
}

.pcl_left .pcl_img:first-child {
    display: block;
}

.pro_color h2 {
    font-size: 56px;
    font-weight: bold;
    font-style: italic;
    text-align: center;
    margin-bottom: 30px;
}

.pc-list {
    display: flex;
    align-items: center;
}

.pcl_left {
    width: 65%;
}

.pcl_right {
    width: 35%;
    padding-left: 50px;
}

.pcl_txt h3 {
    font-size: 35px;
    font-weight: bold;
    font-style: italic;
}

.pcl_txt p {
    font-weight: bold;
    font-style: italic;
    font-size: 18px;
    margin: 20px 0;
}

.pcl_txt ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
}

.pcl_txt ul li {
    margin: 0 15px 0 0;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    cursor: pointer;
    opacity: 0.5;
}

.pcl_txt ul li.active {
    opacity: 1;
}

/* 修改 speed 整体的背景 */
.pro_speed {
    background-image: none;
    /* 明确移除背景图片 */
    background-color: #f5f5f7;
    color: black;
    background-size: cover;
}

.pro_speed .col-md-8 {
    width: 62%;
}

.pro_speed .col-md-4 {
    width: 38%;
}

.pro_speed .row {
    height: 100%;
    display: flex;
    align-items: center;
}

.pro_speed .row .col-md-4 {
    height: 100%;
}

.pro_speed .ps_txt h2 {
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 50px;
    margin-top: 60px;
}

.pro_speed .ps_txt {
    max-width: 330px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 100%;
}

.pro_speed .ps_txt h3 {
    font-weight: bold;
    font-size: 24px;
}

.pro_speed .ps_txt p {
    margin-top: 20px;
    font-size: 16px;
    line-height: 27px;
}

.ps_img {
    overflow: hidden;
}

.pro_speed .ps_img img {
    height: 100vh;
    object-fit: cover;
    width: 100%;
}

.pcl_img:hover img,
.ps_img:hover img {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.pro_speed .pst_bottom h3 {
    font-size: 50px;
    font-weight: bold;
}

.pst_bottom {
    display: flex;
    text-align: center;
    justify-content: space-between;
    width: 100%;
}

.pst_bottom span {
    font-size: 18px;
}

/* 修改 Parameters 整体的背景 */
.pro_para {
    background-color: #f5f5f7;
    background-position: center bottom !important;
    background-repeat: no-repeat !important;
    padding-top: 50px;
}


.ppa_table table tr td:first-child {
    font-size: 18px;
    font-weight: bold;
    width: 60%;
}

.ppa_table {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.pro_para h2 {
    font-size: 56px;
    font-weight: bold;
    font-style: italic;
    text-align: center;
    margin-bottom: 30px;
}

.ppa_table table {
    width: 100% !important;
}

.ppa_table table tr td:last-child {
    font-size: 16px;
    text-align: right;
}

.ppa_table table:first-child {
    margin-right: 30px;
}

.ppa_table table:last-child {
    margin-left: 30px;
}

.ppa_table table tr td {
    padding: 6px
}

.ppa_img {
    text-align: center;
    position: relative;
    bottom: 0;
}

.pro_compare {
    position: relative;
    background: #f5f5f7;
    padding-top: 50px;
}

.pro_compare h2 {
    margin-top: 30px;
    margin-bottom: 20px;
    font-weight: bold;
    font-style: italic;
    font-size: 64px;
    text-align: center;
}

.pro_compare table {
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
}

.pro_compare table tr td {
    padding: 10px;
    border-right: 2px solid #f5f5f7;
}

.pro_compare table tr td:first-child {
    background: #f5f5f7;
}

.pro_compare table tr:nth-child(2n) {
    background: #F8F6F5;
}

.pro_compare .hp_bottom {
    position: relative;
    margin-top: 50px;
}

.top-banner {
    display: flex;
    color: #fff;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.top-banner h1 {
    font-size: 50px;
    font-weight: bold;
    font-style: italic;
    margin-top: 0;
}

.custom_cont {
    padding: 60px 0;
}

.custom_cont h2 {
    font-size: 32px;
    font-weight: bold;
    line-height: 40px;
    margin: 0 0 20px;
}

.custom_cont .row {
    height: 100%;
    display: flex;
    align-items: center;
}

.our_content {
    background: #f5f5f7;
}

.cc_image {
    text-align: right;
}

.about_content h2 {
    font-size: 56px;
    font-weight: bold;
    margin: 50px 0 20px;
}

.about_content h2:first-child {
    font-size: 100px;
    font-weight: bold;
}

.about_content h3 {
    text-align: center;
    margin: 50px 0 30px;
    line-height: 40px;
}

.about_content p a {
    color: #fff;
    padding: 8px 20px;
    text-transform: uppercase;
    font-size: 24px;
    background: #000;
    font-weight: bold;
}

.about_content {
    margin-bottom: 50px;
}

.avout-philosophy {
    padding: 50px 0;
}

.avout-philosophy h2 {
    font-size: 56px;
    font-weight: bold;
    margin-bottom: 30px;
}

.pro_info>a {
    background: #f5f4ef;
    padding: 20px 30px;
}

.cat_description {
    padding: 80px 0;
}

.cat_description h1 {
    margin-top: 0;
    margin-bottom: 25px;
    font-size: 56px;
    font-weight: bold;
}

.pro_info h3 {
    font-weight: bold;
    font-style: italic;
}

.pro_info ul {
    padding-left: 15px;
    margin: 0;
}

.cat-model,
.cat-pro {
    margin-bottom: 80px;
}

.cat-model h2 {
    margin: 0;
    font-weight: bold;
    font-style: italic;
    font-size: 56px;
    text-align: center;
}

.bl-txt,
.bl-one {
    position: relative;
    height: 420px;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 0 15px #ccc;
    margin-top: 30px;
    overflow: hidden;
    background: #fff;
}

.bl-one img {
    transition: all .5s ease-out 0s;
}

.bl-one:hover img {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.bl-one:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    background: rgb(0, 0, 0, 0.5);
}

.bl-one .blo_tetx {
    position: absolute;
    bottom: 0;
    padding: 30px;
    color: #fff;
    z-index: 9;
}

.blo_tetx h3 a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    transition: all .5s ease-out 0s;
}

.blo_tetx h3 a:hover {
    color: #FD6316;
}

.bl-txt>a {
    overflow: hidden;
}

.bl-txt a img {
    transition: all .5s ease-out 0s;
}

.bl-txt:hover a img {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.blo_tetx p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.bl-one h3 a {
    color: #fff;
    font-weight: bold;
}

.blo_tetx span {
    color: #FD6316;
    font-size: 12px;
}

.article__image-wrap {
    height: 530px;
}

.bl-one img {
    height: 100%;
    object-fit: cover;
}

.bl-txt h3 {
    font-size: 20px;
}

.bl-txt h3 a {
    color: #000;
    font-weight: bold;
}

.bl-txt .blo_tetx p {
    color: #6c7589;
    line-height: 22px;
    font-size: 14px;
}

.bl-txt .blo_tetx {
    padding: 0 15px;
}

.top-banner .row {
    width: 100%;
}

.top-banner .tb_left h1 {
    color: #000;
}

.page-template-page-contact .top-banner {
    background: #f5f5f7;
}

.page-template-page-contact .top-banner .row {
    display: flex;
    align-items: center;
}

.tb_left {
    width: 430px;
    text-align: left;
    margin-left: auto;
}

.tb_left span {
    font-size: 24px;
    color: #000;
    font-weight: bold;
    font-style: italic;
}

.con_form {
    background: #f5f5f7;
    padding: 80px 0 60px;
}

.nf-form-content label {
    display: none;
}

.nf-form-content .list-select-wrap .nf-field-element>div,
.nf-form-content input:not([type=submit]),
.nf-form-content textarea {
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #c4c4c4 !important;
}

.nf-form-content {
    padding: 0 !important;
    max-width: 100% !important;
}

nf-fields-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

nf-fields-wrap nf-field {
    width: 100%;
}

nf-fields-wrap nf-field:nth-child(3),
nf-fields-wrap nf-field:nth-child(2) {
    width: 49%;
}

.nf-before-form-content {
    display: none !important;
}

.con_form h3 {
    font-size: 36px;
    font-weight: bold;
    font-style: italic;
    text-align: center;
    margin: 0 0 20px;
}

.nf-form-content input[type=submit] {
    margin: 0 auto !important;
    width: 150px !important;
    display: block !important;
}

.con_map {
    background: #f5f5f7;
    padding-bottom: 80px;
}

.con_map h2 {
    font-size: 36px;
    font-style: italic;
    font-weight: bold;
    text-align: center;
    margin-bottom: 50px;
}

.map_top ul {
    list-style: none;
    padding: 0;
    margin: 0 0 40px;
    display: flex;
    justify-content: space-between;
    font-size: 24px;
    font-weight: bold;
    font-style: italic;
}

.map_top ul li {
    cursor: pointer;
}

.map_top ul li.active {
    color: #FD6316;
}

.map_cpanel {
    display: none;
    background: #E9DFCA;
    align-items: center;
}

.map_cpanel:first-child {
    display: flex;
}

.map_cpanel .map_text {
    padding: 0 50px;
}

.map_cpanel h3 {
    font-weight: bold;
    font-style: italic;
    margin-bottom: 20px;
}

.map_iframe {
    line-height: 0;
}

.wp-pagenavi {
    clear: both;
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

.wp-pagenavi a,
.wp-pagenavi span {
    text-decoration: none;
    border: 0;
    padding: 3px 5px;
    margin: 2px;
    width: 30px;
    text-align: center;
    line-height: 22px;
    border-radius: 50%;
    background: #f3f3f3;
    color: #333;
}

.wp-pagenavi span.current {
    background: #FD6316;
    color: #fff;
}

.wp-pagenavi a.nextpostslink {
    border: 1px solid transparent;
}

.bl-bottom {
    margin-bottom: 80px;
}

.blog_content {
    margin: 50px 0;
}

.single_meta {
    color: #FD6316;
    margin-bottom: 40px;
}

.blog_content p a {
    color: #FD6316;
}

.blog_content p {
    line-height: 27px;
}

.blog_content h2,
.blog_content h1 {
    font-weight: bold;
}

.asc_description,
.fc_description,
.pc_description,
.dc_description {
    padding: 60px 0;
}

.asc_description h3,
.sup_content h3,
.pc_description h3,
.dc_description h3 {
    font-weight: bold;
    line-height: 40px;
}

.dcq_txt {
    padding-right: 50px;
}

.dcq_txt h2 {
    font-size: 56px;
    font-weight: bold;
    font-style: italic;
}

.dc_qua .row {
    display: flex;
    align-items: center;
}

.video_content,
.ab_content,
.as_content,
.sup_content,
.faq_content,
.photo_content,
.dealer_content {
    background: #f5f5f7;
}

.dc_reasons {
    background: #E9DFCA;
    text-align: center;
    padding: 60px 0;
    margin: 60px 0;
}

.dealer_content h2 {
    font-size: 56px;
    font-weight: bold;
    font-style: italic;
    margin-top: 0;
}

.dc_reasons h2 {
    margin-top: 0;
    padding: 0 50px;
}

.dc_reasons h3 {
    font-weight: bold;
    font-style: italic;
    margin-top: 30px;
    line-height: 33px;
}

.dc_brand h2 {
    margin-bottom: 25px;
}

.dcb_info {
    margin-top: 30px;
}

.dc_brand .row {
    display: flex;
    flex-wrap: wrap;
}

.dcb_info img {
    border-radius: 10px;
    overflow: hidden;
}

.dcb_info h3 {
    font-size: 32px;
    font-weight: bold;
    font-style: italic;
}

.dcb_info p {
    line-height: 24px;
}

.dc_faq {
    padding: 60px 0;
}

.dc_faq h2 {
    text-align: center;
}

.dcf_info {
    margin-top: 30px;
}

.dcf_info h3 {
    font-size: 18px;
    font-weight: bold;
    font-style: italic;
    display: flex;
    justify-content: space-between;
}

.dc_faq .row {
    display: flex;
    flex-wrap: wrap;
}

.dcf_con {
    background: #E9DFCA;
    padding: 30px;
    min-height: 180px;
}

.dcf_con p {
    line-height: 24px;
    margin: 0;
}

.pcl_bottom,
.pcl_top:after {
    content: "";
    display: block;
    clear: both;
}

.pcl_top {
    margin: 0 -10px;
}

.pcl_top .pcl_item {
    float: left;
    padding: 10px;
    width: 25%;
}

.pcl_top .pcl_item:first-child {
    width: 50%;
}

.pcl_bottom .pcl_item img,
.pcl_top .pcl_item img {
    border-radius: 10px;
    overflow: hidden;
}

.pcl_bottom .pcl_item {
    padding: 10px;
    width: 33.333%;
    float: left;
}

.pcl_middle .pcl_item {
    background: #fff;
    padding: 10px;
    width: 100%;
    margin: 10px 0;
}

.pcl_bottom {
    margin: 0 -10px;
}

.pc_list {
    padding-bottom: 60px;
}

.pc_nav ul {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: center;
    max-width: 1000px;
    margin: 0 auto 50px;
}

.pc_nav ul li {
    width: 50%;
    text-align: center;
}

.pc_nav ul li a {
    display: inline-block;
    color: #000;
    font-size: 56px;
    font-weight: bold;
    font-style: italic;
    border-bottom: 4px solid transparent;
    line-height: 60px;
    transition: all .5s ease-out 0s;
}

.pc_nav ul li a:hover,
.page-template-page-video .pc_nav ul li:last-child a,
.page-template-page-photos .pc_nav ul li:first-child a {
    color: #FD6316;
    border-bottom: 4px solid #FD6316;
}

.fc_description h2 {
    font-weight: bold;
    font-size: 50px;
}

.faq_content .dcr_txt {
    min-height: 40px;
}

.faq_content .dc_faq {
    padding-top: 0;
}

.fcl_item {
    background: #E9DFCA;
    display: flex;
    margin-bottom: 100px;
    height: 100%;
}

.fcl_item>div {
    width: 50%;
    position: relative;
}

.fcl_item .fc_right {
    display: flex;
    align-items: center;
}

.fcl_txt {
    padding: 0 40px;
    width: 100%;
}

.fcl_txt table {
    width: 100%;
    border: 0;
}

.fcl_txt table td {
    padding: 5px;
}

.fcl_txt table td a {
    background: #f5f5f7;
    display: flex;
    text-align: center;
    border-radius: 8px;
    padding: 8px;
    justify-content: center;
    color: #000;
    align-items: center;
}

.fcl_txt table td a i {
    margin-left: 20px;
}

.fcl_txt table td:first-child {
    font-weight: bold;
    font-style: italic;
    font-size: 18px;
}

.fc_loca {
    position: absolute;
    top: -35.7px;
    width: 100%;
    text-align: center;
}

.fc_loca span {
    display: inline-block;
    background: #000;
    font-size: 18px;
    font-weight: bold;
    font-style: italic;
    color: #fff;
    padding: 5px 30px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.fc_image .swiper-pagination {
    width: 100%;
}

.fc_image .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #000;
    opacity: .5;
    margin: 0 5px;
}

.fc_image .swiper-pagination-bullet-active {
    opacity: 1;
    background: #000;
}

.scl_info {
    padding: 30px 50px;
    background: #E9DFCA;
    margin-top: 30px;
}

.scl_info h3 {
    margin-top: 0;
    font-size: 18px;
    font-style: italic;
}

.scl_info p {
    line-height: 24px;
    margin: 30px 0;
}

.sc_looking h2 {
    font-weight: bold;
    font-size: 50px;
    font-style: italic;
    text-align: center;
    margin-top: 0;
}

.scl_info a {
    padding: 5px 10px 3px;
    background: #000;
    color: #fff;
    font-weight: bold;
    font-style: italic;
}

.sc_video {
    padding: 60px 0;
    background: #E9DFCA;
    margin: 80px 0;
}

.sc_video h2 {
    font-weight: bold;
    font-size: 50px;
    font-style: italic;
    text-align: center;
    margin-top: 0;
    margin-bottom: 40px;
}

.sc_video .video_icon a {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 25px;
}

.scv_list .swiper-slide-active {
    transform: scale(1.3);
    z-index: 2;
}

.scv_list .swiper-slide {
    transition: all .5s ease-out 0s;
}

.scv_list .swiper-container {
    padding: 45px 0;
}

.sc_brochure h2,
.sc_model h2,
.sc_form h2 {
    font-weight: bold;
    font-size: 50px;
    font-style: italic;
    text-align: center;
    margin-top: 0;
    margin-bottom: 40px;
}

.sc_form nf-fields-wrap nf-field {
    width: 49%;
}

.sc_form nf-fields-wrap nf-field:last-child {
    width: 100%;
}

.sc_model .pro_compare table tr td:first-child {
    width: 25% !important;
    background: transparent;
}

.sc_brochure h2,
.sc_model h2 {
    margin-bottom: 0;
}

.sc_model {
    margin: 60px 0 80px;
}

.scbl_img .img {
    display: none;
}

.scbl_img .img:first-child {
    display: block;
}

.sc_brochure {
    position: relative;
    padding: 60px 0;
    background: #E9DFCA;
    overflow: hidden;
}

.scb_list {
    display: flex;
    align-items: center;
}

.scb_list .scbl_img {
    width: 57%;
}

.scb_list .scbl_txt {
    width: 43%;
    padding: 0 80px;
}

.scbl_txt .scbl_text {
    font-size: 24px;
    font-weight: bold;
    font-style: italic;
    color: #fff;
    background: #000;
    border-radius: 8px;
    padding: 8px 20px;
    margin: 20px 0;
    cursor: pointer;
}

.scbl_txt .scbl_text.active {
    background: #f5f5f7;
    color: #000;
}

.asc_service {
    padding: 60px 0;
    background: #E9DFCA;
    text-align: center;
}

.asc_service h2 {
    font-weight: bold;
    font-size: 50px;
    font-style: italic;
    text-align: center;
    margin-top: 0;
    margin-bottom: 20px;
}

.asc_service h3 {
    font-weight: bold;
    font-size: 30px;
    font-style: italic;
    margin-top: 0;
    margin-bottom: 20px;
}

.asc_info {
    margin-top: 30px;
    padding: 0 60px;
}

.asc_info p {
    line-height: 24px;
}

.asc_bottom .ascb_cpanel {
    display: none;
}

.asc_bottom .ascb_cpanel:first-child {
    display: block;
}

.asc_image {
    padding: 60px 0;
}

.asc_top ul li {
    display: inline-block;
    color: #000;
    font-size: 18px;
    font-weight: bold;
    font-style: italic;
    border-bottom: 4px solid transparent;
    line-height: 40px;
    transition: all .5s ease-out 0s;
    cursor: pointer;
}

.asc_top ul li.active {
    color: #FD6316;
    border-bottom: 4px solid #FD6316;
}

.asc_top ul {
    display: flex;
    justify-content: space-between;
    padding: 0 50px;
    margin: 0;
}

.ascb_info {
    margin-top: 30px;
    text-align: center;
}

.ascp_con {
    max-width: 800px;
    margin: 0 auto;
    position: relative;
}

.asc_popup h2 {
    font-weight: bold;
    font-size: 50px;
    font-style: italic;
    text-align: center;
    margin-top: 0;
    margin-bottom: 20px;
}

.ascp_list .ascp_item {
    position: absolute;
    cursor: pointer;
    display: block;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 3px solid #FD6316;
    border-radius: 50%;
}

.ascp_items {
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 350px;
    width: 100%;
    display: none;
}

.ascp_txt {
    padding: 15px;
}

.ascp_txt p {
    font-size: 14px;
    line-height: 20px;
}

.ascp_txt h3 {
    margin-top: 0;
}

body.hiddens {
    overflow: hidden;
    display: block;
}

body.hiddens .asc_popup:after {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0, 0.3);
    z-index: 30;
}

.sp_close {
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #fff;
    border-radius: 50%;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 10px #ccc;
}

.hiddens .ascp_items {
    z-index: 999;
}

.aba_txt {
    padding: 60px 60px 60px 0;
    position: relative;
    color: #fff;
}

.aba_txt p {
    margin-bottom: 0;
}

.aba_bototm {
    position: relative;
}

.aba_bototm:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    width: 50%;
    background: rgb(0, 0, 0, 0.5);
    height: 100%;
}

.aba_top h2 {
    font-weight: bold;
    font-size: 50px;
    font-style: italic;
    text-align: center;
    margin-top: 0;
    margin-bottom: 20px;
}

.aba-ambassator {
    padding-top: 60px;
}

.aba-ambassator .hp_bottom {
    position: relative;
    overflow: hidden;
}

.ab_content .sc_video {
    padding: 0;
    background: transparent;
    margin: 60px 0;
}

.aba_video .video_icon a {
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 30px;
}

.scv_info span {
    text-align: center;
    display: block;
    margin-top: 10px;
}

.scv_info {
    margin-bottom: 30px;
}

.aba_content h2 {
    font-weight: bold;
    font-size: 36px;
    font-style: italic;
    text-align: center;
    margin-top: 0;
    margin-bottom: 30px;
}

.aba_content h2 span {
    color: #FD6316;
}

.aba_content {
    background: #E9DFCA;
    padding: 60px 0;
    margin-top: 30px;
}

.aba_content .abac_txt {
    max-width: 800px;
    margin: 30px auto 0;
}

.abac_txt h3 {
    font-weight: bold;
    font-size: 32px;
    font-style: italic;
    text-align: center;
    margin-bottom: 30px;
}

.abac_txt p a {
    background: #000;
    padding: 10px 30px;
    color: #fff;
}

.vt_con .scv_info {
    position: relative;
    margin: 0;
}

.vt_con {
    display: flex;
    margin: 0 -10px;
    align-items: end;
    flex-wrap: wrap;
}

.vt_left {
    width: 55%;
}

.vt_right {
    width: 45%;
}

.vt_con>div {
    padding: 0 10px;
}

.vti_list {
    display: flex;
    margin: 0 -10px;
}

.vti_list>div {
    padding: 15px 10px 0;
    width: 50%;
}

.video_bottom .video_icon a,
.vti_list .video_icon a {
    width: 65px;
    height: 65px;
    text-align: center;
    line-height: 65px;
    font-size: 25px;
}

.vti_txt h3 {
    margin-bottom: 30px;
}

.video_bottom .vt_con .scv_info {
    width: 33.333%;
    margin-bottom: 20px;
}

.video_bottom h2 {
    font-weight: bold;
    font-size: 50px;
    font-style: italic;
    text-align: center;
    margin-top: 0;
    margin-bottom: 30px;
}

.video_bottom {
    padding: 60px 0 50px;
}

.desk-none {
    display: none;
}

.hps_close {
    display: none;
}

.b_cont {
    padding: 50px 0;
    color: #fff;
}

.b_cont h2 {
    font-size: 100px;
}

.b_cont h3 {
    line-height: 48px;
    margin: 30px;
}

.pw_content p a,
.b_cont p a {
    background: #fff;
    color: #000;
    padding: 13px 20px;
    font-size: 24px;
    transition: all .5s ease-out 0s;
    border-radius: 5px;
}

.pw_content p a:hover,
.b_cont p a:hover {
    background: #FD6316;
    color: #fff;
}

.abc_con .row {
    display: flex;
    align-items: center;
    margin: 60px 0;
}

.abc_con .row img {
    border-radius: 15px;
}

.abc_con .row:nth-child(2n) .col-md-6:first-child {
    order: 1;
}

.abc_text h2 {
    font-weight: bold;
    font-size: 50px;
    margin-top: 0;
    margin-bottom: 20px;
}

.bl-top ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.bl-top ul li {
    margin: 0 10px;
}

.bl-top ul li a {
    font-size: 20px;
    color: #333;
    padding: 5px 30px;
    background: #fcfcfc;
    border-radius: 5px;
    font-style: italic;
    transition: all .5s ease-out 0s;
}

.bl-top ul li.current-menu-item a,
.page-template-page-blog .bl-top ul li:first-child a,
.bl-top ul li a:hover {
    background: #FD6316;
    color: #fff;
}

.bl-top {
    margin-top: 50px;
}

.con_fixed {
    position: fixed;
    top: 45%;
    left: 0;
}

.cf_info img {
    max-width: 100px;
    display: block;
    margin: 0 auto;
}

.cf_info a {
    background: #E9DFCA;
    text-align: center;
    border-bottom-right-radius: 5px;
    overflow: hidden;
    border-top-right-radius: 5px;
}

.cf_info a span {
    display: block;
    background: #000;
    font-style: italic;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    padding: 5px 12px;
}

.cf_info #con_form {
    opacity: 0;
    z-index: -1;
    position: relative;
    display: none;
}

.cf_info #con_form-tmp {
    display: none;
}

.dc_form h3 {
    font-weight: bold;
    font-size: 50px;
    margin-top: 0;
    margin-bottom: 20px;
    text-align: center;
    font-style: italic;
}

.blog_lists {
    background: #f5f5f7;
}

#fancybox-content {
    border: 0 solid #f5f5f7 !important;
    background: #f5f5f7 !important;
}

#fancybox-content #con_form {
    padding: 10px;
}

.single_video a {
    display: block;
    position: relative;
    transition: all .5s ease-out 0s;
}

.single_video .video_icon i {
    width: 70px;
    height: 70px;
    text-align: center;
    line-height: 70px;
    font-size: 25px;
    color: #fff;
    background: rgb(255, 255, 255, 0.5);
    border-radius: 50%;
    padding-left: 5px;
    transition: all .5s ease-out 0s;
}

.pv_info a:hover .video_icon i,
.single_video a:hover i {
    background: #FD6316;
}

.pro_videos {
    background: #f5f5f7;
    color: #000000;
}

.single_text {
    padding: 0 40px;
}

.single_text h2 {
    font-size: 40px;
}

.single_video a img {
    height: 370px;
    object-fit: cover;
    width: 100%;
}

.single_text h3 {
    line-height: 36px;
}

.pro_videos .row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.pv_list {
    margin-top: 30px;
    text-align: center;
}

.pv_info a {
    display: block;
    position: relative;
}

.pv_info a .video_icon i {
    width: 55px;
    height: 55px;
    text-align: center;
    line-height: 55px;
    font-size: 20px;
    color: #fff;
    background: rgb(255, 255, 255, 0.5);
    border-radius: 50%;
    padding-left: 5px;
    transition: all .5s ease-out 0s;
}

.pv_info h3 {
    font-style: italic;
    font-size: 16px;
}

@media (max-width:1440px) {
    .dc_form h3 {
        font-size: 35px;
    }

    .avout-philosophy h2 {
        font-size: 40px;
    }

    .abc_text h2 {
        font-size: 40px;
    }

    .b_cont h2 {
        font-size: 80px;
    }

    .home-per {
        position: relative;
    }

    .pro_speed .ps_txt h2 {
        margin-top: 30px;
    }

    .pro_compare h2 {
        margin-bottom: 0;
        font-size: 40px;
    }

    .pro_where h2 {
        font-size: 40px;
    }

    .ppa_table table tr td:last-child {
        font-size: 14px;
        text-align: right;
    }

    .ppa_table table tr td:first-child {
        font-size: 16px;
    }

    .ppa_img img {
        max-width: 500px;
    }

    .pd_con h4 {
        font-size: 20px;
        line-height: 30px;
    }

    .pd_con h2 {
        font-size: 50px;
        line-height: 70px;
    }

    .pal_info h4 {
        text-align: center;
        margin: 0px 0 30px;
    }

    .pa_top .swiper-slide h2 {
        font-size: 50px;
    }

    .pro_color h2 {
        font-size: 40PX;
    }

    .pcl_txt h3 {
        font-size: 30px;
    }

    .pro_silent .ps_txt h2 {
        font-size: 40px;
    }

    .single-product .pro_top h2 {
        font-size: 40px;
    }

    .pro_speed .pst_bottom h3 {
        font-size: 40px;
    }

    .pro_silent .ps_txt h2 {
        font-size: 40px;
    }

    .hp_detail h3 {
        font-size: 25px;
        margin-top: 20px;
    }

    .home-product .container {
        max-width: 1000px;
    }

    .banner-info h3 {
        font-size: 25px;
    }

    .banner-info h2 {
        font-size: 40px;
    }

    .hp_detail img {
        max-width: 300px;
    }

    .hp_bottom span {
        font-size: 50px;
        padding: 5px 5rem;
    }

    .dcb_info h3 {
        font-size: 25px;
    }

    h2 {
        font-size: 35px;
    }

    .dealer_content h2 {
        font-size: 35px;
    }

    .header_bottom {
        padding: 10px 0;
        background: #f5f5f7;
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }

    .sup_content h2,
    .fc_description h2 {
        font-size: 32px;
        max-width: 800px;
        margin: 0 auto 30px;
    }

    .scl_info p {
        margin: 10px 0 20px;
    }

    .pro_compare {
        padding-top: 0;
    }

    .scbl_img img {
        max-width: 500px;
        display: block;
        margin: 0 auto;
    }

    .scbl_txt .scbl_text {
        font-size: 20px;
    }

    .top-banner .col-md-7 {
        height: 400px !important;
    }

    .aba_top h2 {
        font-size: 40px;
    }

    .pc_nav ul li a {
        font-size: 40px;
    }

    .pc_nav ul {
        margin-bottom: 30px;
    }

    .video_bottom h2 {
        font-size: 40px;
    }

    .asc_service h2 {
        font-weight: bold;
        font-size: 40px;
    }

    .asc_service h3 {
        font-size: 25px;
    }

    .asc_popup h2 {
        font-size: 40px;
    }
}

@media (max-width:1024px) {
    .banner-text img {
        width: 100%;
        height: 80vh;
    }

    .home-video video {
        height: 50vh;
    }

    .aba_top h2 {
        font-size: 35px;
    }

    .b_cont h3 {
        line-height: 40px;
        font-size: 20px;
    }

    .b_cont h2 {
        font-size: 60px;
    }

    .tb_left {
        width: 330px;
    }

    .tb_left span {
        font-size: 20px;
    }

    .top-banner h1 {
        font-size: 40px;
    }

    .map_top ul {
        margin: 0 0 30px;
        font-size: 20px;
    }

    .map_cpanel h3 {
        font-size: 20px;
    }

    .map_cpanel .map_text {
        padding: 0 30px;
        max-width: 40%;
    }

    .map_iframe {
        line-height: 0;
        width: 60%;
    }

    .map_iframe iframe {
        width: 100% !important;
        height: 450px !important;
    }

    .pro_speed .row .col-md-4 {
        padding-right: 0;
    }

    .pro_speed .col-md-8 {
        padding-left: 0;
    }

    .pro_speed .row {
        margin: 0;
    }

    .pro_compare table {
        font-size: 14px;
    }

    .pro_compare h2 {
        font-size: 35px;
    }

    .pro_where h2 {
        font-size: 35px;
    }

    .pro_para {
        padding-top: 50px;
    }

    .pro_para h2 {
        font-size: 35px;
        margin-bottom: 20px;
        margin-top: 0;
    }

    .pro_description {
        padding: 50px 0;
    }

    .pd_con p a {
        font-size: 20px;
        padding: 10px 20px;
    }

    .pd_con h4 {
        font-size: 18px;
        line-height: 28px;
    }

    .pd_con h2 {
        font-size: 35px;
        line-height: 45px;
        margin: 0;
    }

    .pal_info {
        font-size: 14px;
    }

    .pro_access {
        padding: 50px 0;
    }

    .pa_top .swiper-slide h2 {
        font-size: 35px;
    }

    .pcl_txt h3 {
        font-size: 25px;
    }

    .pcl_left {
        width: 60%;
    }

    .pcl_right {
        width: 40%;
    }

    .pro_color {
        padding-top: 50px;
    }

    .pro_color h2 {
        font-size: 35PX;
        margin: 0;
    }

    .pro_speed .ps_txt p {
        font-size: 14px;
        line-height: 20px;
    }

    .pro_silent .ps_txt p {
        font-size: 14px;
        line-height: 20px;
    }

    .pro_speed {
        padding-bottom: 50px;
    }

    .pro_silent {
        padding: 50px 0;
    }

    .pro_speed .pst_bottom h3 {
        font-size: 30px;
    }

    .pro_speed .ps_txt h3 {
        font-weight: bold;
        font-size: 20px;
    }

    .pro_speed .ps_txt h2 {
        font-size: 35px;
    }

    .pro_silent .ps_txt h2 {
        font-size: 35px;
    }

    .pro_silent .ps_txt p {
        padding-right: 0;
    }

    .pro_speed .ps_img img {
        height: 80vh;
        width: 100%;
    }

    .single-product .pro_image img {
        max-width: 500px;
    }

    .home-product .pb_right img {
        max-width: 150px;
    }

    .hp_bottom {
        position: relative;
    }

    .banner-text video {
        width: 100%;
        height: 80vh;
        object-fit: cover;
    }

    .banner-info h2 {
        font-size: 40px;
    }

    .banner-info h3 {
        font-size: 25px;
    }

    .bt_text a {
        font-size: 18px;
    }

    .page-template-page-home header {
        position: relative;
    }

    .single-product header .header_bottom,
    .page-template-page-home header .header_bottom {
        background: #ffffff;
        padding: 10px 0;
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }

    .pb_item h4 {
        font-size: 16px;
    }

    .home-product {
        padding: 50px 0;
    }

    .pro_top h2 {
        font-size: 30px;
    }

    .home-videos img,
    .home-video img {
        height: 70vh;
    }

    .hp_detail img {
        max-width: 300px;
    }

    .hp_detail h3 {
        font-size: 20px;
    }

    .hp_detail p {
        font-size: 16px;
    }

    .home-per .hp-top .pro_top {
        margin-bottom: 0;
    }

    .hp-top {
        padding: 50px 0;
    }

    .hp_bottom span {
        font-size: 40px;
        padding: 15px 3rem;
        line-height: 50px;
    }

    .bt_text a {
        padding: 10px 30px;
    }

    .hd_text h2 {
        font-size: 25px;
        margin-bottom: 20px;
    }

    .hd_text p {
        font-size: 16px;
        font-weight: bold;
    }

    .hd_text img {
        max-width: 250px;
    }

    .hd_text a {
        padding: 10px 30px;
        font-size: 18px;
    }

    .home-dealer {
        height: 100%;
    }

    .hd_img img {
        height: 75vh;
    }

    .hd_text {
        padding: 0 30px;
    }

    .home-whyus h2 {
        font-size: 30px;
    }

    .hp_img img,
    .hp_img {
        height: 70vh;
    }

    .hp_top h2 {
        font-size: 30px;
    }

    .hp_top {
        top: 50px;
    }

    .bi_img a img {
        height: 70vh;
    }

    .blog_list {
        max-width: 400px;
    }

    .blog-info h3 a {
        font-size: 16px;
    }

    .blog_text span {
        font-size: 14px;
    }

    .bl_more a {
        font-size: 16px;
    }

    .bl-bottom .col-md-8 {
        width: 100%;
    }

    .bl-one img {
        width: 100%;
    }

    .bl-txt,
    .bl-one {
        position: relative;
        height: auto;
    }

    .bl-txt .blo_tetx {
        padding: 0 15px 15px;
    }

    .bl-txt h3 {
        font-size: 16px;
    }

    .abc_text h2 {
        font-size: 30px;
    }

    .avout-philosophy h2 {
        font-size: 30px;
    }

    .asc_popup h2 {
        font-size: 30px;
    }

    .single_text {
        padding: 0;
    }

    .pro_videos {
        padding: 50px 0;
    }

    .single_video a img {
        height: auto;
    }
}

@media (max-width: 992px) {
    .pro_silent .col-md-8 {
        width: 100%;
        order: 1;
    }

    .container {
        width: 100%;
    }

    .header_bottom .col-md-9 {
        width: 70%;
    }

    .header_bottom .col-md-3 {
        width: 30%;
    }
}

@media (max-width: 768px) {
    .single_text h3 {
        line-height: 30px;
        font-size: 18px;
    }

    .single_text h2 {
        font-size: 30px;
    }

    .pro_videos .col-md-6 {
        width: 100%;
    }

    .dc_form h3 {
        font-size: 25px;
    }

    .con_fixed {
        display: none;
    }

    .banner-text img {
        width: 100%;
        height: 65vh;
    }

    .banner-info {
        padding-top: 15vh;
    }

    .pa_top .swiper-slide {
        transition: 300ms;
        transform: scale(1);
        text-align: center;
    }

    .home-video video {
        height: 40vh;
    }

    .asc_popup {
        padding: 50px 0;
    }

    .asc_popup h2 {
        font-size: 25px;
    }

    .asc_image {
        padding: 50px 0;
    }

    .ascb_info {
        margin-top: 20px;
    }

    .asc_service {
        padding: 50px 0;
    }

    .asc_service h3 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .asc_top {
        overflow: auto;
    }

    .asc_top ul {
        padding: 0;
        margin: 0;
        width: 700px;
    }

    .ascb_cpanel .col-sm-3 {
        width: 50%;
    }

    .asc_service h2 {
        font-weight: bold;
        font-size: 25px;
    }

    .video_bottom h2 {
        font-size: 20px;
    }

    .vt_right {
        width: 100%;
    }

    .vt_left {
        width: 100%;
    }

    .pcl_bottom .pcl_item {
        padding: 10px;
        width: 50%;
        float: left;
    }

    .pcl_top .pcl_item {
        width: 50%;
    }

    .pcl_top .pcl_item:first-child {
        width: 100%;
    }

    .pc_nav ul li a {
        font-size: 25px;
    }

    .aba_video .col-sm-4 {
        width: 50%;
    }

    .pc_list .container,
    .ab_content .container {
        max-width: 600px;
    }

    .aba_txt {
        padding: 50px 0;
    }

    .aba_bototm:before {
        width: 100%;
    }

    .aba_bototm .col-sm-6 {
        width: 100%;
    }

    .aba_top h2 {
        font-size: 25px;
    }

    .b_cont h3 {
        line-height: 35px;
        font-size: 20px;
    }

    .b_cont h2 {
        font-size: 30px;
    }

    .custom_cont h2 {
        font-size: 25px;
        line-height: 30px;
    }

    .custom_cont .col-xs-12 {
        width: 100%;
    }

    .avout-philosophy h2 {
        font-size: 25px;
    }

    .abc_text h2 {
        font-size: 25px;
    }

    .abc_con .row:nth-child(2n) .col-md-6:first-child {
        order: 1;
    }

    .abc_con .row:nth-child(2n) .col-md-6:last-child {
        order: 2;
    }

    .abc_text {
        margin-top: 25px;
    }

    .abc_con .col-md-6 {
        width: 100%;
    }

    .abc_con .row {
        flex-wrap: wrap;
        margin: 50px 0;
    }

    .our_content .container {
        max-width: 600px;
    }

    nf-fields-wrap nf-field:nth-child(3),
    nf-fields-wrap nf-field:nth-child(2) {
        width: 100%;
    }

    .con_map {
        padding-bottom: 50px;
    }

    .map_iframe iframe {
        height: 300px !important;
    }

    .con_form {
        padding: 50px 0 30px;
    }

    .map_top ul {
        font-size: 14px;
    }

    .con_map h2 {
        font-size: 25px;
    }

    .con_form h3 {
        font-size: 20px;
    }

    .map_iframe {
        line-height: 0;
        width: 100%;
    }

    .map_cpanel .map_text {
        max-width: 100%;
    }

    .map_cpanel {
        flex-wrap: wrap;
    }

    .page-template-page-contact #content .container {
        max-width: 600px;
    }

    .tb_left {
        width: 100%;
        text-align: center;
    }

    .top-banner .col-sm-5 {
        width: 100%;
    }

    .top-banner .col-md-7 {
        height: 400px !important;
        display: none;
    }

    .bl-bottom .col-sm-4 {
        width: 50%;
    }

    .blo_tetx p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        font-size: 14px;
        line-height: 20px;
    }

    .bl-one h3 {
        font-size: 20px;
    }

    .label-above .nf-field-label {
        display: none !important;
    }

    .sc_form nf-fields-wrap nf-field {
        width: 100%;
    }

    .sup_content h2,
    .fc_description h2 {
        font-size: 25px;
    }

    .scv_info {
        margin-bottom: 0;
    }

    .scv_list .swiper-slide-active {
        transform: scale(1);
    }

    .sc_brochure {
        padding: 50px 0 0px
    }

    .scbl_img img {
        max-width: 400px;
    }

    .scb_list .scbl_txt,
    .scb_list .scbl_img {
        width: 100%;
    }

    .scb_list {
        flex-wrap: wrap;
    }

    .sc_model {
        margin: 50px 0 50px;
    }

    .sc_video {
        padding: 50px 0;
        background: #E9DFCA;
        margin: 50px 0;
    }

    .scv_list .swiper-container {
        padding: 0;
    }

    .sc_looking .col-md-6 {
        width: 100%;
    }

    .fcl_txt table td:first-child {
        font-size: 16px;
    }

    .fc_description h2 {
        font-size: 25px;
    }

    .fcl_item:last-child {
        margin-bottom: 60px;
    }

    .fcl_txt {
        padding: 0 30px 30px;
        width: 100%;
    }

    .fc_image {
        margin-bottom: 30px;
    }

    .fc_image .swiper-slide {
        width: 100% !important;
    }

    .fcl_item>div {
        width: 100%;
        position: initial;
    }

    .fcl_item {
        flex-wrap: wrap;
        position: relative;
    }

    .dcf_con {
        min-height: auto;
    }

    .dc_faq .col-sm-6 {
        width: 100%;
    }

    .dc_brand .col-sm-4 {
        width: 50%;
    }

    .dealer_content h2 {
        font-size: 25px;
    }

    .dc_reasons {
        padding: 50px 0;
        margin: 50px 0;
    }

    .dcq_txt {
        padding-right: 0;
        margin-top: 30px;
    }

    .dc_qua .col-md-6 {
        width: 100%;
    }

    .dc_qua .col-md-6:first-child {
        order: 2
    }

    .dc_qua .row {
        flex-wrap: wrap;
    }

    .asc_description,
    .fc_description,
    .pc_description,
    .dc_description {
        padding: 50px 0;
    }

    .asc_description h3,
    .sup_content h3,
    .pc_description h3,
    .dc_description h3 {
        font-weight: bold;
        line-height: 30px;
        font-size: 20px;
    }

    .blog_lists .container,
    .sup_content .container,
    .faq_content .container,
    .dealer_content .container {
        max-width: 600px;
    }

    .top-banner {
        height: 340px !important;
    }

    .top-banner h1 {
        font-size: 40px;
    }

    .top-banner .breadcrumbs {
        width: 100%;
    }

    .pal_txt {
        display: flex;
        flex-wrap: wrap;
    }

    .pa_top .swiper-slide.swiper-slide-active {
        transition: 300ms;
        transform: scale(1);
    }

    .pro_compare table {
        font-size: 12px;
    }

    .pro_para {
        background-size: contain !important;
    }

    .ppa_table table:last-child {
        margin-left: 0;
    }

    .ppa_table table:first-child {
        margin-right: 0;
    }

    .ppa_table {
        flex-wrap: wrap;
    }

    .pd_con p a {
        font-size: 16px;
    }

    .pd_con h4 {
        font-size: 14px;
        line-height: 24px;
    }

    .pal_info h4 {
        font-size: 16px;
        margin: 0px 0 20px;
    }

    .pa_top .swiper-slide h2 {
        font-size: 25px;
    }

    .pcl_txt ul {
        justify-content: center;
    }

    .pcl_right {
        width: 100%;
        padding: 0;
        text-align: center;
        padding-bottom: 50px;
    }

    .pcl_left {
        width: 100%;
    }

    .pc-list {
        flex-wrap: wrap;
    }

    .pst_bottom>div {
        margin-right: 50px;
    }

    .pst_bottom {
        justify-content: start;
    }

    .pro_speed .ps_txt h2 {
        margin-bottom: 30px;
    }

    .pro_speed .ps_txt {
        max-width: 100%;
    }

    .pro_speed .col-md-4 {
        width: 100%;
        padding: 0 15px;
    }

    .pro_speed .row {
        margin: 0;
        max-width: 600px;
        margin: 0 auto;
    }

    .pro_speed .col-md-8 {
        width: 100%;
        padding: 0;
        padding: 0 15px;
    }

    .pro_speed .row {
        flex-wrap: wrap;
    }

    .pro_silent .col-md-4 {
        width: 100%;
        order: 2
    }

    .pro_silent .row {
        flex-wrap: wrap;
    }

    .video_icon a {
        width: 70px;
        height: 70px;
        line-height: 70px;
        font-size: 30px;
    }

    .hps_close {
        display: block;
        position: absolute;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        border-radius: 50%;
        box-shadow: 0 0 10px #ccc;
        top: 20px;
        right: 20px;
        background: #fff;
    }

    .hps_info .hps_text h3 {
        margin: 15px 0 10px;
    }

    .hps_text p {
        font-size: 14px;
        line-height: 20px;
    }

    .hps_info {
        flex-wrap: wrap;
        position: relative;
    }

    .hps_info .hps_img {
        width: 100%;
    }

    .hps_info .hps_text {
        width: 100%;
        padding: 0 15px 10px;
    }

    .shop-the-look__product {
        padding: 0;
    }

    .shop-the-look__product:before {
        display: none;
    }

    .open .shop-the-look__product {
        position: fixed;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        max-width: 350px;
        display: flex;
    }

    .footer-top {
        margin-bottom: 30px;
    }

    .hp_top {
        top: 30px;
    }

    .shop-the-look__product {
        display: none;
    }

    footer .footer-menu h3:after {
        content: "\f067";
        font: normal normal normal 14px/1 FontAwesome;
    }

    footer .footer-menu.open h3:after {
        content: "\f068";
        font: normal normal normal 14px/1 FontAwesome;
    }

    .hp_detail a {
        font-size: 16px;
    }

    .pro_tab ul {
        margin: 0 0 20px;
    }

    .pb_cpanel {
        flex-wrap: wrap;
    }

    .single-product header .header_bottom,
    .page-template-page-home header .header_bottom {
        background: #ffffff;
        padding: 10px 0;
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }

    .mobile-none {
        display: none;
    }

    .desk-none {
        display: block;
        text-align: right;
        line-height: 0;
    }

    .mobile_bar a {
        color: #000000;
        font-size: 20px;
    }

    .pb_cpanel:first-child {
        flex-wrap: wrap;
    }

    .pb_cpanel .pb_left {
        width: 100%;
        display: none;
    }

    .pb_cpanel .pb_right {
        width: 100%;
        padding-left: 0;
        display: flex;
    }

    .pb_right .pdr_bottom .pb_item {
        width: 33.333%;
    }

    .home-videos img,
    .home-video img {
        height: 60vh;
    }

    #fullpage .container {
        max-width: 600px;
    }

    p {
        line-height: 24px;
    }

    .hp_detail img {
        max-width: 250px;
    }

    .hp_detail p {
        font-size: 14px;
    }

    .hd_img {
        width: 50%;
        display: none;
    }

    .hd_text {
        width: 100%;
        max-width: 600px;
        margin: 0 auto;
        padding: 50px 15px;
    }

    .home-whyus .col-md-12 {
        width: 100%;
    }

    .home-whyus .col-md-4 {
        width: 50%;
    }

    .home-whyus h2 {
        margin: 0;
    }

    .home-whyus {
        padding: 50px 0;
    }

    .blog-list .row {
        flex-wrap: wrap;
    }

    .blog-list .row .col-md-6 {
        width: 100%;
    }

    .blog-list .row .col-md-6:last-child {
        display: none;
    }

    .blog-list {
        padding: 50px 15px;
    }

    .blog_list {
        max-width: 600px;
        margin: 0 auto;
    }

    .footer-top .col-md-3 {
        width: 100%;
    }

    .footer-top .col-md-2 {
        width: 100%;
    }

    .pb_item h4 {
        font-size: 14px;
    }

    .pro_tab ul {
        font-size: 16px;
    }

    footer h3 {
        font-size: 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0;
        padding: 20px 0;
        cursor: pointer;
    }

    footer .footer-menu {

        border-bottom: 1px solid #aaa;
    }

    .footer-bottom p {
        font-size: 14px;
    }

    .banner-text video {
        height: 70vh;
    }

    .footer-menu .f_con,
    .footer-menu>ul {
        display: none;
    }

    .footer-menu.open .f_con,
    .footer-menu.open>ul {
        display: block;
    }

    .footer-menu.open {
        padding-bottom: 15px;
    }

    .footer-copyright {
        text-align: center;
        padding-top: 20px;
    }

    .footer-social-wrapper {
        justify-content: center;
        padding-top: 15px;
    }

    .pro_where {
        padding: 60px 0;
    }
}

@media (max-width: 640px) {
    .pro_compare table tr td {
        padding: 6px;
    }

    .pro_compare table {
        width: 800px;
    }

    .pc_con {
        overflow: auto;
    }

    .pro_compare table tr td:first-child {
        background: #f5f5f7;
        width: 125px;
        position: sticky;
        left: 0;
    }

    .hw_info {
        padding: 20px 15px;
    }

    .hw_info p {
        line-height: 20px;
        font-size: 12px;
    }

    .hw_info h3 {
        font-size: 18px;
    }

    .banner-info h2 {
        font-size: 30px;
    }

    .banner-info h3 {
        font-size: 20px;
    }

    .bt_text a {
        padding: 8px 30px;
        font-size: 14px;
    }

    .header_bottom .col-md-3,
    .header_bottom .col-md-9 {
        width: 50%;
    }

    .abac_txt h3,
    .aba_content h2 {
        font-size: 25px;
    }
}

@media (max-width: 480px) {

    .pro_speed .col-md-8,
    .pro_silent .col-md-8 {
        padding: 0;
    }

    .pro_silent {
        padding-top: 0
    }

    .pc_nav ul li a {
        font-size: 20px;
    }

    .pc_description h3 {
        margin: 0;
    }

    .video_bottom .vt_con .scv_info {
        width: 50%;
    }

    .scv_info {
        margin-bottom: 25px;
    }

    .aba_top h2 {
        max-width: 400px;
    }

    .aba_video .col-sm-4 {
        width: 100%;
    }

    .pro_where {
        padding: 50px 0;
    }

    .b_cont p a {
        padding: 10px 20px;
        font-size: 20px;
    }

    .b_cont h3 {
        line-height: 25px;
        font-size: 16px;
    }

    .b_cont h2 {
        font-size: 25px;
    }

    .bl-one .blo_tetx {
        padding: 15px;
    }

    .bl-bottom {
        margin-bottom: 50px;
    }

    .bl-bottom .col-sm-4 {
        width: 100%;
    }

    .asc_description h3,
    .sup_content h3,
    .pc_description h3,
    .dc_description h3 {
        line-height: 27px;
        font-size: 18px;
    }

    .sup_content h2,
    .fc_description h2 {
        margin: 0 auto 10px;
    }

    .scl_info {
        padding: 30px 20px;
        background: #E9DFCA;
        margin-top: 20px;
    }

    .scb_list .scbl_txt {
        padding: 0 30px;
    }

    .scbl_txt .scbl_text {
        font-size: 16px;
    }

    .scbl_img img {
        max-width: 320px;
    }

    .top-banner h1 {
        font-size: 30px;
    }

    .top-banner {
        height: 280px !important;
    }

    .fcl_txt {
        padding: 0 15px 30px;
    }

    .dc_faq {
        padding: 50px 0;
    }

    body {
        font-size: 14px;
    }

    .dcf_con p {
        line-height: 20px;
        font-size: 14px;
    }

    .dcf_con {
        padding: 20px;
    }

    .dc_reasons h3 {
        margin-top: 10px;
    }

    .dc_brand .col-sm-4 {
        width: 100%;
    }

    .dc_reasons h3 {
        line-height: 25px;
        font-size: 16px;
    }

    .dc_reasons .col-sm-4 {
        width: 100%;
    }

    .single-product .pro_top h2 {
        font-size: 25px;
    }

    .pro_compare h2 {
        font-size: 25px;
    }

    .pw_content p {
        font-size: 14px;
    }

    .pro_where h2 {
        font-size: 25px;
    }

    .ppa_img img {
        max-width: 320px;
    }

    .ppa_table table tr td:first-child {
        font-size: 14px;
    }

    .pro_para h2 {
        font-size: 25px;
    }

    .pd_con h2 {
        font-size: 25px;
        line-height: 30px;
    }

    .pal_txt p {
        line-height: 20px;
    }

    .pcl_txt ul li {
        width: 40px;
        height: 40px;
    }

    .pcl_txt p {
        font-size: 16px;
    }

    .pcl_txt h3 {
        font-size: 20px;
        margin-bottom: 0;
    }

    .pcl_img {
        max-width: 320px;
        margin: 0 auto;
        display: block;
    }

    .pro_color h2 {
        font-size: 25PX;
    }

    .pst_bottom span {
        font-size: 14px;
    }

    .pro_speed .ps_txt h3 {
        font-weight: bold;
        font-size: 18px;
    }

    .pro_speed .ps_txt h2 {
        font-size: 25px;
    }

    .pro_speed .ps_img img {
        height: auto;
    }

    .pro_silent .ps_txt h2 {
        font-size: 25px;
    }

    .single-product .pro_image img {
        max-width: 320px;
    }

    .hp_top h2 {
        font-size: 25px;
        padding: 0 15px;
    }

    .home-product .pb_right img {
        max-width: 150px;
    }

    .pb_item h4 {
        font-size: 12px;
        padding: 0 5px;
    }

    .pro_top h2 {
        font-size: 25px;
    }

    .hp_bottom span {
        font-size: 25px;
        padding: 15px 2rem;
        line-height: 35px;
    }

    .hd_text p {
        font-size: 14px;
        font-weight: normal;
    }

    .home-whyus .col-md-4 {
        width: 100%;
    }

    .footer-menu p,
    footer ul li a {
        font-size: 14px;
    }

    .hp_img img,
    .hp_img {
        height: 45vh;
    }
}

@media (max-width: 400px) {
    .top-banner {
        height: 200px !important;
    }
}


/* 以下是新加 */
/* ----------------------------- */

/* 先确保能生效 */
.menu-item-thumbnail {
    width: 60px;
    height: 40px;
    object-fit: cover;
    border-radius: 4px;
    margin-right: 5px;
    vertical-align: middle;
}


.section {
    /* min-height: 100vh; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    width: 100%;
    clear: both;
    margin-bottom: 40px;
}
.section:empty {
  display: none;
}

/* 取消主页图片浮窗 section 的上下间隔 */
.home-ins.section {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


.home-ins {
    background: #f5f5f7;
    padding: 50px 0;
}