/* Mobile Phones and tablets */

/* By range */
@media (min-width: 320px) and (max-width: 767px) {
    .pagination .page-item.current .page-link {
        font-size: 16px;
        width: 50px;
        height: 50px;
    }

    .pagination li a {
        font-size: 16px;
        width: 50px;
        height: 50px;
    }
}
    .product__img {
        position: relative;
        overflow: hidden;
        /* min-width: 60px;
        max-width: 60px;*/
        text-align: center;
        width: 100%;
    }

    .mob-max-width-60-p {
        max-width: 60% !important;
    }

    .mob-min-height-200 {
        min-height: 200px !important;
    }
}
@media (min-width: 990px) and (max-width: 1430px) {
    .social-icons li {
        margin-top: 10px;
    }
}
/* By point */
@media (max-width: 1350px) {
    .mob-1350-min-height-100 {
        min-height: 100px !important;
    }

   
}
@media (max-width: 1200px) {
    .mob-1200-min-height-200 {
        min-height: 200px !important;
    }
}
@media (max-width: 992px) {
    .mob-992-margin-top-200 {
        margin-top: 200px;
    }
    .mob-992-marin-top-160 {
        margin-top: 160px !important;
    }
    .mob-992-padding-top-20 {
        padding-top: 20px !important;
    }
    .mob-992-min-height-80 {
        min-height: 80px !important;
    }
    .mob-992-min-height-150 {
        min-height: 150px !important;
    }
    .mob-992-min-height-260 {
        min-height: 260px !important;
    }
    .mob-992-max-height-470 {
        max-height: 470px !important;
    }
    .mob-992-order-1 {
        order: 1;
    }

    .mob-992-order-2 {
        order: 2;
    }
    .mob-992-order-3 {
        order: 3;
    }
    .mob-992-order-4 {
        order: 4;
    }
    .mob-992-justify-content-center {
        justify-content:center !important;
    }

}
@media (max-width: 768px) {
    .mob-768-min-height-auto {
        min-height: auto !important;
    }
}
/* Custom CSS */
.custom-logo-size {
    max-height: 55px;
}

.ah-lang-top-link-des {
    font-family: sans-serif;
    font-size: 13px;
    font-weight: 600;
    margin: 0;
    padding: 8px 8px;
    color: var(--white);
   /* background-color: transparent;
    border-color: var(--color-styled-heart);
    border-radius: 2px;*/
}

.ah-lang-top-link-des:hover {
    text-decoration: none;
    /*color: rgb(79, 120, 120);*/
    color: var(--color-def-text);
}
.justify-content-end{
    justify-content:flex-end;
}

    
.max-height-200{
    max-height:200px;
}
.max-height-150 {
    max-height: 150px !important;
}
.border-bot-4px-green-primary {
    border-bottom: 4px solid var(--cus-green-primary);
}
.border-bot-4px-blue-primary {
    border-bottom: 4px solid var(--cus-blue-primary);
}
.border-2px-blue-primary {
    border: 2px solid var(--cus-blue-primary);
}
.border-2px-green-primary {
    border: 2px solid var(--cus-green-primary);
}
.color-green-primary {
    color: var(--cus-green-primary);
}
.color-blue-primary {
    color: var(--cus-blue-primary);
}
.color-white{
    color:var(--white) !important;
}
.color-black-text {
    color: var(--cus-black-text) !important;
}
.max-width-100-p{
    max-width:100% !important;
}
.width-100-p {
    width: 100% !important;
}
.max-width-50-p {
    max-width: 50% !important;
}
.max-width-1600 {
    max-width: 1600px !important;
}
.max-width-1500 {
    max-width: 1500px !important;
}
.width-50-p {
    width: 50% !important;
}
.padding-top-20{
    padding-top:20px !important;
}
.padding-left-100 {
    padding-left: 100px !important;
}
.padding-left-right-100 {
    padding-left: 100px !important;
    padding-right: 100px !important;
}
.padding-25 {
    padding: 25px !important;
}
.padding-30 {
    padding: 30px !important;
}
.padding-left-right-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.font-weight-300, .font-weight-300 li {
    font-weight: 300;
}
.text-underline {
    text-decoration: underline;
}
.custom-list-style-icon:before {
    content: "+" !important;
    
}
.blue-primary-active {
    color: var(--white) !important;
    background-color: var(--cus-blue-primary) !important;
}
.green-primary-active {
    color: var(--white) !important;
    background-color: var(--cus-green-primary) !important;
}
.font-size-16 {
    font-size: 16px !important;
}


.page-title.color-white .breadcrumb-item a,
.page-title.color-white .breadcrumb-item.active,
.page-title.color-white .breadcrumb-item + .breadcrumb-item::before {
    color: var(--white);
}

.pagination .page-item.current .page-link {
    color: var(--white);
    border-color: var(--cus-green-primary);
    background-color: var(--cus-green-primary);
    font-size: 20px;
    font-weight: 700;
    display: block;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 50%;
    transition: all 0.3s linear;
    align-content: center;
}

.max-width-60-p {
    max-width: 60% !important;
}
.product-item {
    box-shadow: 0px 5px 83px 0px rgba(9, 29, 62, 0.15);
    border: 1px solid var(--cus-green-primary);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    margin-left:15px;
}

.product-item:hover {
    transform: translateY(-10px);
    box-shadow: 0px 10px 90px rgba(9, 29, 62, 0.25);
}

    .custom-category-widget .widget-content a {
        padding: 22px 5px !important;
        font-size:14px;
    }

.custom-category-widget .widget-content li {
    margin-top: 10px !important;
}
.flex-direction-column {
    flex-direction: column !important;
}
.min-height-400 {
    min-height: 400px;
}
.top--150 {
    top:-150px;
}