/* Main Page Styles Starts */
section.gallery-detail {
    padding: 180px 0 10px 0;
}

.home-header {
    position: absolute;
    top: 0;
    z-index: 2;
    width: 100%;
    left: 0;
    padding: 25px 40px;
}

.logo {
}

    .logo img {
        max-width: 160px;
    }

.banner {
}

    .banner .banner-img {
        background: #000;
        position: relative;
    }

        .banner .banner-img img {
            max-height: 480px;
            min-height: 350px;
            width: 100%;
            object-fit: cover;
            object-position: center;
            opacity: .6;
        }

.banner-search {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
    max-width: 770px;
    text-align: left;
    left: 0;
    right: 0;
    margin: 0 auto;
    margin-top: 25px;
}


    .banner-search h1 {
        text-align: left;
        color: #fff;
        font-size: 30px;
        font-family: 'Dubai-Bold', Helvetica, sans-serif;
        margin-bottom: 5px
    }

    .banner-search h4 {
        color: #fff;
        font-size: 16px;
        margin-bottom: 25px;
    }


.searchbox {
    display: flex;
    width: 100%;
}

.banner-search .select-input-bg {
    background: #fff;
    padding: 8px 0 8px 8px;
    position: relative;
    z-index: 1;
    border-radius: 3px 0px 0px 3px;
    width: 100%;
    max-width: 165px;
}

    .banner-search .select-input-bg::after {
        display: inline-block;
        content: ".";
        color: transparent;
        width: 1px;
        height: 25px;
        background: #000;
        position: absolute;
        top: 13px;
        right: -4px;
        opacity: .2;
    }

.banner-search .search-input-bg {
    background: #fff;
    padding: 8px 0;
    position: relative;
    width: 100%;
}

.banner-rights {
    position: absolute;
    z-index: 1;
    right: 25px;
    color: rgb(255 255 255 / 80%);
    bottom: 20px;
}

    .banner-rights a {
        color: rgb(255 255 255 / 80%);
        text-decoration: underline;
    }

        .banner-rights a:hover {
            color: #fff;
        }

.banner-search .searchbox .form-control {
    border: none;
    outline: none;
    box-shadow: none;
    border-radius: 0px;
    height: 35px;
    padding-left: 20px;
}

    .banner-search .searchbox .form-control::placeholder {
        color: #A6A6A6;
    }


.banner-search .searchbox .form-select {
    border: none;
    outline: none;
    box-shadow: none;
    border-radius: 3px 0px 0px 3px;
    height: 35px;
    color: #666;
    cursor: pointer;
}

.banner-search .searchbox .form-control:focus {
    outline: 0;
}

.banner-search .searchbox .btn {
    border-radius: 0px 3px 3px 0px;
    padding: 0px 30px;
    background-color: #F28404;
    background-image: url(../images/search-icon.svg);
    border: none;
    box-shadow: none;
    outline: none;
    text-transform: uppercase;
    letter-spacing: .5px;
    height: 51px;
    line-height: 52px;
    color: #fff;
    cursor: pointer;
    background-size: 15px;
    background-position: 25px;
    background-repeat: no-repeat;
    padding-left: 48px;
}

    .banner-search .searchbox .btn:hover {
        background-color: #d37202;
    }

.brws-by-cat {
    padding-top: 50px;
}

    .brws-by-cat h2 {
    }

    .brws-by-cat .brws-cat-slider {
    }

.item-cat {
    background: #000;
    border-radius: 7px;
}

    .item-cat a {
        width: 100%;
        position: relative;
        display: block;
    }

        .item-cat a img {
            min-height: 240px;
            max-height: 240px;
            border-radius: 7px;
            opacity: .8;
            object-fit: cover;
            object-position: center;
            min-width: 100%;
            transition: all .5s;
        }

        .item-cat a:hover img {
            opacity: .5;
            transition: all .5s;
        }

        .item-cat a h4 {
            margin: 0;
            position: absolute;
            bottom: 0;
            color: #fff;
            font-size: 18px;
            padding: 20px 30px;
            width: 100%;
            left: 0;
            z-index: 1;
        }

.brws-cat-slider .owl-nav {
    position: absolute;
    top: -50px;
    margin: 0;
    right: 0;
    margin: 0;
}

    .brws-cat-slider .owl-nav button {
        margin: 0;
        background-repeat: no-repeat !important;
        width: 24px;
        height: 18px;
        background-size: contain !important;
    }

    .brws-cat-slider .owl-nav [class*=owl-]:hover {
        background-color: unset !important;
    }

    .brws-cat-slider .owl-nav .owl-prev {
        background-image: url(../images/arrow-right.svg) !important;
        position: relative;
        top: 0px;
        transform: rotate(180deg);
        opacity: .5;
    }

        .brws-cat-slider .owl-nav .owl-prev:hover {
            opacity: 1;
        }


    .brws-cat-slider .owl-nav .owl-next {
        background-image: url(../images/arrow-right.svg) !important;
    }


    .brws-cat-slider .owl-nav button span {
        display: none;
    }

.rcntly-uploaded {
    padding: 50px 0 25px;
}

    .rcntly-uploaded h2 {
    }

.rec-ittm {
    border-radius: 7px;
    margin-bottom: 25px;
    transition: all .5s;
    background: #000;
}

    .rec-ittm i.fa-magnifying-glass-plus {
        position: absolute;
        left: 0;
        right: 0;
        text-align: center;
        width: 40px;
        margin: 0 auto;
        height: 40px;
        color: #fff;
        font-size: 25px;
        top: calc(50% - 18px);
        opacity: 0;
        transition: all .5s;
    }

    .rec-ittm:hover i.fa-magnifying-glass-plus {
        opacity: 0.8;
        transition: all .5s;
    }

.rcntly-uploaded .rec-ittm img.up-img {
    min-height: 280px;
    max-height: 280px;
}

.rec-ittm img.up-img {
    border-radius: 7px;
    min-width: 100%;
    object-fit: cover;
    object-position: center;
    transition: all .5s;
}

.rec-ittm:hover img.up-img {
    opacity: .5;
    transition: all .5s;
}

.rec-ittm a {
    position: relative;
    display: flex;
    width: 100%;
    overflow: hidden;
}


.rec-ittm .icons {
    position: absolute;
    top: 0;
    padding: 22px 20px;
    opacity: 0;
    right: -60px;
    transition: all .5s;
}

.rec-ittm:hover .icons {
    right: 0px;
    opacity: 1;
    transition: all .5s;
}

.rec-ittm .icons i {
    color: #4A4A4A;
    background: #fff;
    padding: 11px;
    font-size: 14px;
    padding-bottom: 0;
    display: block;
    text-align: center;
    width: 36px;
}

    .rec-ittm .icons i:last-child {
        padding-bottom: 11px;
        border-radius: 0px 0px 3px 3px;
    }

    .rec-ittm .icons i:first-child {
        border-radius: 3px 3px 0px 0px;
    }

.rec-ittm .rec-item-pro {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px 25px;
    display: flex;
    align-items: center;
    opacity: 0;
    bottom: -60px;
    transition: all .7s;
}

.rec-ittm:hover .rec-item-pro {
    opacity: 1;
    bottom: 0px;
    transition: all .7s;
}

.rec-ittm .rec-item-pro img {
    width: 37px;
    height: 37px;
    border-radius: 100px;
    object-fit: cover;
    object-position: center;
    border: 2px solid rgb(255 255 255 / 40%);
}

.rec-ittm .rec-item-pro h5 {
    color: #fff;
    font-size: 16px;
    margin: 0;
    line-height: 10px;
    margin-left: 12px;
}


    .rec-ittm .rec-item-pro h5 span {
        display: block;
        font-size: 13px;
        margin-top: 5px;
        opacity: .7;
    }

.members {
}

    .members .member-slider {
    }

    .members h2 a {
        float: right;
        font-size: 15px;
        position: relative;
        margin-top: 12px;
        font-family: 'Dubai-Regular', Helvetica, sans-serif;
        opacity: .7;
    }

        .members h2 a i {
            font-size: 13px;
            margin-left: 5px;
        }

        .members h2 a:hover {
            opacity: 1;
        }


.item-member {
    background: #f1f1f1;
    border-radius: 3px;
}

    .item-member a {
        padding: 30px 20px;
        display: inline-block;
        width: 100%;
        text-align: center;
    }

    .item-member img {
        min-width: 132px;
        max-width: 132px;
        width: 100%;
        min-height: 132px;
        max-height: 132px;
        border-radius: 100%;
        object-fit: cover;
        object-position: center;
        border: 5px solid #fff;
        margin: 0 auto;
    }

    .item-member h4 {
        color: #222;
        font-size: 17px;
        font-family: 'Dubai-Bold', Helvetica, sans-serif;
        margin: 20px 0 4px;
    }

        .item-member h4 span {
            font-family: 'Dubai-Normal', Helvetica, sans-serif;
            font-size: 13px;
            color: #888;
        }

    .item-member span.cats {
        display: block;
        max-height: 18px;
        overflow: hidden;
    }

    .item-member em {
        font-size: 13px;
        color: #666;
        font-style: normal;
        margin-right: 2px;
    }

    .item-member .member-btn {
        display: block;
        background: #F19020;
        padding: 10px 10px 8px;
        color: #fff;
        letter-spacing: .5px;
        border-radius: 3px;
        max-width: 125px;
        margin: 0 auto;
        margin-top: 12px;
        transition: all .5s;
    }

        .item-member .member-btn:hover {
            background-color: #d37202;
            transition: all .5s;
        }

.pop-searches {
    padding: 50px 0;
}

.tag {
    color: #555;
    background: #F6F6F6;
    border: 1px solid rgb(0 0 0 / 30%);
    display: inline-block;
    padding: 8px 20px 6px;
    border-radius: 100px;
    margin-bottom: 10px;
    margin-right: 5px;
}

    .tag:hover {
        color: #222;
        background: #e7e7e7;
    }

footer {
}

    footer .footer-top {
        background-color: #1d1d1b;
        padding: 50px 0;
    }

        footer .footer-top .footer-abt {
            max-width: 300px;
        }

            footer .footer-top .footer-abt .logo-f {
                max-width: 40px;
                min-width: 40px;
                margin-bottom: 20px;
            }

            footer .footer-top .footer-abt h6 {
                color: #ccc;
                text-transform: uppercase;
                font-family: Dubai-Bold,Helvetica,sans-serif;
                margin-bottom: 25px;
            }

            footer .footer-top .footer-abt p {
                color: #ccc;
                margin-bottom: 12px;
            }

            footer .footer-top .footer-abt a.view-details {
                display: inline-block;
                background: #F19020;
                padding: 8px 16px 7px;
                color: #fff;
                letter-spacing: .5px;
                border-radius: 3px;
                margin: 0 auto;
                transition: all .5s;
                font-size: 14px;
            }

                footer .footer-top .footer-abt a.view-details:hover {
                    background: #d37202;
                }

        footer .footer-top .quicklinks {
        }

            footer .footer-top .quicklinks h6 {
                color: #ccc;
                text-transform: uppercase;
                font-family: Dubai-Bold,Helvetica,sans-serif;
                margin-bottom: 25px;
            }

            footer .footer-top .quicklinks a {
                color: #ccc;
                margin-bottom: 6px;
                display: block;
                font-size: 14px;
            }

                footer .footer-top .quicklinks a:hover {
                    color: #F19020;
                }

    footer .footer-bottom {
        background-color: #000;
        padding: 22px 0;
    }

        footer .footer-bottom .row {
            flex-direction: row-reverse !important;
        }

        footer .footer-bottom .copyrights {
        }

            footer .footer-bottom .copyrights p {
                margin: 0;
                font-size: 14px;
                color: #ccc;
            }

        footer .footer-bottom .social-links {
            text-align: right;
        }

            footer .footer-bottom .social-links a {
            }

                footer .footer-bottom .social-links a i {
                    color: #e5e5e5;
                    margin: 0 7px;
                    font-size: 14px;
                }

                footer .footer-bottom .social-links a:hover i {
                    color: #F19020;
                }

/* Main Page Styles ends */


/* Inner Header Starts */


.header-inner {
    width: 100%;
    padding: 12px 40px;
    border-bottom: 1px solid #e7e7e7;
    transition: all .5s;
}

    .header-inner.sticky {
        height: auto;
        position: fixed !important;
        top: 0px;
        z-index: 100;
        box-shadow: 0px 0px 30px 2px rgba(0, 0, 0, 0.4117647058823529);
        width: 100%;
        background: #fff;
        padding: 8px 40px;
        transition: all .5s;
    }

    .header-inner .logo {
    }

.logo-desk {
    display: block;
}

.logo-mob {
    display: none;
}

.header-inner .logo img {
    max-width: 160px;
    position: relative;
    top: 8px;
}

.header-inner .select-input-bg {
    background: #f1f1f1;
    padding: 6px 0 6px 8px;
    position: relative;
    z-index: 1;
    border-radius: 3px 0px 0px 3px;
    width: 100%;
    max-width: 165px;
    border: 1px solid rgb(0 0 0 / 10%);
    border-right: none;
}

    .header-inner .select-input-bg::after {
        display: inline-block;
        content: ".";
        color: transparent;
        width: 1px;
        height: 25px;
        background: #000;
        position: absolute;
        top: 13px;
        right: -4px;
        opacity: .2;
    }

.header-inner .search-input-bg {
    background: #f1f1f1;
    padding: 6px 0;
    position: relative;
    width: 100%;
    border: 1px solid rgb(0 0 0 / 10%);
    border-left: none;
}

.header-inner .searchbox .form-control {
    border: none;
    outline: none;
    box-shadow: none;
    border-radius: 0px;
    height: 35px;
    background: #f1f1f1;
    padding-top: 9px;
    padding-left: 20px;
}

    .header-inner .searchbox .form-control::placeholder {
        color: #A6A6A6;
    }


.header-inner .searchbox .form-select {
    border: none;
    outline: none;
    box-shadow: none;
    border-radius: 3px 0px 0px 3px;
    height: 35px;
    color: #666;
    cursor: pointer;
    background-color: #f1f1f1;
    padding-top: 7px;
}

.header-inner .searchbox .form-control:focus {
    outline: 0;
}

.header-inner .searchbox .btn {
    border-radius: 0px 3px 3px 0px;
    padding: 0px 30px;
    background-color: #F28404;
    background-image: url(../images/search-icon.svg);
    border: none;
    box-shadow: none;
    outline: none;
    text-transform: uppercase;
    letter-spacing: .5px;
    height: 51px;
    line-height: 52px;
    color: #fff;
    cursor: pointer;
    background-size: 15px;
    background-position: 25px;
    background-repeat: no-repeat;
    padding-left: 48px;
}

    .header-inner .searchbox .btn:hover {
        background-color: #d37202;
    }

/* Inner Header Ends */


/* Member Listing Page Starts */

.members-listing {
    padding: 25px 40px;
}

    .members-listing .listing-heading {
    }

        .members-listing .listing-heading h2 {
        }

.sort-by {
    font-size: 15px;
    font-family: 'Dubai-Regular', Helvetica, sans-serif;
    display: inline-block;
    float: right;
}

    .sort-by label {
        color: #000;
        opacity: .5;
        margin-bottom: 0;
        margin-right: 5px;
    }

    .sort-by select {
        border: none;
        outline: none;
        box-shadow: none;
        cursor: pointer;
    }



.members-listing .item-member {
    margin-bottom: 25px;
}

.load-more-btn {
    display: block;
    background: #1d1d1b;
    padding: 12px 20px;
    color: #d5d5d5;
    letter-spacing: .5px;
    border-radius: 3px;
    max-width: 150px;
    margin: 0 auto;
    margin-top: 20px;
    transition: all .5s;
    text-align: center;
    font-size: 16px;
    font-family: 'Dubai-Medium', Helvetica, sans-serif;
}

    .load-more-btn i {
        margin-left: 5px;
        position: relative;
        top: 2px;
        transition: all .5s;
    }

    .load-more-btn:hover {
        color: #fff;
        background: #111;
    }

.img-listing-bg .load-more-btn {
    margin-bottom: 30px;
    margin-top: 30px;
}

/* Member Listing Page Ends */


/* Member Detail Starts */

.social-share {
    position: relative;
    z-index: 9;
    display: inline-block;
    padding-left: 25px;
    margin-left: 15px;
    border-left: 1px solid #bdbdbd;
}

    .social-share a.btn-share {
        padding: 3px 12px;
        background: #f1f1f1;
        border-radius: 3px;
        border: 1px solid #c9c9c9;
        color: #666;
    }

    .social-share a i {
        margin-right: 5px;
    }

    .social-share .share-box-social {
        opacity: 0;
        visibility: hidden;
        position: absolute;
        left: -12px;
        bottom: 30px;
        background: #f28404;
        padding: 10px;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        border-radius: 3px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        min-width: 120
    }

    .social-share:hover .share-box-social {
        opacity: 1;
        visibility: visible;
        margin-bottom: 6px;
    }

    .social-share .share-box-social:before {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px 6px 0 6px;
        border-color: #f28404 transparent transparent transparent;
        content: "";
        position: absolute;
        left: 50%;
        bottom: -6px;
        z-index: 99;
        margin-left: -3px;
    }

    .social-share .share-box-social li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .social-share .share-box-social li a {
            padding: 0 8px;
            color: #ffffff;
            font-size: 12px;
        }

.members-detail {
}

    .members-detail .member-banner {
        background: #000;
    }

        .members-detail .member-banner img {
            max-height: 200px;
            min-width: 100%;
            object-fit: cover;
            object-position: center;
        }

    .members-detail .member-profile-bg {
        padding: 0px 40px;
    }

        .members-detail .member-profile-bg .member-profile {
            position: relative;
            margin-top: -62px;
            margin-bottom: 25px;
        }

            .members-detail .member-profile-bg .member-profile img {
                min-width: 120px;
                max-width: 120px;
                width: 100%;
                min-height: 120px;
                max-height: 120px;
                border-radius: 100%;
                object-fit: cover;
                object-position: center;
                border: 5px solid #fff;
                margin: 0 auto;
                position: relative;
                left: -5px;
            }

            .members-detail .member-profile-bg .member-profile h4 {
                font-size: 25px;
                color: #000000;
                margin-bottom: 5px;
                font-family: 'Dubai-Bold', Helvetica, sans-serif;
                line-height: 20px;
                margin-top: 20px;
            }

            .members-detail .member-profile-bg .member-profile p {
                opacity: .7;
                margin-bottom: 8px;
            }

            .members-detail .member-profile-bg .member-profile .area {
                margin-bottom: 10px;
                display: block;
            }

                .members-detail .member-profile-bg .member-profile .area em {
                    font-style: normal;
                    margin-right: 20px;
                    opacity: .7;
                }

                    .members-detail .member-profile-bg .member-profile .area em::after {
                        content: ".";
                        color: transparent;
                        width: 4px;
                        height: 4px;
                        background: #959595;
                        display: inline-block;
                        position: relative;
                        top: 8px;
                        left: 12px;
                        border-radius: 100px;
                    }

                    .members-detail .member-profile-bg .member-profile .area em:last-child:after {
                        display: none;
                    }




            .members-detail .member-profile-bg .member-profile .awrds {
                margin-bottom: 20px;
            }

                .members-detail .member-profile-bg .member-profile .awrds h6 {
                    color: #000000;
                    margin-bottom: 8px;
                    font-family: 'Dubai-Bold', Helvetica, sans-serif;
                    line-height: 20px;
                    margin-top: 20px;
                    font-size: 15px;
                }

                .members-detail .member-profile-bg .member-profile .awrds .ache-item {
                    font-family: 'Dubai-Bold', Helvetica, sans-serif;
                    display: inline-block;
                    margin-right: 20px;
                    border-right: 1px solid #ddd;
                    padding-right: 20px;
                    line-height: 16px;
                }

                    .members-detail .member-profile-bg .member-profile .awrds .ache-item:last-child {
                        border-right: none;
                    }

                    .members-detail .member-profile-bg .member-profile .awrds .ache-item small {
                        font-family: 'Dubai-Regular', Helvetica, sans-serif;
                        display: block;
                        opacity: .5;
                    }

            .members-detail .member-profile-bg .member-profile .views {
            }

                .members-detail .member-profile-bg .member-profile .views .view-item {
                    font-family: 'Dubai-Bold', Helvetica, sans-serif;
                    display: inline-block;
                    line-height: 16px;
                }

                    .members-detail .member-profile-bg .member-profile .views .view-item small {
                        font-family: 'Dubai-Regular', Helvetica, sans-serif;
                        display: block;
                        opacity: .5;
                    }

    .members-detail .social-bg {
        text-align: right;
    }

    .members-detail .follow-me {
        display: inline-block;
        margin-top: 30px;
        text-align: left;
    }

        .members-detail .follow-me span {
            display: block;
            opacity: .5;
            font-size: 14px;
            margin-bottom: 5px;
        }

        .members-detail .follow-me a {
            display: inline-block;
            margin-right: 12px;
        }

            .members-detail .follow-me a i {
                font-size: 16px;
                color: #222;
            }


            .members-detail .follow-me a:hover i {
                color: #F28404;
            }


.member-images {
    padding: 0px 40px;
    padding-bottom: 50px;
}

    .member-images .load-more-btn {
        margin-top: 30px;
    }

    .member-images h2 {
        font-size: 20px;
        margin-bottom: 12px;
    }

    .member-images .tag {
    }

.images-listing {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr)); /* Responsive column widths */
    grid-auto-flow: 10px; /* Allow items to fill gaps */
    gap: 10px; /* Space between grid items */
    margin-top: 10px; /* Margin at the top */
}

    .images-listing .rec-ittm {
        border-radius: 5px; /* Rounded corners for each item */
        overflow: hidden; /* Ensures content fits within rounded corners */
    }

        .images-listing .rec-ittm img.up-img {
            width: 100%; /* Image spans full width of its container */
            height: auto; /* Maintains aspect ratio */
            border-radius: 4px; /* Rounded corners for the image */
            object-fit: cover; /* Keeps images neat within the grid */
        }

        /* Custom heights for masonry effect (example) */
        .images-listing .rec-ittm:nth-child(1) {
            grid-row: span 2;
        }

        .images-listing .rec-ittm:nth-child(2) {
            grid-row: span 3;
        }

        .images-listing .rec-ittm:nth-child(3) {
            grid-row: span 2;
        }

        .images-listing .rec-ittm:nth-child(4) {
            grid-row: span 1;
        }
/* Repeat as needed for varying heights */


 

 
/* Member Detail Ends */



/* Cat Listing Style Starts */


.img-listing-bg {
    padding: 0px 40px;
}


.sidebar-list {
    border-right: 1px solid #e7e7e7;
    height: 100%;
}

#my-side-menu.collapse:not(.show) {
    display: block;
}


.mob-heading-sidebar a h2 {
    text-transform: uppercase;
    font-size: 16px;
    color: #222;
    margin: 0;
    padding: 18px 20px;
    padding-left: 0;
}

    .mob-heading-sidebar a h2 .fa-sliders {
        margin-right: 7px;
        font-size: 15px;
    }

    .mob-heading-sidebar a h2 .fa-arrow-right-arrow-left {
        font-size: 15px;
        float: right;
    }

.clear-all {
    background: unset;
    border: unset;
    outline: unset;
    box-shadow: unset;
    float: right;
    font-size: 14px;
    font-family: 'Dubai-Regular', Helvetica, sans-serif;
    opacity: .5;
    padding: 0;
}

    .clear-all:hover {
        opacity: .7;
    }

    .clear-all i {
        position: relative;
        top: 1px;
        margin-left: 2px;
    }

.sidebar-bg {
    max-width: 310px;
}

    .sidebar-bg .sidebar {
        padding: 25px;
        background: #fff;
        border-radius: 5px;
    }

        .sidebar-bg .sidebar #my-side-menu {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .sidebar-bg .sidebar .side-nav-item {
        }

            .sidebar-bg .sidebar .side-nav-item.last-item {
                margin-top: 30px;
            }

                .sidebar-bg .sidebar .side-nav-item.last-item a {
                    color: #dc3545 !important;
                }

            .sidebar-bg .sidebar .side-nav-item.active {
            }

            .sidebar-bg .sidebar .side-nav-item a {
                display: block;
                padding: 15px 25px;
                color: #000000;
                border-radius: 5px;
            }

                .sidebar-bg .sidebar .side-nav-item a i {
                    margin-right: 7px;
                    font-size: 17px;
                    position: relative;
                    top: 2px;
                }

            .sidebar-bg .sidebar .side-nav-item.active a {
                background: #db1f26;
                color: #fff !important;
            }

            .sidebar-bg .sidebar .side-nav-item:hover a {
                color: #db1f26;
            }

                .sidebar-bg .sidebar .side-nav-item:hover a i {
                }

            .sidebar-bg .sidebar .side-nav-item.active a i {
            }



.listing-sidebar {
    padding: 0;
}

#my-filter.collapse:not(.show) {
    display: block;
}

.listing-sidebar .home-ad-2 a {
    margin: 20px 0 0;
}

.filters {
}

    .filters .accordion {
    }

        .filters .accordion .accordion-item {
            border-radius: 0;
            border: none;
        }


            .filters .accordion .accordion-item h2 {
                margin-bottom: 0;
            }

                .filters .accordion .accordion-item h2 button {
                    outline: none;
                    box-shadow: none;
                    border-radius: 0;
                    color: #222;
                    background-color: unset;
                    padding: 16px 0px 12px;
                    font-family: 'Dubai-Medium', Helvetica, sans-serif;
                    font-size: 15px;
                    border-top: 1px solid #e7e7e7;
                    padding-right: 20px;
                }

        .filters .accordion .accordion-button::after {
            content: "\f105";
            background: unset;
            font-family: FontAwesome;
            text-align: right;
            font-size: 14px;
            transform: unset;
        }


        .filters .accordion .accordion-button:not(.collapsed)::after {
            content: "\f107";
            background: unset;
            font-family: FontAwesome;
            text-align: right;
            font-size: 14px;
        }

        .filters .accordion .accordion-item .accordion-collapse {
        }

            .filters .accordion .accordion-item .accordion-collapse .accordion-body {
                padding: 0px;
                padding-top: 5px;
                padding-bottom: 15px;
                padding-right: 10px;
            }

.custom-radio {
    display: inline-block;
}

.radio-custom-label {
    cursor: pointer;
    color: #333;
    background: #fff;
    border: 1px solid rgb(0 0 0 / 15%);
    display: inline-block;
    padding: 4px 10px 3px;
    border-radius: 5px;
    margin-bottom: 7px;
    font-size: 14px;
    margin-right: 2px;
}

    .radio-custom-label:hover {
        background: #F6F6F6;
    }

.filters .radio-custom-label em {
    padding-left: 0px;
    top: 0px;
    font-style: normal;
}

.filters .accordion .radio-custom {
    position: absolute;
    opacity: 0;
}

    .filters .accordion .radio-custom:checked + .radio-custom-label {
        border: 1px solid #00aac6;
        background: #00aac6;
        color: #fff;
    }

.filters .accordion .accordion-item .price-range-header button:after {
    display: none;
}

.filters .accordion .accordion-item .accordion-collapse .accordion-body.price-range-body {
    padding-bottom: 0px;
    padding-top: 11px;
}

/*Sidebar Ends*/

.img-list-text {
    padding-top: 40px;
    padding-left: 25px;
}

    .img-list-text h2 {
        font-size: 20px;
    }

.img-listing-bg .images-listing {
    padding-left: 25px;
}

/* Cat Listing Style Ends */

/* Image Detail Styles Starts */

.image-detail {
    padding: 0 40px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 30px;
}

.img-preview {
    padding-top: 35px;
    text-align: center;
}

    .img-preview h2 {
        font-size: 20px;
        margin-bottom: 5px;
    }

    .img-preview p {
        margin: 0;
        text-align: left;
        opacity: .8;
    }

    .img-preview .big-img {
        max-height: 550px;
        text-align: center;
        margin: 0 auto;
        margin-top: 25px;
        border: 1px solid #d3d3d3;
        border-radius: 3px;
    }

.media-details {
    height: 100%;
    border-left: 1px solid #e7e7e7;
    padding-left: 30px;
    padding-top: 35px;
    border-bottom: 1px solid #e7e7e7;
}

    .media-details h3 {
        font-size: 15px;
        font-family: 'Dubai-Bold', Helvetica, sans-serif;
        margin: 0;
    }

        .media-details h3 a {
            display: block;
            color: #222;
        }



            .media-details h3 a i {
                float: right;
                display: none;
            }

    .media-details .collapse:not(.show) {
        display: block;
    }


    .media-details .view-box-bg {
        background: #F6F6F6;
        padding: 20px;
        border-radius: 3px;
        margin-top: 15px;
    }

    .media-details .view-box {
        display: flex;
        justify-content: space-between;
        margin-bottom: 20px;
    }

        .media-details .view-box .view-box-item {
            display: inline-block;
            color: #222;
        }

            .media-details .view-box .view-box-item i {
                display: block;
                font-size: 13px;
                margin-bottom: 5px;
            }

            .media-details .view-box .view-box-item span {
                line-height: 10px;
                font-family: 'Dubai-Bold', Helvetica, sans-serif;
            }

                .media-details .view-box .view-box-item span small {
                    display: block;
                    opacity: .6;
                    font-size: 12px;
                    font-family: 'Dubai-Regular', Helvetica, sans-serif;
                }

    .media-details .dates {
        display: inline-block;
        width: 100%;
    }

        .media-details .dates span {
            font-size: 14px;
            opacity: .7;
            line-height: 18px;
            display: block;
        }

.media-cats {
    border-top: 1px solid #e7e7e7;
    padding-top: 18px;
    margin-top: 23px;
}

    .media-cats h4 {
        font-size: 15px;
        color: #222;
    }

    .media-cats .tag {
    }

.media-tags {
    border-top: 1px solid #e7e7e7;
    padding-top: 20px;
    margin-top: 15px;
}

    .media-tags h4 {
        font-size: 15px;
        color: #222;
    }

    .media-tags .tag, .media-cats .tag {
        padding: 5px 12px 4px;
        border-radius: 3px;
        font-size: 14px;
        margin-bottom: 7px;
        margin-right: 3px;
        background: #F6F6F6;
        border: 1px solid rgb(0 0 0 / 20%);
        color: #7f7f7f;
    }

        .media-tags .tag:hover, .media-cats .tag:hover {
            color: #222;
            background: #e7e7e7;
        }

.img-specs {
    border-top: 1px solid #e7e7e7;
    padding-top: 20px;
    margin-top: 15px;
}

    .img-specs h4 {
        font-size: 15px;
        color: #222;
    }

    .img-specs p {
        margin: 0;
        font-size: 14px;
    }

    .img-specs span {
        display: block;
        line-height: 21px;
        opacity: .9;
    }

        .img-specs span em {
            font-size: 16px;
            font-style: normal;
            margin-bottom: 6px;
            display: block;
            font-family: 'Dubai-Medium', Helvetica, sans-serif;
        }

.member-profile {
    padding-top: 30px;
}

    .member-profile .member-pro {
        width: 100%;
        display: flex;
        align-items: center;
        transition: all .7s;
        margin-bottom: 15px;
    }

        .member-profile .member-pro img {
            width: 50px;
            height: 50px;
            border-radius: 100px;
            object-fit: cover;
            object-position: center;
            border: 1px solid #c7c7c7;
        }

        .member-profile .member-pro h5 {
            font-size: 17px;
            margin: 0;
            line-height: 12px;
            margin-left: 12px;
            font-family: 'Dubai-Bold', Helvetica, sans-serif;
        }

            .member-profile .member-pro h5 span {
                display: block;
                font-size: 14px;
                margin-top: 5px;
                opacity: .7;
                font-family: 'Dubai-Regular', Helvetica, sans-serif;
            }

    .member-profile p {
        opacity: .8;
        margin-bottom: 8px;
    }

    .member-profile .area {
        display: block;
    }

        .member-profile .area em {
            font-style: normal;
            margin-right: 20px;
            opacity: .7;
        }

            .member-profile .area em::after {
                content: ".";
                color: transparent;
                width: 4px;
                height: 4px;
                background: #959595;
                display: inline-block;
                position: relative;
                top: 8px;
                left: 12px;
                border-radius: 100px;
            }

            .member-profile .area em:last-child:after {
                display: none;
            }


/* Image Detail Styles Ends */


/* Terms Styles Starts */

.terms {
    background: #f1f1f1;
    padding: 50px 20px;
}

    .terms h2 {
    }

    .terms h3 {
        text-align: left;
        font-size: 20px;
        color: #000000;
        margin-bottom: 10px;
        font-family: 'Dubai-Bold', Helvetica, sans-serif;
        line-height: 18px;
        margin-top: 22px;
    }

    .terms h4 {
        text-align: left;
        font-size: 18px;
        color: #000000;
        margin-bottom: 10px;
        font-family: 'Dubai-Bold', Helvetica, sans-serif;
        margin-top: 20px;
    }

    .terms h5 {
        text-align: left;
        font-size: 16px;
        color: #000000;
        margin-bottom: 10px;
        font-family: 'Dubai-Bold', Helvetica, sans-serif;
        margin-top: 20px;
    }

    .terms p {
        margin-bottom: 10px;
        opacity: .8;
    }

    .terms ul {
        opacity: .8;
    }

        .terms ul li {
        }

    .terms a {
        color: #F28404;
    }

/* Terms Styles Ends */

/* Filters Starts */

.filter {
    padding: 25px;
    background: #f1f1f1;
    border-radius: 4px;
    margin-bottom: 30px;
}

    .filter h4 {
        font-family: 'Dubai-Bold', Helvetica, sans-serif;
        font-size: 20px;
    }

    .filter .input-filter {
    }

        .filter .input-filter label, .filter .input-filter.sort-by label {
            display: block;
            text-align: left;
            color: #000;
            opacity: 1;
            margin-bottom: 5px;
        }

        .filter .input-filter select {
            box-shadow: none;
            border-radius: 3px;
            outline: none;
            padding: 10px 15px;
            border: 1px solid #e5e5e5;
            cursor: pointer;
            width: 100%;
        }

        .filter .input-filter.sort-by {
            max-width: 160px;
            margin: 0 0 0 auto;
            width: 100%;
        }


        .filter .input-filter .filter-btn {
            background: #1d1d1b;
            padding: 12px 35px;
            color: #ffffff;
            letter-spacing: .5px;
            border-radius: 3px;
            max-width: 150px;
            margin: 0 auto;
            margin-top: 28px;
            transition: all .5s;
            font-size: 16px;
            font-family: 'Dubai-Medium', Helvetica, sans-serif;
            border: none;
        }


/* Filter Ends */
@media (min-width: 1400px) {
    .container-gc {
        max-width: 1280px;
        width: 1280px;
    }
}



@media screen and (max-width: 767px) {

    header {
        padding: 12px 0;
    }

        header .menu-btn {
            position: relative;
            z-index: 999;
            cursor: pointer;
            width: 24.5px;
            height: 30px;
            margin-left: 34px;
            -webkit-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
            -webkit-transform: translateY(-37px);
            -moz-transform: translateY(-37px);
            transform: translateY(-37px);
            position: absolute;
            right: 15px;
            top: 50px;
            background: none;
            border: none;
            outline: none;
        }

            header .menu-btn.is-active {
                right: 17px;
                z-index: 10000;
            }

            header .menu-btn > span {
                width: 100%;
                height: 4px;
                background: #c5132b;
                position: absolute;
                right: 0;
                -webkit-transition: all .3s ease-in-out;
                -moz-transition: all .3s ease-in-out;
                transition: all .3s ease-in-out;
                -webkit-border-radius: 6px;
                -moz-border-radius: 6px;
                border-radius: 6px;
            }

    .fancybox-slide--iframe .fancybox-content {
        height: unset;
    }

    header .menu-btn > span {
        -webkit-transition: transform .3s ease-in-out, opacity .3s ease-in-out, transform-origin .3s ease-in-out, background .3s ease-in-out;
        -moz-transition: transform .3s ease-in-out, opacity .3s ease-in-out, transform-origin .3s ease-in-out, background .3s ease-in-out;
        transition: transform .3s ease-in-out, opacity .3s ease-in-out, transform-origin .3s ease-in-out, background .3s ease-in-out;
    }

    header .menu-btn > span {
        -webkit-transition: transform .3s ease-in-out, opacity .3s ease-in-out, transform-origin .3s ease-in-out, background .3s .6s ease-in-out;
        -moz-transition: transform .3s ease-in-out, opacity .3s ease-in-out, transform-origin .3s ease-in-out, background .3s .6s ease-in-out;
        transition: transform .3s ease-in-out, opacity .3s ease-in-out, transform-origin .3s ease-in-out, background .3s .6s ease-in-out;
    }

        header .menu-btn > span:first-child {
            top: 0;
        }

        header .menu-btn > span:nth-child(2) {
            top: 8px;
        }

        header .menu-btn > span:last-child {
            top: 16px;
            width: 15px;
        }

    header .menu-btn.is-active > span:first-child {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: right top;
        transform-origin: right top;
    }

    header .menu-btn.is-active > span:nth-child(2) {
        opacity: 0;
    }

    header .menu-btn.is-active > span:last-child {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        width: 100%;
    }

    .d-xs-none {
        display: none;
    }

    .d-xs-block {
        display: block;
    }

    .social-icons-mob .lang-change {
        float: right;
        margin: 0;
    }

    .lang-change {
        font-family: 'Cairo', sans-serif !important;
        background: #9e0d21;
        color: #fff;
        margin-right: 10px;
    }

    h1 {
        font-size: 30px;
        margin-bottom: 20px;
    }

    h2 {
        font-size: 18px;
        margin-bottom: 10px;
    }


    /* Home page style Starts */


    .banner .banner-img img {
        opacity: .4;
    }


    .home-header {
        padding: 15px 0px;
    }

    .logo img {
        max-width: 130px;
    }

    .banner-search {
        margin-top: 25px;
        padding: 0 15px;
    }

        .banner-search h1 {
            font-size: 24px;
            margin-bottom: 10px;
            line-height: 27px;
        }


        .banner-search .searchbox .btn {
            padding: 0px 21px;
            height: 48px;
            line-height: 50px;
            background-size: 13px;
            background-position: 18px;
            padding-left: 40px;
        }

        .banner-search .search-input-bg {
            padding: 6px 0;
            border-radius: 3px 0px 0px 3px;
        }

        .banner-search .select-input-bg {
            display: none;
        }

    .banner-rights {
        right: 15px;
        bottom: 13px;
    }

    .brws-by-cat {
        padding-top: 20px;
    }

    .brws-cat-slider .owl-nav button {
        width: 18px;
        height: 14px;
    }

    .brws-cat-slider .owl-nav {
        top: -34px;
    }

    .item-cat a img {
        min-height: 140px;
        max-height: 140px;
    }

    .item-cat a h4 {
        font-size: 16px;
        padding: 12px 20px;
    }

    .rcntly-uploaded {
        padding: 25px 0 5px;
    }


    .rec-ittm {
        margin-bottom: 15px;
    }

        .rec-ittm i.fa-magnifying-glass-plus {
            opacity: 0;
            display: none;
        }

        .rec-ittm .icons {
            right: 0px;
            opacity: 1;
            padding: 15px 15px;
        }

        .rec-ittm .rec-item-pro {
            opacity: 1;
            bottom: 0px;
            padding: 15px 15px;
        }


    .rcntly-uploaded .rec-ittm img.up-img {
        min-height: 210px;
        max-height: 210px;
    }

    .rec-ittm img.up-img {
        opacity: .5;
    }

    .rec-ittm .rec-item-pro img {
        display: none;
    }

    .rec-ittm .rec-item-pro h5 {
        font-size: 14px;
        margin-left: 0px;
    }

    .rec-ittm .icons i {
        padding: 9px 7px;
        font-size: 11px;
        padding-bottom: 0;
        width: 29px;
        margin-top: -1px;
    }


    .rcntly-uploaded .col-6:nth-child(even) {
        padding-right: 7px;
    }

    .rcntly-uploaded .col-6:nth-child(odd) {
        padding-left: 7px;
    }

    .item-member img {
        min-width: 80px;
        max-width: 80px;
        min-height: 80px;
        max-height: 80px;
        border: 3px solid #fff;
    }

    .item-member h4 {
        color: #222;
        font-size: 15px;
        margin: 8px 0 2px;
    }

    .item-member em {
        display: none;
    }

    .item-member .member-btn {
        padding: 7px 8px 5px;
        max-width: 105px;
        margin-top: 6px;
        font-size: 14px;
    }

    .item-member a {
        padding: 20px;
    }

    .pop-searches {
        padding: 20px 0;
    }

    .tag {
        padding: 4px 12px 3px;
        margin-bottom: 6px;
        margin-right: 1px;
        font-size: 13px;
    }

    footer .footer-top .footer-abt {
        max-width: 100%;
    }


        footer .footer-top .footer-abt .logo-f {
            display: none;
        }

        footer .footer-top .footer-abt h6 {
            margin-bottom: 10px;
            font-size: 14px;
        }

        footer .footer-top .footer-abt p {
            margin-bottom: 8px;
        }

        footer .footer-top .footer-abt a.view-details {
            padding: 6px 14px 5px;
            border-radius: 3px;
            font-size: 14px;
        }

    footer .footer-top .quicklinks {
        margin-top: 18px;
    }

        footer .footer-top .quicklinks h6 {
            margin-bottom: 6px;
        }

        footer .footer-top .quicklinks a {
            margin-bottom: 0px;
            display: inline-block;
            margin-right: 10px;
        }

    footer .footer-top {
        padding: 20px 0 12px;
    }

    footer .footer-bottom {
        padding: 15px 0 11px;
    }

        footer .footer-bottom .social-links, footer .footer-bottom .copyrights {
            text-align: center;
        }

            footer .footer-bottom .social-links a i {
                margin: 0 5px;
            }

        footer .footer-bottom .copyrights {
            font-size: 12px;
            margin-top: 5px;
        }


    /* Home page style ends */


    .logo-desk {
        display: none;
    }

    .logo-mob {
        display: block;
    }

    .header-inner {
        padding: 12px 0px;
    }

        .header-inner.sticky {
            padding: 8px 0px;
        }

        .header-inner .logo img {
            max-width: 40px;
            top: 0;
        }

        .header-inner .select-input-bg {
            display: none;
        }

        .header-inner .search-input-bg {
            border: 1px solid rgb(0 0 0 / 10%);
            border-radius: 3px 0px 0px 3px;
            padding: 4px 0;
        }

        .header-inner .searchbox .btn {
            max-width: 40px;
            padding: 10px;
            color: transparent;
            background-position: center;
            background-size: 16px;
            height: 40px;
        }

        .header-inner .searchbox .form-control {
            padding-left: 12px;
            height: 30px;
            padding-top: 9px;
        }

    .sort-by {
        display: block;
        width: 100%;
        margin-bottom: 13px;
        font-size: 14px;
    }

        .sort-by label {
        }

        .sort-by select {
        }
    /* Member Listing Starts */

    .members-listing {
        padding: 15px 0px;
    }

        .members-listing .item-member {
            margin-bottom: 13px;
        }

        .members-listing .col-6:nth-child(even) {
            padding-left: 7px;
        }

        .members-listing .col-6:nth-child(odd) {
            padding-right: 7px;
        }


    .load-more-btn {
        padding: 10px 15px;
        max-width: 100%;
        margin-top: 0px;
        font-size: 15px;
    }


    /* Member Listing Ends */



    /* Member Detail Page Starts */

    .members-detail .member-profile-bg {
        padding: 0px 5px;
        background: #f5f5f5;
        margin-bottom: 15px;
        padding-bottom: 20px;
    }

    .members-detail .social-bg {
        text-align: left;
    }

    .members-detail .follow-me {
        display: inline-block;
        margin-top: 0px;
        text-align: left;
    }

    .members-detail .member-profile-bg .member-profile {
        margin-bottom: 15px;
    }

    .social-share a i {
        top: 1px;
        font-size: 14px;
    }

    .member-images {
        padding: 0px 0px;
        padding-bottom: 15px;
    }

    .images-listing {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        column-gap: 12px;
    }

        .images-listing .rec-ittm {
            margin-bottom: 13px;
        }

    .members-detail .member-profile-bg .member-profile h4 {
        font-size: 20px;
        margin-top: 15px;
    }


    .members-detail .member-banner img {
        max-height: 130px;
        min-height: 130px;
    }


    /* Member Detail Page Ends */


    /* Cat Listing Page Starts */

    #my-filter.collapse:not(.show) {
        display: none;
    }

    .img-listing-bg {
        padding: 0px 0px;
    }

    .img-list-text {
        padding-top: 15px;
        padding-left: 0px;
    }

    .img-listing-bg .images-listing {
        padding-left: 1px;
    }

    .sidebar-list {
        border-right: none;
    }

    .filter-b-bottom {
        border-bottom: 1px solid #e7e7e7;
    }

    .mob-heading-sidebar a h2 {
        padding-left: 0;
        padding-right: 0;
    }

    .img-listing-bg .load-more-btn {
        margin-bottom: 15px;
        margin-top: 10px;
    }

    /* Cat Image page Ends */


    /* Image Detail Styles Starts */

    .image-detail {
        padding: 0;
        padding-bottom: 12px;
        margin-bottom: 12px;
    }

    .img-preview {
        padding-top: 12px;
    }

        .img-preview h2 {
            font-size: 16px;
            margin-bottom: 5px;
        }

        .img-preview p {
            line-height: 18px;
        }

        .img-preview .big-img {
            margin-top: 12px;
            min-width: 100%;
            max-height: auto;
        }

    .media-details {
        border-left: unset;
        padding-left: 0;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .media-cats {
        padding-top: 12px;
        margin-top: 15px;
    }

    .media-tags {
        padding-top: 15px;
        margin-top: 10px;
    }

    .img-specs {
        padding-top: 12px;
        margin-top: 8px;
    }

    .member-profile {
        padding-top: 15px;
    }

    .media-details .view-box {
        justify-content: flex-start;
        margin-bottom: 15px;
    }

        .media-details .view-box .view-box-item {
            margin-right: 30px;
        }

    .media-details .view-box-bg {
        padding: 18px 18px 15px;
        margin-top: 10px;
    }

    .media-details .collapse:not(.show) {
        display: none;
    }

    .media-details h3 a i {
        display: inline-block;
    }

    /* Image Detail Styles Ends */

    .filter .input-filter {
        margin-top: 12px;
    }

    .filter {
        padding: 20px;
        margin-bottom: 20px;
        padding-top: 7px;
    }

        .filter .input-filter .filter-btn {
            margin-top: 5px;
            max-width: 100%;
            display: block;
            width: 100%;
            margin-bottom: 12px;
        }

        .filter .input-filter.sort-by {
            max-width: 100%;
        }
}

.hide {
    display: none !important;
}