
@media only screen and (max-width: 600px) {
    .about-bottom2 .container .row .col-md-4 img{
        width: 100%;
    }
    
    .investForm{
        margin: 0;
    }
    
    .profile-pic-inner-image{
        display: block !important;
    }
    
    .profile-pic-div{
        display: none;
    }

    .mt-110 .col-md-3 img{
        width: 100%;
    }

    .about-bottom2 .container .row .mt-45 img{
        width: auto !important;
    }
    .about-bottom2 a.date {
        display: block;
        float: none;}
    .about-bottom iframe{
        width: 100%;
        max-width: 100%;
    }
    .phone-top{ margin-left: 0px;}

    .sticky-top{
        background-color: #ffffff;
        border-bottom: 1px solid #ddd;
    }

    .navbar{
        background-color: #ffffff;
    }

    .bannerArea{
        padding-left: 0px;
    }

    .bannerArea img{
        margin-top: 0px;
    }

    .bannerArea h1 {
        font-weight: 800;
        font-size: 33px;
    }



    .cust-get-started .btn-cust-get-started{
        right: 10px;
    }

    .translator{
        width: 150px !important;
        position: absolute;
        /* left: 77%; */
         right: -67px;
    }

    .last-col-f h2:first-child{
        margin-top: 0px;
    }
    .mid h2{
        margin-top: 0px;
    }



    footer .container ul li{
        margin: 8px auto !important;
    }



.mail{
    position: absolute;
    width: 62%;
    left: 10px;
    }

    .gapping-left{
        position: relative;
        right: 0px;
    }

.inner_banner h2{
    font-size: 32px;
}

.mt-11{
    margin-top: 50px;
}
    .cta{
        display: block;
        position: absolute;
        top: 0px;
        right: 0px;
    }

.bannerArea img{
    max-width: 100%;
}
    /* #light-bg .navbar{
        padding-top: 30px;
    } */
    #light-bg{
        padding: 0px !important;
    }
    .about-bottom{
        padding: 30px 0px !important;
    }

    #light-bg .btn-cust-green,
    #light-bg .btn-cust-blue{
    color: #ffffff !important;
    padding: 2px 10px;
    font-size: x-small;
    }

  #navbarSupportedContent{
    margin-top: 20px;
  }

  .about-bottom2 .col-md-7 h1{
    margin-top: 15px;
  }
    .about-cont-area{
        margin-top: 70px;
        padding-bottom: 30px;
    }

    .about-cont-area h2{
        font-size: 25px;
    }

    .about-cont-area h3{
        font-size: 18px;
    }

    .mt-70{
        margin-top: 20px;
    }

    .about-bottom{
        padding: 30px 0px;
    }

    .packages .col-md-12 h1 {
        font-size: 36px;
        margin-bottom: 18px;
    }

    .packages .col-md-4{
        margin-bottom: 24px;
    }

    .finance-chart-live {
        padding: 30px 0px;
    }

    footer{
        padding: 40px 0px 20px 0px !important;
    }



    .Copyright{
        margin-top: 12px;
        padding: 0px;
    }

    footer .container h2{
        padding-bottom: 0px;
    }



    footer .address .col-xs-4, 
    footer .address .col-xs-4{
        float: left !important;
    }

  }



  @media only screen and (max-width: 990px) {
    .gapping-left{
        position: relative;
        right: 0px;
    }
  }



  @media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav {
        flex-direction: row;
        margin-left: 35px;
    }


  }
@media (max-width: 767px) {
    .mt-110{
        margin-top: 40px !important;
        padding-bottom: 40px !important;
    }

    .btn-cust-blue{
        margin-bottom: 24px;
    }
    footer .container p.row{
        display: block;
        position: relative;
    }
    .carousel-inner .col-md-7 P{
        padding-top: 15PX;
    }
  .carousel-inner .col-md-7 .rating{
    bottom: 42px !important;
  }

  .scroll-act{
    right: auto !important;
  }

  .carousel-indicators{
    top:-40px !important;
  }

    footer .container h2{
        font-size: 18px !important;
        padding-bottom: 5px !important;
        margin-top: 15px;
        border-bottom: #6e6e6e solid 2px;
    }

    .Copyright{
        margin-top: 8px !important;
    }

    .carousel-indicators{
        z-index: 1 !important;
    }
    .carousel-control-next{
        right: 0px !important;
    }
    .carousel-control-prev{
      
        left:0px !important;
    }
    .gallery-container {
        width: 100%;
    }
    .gallery-item {
        flex-basis: 49.80%;
        margin-bottom: 3px;
    }
    .lightbox-content {
        width: 80%;
        height: 60%;
        margin: 15% auto;
    }
}
@media (max-width: 480px) {
    .gallery-item {
        flex-basis: 100%;
        margin-bottom: 1px;
    }
    .lightbox-content {
        width: 90%;
        margin: 20% auto;
    }
}
 /* lightbox */
