.cart{
    position:fixed;
    right:-230px;
    top:112px;
    width: 400px;
    font-size: 0;
    transition: .75s ease-in-out;
    z-index: 99995;
}
.cart:hover{
    right:-60px;
    transition: .75s ease-in-out;
}
.s{
    display: inline-block;
    vertical-align: top;
}
.cart-icon{
    width: 150px;
    height: 120px;
    z-index: 100;
    background: url(../../images/cart.jpg) no-repeat;
    background-size:100% 100%;
}
.cart-info{
    width:170px;
    height: auto;
    padding: 10px 10px 10px 20px;
    border-radius: 5px 10px 5px 10px;
    color: #fff;
    font-size: 18px;
    background: #1b47a0;
    position: relative;
    top:0px;
    left: 1px;
    z-index: -1;
    opacity: 0;
    transition: .75s ease-in-out;
p {
    width: 100%;
    padding: 0 0 5px;
}
}
.cart:hover .cart-info{
    opacity: 1;
    right:-130px;
}


@media (max-width: 1024px) {
    .content-box {
        display: block;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .cart{

    }
    .cart:hover {
        opacity: 0.75;
    }
}
@media (max-width: 812px) {
    .cart{
        right: 0;
        top: 50px;
        width: 100px;
    }
    .cart:hover{right: 0;}
    .cart-info{
        font-size: 14px;
        width: 100px;
    }
    .cart:hover .cart-info{
        opacity: 1;
    right: -144px;
    font-size: 14px;
    width: 100px;}
    .cart-icon{width: 100px;
        height: 75px;}
}
@media (max-width: 767px) {
    .cart{
        right: -240px;
        top: 90px;
    }
}
@media (max-width: 480px) {
    .form-control {
        width: 100%;
    }
}