@charset "utf-8";
 @media only screen and (min-width: 768px) {
.benefits{display:flex;}
.benefits .fl{order:1;}
.benefits .fr{order:2;}
.benefits .z3{display:none;}
}
@media only screen and (min-width: 1031px) {
.half.hd{width:48%;margin-bottom:45px;}
.cbanner{height:27vw;background-size:contain !important;background:none !important;}
}
@media only screen and (max-width: 1031px){}
@media only screen and (min-width: 1200px) {
.nav>ul>li{line-height:60px;margin-top:-20px;}
.article-list .left li .pic{padding-bottom:93%}
.article-list li p {font-size: 16px;}}
@media only screen and (min-width: 1366px) {#toc{position:sticky;position:-webkit-sticky;width:40%;left:4%;top:40px;line-height:1.5;margin:0px 0 0 -46%!important;height:0;}#sidebar{position:absolute;right:3%;width:17%;top:50px;}.post_banner{height:600px;}.news{overflow:visible;}.news .w{margin-top:0;margin-bottom:0;overflow:visible;padding-top:190px;width:100% !important;max-width:1330px;}.news .title{margin-top:0;}.blog_title_area{background:#fff;margin-top:-325px;max-width:720px;padding-top:20px;}.blog_title_area .info{padding:10px;}
#toc > ol{overflow-y:auto;max-height:91vh;margin-top:0;}
.container.news.videoshow.mt70 .w{padding-top: 40px;}}  @media only screen and (max-width: 1800px) { .w{width:90% !important;}
.container.store .w,.container.contact .w,.container.down .w,.container.service .w,.container.club .w,.container.about .w,.container.howto .w,.container.dealers .w,.container.products .w,.container.video .w,.container.ambassador .w{max-width:1200px !important;padding:40px 0 80px;}
.nav{width:69%;margin-right:4%;}
 .logo{max-width:16%;}
.classic .probox .text span,.classic .probox.btl .text span, .classic .probox.btr .text span,.probox .text{font-size:30px !important;}
.btl .text span, .btr .text span, .toyhauler .text span,.probox .text span{font-size:80px !important;}
.totop{right:5px;}
.container.store .picbox{margin:90px auto 40px;}
}
@media only screen and (min-width: 1024px) {
.article-list li:nth-child(3n){margin-right:0 !important;}
.article-list .right li:nth-child(3n){margin-right:4% !important;}
.article-list li:nth-child(4n){margin-right:2%;}
.article-list li{width:32%;}
} @media only screen and (max-width: 1400px) {
.nav{margin-right:3%;}
.classic .probox .text span,.classic .probox.btl .text span, .classic .probox.btr .text span{font-size:26px !important;}
.foot .media dl dt, .foot .media dl dd{float:none;}
.btl .text span, .btr .text span, .toyhauler .text span,.probox .text span{font-size:60px !important;}
.specs2{height:calc(100vh - 78px);margin-top:78px;}
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {  .nav ul li a {    letter-spacing: 1.5px;  }} @media only screen and (max-width: 1199px) {
.logo{max-width:150px;}
.w{width:92% !important;}
.container.store .w,.container.contact .w,.container.down .w,.container.service .w,.container.club .w,.container.about .w,.container.howto .w,.container.ambassador .w{padding:40px 0;}
.btl .text span, .btr .text span, .toyhauler .text span,.probox .text span{font-size:48px !important;}
.head{padding:32px 0 15px;}
.head.nofix{position:fixed;border-bottom:1px solid #333;}
.logo{margin-bottom:0;float:left !important;margin-left:20px;}
.logo img{height:22px !important;}
.head-r,.nav,br,.pc{display:none;}
.menuBtn,.flex,.specs br,.arrow,.m,.car{display:block;}
.nav{position:fixed;left:0;top:70px;width:100%;bottom:0;overflow-y:scroll;}
.nav:before{content:' ';position:fixed;width:100%;min-height:100%;left:0;top:70px;background:#fff;}
.nav ul{display:block;position:relative;}
.nav ul li{padding-bottom:19px;}
.nav ul li a{color:#000;padding:0 10%;line-height:40px;}
.nav ul li.on,.nav ul li:hover{border-bottom:none;}
.nav ul li:hover .subnav{display:none;}
.nav ul li .subnav{background:#f8f8f8;top:0;padding:15px 0;}
.nav ul li .subnav a{line-height:40px;color:#000;}
.container.down .tab{margin-top:30px;}
.nbanner{height:400px;background-size:cover !important;margin-top:70px;}
.mt70{margin-top:70px;}
.foot .media{float:none;}
.probox,.btl,.btr{width:46% !important;margin:2% !important;height:15%;}
.probox:nth-child(2n){float:right;}
.classic .probox:nth-child(3){float:right;}
.classic .probox.btr{width:96% !important;margin-top:2% !important;}
.summary .left .text,.summary .left .features,.nav ul li,.nav ul li .subnav{position:relative;width:100%;}
.summary .left .features dl,.summary .right .pics,.summary .right .v360 a{margin:0 auto;}
.summary .right .pics img{max-width:70%;}
.specs .left{float:left;}
.specs .right{float:right;}
.specs .left,.specs .right{width:50% !important;}
.probox img{position:relative;right:auto;bottom:auto;}
.probox.hq12,.probox.hq14,.probox.hq15,.probox.hq17{width:96% !important;}
.probox.hq19,.probox.hq21{width:96% !important;}
.probox.hq12 img,.probox.hq14 img,.probox.hq15 img,.probox.hq17 img,.probox img{width:auto !important;right:auto !important;bottom:auto !important;left:25% !important;top:auto !important;}
.probox.hq19 img, .probox.hq21 img, .probox img{width:100% !important;right:auto !important;bottom:auto !important;left:auto !important;top:auto !important;}
.products,.products .right .flex,.btl, .btr{height:auto !important;}
.probox.patron.btl{margin-top:-44% !important;}
.totop{right:5%;}
.ambassador-list li{float:none;display:inline-block;width:29%;}
.specs2{height:calc(100vh - 69px);margin-top:69px;}
} @media only screen and (max-width: 1030px) {
.cb1 .cb11 .cb111{display:none;}
.container.store .w,.container.contact .w,.container.down .w,.container.service .w,.container.club .w,.container.about .w,.container.howto .w,.container.dealers .w,.container.video .w,.container.ambassador .w,.container.blog .w{padding:20px 0;}
.fl, .left,.fr, .right{float:none;}
.half,.specs .right,.form .row .button{width:100% !important;}
.benefits .half{width:50% !important;}
.benefits .fl{float:left;}
.benefits .fr{float:right;}
.tit,.club .actlist .w .tit span,.form .row{margin:0 auto !important;}
.more{padding:5px 15px;}
.products .left{width:90% !important;margin:20px auto;border-left:none;display:flex;}
.products .left a.on:before{display:none;}
.products .left a{padding-left:0;margin-bottom:0}
.banner .text{top:30%;}
.section.s2 .slidesNav a,.text span{font-size:24px;}
.section.s2 .slidesNav a{line-height:50px;}
.section.s2 .slide .fp-tableCell{padding-bottom:30%;}
.section.s5 .text{left:7%;right:auto;}
.tit h1{font-size:30px;margin:20px auto;line-height:100%;}
.tit span{line-height:100%;}
.nbanner{height:200px;}
.container.store .picbox{margin:20px auto 0;}
.left,.right{width:100% !important;max-width:none !important;}
.dealer-map{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;box-orient:vertical;-webkit-box-orient:vertical;-moz-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;box-align:start;-webkit-box-align:start;-moz-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;}
.sidebar.left{box-ordinal-group:2;-webkit-box-ordinal-group:2;-moz-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2;}
.map.right{box-ordinal-group:1;-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1;}
.sidebar.left,.map.right{height:500px;}
.container.club .con,.container.service img,.container.down .tit span,.container.down .left,.container.down .con img{margin-bottom:20px;}
.container.club .w{padding:10px 0!important;}
.club .actlist .con dl dt .w span{width:15px;background-size:100%;}
.club .actlist .con dl dd{padding:10px 0;border-bottom-width:10px;}
.club .actlist .con dl dt .w{line-height:30px;}
.container.service h3{padding-right:0px;}
.container.service h3 img{position:relative;margin-top:10px;}
.c{margin-bottom:0 !important;}
.about .con{margin:30px auto;}
.history img,.about .con .nums,.container.down .form{margin:20px auto;}
.about .con .left span,.about .con .left span,.container.contact dl,.pages{margin:10px auto;}
.about .tit h1:after{top:50px;}
.about .con .nums h2{font-size:48px;}
.section.s2 .slidesNav a.on,.text h2,.text .h2,.about .con .nums span,.history dl dt,.classic .probox .text span,.classic .probox.btl .text span, .classic .probox.btr .text span,.summary .left .features dl dt,.specs .right h1,.category-header .txt h1{font-size:30px !important;}
.tit span,.container.club .con .left, .container.club .con .right,.text p, .text pre,.tit h3,.about .con .left span,.about .con .nums p,.contact .tit h1,.container.down .left p, .container.down .right p,.faq.club .actlist .con dl .w,.videomenu a,.videomenu a.on{font-size:18px !important;}
.videolist ul li h2 a{font-size:16px;}
.nbanner .text span,.container.contact dl dd,.container.down .tab b,.container.down .tab-con ul li,.container.down .con p,.form .row .button,.summary .navbar span,.summary .right .v360 a,.videolist ul li p{font-size:14px !important;}
.specs .right table td, .specs .right table td *{font-size:12px !important;}
.history dl{padding-bottom:20px;}
.container.contact dl dt{width:50px;border-right:1px solid #979797;padding-right:20px;}
.container.contact dl dt img{margin-top:0;}
.container.contact dl dd{line-height:100%;width:80%;border-left:none;margin-left:0;}
.container.down .left img, .container.down .right img{margin-bottom:0;}
.container.down .left a, .container.down .right a{line-height:28px;padding:0 20px 0 40px;background-position:20px center;background-size:auto 50%;}
.container.down .tab-con{padding:10px;}
.container.down .tab-con ul li{padding-left:10px;}
.container.down .tab-con ul li a{margin-right:10px;background-size:auto 25%;padding-left:20px;}
.form .row input, .form .row select, .form .row textarea{line-height:35px;}
.form .row select{height:40px;}
.specs .fp-slidesNav.bottom{left:65%;}
.foot .w{width:90% !important;}
.foot .media{margin:30px auto 10px;}
.foot .media p{margin:5px auto;}
.foot .links{border-top:1px solid #414141;display:flex;line-height:40px;margin-bottom:15px;}
.foot .links a{text-transform:capitalize;margin-right:auto;}
.totop{bottom:auto;top:20px;}
.specs .left{height:28%;width:100% !important;}
.specs .right{height:72%;}
.specs .right .con{overflow-y:scroll;height:45vh;width:90%;}
.planview p{text-transform:lowercase;}
.container.howto .tit p{margin-top:32px;}
.container.howto dl{margin-bottom:0px;}
.container.howto dl dd{margin-bottom:10px;}
.warranty li{float:none;width:80%;}
.warranty li a{display:block;margin:10px auto;}
.blog .w{padding:40px 0 0;}
.submenu a{font-family:'AileronRegular';}
.category-header .cbanner{height:45vw;background-size:167% !important;}
.category-header .txt span{font-size:20px;line-height:24px}
.nav ul li .subnav a{padding:0;letter-spacing:0;text-transform:capitalize;}
.article-list li{width:48%;margin-right:4%;}
.article-list li:nth-child(3n){margin-right:4% !important;}
.article-list li:nth-child(2n){margin-right:0 !important;}
} @media only screen and (max-width: 767px) {
.section .xc{top:35% !important;}
.benefits{margin-top:0}
.benefits:nth-of-type(1){margin-top:50px;}
.benefits .half{width:100% !important;}
.benefits .txt{padding:10% 7% 7%;}
.benefits .mh{min-height:60vw;}
.benefits .fl, .benefits .fr{float:none;}
.toyhauler .text span{font-size:48px !important;}
.section.s2 .slidesNav a.on,.btl .text span, .btr .text span, .about .con .nums h2,.probox .text span{font-size:30px !important;}
.classic .probox .text span, .classic .probox.btl .text span, .classic .probox.btr .text span, .probox .text{font-size:20px !important;}
.foot .media dl dd a{margin:5px 10px;width:30px;height:30px;}
.summary .right .pics img{max-width:88%;}
.show .section .text{top:30%;left:20%}
.summary .left .text{left:0;}
.specs .right h3{margin:3% auto 40px 5%;}
.specs .right h3:after{bottom:-25px;}
.specs .fp-slidesNav.bottom{margin-left:0 !important;transform:translateX(-50%) !important;left:50%;}
.summary .fp-controlArrow{width:15px !important;height:25px !important;background-size:100% !important;}
.specs .fp-controlArrow{width:25px;height:25px;background-size:100% !important;}
.specs .fp-controlArrow.fp-next{right:2%;}
.specs .fp-controlArrow.fp-prev{left:2%;}
.specs .fp-slidesNav ul li{margin:5px;}
.specs .fp-slidesNav ul li a.active span, .specs .fp-slidesNav ul li:hover a.active span{width:12px;height:12px;margin:-6px 0 0 -6px;}
.summary .navbar .w span{margin:auto;}
.summary .navbar .w{display:flex;}
.about .tit h1:after{top:35px;}
.about .con .nums{margin:10px auto;}
.summary .left .features{margin-top:10px;}
.summary .left .text h1{font-size:24px !important;}
.summary .left .text p{float:left;margin:5px auto;font-size:14px !important;}
.about .con .nums span, .history dl dt, .classic .probox .text span, .classic .probox.btl .text span, .classic .probox.btr .text span, .summary .left .features dl dt, .specs .right h3,.tit h1,.tit h2,.news .title{font-size:20px !important;}
.classic .probox .text span, .classic .probox.btl .text span, .classic .probox.btr .text span, .probox .text, .container.club .con .left, .container.club .con .right, .about .con .left span, .contact .tit h1, .container.down .left p, .container.down .right p,.section.s2 .slidesNav a,.tit p,.about .con .nums span,.probox .text i,.container.howto dl dt,.faq.club .actlist .con dl .w,.submenu a h1{font-size:16px !important;}
.products .left a,.tit span, .text p, .text pre, .tit h3,.probox .text i,.foot .media dl dt,.about .con .nums p,.container.howto .tit p,.container.howto dl dd p,.submenu a,.videomenu a, .videomenu a.on{font-size:14px !important;}
.summary .right .v360 a{line-height:30px;}
.section.s2{background:url(/images/bg2-m.jpg) no-repeat center;}
.section.s3{background:url(/images/bg3-m.jpg) no-repeat center;}
.section.s4{background:url(/images/bg4-m.jpg) no-repeat center;}
.section.s5{background:url(/images/bg5-m.jpg) no-repeat center;}
.section.s1 .fp-controlArrow{width:10px !important;height:17px !important;}
.section.s2 .fp-controlArrow{display:block;width:10px !important;height:17px !important;background-size:100% !important;top:65%;margin-top:0;}
.section.s2 .slide .fp-tableCell{padding-bottom:15%;}
.section.s2 .fp-controlArrow.fp-prev{background:url(/images/arrow-left.png) no-repeat center;border:none;left:7%;}
.section.s2 .fp-controlArrow.fp-next{background:url(/images/arrow-right.png) no-repeat center;border:none;right:7%;}
.section.s2 .slide .more{margin-top:12%;}
#videobg,.pc2,#usernote{display:none !important;}
.m2{display:block;}
.section .text{top:17% !important;height:75%;width:85%;left:7.5% !important;}
.banner.sl2 .text{transform:translateX(0);}
.banner.sl6 .text{margin-left:auto;}
.banner .text .more i{width:12px;height:12px;top:6px;}
.banner .text .more i::after{width:7px;height:7px;}
.summary .text{left:0 !important;}
.section .text span{font-size:14px !important;}
.section .text .more{position:absolute;font-size:12px !important;padding:0 10px;}
.banner.sl8 .text h2 br{display:block;}
.banner.sl8 .text{top:38% !important;left:17% !important;}
.section .banner.sl8 .text .more{bottom:auto;}
.section .banner.sl2 .text{top:25% !important;}
.section .banner.sl2 .text .more{left:50%;transform:translateX(-50%);}
.section.s5 .text.fix{top:47% !important;height:45% !important;}
.foot .media dl dd p,.foot .media dl dt{text-transform:capitalize;letter-spacing:0;}
.foot .media dl dd p{text-transform:lowercase;}
.specs .right table{width:90%;}
.container.howto .tit h1,.container.howto .tit p{float:none;}
.container.howto .tit p{margin:0 auto 15px;}
.container.store .tit{width:96%;ss}
.member .w .left{min-height:auto;margin-top:60px;}
.member .w .right{padding-top:20px;}
.member .w .right dl dt{width:135px;}
.member .w .right dl dd{width:calc(100% - 135px);}
.member .w .right div{text-align:center !important;}
.news .content *{text-transform:none;font-size:16px !important;}
.article-list li{width:100% !important;margin:0 auto 30px !important;}
.article-list li h2{min-height:auto !important;}
.category-header .cbanner{height:54vw;background-size:200% !important;}
.category-header .txt{left:7%;top:15%;width:86%}
.category-header .txt h1{font-size:28px !important}
.article-list .left li .pic{height:auto;padding-bottom:0;}
.article-list .left li .pic img{position:relative;}
.videomenu{display:flex;}
.videomenu a{line-height:normal;}
.videomenu a.on{border-bottom-width:2px;}
.videolist ul li{width:49%;margin-right:2%;}
.videolist ul li:nth-child(3n){margin-right:2%;}
.videolist ul li:nth-child(2n){margin-right:0;}
.ambassador-list li{width:45%;}
 .foot .contact{width:100%;margin-top:30px;}
 .foot .media{float:left;}
 .totop{bottom:30px;top:auto;}
.submenu{display:flex;}
.submenu a{margin:0;padding:0;flex:1;}
} @media only screen and (max-width: 400px) {
.foot{padding: 10px 0;}
.foot .media dl dd a{width: 20px;height: 20px;}
.summary .right .pics img{max-width: 70%;}
.specs .right h3{margin-bottom: 10px;}
.specs .right h3:after{bottom: -15px;}
.summary .left .text p,.tit p,.container.howto .tit p,.submenu a{font-size: 12px !important;}
.ambassador-list li{width: auto;}
.ambassador-list li h2{text-align: center;}
.ambassador-list li img{float: none;}
}