@media screen and (max-width:1200px) {
.form-wrapper {
    max-width: 100%;
}
}

@media screen and (max-width: 1024px){
.left-sidebar {
        left: -300px;
        top: 70px;
        height: calc(100vh - 50px);
    }
    .content-section{
        width: calc(100% - 0px);
    margin-left: 0px;
    }
    .hamburger-icon {
    display: block;
    }
        .mobile-sidenav.left-sidebar{
        width: 300px;
        left: 0px;
    }
    .informationform-outer{
        max-width: 100%;
    }
    .toggle-icon{
        display: none;
    }
}



/* Mobile */
@media only screen 
and (min-width : 320px) and (max-width : 480px) {
  
}

/*  */
@media only screen 
and (min-width : 481px) and (max-width : 767px) {
    #bannerCarousel .carousel-inner .bannerContent {
        width: 100%;
        max-width: 74%;
        left: 110px;
    }
    #bannerCarousel .carousel-item::after {
        background: linear-gradient(to right, #ffffffeb, #ffffff94, #ffffff57, #ffffff2e);
    }
    #bannerCarousel .carousel-inner .bannerContent h1.bannerHeading{
        font-size: 48px;
        line-height: 60px;
    }
}

/* iPad & Tablets */
@media only screen 
and (min-width : 768px) and (max-width : 1023px) {
    #bannerCarousel .carousel-item::after{
        background: linear-gradient(to right, #ffffffeb, #ffffff8c, #ffffff54, #00000030);
    }
    #bannerCarousel .carousel-inner .bannerContent{
        left: 130px;
        max-width: 60%;
    }
}

@media only screen 
and (min-width : 1024px) and (max-width : 1280px) {
    #bannerCarousel .carousel-item::after{
        background: linear-gradient(to right, #ffffffeb, #ffffff8c, #ffffff54, #00000030);
    }
    #bannerCarousel .carousel-inner .bannerContent{
        left: 130px;
        max-width: 54%;
    }
    .whyChoose-section{
        padding: 4rem 3rem;
    }
    .whyChoose-right .card-column{
        width: 48%;
    }
}

/* Laptop */
@media only screen and 
(min-width : 1280px) and (max-width : 1480px) {
    #bannerCarousel .carousel-inner .bannerContent{
        left: 110px;
        max-width: 52%;
    }
    section.services-section {
        padding: 3rem;
    }
    .whyChoose-section{
        padding: 4rem 3rem;
    }
    .whyChoose-right .card-column{
        width: 45%;
    }
}

@media screen and (max-width: 576px){
    .content-inner , .form-wrapper .bankingInfo {
        padding: 12px;
    }

    .form-wrapper {
        padding: 0px;
        border-radius: 0px;
        border: none;
    }

    .form-switch {
        padding-left: 0px;
    }
    .form-check-label {
        font-size: 14px;
    }

    .page-title h4 {
   font-size: 18px;
    }
}