img{height:auto;}
.modal-dialog img{
	max-height: 560px;
    object-fit: contain;
	}
.lsit-page-cs #search {
    outline: none;
    border: none;
    display: inline-block
}

.lsit-page-cs #burgundy {
    color: rgb(153, 40, 59)
}

.lsit-page-cs #orange{
    color: orange
}

.lsit-page-cs .fa-search {
    font-size: 20px;
    padding: 10px;
    margin-bottom: 3px;
    padding-right: 20px
}

.lsit-page-cs .search-nav-item {
    height: 40px
}

.lsit-page-cs nav {
    padding: 0px 100px
}

.lsit-page-cs .fa-user-o,
.lsit-page-cs .fa-shopping-cart {
    font-size: 20px;
    padding: 4px
}

.lsit-page-cs .form-group {
    margin-bottom: 5px
}

.lsit-page-cs label {
    padding-left: 10px
}

.lsit-page-cs .form-group:last-child {
    margin-bottom: 0
}

.lsit-page-cs h6 {
    margin-bottom: 0px
}

.lsit-page-cs #sort {
    outline: none;
    border: none
}


.lsit-page-cs .card-body {
    padding: 8px
}

.lsit-page-cs .sign {
    width: 25px;
    height: 25px
}

.lsit-page-cs .discount {
    border: 1px solid orange;
    border-radius: 5px;
    width: 65px;
    position: absolute;
    top: 2%
}
.lsit-page-cs .filters{ padding-bottom: 5px; margin-bottom: 5px;}

.no-show{display:none;}

@media(min-width:1200px) {
    .lsit-page-cs #search {
        width: 300px;
        padding: 5px;
        padding-left: 20px
    }

    .lsit-page-cs .search-nav-item {
        margin-left: 400px;
        width: 350px
    }

    .lsit-page-cs .fa-user-o {
        margin-left: 300px
    }

    .lsit-page-cs .text {
        display: none
    }

    .lsit-page-cs .fa-user-o,
    .lsit-page-cs .fa-shopping-cart {
        font-size: 20px;
        padding-left: 20px
    }

    .lsit-page-cs #sidebar {
        padding: 20px;
        float: left
    }

    .lsit-page-cs #packages {
        padding: 10px;
        margin: 0;
        float: right
    }

    .lsit-page-cs .card {
        width: 300px;
        height: 330px;
        border: none
    }

    .lsit-page-cs .card-img-top {
        width: 295px;
        height: 200px;
        border-radius: 10px
    }

    .lsit-page-cs del {
        padding-right: 2px
    }

    .lsit-page-cs .filters,
    #mobile-filter {
      
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .lsit-page-cs #search {
        width: 300px;
        padding: 5px;
        padding-left: 20px
    }

    .lsit-page-cs .search-nav-item {
        margin-left: 200px;
        width: 350px
    }

    .lsit-page-cs .fa-user-o {
        margin-left: 160px
    }

    .lsit-page-cs .text {
        display: none
    }

    .lsit-page-cs #sidebar {
        padding: 20px;
        float: left
    }

    .lsit-page-cs #packages {
        padding: 10px;
        margin: 0;
        float: right
    }

    .lsit-page-cs .card {
        width: 200px;
        height: 330px;
        border: none
    }

    .lsit-page-cs .card-img-top {
        width: 200px;
        height: 200px;
        border-radius: 10px
    }

    .lsit-page-cs .fa-plus,
    .lsit-page-cs .fa-minus {
        font-size: 12px
    }

    .lsit-page-cs .sign {
        height: 25px
    }

    .lsit-page-cs .price {
        width: 99px
    }

    .lsit-page-cs .filters,
    .lsit-page-cs #mobile-filter {
        display: none
    }
}

@media(min-width:768px) and (max-width:991px) {
    .lsit-page-cs #search {
        width: 300px;
        padding: 5px;
        padding-left: 20px
    }

    .lsit-page-cs .search-nav-item {
        margin-left: 60px;
        width: 350px
    }

    .lsit-page-cs .fa-user-o {
        margin-left: 80px
    }

    .lsit-page-cs .text {
        display: none
    }

    .lsit-page-cs #sidebar {
        padding: 20px;
        float: left
    }

    .lsit-page-cs #packages {
        padding: 10px;
        margin: 0;
        float: right
    }

    .lsit-page-cs .card {
        border: none
    }

    .lsit-page-cs .filters,
    .lsit-page-cs #mobile-filter {
        display: none
    }
}

@media(min-width:576px) and (max-width:767px) {
    .lsit-page-cs .text {
        display: none
    }

    .lsit-page-cs .search-nav-item {
        margin-left: 35px;
        width: 270px
    }

    .lsit-page-cs #search {
        width: 240px;
        padding: 5px;
        padding-left: 20px
    }

    .lsit-page-cs .fa-search {
        padding: 3px;
        font-size: 18px
    }

    .lsit-page-cs #sidebar {
        padding: 20px;
        float: left
    }

    .lsit-page-cs #packages {
        padding: 10px;
        margin: 0;
        float: right
    }

    .lsit-page-cs .card {
        border: none
    }

    .lsit-page-cs #off {
        padding-left: 2px
    }

    .lsit-page-cs #sorting span,
    .lsit-page-cs #res {
        font-size: 14px
    }

    .lsit-page-cs .filters,
    .lsit-page-cs #mobile-filter {
        display: none
    }
}

@media(max-width:575px) {
    .lsit-page-cs .search-nav-item {
        margin: 0;
        width: 100%;
        margin-top: 10px
    }

    .lsit-page-cs #search {
        width: 80%;
        padding-left: 10px;
        margin-top: 10px;
        padding-right: 10px
    }

    .lsit-page-cs .fa-search {
        padding: 10px;
        font-size: 18px
    }

    .lsit-page-cs #sidebar {
        display: none
    }

    .lsit-page-cs #sorting,
    .lsit-page-cs #res {
        font-size: 12px;
        margin-top: 2%
    }
}

.categ-sidebar {
    background-color: #0f0f0f63;
    padding: 10px;
    margin-bottom: 4px;
}


.preferredHeight {
  height: 500px;
  position: relative;
}

.preferredHeightList {
  height: 300px !important;
  position: relative;  
}

.border-white{border: 1px solid rgba(0,0,0,.1) !important;}
.light-bg-warning{background: #ffc107ab!important;}
#viewFullGD img{}
#viewFullGD .modal-dialog {
    max-width: 800px;
}

#viewFullGDV .modal-dialog {
    max-width: 1000px;
}

.view-GDV i{ font-weight:bold; color:#273f06;}
.view-GDV i:hover{ color:#c6191d;}
.GDLink{ color:#dc3545b8;}
.GDLink a:hover{ font-size: 1.5rem; color: #dc3545 !important;}
.GDLink a.active{ font-size: 1.5rem; color: #dc3545 !important;}