@import "style.css";
@media (min-width: 480px) {}
@media (min-width: 768px) {
    ul.nav_bar {
        display: -ms-flexbox;
        display: flex;
    }
    body {
        font-size: 17px;
    }
    dd, dt {
        width: auto;
    }
    .content {
        width: 95%;
    }
    .section-secound ul.row {
        margin: 0 -30px;
    }
    .section-secound ul.row li {
        width: calc(100% / 3);
        padding: 0 30px;
        margin: 0;
    }
    #tradeIn ul.row {
        margin: 0 -15px;
    }
    #tradeIn ul.row li {
        width: calc(100% / 2);
        padding: 0 15px;
        margin: 10px 0;
    }
    header {
        /*        height: 47vw;*/
    }
    ul.hero_productList {
        margin: 0 -15px;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    ul.hero_productList li {
        width: 100%;
        max-width: 40%;
        padding: 0 15px;
        text-align: center;
    }
    header picture {
        display: inline-block;
        max-width: 64%;
    }
    .hero_PW315 {
        text-align: right;
    }
    header h1 {
        position: absolute;
        top: 50%;
        left: 50%;
        text-align: center;
        /*        transform: translate(-50%, -50%);*/
        z-index: 5;
        font-size: 3vw;
        display: inline-block;
    }
    header h1 {
        margin: 0 auto;
    }
    ul.hero_productList li.hero_GC551G2 {
        padding: 0 5% 0 0;
    }
    ul.hero_productList li.hero_PW315 {
        padding: 0 0 0 5%;
    }
    .social a {
        margin: 0 15px;
    }
    header article {
        font-size: 1.25vw;
        max-width: none;
        margin: 2.5% 0;
    }
    header h1 {
        font-size: 3vw;
    }
    .section-third article ul.row li:nth-of-type(2), .section-third article ul.row li:nth-of-type(3) {
        width: 50%;
    }
    .section-secound ul.row li div:after {
        content: "\f0da";
        top: 50%;
        right: -44px;
        bottom: inherit;
        left: inherit;
        transform: translateY(-50%);
    }
    .section-secound article {
        max-width: 980px;
    }
    .section-third .sale-pric span {
        display: inline-block;
    }
    .section-third .sale-pric {
        font-size: 150%;
    }
    header h3 span strong {
        display: inline-block;
        padding-right: 3%;
        font-size: 100%;
        margin: 0;
    }
    header .show-box {
        height: 100%;
        background-size: cover;
    }
    header .show-box:after {
        width: 65%;
        content: '';
        display: inline-block;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        background-repeat: no-repeat;
        background-position: right top;
        background-size: cover;
        background-image: url(../img/hero-right.jpg);
        z-index: 1;
        clip-path: polygon(50% 0, 100% 0, 100% 100%, 0 100%);
    }
    .section-third article ul.row li dl {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
    }
    .section-third article ul.row li dl dd {
        -ms-flex: 1;
        flex: 1;
    }
    .form-agree a:hover, .section-first a:hover, .section-fifth a:hover {
        text-decoration: underline;
    }
    .contact a:hover {
        color: #c8242c;
    }
    .nav_bar a:hover {
        color: #c8242c
    }
    header h1 {
        transform: translate(-50%, -50%)scale(0);
        transition-delay: 1s;
    }
    header h1.delighter.started {
        transform: translate(-50%, -50%) scale(1);
    }
    .hero_GC551G2, .hero_PW315 {
        opacity: 0;
        transition: all .7s ease-out;
        transition-delay: .5s;
    }
    .hero_GC551G2 {
        transform: translateX(-150%);
    }
    .hero_PW315 {
        transform: translateX(150%);
    }
    .trade_in_step li {
        transform: translateX(150%);
    }
    .sub_title {
        transform: translateY(150%);
        transition: all .5s ease-out;
        opacity: 0;
    }
    .sub_title.delighter.started {
        opacity: 1;
        transform: none;
    }
}
/*@media (min-width: 980px) {}*/
@media (min-width: 1024px) {
    .section-fourth {
        overflow: hidden;
    }
    .section-third article ul.row li:nth-of-type(1) {
        -ms-flex-order: 2;
        order: 2;
        width: 540px;
        padding: 0 5%;
    }
    .section-third article ul.row li:nth-of-type(2) {
        -ms-flex-order: 1;
        order: 1;
        text-align: right;
        -ms-flex: 1;
        flex: 1;
    }
    .section-third article ul.row li:nth-of-type(3) {
        -ms-flex-order: 3;
        order: 3;
        text-align: left;
        -ms-flex: 1;
        flex: 1;
    }
    .section-third article ul.row li:nth-of-type(2) dl {
        flex-direction: row-reverse;
    }
    #tradeIn ul.row li {
        width: calc(100% / 3);
    }
    .section-third article ul.row li dl dd {
        max-width: 150px;
    }
    .section-third article {
        z-index: 2;
    }
    .section-third article:first-of-type:after {
        clip-path: polygon(100% 0, 100% 100%, 78% 100%, 72% 92%, 0 92%, 0 0);
    }
    .section-fourth:after {
        clip-path: polygon(24% 0, 30% 8%, 100% 8%, 100% 100%, 0 100%, 0 0);
    }
    .section-third article ul.row {
        -ms-flex-align: center;
        align-items: center;
    }
    .section-third .sale-pric {
        margin: 10px auto 25px;
    }
}
@media (max-width: 1024px) {
    .section-third .content {
        max-width: 640px;
    }
    .section-third article ul.row li:nth-of-type(1) picture {
        max-width: 540px;
        margin: 0 auto 50px;
    }
    .section-third article ul.row li dl dd {
        text-align: left
    }
    .section-fourth {
        overflow: hidden;
    }
}
@media (max-width: 980px) {}
@media (max-width: 768px) {
    video {
        display: none
    }
    section h2 span {
        line-height: 1.25
    }
    section h2 span em {
        display: block;
        font-style: normal;
    }
    .section-third article ul.row li dl dt {
        margin: 0 auto
    }
    ul.hero_productList li em {
        font-size: 150%;
    }
    ul.hero_productList li.hero_GC551G2 {
        padding: 0 0 25px;
    }
    #tradeIn ul.row li {
        margin: 0 0 25px;
    }
    .learn-more, #tradeIn_form button {
        font-size: 150%;
    }
    header .content {
        width: 100%;
    }
    .hero_PW315 {
        background-repeat: no-repeat;
        background-position: right top;
        background-size: cover;
        background-image: url(../img/hero-right.jpg);
        padding: 50px 0;
    }
    header h1 {
        width: 90%;
    }
    header .sale-title span {
        font-size: 200%;
        width: 100%;
        max-width: 54%;
    }
    .section-third article ul.row li dl dt, .section-third article ul.row li dl dd {
        text-align: left
    }
    .section-third article ul.row li dl dd {
        width: 100%;
        padding: 5px 0 0;
        text-align: center;
    }
    .section-third article ul.row li:nth-of-type(2), .section-third article ul.row li:nth-of-type(3) {
        width: 50%;
    }
    .nav_bar ul li {
        padding: 15px 0;
    }
    .nav_bar ul li a {
        color: #000;
        font-size: 42px;
    }
    /*
html.offcanvas-open .nav_bar {
    display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
	  -ms-flex-pack: center;
  justify-content: center;
	  -ms-flex-item-align: center;
  align-self: center;
}
	html.offcanvas-open .nav_bar li {
		text-align: center;
		width: 100%;
	}
*/
}
@media (max-width: 980px) {
    /*
    .section-third article ul.row li:nth-of-type(2), .section-third article ul.row li:nth-of-type(3) {
        width: 100%;
    }
*/
}
@media only screen and (min-width: 768px) and (max-height: 640px) {}