.body{
    background-color: rgb(22, 28, 34);
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    box-sizing: border-box;
    width: 100%;
    height: 100vw;
    font-weight: bold;

}
html ::-webkit-scrollbar{
    display: none;
}

.nm_price, .nm_choice, .nm_shop, .nm_country, .sp_price_txt, .how_txt_1, .how_txt_3, .how_txt_4, .txt_tb_1, .txt_tb_2, .txt_tb_3, .txt_tb_4, .txt_tb_5, .txt_tb_6, .txt_tb_7, .txt_tb_8, .jaket_txt_2, .txt_map, .video_main, .small_txt, .big_txt{
    color: rgb(255, 255, 255);
}

.name, .price, .choice, .btt, .shop, .country, .sp_price_txt_1, .tb1_txt, .tb2_txt, .tb3_txt, .how_txt_2, .jaket_txt_1{
    color: red;
}

.hd, .box_price, .box_choice, .box_bt, .box_shop, .box_country, .bd, .sp_price, .sp_price_txt, .tablet_price, .how, .how_txt, .how_tablet, .img_jacket, .jaket_txt, .knee, .map, .video{
    display: grid;
}

.box_name, .box_price, .nm_price, .price, .box_choice, .nm_choice, .choice, .box_bt, .box_shop, .nm_shop, .shop, .box_country, .nm_country, .country, .tb1, .tb2, .tb3, .how_img, .how_tablet, .img_jacket, .jaket_1, .jaket_2, .jaket_3, .jaket_txt_1,
.jaket_txt_2, .moto1, .moto2, .txt_map, .y_map, .video_main, .big_txt, .small_txt, .big, .small{
    justify-self: center;
}

.name, .nm_price, .price, .nm_choice, .choice, .nm_shop, .shop, .nm_country, .country{
   text-shadow: 1px 2px 1px #000, 2px 1px 1px #000, -1px 2px 1px #000, 2px -1px 1px #000;
}

.box_bt, .tb1, .tb2, .tb3, .how_img, .how_tablet, .jaket_1, .jaket_2, .jaket_3, .jaket_txt_1, .jaket_txt_2, .moto1, .moto2, .txt_map{
    align-self: center;
}

.btt, .bt, .tb1_txt, .tb2_txt, .tb3_txt, .how_txt_1, .how_txt_2, .how_txt_3, .how_txt_4, .txt_tb_1, .txt_tb_2, .txt_tb_3, .txt_tb_4, .txt_tb_5, .txt_tb_6, .txt_tb_7, .txt_tb_8, .clear,
.yes_box1, .yes_box2, .yes_box3, .yes_box4, .yes_box5, .yes_box6, .yes_box7, .yes_box8, .yes_box9, .yes_box10, .no_box1, .no_box2, .yes1, .yes2, .yes3, .yes4, .yes5, .yes6, .yes7, .yes8, .yes9, .yes10, .no1, .no2{
    text-align: center;
    vertical-align: middle;
    justify-items: stretch;
    align-items: stretch;
}

.tablet_price, .tb1_txt, .tb2_txt, .tb3_txt, .txt_tb_1, .txt_tb_2, .txt_tb_3, .txt_tb_4, .txt_tb_5, .txt_tb_6, .txt_tb_7, .txt_tb_8, .clear, .yes_box1, .yes_box2, .yes_box3, .yes_box4,
.yes_box5, .yes_box6, .yes_box7, .yes_box8, .yes_box9, .yes_box10, .no_box1, .no_box2, .jaket_1, .jaket_2, .jaket_3, .how_tablet{
    border: 3px solid white;
}

.box_name, .lt_1, .ltm_1, .lt_2, .ltm_2, .sp_price, .sp_price_txt, .img_y, .how_txt_1, .clear, .jaket_txt_1, .map, .txt_map, .video_main{
    grid-row: 1;
}

.box_price, .box_shop, .lt_1, .ltm_1, .lt_3, .ltm_3, .ltm_33, .lt_5, .ltm_5, .how_img, .clear, .moto1, .map, .txt_map, .big_txt, .big, .y_map{
    grid-column: 1;
}

.bt, .bt:hover, .lt_3, .ltm_3, .ltm_33, .lt_4, .ltm_4, .ltm_44, .tablet_price, .how, .how_txt_2, .jaket_txt_2, .y_map, .big_txt, .small_txt{
    grid-row: 2;
}

.box_bt, .sp_price, .how, .how_txt_3, .how_txt_4, .moto2, .small_txt, .small{
    grid-column: 2;
}

.box_price, .box_choice, .how_txt_3, .img_jacket, .moto1, .moto2 {
    grid-row: 3;
}

.box_choice, .box_country, .lt_2, .ltm_2, .lt_4, .ltm_4, .ltm_44, .lt_6, .ltm_6, .img_y{
    grid-column: 3;
}

.lt_5, .ltm_5, .lt_6, .ltm_6, .how_txt_4, .jaket_txt{
    grid-row: 4;
}

.box_shop, .box_country{
    grid-row: 5;
}

.ltm_2, .ltm_4, .ltm_44, .ltm_6{
    justify-self: end;
}

.sp_price_txt, .sp_price_txt_2, .tablet_price, .how_txt_1, .how_txt_2, .img_jacket, .jaket_txt, .jaket_txt_1, .jaket_txt_2{
    grid-column-start: 1;
}

.sp_price_txt, .how_txt_1, .how_txt_2, .jaket_txt_1, .jaket_txt_2{
    grid-column-end: 3;
}

.bt, .bt:hover, .nm_shop, .sp_price_txt_1, .how_txt_2, .video_main, .big_txt, .small_txt{
    font-size: 77px;
}

.hd{
    width: 100%;
    height: 1152px;
    background-image: url(bg_head.png);
    background-repeat: no-repeat ;
    background-size: cover;
    grid-template-columns: 1.4fr 1fr 1.4fr;
    grid-template-rows: 77px 320px 1fr 1fr 1fr;
}

.box_name{
    height: 100%;
    grid-column: 1/4;
}

.name{
    background-color: #000;
    font-size: 96px;
    stroke: black;
    stroke-width: 10px ;
}

.box_price{
    grid-template-columns: 1fr;
    grid-template-rows: 0.6fr 1fr;
}

.nm_price{
    font-size: 96px;
}

.price{
    font-size: 115px;
}

.box_choice{
    grid-template-columns: 1fr;
    grid-template-rows: 0.6fr 1fr;
}

.nm_choice{
    font-size: 96px;
}

.choice{
    font-size: 115px;
}

.box_bt{
    grid-row-start: 4;
    grid-row-end: 6;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr 1fr;
}

.bt{
    height: 120px;
    width: 550px;
    border-radius: 150px;
    border: 5px solid rgb(255, 0, 0);
    background-color: rgb(0, 255, 17);
    text-decoration: none;
}

.bt:hover{
    height: 120px;
    width: 550px;
    border-radius: 150px;
    border: 5px solid rgb(200, 0, 0);
    background-color: rgb(102, 255, 112);
    color: rgb(200, 0, 0);
    cursor: pointer;
}

.box_shop{
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 0.6fr;
}

.nm_shop{
    font-size: 80px;
    padding-right: 250px;
}

.shop{
    font-size: 115px;
    padding-right: 250px;
}

.box_country{
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 0.6fr;
}

.nm_country{
    font-size: 80px;
    padding-left: 250px;
}

.country{
    font-size: 115px;
    padding-left: 250px;
}

.bd{
    grid-template-columns: 480px 1fr 480px;
    grid-template-rows: 870px 1230px 864px 1058px;
}

.light_1, .light_2, .light_3, .light_4, .light_5, .light_6{
    width: 480px;
}

.lightmini_1, .lightmini_2, .lightmini_3, .lightmini_33, .lightmini_4, .lightmini_44, .lightmini_5, .lightmini_6{
    width: 192px;
}

.ltm_1, .ltm_2{
    padding-top: 149px;
}

.ltm_33, .ltm_44{
    padding-top: 864px;
}

.sp_price{
    grid-template-rows: 0.4fr 1fr;
    grid-template-columns: 1fr 1fr 0.4fr;
}

.sp_price_txt{
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr;
}

.sp_price_txt_1{
    grid-column: 1;
    margin-left: -230px;
    padding-top: 58px;
    width: 1133px;
}

.sp_price_txt_2{
    grid-column-end: 2;
    font-size: 96px;
    margin-left: -154px;
    width: 100%;
}

.img_y{
    width: 192px;
    margin-right: -960px;
    padding-top: 39px;
    padding-left: 78px;
}

.y1{
    width: 288px;
}

.tablet_price{
    background-color: white;
    grid-column-end: 4;
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-columns: 0.2fr 1fr;
}

.tb1, .tb2, .tb3{
    width: 134px;
    background-color: rgb(255, 255, 255);
}

.tb1_txt, .tb2_txt, .tb3_txt{
    background-color: rgb(22, 28, 34);
    padding: 34px 0 34px 0;
    font-size: 67px;
}

.how{
    grid-template-rows: 0.5fr 2fr ;
    grid-template-columns: 1fr;
}

.how_txt{
    grid-template-rows: 0.8fr 0.5fr 0.8fr 0.7fr;
    grid-template-columns: 0.5fr 1fr;
}

.how_txt_1{
    font-size: 96px;
}

.how_img{
    grid-row-start: 2;
    grid-row-end: 5;
    padding-top: 67px;
}

.hw_img{
    width: 288px;
}

.how_txt_3, .how_txt_4{
    font-size: 67px;
}

.how_tablet{
    width: 150%;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
}

.txt_tb_1, .txt_tb_2, .txt_tb_3, .txt_tb_4, .txt_tb_5, .txt_tb_6, .txt_tb_7, .txt_tb_8{
    font-size: 58px;
}

.yes1,.yes2,.yes3,.yes4,.yes5,.yes6,.yes7,.yes8,.yes9,.yes10,.no1,.no2{
    width: 73px;
}

.img_jacket{
    grid-template-rows: 1fr;
    grid-template-columns: 618px 681px 579px;
    grid-column-end: 4;
    justify-self: center;
}

.jaket_1{
    width: 618px;
}

.jaket_2{
    width: 681px;
}

.jaket_3{
    width: 579px;
    justify-self: start;;
}

.jaket_txt{
    grid-template-rows: 0.3fr 0.3fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-column-end: 4;
}

.big, .small{
    width: 922px;
}

.moto1, .moto2{
    width: 576px;
}

.jaket_txt_1{
    font-size: 80px;
}

.jaket_txt_2{
    font-size: 96px;
}

.moto1{
    padding-left: 96px;
}

.moto2{
    padding-right: 96px;
}

.knee{
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
}

.map{
    grid-template-rows: 0.3fr 1fr;
    grid-template-columns: 1fr;
}

.txt_map{
    font-size: 154px;
}

.y_map{
    width: 85%;
    height: 960px;
}

.video{
    grid-template-rows: 77px 77px 1fr;
    grid-template-columns: 1fr 1fr;
}

.video_main{
    grid-column: 1/3;
}

.warn, .warn1{
    display: none;
}

@media (min-width:1921px){

    .bt, .bt:hover, .nm_shop, .sp_price_txt_1, .how_txt_2, .video_main, .big_txt, .small_txt{
        font-size: 4vw;
    }

    .hd{
        width: 100%;
        height: 60vw;
        background-image: url(bg_head.png);
        background-repeat: no-repeat ;
        background-size: cover;
        grid-template-columns: 1.4fr 1fr 1.4fr;
        grid-template-rows: 4vw 16.6vw 1fr 1fr 1fr;
    }

    .name{
        font-size: 4vw;
        stroke: black;
        stroke-width: 10px ;
    }

    .nm_price{
        font-size: 5vw;
    }

    .price{
        font-size: 6vw;
    }

    .nm_choice{
        font-size: 5vw;
    }

    .choice{
        font-size: 6vw;
    }

    .bt{
        height: 6vw;
        width: 25.5vw;
        border-radius: 4.7vw;
        border: 0.3vw solid rgb(255, 0, 0);
        background-color: rgb(0, 255, 17);
        text-decoration: none;
    }

    .bt:hover{
        height: 6vw;
        width: 25.5vw;
        border-radius: 4.7vw;
        border: 0.3vw solid rgb(200, 0, 0);
        background-color: rgb(102, 255, 112);
        color: rgb(200, 0, 0);
        cursor: pointer;
    }

    .nm_shop{
        padding-right: 13vw;
    }

    .shop{
        font-size: 6vw;
        padding-right: 13vw;
    }

    .nm_country{
        font-size: 3.5vw;
        padding-left: 13vw;
    }

    .country{
        font-size: 6vw;
        padding-left: 13vw;
    }

    .bd{
        grid-template-columns: 25vw 1fr 25vw;
        grid-template-rows: 45.295vw 65.159vw 45vw 55.159vw;
    }

    .light_1, .light_2, .light_3, .light_4, .light_5, .light_6{
        width: 25vw;
    }

    .lightmini_1, .lightmini_2, .lightmini_3, .lightmini_33, .lightmini_4, .lightmini_44, .lightmini_5, .lightmini_6{
        width: 10vw;
    }

    .ltm_1{
        padding-top: 7.75vw;
    }

    .ltm_2{
        padding-top: 7.75vw;
    }

    .ltm_33{
        padding-top: 45vw;
    }

    .ltm_44{
        padding-top: 45vw;
    }

    .sp_price_txt_1{
        grid-column: 1;
        margin-left: -12vw;
        padding-top: 3vw;
        width: 59vw;
    }

    .sp_price_txt_2{
        grid-column-end: 2;
        font-size: 5vw;
        margin-left: -8vw;
        width: 100%;
    }

    .img_y{
        width: 10vw;
        margin-right: -50vw;
        padding-top: 2vw;
        padding-left: 4vw;
    }

    .y1{
        width: 15vw;
    }

    .tb1, .tb2, .tb3{
        width: 7vw;
    }

    .tb1_txt, .tb2_txt, .tb3_txt{
        padding: 0.5em 0 0.5em 0;
        font-size: 3.5vw;
    }

    .how_txt_1{
        font-size: 5vw;
    }

    .how_img{
        grid-row-start: 2;
        grid-row-end: 5;
        padding-top: 3.5vw;
    }

    .hw_img{
        width: 15vw;
    }

    .how_txt_3, .how_txt_4{
        font-size: 3.5vw;
    }

    .txt_tb_1, .txt_tb_2, .txt_tb_3, .txt_tb_4, .txt_tb_5, .txt_tb_6, .txt_tb_7, .txt_tb_8{
        font-size: 3vw;
    }

    .yes1,.yes2,.yes3,.yes4,.yes5,.yes6,.yes7,.yes8,.yes9,.yes10,.no1,.no2{
        width: 3.8vw;
    }

    .img_jacket{
        grid-template-rows: 1fr;
        grid-template-columns: 1fr 1fr 1fr;
        grid-column-end: 4;
    }

    .jaket_1{
        width: 32.65vw;
    }

    .jaket_2{
        width: 36vw;
    }

    .jaket_3{
        width: 30.6vw;
        padding-left: 0;
    }

    .big, .small{
        width: 48vw;
    }

    .moto1, .moto2{
        width: 30vw;
    }

    .jaket_txt_1{
        font-size: 4.2vw;
    }

    .jaket_txt_2{
        font-size: 5vw;
    }

    .moto1{
        padding-left: 5vw;
    }

    .moto2{
        padding-right: 5vw;
    }

    .txt_map{
        font-size: 8vw;
    }

    .y_map{
        width: 85%;
        height: 60vw;
    }
}

@media (max-width:1920px){


    .bt, .bt:hover, .nm_shop, .sp_price_txt_1, .how_txt_2, .video_main, .big_txt, .small_txt{
        font-size: 4vw;
    }

    .hd{
        width: 100%;
        height: 60vw;
        background-image: url(bg_head.png);
        background-repeat: no-repeat ;
        background-size: cover;
        grid-template-columns: 1.4fr 1fr 1.4fr;
        grid-template-rows: 4vw 16.6vw 1fr 1fr 1fr;
    }

    .name{
        font-size: 5vw;
    }

    .nm_price{
        font-size: 5vw;
    }

    .price{
        font-size: 6vw;
    }

    .nm_choice{
        font-size: 5vw;
    }

    .choice{
        font-size: 6vw;
    }

    .bt{
        height: 6vw;
        width: 25.5vw;
        border-radius: 4.7vw;
        border: 0.3vw solid rgb(255, 0, 0);
        background-color: rgb(0, 255, 17);
        text-decoration: none;
    }

    .bt:hover{
        height: 6vw;
        width: 25.5vw;
        border-radius: 4.7vw;
        border: 0.3vw solid rgb(200, 0, 0);
        background-color: rgb(102, 255, 112);
        color: rgb(200, 0, 0);
        cursor: pointer;
    }

    .nm_shop{
        padding-right: 13vw;
    }

    .shop{
        font-size: 6vw;
        padding-right: 13vw;
    }

    .nm_country{
        font-size: 3.5vw;
        padding-left: 13vw;
    }

    .country{
        font-size: 6vw;
        padding-left: 13vw;
    }

    .bd{
        grid-template-columns: 25vw 1fr 25vw;
        grid-template-rows: 45.295vw 65.159vw 45vw 55.159vw;
    }

    .light_1, .light_2, .light_3, .light_4, .light_5, .light_6{
        width: 25vw;
    }

    .lightmini_1, .lightmini_2, .lightmini_3, .lightmini_33, .lightmini_4, .lightmini_44, .lightmini_5, .lightmini_6{
        width: 10vw;
    }

    .ltm_1{
        padding-top: 7.75vw;
    }

    .ltm_2{
        padding-top: 7.75vw;
    }

    .ltm_33{
        padding-top: 45vw;
    }

    .ltm_44{
        padding-top: 45vw;
    }

    .sp_price_txt_1{
        grid-column: 1;
        margin-left: -12vw;
        padding-top: 3vw;
        width: 59vw;
    }

    .sp_price_txt_2{
        grid-column-end: 2;
        font-size: 5vw;
        margin-left: -8vw;
        width: 100%;
    }

    .img_y{
        width: 10vw;
        margin-right: -50vw;
        padding-top: 2vw;
        padding-left: 4vw;
    }

    .y1{
        width: 15vw;
    }

    .tb1, .tb2, .tb3{
        width: 7vw;
    }

    .tb1_txt, .tb2_txt, .tb3_txt{
        padding: 0.5em 0 0.5em 0;
        font-size: 3.5vw;
    }

    .how_txt_1{
        font-size: 5vw;
    }

    .how_img{
        padding-top: 3.5vw;
    }

    .hw_img{
        width: 15vw;
    }

    .how_txt_3, .how_txt_4{
        font-size: 3.5vw;
    }

    .txt_tb_1, .txt_tb_2, .txt_tb_3, .txt_tb_4, .txt_tb_5, .txt_tb_6, .txt_tb_7, .txt_tb_8{
        font-size: 3vw;
    }

    .yes1,.yes2,.yes3,.yes4,.yes5,.yes6,.yes7,.yes8,.yes9,.yes10,.no1,.no2{
        width: 3.8vw;
    }

    .img_jacket{
        grid-template-rows: 1fr;
        grid-template-columns: 1fr 1fr 1fr;
        grid-column-end: 4;
    }

    .jaket_1{
        width: 32.7vw;
    }

    .jaket_2{
        width: 36vw;
    }

    .jaket_3{
        width: 30.7vw;
    }

    .big, .small{
        width: 48vw;
    }

    .moto1, .moto2{
        width: 30vw;
    }

    .jaket_txt_1{
        font-size: 4.2vw;
    }

    .jaket_txt_2{
        font-size: 5vw;
    }

    .moto1{
        padding-left: 5vw;
    }

    .moto2{
        padding-right: 5vw;
    }

    .txt_map{
        font-size: 8vw;
    }

    .y_map{
        width: 85%;
        height: 60vw;
    }

}

@media (max-width:1600px){

    .hd{
        width: 100%;
        height: 60vw;
        background-image: url(bg_head.png);
        background-repeat: no-repeat ;
        background-size: cover;
        grid-template-columns: 1.4fr 1fr 1.4fr;
        grid-template-rows: 4vw 16.6vw 1fr 1fr 1fr;
    }

    .name{
        font-size: 5vw;
    }

    .nm_price{
        font-size: 5vw;
    }

    .price{
        font-size: 6vw;
    }

    .nm_choice{
        font-size: 5vw;
    }

    .choice{
        font-size: 6vw;
    }

    .bt{
        height: 6vw;
        width: 25.5vw;
        border-radius: 4.7vw;
        border: 0.3vw solid rgb(255, 0, 0);
        background-color: rgb(0, 255, 17);
        text-decoration: none;
    }

    .bt:hover{
        height: 6vw;
        width: 25.5vw;
        border-radius: 4.7vw;
        border: 0.3vw solid rgb(200, 0, 0);
        background-color: rgb(102, 255, 112);
        color: rgb(200, 0, 0);
        cursor: pointer;
    }

    .nm_shop{
        padding-right: 13vw;
    }

    .shop{
        font-size: 6vw;
        padding-right: 13vw;
    }

    .nm_country{
        font-size: 3.5vw;
        padding-left: 13vw;
    }

    .country{
        font-size: 6vw;
        padding-left: 13vw;
    }

    .bd{
        grid-template-columns: 25vw 1fr 25vw;
        grid-template-rows: 45.295vw 65.159vw 45vw 55.159vw;
    }

    .light_1, .light_2, .light_3, .light_4, .light_5, .light_6{
        width: 25vw;
    }

    .lightmini_1, .lightmini_2, .lightmini_3, .lightmini_33, .lightmini_4, .lightmini_44, .lightmini_5, .lightmini_6{
        width: 10vw;
    }

    .ltm_1{
        padding-top: 7.75vw;
    }

    .ltm_2{
        padding-top: 7.75vw;
    }

    .ltm_33{
        padding-top: 45vw;
    }

    .ltm_44{
        padding-top: 45vw;
    }

    .sp_price_txt_1{
        grid-column: 1;
        margin-left: -12vw;
        padding-top: 3vw;
        width: 59vw;
    }

    .sp_price_txt_2{
        grid-column-end: 2;
        font-size: 5vw;
        margin-left: -8vw;
        width: 100%;
    }

    .img_y{
        width: 10vw;
        margin-right: -50vw;
        padding-top: 2vw;
        padding-left: 4vw;
    }

    .y1{
        width: 15vw;
    }

    .tb1, .tb2, .tb3{
        width: 7vw;
        background-color: rgb(255, 255, 255);
    }

    .tb1_txt, .tb2_txt, .tb3_txt{
        background-color: rgb(22, 28, 34);
        padding: 0.5em 0 0.5em 0;
        font-size: 3.5vw;
    }

    .how_txt_1{
        font-size: 5vw;
    }

    .how_img{
        grid-row-start: 2;
        grid-row-end: 5;
        padding-top: 3.5vw;
    }

    .hw_img{
        width: 15vw;
    }

    .how_txt_3, .how_txt_4{
        font-size: 3.5vw;
    }

    .txt_tb_1, .txt_tb_2, .txt_tb_3, .txt_tb_4, .txt_tb_5, .txt_tb_6, .txt_tb_7, .txt_tb_8{
        font-size: 3vw;
    }

    .yes1,.yes2,.yes3,.yes4,.yes5,.yes6,.yes7,.yes8,.yes9,.yes10,.no1,.no2{
        width: 3.8vw;
    }

    .img_jacket{
        grid-template-rows: 1fr;
        grid-template-columns: 1fr 1fr 1fr;
        grid-column-end: 4;
    }

    .jaket_1{
        width: 32.7vw;
    }

    .jaket_2{
        width: 36vw;
    }

    .jaket_3{
        width: 30.7vw;
    }


    .big, .small{
        width: 48vw;
    }

    .moto1, .moto2{
        width: 30vw;
    }

    .jaket_txt_1{
        font-size: 4.2vw;
    }

    .jaket_txt_2{
        font-size: 5vw;
    }

    .moto1{
        padding-left: 5vw;
    }

    .moto2{
        padding-right: 5vw;
    }


    .txt_map{
        font-size: 8vw;
    }

    .y_map{
        width: 85%;
    }

}

@media (max-width:1200px){

    .big_txt{
        grid-row: 2;
    }

    .small_txt{
        grid-row: 4;
    }

    .hd{
        width: 100%;
        height: 82vw;
        background-image: url(bg_hd_2.png);
        background-repeat: no-repeat ;
        background-size: cover;
        grid-template-columns: 1.4fr 1fr 1.4fr;
        grid-template-rows: 4vw 1.16fr 1fr 1fr 1fr;
    }

    .box_name{
        height: 100%;
        grid-column: 1/4;
        padding-top: 19vw;
    }

    .name{
        font-size: 6vw;
        stroke: black;
        stroke-width: 10px ;
    }

    .box_price{
        grid-column-start: 1;
        grid-column-end: 3;
        grid-template-columns: 1fr;
        grid-template-rows: 0.6fr 1fr;
        margin-top: 2vw;
        padding-right: 21vw;
    }

    .nm_price{
        font-size: 6vw;
    }

    .price{
        font-size: 8vw;
    }

    .box_choice{
        grid-column: 2/4;
        grid-template-columns: 1fr;
        grid-template-rows: 0.6fr 1fr;
        margin-top: 2vw;
        margin-left: 15vw;
    }

    .nm_choice{
        font-size: 6vw;
    }

    .choice{
        font-size: 8vw;
    }

    .box_bt{
        padding-bottom: 4vw;
        grid-row: 4/7;
        grid-column: 1/4;
    }

    .bt{
        font-size: 6vw;
        height: 8vw;
        width: 33vw;
        border-radius: 4.7vw;
        border: 0.4vw solid rgb(255, 0, 0);
        background-color: rgb(0, 255, 17);
        text-decoration: none;
    }

    .bt:hover{
        font-size: 6vw;
        height: 8vw;
        width: 33vw;
        border: 0.4vw solid rgb(200, 0, 0);
        background-color: rgb(102, 255, 112);
        color: rgb(200, 0, 0);
        cursor: pointer;
    }

    .nm_shop{
        font-size: 7vw;
        padding-top: 3vw;
        padding-right: 0vw;
    }

    .shop{
        font-size: 10vw;
        padding-right: 0vw;
    }

    .nm_country{
        padding-top: 5vw;
        font-size: 6vw;
        padding-left: 0vw;
    }

    .country{
        font-size: 9vw;
        padding-left: 0vw;
    }

    .bd{
        grid-template-columns: 20vw 1fr 20vw;
        grid-template-rows: 51vw 65.159vw 65vw 55.159vw;
    }

    .light_1, .light_2, .light_3, .light_4, .light_5, .light_6{
        display: none;
    }

    .lightmini_1, .lightmini_2, .lightmini_3, .lightmini_33, .lightmini_4, .lightmini_44, .lightmini_5, .lightmini_6{
        width: 20vw;
        margin: 0;
        
    }

    .ltm_1{
        padding-top: 0;
        align-self: end;
    }

    .ltm_2{
        padding-top: 0;
        align-self: end;
    }

    .ltm_33{
        padding-top: 0;
    }

    .ltm_44{
        padding-top: 0;
    }

    .sp_price_txt_1{
        grid-column: 1;
        margin-left: -13vw;
        padding-top: 3vw;
        width: 71.3vw;
    }

    .sp_price_txt_2{
        grid-column-end: 2;
        font-size: 5vw;
        margin-left: -8vw;
        width: 100%;
    }

    .img_y{
        width: 10vw;
        margin-right: -45vw;
        padding-top: 2vw;
        padding-left: 2vw;
    }

    .y1{
        width: 20vw;
    }

    .tb1, .tb2, .tb3{
        width: 9vw;
        background-color: rgb(255, 255, 255);
    }

    .tb1_txt, .tb2_txt, .tb3_txt{
        background-color: rgb(22, 28, 34);
        padding: 0.5em 0 0.5em 0;
        font-size: 4vw;
    }

    .how_txt_1{
        font-size: 5vw;
        padding-top: 1vw;
    }

    .how_img{
        grid-row-start: 2;
        grid-row-end: 5;
        padding-top: 7vw;
    }

    .hw_img{
        width: 20vw;
    }

    .how_txt_3, .how_txt_4{
        font-size: 4.5vw;
    }

    .txt_tb_1, .txt_tb_2, .txt_tb_3, .txt_tb_4, .txt_tb_5, .txt_tb_6, .txt_tb_7, .txt_tb_8{
        font-size: 4.1vw;
    }

    .yes1,.yes2,.yes3,.yes4,.yes5,.yes6,.yes7,.yes8,.yes9,.yes10,.no1,.no2{
        width: 4.5vw;
    }

    .img_jacket{
        grid-template-rows: 1fr;
        grid-template-columns: 1fr 1fr 1fr;
        grid-column-end: 4;
        padding-top: 18vw;
    }

    .jaket_1{
        grid-row: 1;
        grid-column: 1/3;
        width: 45.4vw;
        margin-right: 18vw;
    }

    .jaket_2{
        grid-row: 1;
        grid-column: 2/4;
        width: 50vw;
        margin-left: 14vw;
    }

    .jaket_3{
        width: 29.7vw;
        padding-right: 1.1vw;
        display: none;
    }

    .big, .small{
        width: 90vw;
    }

    .moto1, .moto2{
        width: 34vw;
    }

    .jaket_txt_1{
        font-size: 5vw;
    }

    .jaket_txt_2{
        font-size: 5.7vw;
    }

    .moto1{
        padding-left: 5vw;
    }

    .moto2{
        padding-right: 5vw;
    }

    .big_txt, .small_txt, .big, .small{
        grid-column-start: 1;
        grid-column-end: 3;
    }
    
    .big_txt,.small_txt{
        font-size: 6vw;
        padding-top: 3vw;
    }

    .txt_map{
        font-size: 8vw;
    }

    .y_map{
        width: 85%;
        height: 100vw;
    }

    .video{
        grid-template-rows: 8vw 10vw 1fr 10vw 1fr;
        grid-template-columns: 1fr 1fr;
    }

    .video_main{
        grid-column: 1/3;
        font-size: 6vw;
    }
} 

@media (max-width:1024px){


    .hd{
        width: 100%;
        height: 82vw;
        background-image: url(bg_hd_2.png);
        background-repeat: no-repeat ;
        background-size: cover;
        grid-template-columns: 1.4fr 1fr 1.4fr;
        grid-template-rows: 4vw 1.16fr 1fr 1fr 1fr;
    }

    .box_name{
        height: 100%;
        grid-column: 1/4;
        padding-top: 19vw;
    }

    .name{
        font-size: 6vw;
        stroke: black;
        stroke-width: 10px ;
    }

    .box_price{
        grid-column-start: 1;
        grid-column-end: 3;
        grid-template-columns: 1fr;
        grid-template-rows: 0.6fr 1fr;
        margin-top: 2vw;
        padding-right: 21vw;
    }

    .nm_price{
        font-size: 6vw;
    }

    .price{
        font-size: 8vw;
    }

    .box_choice{
        grid-column: 2/4;
        grid-template-columns: 1fr;
        grid-template-rows: 0.6fr 1fr;
        margin-top: 2vw;
        margin-left: 15vw;
    }

    .nm_choice{
        font-size: 6vw;
    }

    .choice{
        font-size: 8vw;
    }

    .box_bt{
        padding-bottom: 4vw;
        grid-row: 4/7;
        grid-column: 1/4;
    }

    .bt{
        font-size: 6vw;
        height: 8vw;
        width: 33vw;
        border-radius: 4.7vw;
        border: 0.4vw solid rgb(255, 0, 0);
        background-color: rgb(0, 255, 17);
        text-decoration: none;
    }

    .bt:hover{
        font-size: 6vw;
        height: 8vw;
        width: 33vw;
        border: 0.4vw solid rgb(200, 0, 0);
        background-color: rgb(102, 255, 112);
        color: rgb(200, 0, 0);
        cursor: pointer;
    }

    .nm_shop{
        font-size: 7vw;
        padding-top: 3vw;
        padding-right: 0vw;
    }

    .shop{
        font-size: 10vw;
        padding-right: 0vw;
    }

    .nm_country{
        padding-top: 5vw;
        font-size: 6vw;
        padding-left: 0vw;
    }

    .country{
        font-size: 9vw;
        padding-left: 0vw;
    }

    .bd{
        grid-template-columns: 20vw 1fr 20vw;
        grid-template-rows: 51vw 65.159vw 65vw 55.159vw;
    }

    .light_1, .light_2, .light_3, .light_4, .light_5, .light_6{
        display: none;
    }

    .lightmini_1, .lightmini_2, .lightmini_3, .lightmini_33, .lightmini_4, .lightmini_44, .lightmini_5, .lightmini_6{
        width: 20vw;
        margin: 0;
        
    }

    .ltm_1{
        padding-top: 0;
        align-self: end;
    }

    .ltm_2{
        padding-top: 0;
        align-self: end;
    }

    .ltm_33{
        padding-top: 0;
    }

    .ltm_44{
        padding-top: 0;
    }

    .sp_price_txt_1{
        grid-column: 1;
        margin-left: -13vw;
        padding-top: 3vw;
        width: 71.3vw;
    }

    .sp_price_txt_2{
        grid-column-end: 2;
        font-size: 5vw;
        margin-left: -8vw;
        width: 100%;
    }

    .img_y{
        width: 10vw;
        margin-right: -45vw;
        padding-top: 2vw;
        padding-left: 2vw;
    }

    .y1{
        width: 20vw;
    }

    .tb1, .tb2, .tb3{
        width: 9vw;
        background-color: rgb(255, 255, 255);
    }

    .tb1_txt, .tb2_txt, .tb3_txt{
        background-color: rgb(22, 28, 34);
        padding: 0.5em 0 0.5em 0;
        font-size: 4vw;
    }

    .how_txt_1{
        font-size: 5vw;
        padding-top: 1vw;
    }

    .how_img{
        grid-row-start: 2;
        grid-row-end: 5;
        padding-top: 7vw;
    }

    .hw_img{
        width: 20vw;
    }

    .how_txt_3, .how_txt_4{
        font-size: 4.5vw;
    }

    .txt_tb_1, .txt_tb_2, .txt_tb_3, .txt_tb_4, .txt_tb_5, .txt_tb_6, .txt_tb_7, .txt_tb_8{
        font-size: 4.1vw;
    }

    .yes1,.yes2,.yes3,.yes4,.yes5,.yes6,.yes7,.yes8,.yes9,.yes10,.no1,.no2{
        width: 4.5vw;
    }

    .img_jacket{
        grid-template-rows: 1fr;
        grid-template-columns: 1fr 1fr 1fr;
        grid-column-end: 4;
        padding-top: 18vw;
    }

    .jaket_1{
        grid-row: 1;
        grid-column: 1/3;
        width: 45.4vw;
        margin-right: 18vw;
    }

    .jaket_2{
        grid-row: 1;
        grid-column: 2/4;
        width: 50vw;
        margin-left: 14vw;
    }

    .jaket_3{
        width: 29.7vw;
        padding-right: 1.1vw;
        display: none;
    }

    .big, .small{
        width: 90vw;
    }

    .moto1, .moto2{
        width: 34vw;
    }

    .jaket_txt_1{
        font-size: 5vw;
    }

    .jaket_txt_2{
        font-size: 5.7vw;
    }

    .moto1{
        padding-left: 5vw;
    }

    .moto2{
        padding-right: 5vw;
    }

    .big_txt, .small_txt, .big, .small{
        grid-column-start: 1;
        grid-column-end: 3;
    }
    
    .big_txt,.small_txt{
        font-size: 6vw;
        padding-top: 3vw;
    }


    .txt_map{
        font-size: 8vw;
    }

    .y_map{
        width: 85%;
        height: 100vw;
    }

    .video{
        grid-template-rows: 8vw 10vw 1fr 10vw 1fr;
        grid-template-columns: 1fr 1fr;
    }

    .video_main{
        grid-column: 1/3;
        font-size: 6vw;
    }
} 

@media (max-width:768px){
    
    .tablet_price, .tb1_txt, .tb2_txt, .tb3_txt, .txt_tb_1, .txt_tb_2, .txt_tb_3, .txt_tb_4, .txt_tb_5, .txt_tb_6, .txt_tb_7, .txt_tb_8, .clear, .yes_box1, .yes_box2, .yes_box3, .yes_box4,
    .yes_box5, .yes_box6, .yes_box7, .yes_box8, .yes_box9, .yes_box10, .no_box1, .no_box2, .jaket_1, .jaket_2, .jaket_3, .how_tablet{
    border: 2px solid white;
    }

    .hd{
        width: 100%;
        height: 82vw;
        background-image: url(bg_hd_2.png);
        background-repeat: no-repeat ;
        background-size: cover;
        grid-template-columns: 1.4fr 1fr 1.4fr;
        grid-template-rows: 4vw 1.16fr 1fr 1fr 1fr;
    }

    .box_name{
        height: 100%;
        grid-column: 1/4;
        padding-top: 19vw;
    }

    .name{
        font-size: 5vw;
        stroke: black;
        stroke-width: 10px ;
    }

    .box_price{
        margin-top: 2vw;
        padding-right: 21vw;
    }

    .nm_price{
        font-size: 6vw;
    }

    .price{
        font-size: 8vw;
    }

    .box_choice{
        margin-top: 2vw;
        margin-left: 15vw;
    }

    .nm_choice{
        font-size: 6vw;
    }

    .choice{
        font-size: 8vw;
    }

    .box_bt{
        padding-bottom: 4vw;
    }

    .bt{
        font-size: 6vw;
        height: 8vw;
        width: 33vw;
        border-radius: 4.7vw;
        border: 0.4vw solid rgb(255, 0, 0);
        background-color: rgb(0, 255, 17);
        text-decoration: none;
    }

    .bt:hover{
        font-size: 6vw;
        height: 8vw;
        width: 33vw;
        border: 0.4vw solid rgb(200, 0, 0);
        background-color: rgb(102, 255, 112);
        color: rgb(200, 0, 0);
        cursor: pointer;
    }

    .nm_shop{
        font-size: 7vw;
        padding-top: 3vw;
        padding-right: 0vw;
    }

    .shop{
        font-size: 10vw;
        padding-right: 0vw;
    }

    .nm_country{
        padding-top: 5vw;
        font-size: 6vw;
        padding-left: 0vw;
    }

    .country{
        font-size: 9vw;
        padding-left: 0vw;
    }

    .bd{
        grid-template-columns: 20vw 1fr 20vw;
        grid-template-rows: 51vw 65.159vw 78vw 55.159vw;
    }

    .lightmini_1, .lightmini_2, .lightmini_3, .lightmini_33, .lightmini_4, .lightmini_44, .lightmini_5, .lightmini_6{
        width: 20vw;
        margin: 0;
    }

    .ltm_1{
        padding-top: 0;
        align-self: end;
    }

    .ltm_2{
        padding-top: 0;
        align-self: end;
    }

    .ltm_33{
        padding-top: 0;
    }

    .ltm_44{
        padding-top: 0;
    }

    .sp_price_txt_1{
        grid-column: 1;
        margin-left: -13vw;
        padding-top: 3vw;
        width: 71.3vw;
    }

    .sp_price_txt_2{
        grid-column-end: 2;
        font-size: 5vw;
        margin-left: -8vw;
        width: 100%;
    }

    .img_y{
        width: 10vw;
        margin-right: -45vw;
        padding-top: 2vw;
        padding-left: 2vw;
    }

    .y1{
        width: 20vw;
    }

    .tb1, .tb2, .tb3{
        width: 9vw;
    }

    .tb1_txt, .tb2_txt, .tb3_txt{
        padding: 0.5em 0 0.5em 0;
        font-size: 4vw;
    }

    .how_txt_1{
        font-size: 5vw;
        padding-top: 1vw;
    }

    .how_img{
        grid-row-start: 2;
        grid-row-end: 5;
        padding-top: 7vw;
    }

    .hw_img{
        width: 20vw;
    }

    .how_txt_3, .how_txt_4{
        font-size: 4.5vw;
    }

    .txt_tb_1, .txt_tb_2, .txt_tb_3, .txt_tb_4, .txt_tb_5, .txt_tb_6, .txt_tb_7, .txt_tb_8{
        font-size: 4.1vw;
    }

    .yes1,.yes2,.yes3,.yes4,.yes5,.yes6,.yes7,.yes8,.yes9,.yes10,.no1,.no2{
        width: 4.5vw;
    }

    .img_jacket{
        grid-template-rows: 1fr;
        grid-template-columns: 1fr 1fr 1fr;
        grid-column-end: 4;
        padding-top: 25vw;
    }

    .jaket_1{
        grid-row: 1;
        grid-column: 1/3;
        width: 45.4vw;
        margin-right: 18vw;
    }

    .jaket_2{
        grid-row: 1;
        grid-column: 2/4;
        width: 50vw;
        margin-left: 14vw;
    }

    .jaket_3{
        display: none;
    }

    .big, .small{
        width: 90vw;
    }

    .moto1, .moto2{
        width: 34vw;
    }

    .jaket_txt_1{
        font-size: 5vw;
    }

    .jaket_txt_2{
        font-size: 5.7vw;
    }

    .moto1{
        padding-left: 5vw;
    }

    .moto2{
        padding-right: 5vw;
    }

    .big_txt, .small_txt, .big, .small{
        grid-column-start: 1;
        grid-column-end: 3;
    }
    
    .big_txt,.small_txt{
        font-size: 6vw;
        padding-top: 3vw;
    }

    .txt_map{
        font-size: 8vw;
    }

    .y_map{
        width: 85%;
        height: 100vw;
    }
}

@media (max-width:600px){
    .bt, .bt:hover, .nm_shop, .sp_price_txt_1, .how_txt_2, .video_main, .big_txt, .small_txt{
        font-size: 4vw;
    }

    .hd{
        width: 100%;
        height: 82vw;
        background-image: url(bg_hd_2.png);
        background-repeat: no-repeat ;
        background-size: cover;
        grid-template-columns: 1.4fr 1fr 1.4fr;
        grid-template-rows: 4vw 1.16fr 1fr 1fr 1fr;
    }

    .box_name{
        height: 100%;
        grid-column: 1/4;
        padding-top: 19vw;
    }

    .name{
        font-size: 5vw;
        stroke: black;
        stroke-width: 10px ;
    }

    .box_price{
        margin-top: 2vw;
        padding-right: 21vw;
    }

    .nm_price{
        font-size: 5vw;
    }

    .price{
        font-size: 7vw;
    }

    .box_choice{
        margin-top: 2vw;
        margin-left: 15vw;
    }

    .nm_choice{
        font-size: 5vw;
    }

    .choice{
        font-size: 7vw;
    }

    .box_bt{
        padding-bottom: 4vw;
    }

    .bt{
        font-size: 5vw;
        height: 8vw;
        width: 33vw;
        border-radius: 4.7vw;
        border: 0.4vw solid rgb(255, 0, 0);
        background-color: rgb(0, 255, 17);
        text-decoration: none;
    }

    .bt:hover{
        font-size: 5vw;
        height: 8vw;
        width: 33vw;
        border: 0.4vw solid rgb(200, 0, 0);
        background-color: rgb(102, 255, 112);
        color: rgb(200, 0, 0);
        cursor: pointer;
    }

    .nm_shop{
        font-size: 5vw;
        padding-top: 3vw;
        padding-right: 0vw;
    }
    .shop{
        font-size: 9vw;
        padding-right: 0vw;
    }

    .nm_country{
        padding-top: 3vw;
        font-size: 5vw;
        padding-left: 0vw;
    }

    .country{
        font-size: 8vw;
        padding-left: 0vw;
    }

    .bd{
        grid-template-columns: 20vw 1fr 20vw;
        grid-template-rows: 51vw 65.159vw 78vw 55.159vw;
    }

    .light_1, .light_2, .light_3, .light_4, .light_5, .light_6{
        display: none;
    }

    .lightmini_1, .lightmini_2, .lightmini_3, .lightmini_33, .lightmini_4, .lightmini_44, .lightmini_5, .lightmini_6{
        width: 20vw;
        margin: 0;
        
    }

    .ltm_1{
        padding-top: 0;
        align-self: end;
    }

    .ltm_2{
        padding-top: 0;
        align-self: end;
    }

    .ltm_33{
        padding-top: 0;
    }

    .ltm_44{
        padding-top: 0;
    }

    .sp_price_txt_1{

        grid-column: 1;
        margin-left: -13vw;
        padding-top: 3vw;
        width: 71.3vw;
    }

    .sp_price_txt_2{
        grid-column-end: 2;
        font-size: 5vw;
        margin-left: -8vw;
        width: 100%;
    }

    .img_y{
        width: 10vw;
        margin-right: -45vw;
        padding-top: 2vw;
        padding-left: 2vw;
    }

    .y1{
        width: 20vw;
    }

    .tablet_price{
        background-color: white;
        grid-column-end: 4;
        grid-template-rows: 1fr 1fr 1fr;
        grid-template-columns: 0.2fr 1fr;
    }

    .tb1, .tb2, .tb3{
        width: 9vw;
        background-color: rgb(255, 255, 255);
    }

    .tb1_txt, .tb2_txt, .tb3_txt{
        background-color: rgb(22, 28, 34);
        padding: 0.5em 0 0.5em 0;
        font-size: 3.5vw;
    }

    .how{
        grid-template-rows: 0.5fr 2fr ;
        grid-template-columns: 1fr;
        margin-top: 4vw;
    }

    .how_txt{
        grid-template-rows: 0.8fr 0.5fr 0.8fr 0.7fr;
        grid-template-columns: 0.5fr 1fr;
    }

    .how_txt_1{
        font-size: 5vw;
        padding-top: 1vw;
    }

    .how_img{
        grid-row-start: 2;
        grid-row-end: 5;
        padding-top: 7vw;
    }

    .hw_img{
        width: 20vw;
    }

    .how_txt_2, .how_txt_3, .how_txt_4{
        font-size: 4vw;
    }

    .how_tablet{
        width: 150%;
        grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .txt_tb_1, .txt_tb_2, .txt_tb_3, .txt_tb_4, .txt_tb_5, .txt_tb_6, .txt_tb_7, .txt_tb_8{
        font-size: 3.5vw;
    }

    .yes1,.yes2,.yes3,.yes4,.yes5,.yes6,.yes7,.yes8,.yes9,.yes10,.no1,.no2{
        width: 3.5vw;
    }

    .img_jacket{
        grid-template-rows: 1fr;
        grid-template-columns: 1fr 1fr 1fr;
        grid-column-end: 4;
        padding-top: 27vw;
    }

    .jaket_1{
        grid-row: 1;
        grid-column: 1/3;
        width: 45.4vw;
        margin-right: 18vw;
    }

    .jaket_2{
        grid-row: 1;
        grid-column: 2/4;
        width: 50vw;
        margin-left: 14vw;
    }

    .jaket_3{
        width: 29.7vw;
        padding-right: 1.1vw;
        display: none;
    }

    .jaket_txt{
        grid-template-rows: 0.3fr 0.3fr 1fr;
        grid-template-columns: 1fr 1fr;
        grid-column-end: 4;
    }

    .big, .small{
        width: 90vw;
    }

    .moto1, .moto2{
        width: 34vw;
    }

    .jaket_txt_1{
        font-size: 4.5vw;
    }

    .jaket_txt_2{
        font-size: 5vw;
    }

    .moto1{
        padding-left: 5vw;
    }

    .moto2{
        padding-right: 5vw;
    }

    .big_txt, .small_txt, .big, .small{
        grid-column-start: 1;
        grid-column-end: 3;
    }
    
    .big_txt,.small_txt{
        font-size: 6vw;
        padding-top: 3vw;
    }

    .map{
        grid-template-rows: 0.3fr 1fr;
        grid-template-columns: 1fr;
    }

    .txt_map{
        font-size: 8vw;
    }

    .y_map{
        width: 80%;
        height: 100vw;
    }
}

@media (max-width:400px){
    .bt, .bt:hover, .nm_shop, .sp_price_txt_1, .how_txt_2, .video_main, .big_txt, .small_txt{
        font-size: 5vw;
    }

    .hd{
        width: 100%;
        height: 82vw;
        background-image: url(bg_hd_2.png);
        background-repeat: no-repeat ;
        background-size: cover;
        grid-template-columns: 1.4fr 1fr 1.4fr;
        grid-template-rows: 4vw 1.16fr 1fr 1fr 1fr;
    }

    .box_name{
        height: 100%;
        grid-column: 1/4;
        padding-top: 18vw;
    }

    .name{
        font-size: 5.5vw;
        stroke: black;
        stroke-width: 10px ;
    }

    .box_price{
        margin-top: 5vw;
        padding-right: 21vw;
    }

    .nm_price{
        font-size: 6vw;
    }

    .price{
        font-size: 7vw;
    }

    .box_choice{
        margin-top: 5vw;
        margin-left: 15vw;
    }

    .nm_choice{
        font-size: 6vw;
    }

    .choice{
        font-size: 7vw;
    }

    .box_bt{
        padding-bottom: 4vw;
    }

    .bt{
        font-size: 6vw;
        height: 8vw;
        width: 33vw;
        border-radius: 4.7vw;
        border: 0.4vw solid rgb(255, 0, 0);
        background-color: rgb(0, 255, 17);
        text-decoration: none;
    }

    .bt:hover{
        font-size: 6vw;
        height: 8vw;
        width: 33vw;
        border: 0.4vw solid rgb(200, 0, 0);
        background-color: rgb(102, 255, 112);
        color: rgb(200, 0, 0);
        cursor: pointer;
    }

    .nm_shop{
        padding-top: 5vw;
        font-size: 5.5vw;
        padding-left: 2vw;
    }

    .shop{
        font-size: 10vw;
        padding-right: 0vw;
    }

    .nm_country{
        padding-top: 5vw;
        font-size: 5.5vw;
        padding-left: 2vw;
    }

    .country{
        font-size: 9vw;
        padding-left: 0vw;
    }

    .bd{
        grid-template-columns: 20vw 1fr 20vw;
        grid-template-rows: 51vw 90.159vw 77vw 55.159vw;
    }

    .light_1, .light_2, .light_3, .light_4, .light_5, .light_6{
        display: none;
    }

    .lightmini_1, .lightmini_2, .lightmini_3, .lightmini_33, .lightmini_4, .lightmini_44, .lightmini_5, .lightmini_6{
        width: 20vw;
        margin: 0;
        
    }

    .ltm_1{
        padding-top: 0;
        align-self: end;
    }

    .ltm_2{
        padding-top: 0;
        align-self: end;
    }

    .ltm_33{
        padding-top: 0;
    }

    .ltm_44{
        padding-top: 0;
    }

    .sp_price_txt_1{
        grid-column: 1;
        margin-left: -15vw;
        padding-top: 3vw;
        width: 80vw;
    }

    .sp_price_txt_2{
        grid-column-end: 2;
        font-size: 6vw;
        margin-left: -8vw;
        width: 100%;
    }

    .img_y{
        width: 10vw;
        margin-right: -45vw;
        padding-top: 2vw;
        padding-left: 2vw;
    }

    .y1{
        width: 20vw;
    }

    .tablet_price{
        background-color: white;
        grid-column-end: 4;
        grid-template-rows: 1fr 1fr 1fr;
        grid-template-columns: 0.2fr 1fr;
    }

    .tb1, .tb2, .tb3{
        width: 9vw;
        background-color: rgb(255, 255, 255);
    }

    .tb1_txt, .tb2_txt, .tb3_txt{
        background-color: rgb(22, 28, 34);
        padding: 0.5em 0 0.5em 0;
        font-size: 4vw;
    }

    .how{
        grid-template-rows: 0.5fr 2fr ;
        grid-template-columns: 1fr;
        margin-top: 10vw;
    }

    .how_txt{
        grid-template-rows: 0.8fr 0.5fr 0.8fr 0.7fr;
        grid-template-columns: 0.5fr 1fr;
    }

    .how_txt_1{
        font-size: 5vw;
        padding-top: 1vw;
    }

    .how_img{
        grid-row-start: 2;
        grid-row-end: 5;
        padding-top: 7vw;
    }

    .hw_img{
        width: 20vw;
    }

    .how_txt_3, .how_txt_4{
        font-size: 4.5vw;
    }

    .how_tablet{
        width: 150%;
        grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .txt_tb_1, .txt_tb_2, .txt_tb_3, .txt_tb_4, .txt_tb_5, .txt_tb_6, .txt_tb_7, .txt_tb_8{
        font-size: 4.1vw;
    }

    .yes1,.yes2,.yes3,.yes4,.yes5,.yes6,.yes7,.yes8,.yes9,.yes10,.no1,.no2{
        width: 4.5vw;
    }

    .img_jacket{
        grid-template-rows: 1fr;
        grid-template-columns: 1fr 1fr 1fr;
        grid-column-end: 4;
        padding-top: 30vw;
    }

    .jaket_1{
        grid-row: 1;
        grid-column: 1/3;
        width: 45.4vw;
        margin-right: 18vw;
    }

    .jaket_2{
        grid-row: 1;
        grid-column: 2/4;
        width: 50vw;
        margin-left: 14vw;
    }

    .jaket_3{
        width: 29.7vw;
        padding-right: 1.1vw;
        display: none;
    }

    .jaket_txt{
        grid-template-rows: 0.3fr 0.3fr 1fr;
        grid-template-columns: 1fr 1fr;
        grid-column-end: 4;
    }

    .big, .small{
        width: 90vw;
    }

    .moto1, .moto2{
        width: 34vw;
    }

    .jaket_txt_1{
        font-size: 5vw;
    }

    .jaket_txt_2{
        font-size: 5.7vw;
    }

    .moto1{
        padding-left: 5vw;
    }

    .moto2{
        padding-right: 5vw;
    }

    .big_txt, .small_txt, .big, .small{
        grid-column-start: 1;
        grid-column-end: 3;
    }
    
    .big_txt,.small_txt{
        font-size: 6vw;
        padding-top: 3vw;
    }

    .map{
        grid-template-rows: 0.3fr 1fr;
        grid-template-columns: 1fr;
    }

    .txt_map{
        font-size: 8vw;
    }

    .y_map{
        width: 80%;
        height: 100vw;
    }
}

@media (max-width:360px){

    .hd{
        width: 100%;
        height: 82vw;
        background-image: url(bg_hd_2.png);
        background-repeat: no-repeat ;
        background-size: cover;
        grid-template-columns: 1.4fr 1fr 1.4fr;
        grid-template-rows: 4vw 1.16fr 1fr 1fr 1fr;
    }

    .box_name{
        height: 100%;
        grid-column: 1/4;
        padding-top: 18vw;
    }

    .name{
        font-size: 5vw;
        stroke: black;
        stroke-width: 10px ;
    }

    .box_price{
        margin-top: 5vw;
        padding-right: 21vw;
    }

    .nm_price{
        font-size: 5vw;
    }

    .price{
        font-size: 6vw;
    }

    .box_choice{
        margin-top: 5vw;
        margin-left: 15vw;
    }

    .nm_choice{
        font-size: 5vw;
    }

    .choice{
        font-size: 6vw;
    }

    .box_bt{
        padding-bottom: 4vw;
    }

    .bt{
        font-size: 5vw;
        height: 8vw;
        width: 33vw;
        border-radius: 4.7vw;
        border: 0.4vw solid rgb(255, 0, 0);
        background-color: rgb(0, 255, 17);
        text-decoration: none;
    }

    .bt:hover{
        font-size: 5vw;
        height: 8vw;
        width: 33vw;
        border: 0.4vw solid rgb(200, 0, 0);
        background-color: rgb(102, 255, 112);
        color: rgb(200, 0, 0);
        cursor: pointer;
    }

    .nm_shop{
        padding-top: 5vw;
        font-size: 5vw;
        padding-left: 2vw;
    }

    .shop{
        font-size: 9vw;
        padding-right: 0vw;
    }

    .nm_country{
        padding-top: 5vw;
        font-size: 5vw;
        padding-left: 2vw;
    }

    .country{
        font-size: 9vw;
        padding-left: 0vw;
    }

    .bd{
        grid-template-columns: 20vw 1fr 20vw;
        grid-template-rows: 51vw 90.159vw 77vw 55.159vw;
    }

    .light_1, .light_2, .light_3, .light_4, .light_5, .light_6{
        display: none;
    }

    .lightmini_1, .lightmini_2, .lightmini_3, .lightmini_33, .lightmini_4, .lightmini_44, .lightmini_5, .lightmini_6{
        width: 20vw;
        margin: 0;
        
    }

    .ltm_1{
        padding-top: 0;
        align-self: end;
    }

    .ltm_2{
        padding-top: 0;
        align-self: end;
    }

    .ltm_33{
        padding-top: 0;
    }

    .ltm_44{
        padding-top: 0;
    }

    .sp_price_txt_1{
        font-size: 4vw;
        grid-column: 1;
        margin-left: -15vw;
        padding-top: 3vw;
        width: 80vw;
    }

    .sp_price_txt_2{
        grid-column-end: 2;
        font-size: 6vw;
        margin-left: -8vw;
        width: 100%;
    }

    .img_y{
        width: 10vw;
        margin-right: -45vw;
        padding-top: 2vw;
        padding-left: 2vw;
    }

    .y1{
        width: 20vw;
    }

    .tablet_price{
        background-color: white;
        grid-column-end: 4;
        grid-template-rows: 1fr 1fr 1fr;
        grid-template-columns: 0.2fr 1fr;
    }

    .tb1, .tb2, .tb3{
        width: 8vw;
        background-color: rgb(255, 255, 255);
    }

    .tb1_txt, .tb2_txt, .tb3_txt{
        background-color: rgb(22, 28, 34);
        padding: 0.4em 0 0.4em 0;
        font-size: 3vw;
    }

    .how{
        grid-template-rows: 0.5fr 2fr ;
        grid-template-columns: 1fr;
        margin-top: 10vw;
    }

    .how_txt{
        grid-template-rows: 0.8fr 0.5fr 0.8fr 0.7fr;
        grid-template-columns: 0.5fr 1fr;
    }

    .how_txt_1{
        font-size: 5vw;
        padding-top: 1vw;
    }

    .how_img{
        grid-row-start: 2;
        grid-row-end: 5;
        padding-top: 7vw;
    }

    .hw_img{
        width: 20vw;
    }

    .how_txt_2, .how_txt_3, .how_txt_4{
        font-size: 4vw;
    }

    .how_tablet{
        width: 150%;
        grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .txt_tb_1, .txt_tb_2, .txt_tb_3, .txt_tb_4, .txt_tb_5, .txt_tb_6, .txt_tb_7, .txt_tb_8{
        font-size: 3.5vw;
    }

    .yes1,.yes2,.yes3,.yes4,.yes5,.yes6,.yes7,.yes8,.yes9,.yes10,.no1,.no2{
        width: 4vw;
    }

    .img_jacket{
        grid-template-rows: 1fr;
        grid-template-columns: 1fr 1fr 1fr;
        grid-column-end: 4;
        padding-top: 30vw;
    }

    .jaket_1{
        grid-row: 1;
        grid-column: 1/3;
        width: 45.4vw;
        margin-right: 18vw;
    }

    .jaket_2{
        grid-row: 1;
        grid-column: 2/4;
        width: 50vw;
        margin-left: 14vw;
    }

    .jaket_3{
        width: 29.7vw;
        padding-right: 1.1vw;
        display: none;
    }

    .jaket_txt{
        grid-template-rows: 0.3fr 0.3fr 1fr;
        grid-template-columns: 1fr 1fr;
        grid-column-end: 4;
    }

    .big, .small{
        width: 90vw;
    }

    .moto1, .moto2{
        width: 34vw;
    }

    .jaket_txt_1{
        font-size: 5vw;
    }

    .jaket_txt_2{
        font-size: 5.7vw;
    }

    .moto1{
        padding-left: 5vw;
    }

    .moto2{
        padding-right: 5vw;
    }

    .big_txt, .small_txt, .big, .small{
        grid-column-start: 1;
        grid-column-end: 3;
    }
    
    .big_txt,.small_txt{
        font-size: 6vw;
        padding-top: 3vw;
    }

    .map{
        grid-template-rows: 0.3fr 1fr;
        grid-template-columns: 1fr;
    }

    .txt_map{
        font-size: 8vw;
    }

    .y_map{
        width: 80%;
        height: 100vw;
    }
}

@media screen and (min-width: 200px) and (max-width: 1024px) and (orientation: landscape) {
  .bg {
    display: none;
    
  }
  .warn, .warn1{
    display: block;
    font-size: 4vw;
    color: white;
    justify-self: center;
    align-self: center;
  }
}