/*
Item: Active Matrimonial CMS
Author: Active IT zone
URL: https://www.activeitzone.com
*/
.navbar-brand {
	display: inline-block;
	padding-top: 0px; 
	padding-bottom: 0px; 
	margin-right: 0px; 
	font-size: 1.25rem;
	line-height: inherit;
	white-space: nowrap;
}
.listing-image {
	height: 216px !important;
}
.home-p-member a.btn.btn-styled.btn-xs.btn-base-1.z-depth-2-bottom.mt-2.text-white:focus,
.home-p-member a.btn.btn-styled.btn-xs.btn-base-1.z-depth-2-bottom.mt-2.text-white:hover {
    color: inherit;
    text-decoration: none;
    background: #24242D;
    border: 1px solid #24242D;
}
.swiper-container {
    height: 100%;
    padding: 0px 10px;
    margin: 0 -10px;
}
.sticky-header {
	position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    /*height: 100vh;*/
    /*overflow-y: auto;*/
}
.navbar-nav
{
    height: 400px;
    overflow-y: auto;
    display: flex;
    align-items: center;
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav {
        -ms-flex-direction: row;
       flex-direction: row;
        height: auto;
        overflow: visible;
    }
}
.sticky-header .navbar.bg-default 
{
    background: rgba(248,249,250,1);
    border-bottom: none;
}

.sticky-header + .sticky-content {
	padding-top: 114px;
}




/* sm */
@media (max-width: 575px){
	.top-navbar .top-navbar-menu > ul.top-menu > li > a {
	    padding: 14px 0px;
	}
	.top-navbar .top-navbar-menu ul.top-menu > li ul.sub-menu {
	    left: 0;
	    right: auto;
	}
	.top-navbar .top-navbar-menu ul.top-menu > li ul.sub-menu {
	    left: 0;
	    right: auto;
	}

	.top-navbar .top-navbar-menu > ul.top-menu > li > a {
	    font-size: 11px;
	}

	.top-navbar .top-navbar-menu > ul.top-menu > li > a > img {
	    width: 12px!important;
	    margin-top: 0px!important;
	}

	.top-navbar .top-navbar-menu > ul.top-menu > li.dropdown > a:after {
	    margin: 0;
	    font-size: 8px;
	}

	.top-navbar .top-navbar-menu ul.top-menu:not(:first-child) {
	    padding-left: 5px;
	}
	.top-navbar .top-navbar-menu .top_bar_right .dropdown-toggle {
	    padding: 0 7px;
	    font-size: 18px;
	}

	.top-navbar .top-navbar-menu .top_bar_right .top_nav_img {
	    height: 24px;
	    width: 24px;
	}

	.top-navbar .top-navbar-menu .top_bar_right .btn-xs {
	    padding: 3px !important;
	}
	nav.navbar {
	    padding: 10px 0;
	}

	nav.navbar .navbar-brand img {
	    max-height: 50px;
	    max-width: 100%;
	}

	nav.navbar .navbar-brand {
	    max-width: calc(100% - 60px);
	}
	
	
	.myaccount .dropdown-toggle{
        display:none;
    }
    
    .navbar.bg-default{
        border-radius: 0;
        padding: 10px 0;
        border-bottom: 0;
    }
	
	.user-action__box{
        background: rgba(248, 249, 250, 1);
        padding-bottom: 25px;
        padding-top: 5px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
        margin-top: -2px;
    }
    
    .user-action__box .action-menu{
        background: linear-gradient(180deg, #ea145c 0%, #E91E63 100%);
        color: #fff;
        font-size: 14px;
        text-align: center;
        padding: 3px 10px;
        border-radius: 3px;
        display: flex;
        align-items: center;
        gap: 5px;
    }
    
    .user-action__box .action-menu i{
        font-size: 13px;
    }
    
    .has-notification{
        background: linear-gradient(180deg, #ea145c 0%, #E91E63 100%);
        color: #fff !important;
        font-size: 14px !important;
        text-align: center;
        padding: 7px 15px !important;
        border-radius: 3px !important;
        display: flex !important;
        align-items: center;
        gap: 5px
    }
    
    .navbar-nav{
       align-items: unset;
       height:370px;
    }
    
    .nav_active:after{
       bottom: 0px;
    }
    
    .custom-nav > a:before{
       bottom: 0px;  
    }
    
    .sub-header .sub-nav{
       display: flex;
       overflow-x: auto;
       overflow-y: hidden;
       scroll-behavior: smooth;
       scrollbar-width: none;
       -ms-overflow-style: none; 
        gap: 20px;
        justify-content: unset;
        padding: 10px 13px 12px;
    }
    
    .sub-header .sub-nav::-webkit-scrollbar{
       display: none;
    }
    
    .banner-section{
       padding-bottom: 120px;
    }
    
    .banner-section .img-bg-container .bg{
        margin-top:-30px;
    }
    
    .member-container .member-wrapper{
       display: flex;
       overflow-x: auto;
       overflow-y: hidden;
       scroll-behavior: smooth;
       scrollbar-width: none;
       -ms-overflow-style: none;
    }
    
    .member-container .member-wrapper::-webkit-scrollbar{
       display: none;
    }
    
    .member-wrapper .home_pm_img {
        width: 100%;
        height: 220px;
    }
    
    .member-wrapper .home_pm_img img {
        min-height: 100%;
        max-height: 100%;
        max-width: 100%;
        min-width: 100%;
        object-fit: cover;
        border-radius: 6px;
        margin-top: 0;
    }
    
    .member-container .member-wrapper .member-slide{
       min-width: 250px;
    }
    
    .home_shory {
        width: 210px;
        height: 210px;
        border-radius: 100%;
        margin: auto;
    }
    
    .footer .footer-top .footer_nav .list{
       flex-wrap: wrap;
       padding: 0; 
    }
}
/* md */
@media (max-width: 767px){
	.footer {
	    text-align: center;
	}

	.footer .navbar-brand img {
	    max-width: 70%;
	    margin-bottom: 20px;
	}
	#payment_section .card-image img {
	    height: auto;
	}

}
/* lg */
@media (max-width: 991px){
}
/* xl */
@media (max-width: 1199px){
	.table-sm td, .table-sm th {
	    padding: 0.25rem .25rem;
	}
}

@media (min-width: 1200px) {
    .container {
        max-width: 1220px;
    }
}

@media (min-width: 1368px) and (max-width: 1920px) {
    .container {
        max-width: 1340px;
    }
    
    .home_shory {
        width: 210px;
        height: 210px;
        border-radius: 100%;
        margin: auto;
    }
}