/* ================== Media css Start Here ================== */

@media(max-width:1279px) {
    .header-logo-left img,
    .footer-list-logo img {
        max-width: 200px;
    }
    nav ul ul {
        right: 0;
        left: auto;
    }
    nav ul li+li {
        margin-left: 14px;
    }
    .banner-slider img {
        height: 450px;
    }
    .testimonial-form-sec {
        margin-bottom: 60px;
    }
}

@media(max-width:1099px) {
    /* 04-august-2025 */
    nav ul li a {
        padding: 20px 0;
    }
    nav ul li {
        margin-left: 0 !important;
        margin-right: 12px;
    }
    /* 04-august-2025 */
}

@media(max-width:1024px) {
    /* */
    /* nav ul ul {
		height: 200px;
		overflow: auto;
		min-width: 100%;
		padding-bottom: 50px;
		top: 40px;
		border-radius: 0 0 5px 5px;
		left: 0;
		max-width: 100%;
	}
	nav ul li:hover>ul {
		display: none;
	}
	nav ul li.sub-menu-active ul {
		display: block;
	} */
    /* */
    /* toggle */
    /* .header-logo-left {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: nowrap;
	}
	.toggle-btn-mobile {
		width: 100%;
		text-align: right;
		display: flex;
		justify-content: flex-end;
		align-items: center;
		max-width: 46px;
		height: 46px;
	}
	.toggle-btn-mobile a {
		color: var(--secondary_color);
		font-size: 30px;
	}
	.open-icon {
		display: block;
	}
	.close-buttton-icon .open-icon {
		display: none;
	}
	.xmark-icon {
		display: none;
	}
	.close-buttton-icon .xmark-icon {
		display: block;
	}
	.header-logo-menu-sec-bg {
		padding: 14px 0;
	}
		*/
    header.close-buttton-icon .header-logo-menu-sec-bg {
        position: fixed;
        top: 0;
        width: 100%;
        height: 100vh;
        z-index: 3;
        background: #191919;
        overflow: auto;
        height: 100%;
    }
    .inner-header-sec {
        row-gap: 0;
    }
    /* nav */
    /* 04-august-2025 */
    nav ul li a {
        padding: 10px 0;
    }
    .header-logo-menu-sec-bg {
        padding: 20px 0;
    }
    header.ctm-sticky nav>ul>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    /* 04-august-2025 */
}

@media(max-width:991px) {
    h1 {
        font-size: 30px;
    }
    h2,
    .the-best-way-to-predict-heading h2 {
        font-size: 26px;
    }
    h3 {
        font-size: 22px;
    }
    .ctm-section-space {
        margin-top: 40px;
    }
    .call-content-number a,
    .call-content-number i {
        font-size: inherit !important;
    }
    .testi-user-details {
        padding: 20px 0;
    }
    .banner-slider img {
        height: 400px;
    }
    .form-content p,
    .testi-content p {
        font-size: 20px;
    }
    .testimonial-form-sec {
        margin-bottom: 40px;
    }
    .footer-sec-col h3 {
        margin-bottom: 30px;
        padding-bottom: 20px;
    }
    /* 04-august-2025 */
    .navigation-bar {
        width: calc(70% - 20px);
    }
    .header-logo-left {
        width: 30%;
    }
    /* 04-august-2025 */
}

@media(max-width:767px) {
    h2,
    .the-best-way-to-predict-heading h2 {
        font-size: 24px;
        line-height: normal;
    }
    .the-best-way-to-predict-heading h3 {
        margin-top: 18px;
        line-height: normal;
    }
    h1 {
        font-size: 26px;
        line-height: normal;
    }
    .common-primary-button a,
    .common-primary-button button,
    .common-primary-button input {
        font-family: var(--primary_font);
        font-size: 16px;
        padding: 12px 30px;
    }
    .inner-top-header-sec {
        gap: 10px;
    }
    .predict-para-content-sub-list p {
        margin-bottom: 14px;
    }
    .predict-para-content-sub-list {
        text-align: center;
    }
    .form-outer .form-content,
    .form-outer .form-sec {
        width: 100%;
        text-align: center;
    }
    .form-content p {
        line-height: 30px;
    }
    .form-field input {
        padding: 8px;
    }
    .footer-sec-col {
        width: calc(100% / 2 - 15px);
    }
    .footer-sec-col h3 {
        margin-bottom: 20px;
        padding-bottom: 14px;
    }
    .footer-list-number a {
        font-size: 24px;
    }
    .the-best-way-to-predict-heading,
    .heading-sec h2 {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    /* 04-august-2025 */
    /* select-menu */
    .select-menu-list {
        display: block;
        margin-top: 20px;
    }
    /* select-menu */
    .navigation-bar nav {
        display: none;
    }
	  .mobile-dropdown-menu {
        display: block;
    }
    .header-logo-left,
    .navigation-bar {
        width: 100%;
        text-align: center;
    }
    .select-menu-list .select-menu {
        border: 1px solid;
        color: #ffffff;
        background: #203d56;
        font-size: 16px;
        font-family: "Open Sans", sans-serif;
        padding: 14px 20px;
        -webkit-appearance: none;
        -moz-appearance: none;
        text-indent: 1px;
        width: 100%;
    }
    /* 04-august-2025 */
	
	.tar_section {
    scroll-margin-top: 350px; /* or the exact height of your header */
}
}

@media(max-width:639px) {
    .banner-slider-sec-bg ul.slick-dots {
        bottom: 20px;
    }
}

@media(max-width:575px) {
    .header-social-link,
    .header-contact-list {
        width: 100%;
        text-align: center;
    }
    .banner-slider img {
        height: 350px;
    }
    .single-service,
    .footer-sec-col {
        width: 100%;
    }
    .services-list {
        gap: 30px;
    }
    .powered-by-site-left-content,
    .powered-by-site-right-menu {
        width: 100%;
        text-align: center;
    }
    .powered-by-site-left-content p {
        justify-content: center;
    }
    .footer-menu-list {
        text-align: start;
    }
}


/* ================== Media css Start Here ================== */