/*------------------------------------------------*/
 
 * {
     box-sizing: border-box
 }
 
 #search {
     outline: none;
     border: none;
     display: inline-block
 }
 
 #burgundy {
     color: rgb(153, 40, 59)
 }
 
 #orange,
 select,
 .btn {
     color: #0e8be5;
 }
 
 .fa-search {
     font-size: 20px;
     padding: 10px;
     margin-bottom: 3px;
     padding-right: 20px
 }
 
 .search-nav-item {
     height: 40px
 }
 
 nav {
     padding: 0px 0px
 }
 
 .fa-user-o,
 .fa-shopping-cart {
     font-size: 20px;
     padding: 4px
 }
 
 .form-group {
     margin-bottom: 5px
 }
 
 label {
     padding-left: 10px
 }
 
 .form-group:last-child {
     margin-bottom: 0
 }
 
 h6 {
     margin-bottom: 0px
 }
 
 #sort {
     outline: none;
     border: none
 }
 
 .btn {
     border-radius: 10px;
     background-color: #0e8be8;
     color: #0e8be8;
 }
 
 .btn:hover {
     color: #fff;
     background-color: #0e8be8;
 }
 
 .card-body {
     padding: 8px
 }
 
 .sign {
     width: 25px;
     height: 25px
 }
 
 .discount {
     border: 1px solid orange;
     border-radius: 5px;
     width: 65px;
     position: absolute;
     top: 2%
 }
 
 @media(min-width:1200px) {
     #search {
         width: 300px;
         padding: 5px;
         padding-left: 20px
     }
     .search-nav-item {
         margin-left: 400px;
         width: 350px
     }
     .fa-user-o {
         margin-left: 300px
     }
     .text {
         display: none
     }
     .fa-user-o,
     .fa-shopping-cart {
         font-size: 20px;
         padding-left: 20px
     }
     #sidebar {
         width: 100%;
         padding: 0px;
         float: left
     }
     #products {
         width: 70%;
         padding: 10px;
         margin: 0;
         float: right
     }
     .card {
         width: 300px;
         height: 330px;
         border: none
     }
     .card-img-top {
         width: 295px;
         height: 200px;
         border-radius: 10px
     }
     del {
         padding-right: 2px
     }
     .filter,
     #mobile-filter {
         display: none;
     }
 }
 
 @media(min-width:992px) and (max-width:1199px) {
     #search {
         width: 300px;
         padding: 5px;
         padding-left: 20px
     }
     .search-nav-item {
         margin-left: 200px;
         width: 350px
     }
     .fa-user-o {
         margin-left: 160px
     }
     .text {
         display: none
     }
     #sidebar {
         display: none
     }
     #products {
         width: 70%;
         padding: 10px;
         margin: 0;
         float: right
     }
     .card {
         width: 200px;
         height: 330px;
         border: none
     }
     .card-img-top {
         width: 200px;
         height: 200px;
         border-radius: 10px
     }
     .fa-plus,
     .fa-minus {
         font-size: 12px
     }
     .sign {
         height: 25px
     }
     .price {
         width: 99px
     }
     .filter,
     #mobile-filter {
         display: none;
     }
 }
 
 @media(min-width:768px) and (max-width:991px) {
     #search {
         width: 300px;
         padding: 5px;
         padding-left: 20px
     }
     .search-nav-item {
         margin-left: 60px;
         width: 350px
     }
     .fa-user-o {
         margin-left: 80px
     }
     .text {
         display: none
     }
     #sidebar {
         display: none
     }
     #products {
         width: 65%;
         padding: 10px;
         margin: 0;
         float: right
     }
     .card {
         border: none
     }
     .filter,
     #mobile-filter {
         display: none;
     }
 }
 
 @media(min-width:576px) and (max-width:767px) {
     .text {
         display: none
     }
     .search-nav-item {
         margin-left: 35px;
         width: 270px
     }
     #search {
         width: 240px;
         padding: 5px;
         padding-left: 20px
     }
     .fa-search {
         padding: 3px;
         font-size: 18px
     }
     #sidebar {
         display: none
     }
     #products {
         width: 60%;
         padding: 10px;
         margin: 0;
         float: right;
     }
     .card {
         border: none
     }
     #off {
         padding-left: 2px
     }
     #sorting span,
     #res {
         font-size: 14px
     }
     .filter,
     #mobile-filter {
         display: none;
     }
 }
 
 @media(max-width:575px) {
     .search-nav-item {
         margin: 0;
         width: 100%;
         margin-top: 10px
     }
     #search {
         width: 80%;
         padding-left: 10px;
         margin-top: 10px;
         padding-right: 10px
     }
     .fa-search {
         padding: 10px;
         font-size: 18px
     }
     #sidebar {
         display: none
     }
     .filter {
         margin-left: 75%;
         margin-top: 2%;
         border-radius: 10px;
         background-color: #0e8be8;
     }
     #sorting,
     #res {
         font-size: 12px;
         margin-top: 2%
     }
 }
 /*--------------------------------------------*/