@charset "UTF-8";

/*DESKTOP
======================*/

@media screen and (min-width: 992px) {
    /***** header *****/
    header .drawer-container {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition-duration: 1s;
        -moz-transition-duration: 1s;
        -o-transition-duration: 1s;
        transition-duration: 1s;
    }
    header .drawer-container.in {
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);
    }
}


/*TABLET
======================*/
@media screen and (max-width: 1200px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .index_banner {
        background: url(../images/banner.jpg) no-repeat 50% 50%;
        -webkit-background-size: cover;
        background-size: cover;
    }
}
@media screen and (max-width: 991px) and (-webkit-min-device-pixel-ratio: 2) {
    .index_banner {
        background: url(../images/banner_m.jpg) no-repeat 50% 50%;
        -webkit-background-size: cover;
        background-size: cover;
    }
}

@media screen and (max-width: 991px) {
    /*     index_service */
	.index_service .swiper-container {
	    padding-left: 35px;
	    padding-right: 35px;
	}
    .index_service .swiper-container:hover .swiper-slide.swiper-slide-active {}
    .index_service .name h5 {
        font-size: 14px;
    }
    /**/
    /*index_news*/
    .index_news .list .media {
        padding-left: 20px;
        padding-right: 20px;
    }
    .index_news .list .media .media-body .media-heading {
        font-size: 18px !important;
        border-bottom: 0;
    }
    /**/
    /*index_kind*/
    .index_store .swiper-slide {
        height: 590px;
    }
    /**/
}

@media screen and (min-width: 600px) and (max-width: 991px) {
    /*index_kind*/
    .index_kind .kwicks li {
        padding-left: 15px;
        padding-right: 15px;
    }
    .index_kind .kwicks li .center-block p,
    .index_kind .kwicks li .center-block .btn_box {
        opacity: 0;
        -webkit-transition-duration: 0.5s;
        -moz-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
    }
    .index_kind .kwicks li.kwicks-selected .center-block p,
    .index_kind .kwicks li.kwicks-selected .center-block .btn_box {
        opacity: 1;
    }
    /**/
    /*index_service*/
    .index_service .swiper-container .swiper-wrapper .swiper-slide:after {
        display: none;
        width: 30px;
        height: 22px;
        right: -25px;
        top: 50%;
        margin-top: -15px;
        -webkit-background-size: 100%;
        background-size: 100%;
        opacity: .8;
    }
    .index_service .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active:after {
        display: block;
    }
    /**/
    /*     index_news */
    .index_news .list .media .media-body {
        padding: 40px 4% 5px;
    }
    /**/
    /*     index_store */
    .index_store .swiper-slide .row > [class^="col-"] {
        height: 590px;
    }
}

/* @media screen and (min-device-width: 600px) and (max-device-width: 1280px) and (orientation:landscape) {
    .index_kind .kwicks li {
        display: block;
        padding-top: 120px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .index_kind .kwicks li:first-child {
        padding-top: 170px;
    }
    .index_kind .kwicks li .center-block p,
    .index_kind .kwicks li .center-block .btn_box {
        opacity: 0;
        -webkit-transition-duration: 0.5s;
        -moz-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
    }
    .index_kind .kwicks li.kwicks-selected .center-block p,
    .index_kind .kwicks li.kwicks-selected .center-block .btn_box {
        opacity: 1;
    }

} */

@media screen and (min-width: 600px) {
    /*     index_store */
    .index_store .swiper-slide .txt .title::after {
        margin-left: 20px;
        left: 0%;
    }
    .index_store .txt .svg_link {
        margin-top: 10px;
        left: 20px;
    }
    .index_store .txt .svg_link svg {
        left: 0px;
        margin-left: -5px;
    }
    .index_store .txt .svg_link:hover a {
        margin-left: -5px;
    }
    .index_store .swiper-pagination {
        color: #898989;
        font-style: italic;
        text-align: left;
        padding-left: 10px;
    }
    /**/
    /*index_service*/
    .index_service .swiper-container .swiper-slide:after {
        display: none;
    }
    /**/
}


/**/


/* MOBILE
======================*/

@media screen and (max-width: 599px) {
    /*index_kind*/
    .index_kind .swiper-wrapper .swiper-slide .center-block h2,
    .index_kind .swiper-wrapper .swiper-slide .center-block p {
        text-shadow: 1px 1px 0px rgba(0, 0, 0, .8);
    }
    .index_kind .swiper-container .swiper-slide .center-block .after_line::after {
        background-color: #2EA7E0;
    }
    .index_kind .swiper-wrapper .swiper-slide:after {
        display: block;
        content: '';
        width: 30px;
        height: 15px;
        background: url(../images/arrow_kwicks_top.png) no-repeat;
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -15px;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%);
        -webkit-transition: -webkit-transform 1s 0s;
        transition: transform 1s 0s;
    }
    .index_kind .swiper-wrapper .swiper-slide.swiper-slide-active.active:after {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: -webkit-transform 1s .5s;
        transition: transform 1s .5s;
    }
    /**/
    /*index_news*/
    .index_news .list .media .media-right,
    .index_news .list .media .media-left {
        float: left;
        width: 100%;
    }
    .index_news .list .media .media-right .img_cover,
    .index_news .list .media .media-left .img_cover {
        height: 260px;
    }
    .index_news .list .media .media-body {
        padding-bottom: 10px;
    }
    /**/
    /*index_service*/
    .index_service .swiper-container .swiper-wrapper .swiper-slide:after {
        display: none;
    }
    /**/
    /*     index_store */
    .index_store .swiper-slide .cover {
        height: 50%;
        position: relative;
    }
    .index_store .container-fluid {
        height: 50%;
        background-color: #fff;
    }
    .index_store .swiper-slide .row > [class^="col-"] {
        height: 100%;
        padding-left: 5px;
        padding-right: 5px;
    }
    .index_store .title {
        text-align: center;
    }
    .index_store .swiper-slide .txt .dl-horizontal dt {
        float: left;
        clear: left;
        width: 70px;
        padding-left: 0px;
        text-align: left;
    }
    .index_store .swiper-slide .txt .dl-horizontal dd {
        float: left;
        margin-left: 10px;
    }
    .index_store .txt .svg_link {
        text-align: center;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .index_store .swiper-pagination {
        color: rgba(255, 255, 255, .6);
        font-style: italic;
        bottom: 53.0%;
    }
    .index_store .swiper-button-black {
        margin-top: -50px;
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -ms-transform: scale(.7);
        -o-transform: scale(.7);
        transform: scale(.7);
    }
    .index_store .swiper-button-next.swiper-button-black {
        right: 60px;
    }
    .index_store .swiper-button-prev.swiper-button-black {
        left: 60px;
    }
    /**/
}


/**/