/* Copyright 2026 Fintrade Securities Corporation Ltd
Web Author / Developer: SHAUN PATEL - IT DESIGN & OPERATIONS MANAGER
*/


@media only screen and (max-width: 1700px){
	.main-header .header-lower .outer-box .ui-btn-outer{
		border-right: 0;
		margin-right: 0;
		padding-right: 0;
	}

	/* .header-style-five .info-btn,
	.header-style-two .info-btn,
	.header-style-one .info-btn{
		display: none;
	} */

	.header-style-one .header-lower .logo-box{
		margin-right: 30px;
	}
	
	.main-menu .navigation>li {
		margin-right: 50px;
	}

	/* .project-section .carousel-outer{
		margin-left: -100px;
		margin-right: -100px;
	}

	.features-section-three .carousel-outer{
		max-width: 1200px;
		padding: 0;
		margin: 0 auto;
	}

	.header-style-four .header-lower,
	.header-style-two .header-lower,
	.header-style-two .header-top{
		padding: 0 30px;
	}

	.header-style-five .header-lower{
		padding-right: 30px;
	} */
}

@media only screen and (max-width: 1439px){
	/* .main-header .header-lower .logo-box {
		min-width: 260px;
		margin-right: 20px;
	} */

	/* .header-top {
		margin-left: 220px;
		padding-right: 30px;
	} */


	.main-menu .navigation>li {
		margin-right: 30px;
	}

	
}


@media only screen and (max-width: 1199px){
	.header-top{
		margin-left: 0;
		padding: 0;
	}

	.main-header .main-box{
		align-items: center;
	}

	.main-header .header-lower .logo-box{
		margin-top: 0;
		min-height: auto;
	}

	

	
}


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

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

	.main-header .logo {
		min-width: auto;
	}

	.main-header .logo img,
	.sticky-header .logo img {
		width: auto;
		max-width: none;
		max-height: 68px;
	}

	.mobile-nav-toggler {
		display: block;
	}



	.main-header .main-box .nav-outer {
		width: auto;
	}

	.main-header .main-box{
		justify-content: space-between;
	}


}




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

	.main-slider .title{
		padding: 7px 20px;
	}

	.main-slider .title:before{
		display: none;
	}
	
	
}



@media only screen and (max-width: 599px){
	.main-header .header-lower .logo-box {
		padding-left: 0;
	}

	
	.main-header .header-lower .logo-box {
		min-width: auto;
		margin-right: 0px;
		max-width: 220px;
	}

	
	.main-header .header-lower .logo-box .logo img {
		max-width: 220px;
		max-height: 78px;
	}
}

/* Site-wide responsive polish */
html,
body {
	width: 100%;
	max-width: 100%;
	overflow-x: hidden;
	overscroll-behavior-x: none;
}

@supports (overflow: clip) {
	html,
	body {
		overflow-x: clip;
	}
}

.page-wrapper {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	overflow-x: hidden;
}

@supports (overflow: clip) {
	.page-wrapper {
		overflow-x: clip;
	}
}

img,
video,
iframe,
svg {
	max-width: 100%;
}

@media only screen and (max-width: 1199px){
	.header-style-one .main-box {
		padding-left: 24px;
		padding-right: 24px;
	}

	.header-style-one .header-lower .logo-box {
		margin-right: 18px;
	}

	.main-menu .navigation > li {
		margin-right: 18px;
	}

	.main-menu .navigation > li > a {
		font-size: 14px;
	}
}

@media only screen and (max-width: 1023px){
	.header-style-one .header-top-bar {
		display: block;
	}
}

@media only screen and (max-width: 767px){
	.header-style-one .header-top-bar {
		padding: 6px 0;
	}

	.header-style-one .header-top-bar-inner {
		justify-content: center;
		gap: 0;
	}

	.header-style-one .header-top-contact {
		width: 100%;
		justify-content: center;
		gap: 4px 14px;
	}

	.header-style-one .header-top-contact a {
		font-size: 14px;
		line-height: 1.4;
		gap: 6px;
		white-space: nowrap;
	}

	.header-style-one .header-top-social-wrap {
		display: none !important;
	}

	.main-header .header-lower .outer-box .ui-btn-outer,
	.main-header .header-lower .outer-box > .theme-btn {
		display: none;
	}

	.main-header .main-box {
		min-height: 78px;
	}

	.main-header .header-lower .logo-box .logo img {
		max-width: 190px;
		max-height: 66px;
	}

	.page-title {
		padding: 78px 0 82px;
	}

	.page-title .title {
		font-size: 38px;
		line-height: 1.12;
		overflow-wrap: anywhere;
	}

	.page-title .text {
		font-size: 14px;
		line-height: 1.5;
	}

	.section-padding {
		padding: 64px 0;
	}

	.cta-contact-wrapper,
	.about-source-cta .cta-contact-wrapper,
	.expertise-cta .cta-contact-wrapper {
		padding: 34px 24px;
		text-align: center;
	}
}

/* Keep whitepaper sidebars on the right for desktop/tablet article layouts */
@media only screen and (min-width: 768px) {
	.whitepaper-detail-page .press-room-layout,
	.media-detail-layout,
	.whitepaper-detail-layout {
		display: grid;
		grid-template-columns: minmax(0, 1fr) 320px !important;
		gap: 34px;
		align-items: start;
	}

	.whitepaper-detail-page .press-room-sidebar,
	.media-detail-layout > .press-room-sidebar,
	.whitepaper-detail-layout > .press-room-sidebar {
		position: sticky !important;
		top: 120px !important;
		align-self: start;
	}
}

/* Dedicated media post layout: article left, widgets right */
@media only screen and (min-width: 992px) {
	.news-detail-page .media-blog-layout,
	.feature-detail-page .media-blog-layout,
	.commentary-detail-page .media-blog-layout,
	.whitepaper-detail-page .media-blog-layout,
	.whitepaper-detail-page .whitepaper-blog-layout,
	.whitepaper-detail-page .press-room-layout.media-detail-layout {
		display: flex !important;
		flex-wrap: nowrap !important;
		gap: 34px !important;
		align-items: start !important;
	}

	.news-detail-page .media-blog-main,
	.feature-detail-page .media-blog-main,
	.commentary-detail-page .media-blog-main,
	.whitepaper-detail-page .media-blog-main,
	.whitepaper-detail-page .whitepaper-blog-main,
	.whitepaper-detail-page .press-room-layout.media-detail-layout > .press-room-main {
		flex: 1 1 0;
		min-width: 0;
		order: 1;
	}

	.news-detail-page .media-blog-sidebar,
	.feature-detail-page .media-blog-sidebar,
	.commentary-detail-page .media-blog-sidebar,
	.whitepaper-detail-page .media-blog-sidebar,
	.whitepaper-detail-page .whitepaper-blog-sidebar,
	.whitepaper-detail-page .press-room-layout.media-detail-layout > .press-room-sidebar {
		flex: 0 0 320px;
		width: 320px;
		max-width: 320px;
		position: sticky !important;
		top: 120px !important;
		align-self: start !important;
		order: 2;
	}

	.news-detail-page .media-blog-sidebar .press-sidebar-widget,
	.feature-detail-page .media-blog-sidebar .press-sidebar-widget,
	.commentary-detail-page .media-blog-sidebar .press-sidebar-widget,
	.whitepaper-detail-page .media-blog-sidebar .press-sidebar-widget,
	.whitepaper-detail-page .whitepaper-blog-sidebar .press-sidebar-widget {
		width: 100%;
	}
}

@media only screen and (min-width: 1200px) {
	.news-detail-page .media-blog-layout,
	.feature-detail-page .media-blog-layout,
	.commentary-detail-page .media-blog-layout,
	.whitepaper-detail-page .media-blog-layout,
	.whitepaper-detail-page .whitepaper-blog-layout,
	.whitepaper-detail-page .press-room-layout.media-detail-layout {
		display: flex !important;
		align-items: flex-start !important;
		gap: 34px !important;
	}

	.news-detail-page .media-blog-main,
	.feature-detail-page .media-blog-main,
	.commentary-detail-page .media-blog-main,
	.whitepaper-detail-page .media-blog-main,
	.whitepaper-detail-page .whitepaper-blog-main,
	.whitepaper-detail-page .press-room-layout.media-detail-layout > .press-room-main {
		flex: 1 1 auto;
		min-width: 0;
		order: 1;
	}

	.news-detail-page .media-blog-sidebar,
	.feature-detail-page .media-blog-sidebar,
	.commentary-detail-page .media-blog-sidebar,
	.whitepaper-detail-page .media-blog-sidebar,
	.whitepaper-detail-page .whitepaper-blog-sidebar,
	.whitepaper-detail-page .press-room-layout.media-detail-layout > .press-room-sidebar {
		flex: 0 0 320px;
		width: 320px;
		max-width: 320px;
		position: sticky !important;
		top: 120px !important;
		order: 2;
	}

	.news-detail-page .media-blog-sidebar .press-sidebar-widget,
	.feature-detail-page .media-blog-sidebar .press-sidebar-widget,
	.commentary-detail-page .media-blog-sidebar .press-sidebar-widget,
	.whitepaper-detail-page .media-blog-sidebar .press-sidebar-widget,
	.whitepaper-detail-page .whitepaper-blog-sidebar .press-sidebar-widget,
	.whitepaper-detail-page .press-room-layout.media-detail-layout > .press-room-sidebar .press-sidebar-widget {
		width: 100%;
	}
}

@media only screen and (max-width: 991.98px) {
	.news-detail-page .media-blog-layout,
	.feature-detail-page .media-blog-layout,
	.commentary-detail-page .media-blog-layout,
	.whitepaper-detail-page .media-blog-layout,
	.whitepaper-detail-page .whitepaper-blog-layout {
		display: flex !important;
		flex-direction: column;
		gap: 28px;
	}

	.news-detail-page .media-blog-main,
	.feature-detail-page .media-blog-main,
	.commentary-detail-page .media-blog-main,
	.whitepaper-detail-page .media-blog-main,
	.news-detail-page .media-blog-sidebar,
	.feature-detail-page .media-blog-sidebar,
	.commentary-detail-page .media-blog-sidebar,
	.whitepaper-detail-page .media-blog-sidebar,
	.whitepaper-detail-page .whitepaper-blog-main,
	.whitepaper-detail-page .whitepaper-blog-sidebar {
		width: 100%;
		max-width: 100%;
	}

	.news-detail-page .media-blog-main,
	.feature-detail-page .media-blog-main,
	.commentary-detail-page .media-blog-main,
	.whitepaper-detail-page .media-blog-main,
	.whitepaper-detail-page .whitepaper-blog-main {
		order: 1;
	}

	.news-detail-page .media-blog-sidebar,
	.feature-detail-page .media-blog-sidebar,
	.commentary-detail-page .media-blog-sidebar,
	.whitepaper-detail-page .media-blog-sidebar,
	.whitepaper-detail-page .whitepaper-blog-sidebar {
		position: static !important;
		flex: 0 0 auto;
		order: 2;
	}
}

@media only screen and (max-width: 420px){
	.header-style-one .header-top-contact {
		flex-direction: column;
		align-items: center;
	}

	.header-style-one .header-top-contact a {
		white-space: normal;
		text-align: center;
	}

	.main-header .header-lower .logo-box .logo img {
		max-width: 170px;
	}

	.page-title .title {
		font-size: 32px;
	}
}

/* Mobile app-shell behavior */
@media only screen and (max-width: 1023px){
	:root {
		--mobile-header-height: 80px;
	}

	.page-wrapper {
		padding-top: var(--mobile-header-height);
	}

	.main-header.header-style-one {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		max-width: 100%;
		z-index: 999999;
		background: var(--theme-color-white);
		box-shadow: 0 10px 28px rgba(12, 51, 146, 0.12);
		transform: translateZ(0);
	}

	.header-style-one .header-top-bar {
		display: none !important;
	}

	.main-header .header-lower {
		background: var(--theme-color-white);
	}

	.main-header .main-box {
		min-height: var(--mobile-header-height);
		padding: 8px 20px !important;
	}

	.header-style-one .main-box .outer-box {
		gap: 16px;
		min-width: 0;
	}

	.main-header .header-lower .logo-box {
		max-width: min(64vw, 220px);
		min-width: 0;
	}

	.main-header .header-lower .logo-box .logo img {
		height: 60px;
		max-height: 60px;
		max-width: min(64vw, 190px);
	}

	.main-header .sticky-header {
		display: none !important;
	}

	.mobile-nav-toggler {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		flex: 0 0 44px;
		width: 44px;
		height: 44px;
		margin-left: 0;
		border-radius: 50%;
		background: var(--theme-color2);
		color: var(--theme-color-white) !important;
	}

	.mobile-nav-toggler .icon {
		line-height: 1;
	}

	.mobile-menu {
		inset: 0 0 auto auto;
		width: 100vw;
		max-width: 100vw;
		height: 100dvh;
		overflow: hidden;
		pointer-events: none;
	}

	.mobile-menu-visible .mobile-menu {
		pointer-events: auto;
	}

	.mobile-menu .menu-backdrop {
		left: 0;
		right: 0;
		width: 100vw;
		height: 100dvh;
	}

	.mobile-menu .menu-box {
		position: absolute;
		left: auto;
		right: 0;
		width: min(88vw, 340px);
		max-width: calc(100vw - 16px);
		height: 100dvh;
		max-height: 100dvh;
	}

	.mobile-menu .navigation li > a,
	.contact-list-one li .contact-info-box,
	.contact-list-one li .contact-info-box a {
		overflow-wrap: anywhere;
	}
}

@supports not (height: 100dvh) {
	@media only screen and (max-width: 1023px){
		.mobile-menu,
		.mobile-menu .menu-backdrop,
		.mobile-menu .menu-box {
			height: 100vh;
			max-height: 100vh;
		}
	}
}