.divsidebyside {
    display:flex;
}


.fixed {
    
    width: 130px;
    padding-right: 15px;
}
.flex-item {
    flex-grow: 1;
    text-align: left;
}

.product-item-image {
    width: 100%;
    padding: 5px;
    margin: auto;
}

.form-deatil-box
{
    padding: 10px;
    max-width: 400px;
    height: 160px;
}

.signin-panle
{
    display: block;
    text-align: left;
}
.signup-panle
{
    display: none;
    text-align: left;
}
.right-bg{

    background-image: url(../img/creative-login-4.jpg?v=1);
    background-size: cover;
     width: 100%;
        height: 100%;
}



@media (min-width: 480px) and (max-width: 960px) {
   .fixed {
        width: 100px;
      
    }

    

    
}



@media (min-width: 320px) and (max-width: 479px) {

    
    
    .fixed {
        width: 100px;
        
    } 
    
}