.in{
    display: flex;
}

.in .search-box{
    width: 560px;
    margin-left: 3px;
    margin-right: 3px;
}
.in .search-button{
    margin-left: 3px;
    margin-right: 3px;  
}
 footer .cscolr .nav-link, footer p{
    color:white;
}
.banner-img{
    width: 336px;
    height: 280px;
}
.services-price{
    margin: 25px auto;
}

.row .col-2 .links-to-navigate-designs ul{
    display: flex;
}
.row .col-2 .links-to-navigate-designs ul .view{
    margin: 2px auto;
    list-style: none;
}

/*@media (min-width:300px) and (max-width:599px) {
    .in .search-box{
        width: 200px;
        margin-left: 3px;
        margin-right: 3px;
    }
      .container-fluid .desktop{
        display: none;
      }
      .container-fluid .mobile{
        display: block;
     }
     .container-fluid .mobile .row{
        display: block;
     }
     .container .mobile .row .col-12 .card .card-body .list-group .list-group-item svg{
        min-width: 25px;
        min-height: 25px;
        max-height: 25px;
        max-width: 25px;
     }
     .container .mobile .row .col-12 .card .card-body .list-group .list-group-item p{
        font-size: small;
     }
}  
    
@media (min-width:600px) and (max-width:799px) {
    .in .search-box{
        width: 500px;
        margin-left: 3px;
        margin-right: 3px;
    }
    .container-fluid .mobile{
        display: none;
     }
     .container-fluid .desktop{
        display: block;
     }
}
 */
   /* No less than 400px, no greater than 900px */
/*@media (min-width:800px) and (max-width:970px) {
    .container-fluid .mobile{
        display: none;
     }
     .container-fluid .desktop{
        display: block;
     }   
}
@media (min-width:980px) and (max-width:1440px) {
 .container-fluid .mobile{
    display: none;
 }
 .container-fluid .desktop{
    display: block;
 }
}
 */