

@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: 60px;
	}

	.mobile-nav-toggler {
		display: block;
	}

	.sticky-header .nav-outer .btn-style-one{
		display: none;
	}



	.main-header .main-box .nav-outer {
		width: auto;
	}

	.main-header .main-box{
		justify-content: space-between;
	}


}




@media only screen and (max-width: 991px){
	/* Standardized heading sizes for tablet */
	h1 {
		font-size: 2.5rem !important;
	}
	
	h2 {
		font-size: 2rem !important;
	}
	
	h3 {
		font-size: 1.5rem !important;
	}
	
	h4 {
		font-size: 1.25rem !important;
	}
	
	h5 {
		font-size: 1.1rem !important;
	}
	
	h6 {
		font-size: 1rem !important;
	}
	
	p {
		font-size: 0.95rem !important;
	}
	
	.page-title .title {
		font-size: 48px !important;
	}
	
	.sec-title h2,
	.sec-title h3,
	.sec-title h1 {
		font-size: 2rem !important;
	}
	
	.sec-title h6 {
		font-size: 1rem !important;
	}
	
	.case-title {
		font-size: 1.5rem !important;
	}
	
	.title-box h2,
	.title-box h1 {
		font-size: 2rem !important;
	}
}

@media only screen and (max-width: 767px){

	.main-slider .title{
		padding: 7px 20px;
	}

	.main-slider .title:before{
		display: none;
	}
	
	/* Standardized heading sizes for mobile */
	h1 {
		font-size: 2.2rem !important;
	}
	
	h2 {
		font-size: 1.8rem !important;
	}
	
	h3 {
		font-size: 1.4rem !important;
	}
	
	h4 {
		font-size: 1.1rem !important;
	}
	
	h5 {
		font-size: 1rem !important;
	}
	
	h6 {
		font-size: 0.95rem !important;
	}
	
	p {
		font-size: 0.875rem !important;
	}
	
	.page-title .title {
		font-size: 40px !important;
	}
	
	.sec-title h2,
	.sec-title h3,
	.sec-title h1 {
		font-size: 1.8rem !important;
	}
	
	.sec-title h6 {
		font-size: 0.95rem !important;
	}
	
	.case-title {
		font-size: 1.4rem !important;
	}
	
	.title-box h2,
	.title-box h1 {
		font-size: 1.8rem !important;
	}
	
	/* Pricing / Offers section mobile fixes */
	.pricing-section-2 .nav .nav-link {
		font-size: 14px !important;
		padding: 7px 30px !important;
	}
	
	.pricing-section-2 .nav .nav-link:first-child {
		padding-right: 50px !important;
	}
	
	.pricing-section-2 .nav .nav-link::before {
		width: 44px !important;
		height: 24px !important;
	}
	
	.pricing-section-2 .nav .nav-link::after {
		width: 16px !important;
		height: 16px !important;
		right: -24px !important;
	}
	
	.pricing-section-2 .nav .nav-link.active::after {
		right: 5px !important;
	}
	
	.pricing-card-items .pricing-list li {
		font-size: 14px !important;
	}
	
	.pricing-card-items .pricing-price h2 {
		font-size: 24px !important;
	}
	
	.pricing-card-items .plan-text {
		font-size: 15px !important;
		padding: 8px 16px !important;
	}
	
	.service-know-box p {
		font-size: 14px !important;
	}
	
	.exclusive-offer-badge {
		padding: 10px 16px !important;
		font-size: 13px !important;
	}
	
	.pricing-section-2 {
		margin: 0 10px !important;
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	
	.contact-four__brand .marqueeSwiper-five__slider .swiper-wrapper .swiper-slide {
		margin-right: 50px !important;
	}
	
}


@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: 140px;
	}

	
	.main-header .header-lower .logo-box .logo img {
		max-width: 140px;
	}
	
	/* Extra small mobile adjustments */
	h1 {
		font-size: 2rem !important;
	}
	
	h2 {
		font-size: 1.5rem !important;
	}
	
	h3 {
		font-size: 1.25rem !important;
	}
	
	.page-title .title {
		font-size: 36px !important;
	}
	
	.sec-title h2,
	.sec-title h3,
	.sec-title h1 {
		font-size: 1.5rem !important;
	}
	
	/* Pricing section extra small fixes */
	.pricing-section-2 .nav .nav-link {
		font-size: 12px !important;
		padding: 7px 18px !important;
	}
	
	.pricing-section-2 .nav .nav-link:first-child {
		padding-right: 25px !important;
	}
	
	.pricing-section-2 .nav .nav-link::before {
		width: 36px !important;
		height: 20px !important;
	}
	
	.pricing-section-2 .nav .nav-link::after {
		width: 14px !important;
		height: 14px !important;
		right: -20px !important;
	}
	
	.pricing-section-2 .nav .nav-link.active::after {
		right: 4px !important;
	}
	
	.pricing-card-items .pricing-list li {
		font-size: 13px !important;
	}
	
	.pricing-card-items .pricing-price h2 {
		font-size: 20px !important;
	}
	
	.pricing-card-items {
		padding: 18px !important;
		padding-top: 18px !important;
	}
		.pricing-section-2 .limited-offer {
		font-size: 10px !important;
		padding: 6px 14px !important;
	}
	
	.pricing-section-2 .visa-tag {
		font-size: 11px !important;
		padding: 6px 12px !important;
	}
	
	.pricing-card-items .theme-btn.btn-style-one {
		font-size: 13px !important;
		padding: 20px 36px !important;
		padding-right: 70px !important;
		height: 50px !important;
	}
		.service-know-box {
		border-radius: 30px !important;
		margin-bottom: 30px;
	}
	
	.exclusive-offer-badge {
		padding: 8px 12px !important;
		font-size: 12px !important;
	}
	
	/* Logo carousel spacing fix */
	.contact-four__brand .brand-two__item {
		padding: 18px 20px !important;
	}
	
	.contact-four__brand .marqueeSwiper-five__slider .swiper-wrapper {
		gap: 12px;
	}

	.pricing-card-items .theme-btn.btn-style-one .icon{
		top: 4px;
	}
	.roadmap-section{
		padding: 0 20px;
	}

	section > .container, section > .container-fluid{
		padding: 40px 0;
	}

	.feature-growth-box-items{
		margin-top: 50px;
	}

	.feature-growth-box-items::before{
		height: auto;
	}

	.cta-contact-wrapper{
		padding: 20px;
	}

	.cta-contact-wrapper .btn-style-one{
		font-size: 0.7rem;
		padding: 10px 40px;
	}

	.contact-box-style-3{
		padding: 40px 25px;
	}


	.service-card-items{
		height: auto;
	}

	.service-card-items svg{
		display: none;
	}

	.documents-section .row{
		gap: 20px;
	}

	.costs-section .btn-style-one{
		padding: 20px 10px;
	}

	.blog-details__tags a{
		margin: 10px 0;
	}

}

