@media only screen and (max-width: 1600px){
}
@media only screen and (max-width: 1500px){
    .index-banner-slider {
        width: 90%;
        margin: 0 auto;
        height: unset;
        padding: 20px 0px;
    }
    .index-banner-slider-img {
        margin: 50px auto 0px auto;
        width: 500px;
    }
    .header-custom-nav ul li a {
        font-size: 14px;
    }
    .index-banner-slider {
        background: none;
    }
}
@media only screen and (max-width: 1025px){
    .index-banner-slider-img {
        width: 100%;
    }
}
@media only screen and (max-width: 992px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 575px) {
    .header-menu {
        background: var(--orange);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: 50px;
        width: 50px;
        color: #fff;
        border-radius: 50px;
        font-size: 15px;
        position: absolute;
        top: 110%;
        right: 3%;
        z-index: 99999999;
    }
    .header-nav {
        position: fixed;
        width: 80%;
        height: 100%;
        background: rgb(255 255 255 / 50%);
        backdrop-filter: blur(13px);
        left: 0;
        top: 0px;
        padding: 20px 5px;
        transform: translateX(-100%);
        transition: 0.5s;
        flex-direction: column;
        justify-content: flex-start;
        align-items: self-start;
        z-index: 9999999;
        border: 1px solid #FFFFFF80;
        border-radius: 0px 50px 0px 0px;
    }
    .header-active{
        transform: translateX(0%);
    }
    .header-logo img {
        width: 35%;
        margin: 0px 0px 20px 0px;
    }
    .index-banner-wrapper {
        height: 105vh;
    }
    .header-wrap-social ul {
        justify-content: center;
        margin: 0px 0px 5px 0px;
    }
    .header-wrap-flex-tp a {
        font-size: 12px;
    }
    .header-wrap-social ul li span {
        font-size: 15px;
    }
    .index-banner-wrap-text h6 {
        font-size: 30px;
    }
    .index-banner-wrap-text h5 {
        font-size: 80px;
    }
    .index-banner-wrap-text p {
        font-size: 12px;
    }
    .index-banner-wrap-text {
        padding: 0px 0px 50px 0px;
    }
    .index-banner-slider-img {
        width: 80%;
        margin: 90px auto 0px auto;
    }
    .index-banner-slider {
        width: 100%;
        height: unset;
    }
    .index-first-wrapper {
        padding: 100px 0px 65px 0px;
        overflow: hidden;
    }
    .index-first-wrap-text h6 {
        font-size: 14px;
    }
    .index-first-wrap-text h5 {
        font-size: 30px;
    }
    .index-first-wrap-text p {
        font-size: 11px;
    }
    .index-first-wrap-box {
        padding: 35px 20px;
    }
    .index-first-wrap-text a {
        width: 145px;
        font-size: 12px;
    }
    .index-third-wrap-box {
        padding: 50px 30px;
        width: unset;
    }
    .index-third-wrap-text h6 {
        font-size: 20px;
    }
    .index-third-wrap-text p {
        font-size: 12px;
    }
    .index-third-wrap-text a {
        width: 120px;
        font-size: 11px;
    }
    .index-second-wrap-box {
        padding: 50px 30px;
    }
    .index-second-wrap-text h6 {
        font-size: 20px;
    }
    .index-second-wrap-text p {
        font-size: 12px;
    }
    .index-second-wrap-text a {
        width: 120px;
        font-size: 11px;
    }
    .first-wrap-house {
        display: none;
    }
    .index-second-wrap-text-1 h6 {
        font-size: 16px;
    }
    .index-second-wrap-text-1 h5 {
        font-size: 32px;
    }
    .index-second-wrap-text-1 p {
        font-size: 12px;
        margin: 0px 0px 30px 0px;
    }
    .index-second-wrapper {
        overflow: hidden;
        height: 1500px;
    }
    .footer-wrapper {
        overflow: hidden;
    }
    .index-fifth-wrapper {
        overflow: hidden;
        min-height: 2200px;
    }
    .header-custom-nav ul li::before{
        display: none;
    }
    .header-custom-nav ul {
        gap: 30px;
        flex-direction: column;
    }
    .header-nav-flex {
        justify-content: start;
        align-items: self-start;
        flex-direction: column;
        gap: 20px;
    }
    .index-third-wrap-1 h6 {
        font-size: 20px;
    }
    .index-third-wrap-1 h5 {
        font-size: 30px;
    }
    .index-third-wrap-text-side .accordion-body p {
        font-size: 12px;
    }
    .index-third-wrap-text-side .accordion-item h2 {
        font-size: 12px;
    }
    .accordion-btn a {
        font-size: 15px;
    }
    .index-third-wrap-text-side {
        padding: 30px 30px;
        margin: 0px 0px 60px 0px;
    }
    .index-third-box {
        width: 67%;
        margin: 0px auto 30px auto;
    }
    .header-custom-btn {
        margin: unset;
    }
    .header-wrap-flex-tp {
        margin: 0px 0px 5px 0px;
    }
    .index-second-wrap-s1 {
    flex-direction: column;
        gap: 200px;
    }
    .index-second-wrap-main-p1 {
        position: relative;
        margin: 0;
        text-align: center;
    }
    .index-second-wrap-main-p2 {
        position: relative;
        width: 100%;
        left: 0;
    }
    .index-second-wrap-main-p3 {
        position: relative;
        right: 0;
        margin: 50px auto 0 auto;
    }
    .fifth-img-1 {
        position: static;
        margin: 20px 0px 20px 0px;
    }
    .fifth-img-2{
        position: static;
        margin: 0px 0px 20px 0px;
    }
    .fifth-img-3{
        position: static;
        margin: 0px 0px 20px 0px;
    }
    .fifth-img-4{
        position: static;
        margin: 0px 0px 20px 0px;
    }
    .fifth-img-1 img {
        width: 100%;
    }
    .fifth-img-2 img {
        width: 100%;
    }
    .fifth-img-3 img {
        width: 100%;
    }
    .fifth-img-4 img {
        width: 100%;
    }
    .index-sixth-wrap-text h6 {
        font-size: 16px;
    }
    .index-sixth-wrap-text h5 {
        font-size: 26px;
    }
    .index-sixth-wrap-text p {
        font-size: 12px;
    }
    .index-sixth-wrap-text {
        margin: 0px 0px 120px 0px;
    }
    .index-sixth-wrapper .owl-nav {
        top: -15%;
    }
    .index-sixth-wrapper .owl-carousel .owl-nav button {
        width: 40px;
        height: 40px;
    }
    .flextext-detail h6 {
        font-size: 14px;
    }
    .flextext-detail ul li a {
        font-size: 13px;
    }
    .flextext-date h4 {
        font-size: 35px;
    }
    .flextext-date h6 {
        font-size: 12px;
    }
    .sixth-box-flextext-1 p {
        font-size: 12px;
    }
    .sixth-box-flextext-1 a {
        width: 125px;
        font-size: 12px;
        height: 45px;
    }
    .footer-text h5 {
        font-size: 25px;
    }
    .footer-nav ul {
        gap: 30px;
        flex-direction: column;
    }
    .footer-nav ul li a {
        font-size: 15px;
    }
    .copyright-flex {
        flex-direction: column;
        align-items: center;
    }
    .copyright-text p {
        font-size: 13px;
    }
    .copyright-socail ul li {
        font-size: 13px;
    }
    .index-second-wrap-p1 img {
        width: 25%;
    }
    .index-second-wrap-ip1 h6 {
        font-size: 16px;
    }
    .index-second-wrap-ip1 p {
        font-size: 10px;
        margin: 10px 0px;
    }
    .index-second-wrap-ip1 a {
        width: 110px;
        height: 30px;
        font-size: 10px;
    }
    .about-banner-wrap-text h6 {
        font-size: 45px;
    }
    .about-banner-wrap-text p {
        font-size: 12px;
    }
    .find-banner-wrap-text h6 {
        font-size: 40px;
    }
    .find-banner-wrap-text p {
        font-size: 12px;
    }
    .index-third-wrap-text-side {
        padding: 30px 20px;
    }
    .find-first-wrapper.sell_form .form-control {
        font-size: 12px;
        margin: 0px 0px 10px 0px;
    }
    .find-first-wrapper.sell_form form button {
        width: 50%;
        font-size: 14px;
    }
    
    .contact-banner-wrap-text h6 {
        font-size: 45px;
    }
    .contact-banner-wrap-text p {
        font-size: 12px;
    }
    .contact-first-wrapper {
        padding: 50px 0px;
    }
    .contact-first-wrap-text h6 {
        font-size: 32px;
    }
    .contact-banner-wrapper {
        height: 330px;
    }
    .index-fifth-wrap-text h6 {
        font-size: 20px;
    }
    .index-fifth-wrap-text h5 {
        font-size: 33px;
    }
    .index-fifth-wrap-text p {
        font-size: 12px;
        width: 100%;
    }
    .index-fifth-wrap-text a {
        width: 125px;
        height: 45px;
        font-size: 12px;
    }
    .index-second-wrap-p1 {
        width: 345px;
        height: 200px;
        border-radius: 20px 20px 0px 0px;
        box-shadow: unset;
        background-color: var(--orange);
    }
    .index-second-wrap-p1::before {
        width: 290px;
        height: 180px;
        border-radius: 20px 20px 0px 0px;
        border: 5px solid var(--white);
        border-bottom: 0;
    }
    .index-second-wrap-ip1 {
        width: 389px;
        height: 217px;
        bottom: -172px;
        left: 0px;
        padding: 0px 70px;
        opacity: 1;
    }
    .index-second-wrap-ip1::before {
        width: 345px;
        height: 220.5px;
        border-radius: 0px 0px 20px 20px;
        opacity: 1;
        background-color: var(--orange);
        transform: translateY(0px);
    }
    .index-second-wrap-ip1::after {
        width: 290px;
        height: 200.5px;
        border-radius: 0px 0px 25px 25px;
        border: 5px solid var(--white);
        transform: translateY(0px);
        opacity: 1;
    }
    .index-second-wrap-p2 {
        width: 345px;
        height: 220px;
        border-radius: 20px 20px 0px 0px;
        box-shadow: unset;
        background-color: var(--orange);
    }
    .index-second-wrap-p2::before {
        width: 299px;
        height: 200px;
        border-radius: 20px 20px 0px 0px;
        border: 5px solid var(--white);
        border-bottom: 0px;
    }
    .index-second-wrap-ip2 {
        width: 450px;
        height: 280px;
        bottom: -250px;
        left: 0;
    }
    .index-second-wrap-ip2::before {
        width: 345px;
        height: 240px;
        border-radius: 0px 0px 20px 20px;
        background-color: var(--orange);
    }
    .index-second-wrap-ip2::after {
        width: 299px;
        height: 240px;
        border-radius: 0px 0px 20px 20px;
        border: 5px solid var(--white);
        border-top: 0px;
    }
    .index-second-wrap-ip2 h6 {
        font-size: 18px;
    }
    .index-second-wrap-ip2 p {
        font-size: 12px;
        width: 89%;
    }
    .index-second-wrap-p3 {
        width: 345px;
        height: 220px;
        border-radius: 20px 20px 0px 0px;
        box-shadow: unset;
        background-color: var(--orange);
        opacity: 1;
    }
    .index-second-wrap-p3::before {
        width: 310px;
        height: 200px;
        border-radius: 20px 20px 0px 0px;
        border: 5px solid var(--white);
        border-bottom: 0px;
        
    }
    .index-second-wrap-ip3 {
        width: 345px;
        height: 270px;
        bottom: -233px;
        left: 0px;
        overflow: hidden;
        opacity: 1;
    }
    .index-second-wrap-ip3::before {
        width: 345px;
        height: 239px;
        border-radius: 0px 0px 20px 20px;
        overflow: hidden;
        background-color: var(--orange);
        transform: translateY(0px);
        opacity: 1;
    }
    .index-second-wrap-ip3::after {
        width: 310px;
        height: 230px;
        border-radius: 0px 0px 20px 20px;
        border: 5px solid var(--white);
        border-top: none;
        transform: translateY(0px);
        opacity: 1;
    }
    .index-second-wrap-main-p1:hover .index-second-wrap-ip1 {
        opacity: unset;
    }
    .progress-wrap {
        height: 35px;
        width: 35px;
    }
    .progress-wrap::before {
        font-size: 12px;
        left: -5px;
        top: -5px;
    }
    .progress-wrap::after {
        font-size: 14px;
        left: -5px;
        top: -5px;
    }
    .index-banner-wrapper .owl-carousel .owl-nav button {
        opacity: .9;
    }
}
@media only screen and (max-width: 425px) {
}
@media only screen and (max-width: 375px) {
    .index-third-box {
        width: 75%;
        margin: 0px auto 30px auto;
    }
    .index-fifth-wrapper {
        min-height: 1740px;
    }
    .index-second-wrap-ip1 {
        width: 389px;
        height: 217px;
        bottom: -172px;
        left: -19px;
        padding: 0px 70px;
    }
    .index-second-wrap-ip2 {
        left: -70px;
    }
    .index-second-wrap-main-p3 {
        right: -1%;
    }
    .index-second-wrap-ip3 {
        width: 353px;
        height: 240px;
        left: -6px;
    }
    .index-second-wrap-ip3::before {
        width: 345px;
        height: 239px;
    }
    
}
@media only screen and (max-width: 320px) {
    .index-third-box {
        width: 90%;
        margin: 0px auto 30px auto;
    }
    .index-fifth-wrapper {
        min-height: 1540px;
    }
    .index-second-wrap-p1 {
        width: 295px;
        height: 200px;
        border-radius: 20px 20px 0px 0px;
        box-shadow: unset;
    }
    .index-second-wrap-p1::before {
        width: 260px;
        height: 180px;
        border-radius: 20px 20px 0px 0px;
    }
    .index-second-wrap-ip1 {
        width: 349px;
        height: 217px;
        bottom: -172px;
        left: -27px;
        padding: 0px 70px;
    }
    .index-second-wrap-ip1::before {
        width: 295px;
        height: 220.5px;
        border-radius: 0px 0px 20px 20px;
    }
    .index-second-wrap-ip1::after {
        width: 260px;
        height: 200.5px;
        border-radius: 0px 0px 25px 25px;
    }
    .index-second-wrap-main-p1 {
        position: relative;
        margin: 0;
        text-align: start;
    }
    .index-second-wrap-p2 {
        width: 295px;
    }
    .index-second-wrap-p2::before {
        width: 250px;
    }
    .index-second-wrap-ip2 {
        width: 490px;
        bottom: -220px;
        left: -97px;
    }
    .index-second-wrap-ip2::before {
        width: 295px;
        height: 240px;
    }
    .index-second-wrap-ip2 h6 {
        font-size: 15px;
    }
    .index-second-wrap-ip2 p {
        font-size: 12px;
        width: 75%;
    }
    .index-second-wrap-ip2::after {
        width: 250px;
    }
    .index-second-wrap-p3 {
        width: 295px;
    }
    .index-second-wrap-p3::before {
        width: 260px;
    }
    .index-second-wrap-ip3 {
        width: 353px;
        left: -29px;
    }
    .index-second-wrap-ip3::before {
        width: 295px;
        height: 239px;
    }
    .index-second-wrap-ip3::after {
        width: 260px;
        left: 47px;
    }
}