/*--------------------------------------------------
    ## All responsive style
---------------------------------------------------*/
@media all and (min-width: 1600px) {
	.navbar-area .nav-container {
		padding: 34.5px 12px;
	}	
	.banner-area-2 .banner-area-inner .thumb {
		margin-top: 50px;
	}
	.dkt-sitebar-menu .dkt-details-inner {
		padding-top: 140px;
	}
	.dkt-sitebar-menu .dkt-sitebar-close {
	    right: 50px;
	    top: 40px;
	}
}
@media (min-width: 1200px) {
	.container {
	    max-width: 1170px;
	}
}
@media all and (max-width: 1599px) {
	.dkt-sitebar-menu {
	    width: 400px;
	}
	.dkt-sitebar-menu .dkt-details-inner {
	    padding: 40px;
	}
	.dkt-sitebar-menu .dkt-market-earn {
	    padding: 40px;
	}
	.dkt-sitebar-menu .logo {
	    margin-bottom: 12px;
	}
	.dkt-sitebar-menu .dkt-details-inner {
	    padding-top: 65px;
	}
}
@media all and (max-width: 1199px) {
	.navbar-area .nav-container .logo a {
		padding: 30px;
	}
	.navbar-area .nav-container {
		padding: 19px 12px;
	}
	.nav-right-part ul li {
		margin-left: 15px;
	}
	/* .navbar-area .nav-container .navbar-collapse .navbar-nav li + li {
		margin-left: 16px;
	} */
	.navbar-area .nav-container .navbar-collapse .navbar-nav li a {
		font-size: 16px;
	}
	.nav-right-part-desktop {
	    margin-left: 28px;
	}
	.banner-area-inner form .nice-select {
	    height: 50px;
	    line-height: 50px;
	    padding: 0 80px 0 40px;
	}
	.banner-area-inner form .form-control {
		height: 65px;
    	line-height: 65px;
    	padding: 0 105px 0 256px;
	}
	.banner-area-inner form .btn {
		height: 65px;
    	line-height: 65px;
    	padding: 0 25px 0 31px;
	}
	.single-about-wrap {
		padding: 50px 13px 26px;
	} 
	.single-about-wrap h5,
	.all-isotope-item .item-details h4 {
		font-size: 18px;
	}
	.widget_contact .media .media-body p,
	.footer-widget ul li a,
	.single-about-wrap p,
	.all-isotope-item .item-details p {
		font-size: 14px;
	}
	.single-blog-wrap .blog-details h5 {
		font-size: 17px;
	}
	.single-dmarket-wrap .media {
		display: block;
		text-align: center;
	}
	.single-dmarket-wrap .media .thumb {
		display: block;
    	margin: 0 auto 20px;
	}
	.single-dmarket-wrap .media .wrap-details {
		margin-left: 0;
	}
	.single-dmarket-wrap .media .wrap-details p {
		margin-bottom: 0;
	}
	.banner-area.banner-area-2 .banner-area-inner .form-area {
		margin-bottom: -14%;
	}
	.single-blog-inner .single-blog-details .meta {
		font-size: 16px;
	}
	.single-blog-inner .single-blog-details h3 {
	    font-size: 27px;
	}
	.btn {
	    height: 50px;
	    line-height: 50px;
	}
	.widget-search .single-search-inner button {
		height: 60px;
		width: 60px;
	}
	.widget-search .single-search-inner input {
		height: 60px;
		padding: 0 70px 0 20px;
	}
	.widget-news .single-news-wrap .media-body h6 {
		font-size: 14px;
	}
	.widget-news .single-news-wrap .media-body .date {
		font-size: 12px;
	}
	.widget-news .single-news-wrap .media-body {
	    margin-left: 12px;
	}
	.widget-tags .tagcloud a {
		font-size: 14px;
		padding: 0 10px;
	}
	.widget-author .author-details p {
	    font-size: 14px;
	}
	.single-blog-inner-2 {
	    padding: 35px 15px 26px 20px;
	}
	.single-blog-inner-3 {
		padding: 7px 20px 5px 30px;
	}
	.pagination .page-item .page-link {
		height: 50px;
		width: 50px;
		line-height: 48px;
	}
	.blog-details-page-inner .meta {
		font-size: 14px;
	}
	.blog-details-page-inner .meta .blog-share {
		align-items: center;
	}
	.blog-details-page-inner .author-area .media-body p {
		font-size: 14px;
	}
	.blog-details-page-inner .related-post .recent-post-wrap .post-details .meta span {
		font-size: 12px;
	} 
	.blog-details-page-inner .related-post .recent-post-wrap .post-details h5 a {
		font-size: 18px;
	}
	.blog-details-page-inner .related-post .recent-post-wrap .post-details {
	    padding: 25px 28px;
	}
	.blog-details-page-inner .related-post .recent-post-wrap .post-details .meta {
		left: 20px;
    	top: -58px;
	}
	.blog-details-page-inner .comment-form {
		padding: 28px 40px 40px;
	}
	.single-blog-inner .blockquote p {
	    font-size: 26px;
	}
	.blog-details-page-inner .single-blog-inner h4 {
		font-size: 20px;
	}
	.blog-details-page-inner .single-blog-inner h4 i {
	    margin-right: 10px;
	}
	.blog-details-page-inner .meta span {
		font-size: 16px;
	}
	.single-contact-wrap {
		padding: 40px 24px 41px;
	}
	.single-contact-wrap p {
		font-size: 14px;
	}
	.widget-list ul li span {
		font-size: 14px;
		margin-right: 0;
	}
	.widget-list ul li {
		font-size: 13px;

	}
	.all-item-area .filter-area .nice-select {
		height: 50px;
    	line-height: 50px;
    	font-size: 16px;
    	padding: 0 43px 0 28px;
    	margin-top: -5px;
	}
	.all-item-area .filter-area .nice-select:after {
		right: 20px;
	}
	.sidebar-area .widget {
	    padding: 25px 25px 25px;
	}
	.pd-top-115 {
	    padding-top: 85px;
	}
	.pd-top-100 {
	    padding-top: 80px;
	}
	.pd-bottom-100 {
	    padding-bottom: 80px;
	}

	.dkt-sitebar-menu .dkt-details-inner,
	.dkt-sitebar-menu .dkt-market-earn {
	    padding: 35px;
	}
	.dkt-sitebar-menu {
	    width: 380px;
	}

}
@media all and (max-width: 991px) {
	.nav-right-part:before {
		display: none;
	}
	.toggle-btn {
		background: #fff;
		border-radius: 5px;
	} 
	.toggle-btn .icon-left {
		left: 9px;
		top: 19px;
	}
	.toggle-btn .icon-right {
		left: 19.5px;
		top: 19px;
	}

	.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before {
		right: 3px !important;
	}
	.navbar-area.navbar-area-fixed .responsive-mobile-menu {
		top: 20px;
	} 
	.navbar-area .nav-container .navbar-collapse .navbar-nav {
		margin-top: 37px;
	}
	.banner-inner h2 {
		font-size: 40px;
	}
	.all-item-area .section-title {
		margin-bottom: 27px;
	}
	.all-item-area .item-isotope-btn {
		margin-bottom: 30px;
	}
	.fun-fact-area {
		background-repeat: no-repeat !important;
    	background-size: cover !important;
	}
	.copyright-area {
		text-align: center;
	}
	.copyright-area p {
		margin-bottom: 20px;
	}
	.copyright-area ul li:first-child {
		margin-left: 0;
	}
	.navbar-area-2.navbar-area-fixed .responsive-mobile-menu,
	.navbar-area-2 .responsive-mobile-menu { 
		top: 25px;
	}
	.banner-area.banner-area-2 .banner-area-inner .thumb {
		text-align: center;
	}
	.banner-area.banner-area-2 .banner-area-inner .form-area {
		padding: 43px 45px 50px;
	}
	.customer-area .thumb {
		text-align: center;
		margin-bottom: 50px;
	}
	.single-customer-wrap.nesting {
		margin: 0 0 30px 0; 
	}
	.banner-area.banner-area-2 .banner-area-inner .form-area {
	    margin-bottom: -19%;
	}
	.sidebar-area {
		margin-top: 50px;
	}
	.widget-consultation .thumb img {
		width: 100%;
	}
	.widget-consultation .consultation-wrap {
		top: 42%;
    	left: 20.5%;
	}
	.item-isotope-btn .button {
		margin-left: 12px;
	}
	.all-item-area .filter-area .nice-select {
		float: initial;
	}
	.breadcrumb-area .v-bc-inner {
		margin-bottom: 40px;
	}
	.breadcrumb-area .v-bc-list-inner li {
	    margin-left: 0;
	    margin-right: 30px;
	}
	.breadcrumb-area .v-bc-inner .media-left img {
	    width: 85px;
	}
	.breadcrumb-area .v-bc-inner .media-body h3 {
	    font-size: 24px;
	}
}

@media all and (max-width: 767px) {
	.banner-area-inner {
	    padding-bottom: 120px;
	}
	.banner-area-inner form .nice-select {
		padding: 0 50px 0 30px;
		height: 50px;
    	line-height: 50px;
    	font-size: 16px;
	}
	.banner-area-inner form .form-control {
		height: 50px;
		line-height: 50px;
		font-size: 16px;
		padding: 0 83px 0 209px;
	}
	.banner-area-inner form .btn {
		height: 50px;
		line-height: 50px;
		font-size: 16px;
		padding: 0 15px 0 22px;
	}
	.item-isotope-btn .button {
		padding: 0 16px 0 17px;
    	margin-left: 10px;
	}
	.all-isotope-item .item-details .ratting {
		float: initial !important;
		display: block;
		margin-bottom: 13px;
	}
	.all-isotope-item .item-details {
		padding: 25px 25px 22px;
	}
	.single-about-wrap {
	    padding: 50px 20px 26px;
	}
	.banner-area.banner-area-2 .banner-inner h2 {
	    font-size: 40px;
	}
	.banner-area.banner-area-2 .banner-area-inner .thumb {
		display: none;
	}
	.banner-area-inner form { 
		margin-top: 35px;
	}
	.banner-area.banner-area-2 .banner-area-inner .form-area {
		margin-bottom: -21%;
	}
	.all-item-area-2 .all-isotope-item .item-details .price {
		top: 55px;
		position: absolute;
		background: var(--main-color) !important;
		color: #fff;
	}
	.all-item-area-2 .all-isotope-item .item-details h4 {
		margin-top: 40px;
	}
	.customer-area .thumb {
		display: none;
	}
	.single-blog-inner .single-blog-details h3 {
	    font-size: 23px;
	}
	.single-blog-inner-2 {
	    padding: 35px 20px 30px 30px;
	}
	.single-blog-inner .single-blog-details .meta {
		font-size: 14px;
	}
	.widget-consultation .consultation-wrap {
		left: 8%;
	}
	.blog-details-page-inner .meta {
		display: block;
	}
	.blog-details-page-inner .meta .tags {
		margin-bottom: 20px;
	}
	.blog-details-page-inner .single-blog-inner h4 {
		display: flex;
	}
	.blog-details-page-inner .single-blog-inner h4 i {
		margin-top: 5px;
	}
	.blog-details-page-inner .author-area .media {
		display: block;
	}
	.blog-details-page-inner .author-area .media-body {
		margin: 20px 0 0 0;
	}
	.blog-details-page-inner .post-check .single-news-wrap .media-body .date,
	.blog-details-page-inner .post-check h6 {
		font-size: 14px;
	}
	.blog-details-page-inner .related-post .recent-post-wrap {
		margin-bottom: 30px;
	}
	.blog-details-page-inner .related-post .recent-post-wrap img {
		width: 100%;
	}
	.blog-details-page-inner .related-post .recent-post-wrap .post-details .meta span {
		display: inline-block;
	}
	.faq-accordion .card .card-header h2 .btn {
		font-size: 16px;
		padding: 0 20px 0 40px;
	}
	.faq-accordion .card .card-header h2:after {
		left: 15px;
	}
	.faq-accordion .card .card-header h2 .btn .collapse-icon {
		width: 38px;
    	height: 38px;
    	margin-top: 21px;
	}
	.faq-accordion .card .card-body {
		font-size: 14px;
    	padding: 17px 25px 20px;
	}
	.all-isotope-item .item-details .author-details span {
		font-size: 14px;
	}
	.all-item-area-2 .item-isotope-btn .button {
		margin: 0 6px 10px 0px;
    	padding: 0 13px 0 12px;
	}
	.sign-in-area h2 {
	    font-size: 32px;
	}
	.sign-in-area .contact-form-wrap .forget-pass,
	.sign-in-area .contact-form-wrap .single-category {
		font-size: 15px;
	}
	.sign-in-area .contact-form-wrap .single-category .checkmark {
		top: -1px;
	}
	.sign-in-area .contact-form-wrap .single-category .checkmark:after {
		left: 6px;
		top: 6px;
	}
	.blog-details-page-inner .author-area .media img {
		width: 100%;
	}
	.blog-details-page-inner .post-check h6 br {
		display: none;
	}
}

@media all and (max-width: 575px) {
	.single-price-wrap .pricing-title {
	    padding: 20px 0 17px;
	}
	.single-price-wrap .pricing-cost {
	    padding: 13px 0 10px;
	}
	.single-price-wrap .pricing-list li {
		line-height: 2.438;
	}
	.banner-inner p,
	.section-title p,
	p {
		font-size: 14px;
	}
	.all-item-area .item-isotope-btn {
		display: grid;
	}
	.item-isotope-btn .button {
		margin-left: 9px;
		margin-bottom: 14px;
	}
	.all-isotope-item .thumb a img {
		width: 100%;
	}
	.banner-inner h2 {
	    font-size: 34px;
	}
	.navbar-area .responsive-mobile-menu,
	.navbar-area.navbar-area-fixed .responsive-mobile-menu {
		right: 13px;
	}
	.nav-right-part {
	    margin-right: 52px;
	}
	.responsive-mobile-menu {
	    top: 20px;
	}
	.btn {
	    height: 50px;
	    line-height: 50px;
	}
	.banner-area-inner form .nice-select {
		position: initial;
	    width: 100%;
	    border-radius: 10px;
	    /* margin-bottom: 20px; */
	}
	.banner-area-inner form .btn {
		bottom: 0;
		top: auto;
	}
	.banner-area-inner form .nice-select:after {
		top: 25px;
	}
	.nice-select.open .list {
		top: 48px;
	}
	.banner-area-inner form .form-control {
		padding: 0 83px 0 20px;
	} 
	.section-title h2 {
	    font-size: 34px;
	}
	.banner-area.banner-area-2 .banner-area-inner .form-area {
	    padding: 40px 40px 50px;
	    margin-bottom: 50px;
	    margin-top: 45px;
	}
	.pd-top-237 {
	    padding-top: 90px;
	}
	.single-blog-inner .single-blog-details .meta span {
	    margin-right: 15px;
	} 
	.single-blog-inner-3 {
	    padding: 0px 30px;
	}
	.pagination.pagination-2 {
		display: flex;
    	justify-content: center;
	}
	.single-blog-inner .thumb .video-play-btn {
	    width: 80px;
	    height: 80px;
	    line-height: 80px;
	    margin: -40px 0 0 -40px;
	}
	.blog-details-page-inner .meta span {
	    font-weight: 500;
	}
	.single-blog-inner .blockquote {
	    padding: 14px 28px 20px;
	}
	.single-blog-inner .single-blog-details {
		margin-bottom: 30px;
	}
	.blog-details-page-inner .post-check {
		display: block;
	}
	.blog-details-page-inner .post-check .media {
		margin-bottom: 30px;
	}
	.blog-details-page-inner .blog-comment {
	    margin-top: 27px;
	}
	.blog-details-page-inner .blog-comment .media.nesting {
		margin-left: 0;
	}
	.faq-accordion .card .card-header h2 .btn {
		height: auto;
	    white-space: normal;
	    line-height: 30px;
	    padding: 20px 55px 20px 40px;
	}
	.faq-accordion .card .card-header h2 .btn .collapse-icon {
		margin-top: -21px;
		position: absolute;
		right: 15px;
		top: 52%;
	}
	.product-details .sidebar-area {
		margin-top: 0;
	}
	.product-tab .nav-pills .nav-item .nav-link {
    	font-size: 16px;
	}
	.product-tab {
		padding: 35px 30px 23px;
	}
	.product-tab .nav-pills {
		margin-bottom: 20px;
	}
	.product-tab .nav-pills .nav-item {
		margin: 0 0 10px 0;
	}
	

	.profile-tab .nav-pills .nav-item .nav-link {
    	font-size: 16px;
	}
	.profile-tab {
		padding: 35px 30px 23px;
	}
	.profile-tab .nav-pills {
		margin-bottom: 20px;
	}
	.profile-tab .nav-pills .nav-item {
		margin: 0 0 10px 0;
	}




	.all-item-area .filter-area {
		padding: 40px;
	}
	.sign-in-area {
		padding: 35px 30px 27px;
	}
	.sign-in-area .contact-form-wrap p {
		font-size: 18px;
	}
	.sign-in-area h2 {
		margin-bottom: 25px;
	}
	.sign-in-area .contact-form-wrap .single-category {
		margin-bottom: 20px;
	}
	.sign-in-area .contact-form-wrap .btn {
		font-size: 16px;
	}
	.single-select-inner .nice-select {
	    width: 100%;
	}
	.breadcrumb-area .v-bc-list-inner li {
	    margin-right: 20px;
	    margin-bottom: 20px;
	}
	.pagination .page-item .page-link {
		font-size: 14px;
	}
	.nav-right-part .btn {
	    height: 36px;
	    line-height: 36px;
	}
    .navbar-area-2.navbar-area-fixed .responsive-mobile-menu, 
    .navbar-area-2 .responsive-mobile-menu {
        top: 25px;
    }
    .breadcrumb-area {
	    padding: 220px 0 130px;
	}
	.widget-category ul li a {
	    font-size: 16px;
	}
}
@media all and (max-width: 375px) {
	.featured-area .btn-base {
		margin-bottom: 20px;
		margin-right: 0;
	}
	.single-customer-wrap .media-body {
	    margin-right: 19px;
	}
	.single-blog-inner .single-blog-details .meta {
	    font-size: 12px;
	}
	.single-blog-inner .single-blog-details h3 {
	    font-size: 20px;
	}
	.single-blog-inner .single-blog-details .meta span {
	    margin-right: 10px;
	}
	.single-blog-inner .single-blog-details .meta span {
	    margin-right: 10px;
	}
	.single-blog-inner-3 {
	    padding: 0px 25px;
	}
	.single-blog-inner.single-blog-inner-3 .single-blog-details {
	    margin: 26px 0;
	}
	.widget-consultation .consultation-wrap {
		left: 0;
		top: 29%;
	}
	.breadcrumb-area .page-title {
	    font-size: 40px;
	}
	.single-blog-inner .single-blog-details {
	    margin: 20px 0;
	} 
	.single-blog-inner .blockquote p {
	    font-size: 16px;
	}
	.single-blog-inner .blockquote .blockquote-footer {
		font-size: 16px;
		padding-left: 53px;
	}
	.blog-details-page-inner .related-post .recent-post-wrap .post-details a {
		font-size: 14px;
	}
	.blog-details-page-inner .blog-comment .media {
		display: block;
	}
	.blog-details-page-inner .blog-comment .media .media-body {
		margin: 20px 0 0 0; 
	}
	.blog-details-page-inner .comment-form {
	    padding: 28px 30px 40px;
	}
	.product-tab .tab-content ul {
		padding: 0 0 0 26px;
	}
	.sign-in-area .contact-form-wrap p {
	    font-size: 14px;
	}
	.sign-in-area h2 {
	    font-size: 22px;
	}
	.sign-in-area .contact-form-wrap .single-input-wrap label {
		font-size: 16px;
		margin-bottom: 8px;
	}
	.sign-in-area .contact-form-wrap .single-input-wrap .form-control::placeholder,
	.sign-in-area .contact-form-wrap .single-input-wrap .form-control {
		font-size: 14px;
	}
	.sign-in-area .contact-form-wrap .single-input-wrap .form-control {
		padding: 0 20px;
	}
}
@media all and (max-width: 320px) {
	/*.navbar-area .nav-container {
	    padding: 40px 12px;
	}*/
	.navbar-area-2 .nav-container {
	    padding: 24px 12px;
	}
	.banner-area.banner-area-2 .banner-inner h2 {
	    font-size: 38px;
	}
	.banner-area.banner-area-2 .banner-area-inner .form-area {
	    padding: 40px 35px 40px;
	}
	.banner-area.banner-area-2 .banner-area-inner .form-area h3 {
		font-size: 22px;
	}
	.banner-area-inner form {
	    margin-top: 25px;
	}
	.single-customer-wrap .icon {
		display: none;
	}
	.single-blog-inner-2 {
	    padding: 25px 20px 20px 30px;
	}
	.pagination .page-item .page-link {
	    height: 40px;
	    width: 40px;
	    line-height: 38px;
	}
	.copyright-area ul li a {
		font-size: 14px;
	}
	.blog-details-page-inner .author-area {
		padding: 30px;
	}
	.blog-details-page-inner .meta span {
		display: block;
	}
	.faq-accordion .card .card-header h2 .btn {
		font-size: 14px;
	}
	.policy-page-area h4 {
		font-size: 23px;
	}
	.breadcrumb-area .page-title {
	    font-size: 36px;
	} 
	.all-item-area .filter-area .isotope-filters {
		display: block;
	}
	.all-item-area-2 .item-isotope-btn .button {
		width: 100%;
	}
	.pagination .page-item {
	    margin-right: 6px;
	}
	.pagination .page-item .page-link.next {
		padding: 0 24px;
		border: 0;
	}
	.pagination .page-item .page-link {
		line-height: 40px;
	}
	.sign-in-area .contact-form-wrap .btn {
		font-size: 14px;
		padding: 0 24px;
	}
	.sign-in-area .contact-form-wrap .btn i {
		margin-right: 11px;
	}
	.product-tab {
	    padding: 35px 20px 23px;
	}
	.product-tab .nav-pills .nav-item .nav-link {
    	padding: 0 10px;
	}
}

/* Prevent body scroll when mobile menu is open */
body.menu-open {
	overflow: hidden;
	position: fixed;
	width: 100%;
	height: 100%;
}

/* Desktop menu - ensure normal behavior is preserved */
@media all and (min-width: 992px) {
	.navbar-collapse {
		display: block !important;
	}
	
	.menu-item-has-children .sub-menu {
		display: block;
		opacity: 0;
		visibility: hidden;
		position: absolute;
	}
	
	.menu-item-has-children:hover .sub-menu {
		opacity: 1;
		visibility: visible;
	}
}

/* Mobile Menu Toggle Fix */
@media all and (max-width: 991px) {
	/* Hide mobile menu by default */
	.navbar-collapse {
		display: none;
	}
	
	/* Show mobile menu when 'show' or 'sopen' class is present */
	.navbar-collapse.show,
	.navbar-collapse.sopen {
		display: block !important;
		position: absolute;
		top: 100%;
		right: 0;
		width: 50%;
		background: #425cc7;
		z-index: 1000;
		box-shadow: 0 4px 6px rgba(0,0,0,0.1);
		border-radius: 5px;
		margin-top: 5px;
	}
	
	/* Style the toggle button when active */
	.toggle-btn.is-active {
		background: #425CC7 !important;
	}
	
	.toggle-btn.is-active .icon-left,
	.toggle-btn.is-active .icon-right {
		background: #fff;
	}
	
	/* Ensure menu items are visible */
	.navbar-collapse.show .navbar-nav,
	.navbar-collapse.sopen .navbar-nav {
		padding: 20px;
	}
	
	/* .navbar-collapse.show .navbar-nav li,
	.navbar-collapse.sopen .navbar-nav li {
		margin: 10px 0;
	} */
	
	/* Hide submenus by default in mobile */
	.sub-menu {
		max-height: 0;
		overflow: hidden;
		opacity: 0;
		position: relative !important;
		background: rgba(255, 255, 255, 0.1);
		margin-top: 5px;
		border-radius: 5px;
		padding: 0 10px;
		transition: max-height 0.3s ease, opacity 0.3s ease, padding 0.3s ease;
	}
	
	/* Show submenus when parent has 'active' class */
	@media all and (max-width: 991px) {
		.menu-item-has-children.active .sub-menu {
			max-height: 200px !important;
			opacity: 1 !important;
			padding: 10px !important;
			display: block !important;
		}
	}
	
	/* Style main menu items in mobile */
	.navbar-collapse.show .navbar-nav > li > a,
	.navbar-collapse.sopen .navbar-nav > li > a {
		color: #fff;
		padding: 10px 15px;
		border-radius: 3px;
		transition: background-color 0.3s ease;
		display: block;
	}
	
	.navbar-collapse.show .navbar-nav > li > a:hover,
	.navbar-collapse.sopen .navbar-nav > li > a:hover {
		background: rgba(255, 255, 255, 0.1);
	}
	
	/* Ensure "Entrar" button has same styling as other menu items */
	@media all and (max-width: 991px) {
		.navbar-collapse.show #auth-menu #auth-link,
		.navbar-collapse.sopen #auth-menu #auth-link,
		.navbar-collapse.show li#auth-menu a#auth-link,
		.navbar-collapse.sopen li#auth-menu a#auth-link,
		.navbar-collapse.show #auth-menu a,
		.navbar-collapse.sopen #auth-menu a,
		.navbar-collapse.show li#auth-menu > a,
		.navbar-collapse.sopen li#auth-menu > a {
			color: #fff !important;
			font-weight: 400 !important;
			font-size: 16px !important;
			padding: 10px 15px !important;
			border-radius: 3px !important;
			transition: background-color 0.3s ease !important;
			display: block !important;
			text-decoration: none !important;
			background: transparent !important;
			line-height: 1.5 !important;
		}
		
		.navbar-collapse.show #auth-menu #auth-link:hover,
		.navbar-collapse.sopen #auth-menu #auth-link:hover,
		.navbar-collapse.show li#auth-menu a#auth-link:hover,
		.navbar-collapse.sopen li#auth-menu a#auth-link:hover,
		.navbar-collapse.show #auth-menu a:hover,
		.navbar-collapse.sopen #auth-menu a:hover,
		.navbar-collapse.show li#auth-menu > a:hover,
		.navbar-collapse.sopen li#auth-menu > a:hover {
			background: rgba(255, 255, 255, 0.1) !important;
		}
	}
	
	/* Style submenu items */
	.navbar-collapse.show .sub-menu li a,
	.navbar-collapse.sopen .sub-menu li a {
		color: #fff;
		padding: 8px 15px;
		font-size: 14px;
	}
	
	.navbar-collapse.show .sub-menu li a:hover,
	.navbar-collapse.sopen .sub-menu li a:hover {
		background: rgba(255, 255, 255, 0.2);
	}
}

/* Fix user profile dropdown positioning */
#user-menu .sub-menu {
    right: 0 !important;
    left: auto !important;
    min-width: 200px !important;
}

/* Ensure proper positioning for desktop */
@media (min-width: 992px) {
    #user-menu {
        position: relative !important;
    }
    
    #user-menu .sub-menu {
        position: absolute !important;
        right: 0 !important;
        left: auto !important;
        top: 100% !important;
        margin-top: 0 !important;
    }
    
    /* Fix user icon vertical alignment */
    #user-menu > a#user-icon {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        line-height: normal !important;
        vertical-align: middle !important;
    }
    
    #user-menu > a#user-icon i {
        line-height: 1 !important;
        vertical-align: middle !important;
    }
}

/* iPad 11-inch vertical orientation (around 820px width) specific styles */
@media only screen and (min-width: 800px) and (max-width: 850px) and (orientation: portrait) {
    /* Iniciativa Destacada title - add 10px margin-top */
    .breadcrumb-area#destacado .section-title h2 {
        margin-top: 10px !important;
    }
    
    /* Emprendimientos section - force 2 cards per row layout - override JavaScript grid */
    #emprendimientos .item-isotope,
    #emprendimientos .row,
    #projects-container {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: flex-start !important;
        gap: 15px !important;
        margin: 0 !important;
        grid-template-columns: none !important; /* Override JavaScript grid */
        align-items: stretch !important;
    }
    
    /* Each emprendimiento card - force exactly 2 per row - override inline styles */
    #emprendimientos .all-isotope-item {
        flex: 0 0 calc(50% - 15px) !important;
        max-width: calc(50% - 15px) !important;
        width: calc(50% - 15px) !important;
        margin: 0 !important;
        padding: 0 !important;
        margin-bottom: 20px !important;
        box-sizing: border-box !important;
        position: static !important; /* Override JavaScript positioning */
        display: block !important;
        float: none !important; /* Override any float */
    }
    
    /* Override any Bootstrap column classes that might interfere */
    #emprendimientos .col-lg-4,
    #emprendimientos .col-md-6,
    #emprendimientos .col-sm-6 {
        flex: 0 0 calc(50% - 15px) !important;
        max-width: calc(50% - 15px) !important;
        width: calc(50% - 15px) !important;
    }
    
    /* Match blog card styling and dimensions */
    #emprendimientos .single-portfolio-item {
        transition: transform 0.3s ease, box-shadow 0.3s ease !important;
        border-radius: 10px !important;
        overflow: hidden !important;
        background: white !important;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
        margin-bottom: 0 !important;
        height: auto !important;
    }
    
    #emprendimientos .single-portfolio-item:hover {
        transform: translateY(-5px) !important;
        box-shadow: 0 5px 20px rgba(0,0,0,0.15) !important;
    }
    
    /* Project image matching blog card image height */
    #emprendimientos .single-portfolio-item .thumb {
        position: relative !important;
        overflow: hidden !important;
        height: 200px !important;
    }
    
    #emprendimientos .single-portfolio-item .thumb img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        transition: transform 0.3s ease !important;
    }
    
    #emprendimientos .single-portfolio-item:hover .thumb img {
        transform: scale(1.05) !important;
    }
    
    /* Project details matching blog card padding and structure */
    #emprendimientos .single-portfolio-item .item-details {
        padding: 20px !important;
    }
    
    /* Hide item-sizer that causes alignment issues */
    #emprendimientos .item-sizer {
        display: none !important;
    }
}

/* iPad 11-inch horizontal orientation (around 1180px width) specific styles */
@media only screen and (min-width: 1160px) and (max-width: 1200px) and (orientation: landscape) {
    /* Match emprendimientos card description height to blog card height */
    #emprendimientos .single-portfolio-item .item-details,
    #emprendimientos .all-isotope-item .item-details {
        min-height: 180px !important; /* Increased height to prevent cut-off */
    }
}