@media (max-width: 1300px) {}

@media (max-width: 1120px) {}

@media (max-width: 992px) {
    .Fullbook .item-book{
        margin-top: 10px;
         float: left;
         width: 180px;
         height: 250px;
         display: inline-block;
         position: relative;
         text-align: center;
         border-style: ridge;
    }
    .Fullbook {
        height:500px;
        width:360px ;
        
    }
    .namebook{
        width: 100px;
        height: 100px;
    }
    header .box1{
        width: 360px;
        height: 300px;
    }
    header .content .book{
        display: inline-block;
        margin-top: 10px;
        margin-left: 20px;
        font-size: 12px;
        text-align: center;
     }
     header .content .img{
        float: left;
        width: 100px;
        margin-top: 60px;
        margin-left: 37%;
        border-radius: 50px;
    }
    .Fullbook .item-book .ti-shopping-cart{
        list-style-type: none;
        transform: translate(-50%, -50%);
        position: absolute;
        margin-left: 30%;
        bottom: 1%;
        width: 20px; 
        height: 20px;
    }
    body{
        height:239px;
        width:360px ;
        margin: auto;
    }
    .main{
        width: 370px;
    }
    header{
        width: 360px;
    }
    .Fullbook .item-book .sub-item a {
        color: #000;
        padding: 0 12px;
        font-size: 12px;
    }
    #search{
        width: 40px; 
        height: 30px;
        background-color: rgb(255,255,255);
        border: none;
        margin-left: 85%;
        position: relative;
        top: 66px;
        cursor: pointer;
    }
    #load{
        width: 40px; 
        height: 30px;
        background-color: rgb(255,255,255);
        border: none;
        margin-left: 76%;
        position: relative;
        top: 36px;
        cursor: pointer;
    }
}