/* Responsive Css */

@media only screen and (max-width: 1749px) {
}

@media only screen and (max-width: 1499px) {
}

@media only screen and (max-width: 1399px) {
}

@media only screen and (max-width: 1299px) {
}

@media only screen and (max-width: 1200px) {
	.main-menu,
	.sticky-header,
	.main-header.style-one .outer-container:before {
		display: none !important;
	}

	.menu-area .mobile-nav-toggler {
		display: block;
		padding: 10px;
	}

	.megamenu ul li:first-child {
		display: none;
	}

	.main-header .outer-box .logo-box {
		margin-top: 0px;
		padding: 31px 30px !important;
	}

	.main-header .outer-box .logo-box:before,
	.main-header .outer-box .logo-box:after,
	.main-header .outer-box .logo-box .shape {
		display: none;
	}

	.header-top .top-inner {
		padding-left: 0px;
	}

	.rtl .header-top .top-inner {
		padding-right: 0px;
	}

	.header-style-two .header-top {
		padding-left: 40px;
	}
}

@media only screen and (min-width: 768px) {
	.main-menu .navigation > li > ul,
	.main-menu .navigation > li > ul > li > ul,
	.main-menu .navigation > li > .megamenu {
		display: block !important;
		visibility: hidden;
		opacity: 0;
	}
}

@media only screen and (max-width: 991px) {
	.main-footer .footer-widget {
		margin: 0px 0px 30px 0px !important;
	}

	.main-footer .widget-section {
		padding-bottom: 83px;
	}

	.header-style-two .header-top {
		padding-left: 30px;
		padding-right: 30px;
	}
}

@media only screen and (max-width: 767px) {
	.header-top {
		display: none;
	}

	.header-top .top-inner {
		display: block;
		text-align: center;
	}

	.header-top .links-list,
	.header-top .info-list {
		justify-content: center;
	}

	.main-header .menu-right-content {
		display: none;
	}

	.sec-title h2 {
		font-size: 32px;
		line-height: 40px;
	}

	.main-footer .pattern-layer {
		display: none;
	}

	.main-footer .widget-section {
		padding: 80px 0px 50px 0px;
	}

	/* News carousel nav + dots styling (mobile only) */
	.news-section .auto-container {
		padding-left: 0;
		padding-right: 0;
	}

	.news-section .news-carousel.owl-carousel {
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
	}

	.news-section .news-carousel.owl-carousel .owl-stage-outer {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	/* Neutralize Bootstrap gutters inside mobile carousel rows */
	.news-section .news-carousel[class*="row"] {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.news-section .news-carousel [class^="col-"],
	.news-section .news-carousel [class*=" col-"] {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.news-section .news-carousel.owl-carousel .owl-nav {
		position: absolute;
		top: 40%;
		left: 0;
		right: 0;
		display: flex;
		justify-content: space-between;
		padding: 0 6px;
		pointer-events: none;
	}

	.news-section .news-carousel.owl-carousel .owl-nav button.owl-prev,
	.news-section .news-carousel.owl-carousel .owl-nav button.owl-next {
		width: 36px;
		height: 36px;
		border-radius: 50%;
		background: rgba(0, 0, 0, 0.35) !important;
		color: #fff !important;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		font-size: 14px;
		transition: background 0.2s ease;
		pointer-events: auto;
	}

	.news-section .news-carousel.owl-carousel .owl-nav button.owl-prev:hover,
	.news-section .news-carousel.owl-carousel .owl-nav button.owl-next:hover {
		background: rgba(0, 0, 0, 0.5) !important;
	}

	.news-section .news-carousel.owl-carousel .owl-dots {
		margin-top: 14px;
	}

	.news-section .news-carousel.owl-carousel .owl-dots .owl-dot span {
		width: 8px;
		height: 8px;
		margin: 4px 5px;
		background: rgba(0, 0, 0, 0.2);
		display: block;
		border-radius: 10px;
		transition: all 0.2s ease;
	}

	.news-section .news-carousel.owl-carousel .owl-dots .owl-dot.active span {
		width: 18px;
		background: var(--theme-color);
	}

	/* Forex & Calculator - mobile optimizations */
	/* Hide the calculator image on mobile */
	.calculator-section .image-column {
		display: none;
	}

	/* Make currency list a compact 2-column grid */
	/* .exchange-section .tabs-content .tab#tab-5 .row.clearfix {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
		justify-content: initial !important;
		align-items: stretch !important;
	} */

	/* Remove Bootstrap gutters inside grid items */
	.exchange-section .exchange-block {
		padding-left: 0 !important;
		padding-right: 0 !important;
		width: auto;
	}

	/* Tighten card spacing for mobile */
	.exchange-section .exchange-block-one .inner-box {
		padding: 14px 16px;
		border-radius: 10px;
	}

	.exchange-section .exchange-block-one .inner-box h5 {
		font-size: 16px;
		margin-bottom: 6px;
	}

	.exchange-section .exchange-block-one .inner-box .lower-box li span {
		font-size: 14px;
	}
}

@media only screen and (max-width: 599px) {
}

@media only screen and (max-width: 499px) {
	.mobile-menu {
		width: 100%;
	}

	.header-top .info-list {
		display: block;
	}

	.header-top .info-list li {
		display: none;
		/* display: inline-block; */
		margin: 0px 5px !important;
	}

	.main-header .outer-box .logo-box {
		padding: 15px !important;
	}

	.header-style-two .header-top {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.header-style-two .header-lower {
		padding-right: 15px;
	}

	.rtl .header-style-two .header-lower {
		padding-left: 15px;
	}

	.header-style-two.main-header .outer-box .logo-box .logo {
		max-width: 150px;
	}

	.header-top .links-list li {
		margin-right: 20px;
	}

	.rtl .header-top .links-list li {
		margin-left: 20px;
	}

	.header-style-three .header-top .top-inner {
		padding-left: 15px;
		padding-right: 15px;
	}

	.header-style-four {
		padding: 0 15px !important;
	}

	.pagination li a {
		width: 45px;
		height: 45px;
		line-height: 45px;
	}
}