*, :before, :after { box-sizing: border-box; }
nav ul, nav ol, #nav ul, #navbar ul, #nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

@font-face {
    font-family: 'icons';
    src: url('../font/icons.eot?24804043');
    src: url('../font/icons.eot?24804043#iefix') format('embedded-opentype'),
    url('../font/icons.woff?24804043') format('woff'),
    url('../font/icons.ttf?24804043') format('truetype'),
    url('../font/icons.svg?24804043#icon') format('svg');
    font-weight: normal;
    font-style: normal;
}


/************************************************
/////////////////////////////////////////////////
                **ipad**
/////////////////////////////////////////////////
*************************************************/
@media  (min-width: 768px) and (max-width: 1024px){
    .search-input{
        width: 84%;
    }
    .ribbon {
        margin: -159px 211px;
        width: 108px;
        height: 110px;
        display: block;
        position: relative;
        overflow: hidden;
    }

}


/************************************************
/////////////////////////////////////////////////

                **iphone**

/////////////////////////////////////////////////
*************************************************/
@media screen and (width: 375px){
    .ribbon {
        margin: -159px 47px !important;
        width: 100px !important;
        height: 100px;
    }
}
@media screen and (width: 428px){
    .ribbon {
        margin: -159px 73px !important;
        width: 100px !important;
        height: 100px;
    }
}
@media screen and (max-width: 760px){
    body {
        font-size: 14px;
    }
    .layout-page{
        font-size: 12px
    }
    .social-media i{
        font-size:18px;
        color: #da7000;
        text-align: center;
        width: 30px;
        height: 30px;
        background: #fff;;
        border-radius: 100px;
        padding: 6px 0px
    }
    .wrapper-page-product{
        top: 85px;
        padding: 45px 0px 60px 0px;
    }
    .price{
        font-size: 12px;
        float: right;
    }
    .product-title{
        float: left;
        font-size: 13px !important;
        width: 70%;
    }
    .name-option-icon{
        width: 30px;
        height: 30px;
        padding:0px;
    }
    .layout-dashboard-card{
        padding: 20px 0px 40px 0px;
    }
    .dashboard-card-left
    .dashboard-card-right{
        height: 65px;
    }
    .search-input{
        width: 70%;
    }
    .search-button{
        padding: 6px 28px;
    }
    .list-type-goods li{
        margin: 0;
        font-size: 10px
    }
    .bg-type-goods{
        padding: 5px;
        font-size: 10px
    }
    .detail-color-goods {
        color: #5858E1 !important;
        font-size: 10px;
    }
    .des-tpye-goods{
        font-size: 10px;
    }
    .name-option img{
        width: 20px !important;
    }
    .dashboard-card-right{
        height: 67px !important
    }
    .dashboard-card-left{
        height: 145px;
        padding: 10px 0px;
    }
    .dashboard-card-two-left{
        height: 145px;
        padding: 37px 0px;
    }
    .name-option-dashboard{
        margin: 0px 8px;
    }
    .ribbon {
        margin: -157px 46px;
        width: 108px;
        height: 110px;
        display: block;
        position: relative;
        overflow: hidden;
    }
}