/*   1440px  */
/*@media screen and (max-width:1440px){*/
/*    .h-section h1{*/
/*        font-size:62px !important;*/
/*    }*/
/*}*/
@media (min-width:1700px) and (max-width:2560px) {

    /* #hero-banner{
      width: 100%;
      height:740px;
  } */
    .fs-58 {
        font-size: 64px;
    }

    .fs-20 {
        font-size: 20px;
    }

    .fs-14 {
        font-size: 15px;
    }

    .map-height {
        height: 450px;
    }

    .fs-48 {
        font-size: 48px;
    }
    .fs-74{
        font-size: 74px;
    }
    .mt-280{
        margin-top: 180px;
    }
    .mtt-minus-710{
        margin-top: -750px;
    }
    .w-500{
        width: 55%;
    }
}

/*   1440  */
@media screen and (max-width:1440px) {

    /*  new-Font-custome */
    .fs-8 {
        font-size: 8px;
    }

    .fs-10 {
        font-size: 10px;
    }

    .fs-12 {
        font-size: 12px;
    }

    .fs-14 {
        font-size: 14px;
    }

    .fs-16 {
        font-size: 16px;
    }

    .fs-18 {
        font-size: 18px;
    }

    .fs-20 {
        font-size: 20px;
    }

    .fs-22 {
        font-size: 22px;
    }

    .fs-24 {
        font-size: 24px;
    }

    .fs-26 {
        font-size: 26px;
    }

    .fs-28 {
        font-size: 28px;
    }

    .fs-30 {
        font-size: 30px;
    }

    .fs-32 {
        font-size: 32px;
    }

    .fs-34 {
        font-size: 34px;
    }

    .fs-36 {
        font-size: 36px;
    }

    .fs-38 {
        font-size: 38px;
    }

    .fs-44 {
        font-size: 44px;
    }

    .fs-46 {
        font-size: 46px;
    }

    .fs-48 {
        font-size: 48px;
    }

    .fs-50 {
        font-size: 50px;
    }

    .fs-52 {
        font-size: 52px;
    }

    .fs-54 {
        font-size: 54px;
    }

    .fs-56 {
        font-size: 56px;
    }

    .fs-58 {
        font-size: 58px;
    }

    .c-h-100 {
        height: 100% !important;
    }

    .fs-64 {
        font-size: 64px;
    }

    .w-500 {
        width: 50% !important;
    }

    .fw-lightt {
        font-weight: 400 !important;
    }

    .map-height {
        height: 450px;
    }
}

/*   1366  */
@media screen and (max-width:1366px) {

    /*  new-Font-custome */
    .fs-8 {
        font-size: 8px;
    }

    .fs-10 {
        font-size: 10px;
    }

    .fs-12 {
        font-size: 12px;
    }

    .fs-14 {
        font-size: 14px;
    }

    .fs-16 {
        font-size: 16px;
    }

    .fs-18 {
        font-size: 16px;
    }

    .fs-20 {
        font-size: 18px;
    }

    .fs-22 {
        font-size: 22px;
    }

    .fs-24 {
        font-size: 22px;
    }

    .fs-26 {
        font-size: 26px;
    }

    .fs-28 {
        font-size: 28px;
    }

    .fs-30 {
        font-size: 30px;
    }

    .fs-32 {
        font-size: 30px;
        /* background-color: red; */
    }

    .fs-34 {
        font-size: 34px;
    }

    .fs-36 {
        font-size: 36px;
    }

    .fs-38 {
        font-size: 38px;
    }

    .fs-40 {
        font-size: 40px;
    }

    .fs-44 {
        font-size: 44px;
    }

    .fs-46 {
        font-size: 46px;
    }

    .fs-48 {
        font-size: 42px;
    }

    .fs-50 {
        font-size: 50px;
    }

    .fs-52 {
        font-size: 52px;
    }

    .fs-54 {
        font-size: 54px;
    }

    .fs-56 {
        font-size: 56px;
    }

    .fs-58 {
        font-size: 58px;
    }

    #contact-sec img {
        width: 8%;
        height: auto;
    }

    .c-h-100 {
        height: 100% !important;
    }

    .fs-64 {
        font-size: 64px;
    }

    .map-height {
        height: 450px;
    }

    .blue-content {
        top: 12%;
    }

    .yellow-content {
        bottom: 10%;
    }

    .line-height-30 {
        line-height: 26px;
    }
}

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

    /*  new-Font-custome */
    .fs-8 {
        font-size: 7px;
    }

    .fs-10 {
        font-size: 9px;
    }

    .fs-12 {
        font-size: 12px;
    }

    .fs-14 {
        font-size: 12px;
    }

    .fs-16 {
        font-size: 15px;
    }

    .fs-18 {
        font-size: 16px;
    }

    .fs-20 {
        font-size: 16px;
    }

    .main-atv h4 {
        font-size: 22px;
    }

    .fs-22 {
        font-size: 21px;
    }

    .fs-24 {
        font-size: 20px;
    }

    .fs-26 {
        font-size: 24px;
    }

    .fs-28 {
        font-size: 26px;
    }

    .fs-30 {
        font-size: 29px;
    }

    .fs-32 {
        font-size: 28px;
    }

    .fs-34 {
        font-size: 33px;
    }

    .fs-36 {
        font-size: 35px;
    }

    .fs-38 {
        font-size: 37px;
    }

    .fs-40 {
        font-size: 39px;
    }

    .fs-44 {
        font-size: 43px;
    }

    .fs-46 {
        font-size: 45px;
    }

    .fs-48 {
        font-size: 42px;
    }

    .fs-50 {
        font-size: 49px;
    }

    .fs-52 {
        font-size: 48px;
    }

    .fs-54 {
        font-size: 53px;
    }

    .fs-56 {
        font-size: 55px;
    }

    .c-h-100 {
        height: 100% !important;
    }

    .fs-58 {
        font-size: 57px;
    }

    .fs-64 {
        font-size: 63px;
    }

    .fs-100 {
        font-size: 80px;
    }

    /*  line-height  */
    .line-height-110 {
        line-height: 110%;
    }

    .mt-110 {
        margin-top: 85px !important;
    }

    .yellow-content {
        bottom: 0%;
    }
    /*  banner */
    #shades-design{
        height: 580px;
    }
    .mt-280 {
        margin-top: 180px;
    }
}

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

    /*  new-Font-custome */
    .fs-8 {
        font-size: 6px;
    }

    .fs-10 {
        font-size: 8px;
    }

    .fs-12 {
        font-size: 10px;
    }

    .fs-14 {
        font-size: 12px;
    }

    .fs-16 {
        font-size: 14px;
    }

    .fs-18 {
        font-size: 15px;
    }

    .fs-20 {
        font-size: 16px;
    }

    .fs-22 {
        font-size: 18px;
    }

    .fs-24 {
        font-size: 17px;
    }

    .fs-26 {
        font-size: 18px;
    }

    .fs-28 {
        font-size: 24px;
    }

    .fs-30 {
        font-size: 28px;
    }

    .fs-32 {
        font-size: 30px;
    }

    .fs-34 {
        font-size: 32px;
    }

    .fs-36 {
        font-size: 32px;
    }

    .fs-38 {
        font-size: 34px;
    }

    .fs-40 {
        font-size: 38px;
    }

    .fs-44 {
        font-size: 42px;
    }

    .fs-46 {
        font-size: 44px;
    }

    .fs-48 {
        font-size: 32px;
    }

    .fs-50 {
        font-size: 48px;
    }

    .fs-52 {
        font-size: 50px;
    }

    .fs-54 {
        font-size: 44px;
    }

    .fs-56 {
        font-size: 54px;
    }

    .fs-64 {
        font-size: 56px;
    }

    /* .navigation button {
        width: 135px;
        height: 44px;
        letter-spacing: 0.2px;
    } */
    #hero-section button {
        width: 160px;
        height: 44px;
        letter-spacing: 0.2px;
    }

    #contact-sec .form-button {
        height: 40px !important;
    }

    #hero-section .form-button {
        height: 40px !important;
    }

    #footer ul li img {
        width: 8%;
        height: auto;
    }

    #footer .footer-icon img {
        width: 12%;
        height: auto;
    }

    .c-h-100 {
        height: 100% !important;
    }

    /* .section-spacing {
      padding-bottom: 75px;
    } */
    .fs-58 {
        font-size: 46px;
    }

    #hero-banner {
        height: 550px;
    }

    .section-spacing-cta {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .section-spacing {
        padding-top: 80px;
        padding-bottom: 64px;
    }

    .w-500 {
        width: 50% !important;
    }

    .w-5000 {
        width: 75% !important;
    }

    .map-height {
        height: 450px;
    }

    .line-height-24 {
        line-height: 18px;
    }

    .fs-100 {
        font-size: 64px;
    }

    .line-height-32 {
        line-height: 24px;
    }

    .main-atv h4 {
        font-size: 20px;
    }

    .navigation ul li {
        padding: 0px 8px;
    }
    .yellow-content{
        bottom: 18%;
    }
    .blue-content{
        top: 10%;
    }
    .tradewind-bg-cover{
        height: 550px;
    }
    /*    driector's  */
    .card-container.active .info-panel{
        position: absolute;
        top: 412px;
    }
    .cards-wrapper{
        overflow-y: auto;
        height: 410px;
    }
    .card-container{
        height: 400px;
    }
    .card-container.active .info-panel{
        width: 282px;
    }
    .info-panel{
        background-color: #f080222e;
    }
	.h-section h1{
		font-size: 62px !important;
	}
}

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

    /*  new-Font-custome */
    .fs-8 {
        font-size: 5px;
    }

    .fs-10 {
        font-size: 7px;
    }

    .fs-12 {
        font-size: 10px;
    }

    .fs-14 {
        font-size: 11px;
    }

    .fs-18 {
        font-size: 14px;
    }

    .fs-16 {
        font-size: 13px;
    }

    .fs-20 {
        font-size: 16px;
    }

    .fs-22 {
        font-size: 18px;
    }

    .fs-24 {
        font-size: 16px;
    }

    .fs-26 {
        font-size: 18px;
    }

    .fs-28 {
        font-size: 20px;
    }

    .fs-30 {
        font-size: 27px;
    }

    .fs-32 {
        font-size: 24px;
    }

    .fs-34 {
        font-size: 31px;
    }

    .fs-36 {
        font-size: 28px;
    }

    .fs-38 {
        font-size: 30px;
    }

    .fs-40 {
        font-size: 37px;
    }

    .fs-44 {
        font-size: 41px;
    }

    .fs-46 {
        font-size: 43px;
    }

    .fs-48 {
        font-size: 32px;
    }

    .fs-50 {
        font-size: 47px;
    }

    .fs-52 {
        font-size: 49px;
    }

    .fs-54 {
        font-size: 48px;
    }

    .fs-56 {
        font-size: 53px;
    }

    .fs-58 {
        font-size: 32px;
    }

    .fs-64 {
        font-size: 48px;
    }

    .fs-100 {
        font-size: 48px;
    }

    .nav-h {
        height: auto;
    }

    /* .navigation button {
  width: 130px;
  height: 38px;
  letter-spacing: 0.2px;
  } */
    #hero-section button {
        width: 150px;
        height: 40px;
        letter-spacing: 0.2px;
    }

    #hero-section .emi-calcluator .margin-top-form {
        margin-top: 16px;
    }

    #reason-sec img {
        width: 34%;
        height: auto;
    }

    .section-spacing {
        padding-top: 64px;
        padding-bottom: 80px;
    }

    .c-h-100 {
        height: auto !important;
    }

    /*  personal  */
    #pers-hero-section {
        height: 610px;
    }

    .height-map {
        height: 290px;
    }

    #contact-sec img {
        width: 5%;
        height: auto;
    }

    #footer ul li img {
        width: 10%;
        height: auto;
    }

    #footer .footer-icon img {
        width: 17%;
        height: auto;
    }

    #home-hero-section {
        height: 625px;
    }

    #unsecured-hero-section {
        height: 625px;
    }

    #loans-against-hero-section {
        height: 625px;
    }

    #car-hero-section {
        height: 625px;
    }

    #about-hero-section {
        height: 320px;
    }

    .section-spacing {
        padding-top: 64px;
        padding-bottom: 60px;
    }

    /*  contact-page  */

    .logos img {
        width: 60%;
    }

    #hero-banner {
        height: 400px;
    }

    /*  services-scrolling */
    .over-flow-y {
        height: 560px;
        overflow-y: scroll;
    }

    .w-500 {
        width: 75% !important;
    }

    .testi-padding-left-right {
        padding: 0px 48px !important;
    }

    .swiper-button-prev:after,
    .swiper-rtl .swiper-button-next:after {
        content: 'prev';
        font-size: 38px !important;
    }

    .swiper-button-next:after,
    .swiper-rtl .swiper-button-prev:after {
        content: 'next';
        font-size: 38px !important;
    }

    .map-height {
        height: 380px;
    }

    .img-w img {
        width: 52px;
        height: auto;
    }

    .mt-110 {
        margin-top: 60px !important;
    }

    .w-img-f img {
        width: 28px;
        height: auto;
    }
    .about-img img{
        width: 70%;
        height: auto;
    }
    .blue-content {
        top: 22%;
        left: 15%;
    }
    .yellow-content {
        bottom: -5%;
        left: 40%;
    }
    .social-icon img{
    width: 40px;
    height: auto;
    }
    .w-332 {
        width: 160px;
    }
    .contact-page img{
    width: 284px;
    height: auto;
    }
    .h-300 {
        height: 250px;
    }
    .w-755 {
        width: 100%;
    }
    .mt-280 {
        margin-top: 120px;
    }
    #shades-design {
       height: 480px;
    }
	.h-section h1{
		font-size: 52px !important;
	}
	.h-section p{
		font-size: 20px;
	}
    .pbb-12 {
        padding-bottom: 8px;
    }
    .ptt-12 {
        padding-top: 8px;
    }
    .tradewind-bg-cover {
        height: 520px;
    }
    #award-sec-bg{
        height: auto;
    }
    .card-container.active .info-panel {
        width: 250px !important;
        padding: 20px;
    }
    .card-container.active .info-panel{
        top: 360px; 
    }
}

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

    /*  new-Font-custome */
    .fs-8 {
        font-size: 4px;
    }

    .fs-10 {
        font-size: 6px;
    }

    .fs-12 {
        font-size: 8px;
    }

    .fs-14 {
        font-size: 10px;
    }

    .fs-16 {
        font-size: 12px;
    }

    .fs-18 {
        font-size: 14px;
    }

    .fs-20 {
        font-size: 16px;
    }

    .fs-22 {
        font-size: 18px;
    }

    .fs-24 {
        font-size: 16px;
    }

    .fs-26 {
        font-size: 22px;
    }

    .fs-28 {
        font-size: 24px;
    }

    .fs-30 {
        font-size: 26px;
    }

    .fs-32 {
        font-size: 28px;
    }

    .fs-34 {
        font-size: 30px;
    }

    .fs-36 {
        font-size: 24px;
    }

    .fs-38 {
        font-size: 34px;
    }

    .fs-40 {
        font-size: 36px;
    }

    .fs-44 {
        font-size: 40px;
    }

    .fs-46 {
        font-size: 42px;
    }

    .fs-48 {
        font-size: 22px;
    }

    .fs-50 {
        font-size: 46px;
    }

    .fs-52 {
        font-size: 48px;
    }

    .fs-54 {
        font-size: 50px;
    }

    .fs-56 {
        font-size: 52px;
    }

    .fs-58 {
        font-size: 30px;
    }

    .fs-64 {
        font-size: 28px;
    }

    .logos img {
        width: 40%;
    }

    /* #hero-banner {
    height: 230px;
    filter: brightness(0.6);
  } */
    #hero-banner {
        width: 100%;
        height: 260px;
        background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
            url("images/phone-view1.webp");
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        display: flex;
        align-items: center;
    }

    #hero-banner1 {
        width: 100%;
        height: 260px;
        background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
            url("images/phone-view2.webp");
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        display: flex;
        align-items: center;
    }

    #hero-banner2 {
        width: 100%;
        height: 260px;
        background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
            url("images/phone-view3.webp");
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        display: flex;
        align-items: center;
    }

    #hero-banner3 {
        width: 100%;
        height: 260px;
        background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
            url("images/phone-view4.webp");
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        display: flex;
        align-items: center;
    }

    .testi-padding-left-right {
        padding: 0px 24px !important;
    }

    .swiper-button-prev:after,
    .swiper-rtl .swiper-button-next:after {
        content: 'prev';
        font-size: 32px !important;
    }

    .swiper-button-next:after,
    .swiper-rtl .swiper-button-prev:after {
        content: 'next';
        font-size: 32px !important;
    }

    .map-height {
        height: 320px;
    }

    .pad-form {
        padding: 8px 12px !important;
    }

    .pad-form1 {
        padding: 6px 12px !important;
    }

    .over-flow-y::-webkit-scrollbar {
        width: 0px;
        /* vertical scrollbar width */
        height: 0px;
        /* horizontal scrollbar height */
    }

    .w-500 {
        width: 90% !important;
    }

    .w-5000 {
        width: 95% !important;
    }

    .padding-button {
        padding: 0px 0px;
    }
    .line-height-30 {
        line-height: 20px;
    }
    .mt-280 {
        margin-top: 30px;
    }
    #shades-design {
        height: 320px !important;
    }
    .mtt-minus-710 {
    margin-top: -150px !important;
    }
      .border-right-cart {
        border-right:0px;
    }
    /*  main-active  */
    .un-active{
        padding: 0px;
        border-right: 0px;
        color: #a7a7a7 !important;
        font-size: 13px;
    }
    .main-atv{
        padding: 0px;
        border-right: 0px;
        font-size: 14px !important;
    }
    .main-atv h4 {
        font-size: 13px !important;
        color: rgb(255, 255, 255);
        /* border-bottom: 2px solid #e5e5e5; */
    }
    /*   img  */
    .award-img{
        width: 75%;
        height: auto;
        margin: 0 auto;
    }
    .h-section p {
        font-size: 14px !important;
        line-height: 16px;
    }

    .h-section h1 {
        font-size: 28px !important;
    }
    .tradewind-bg-cover{
        height: 450px;
    }
    .award1 .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
        font-size: 16px !important;
        padding: 12px 15px;
    }
    .award1 .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{
         font-size: 16px !important;
        padding: 12px 15px;
    }
    .h-380{
        height:380px !important;
    }
    .h-320{
        height:320px !important;
    }
    }
  

/*   400  */
@media screen and (max-width:400px) {

    /*  new-Font-custome */
    .fs-8 {
        font-size: 3px;
    }

    .fs-10 {
        font-size: 5px;
    }

    .fs-12 {
        font-size: 10px;
    }

    .fs-14 {
        font-size: 12px;
    }

    .fs-16 {
        font-size: 14px;
    }

    .fs-18 {
        font-size: 14px;
    }

    .fs-20 {
        font-size: 14px;
    }

    .fs-22 {
        font-size: 16px;
    }

    .fs-24 {
        font-size: 16px;
    }

    .fs-26 {
        font-size: 18px;
    }

    .fs-28 {
        font-size: 18px;
    }

    .fs-30 {
        font-size: 25px;
    }

    .fs-32 {
        font-size: 24px;
    }

    .fs-34 {
        font-size: 29px;
    }

    .fs-36 {
        font-size: 20px;
    }

    .fs-38 {
        font-size: 22px;
    }

    .fs-40 {
        font-size: 35px;
    }

    .fs-44 {
        font-size: 39px;
    }

    .fs-46 {
        font-size: 41px;
    }

    .fs-48 {
        font-size: 22px;
    }

    .fs-50 {
        font-size: 45px;
    }

    .fs-52 {
        font-size: 47px;
    }

    .fs-54 {
        font-size: 40px;
    }

    .fs-56 {
        font-size: 36px !important;
    }

    .fs-58 {
        font-size: 24px;
    }

    .fs-64 {
        font-size: 28px;
    }

    /* .navigation button {
    width: 124px;
    height: 36px;
    letter-spacing: 0.2px;
  } */
    #hero-section button {
        width: 140px;
        height: 38px;
        letter-spacing: 0.2px;
    }

    #hero-section .form-button {
        height: 38px !important;
    }

    #contact-sec img {
        width: 8%;
        height: auto;
    }

    #footer .footer-icon img {
        width: 10%;
        height: auto;
    }

    #footer ul li img {
        width: 10%;
        height: auto;
    }

    .w-500 {
        width: 90% !important;
    }

    .w-5000 {
        width: 95% !important;
    }

    .trust-img img {
        width: 80%;
        height: auto;
    }

    .fw-lightt {
        font-weight: 300 !important;
    }

    .ser-icon img {
        width: 80%;
        height: auto;
    }

    .line-height-24 {
        line-height: 18px;
    }

    /*   why-choose-us */
    .why-img-icon img {
        width: 32px;
        height: auto
    }

    .section-spacing {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .testi-padding-left-right {
        padding: 0px 20px !important;
    }

    .swiper-button-prev:after,
    .swiper-rtl .swiper-button-next:after {
        content: 'prev';
        font-size: 32px !important;
    }

    .swiper-button-next:after,
    .swiper-rtl .swiper-button-prev:after {
        content: 'next';
        font-size: 32px !important;
    }

    .map-height {
        height: 320px;
    }

    .pad-form {
        padding: 8px 12px !important;
    }

    .pad-form1 {
        padding: 6px 12px !important;
    }

    .over-flow-y::-webkit-scrollbar {
        width: 0px !important;
        /* vertical scrollbar width */
        height: 0px !important;
        /* horizontal scrollbar height */
    }

    .padding-button {
        padding: 0px 0px !important;
    }

    .main-icon i {
        font-size: 18px !important;
    }

    .ruppees-img img {
        width: 70%;
        height: auto;
    }

    .logo img {
        width: 154px;
        height: auto;
    }

    .fs-100 {
        font-size: 32px;
    }

    .letter-spacing-point8 {
        letter-spacing: 1.4px;
    }

    .mt-110 {
        margin-top: 30px !important;
    }

    .head-height {
        height: 30px;
    }

    .footer img {
        width: 160px;
        height: auto;
        border-radius: 12px;
        padding: 7px;
    }
    .yellow-content {
        bottom: -5%;
        left: 40%;
    }
    .blue-content {
        top: 5%;
        left: 5%;
    }
    .line-height-30 {
        line-height: 20px;
    }
    .bg-cover-11{
        height: 310px;
    }
    .width-fit-contentt{
        width:fit-content;
    }
    .d-flexx{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .contact-page img{
        width: 0px; 
    height: auto;
    }
    .social-icon img {
        width: 32px;
        height: auto;
    }
    .border-right{
        border-right: 0px;
    }
    .mt-280 {
        margin-top: 60px;
    }
    #shades-design {
        height: 320px;
    }
    .border-right-cart {
        border-right:0px;
    }
    /*  main-active  */
    .un-active{
        padding: 0px;
        border-right: 0px;
        color: #e5e5e5 !important;
    }
    .main-atv{
        padding: 0px;
        border-right: 0px;
        font-size: 14px !important;
    }
    .main-atv h4 {
        font-size: 14px !important;
        color: rgb(255, 255, 255);
        /* border-bottom: 2px solid #e5e5e5; */
    }
    /*   img  */
    .award-img{
        width: 75%;
        height: auto;
        margin: 0 auto;
    }
	.blog-hero{
		padding: 80px 0px !important;
	}
	.location img {
		width: 42px;
		height: 42px;
	}
	.btn-read-more{
		padding: 4px 16px;
	}
}