.main-products-list-div{
    margin-top: 96px;
    /*padding-left: 50px;*/
    /*padding-right: 50px;*/
}
.main-img-list{
    width: 100%;
}
.filter-title-div{
    border-bottom: 1px solid #F8F7F6;
    margin: 25px;
}
.filter-title{
    text-align: center;
    font: normal normal bold 17px/24px Roboto;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
}


.products-table-main-div{
    margin-top: 54px;
    padding-left: 0px;
    padding-right: 0px;
}
.filters-main-div{
    margin-top: 50px;
    padding-left: 47px;
    border-bottom: 1px solid #F8F7F6;
    /*padding-right: 34px;*/
}

.sort-by-div{
    float: right
}

/* Dropdown Button */
.dropbtn {
    background-color: transparent;
    color: #000000;
    text-transform: uppercase;
    /*padding: 16px;*/
    font-size: 16px;
    border: none;
}
.dropDownSelectedSort{
    text-align: right;
    font: normal normal 500 14px/17px Roboto;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
}
.dropDownSelectedSortArabic{
    font: normal normal 500 14px/17px Neo Sans Arabic !important;
}
.dropDownSelectedSortKurdish{
    font: normal normal 500 14px/17px RudawRegular !important;
}
.dropDownSelectedSortKurdish{
    font: normal normal 500 14px/17px RudawRegular !important;
}

.opArabic{
    font: normal normal 500 14px/17px Neo Sans Arabic !important;
}
.opkurdish{
    font: normal normal 500 14px/17px RudawRegular !important;
}
.sortBySpan{
    text-align: right;
    font: normal normal normal 14px/17px Roboto;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
}
.sortBySpanArabic{
    font: normal normal normal 14px/17px Neo Sans Arabic !important;
}
.sortBySpanKurdish{
    font: normal normal normal 14px/17px RudawRegular !important;
}
/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: white;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    /*padding: 12px 16px;*/
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
    background-color: white;
    text-align: left;
    font: normal normal normal 14px/32px Roboto;
    letter-spacing: 0px;
    color: #FF0000;
    text-transform: uppercase;
    opacity: 1;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: white;}

#cards_landscape_wrap-2{
    text-align: center;
    /*background: #F7F7F7;*/
}

#cards_landscape_wrap-2 a{
    text-decoration: none;
    outline: none;
}
#cards_landscape_wrap-2 .card-flyer {
    border-radius: 5px;
}
#cards_landscape_wrap-2 .card-flyer .image-box{
    background: #ffffff;
    overflow: hidden;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.50);
}
#cards_landscape_wrap-2 .card-flyer .image-box img{
    -webkit-transition:all .9s ease;
    -moz-transition:all .9s ease;
    -o-transition:all .9s ease;
    -ms-transition:all .9s ease;
    width: 100%;
    height: 100%;
}
#cards_landscape_wrap-2 .card-flyer:hover .image-box img{
    opacity: 0.7;
    -webkit-transform:scale(1.15);
    -moz-transform:scale(1.15);
    -ms-transform:scale(1.15);
    -o-transform:scale(1.15);
    transform:scale(1.15);
}
#cards_landscape_wrap-2 .card-flyer .text-box{
    text-align: center;
}
#cards_landscape_wrap-2 .card-flyer .text-box .text-container{
    padding: 29px 31px;
    text-align: left;
}
#cards_landscape_wrap-2 .card-flyer{
    background: #f8f7f6;
    margin-top: 50px;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.40);
}
#cards_landscape_wrap-2 .card-flyer:hover{
    background: #fff;
    box-shadow: 0px 15px 26px rgba(0, 0, 0, 0.50);
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    margin-top: 50px;
}
#cards_landscape_wrap-2 .card-flyer .text-box p{
    margin-top: 10px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
#cards_landscape_wrap-2 .card-flyer .text-box h6{
    margin-top: 0px;
    margin-bottom: 4px;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Roboto Black', sans-serif;
    color: black;
}
.filter-drop-down{

}
.eventListTitle{
    text-align: left;
    font: normal normal normal 14px/17px Roboto;
    letter-spacing: 0px;
    font-weight: 500;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
}
.eventListTitleArabic{
    font: normal normal normal 14px/17px Neo Sans Arabic !important;
}
.eventListTitleKurdish{
    font: normal normal normal 14px/17px RudawRegular !important;
}
.EventsColumns{
    margin-bottom: 100px !important;
    margin-top: 145px !important;
    padding-bottom: 100px;
}
.event_description_date{
    font: normal normal bold 16px/19px Roboto;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
}
.event-title{
    text-align: left;
    font: normal normal bold 16px/19px Roboto;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    width: 100%;
    height: 100%;
    margin-bottom: 20px !important;
    overflow: hidden;
}
.event-description{
    text-align: left;
    font: normal normal normal 16px/19px Roboto;
    letter-spacing: 0px;
    /*color: #000000;*/
    color: #636362;
    width: 100%;
    height: 153px;
    overflow: hidden;
}
.read-more-events{
    text-align: left;
    font: normal normal bold 16px/19px Roboto;
    letter-spacing: 0px;
    color: #FF0000;
    text-transform: uppercase;
    opacity: 1;
}
.paginate_buttons{
    /*margin-top: 82px;*/
    /*left: 44%;*/
    /*position: relative;*/
}
.paginate_buttons .pagination .disabled{
    display: none;
}
.paginate_buttons .pagination .page-item .page-link{
    border: none;
    text-align: left;
    font: normal normal normal 18px/24px Roboto;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}
.paginate_buttons .pagination .active span{
    background: #FF0000 0% 0% no-repeat padding-box;
    opacity: 1;
    text-align: left;
    font: normal normal normal 18px/24px Roboto;
    letter-spacing: 0px;
    color: #FFFFFF !important;

}
.paginate_buttons nav ul{
    justify-content: center;
    margin-top: 50px!important;
}
.main-img-list{
    /* height: 311px;*/ 
}
.centeredEvents {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    display: block;
    width: 100%;
    /*top: 246px;*/
    top: 150px;
    height: 48px;
    font: normal normal bold 40px/48px Roboto;
    margin-left: auto;
    margin-right: auto;

}
.centeredEventsArabic {
    font: normal normal bold 40px/48px Neo Sans Arabic !important;
}

.centeredEventsKurdish {
    font: normal normal bold 40px/48px RudawRegular !important;
}
.eventList{
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 1px;
}
.filtrationDiv{
    margin-bottom: 7px;
}
.productName{
    text-align: center;
    font: normal normal 500 20px/24px Roboto;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
}
.product-list-filter-title{
    text-align: left;
    font: normal normal bold 17px/24px Roboto;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
    border-bottom: 1px solid #F8F7F6;
    padding-top: 5px;
    padding-bottom: 20px;
}
.product-list-filter-title-arabic{
    font: normal normal bold 17px/24px Neo Sans Arabic !important;
}
.product-list-filter-title-kurdish{
    font: normal normal bold 17px/24px RudawRegular !important;
}
.product-list-filter-price {
    text-align: left;
    font: normal normal normal 16px/19px Roboto;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
    border-bottom: 1px solid #F8F7F6;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 0;
}
.product-list-filter-price button{
    text-align: left;
    font: normal normal bold 17px/24px Roboto;
    letter-spacing: 0px;
    color: #000000;
    text-transform: capitalize;
    opacity: 1;
    padding-left: 0;
}
.product-list-filter-price button svg{
    float: right;
    padding-right: 8px;
}





.product-list-filter-category {
    text-align: left;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
    border-bottom: 1px solid #F8F7F6;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 0;

    font: normal normal normal 16px/19px Roboto;

}
.product-list-filter-category button{
    text-align: left;
    font: normal normal bold 17px/24px Roboto;
    letter-spacing: 0px;
    color: #000000;
    text-transform: capitalize;
    opacity: 1;
    padding-left: 0;
}

.product-list-filter-category-arabic {
    font: normal normal normal 16px/19px Neo Sans Arabic !important;
}

.product-list-filter-category-kurdish {
    font: normal normal normal 16px/19px RudawRegular !important;
}

.product-list-filter-category-arabic button{
    font: normal normal bold 17px/24px Neo Sans Arabic !important;
}
.product-list-filter-category-kurdish button{
    font: normal normal bold 17px/24px RudawRegular !important;
}


.product-list-filter-category button svg{
    float: right;
    padding-right: 8px;
}



.product-list-filter-brand {
    text-align: left;
    font: normal normal normal 16px/19px Roboto;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
    border-bottom: 1px solid #F8F7F6;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 0;
}
.product-list-filter-brand button{
    text-align: left;
    font: normal normal bold 17px/24px Roboto;
    letter-spacing: 0px;
    color: #000000;
    text-transform: capitalize;
    opacity: 1;
    padding-left: 0;
}

.product-list-filter-brand-arabic {
    font: normal normal normal 16px/19px Neo Sans Arabic !important;
}
.product-list-filter-brand-arabic button{
    font: normal normal bold 17px/24px Neo Sans Arabic !important;
}

.product-list-filter-brand-kurdish {
    font: normal normal normal 16px/19px RudawRegular !important;
}
.product-list-filter-brand-kurdish button{
    font: normal normal bold 17px/24px RudawRegular !important;
}

.product-list-filter-brand button svg{
    float: right;
    padding-right: 8px;
}
.slider-selection {
    background-image: linear-gradient(to bottom, #212529, #212529);
}
.slider-handle {
    background-image: linear-gradient(to bottom, #212529, #212529);

}


.slider.slider-horizontal .slider-track {
    height: 2px !important;
}

.slider-handle{
    width: 14px !important;
    height: 14px !important;
}

.product-list-filter-price{
    color:#5C5C5C;
    font: normal normal normal 14px/19px Roboto;
}



.slider.slider-horizontal {
    height: 22px;
}


.form-check .form-check-input {
    margin: auto;
    margin-left: -1.5em !important;
    width: 13px;
    height: 13px;
    transition: stroke-dashoffset 0.3s ease;
}

.form-check .form-check-input :checked {
    animation: splash 0.6s ease forwards;
}

.product-list-filter-category button {
    padding-bottom: 20px;
}

.product-list-filter-brand button {
    padding-bottom: 20px;
}

.product-list-filter-price button {
    padding-bottom: 20px;
}


.form-check {
    margin-bottom: 6px;
}

.cardOfNewProducts{
    width: 266.75px !important;
    padding: 0;
    margin-bottom: 16px;
}

.card-img-top{
    height: 227px !important;
}

.dropdown-menu{
    margin-top: 0px !important;
    margin-left: -39px;
}

.filtrationDivMobile{
    display: none;
}

.mobFilter{
    width: 102px;
    height: 32px;
    border: 1px solid #F8F7F6;
    opacity: 1;

    text-align: center;
    font: normal normal bold 14px/17px Roboto;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
}
.mobFilterArabic{
    font: normal normal bold 14px/17px Neo Sans Arabic !important;
}
.mobFilterkurdish{
    font: normal normal bold 14px/17px RudawRegular !important;
}
.product-list-filter_side-title{
    text-align: left;
    font: normal normal bold 17px/24px Roboto;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
    /* border-bottom: 1px solid #F8F7F6; */
    padding-top: 5px;
    padding-bottom: 20px;
    width: 78%;
    margin: auto;
}
.product-list-filter_side-title-arabic{
    font: normal normal bold 17px/24px Neo Sans Arabic !important;
}
.product-list-filter_side-title-kurdish{
    font: normal normal bold 17px/24px RudawRegular !important;
}


.modal-content {
    border:none !important;
}
.filtrationDivMobile{
    padding: 0 !important;
    border-bottom: 1px solid #F8F7F6;
    height: 46px;
}

.modal-dialog{
    top:30%
}

.modal-content{
    border-radius: 33px !important;
}

.modal-body{
    padding: 0 !important;
}

.mod{
    font-size: 18px;
    border-bottom: 1px solid #F8F7F6;
    height: 56px;
    margin: auto;
    padding: 17px;
}


.card-img-top{
    cursor: pointer;
}

#offcanvasBook{
    width: 40%
}
.product-list-filter-price-arabic button{
    font: normal normal bold 17px/24px Neo Sans Arabic !important;
}
.product-list-filter-price-kurdish button{
    font: normal normal bold 17px/24px RudawRegular !important;
}
.product-list-filter-price-arabic {
    font: normal normal bold normal 14px/19px Neo Sans Arabic !important;
}
.product-list-filter-price-kurdish {
    font: normal normal bold normal 14px/19px RudawRegular !important;
}
@media only screen and (max-width: 1000px) {

    .main-img-list{
        height: 150px;
    }
    .centeredEvents{
        display: block;
        /*top: 152px;*/
        top: 120px;
        font: normal normal bold 26px/32px Roboto;
        width: 266px;
        height: 32px;
    }
    .centeredEventsArabic {
        font: normal normal bold 26px/32px Neo Sans Arabic !important;
    }
    .centeredEventsKurdish {
        font: normal normal bold 26px/32px RudawRegular !important;
    }
    .filtrationDiv{
        display: none;
    }
    .products-table-main-div {
        margin-top: 0;
        padding-left: 2px;
        padding-right: 5px;
        width: 100%;
    }
    .eventList{
        padding-left: 0px;
        padding-right: 0px;
    }



    h5{
        font-size: 15px;
    }

    .cardOfNewProducts {
         border: none !important;
        /*width: 152px !important;*/
        width: 100% !important;
         height: 298px !important;
    }

    .categoryNewProduct{
        font: normal normal normal 14px/17px Roboto;
    }
    .categoryNewProductArabic{
        font: normal normal normal 14px/17px Neo Sans Arabic !important;
    }
    .priceNewProduct{
        font: normal normal bold 16px/19px Roboto;
    }

    .priceNewProduct span{
        font: normal normal normal 12px/19px Roboto;
    }


    #cardOfSaleContainer {
        width: 42px !important;
    }

    .newProductsSaleSpan {
        font: normal normal normal 10px/14px Roboto !important;
    }

    /*.rate {*/
    /*    margin-left: 17px  !important;*/
    /*}*/

    .card-img-top {
        width: auto !important;
    }

    .card-img-top{
        height: 165px !important;
    }

    .book-btn {
        width: 103px !important;
        font: normal normal normal 14px/18px Roboto !important;
    }

    .filtrationDivMobile{
        display: block;
    }


    .filters-main-div{
        display: none;
    }


    #offcanvasBook{
        width: 100%
    }


    .sort-by-div{
        float: left
    }
    .products-table-main-div {
        margin-top: 50px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .main-img-list{
        height: 150px;
    }


}

@media only screen and (max-width: 768px) {
    .sort-by-div{
        float: left
    }
    .products-table-main-div {
        margin-top: 50px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .main-img-list{
        height: 150px;
    }

}
@media only screen and (max-width: 900px) {
    .main-img-list
    {
     object-fit: contain;
    }
    .centeredEvents {
        display: block;
        /* top: 152px; */
        top: 167px;
        font: normal normal bold 26px/32px Roboto;
        width: 266px;
        height: 32px;
    }
}

.dropdown-item {
    transition: transform 700ms;
    font: normal normal normal 14px/32px Roboto;
    letter-spacing: 0px;
    color: #000000!important;
    text-transform: uppercase;
    opacity: 1;
     background-color: transparent  !important;
    text-align: left;
    font-weight: 500;
}
.dropdown-item-arabic {
    font: normal normal normal 14px/32px Neo Sans Arabic !important;
    text-align: right !important;
}
.dropdown-item-kurdish {
    font: normal normal normal 14px/32px RudawRegular !important;
    text-align: right !important;
}

.filter-btn{
    width: auto;
    height: 44px;
    text-align: center;
    font: normal normal 500 14px/17px Roboto;
    letter-spacing: 0px;
    border: none;
    margin: 4px;
    transition: transform 700ms;
    position: relative;
    color: black !important;
    background-color: #ffffff !important;
}

.filter-btn:hover{
    color: #FF0000 !important;
    transform: translateX(10px);

}
.filter-btn-arabic{
    font: normal normal 500 14px/17px Neo Sans Arabic !important;
}
.filter-btn-kurdish{
    font: normal normal 500 14px/17px RudawRegular !important;
}