.btn-primary{

    background: #ff622d  !important;

    font-size: 14px;

    color: rgb(255, 255, 255);

    background: var(--cta-pink1);

    border: 0px;

    border-radius: 2px;

}

.btn-primary2{

        background: linear-gradient(45deg, #a16304, #e5026b 80%) !important;

    font-size: 14px;

    color: rgb(255, 255, 255);

    background: var(--cta-pink1);

    border: 0px;

    border-radius: 2px;

}

.btn-primary3{

    color: rgb(255, 255, 255);

    position: relative;

    

    border-radius: 2px;

    background: linear-gradient(45deg, rgb(205, 0, 152), rgb(225, 77, 97) 80%) !important;

    

    width: auto;

}

.btn-block{

    width: 100%;

}

.btn-primary:hover {

    background: #e5026b !important;

}

.al a.btn {

    font-size: 14px;

    color: rgb(255, 255, 255);

    background: var(--cta-pink1);

    border: 0px;

}

.al a.btn:hover {

    background: var(--cta-pink1h);

}

.gender-container {

    display: flex;

    gap: 10px;

}



.gender-label {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    width: 100%;

    /*padding: 12px;*/

    border-radius: 8px;

    cursor: pointer;

    border: 1px solid #5c7785;

    

    transition: 0.3s;

    font-weight: bold;

    text-align: center;

}



.gender-label img {

    width: 24px;

    height: 24px;

}



.gender-label input {

    display: none;

}



/* Selected state */

.gender-label input:checked + span {

    background-color: white;

    color: black;

    border-color: white;

    padding: 12px;

    border-radius: 6px;

    background-color: #607d8b;

}



.gender-label input:checked + span img {

    filter: invert(0);

}



.gender-label span {

    display: flex;

    align-items: center;

    gap: 5px;

    width: 100%;

    justify-content: center;

    padding: 10px;

    border-radius: 6px;

}



label.lb {

    font-weight: 500;

    font-size: 14px;

    color: #000;

    margin-bottom: 5px;

}



.partner-preference label.lb{

    font-weight: 500;

    font-size: 14px;

    color: #6c757d;

    margin-bottom: 5px;

}





 .ab-sec2 ul li div:hover {

    /*box-shadow: 0px -2px 72px 0px rgb(0 0 0 / 27%);*/

    /*transform: scale(1) !important;*/

        border-bottom: 5px solid #c48c46 !important;

}

.ab-sec2 ul li div {

    /*box-shadow: 0px -2px 72px 0px rgb(0 0 0 / 27%);*/

    transform: scale(1) !important;

        border-bottom: 5px solid #fe266f !important;

}

.ab-sec2 ul li div h4 {

    font-size: 19px !important;

}

.ab-sec2 ul li div p {

    color: #817b7b !important;

}



.image-container {

    position: relative;

    display: inline-block;

    width: 50px;

    height: 50px;

    margin-right: 10px;

}



.uploadclass {

    display: block;

    width: 100px; /* Adjust size as needed */

    height: 100px;

    border-radius: 50%;

    object-fit: cover;

}



.overlay {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.5); /* Semi-transparent background */

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    opacity: 0;

    transition: opacity 0.3s ease-in-out;

}



.image-container:hover .overlay {

    opacity: 1;

}



.edit-icon {

    color: white;

    font-size: 24px;

    font-weight: bold;

    cursor: pointer;

}





.hom-nav .bl li a, .smenu-pare span{

    font-family: "Poppins", sans-serif !important;        

}

.logo{

    width: 20%;

}

.hom-nav .bl{

    width: 60%;

}

.al{

    width: 20%;

}



.hom-nav .bl li a, .smenu-pare span {

    font-family: "Poppins", sans-serif !important;

    font-size: 18px;

    font-weight: 500;

    text-transform: none;

}

.al a.btn.login-btn{

    padding: 8px 12px;

    border-radius: 3px;

    color: white;

    margin-top: 0px;

    font-size: 18px;

    background: #ff622d !important;

}

.al a.btn.sign-up{

    background: #e51763 !important;

    padding: 8px 12px;

    border-radius: 3px;

    color: white;

    font-size: 18px;

    margin-top: 0px;

    margin-left: 10px;

}

.custtxt{

    border: 1px solid #601e4f;

    padding: 10px;

}



.lb span

{

    color: #ff0000;

}

.form-login .form-group input, .form-login .form-group select, .form-login .form-group textarea, .form-login .form-group .chosen-container {

    font-size: 14px;

    font-weight: 500;

    color: #605e5e;

    height: 42px;

}





.segmented-button {

    /*width: 100%;*/

    text-align: center;

    display: inline-block;

    padding: 10px 20px;

    border: none;

    background-color: #fff;

    cursor: pointer;

    font-size: 14px;

    font-weight: 500;

    color: #605e5e;

    height: 42px;

    border: var(--bs-border-width) solid var(--bs-border-color);

}

.segmented-button.active {

    background-color: #66451c !important;

    color: #fff !important;

}

.editprofi .form-login .form-group label.lb {

    font-weight: 500;

    font-size: 14px;

    color: #593c07;

    margin-bottom: 5px;

}

.editprofi .edit-pro-parti {

    border-bottom: 2px solid rgb(0 0 0);

    padding-bottom: 20px;

    margin-bottom: 25px;

}

.editprofi .rhs{

    padding: 48px 20px;

}

.plncanl-pop .or, .plncanl-pop p{

    display: flex;

    width: 100%;

    align-content: space-between;

    justify-content: center;

    align-items: center;

    height: 20px;

    margin: 8px 0;

    color: #afafaf;

    font-size: 12px;

    gap: 2px;

}





.effactBtn {



        background: #ff622d;

    color: rgb(255, 255, 255);

    padding: 10px 5px;

    cursor: pointer;

    font-size: 14px;

    display: block;

    border: 1px solid #ff622d;

    transition: all 0.3s ease 0s;

    display: block;

    transition: all 0.3s ease 0s;

    width: 100%;

    position: relative;

    overflow: hidden;

    text-align: center;

}



/* The shining effect */

.effactBtn::after {

    content: "";

    position: absolute;

    top: -50px;

    left: -75px;

    width: 50px;

    height: 155px;

    background: #ffffff;

    opacity: 0.3;

    transform: rotate(35deg);

    animation: shineEffect 2s infinite cubic-bezier(0.19, 1, 0.22, 1);

}



/* Keyframes for looping shine effect */

@keyframes shineEffect {

    0% {

        left: -75px;

    }

    100% {

        left: 110%;

    }

}





.no-arrow::-webkit-outer-spin-button,

.no-arrow::-webkit-inner-spin-button {

    -webkit-appearance: none;

    margin: 0;

}



/* Remove arrows in Firefox */

.no-arrow {

    -moz-appearance: textfield;

}

.toast-progress-bar {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 4px;

}



@keyframes progressAnimation {

    from {

        width: 100%;

    }

    to {

        width: 0%;

    }

}

.toastify {

    padding: 12px 20px !important;

}

.toastify-top{

        font-size: 16px !important;

            padding: 15px 13px 15px 10px !important;

}

.toast-close {

    padding: 0px 0px 0px 18px !important;

}



.toastify-avatar {

    width: 20px !important;

    height: 20px !important;

    border-radius: 5px !important;

    margin-right: 27px !important;

    float: left;

    margin: 3px 5px !important;

}



.form-login .form-group textarea{

    font-size: 14px;

    font-weight: 500;

    color: #605e5e;

    height: 80px;

}

.form-control{

    line-height: 2 !important;

}

.fs-7 {

    font-size: 12px;

}

.head-pro .dropdown i {

    width: 25px;

}

.db-nav{

    margin: 0 0px 50px 0;

}

.profileviewandEdit{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    display: flex;

    align-items: flex-start;

    justify-content: flex-end;

    cursor: pointer;

    border-bottom-left-radius: 10px;

    border-bottom-right-radius: 10px;

    border-top-right-radius: 10px;

    border-top-left-radius: 10px;

    gap: 10px;

    align-content: flex-start;

    flex-wrap: wrap;

    flex-direction: row;

    padding: 16px;

    opacity: 1;

}

.profileviewandEdit i {

    font-size: 20px;

    text-shadow: 1px 2px 3px #000;

}



/*.img-overlay {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    display: flex;

    justify-content: flex-end;

    align-items: flex-start;

    opacity: 1 !important;

    align-content: space-between;

}*/



/* Close Button Style */

    .close-btn {

        position: absolute;

        right: 15px;

        top: 0px;

        font-size: 28px;

        color: #000;

        background: none;

        border: none;

        cursor: pointer;

        z-index: 9999;

    }

    .close-btn:hover {

        color: red;

    }





    .dashboardleft .overlay {

        opacity: 1;

        position: absolute;

        bottom: 0;

        left: 0;

        right: 0;

        padding: 10px;

        height: auto;

        background: rgb(0 0 0 / 0%);

        display: flex;

        align-items: flex-start;

        justify-content: flex-end;

        cursor: pointer;

        border-bottom-left-radius: 10px;

        border-bottom-right-radius: 10px;

        border-top-right-radius: 10px;

        border-top-left-radius: 10px;

    }



    .accordion-button:not(.collapsed) {

        color: #ff622d;

        background-color: #fdeade;

        box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 #e1bfaa;

    }



    .filtersec .accordion-button:not(.collapsed) , .filtersec .accordion-button {

        color: #404040;

        background-color: #f1f1f1;

        box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 #c3c3c3;

        padding: 12px;

        font-size: 14px;

        font-family: Poppins, sans-serif !important;    

    }



    .filtersec .accordion-button::after {

        flex-shrink: 0;

        width: 14px;

        height: 14px;

        margin-left: auto;

        content: "";

        background-image: var(--bs-accordion-btn-icon);

        background-repeat: no-repeat;

        background-size: 14px;

        transition: var(--bs-accordion-btn-icon-transition);

    }



    #pixelarity-side-opt-draw{

        display: none;

    }



    #pixelarity-side-opt-holder, #pixelarity-draw-opt-color-cont, #pixelarity-filter-opt-cont {

        height: 140px !important;

    }





    .iamLoking_drop .chosen-container {

        width: 163px !important;

        min-width: 163px !important;

        max-width: 163px !important;

    }

    .age_drop .chosen-container {

        width: 77px !important;

        min-width: 77px !important;

        max-width: 77px !important;

    }

    .religion_drop .chosen-container {

        width: 167px !important;

        min-width: 167px !important;

        max-width: 167px !important;

    }

    .case_drop .chosen-container {

        width: 147px !important;

        min-width: 147px !important;

        max-width: 147px !important;

    }

    .maritas_drop .chosen-container {

        width: 220px !important;

        min-width: 220px !important;

        max-width: 220px !important;

    }

    .nationlity_drop .chosen-container {

        width: 194px !important;

        min-width: 194px !important;

        max-width: 194px !important;

    }





.addNewUpload{

    display: flex;

    position: absolute;

    left: 0%;

    top: 0%;

    font-size: 70px !important;

    color: #c40d3c;

    border: 1px solid #c40d3c;

    width: 100%;

    height: 100%;



    justify-content: center;

    align-items: stretch;

    align-content: space-between;

    flex-direction: column;

}



.accordion-button:focus {

    z-index: 3;

    border-color: none !important;

    outline: 0;

    box-shadow: none !important;

}

#searchButton{

    background: #ff622d !important;

    font-size: 19px;

    color: rgb(255, 255, 255);

    background: var(--cta-pink1);

    border: 0px;

    border-radius: 2px;

    border-radius: 3px;

    box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px;

    transition: 300ms;

}

#searchButton:hover{

    background: #fc5811 !important;

}

/*.form-check-input:checked{

    border-color: #86b7fe;

    outline: 0;

    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);

}

.form-check-input:focus {

    border-color: #dee2e6 !important;

    outline: 0;

    box-shadow: none !important;

}*/

.form-check-input:focus {

    border-color: #dee2e6 !important;

    outline: 0;

    box-shadow: none !important;

}



.form-check-input:checked {

    background-color: #0d6efd;

    border-color: #0d6efd;

    border-color: #86b7fe !important;

    outline: 0 !important;

    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25) !important;

}



/* Start Jaimin */





.pro-detail .links a.btn-primary{

    background: rgb(298, 120, 60) !important;

    font-size: 15px;

    font-weight: 600;

    padding: 8px 15px;

    border-radius: 5px;

    position: relative;

    overflow: hidden;

    border: none;

    box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px;

    transition: 300ms;

}



#searchButton{

    background: rgb(298, 120, 60) !important;

}

/*.pro-detail{

    width: calc(100% - 200px);

    padding: 15px 25px;

}*/

.all-pro-box{

    padding: 0px !important;

    border: none !important;

    border-radius: 0px;

    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px;

}

.pro-detail .pro-bio span{

    font-size: 13px;

    padding: 2px 8px;

}

.pro-img{

    width: 200px;

}



.pro-ave-yes, .pro-ave-other{

    border-radius: 5px;

}



.pro-img,

.all-pro-box img{

    border-radius: 0px !important;

}

.all-list-sh{

    padding-top: 0px;

}

.all-list-sh ul li{

    padding: 0px 0px 0px 0px;

}

.all-list-sh .all-pro-box{

    margin: 10px 0px 5px 0px;

}

.all-list-sh .all-pro-box:hover{

    /*box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 20px, rgba(0, 0, 0, 0.2) 0px 6px 8px;*/

}



.short-all{

    padding: 50px 0px 10px 0px;

    border-bottom: 1px solid #111;

}

.all-weddpro .col-md-9{

    padding-left: 20px;

}

input#searchByNameString{

    border-radius: 0px;

}

.short-rhs ul li .form-group{

    margin-right: 0px;

    width: 250px;

}

.form-control{

    border-color: #777;

    border-radius: 0px;

}

input#searchByNameString {

    border-radius: 0px;

    border-left-color: rgb(298, 120, 60) !important;

    border-left-width: 3px;

}

.short-lhs,

.short-rhs ul li,

.all-pro-head h1{

    font-family: "Poppins", sans-serif !important;

}



.pro-detail .links a.btn-primary:hover {

    background: #fc5811 !important;

}



@keyframes shine {

    0% {left: -100px}

    20% {left: 100%}

    100% {left: 100%}

}



.all-pro-box:hover div img {

    transition: none !important;

    transform: none !important;

}



.all-pro-head{

    padding: 75px 30px 38px;

}

.all-pro-head h1{

    font-size: 32px;

}



.profile-leftside{

    border:0px !important;

    background: none !important;

}

.profile-leftside img{

    /*box-shadow: 2px 3px 8px #ccc;*/

}

.profile-leftside h3{

    display: none;

}

#image-gallery{

    margin: 0px -10px;

}

body .profile-rightside h3{

    color: rgb(202, 44, 88);

    font-size: 22px;

}



/* Responsive */



.al a.btn.sign-up{

    font-weight: 500;

}

.mobile_menu .al{

    display: block;

    float: left;

    right: auto;

}

.head-top ul li a:hover {

    color: #fff;

}



.mob-me-ic img{

    border:none;

    padding: 0px;

    border-radius:0px;

}



.pro-edit-update .btn-group.d-flex {

    display: flex !important;

    align-content: center;

    justify-content: left;

    flex-wrap: wrap;

    flex-direction: row;

}







@media screen and (min-width: 991px) and (max-width: 1100px) {

    .al {

        display: block;

    }

    .hom-nav .bl {

        padding: 13px 40px;

    }

}



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

    .pro-edit-update .btn-group.d-flex {

        justify-content: left;

    }

    span.mobile-exprt {

        display: none;

    }

    .al {

        display: block;

        float: right;

        width: auto;

        right: 50px;

    }

    .mob-me-ic img {

        width: 39px;

        height: 39px;

        margin-top: 1px;

        margin-left: 10px;

    }

    .hom-nav .ic-logo{

        width: 220px;

    }



    .hom-nav .ic-logo {

        width: 200px;

        padding-top: 2px;

        margin-top: -7px;

    }

    .hom-nav .mt-2 {

        margin-top: .4rem !important;

    }

    .al a.btn.sign-up,

    .al a.btn.login-btn{

        margin-top: 0px !important;

        float: left;

    }

    .hom-top .head-pro{

        display: none;

    }

}

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

    .pro-edit-update .btn-group.d-flex {

        justify-content: left;

    }

}

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

    .pro-edit-update .btn-group.d-flex {

        justify-content: center;

    }

    .al a.btn.sign-up,

    .al a.btn.login-btn{

        padding: 6px 9px;

        font-size: 16px;

    }

    .hom-nav .ic-logo{

        width: 180px;

    }

    .mob-me-ic img {

        width: 41px;

        height: 41px;

        margin-top: 0px;

    }

    .hom-nav .ic-logo {

        margin-top: -4px;

    }

}

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

    .pro-edit-update .btn-group.d-flex {

        justify-content: center;

    }

    .hom-nav .ic-logo {

        width: 160px;

    }

    .al a.btn.sign-up, .al a.btn.login-btn {

        padding: 6px 9px;

        font-size: 13px;

    }

    .mob-me-ic img {

        width: 30px;

        height: 30px;

        margin-top: 0px;

    }

}

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

    .pro-edit-update .btn-group.d-flex {

        justify-content: center;

    }

    .al{

        right: 35px;

    }

    .al a.btn.sign-up{

        margin-left: 5px;

    }

    .hom-nav .ic-logo {

        width: 135px;

    }

    .al a.btn.sign-up, .al a.btn.login-btn {

        padding: 5px 7px;

        font-size: 12px;

    }

    .mob-me-ic img {

        width: 27px;

        height: 27px;

        margin-top: 0px;

    }

}

.country-title{

    display: flex;

    align-items: center;

}

.country-title .img{

    width: 25px;

    margin-right: 10px;

}

.country-title .img img{

    max-width: 100%;

    vertical-align: middle;

}

.country-title .text{

    font-size: 20px;

    font-weight: 600;

}

.no-margin{

    margin: 0px;

}



.we-are-available{padding: 0px !important; margin: 0px;}

.we-are-available .title{margin-top: 10px; font-weight: 500;}

.we-are-available .images{display: flex; align-items: center;}

.we-are-available .images .img{height: 20px;}

.we-are-available .images .img img{max-width: 100%; max-height: 100%; vertical-align: top;}



.wed-hom-footer h4{

    margin: 0px;

    padding-bottom: 16px;

    font-size: 18px;

}

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

    ul.help-support li {

        width: 100%;

    }

}

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

    ul.help-support li{

        width: 50%;

        text-align: center;

        padding: 0px;

    }

    .we-are-available .images,

    .country-title{

        justify-content: center;

        margin-bottom: 10px;

    }

    .we-are-available .images{

        margin: 0px;

    }

}

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

    ul.help-support li{

        width: 100%;

    }

}

.rhs.top-flags a{

    padding-left: 10px;

    padding-right: 10px;

}

.rhs.top-flags a:hover{

    background: none !important;

}

.rhs.top-flags .img{

    margin-right: 5px;

}

.rhs.top-flags img{

    height: 17px;

    display: inline-block;

}

.rhs.top-flags .text{

    color: rgb(234, 208, 176);

}

.rhs.top-flags .available-in{

    border: none;

    padding-right: 0px;

}

/* End Jaimin */



.g-recaptcha{

    max-width: 225px;

    transform: scale(0.85);

    float: left;

    padding: 0;

    margin: 0;

}





/* Jaimin 17-4-2025 */

.mv-bus ul{clear: both;}

#overlay{

    background: rgba(0, 0, 0, 0.9);

}

.pr-bio-conta .email-address{

    word-wrap: break-word;

}

.profile-photo-container{

    z-index: 3;

}

.pro-detail{

    width: calc(100% - 200px);

    padding: 15px 25px;

}

.pro-detail h4{

    margin-bottom: 10px;

}

.pro-detail .btn-primary{

    background: #ff622d !important;

    font-weight: 500;

    margin-top: 28px;

    font-size: 17px;

}

.pro-detail .btn-primary:hover{

    background: #ad3000 !important;

}

.links span{

    font-size: 14px;

    font-weight: 500;

}

.pro-detail h4 a{

    font-size: 29px;

    text-transform: capitalize;

}

.pro-ave-yes, .pro-ave-other {

    border-radius: 5px;

    font-size: 15px;

    font-weight: 500;

    z-index: 1;

}

.page-nation{

    margin: 25px 0;

}

.page-nation ul li.active a:hover{

    background-color: #5b3e1a !important;

    color: #fff !important;

}

.active>.page-link, .page-link.active{

    z-index: 1;

}

.filt-com h4{

    font-size: 18px;

}

.h4headerName {
    /*white-space: normal !important*/
     text-overflow: ellipsis;
    white-space: nowrap !important;
    width: 150px;
}

@media screen and (min-width: 1200px) and (max-width: 1400px) {

    .pro-detail .btn-primary{

        margin-top: 17px;

    }

    .links span{

        font-size: 13px;

    }

}

@media screen and (min-width: 768px) and (max-width: 1199px) {

    .form-group select{

        font-size: 13px;

    }

    .links span{

        font-size: 12px;

    }

    .pro-detail .btn-primary{

        margin-top: 18px;

        font-size: 15px;

    }

}

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

    .all-weddpro .col-md-9{

        padding: 0px;

    }

    .pro-detail{

        padding: 10px 10px;

        width: 100%;

    }

    .pro-ave-yes, .pro-ave-other{

        margin-top: -45px;

        margin-right: -1px;

        float: right;

        border-radius: 0px;

        font-size: 13px;

    }

    .all-pro-box{

        box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px;

        border: 1px solid #ddd !important;

    }

    .all-pro-box .pro-img{

        padding: 10px;

    }

    .all-pro-box div:nth-child(1) img{

        height: auto;

        aspect-ratio: 2 / 2.5;

    }

    .short-all{

        color: #000;

    }

    .pro-detail .btn-primary{

        padding: 12px;

        width: 100%;

        border-radius: 5px;

    }

    .pro-detail h4 a{

        font-size: 25px;

    }

    .links span{

        font-size: 12px;

    }

    .page-nation ul{

        margin: auto;

    }

    .all-list-sh ul li{

        max-width: 450px;    

        margin: auto;

        float: none;

    }

    .all-list-sh .all-pro-box{

        margin: 20px 0px 5px 0px;

    }

}

@media screen and (min-width: 991px){

    .pro-pg-intro1.pr-bio-c h1{

        width: auto !important;

    }

    .pro-info-status{

        float: right;

        margin-bottom: 0px;

        margin-top: 15px;

    }

    .row.profile-bio-info{

        clear: both;

    }

}

.pro-info-status{

    display: block;

}

/* Jaimin 18-4-2025 - Category Top Filter */



.mobile-filter-top{

    display: none;

}



@media screen and (min-width: 991px) and (max-width: 1100px) {

    .short-rhs {

        display: block;

    }

    .short-lhs {

        width: 250px;

    }

    .short-rhs {

        width: calc(100% - 250px);

    }

}

@media (max-width:991px){

    .filt-com .form-group{

        margin-bottom: 5px;

        margin-top: 5px;

    }

    .right-button{

        float: right;

    }

    .mobile-filter-top .short-rhs{

        display: block;

        width: 100%;

        text-align: center;

    }

    #searchByNameString{

        border-color: #ccc;

        width: 100%;

        margin-right: 10px;

        border-radius: 5px !important;

        font-weight: 500;

        padding-left: 32px;

    }

    .mobile-filter-top{

        background: rgb(252, 232, 209);

        padding: 10px;

        clear: both;

        float: left;

        width: 100%;

        display: block;

    }

    /*.form-group:before {

        content: "\f002";

        font: normal normal normal 16px / 1 FontAwesome;

        z-index: 1;

        width: 10px;

        height: 10px;

        top: 14px;

        left: 12px;

        position: absolute;

    }*/

    .short-all{

        padding-top: 20px;

    }

    .fil-mob-act{    

        border-color: #ccc !important;

        background: #fff;

        padding: 9px 10px;

        border: 1px solid;

        border-radius: 5px;

        font-weight: 600;

        float: right;        

    }

    .fil-mob-act span{

        margin-left: 10px;

        font-weight: 500;

        color: #000;

    }

    .search-left{

        width: calc(100% - 95px);

        float: left;

    }

    .search-left .form-group{

        width: 100%;

        margin: 0px;

        padding-right: 10px;

        position: relative;

    }

    .search-left .form-group:before {

        content: "\f002";

        font: normal normal normal 14px / 1 FontAwesome;

        font-size: inherit;

        text-rendering: auto;

        -webkit-font-smoothing: antialiased;

        position: absolute;

        top: 14px;

        left: 12px;

    }

    .fil-mob-act{

        display: block !important;

    }

    .all-weddpro .col-md-3.fil-mob-view{

        position: fixed;

        z-index: 1;

        left: 0px;

        top: 0px;

        overflow-y: auto;

        height: 100%;

        padding: 70px 50px 50px 50px;

        border-radius: 0;

        z-index: 11;

        width: 100%;

        display: none;

        top: 0px;

        height: 100%;

        margin-top: 0px;

    }

    .all-weddpro .col-md-9{

        padding-left: 0px;

        width: 100%;

    }

    .filter-clo {

        display: block;

        font-size: 60px;

        top: 20px;

        right: 45px;

        font-weight: 200;

    }

}



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

    .pro-img {

        width: 100% !important;

    }

}



@media (max-width:440px){

    .all-weddpro .col-md-3.fil-mob-view{

        top: 0px;

        height: 100%;

    }

    .al{

        right: 40px;

    }

}