@media (min-width: 20em) {

    .navbar-brand {
        display: block;
        margin-right: -12px !important;
        padding: 0;
    }

    .list-head {
        font-size: 20px;
    }


    .wrapper-text p, .list-title, .gallary h5, .try-text-in h5 {
        font-size: 25px;
    }

    .try-right {
        padding: 24px 24px 0;
    }

    .try-text-in {
        padding: 0;
    }

    .img-fluid {
        height: auto;
        max-width: 100%;
    }

    .top-wrapper {
        height: 680px;

    }

    .wrapper-inside {
        padding-left: 0;
    }

    .wrapper-inside p {
        margin: 24px;
    }

    .btn-block {
        margin: 0 auto;
    }

    .map {
        margin-top: 24px;
    }

    .carousel-indicators {
        margin-right: 0;
        margin-left: 0;
    }

    .navbar-brand img {
        max-height: 100%;
        width: 100%;
    }

    .first-movie-right::before {
        /*background: black none repeat scroll 0 0;*/
        content: "";
        height: 100%;
        background-image: url("../img/speed-sp.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        opacity: 0.9;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
    }

    .try .try-text img {
        width: auto;
    }

    .first-movie-right {
        /*height: 100%;*/
        width: 155%;
        position: relative;
        padding: 0 !important;
        height: 249px;
        z-index: 100;
    }

    .first-movie-left {
        height: 100%;
        margin: 0;
        padding: 0;
        position: relative;
    }

    .youtube img {
        max-height: 100%;
        width: 100%;
    }

    .wrapper-text {
        height: 128px;
        width: 70%;
        margin-top: -48px;
        display: block;
        margin-right: auto;
        margin-left: auto;
        background-color: #bc2828;
    }

    .wrapper-text p {
        top: 50%;
        font-size: 25px;
        padding-right: 12px;
        padding-left: 12px;
        transform: translateY(-50%);
    }

    .wrapper-text-right p:nth-child(2) {
        font-size: 25px;
    }

    .wrapper-text-right {
        text-align: center;
        position: absolute;
        top: 0;
        right: 0;
        margin-top: 36px;
        padding: 0 !important;
        z-index: 2;
    }

    .magazine {
        padding: 0;
        text-align: center;
    }

    .magazine p {
        width: auto;
        margin: 0 auto;
        padding: 0;
    }

    .magazine-line {
        position: relative;
        padding: 0;
    }

    .magazine-line::before {
        content: '';
        position: absolute;
        top: 50%;
        display: inline-block;
        transform: translateY(-50%);
        width: 15%;
        height: 1px;
        background-color: black;
    }

    .magazine-line::after {
        content: '';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        display: inline-block;
        width: 15%;
        height: 1px;
        background-color: black;
    }

    .magazine-box {
        margin-bottom: 24px;
    }

    .magazine-box a {
        text-decoration: none;
    }

    .side-margin {
        margin: 0 24px;
    }

    .side-left {
        padding-right: 0;
        padding-left: 0;
    }

    .movie-box {
        padding-left: 0;
        padding-right: 0;
        padding-top: 24px;
    }

    .map-box {
        padding: 0;
    }

    .gallary-line {
        position: relative;
        padding: 0 55px;
    }

    .gallary-line::before {
        content: '';
        position: absolute;
        top: 50%;
        display: inline-block;
        width: 20%;
        height: 1px;
        left: 0;
        transform: translateY(-50%);
        background-color: white;
    }

    .gallary-line::after {
        content: '';
        position: absolute;
        top: 50%;
        display: inline-block;
        width: 20%;
        height: 1px;
        right: 0;
        transform: translateY(-50%);
        background-color: white;
    }

    .big {
        height: auto;
    }

    .try-text img {
        height: 100%;
        width: auto;
        display: block;
        margin: 0 auto;
    }

    .gal {
        margin-bottom: 20px;
    }

    .gal a {
        text-decoration: none;
        transition: .2s;

    }

    .gal a:hover {
        opacity: 0.75;
        transition: .2s;
    }

    .gallary h5 {
        padding: 24px 0 24px 0;
    }

    .gallary-img {
        width: 100%;
    }

    .gal p {
        background-color: #BC2828;
        color: white;
        text-align: center;
        padding: 12px 0;
        font-size: 14px;
    }

    .voice {
        position: absolute;
        width: 35%;
        top: 3%;
        right: 20px;
    }

    .try, .try-right {
        height: 100%;
        margin: 0;
        padding: 24px;
        position: relative;
    }

    .try-text {
        z-index: 98;
        margin: 0;
        /*position: relative;*/
    }

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

    .buttons {
        border-bottom: 1px solid black !important;
    }

    .buttons .try-text,
    .buttons .try-text-right {
        text-align: center;
    }

    .try-text-right {
        z-index: 98;
        position: relative;
        display: block;
        margin: 0 auto;
    }

    .try-text-right img {
        display: block;
        margin: 0 auto;
    }

    .try-text-in {
        margin-bottom: 12px;
    }

    .carousel-indicators {
        position: relative;
        z-index: 999;
    }

    .gallary {
        margin-top: 50px;
        height: auto;
    }

    main.main {
        max-width: 90em;
    }

    aside.site-sidebar {
        margin-top: 24px;
        width: 100%;
    }

    h1.main__title {
        font-size: 1.75rem;
    }

    h2.site-widget__title {
        position: relative;
        padding-bottom: 8px;
    }

    .main__header img {
        width: 100%;
        height: 100%;
    }

    .four-ad {
        display: flex;
        flex-wrap: wrap;
        margin-top: 24px;
    }

    .four-ad a {
        display: block;
        width: 33%;
    }

    .four-ad img {
        max-height: 100%;
        width: 100%;
    }

    div.content {
        padding: 24px;
    }

    div.main__headline {
        position: absolute;
        top: 50%;
        right: 50%;
        transform: translateX(50%);
        color: white;
        height: auto;
        width: 80%;
        display: flex;
        align-items: center;
        padding: 24px;
        background-color: rgba(188, 40, 40, 1);
    }

    .main__headline--inner .post-categories li a {
        font-size: 13px;
    }

    .weekly-zero {
        margin-top: 128px;
    }

    .weekly-zero img {
        max-height: 100%;
        width: 100%;
    }

    .weekly-zero__customer--inner {
        margin: 48px 0;
    }

    .weekly-zero__customer--content {
        margin-bottom: 24px;
        display: flex;
        flex-direction: column;
    }

    .weekly-zero__customer--content figure {
        width: auto;
        margin-bottom: 24px;
    }

    .weekly-zero__customer--text {
        width: auto;
    }

    div.weekly-zero__customer--text h3 {
        margin-top: 0;
    }

    .post-cateogries li a {
        font-size: 13px;
    }

    .weekly-zero__works--inner {
        position: relative;
        margin-bottom: 48px;
    }

    .weekly-zero__works--inner figure {
        width: 80%;
        position: absolute;
        top: -88px;
        left: 50%;
        transform: translateX(-50%);
        padding: 4px;
        background-color: rgba(255, 255, 255, .75);
    }

    .weekly-zero__works__content {
        padding: 188px 24px 24px;
        width: 100%;
        background-color: #d1d1d1;
        color: #1F1F1F;
        margin-top: 108px;
        letter-spacing: 2px;
    }

    div.content__inner .weekly-zero__works__content h4::before {
        background-color: #1f1f1f;
        content: '';
        width: 16px;
        height: 2px;
    }

    div.weekly-zero__q-and-a {
        position: relative;
        margin-bottom: 24px;
    }

    div.weekly-zero__worry--question h4 {
        text-shadow: 2px 1px 5px #1a1a1a;
    }

    div.content__inner div.weekly-zero__worry--question h4::before {
        content: none;
    }

    div.weekly-zero__worry__answer {
        background-color: #d1d1d1;
        color: #1F1F1F;
        padding: 24px;
        width: 100%;
        left: 0;
        letter-spacing: 2px;
    }

    div.weekly-zero__worry--question {
        position: relative;
        margin-top: 24px;
    }

    div.weekly-zero__worry--question h4 {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: white;
        font-weight: bold;
        font-size: 20px;
        margin: 0;
        padding-left: 0;
        width: 80%;
    }

    .weekly-zero__worry--question h4::before {
        content: none;
    }

    .content__archive--inner {
        border: 1px solid #cccccc;
        padding: 24px;
        display: flex;
        margin-bottom: 24px;
    }

    .content__archive--inner figure img {
        max-height: 100%;
        width: 100%;
    }

    header.content__archive--headline {
        margin-left: 12px;
        border-bottom: 0;
    }

    .content__archive--headline h1.main__title a {
        font-size: 25px;
        color: #1a1a1a;
        text-decoration: none;
    }

    .slick-dots li.slick-active button:before,
    .slick-dots li button:before {
        color: #fff;
        font-size: 21px;
        width: 21px;
        height: 21px;
        opacity: 1;
    }

    .slick-dotted.slick-slider {
        margin-bottom: 0;
    }

    div.slick-track {
        width: 100% !important;
    }

    #slider-dots {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: -20px;
    }

    .slick-dots {
        position: static;
        bottom: auto;
        display: flex;
        align-items: center;
        width: auto;
        text-align: left;
    }

    #slide-dots-prev {
        order: 1;
    }

    #slide-dots-next {
        order: 3;
        margin-left: 10px;

    }

    .slick-dots {
        order: 2;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .slick-dots li {
        margin: 0;
    }

    .slick-dots li:nth-child(odd) {
        margin: 0 10px 0 20px;
    }

    .slick-dots li:nth-child(even) {
        margin: 0 10px 0 5px;
    }

    .slick-dots li button {
        padding: 0;
    }

    .slick-dots li.slick-active button:before {
        color: #7E7E7E;
    }

    .photo-gallery {
        display: flex;
        flex-wrap: wrap;
    }

    .photo-gallery li {
        width: 20%;
    }

    .gallery-area {
        padding-top: 96px;
    }

    .bg-white .navbar-toggler-icon {
    }

    .swiper-container {
        width: 100%;
        height: 300px;
        margin-left: auto;
        margin-right: auto;
    }

    .gallery-top {
        height: 80%;
        width: 100%;
    }

    .gallery-top .swiper-wrapper_inner img {
        max-width: 100%;
        height: auto;
        width: 100%;
    }

    div.swiper-container.gallery-thumbs {
        height: 20%;
        box-sizing: border-box;
        background-color: #1f1f1f;
        padding: 24px;
        margin-top: 24px;
    }

    .gallery-thumbs .swiper-slide {
        height: 100%;
        opacity: 0.5;
    }

    .gallery-thumbs .swiper-slide img {
        height: auto;
        max-width: 100%;
    }

    .gallery-thumbs .swiper-slide-thumb-active {
        opacity: 1;
    }

    .gallery-section div.content__gallery--inner {
        background-color: #d1d1d1;
        padding: 8px;
    }

    .swiper-wrapper .swiper-slide {
        height: auto;
    }

    div.content__gallery h1 {
        font-size: 2rem;
    }

    div.content__gallery h2 {
        font-size: 1.5rem;
        margin: 24px 0;
    }

    div.content__gallery h3 {
        font-size: 1.25rem;
    }
}