@charset "utf-8";
@media only screen and (max-width: 900px) {
    .slider > ul > li a .product-detail{
        margin-top: -130px;
    }
    .slider > ul > li a .image::after{
        opacity: 0.5 !important;
    }
    .footer-contact > div > span{
        width: 100% !important;
        text-align: center !important;
        margin:10px 0px !important;
        float:inherit !important;
    }
    .footer-contact > div{
        width: 100%;
    }
    .footer-contact{
        width: 100%;
        float:inherit;
    }
    .footer-logo {
        width: 100%;
        background-position:center;
        background-size: contain;
        margin-top: 20px;
    }
    .slider > ul > li{
        float:inherit;
    }

    .logo {
        float: left;
        width: calc(100% - 90px);
        height: 50px;
        background-position: left;
        border-radius: 0px;
    }
    .header-top,.logo{
        transition:none;
    }
    .header-top-bg.fixed .logo{
        margin-left:3px;
    }
    .header-top-bg.fixed .mobil-menu{
        margin-right:15px;
    }
    .header-top-bg.fixed > .header-top{
        margin: 10px auto;
    }
    .mobil-menu{
        display: block;
    }
    .menu{
        width: 100%;
        background-color:#FFF;
        box-shadow: 0 5px 5px rgba(0, 22, 84, 0.02);
        -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.02);
        margin-top:12px;
        display: none;
    }
    .menu > li{
        display: block;
        margin:5px 0px;
        color:#000;
        border-bottom:1px solid #EEE;
    }
    .menu > li:last-child{
        border:0px;
    }
    .menu > li > a{
        color:#000;
        padding: 15px 10px;
        display: block;
        font-size: 13pt;

    }
    .slider > ul {
        padding: 0px;
        margin: 0px;
    }
    .slider > ul > li{
        margin: 20px 10px;
        width: calc(100% - 20px);
        box-shadow: 0 5px 15px rgba(0, 22, 84, 0.3);
        -webkit-box-shadow: 0 15px 5px rgba(0, 0, 0, 0.3);
    }

        /**/
        .product-left,.product-center,.product-right{
            width: calc(100% - 20px);
            float: inherit;
            margin:auto;
            margin-bottom: 20px;
            overflow: hidden;
        }
        .product-right > .read{
            margin-right: 0px;
            width: 100%;
            float: inherit;
            margin-top: 30px;
            overflow: hidden;
        }
        .product-right > .read > button{
            text-align: left;
            text-indent: 40px;
        }
        .product-right > .price {
            width: 100%;
            overflow: hidden;
        }
        .product-right > .price > .buy {
            width: calc(100% - 100px);
        }
        .product-info{
            margin-top:0px;
            padding: 10px;
        }
        .product-info > .tab > span {
            display: block;
            margin-right: 0px;
            font-size: 12pt;
            float: left;
            width: 33.33%;
            box-sizing: border-box;
            text-align: center;
        }
        .product-center > .title{
            font-size: 14pt;
            height: auto;
        }
        .product-center > .amount{
            font-size: 15pt;
        }
        .product-center > .info > div > strong{
            width: 110px;
        }
        .product-center > .info > div > i{
            margin-right: 20px;
        }
        .page-path{
            padding: 30px 10px;
            box-sizing: border-box;
        }
        .page, .contact-left, .contact-right {
            padding: 25px 10px;
            float: inherit;
            margin: auto;
            width: calc(100% - 20px);
            margin-bottom: 20px;
        }
        .page-header-text > span:first-child{
            font-size: 19pt;
        }
        .page-header-text > span:last-child{
            font-size: 16pt;
            margin-top: 200px;
        }
        .contact{
            padding: 0px;
        }
        .contact-right > div.contact-content{
            margin-top: 40px;
        }
}