/* TABLET */

@media (max-width:991px) {

    .mortgage-section::before {
        width: 100%;
		display: none;
    }

    .mortgage-content {
        padding: 0 20px;
        margin-bottom: 50px;
        text-align: start;
    }
	
	.new-infinity-agency-sec .new-infinity-agency-img-box{
		height: auto;
	}

    .mortgage-content h2 {
        font-size: 36px;
    }

    .slider-area {
        margin-left: 0;
        padding: 0 20px;
    }


    .process-wrapper {
        flex-wrap: wrap;
        gap: 40px;
    }

    .process-item {
        width: 45%;
    }

    .process-wrapper::before {
        display: none;
    }

    .head-span {
        justify-content: center;
    }

    .about img {
        width: 100%;
		height: 400px;
		object-fit: cover;
    }

    .cal {
        margin-bottom: 20px;
    }

}


/* MOBILE */

@media (max-width:576px) {

    p {
        font-size: 15px;
    }

    .mortgage-content h2 {
        font-size: 28px;
    }

    .mini-title {
        justify-content: center;
    }

    .view-btn {
        padding: 10px 22px;
        font-size: 14px;
    }

    .service-card img {
        height: 320px;
    }

    .slider-nav {
        justify-content: center;
    }

    .process-item {
        width: 100%;
        text-align: center;
    }

    .icon {
        font-size: 36px;
    }

    .step-number {
        margin: 15px auto;
		display: none;
    }

    .process-item h3 {
        font-size: 18px;
    }

    .hero-section {
        height: auto;
    }

    .hero-right {
        width: auto;
        float: none;
    }

    .side {
        position: static;
    }

}



/* 07.08.2026 */
/* RESPONSIVE QUERY______ */

@media only screen and (min-width: 1440px) {
	
	.hero-section h1 {
    font-size: 56px;
}
	
	.hero-section p {
    font-size: 17px;
}
	
	.infinity-ltitle {
    font-size: 44px;
}
	

}


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

}

@media only screen and (max-width: 1199px) {
	
	.navbar-collapse {
    flex-grow: 0 !important;
}
	
	.navbar-nav {
    gap: 3px;
}
	
	.nav-item .nav-link {
    font-size: 13px;
}

}

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

}

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

}

@media only screen and (max-width: 991px) {
	
	.hero-section h1 {
    font-size: 40px;
}
	
	.hero-section {
    height: 450px;
}
	
	.infinity-ltitle {
    font-size: 34px;
}
	
	.small-img-box {
    display: none;
}
	
	.about-images {
    padding-right: 15px;
}
	
	.service-img{
		margin-bottom: 15px;
	}
	
	img.img-fluid.shadow.infinity-img-fixing {
    width: 100%;
}
	
	.mortgage-section {
    position: relative;
    padding: 60px 0;
    overflow: hidden;
    background: #1c438e;
}
	
	.btn-head {
    text-align: start;
}
	
	img.img-fluid.testimonial-img-right.infinity-img-fixing {
    width: 100%;
}
	
	.footer-bottom p {
    float: none;
    text-align: center;
    margin-top: 0;
	margin-bottom: 6px;
		    width: auto;
}
	
	.bottom-link {
    float: none;
    text-align: center;
}
	
	.navbar-collapse {
        padding: 20px 0;
    }

    .navbar-nav {
        align-items: flex-start;
    }

    .navbar-nav .nav-item {
        width: 100%;
    }
	
	.footer-icon {
    display: none;
}
	
	.inner-banner-cont span.new-in-ban-infi-ty {
    font-size: 30px;
}
	
	

}


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

}

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

}


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

}


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

}

@media only screen and (max-width: 767px) {
	
	.hero-section h1 {
        font-size: 34px;
    }
	
	.cal img {
    width: 100%;
    height: 300px;
}
	
	.team-card img {
    height: auto;
}
	
	.infinity-ltitle {
        font-size: 30px;
    }
	
	.new-infinity-about-sec .new-infinity-about-left-box .new-infinity-about-img {
    height: 400px;
}
	

}

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

}

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

}

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

	.hero-section h1 {
        font-size: 30px;
    }
	
	    .infinity-ltitle {
        font-size: 26px;
    }
	
	.custom-accordion .accordion-button {
    padding: 17px 17px;
		font-size: 16px;
}
	
	.team-social i {
    width: 24px;
    height: 24px;
}
	
	.team-info p {
    font-size: 13px;
}
	
	.team-info h3 {
    font-size: 16px;
}
	
	.inner-banner-cont span.new-in-ban-infi-ty {
        font-size: 26px;
    }
	
	
}

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

}

@media only screen and (max-width: 480px) {
	
	.hero-section {
        height: auto;
    }
	
	.new-infinity-contact-message-sec .new-infinity-form-box {
    padding: 20px;
}

}

@media only screen and (max-width: 414px) {
	
	.contact-card {
    padding: 23px;
}
	
	.parts {
    gap: 0;
    align-items: start;
    flex-direction: column;
}
	
	.new-infinity-expert-sec .new-infinity-expert-box .new-infinity-expert-box-img {
    width: 100%;
}
	
	

}

@media only screen and (max-width: 375px) {
	
	.bottom-link a {
    font-size: 14px;
}
	
	.bottom-link a {
    padding: 0px 12px;
}
	

}

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

}


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

}