@media only screen and (max-width: 1366px) {
    /* header */
        .header{padding: 36px 0 18px;}
        .container{padding: 0 80px;}
        .header .logo{width: 140px;}
        .navigation ul li{margin-right: 20px;}
        .navigation ul li:nth-last-of-type(2){margin-right: 20px;}
        .navigation ul li:last-of-type{margin-left: 0px;}
        .navigation ul li a{font-size: 18px;}
        .navbar-dropdown img{margin-left: 6px;width: 13px;}
        .header-buttons .primary-btn{margin-right: 14px;}
        .primary-btn{min-width: 100px;padding: 10px 9px;font-size: 20px;}
        .secondary-btn{min-width: 100px;padding: 10px 9px;font-size: 20px;}

     /* main-banner */
        .financial-team{background-image: none;}
        .main-banner{padding: 80px 0 100px;margin-top: 94px;}
        .main-banner h1{font-size: 50px;line-height: normal;margin-bottom: 60px;}
        .main-banner-content{width: 55%;}
        .main-banner-content h2{font-size: 44px;line-height: 55px;margin-bottom: 26px;}

    /* video */
    .video-section{padding: 100px 0;}

    /* mission */
        .mission-content-section img{width: 75%;}
        .mission-main-content{padding: 100px 100px 100px 65px;}
        .mission-main-content h5{font-size: 62px;line-height: 55px;margin-bottom: 50px;letter-spacing: 5px;}
        .mission-main-content p{font-size: 20px;line-height: 30px;}

    /* meet team */
        .meet-team{padding: 100px 0;}
        .meet-team h4{font-size: 36px;line-height: normal;margin-bottom: 60px;}
        .meet-team-list ul{flex-wrap: wrap;}

     /* partner-team */
     .partner-team{padding: 100px 0;}
     .partner-team h4{font-size: 36px;line-height: normal;margin-bottom: 60px;}
     .partner-team-list ul li{text-align: center;}
     .partner-team-list ul li figure{width: 100%;height: 105px;margin: 0 auto 28px;}
     .partner-team-list ul li h3{font-size: 24px;line-height: 30px;}
    
    /* banner */
        .banner{padding: 100px 0;}
        .banner-wrap{width: auto;}
        .banner-img-2{bottom: -110px;}
        .banner-sections h1{font-size: 43px;line-height: 50px;margin-bottom: 20px;}
        .banner-sections p{margin-bottom: 20px;}
        .loan-card{width: auto;height: auto;padding: 28px;}
        .loan-card h2{font-size: 22px;line-height: normal;margin-bottom: 18px;}
        .slider{margin-bottom: 25px;}
        .output{font-size: 15px;line-height: normal;}
        .loan-card h3{font-size: 18px;line-height: normal;margin-bottom: 15px;}
        .loan-card ul li label{font-size: 15px;line-height: normal;}
        .loan-card ul li span{font-size: 15px;line-height: normal;}
        .loan-card-shadow{display: none;}

    /* modal */
        .modal-main-wrap{width: 650px;padding: 25px;}
        .modal-header {margin-bottom: 20px;}
        .modal-heading {font-size: 22px;line-height: 20px;}
        table tr th{font-size: 16px;line-height: 32px;}
        table tr td{font-size: 14px;line-height: 32px;}

    /* how it works */
        .how-it-works{padding: 108px 0;}
        .how-it-works h4{font-size: 36px;line-height: normal;margin-bottom: 60px;}
        .timeline{max-width: 750px;}
        .works-card{max-width: 230px;min-height: 218px;padding: 40px 15px 0 18px;}
        .works-card .card-number{left: 20px;top: -20px;width: 38px;height: 38px;}
        .works-card .card-number span{line-height: 22px;}
        .works-card h5{line-height: 28px;}
        .works-card p{line-height: 24px;}

    /* happy workplace */
        .workplace-section img{width: 100%;}
        .workplace-main-section{padding: 100px 0;}
        .workplace-main-section img{width: 80%;}
    
    /* benefits for employee */
        .benefits-section{padding: 108px 0 108px;}
        .employee-benefits{width: 100%;}
        .employers{padding: 108px 0;}
        .benefits-section .employee-benefits h4{font-size: 36px;line-height: normal;margin-bottom: 60px;}
        .card-wrap{gap: 30px;}
        .card-wrap .benefit-card{max-width: 350px;padding: 22px;}
        .card-wrap .benefit-card .card-figure{width: 40px;height: 40px;margin-bottom: 18px;}
        .card-wrap .benefit-card .card-content h5{font-size: 22px;line-height: 22px;margin-bottom: 12px;}
        .card-wrap .benefit-card .card-content p{font-size: 16px;line-height: 22px;}

    /* financial product */
        .financial-product{padding: 108px 0;background-position: 88% 76px;}
        .financial-product h4{font-size: 36px;line-height: normal;margin-bottom: 60px;}
        .financial-product-wrap{gap: 40px;}
        .financial-card{width: 48%;padding: 38px 38px 68px;}
        .financial-card figure{margin-bottom: 28px;}
        .employers-card figure{width: 46px;height: 46px;}
        .financial-card h5{font-size: 42px;margin-bottom: 16px;}
        .financial-card p{font-size: 13.5px;line-height: 24px;margin-bottom: 30px;}
        .financial-card button{width: 100%;font-size: 14px;}   
        
    /* why rely */
        .why-rely{padding: 80px 0;}
        .why-rely h4{font-size: 26px;line-height: normal;margin-bottom: 60px;}
        .tabs ul{padding: 0 25px 0 0 !important;}
        .tabs ul li{margin-bottom: 32px !important;}
        .tabs ul li a{font-size: 22px;line-height: 26px;} 
        
    /* about us */
        .about-us-section img{width: 100%;}
        .about-us-content{padding: 130px 130px 130px 65px;}
        .about-us-content h5{font-size: 18px;line-height: 28px;margin-bottom: 22px;}
        .about-us-content p{font-size: 14px;line-height: 25px;}   

    /* partner company */
        .partner-company{padding: 100px 0;}
        .partner-company h4{font-size: 36px;line-height: 40px;margin-bottom: 18px;}
        .partner-company p{margin-bottom: 60px;}
        .partner-company .partner-swiper .swiper-slide figure{width: 145px;height: 145px;}
        
    /* download */
        .download-section{display: flex;padding: 100px 0;background: #D3F4F2;}
        .download-section-wrap figure{width: 190px;height: 190px;}
        .download-wrap-content h4{font-size: 36px;line-height: 40px;margin-bottom: 8px;}
        .download-wrap-content p{font-size: 20px;}
        .download-wrap-content .button-grp{margin-top: 30px;}

    /* FAQ */
        .faqs{padding: 108px 0;background: url('../images/questions.webp') 88% 76px no-repeat;}
        .faqs h4{font-size: 36px;line-height: normal;margin-bottom: 60px;}
        .faq-sections:first-of-type{width: 70%;}
        .faq-sections img{width: 100%;}
        .ui-accordion-header{padding: 20px !important;margin-bottom: 18px !important;}
        .ui-accordion-header-active{margin-bottom: 0 !important;} 
        .ui-accordion-content{font-weight: 600;line-height: 22px;margin-bottom: 18px !important;}
    
    /* connect us */
        .connect-us{padding: 108px 0;}
        .connect-us h4{font-size: 36px;line-height: normal;margin-bottom: 60px;}
        .form-wrap{width: 560px;}
        .form-field-wrapper{margin-bottom: 22px;}    
    
    /* POWERFUL FEATURES */
        .trust-us{padding: 108px 0;}
        .trust-us h4{font-size: 36px;line-height: normal;margin-bottom: 60px;}
        .trust-us .trust-layoutlist{gap: 30px;}
        .trust-layoutlist li{width: 20%;}
        .trust-layoutlist li p{font-size: 16px;line-height: normal;}

    /* footer */
        .footer{padding: 70px 0;}
        .footer-top{margin-bottom: 28px;padding-bottom: 95px;}
        .footer-address{width: 60%;}
        .footer-logo{margin-bottom: 22px;width: 180px;}
        .address-details span{line-height: normal;margin-bottom: 5px;}
        .address-details address{line-height: 20px;}
        .footer-link-list{width: 18%;}
        .footer-link-list:last-of-type{width: 25%;}
        .footer-link-list h5{line-height: normal;margin-bottom: 22px;}
        .footer-link-list ul li{margin-bottom: 15px;}
        .footer-link-list a{line-height: normal;}
        .footer-bottom p{line-height: normal;}

    /* qr-scanner */
        .QR-scanner{display: flex;padding: 100px 0;background: #D3F4F2;}
}
    
@media only screen and (max-width: 991px) {
    /* header */
        .header{padding: 30px 0 18px;}
        .container{padding: 0 60px;}
        .nav-mobile{display: flex;}
        #nav-toggle{position: absolute;right: 60px;top: 32px;padding: 10px 35px 16px 0px;}
        #nav-toggle span,#nav-toggle span:before,#nav-toggle span:after{content: '';cursor: pointer;border-radius: 1px;height: 2px;width: 30px;background: #000;position: absolute;display: flex;-webkit-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
        #nav-toggle span:before{top: -10px;}
        #nav-toggle span:after{bottom: -10px;}
        #nav-toggle.active span{background-color: transparent;}
        #nav-toggle.active span:before, #nav-toggle.active span:after{top: 0;}
        #nav-toggle.active span:before{transform: rotate(45deg);}
        #nav-toggle.active span:after{transform: rotate(-45deg);} 
        .navigation ul li:nth-last-of-type(2){margin-right: 0px;}
        .navigation ul{width: 100%;display: none;position: absolute;left: 0;top: 77px;padding: 0px 0px 30px;background-color: #fff;} 
        #header-menu-list{box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);}
        .navigation ul li{margin-right: 0;margin-bottom: 0px;text-align: center;}
        .navigation ul li:last-child{margin-bottom: 0px;text-align: center;}
        .navigation ul li a{width: 100%;display: inline-block;justify-content: center;padding: 10px 0;}  
        .navigation #header-menu-list li:last-of-type a{padding: 0;}
        ul.dropdown{position: static;box-shadow: none;padding: 0;}
        ul.dropdown li:last-of-type a{padding: 10px 0 !important;}
        .header-dropdown-wrap h4,.header-dropdown-wrap figure{display: none;}
        .header-dropdown-wrap .header-dropdown-btn a{width: 30%;margin: 0 auto;}
        .header-dropdown-wrap .header-dropdown-btn{margin-bottom: 15px;}

    /* toaster */
    #success-msg{top: 100px;}

    /* main-banner */
        .main-banner{padding: 80px 0;margin-top: 77px;}
        .main-banner h1{font-size: 38px;margin-bottom: 40px;}
        .main-banner-content p{font-size: 16px;}
        .main-banner-content h2{font-size: 34px;line-height: 44px;margin-bottom: 24px;}

    /* video */
        .video-section{padding: 80px 0;}  
        .video-section iframe{height: 450px !important;}
        
    /* mission */
        .mission-content-section img{width: 70%;}
        .mission-main-content{padding: 80px 80px 80px 60px;} 
        .mission-main-content h5 {font-size: 52px;line-height: 50px;margin-bottom: 45px;letter-spacing: 1px;}
        .mission-main-content p{font-size: 18px;line-height: 26px;}
        
    /* meet team */
        .meet-team{padding: 80px 0;}
        .meet-team h4{font-size: 30px;margin-bottom: 50px;}
        .meet-team-list ul{gap: 25px;}
        .meet-team-list ul li h3{font-size: 20px;}

             /* partner-team */
     .partner-team{padding: 80px 0;}
     .partner-team h4{font-size: 30px;margin-bottom: 50px;}
     .partner-team-list ul li{width: 50%;text-align: center;}
     .partner-team-list ul li figure{width: 100%;;height: 90px;margin: 0 auto 25px;}
     .partner-team-list ul li h3{font-size: 22px;}
    
    /* banner */
        .banner{padding: 80px 0;}
        .banner-wrap{flex-wrap: wrap;}
        .banner-sections{width: 100%;}
        .banner-sections:first-of-type{width: 100%;margin-bottom: 25px;}
        .banner-sections h1{font-size: 40px;margin-bottom: 18px;}
        .banner-sections p{line-height: 30px;margin-bottom: 16px;}
        .loan-card{padding: 25px;}
        .loan-card h2{font-size: 20px;margin-bottom: 17px;}
        .slider{margin-bottom: 22px;}
        .output{font-size: 15px;}
        .loan-card h3{font-size: 18px;margin-bottom: 15px;}
        .loan-card ul li label{font-size: 15px;}
        .loan-card ul li span{font-size: 15px;}

    /* modal */
        .modal-main-wrap{width: 550px;padding: 22px;}
        .modal-header {margin-bottom: 20px;}
        .modal-heading {font-size: 20px;line-height: normal;}
        table tr th{font-size: 15px;line-height: 30px;}
        table tr td{font-size: 14px;line-height: 30px;}    

    /* how it works */
        .how-it-works{padding: 80px 0;}
        .how-it-works h4{font-size: 30px;margin-bottom: 50px;}
        .timeline{max-width:590px;}
        .right-card{left: 68%;}
        .works-card{max-width: 180px;min-height: 200px;padding: 30px 15px 0 18px;}
        .works-card .card-number{left: 16px;top: -16px;width: 30px;height: 30px;}
        .works-card .card-number span{font-size: 16px;line-height: 20px;}
        .works-card h5{font-size: 18px;line-height: 25px;}
        .works-card p{font-size: 14px;line-height: 20px;} 
        .works-card .line{width: 115px;}
        .left-card .line{left: 178px;}
        .right-card .line{left: -98px;width: 97px;}

    /* happy workplace */
        .workplace-main-section{padding: 80px 0;}    
    
    /* benefits for employee */
        .benefits-section{padding: 80px 0 80px;}
        .employers{padding: 80px 0;}
        .benefits-section .employee-benefits h4{font-size: 30px;margin-bottom: 50px;}
        .card-wrap{gap: 28px;}
        .card-wrap .benefit-card{max-width: 46%;padding: 20px;}
        .card-wrap .benefit-card .card-figure{width: 38px;height: 38px;margin-bottom: 16px;}
        .card-wrap .benefit-card .card-content h5{font-size: 20px;line-height: normal;margin-bottom: 10px;}
        .card-wrap .benefit-card .card-content p{line-height: normal;}
    
    /* financial product */
        .financial-product{padding: 80px 0;background-image: none;}
        .financial-product h4{font-size: 30px;margin-bottom: 50px;}
        .financial-product-wrap{gap: 30px;}
        .financial-card{padding: 30px 30px 40px;}
        .financial-card figure{margin-bottom: 22px;width: 40px;height: 40px;}
        .financial-card figure img{width: 100%;height: 100%;}
        .employers-card figure{width: 40px;height: 40px;}
        .employers-card figure img{width: 20px;height: 20px;}
        .financial-card h5{font-size: 28px;margin-bottom: 15px;}
        .financial-card p{font-size: 12px;margin-bottom: 22px;}
        .financial-card button{font-size: 12px;}

    /* why rely */
        .why-rely{padding: 70px 0;background-image: none;}
        .why-rely h4{font-size: 30px;margin-bottom: 50px;}
        .tabs ul{padding: 0 20px 0 0 !important;}
        .tabs ul li{margin-bottom: 28px !important;height: 25px;}
        .tabs ul li a{font-size: 18px;line-height: normal;}

    /* about us */
        .about-us-content{padding: 80px 80px 80px 60px;}
        .about-us-content h5{font-size: 16px;line-height: normal;margin-bottom: 20px;}
        .about-us-content p{font-size: 12px;line-height: 20px;}

    /* partner company */
        .partner-company{padding: 80px 0;}
        .partner-company h4{font-size: 30px;line-height: 30px;margin-bottom: 15px;}
        .partner-company p{margin-bottom: 50px;font-size: 20px;}
        .partner-company .partner-swiper .swiper-slide figure{width: 145px;height: 125px;}

    /* download */
        .download-section{padding: 80px 0;}
        .download-section-wrap{width: 100%;flex-direction: column;}
        .download-section-wrap figure{width: 150px;height: 150px;margin: 0 0 35px 0px;}
        .download-wrap-content h4{font-size: 30px;line-height: 30px;margin-bottom: 8px;}
        .download-wrap-content p{font-size: 18px;}
        .download-wrap-content .button-grp{margin-top: 25px;}

    /* FAQ */
        .faqs{padding: 80px 0;background-image: none;}
        .faqs h4{font-size: 30px;margin-bottom: 50px;}
        .faq-wrapper{flex-wrap: wrap;}
        .faq-sections{width: 100%;}
        .faq-sections:first-of-type{width: 100%;}
        .ui-accordion-header{padding: 15px !important;font-size: 20px !important;line-height: normal;margin-bottom: 18px !important;}
        .ui-accordion-header-active{margin-bottom: 0 !important;} 
        .ui-accordion-content{font-size: 14px !important;font-weight: 600;line-height: 22px;margin-bottom: 18px !important;}

    /* connect us */
        .connect-us{padding: 80px 0;}
        .connect-us h4{font-size: 30px;margin-bottom: 50px;}
        .form-wrap{width: 560px;}
        .form-field-wrapper{margin-bottom: 20px;}

    /* POWERFUL FEATURES */
        .trust-us{padding: 80px 0;}
        .trust-us h4{font-size: 30px;margin-bottom: 50px;}
        .trust-us .trust-layoutlist{gap: 25px;}
        .trust-layoutlist li {width: 22%;}  
     
    /* footer */
        .footer{padding: 60px 0;}
        .footer-top{margin-bottom: 26px;padding-bottom: 80px;}
        .footer-address{width:48%;}
        .footer-link-list{width: 22%;}
        .footer-link-list:last-of-type{width: 32%;}
        .footer-logo{margin-bottom: 20px;width: 150px;}
        .footer-link-list h5{line-height: normal;margin-bottom: 20px;}
        .footer-link-list ul li{margin-bottom: 12px;}
        .trust-layoutlist li p {font-size: 14px; }
        .trust-layoutlist li figure{width: 150px;}

}
    
@media only screen and (max-width: 767px) {
    /* header */
        .header{padding: 24px 0 18px;}
        .container{padding: 0 30px;}
        #nav-toggle{right: 30px;top: 28px;}
        #nav-toggle span:before{top: -8px;}
        #nav-toggle span:after{bottom: -8px;}
        .navigation ul{top: 77px;} 
        .header-dropdown-wrap .header-dropdown-btn a{width: 40%;}

    /* toaster */
        #success-msg{top: 90px;}

    /* main-banner */
        .main-banner{padding: 60px 0;margin-top: 77px;}
        .main-banner h1{font-size: 32px;}
        .main-banner-wrap{flex-wrap: wrap;flex-direction: column-reverse;}
        .main-banner-content h2{font-size: 30px;line-height: 40px;margin-bottom: 20px;}
        .main-banner-content{width: 100%;}
        .banner-content-image{margin: 0px auto 30px;}

    /* video */
        .video-section{padding: 60px 0;}  
        .video-section iframe{height: 350px !important;}
        
    /* mission */
        .misssion-wrap{flex-wrap: wrap;}
        .mission-content-section{width: 100%;margin-bottom: 20px;}
        .mission-main-content{width: 100%;padding: 30px;}
        .mission .book-meeting-wrap{margin-top: 30px;}
        
        /* meet team */
        .meet-team{padding: 60px 0;}
        .meet-team h4{font-size: 28px;margin-bottom: 40px;}
        .meet-team-list ul{gap: 25px;}
        .meet-team-list ul li figure{width: 250px;height: 250px;margin: 0 auto 20px;} 
        .meet-team-list ul li h3{font-size: 18px;}

                     /* partner-team */
     .partner-team{padding: 60px 0;}
     .partner-team h4{font-size: 28px;margin-bottom: 40px;}
     .partner-team-list ul li{width: 50%;text-align: center;}
     .partner-team-list ul li figure{width: 100%;;height: 90px;margin: 0 auto 25px;}
     .partner-team-list ul li h3{font-size: 20px;}
    
    /* banner */
        .banner{padding: 60px 0;}
        .banner-sections:first-of-type{margin-bottom: 22px;}
        .banner-sections h1{font-size: 36px;margin-bottom: 16px;}
        .banner-sections p{margin-bottom: 16px;font-size: 18px;line-height: 26px;}
        .banner-sections img{display: none;}
        .loan-card{padding: 22px;}
        .loan-card h2{font-size: 18px;margin-bottom: 15px;}
        .slider{margin-bottom: 20px;}
        .output{font-size: 14px;}
        .loan-card h3{font-size: 16px;margin-bottom: 14px;}
        .loan-card ul li label{font-size: 15px;}
        .loan-card ul li span{font-size: 15px;}

    /* modal */
        .modal-main-wrap{width: 500px;padding: 20px;}
        .modal-header {margin-bottom: 18px;}
        .modal-heading {font-size: 18px;}
        table tr th{font-size: 15px;line-height: 30px;}
        table tr td{font-size: 14px;line-height: 30px;}            

    /* how it works */
        .how-it-works{padding: 60px 0;}
        .how-it-works h4{font-size: 28px;margin-bottom: 40px;}
        .timeline{max-width: 100%;display: flex;flex-wrap: wrap;gap: 25px;}
        .right-card{left: 0%;}
        .works-card{position: relative;width: 100%;max-width: 100%;min-height: 110px;padding: 18px;}
        .works-card .card-number{left: 16px;top: -16px;width: 30px;height: 30px;}
        .works-card .card-number span{line-height: 20px;}
        .works-card .line, .default-line,.draw-line{display: none;}
    
    /* benefits for employee */
        .benefits-section{padding: 60px 0 60px;}
        .employers{padding: 60px 0;}
        .benefits-section .employee-benefits h4{font-size: 28px;margin-bottom: 40px;}
        .card-wrap{gap: 25px;}
        .card-wrap .benefit-card{max-width: 46%;padding: 18px;}
        .card-wrap .benefit-card .card-figure{width: 38px;height: 38px;margin-bottom: 15px;}
        .card-wrap .benefit-card .card-content h5{font-size: 18px;margin-bottom: 10px;}
        .card-wrap .benefit-card .card-content p{font-size: 14px;}
    
    /* POWERFUL FEATURES */
        .trust-us{padding: 60px 0;}
        .trust-us h4{font-size: 28px;margin-bottom: 40px;}
        .trust-us .trust-layoutlist{gap: 20px;}
        .trust-layoutlist li{width: 100%;}
        .trust-layoutlist li figure{margin: 0 auto;}

    
    /* happy workplace */
        .workplace-main-section{padding: 60px 0;}

    /* financial product */
        .financial-product{padding: 60px 0;}
        .financial-product h4{font-size: 28px;margin-bottom: 40px;}
        .financial-product-wrap{gap: 25px;flex-wrap: wrap;}
        .financial-card{padding: 25px;width: 100%;}
        .financial-card figure{margin-bottom: 20px;}
        .financial-card h5{font-size: 24px;margin-bottom: 14px;}
        .financial-card p{font-size: 12px;margin-bottom: 20px;line-height: normal;}

            /* download */
            .download-section{padding: 60px 0;}
         .download-section-wrap{flex-wrap: wrap;}
            .download-section-wrap figure{margin: 0 auto 30px;}
            .download-wrap-content{width: 100%;}

    /* why rely */
        .why-rely{padding: 60px 0;}
        .why-rely h4{font-size: 28px;margin-bottom: 40px;}
        .tabs ul{padding: 0 18px 0 0 !important;}
        .tabs ul li{margin-bottom: 22px !important;height: 20px;}
        .tabs ul li a{font-size: 16px;line-height: normal;}

    /* about us */
        .about-us{flex-wrap: wrap;}
        .about-us-section{width: 100%;text-align: center;}
        .about-us-content{padding: 60px;text-align: left;}
        .about-us-section img{width: 50%;}
        .about-us-content h5{font-size: 15px;margin-bottom: 18px;}

    /* partner company */
        .partner-company{padding: 60px 0;}
            .partner-company h4{font-size: 28px;line-height: 30px;margin-bottom: 15px;}
        .partner-company p{margin-bottom: 40px;font-size: 18px;}
            .partner-company .partner-swiper .swiper-slide figure{width: 145px;height: 100px;}

    /* FAQ */
        .faqs{padding: 60px 0;}
        .faqs h4{font-size: 28px;margin-bottom: 40px;}
        .ui-accordion-header-active{margin-bottom: 0 !important;} 

    /* connect us */
        .connect-us{padding: 60px 0;background-image: none;}
        .connect-us h4{font-size: 28px;margin-bottom: 40px;}
        .form-wrap{width: 100%;}
        .form-field-wrapper{margin-bottom: 18px;}

    /* footer */
        .footer{padding: 60px 0;}
        .footer-top{margin-bottom: 20px;padding-bottom: 60px;flex-wrap: wrap;}
        .footer-address{width: 100%;margin-bottom: 30px;}
        .footer-logo{margin-bottom: 18px;}
        .footer-link-list{width: 30%;}
        .footer-link-list:last-of-type{width: 40%;}
        .footer-link-list h5{margin-bottom: 18px;}

    /* qr scanner section */
    .QR-scanner{padding: 60px 0;}

}
    
@media only screen and (max-width: 575px) {
    /* header */
        .header{padding: 15px 0;}
        .container{padding: 0 15px;}
        #nav-toggle{right: 6px;top: 20px;}
        #nav-toggle span,#nav-toggle span:before,#nav-toggle span:after{width: 25px;}
        .navigation ul{top: 65px;} 
        .navigation ul li a{font-size: 16px;padding: 7px 0;}
        .header-dropdown-wrap .header-dropdown-btn a{width: 90%;}

        /* toaster */
        #success-msg{top: 75px;}

    /* main-banner */
    .main-banner{padding: 30px 0;margin-top: 65px;}
    .main-banner h1 {font-size: 25px;line-height: 30px;}
    .banner-content-image{margin: 0px auto 30px;width: 100% !important;}
    .main-banner-content h2{font-size: 22px;line-height: 36px;margin-bottom: 24px;}

       /* video */
       .video-section{padding: 30px 0;} 
       .video-section iframe{height: 250px !important;}

           /* mission */
           .mission-main-content{padding: 30px;}
           .mission-main-content h5 {font-size: 48px;line-height: 40px;margin-bottom: 45px;letter-spacing: 0px;}
           .mission .book-meeting-wrap{margin-top: 10px;}
                   
        /* meet team */
        .meet-team{padding: 60px 0;}
        .meet-team h4{margin-bottom: 30px;}
        .meet-team-list ul li{width: 100%;}

                     /* partner-team */
                     .partner-team{padding: 60px 0;}
                     .partner-team h4{margin-bottom: 40px;}
                     .partner-team-list ul{flex-wrap: wrap;}
                     .partner-team-list ul li{width: 100%;text-align: center;}
                     .partner-team-list ul li figure{width: 100%;;height: 90px;margin: 0 auto 25px;}
                     .partner-team-list ul li h3{font-size: 18px;}

    /* banner */
        .banner{padding: 60px 0;}
        .banner-sections:first-of-type{margin-bottom: 18px;}
        .banner-sections h1{font-size: 30px;margin-bottom: 14px;line-height: 40px;}
        .banner-sections p{font-size: 16px;margin-bottom: 14px;}
        .loan-card{padding: 18px;}
        .loan-card h2{font-size: 16px;margin-bottom: 15px;}
        .slider{margin-bottom: 18px;}
        .output{font-size: 11px;min-width: 68px;margin-bottom: 8px;}
        .loan-card h3{font-size: 14px;margin-bottom: 12px;}
        .loan-card ul li label{font-size: 14px;}
        .loan-card ul li span{font-size: 14px;}

    /* modal */
        .modal-main-wrap{width: 300px;padding: 15px;}
        .modal-header {margin-bottom: 16px;}
        .modal-heading {font-size: 16px;}
        .modal-content{overflow-x: auto;width: 270px;}
        table tr th{font-size: 12px;line-height: 26px;}
        table tr td{font-size: 11px;line-height: 26px;}  
        
        
            /* download */
            .download-section{padding: 30px 0;}
            .download-section-wrap figure{margin: 0 auto 25px;}
            .download-wrap-content{text-align: center;}
            .download-wrap-content p{font-size: 16px;line-height: 20px;}
            .button-grp{flex-direction: column;justify-content: center;width: 100%;gap: 15px;}
            .button-grp a{margin: 0 auto;}

    /* how it works */
        .how-it-works{padding: 60px 0;}
        .how-it-works h4{margin-bottom: 40px;}
        .timeline{gap: 20px;}
        .works-card{padding: 15px;}
        .works-card .card-number{left: 16px;top: -16px;width: 30px;height: 30px;} 
    
    /* benefits for employee */
        .benefits-section{padding: 30px 0 30px;}
        .employers{padding: 30px 0;}
        .benefits-section .employee-benefits h4{margin-bottom: 30px;}
        .card-wrap{gap: 15px;}
        .card-wrap .benefit-card{max-width: 100%;padding: 15px;}
        .card-wrap .benefit-card .card-figure{width: 30px;height: 30px;margin-bottom: 10px;}
        .card-figure img{width: 15px;}
        .card-wrap .benefit-card .card-content h5{margin-bottom: 10px;}
    
    /* POWERFUL FEATURES */
        .trust-us{padding: 60px 0;}
        .trust-us h4{margin-bottom: 30px;}
        .trust-us .trust-layoutlist{gap: 15px;}
    
    /* happy workplace */
        .workplace{flex-wrap: wrap;}
        .workplace-section{width: 100%;}
        .workplace-main-section{padding: 15px 0;}

    /* financial product */
        .financial-product{padding: 30px 0;}
        .financial-product h4{margin-bottom: 20px;}
        .financial-product-wrap{gap: 20px;}
        .financial-card{padding: 20px;}
        .financial-card figure{margin-bottom: 18px;}
        .financial-card h5{font-size: 16px;margin-bottom: 10px;}
        .financial-card p{margin-bottom: 15px;}

    /* why rely */
        .why-rely{padding: 30px 0;}
        .why-rely h4{margin-bottom: 20px;}
        .tabs{flex-wrap: wrap;}
        .tabs ul{width: 100% !important;padding: 0 15px 0 0 !important;border-right: none;}
        .tabs ul li{width: 100% !important;margin-bottom: 12px !important;text-align: center !important;height: 18px;}
        .tabs ul li a{width: 100%;font-size: 14px;line-height: normal;text-align: center;}
        .tabs-image-list{width: 100%;}

    /* about us */
        .about-us-content{padding: 30px;}
        .about-us-content h5{font-size: 14px;margin-bottom: 16px;}

    /* partner company */
        .partner-company{padding: 30px 0;}
            .partner-company h4{line-height: 30px;margin-bottom: 10px;}
        .partner-company p{margin-bottom: 30px;font-size: 14px;line-height: 20px;}

    /* FAQ */
        .faqs{padding: 30px 0;}
        .faqs h4{margin-bottom: 20px;}
        .ui-accordion-header-active{margin-bottom: 0 !important;}     
        .ui-accordion-header-icon{left: 93% !important;}

    /* connect us */
        .connect-us{padding: 30px 0;}
        .connect-us h4{font-size: 18px;margin-bottom: 20px;}
        .form-field-wrapper{margin-bottom: 15px;}

    /* footer */
        .footer{padding: 30px 0;}
        .footer-top{margin-bottom: 15px;padding-bottom: 0px;}
        .footer-address{width: 100%;margin-bottom: 30px;}
        .footer-link-list{width: 100%;margin-bottom: 25px;}
        .footer-link-list:last-of-type{width: 100%;}
        .footer-logo{margin-bottom: 15px;}
        .footer-link-list h5{margin-bottom: 16px;} 
        
    /* terms-condition & privacy-policy */
    .terms-condition{padding: 60px 30px;}
    ol.alphabet{list-style: lower-alpha;margin-left: 30px;}
    ol.roman{list-style: lower-roman;margin-left: 40px;}
    .terms-condition ul li{list-style: square;margin-left: 20px;}
    .terms-condition-wrap h1{font-size: 22px;line-height: 32px;margin-bottom: 30px;}
    .terms-condition-wrap p{font-size: 14px;}
    .terms-condition ul li p{margin-left: 35px;}

        /* qr scanner section */
        .QR-scanner{padding: 30px 0;}
}