@media screen and (max-width: 5120px) and (min-width: 2000px){
    .section3 .col-md-2{     
      flex: 0 0 25%;
          max-width: 25%; 
    }
    .newfinancial{
        flex: 0 0 33.333333%;
          max-width: 33.333333%;
    }
  }
  
  @media (max-width: 1680px){
     .section3 .news {
      padding-left: 5px;
    }
  
  
  }
  
  
  
  
  @media (max-width: 1440px) { 
       .banner .carousel-item{ height:600px; }
       .banner .carousel-item img{  height: 100%;} 
       .banner .carousel-caption{ left: 10%; }
  
  
       .section3 .col-md-2{     
           flex: 0 0 8.333333%;
          max-width: 8.333333%; 
      }
      .section3 .news{ padding-left: 44px; }
      .news p{ margin: 25px 25px 0px 25px;}
      .newfinancial{
          flex: 0 0 50%;
          max-width: 50%;
      }
      .career{
      /*	flex: 0 0 50%;
          max-width: 50%;*/
      }
  
  
      .whiteBar h4{     padding-left: 15px; }
  
      .newscontent{margin: 5px 25px 0px 25px !important;}
      
      .topNav .socialLinks li{
          margin: 0px 0px 0px 0px;
      }
      
      /* */
      .threeCol h5{
          font-size:16px !important;
      }
      .threeCol p{
          font-size: 15px;
      }
      .threeCol p.float-left{
          font-size: 13px;
      }
      .threeCol .border{
          margin-top: 10px !important;
          margin-bottom: 10px !important;
      }
  
      
  }
  
  @media (max-width:1366px){
      .topNav .socialLinks li{
              margin: 0px 0px 0px 0px;
      }
      .section3 .news {
        padding-left: 15px;
      }
  }
  
  
  @media (max-width: 1280px){
  
    .section3 .col-md-2 {
        display: none;
        flex: 0;
        max-width: 0;
     }
     .newfinancial{
      flex: 0 0 58.333333%;
      max-width: 58.333333%;
      padding-left: 60px;
      }
     
  
  }
  
  @media (max-width: 1080px) { 
  
     .topNav .container{
        
        max-width: 92%;
     }
     
     .topNav ul{ display: none; }
     .topNav ul li{ font-size:12px; }
     .topNav .socialLinks{
        float: right;
        padding-left: 0px;
        margin-right: 0px;
        display: block;
        margin-right: -8px;
     }
  
  
    .section3 .col-md-2 {
        display: none;
        flex: 0;
        max-width: 0;
     }
     .newfinancial{
      flex: 0 0 58.333333%;
      max-width: 58.333333%;
      padding-left: 45px;
     }
     
     .logoWrap ul{
          display: none;
     }
     .logoWrap button{
        margin-top: 25px;
     }
     /*.menu nav{*/
     /* padding: 10px 0px 0px 0px;*/
     /*}*/
     
     /*.menu nav ul li.nav-item{*/
     /* padding: 0px 10px 10px 10px;*/
     /*}*/
     
     .menu nav ul li.nav-item {
      padding: 12px 0px;
     }
     
  
     .banner .carousel-caption h2{ font-size: 40px; }
     .banner .carousel-caption h1 { font-size: 65px; }
  
  }
  
  
  
  @media (max-width: 1024px) { 
     .topNav .container{
             float: left;
          max-width: 100%;
     }
     .topNav ul{ display: none; }
     .topNav ul li{ font-size:12px; }
     .topNav .socialLinks{
             float: right;
          padding-left: 0px;
          margin-right: 0px;
          display: block;
     }
     .logoWrap ul{
             display: none;
     }
     .logoWrap button{
             margin-top: 25px;
     }
     /*.menu nav{*/
     /*	padding: 10px 0px;*/
     /*}*/
     
     /*.menu nav ul li.nav-item{*/
     /*	padding: 0px 20px 0px 0px;*/
     /*}*/
     
     .menu nav ul li.nav-item {
      padding: 12px 0px;
     }
  
     .banner .carousel-caption h2{ font-size: 40px; }
     .banner .carousel-caption h1 { font-size: 65px; }
  
     .section3 .col-md-2 {
           display: none;
          flex: 0;
          max-width: 0;
     }
  
     .our-story .col{
             padding: 0px 0px 0px 35px;
     }
     
  
     
     
  
     .whiteBar h4{
             width: 80%;
             padding: 0px;
     }
     .section3 .news{
         padding-left: 20px;
     }
     
     .newfinancial{
        padding-left: 25px;
        flex: 0 0 50%;
        max-width: 50%;
     }
  
     
     .news { 
         
         flex: 100%
      }
  
     .financial{
             flex: 100%;
              padding-right: 10px;
     }
  
     .career{
             flex: 0 0 50%;
          max-width: 50%;
          padding-left: 50px;
          background-size: cover;
          background-position: 35%;
     }
     .innerpage sidebar{
             padding-right: 0px;
     }
  
     .innerpage sidebar ul li a{
             padding: 15px 0px 15px 15px;
     }
  
     .footerTop .col-md-4{
             flex: 1;
          max-width: 100%;
          margin-bottom: 30px;
     }
     
     
     
     
     
  
  }
  
  @media (max-width: 812px) { 
      .container {
      max-width: 97%;
     }
      .maadenChart{
          margin-left: -10px;
          width: 110%;
      }
      
      .topNav{
          display:none;
      }
      .beta{
         float: right;
         margin: 30px 0px 0px 0px;
      }
     
  }
  
  
  
  
  
  @media (max-width: 768px) { 
     
     .topNav .container{
             float: left;
          max-width: 768px
     }
     .topNav ul{ display: none; }
     .topNav ul li{ font-size:12px; }
     .topNav .socialLinks{
             float: right;
          padding-left: 0px;
          margin-right: 0px;
          display: block;
     }
     .logoWrap ul{
             display: none;
     }
     .logoWrap button{
             margin-top: 25px;
     }
     .menu nav{
         padding: 10px 0px;
     }
     .banner .carousel-caption h2{ font-size: 40px; }
     .banner .carousel-caption h1 { font-size: 65px; }
  
  
     .section3 .col-md-2 {
             display: none;
          flex: 0;
          max-width: 0;
     }
  
     .our-story .col{
             padding: 0px 0px 0px 35px;
     }
  
     .whiteBar h4{
             width: 80%;
             padding: 0px;
     }
     
     .newfinancial{
        padding-left: 25px;
        flex: 0 0 50%;
        max-width: 50%;
     }
  
     .section3 .news{
         padding-left: 20px;
     }
     .news { 
         
         flex: 100%
      }
  
     .financial{
             flex: 100%;
              padding-right: 10px;
     }
  
     .career{
             flex: 0 0 50%;
          max-width: 50%;
          padding-left: 50px;
          background-size: cover;
          background-position: 35%;
     }
     .innerpage sidebar{
             padding-right: 0px;
     }
  
     .innerpage sidebar ul li a{
             padding: 15px 0px 15px 15px;
     }
  
     .footerTop .col-md-4{
             flex: 100%;
          max-width: 100%;
          margin-bottom: 30px;
     }
      
     .maadenChart{
        margin-left: -18px;
        width: 115%; 
     }
  
  }
  
  @media (max-width: 736px) { 
     .container{
        max-width: 97%;
     }
     .topNav .container{
          float: left;
        max-width: 100%;
     }
     .topNav ul{ display: none; }
     .topNav ul li{ font-size:12px; }
     .topNav .socialLinks{
        float: right;
        padding-left: 0px;
        margin-right: 0px;
        display: block;
     }
  
     /**/
    .logoWrap{
      padding: 0px 0px 10px 0px;
    }
      .logoWrap img{ 
        display: block;
        margin: 0px auto; 
        width: 100%;
        padding: 10px;
      }
     
  
      .logoWrap .col-md-5{
        width: 40%
      }
       .logoWrap .col{
        width: 60%
      }
      .logoWrap ul{
        display: none !important;
      }
  
       /**/
  
     .logoWrap ul{
          display: none;
     }
     .logoWrap button{
        margin-top: 50px;
     }
     .menu nav{
      padding: 10px 0px;
     }
     .menu nav ul li.nav-item{
      padding: 0px 20px 10px 0px;
     }
     .banner .carousel-caption h2{ font-size: 40px; }
     .banner .carousel-caption h1 { font-size: 65px; }
  
  
     .section3 .col-md-2 {
          display: none;
        flex: 0;
        max-width: 0;
     }
  
     .our-story .col{
            padding: 0px 0px 0px 0px;
     }
  
     .whiteBar h4{
          width: 70%;
          padding: 0px;
     }
     .section3 .news{
      padding-left: 20px;
     }
     .news { 
      
      flex: 100%
      }
  
     .financial{
          flex: 100%;
         padding-right: 10px;
     }
  
     .career{
          flex: 0 0 50%;
        max-width: 50%;
        padding-left: 50px;
        background-size: cover;
        background-position: 35%;
     }
     .career ul li{
      width: 100%;
     }
     .innerpage sidebar{
        padding-right: 0px;
     }
  
     .innerpage sidebar ul li a{
        padding: 15px 0px 15px 15px;
     }
  
     .footerTop .col-md-4{
        flex: 100%;
        max-width: 100%;
        margin-bottom: 30px;
     }
     footer p{
       margin-top: 22px !important;
     }
  
     .maadenChart{
        margin-left: -18px;
        width: 100%; 
     }
  
     .beta{ 
      float: right;
      margin: -70px -26px 0px 0px;
      }
  
  
  
  }
  
  
  @media (max-width: 680px) { 
     /*.container{*/
     /*	     max-width: 100%;*/
     /*}*/
     .container {
      max-width: 97%;
     }
     
     .topNav .container{
             float: left;
          max-width: 640px;
     }
     .topNav ul{ display: none; }
     .topNav ul li{ font-size:12px; }
     .topNav .socialLinks{
             float: right;
          padding-left: 0px;
          margin-right: 0px;
          display: block;
     }
  
     /**/
       .logoWrap{
           padding: 0px 0px 10px 0px;
       }
      .logoWrap img{ 
          display: block;
          margin: 0px auto; 
          width: 100%;
          padding: 10px;
      }
     
  
      .logoWrap .col-md-5{
          width: 50%
      }
       .logoWrap .col{
          width: 50%
      }
      .logoWrap ul{
          display: none !important;
      }
  
       /**/
  
     .logoWrap ul{
             display: none;
     }
     .logoWrap button{
             margin-top: 50px;
     }
     .menu nav{
         padding: 10px 0px;
     }
     .menu nav ul li.nav-item{
      padding: 0px 20px 10px 0px;
     }
     .banner .carousel-caption h2{ font-size: 40px; }
     .banner .carousel-caption h1 { font-size: 65px; }
  
  
     .section3 .col-md-2 {
             display: none;
          flex: 0;
          max-width: 0;
     }
  
     .our-story .col{
                 padding: 0px 0px 0px 0px;
     }
  
     .whiteBar h4{
             width: 70%;
             padding: 0px;
     }
     .section3 .news{
         padding-left: 20px;
     }
     
     
     .newfinancial{
        padding-left: 10px;
        flex: 0 0 50%;
        max-width: 50%;
      }
     
     
     
     .news { 
         
         flex: 100%
      }
  
     .financial{
             flex: 100%;
              padding-right: 10px;
     }
  
     .career{
             flex: 0 0 50%;
          max-width: 50%;
          padding-left: 50px;
          background-size: cover;
          background-position: 35%;
     }
     
     .career .join-text{
         width:100%;
     }
     .career ul li{
         width: 100%;
     }
     .innerpage sidebar{
             padding-right: 0px;
     }
  
     .innerpage sidebar ul li a{
             padding: 15px 0px 15px 15px;
     }
  
     .footerTop .col-md-4{
             flex: 100%;
          max-width: 100%;
          margin-bottom: 30px;
     }
     footer p{
       margin-top: 22px !important;
     }
     
     footer img{
      width: 20%;
      margin-top: 3px;
     }
     
  
  
  }
  
  
  
  
  
  @media (max-width: 425px) { 
  
      .topNav ul{ padding: 10px 0px 0px 0px; display: none;}
       .topNav ul li{ display: block; }
       .topNav .socialLinks{ float: right; display: block; }
  
       /**/
       .logoWrap{
           padding: 0px 0px 10px 0px;
       }
      .logoWrap img{ 
          display: block;
          margin: 0px auto; 
          width: 100%;
          padding: 10px;
      }
      
      .container {
        max-width: 100%;
      }
      
      .servicesection .row{
          margin-right: -15px;
          margin-left: -15px;
      }
      content .row{
          margin:0px;
      }
  
      .logoWrap .col-md-5{
          /*width: 60%*/
        width: 50%;
      }
       .logoWrap .col{
          width: 50%
      
      }
      .logoWrap ul{
          display: none !important;
      }
  
       /**/
  
      .logoWrap ul li{ padding: 0px 5px 0px 10px; }
      .logoWrap button{ margin-right: 10px; margin-top: 35px; }
      
       
      .menu nav{ padding: 10px; } 
  
      .banner .carousel-item { height: 350px; } 
      .banner .carousel-caption { bottom: 0% !important; }
      .banner .carousel-caption h2{ font-size: 19px; }
      .banner .carousel-caption h1{ font-size: 30px; }
      .banner .carousel-caption p{     font-size: 12px; }
  
      .servicesection{ margin-top: 0px; }
      .servicesection .col{     flex-basis: 100%; }
  
      .newfinancial{
          flex: 100%;
             max-width: 100%;
             padding-left: 10px;
      }
  
      .news{ 
          padding:10px;
          flex: 100%;
          padding-left: 10px !important;  
      }
      .financial{ 
          padding:10px;
          flex: 100%;
       }
  
      .career{ 
          padding: 50px 15px;
          flex: 100%;
          max-width: 100%;
      }
  
      .whiteBar{padding: 30px 10px;}
      .whiteBar button{  float: left !important;}
  
  
      .footerTop .col{ 
          flex-basis: 100%; 
          margin-bottom:20px;
      }
      .footerTop .col h4{    
          padding: 10px 0px !important;
          margin: 10px 0px 10px 0px;
      }
  
      footer img{
          display: block;
          margin: 0px auto;
         width:auto;
      }
      
      footer .row{
          padding:0px 10px;
      }
      
      .beta{
        float: right;
        margin: -55px -20px 0px 0px;
      }
  
  
  } 
  
  
  @media (max-width: 375px) { 
  
       .topNav ul{ padding: 10px 0px 0px 0px; display: none;}
       .topNav ul li{ display: block; }
       .topNav .socialLinks{ float: right; display: block; }
        
       /**/
       .logoWrap{
           padding: 0px 0px 10px 0px;
       }
      .logoWrap img{ 
          display: block;
          margin: 0px auto; 
          width: 100%;
          padding: 10px;
      }
     
  
      .logoWrap .col-md-5{
          width: 45%
      }
       .logoWrap .col{
          width: 55%
      }
      .logoWrap ul{
          display: none !important;
      }
  
       /**/
  
      .logoWrap ul li{ padding: 0px 5px 0px 10px; }
      .logoWrap button{ margin-right: 10px;margin-top:15px; }
       
      .menu nav{ padding: 10px; } 
      
      .innerBanner {
          height: auto;
      }
      
      .banner .index .carousel-item { height: 300px; } 
      .banner .index .carousel-caption { bottom: 14% !important; }
      .banner .index .carousel-caption h2{ 
          /*font-size: 19px;*/
          font-size: 12px;
          margin-bottom: 0px;
          margin-left: -10px; 
      }
      .banner .index .carousel-caption h1{ font-size: 30px; }
      .banner .index .carousel-caption p{ 
          /*font-size: 12px;*/
          font-size: 18px;
          margin-top: -10px;
          margin-left: -8px;
  
      }
  
      .banner .innerBanner .carousel-item { height: 250px !important; } 
      .banner .innerBanner .carousel-caption { bottom: 15% !important; }
      .banner .innerBanner .carousel-caption h2{ 
          font-size: 19px !important;
          margin: 0px 0px 0px -7px; 
      }
      .banner .innerBanner .carousel-caption h1{ font-size: 30px !important; }
      
      .innerpage{
          padding-top:25px;
      }
      
      
      .servicesection{ margin-top: 0px; }
      .servicesection .row{
          margin-right: -15px;
          margin-left: -15px;
      }
      .servicesection .col{     flex-basis: 100%; }
  
  
      .newfinancial{
          flex: 100%;
             max-width: 100%;
             padding-left: 10px;
      }
  
      .news{ 
          padding:10px;
          flex: 100%;
          padding-left: 10px !important;
      }
      .financial{ 
          padding:10px;
          flex: 100%;
       }
  
      .career{ 
          padding: 50px 15px;
          flex: 100%;
          max-width: 100%;
  
      }
  
      .whiteBar{padding: 30px 10px;}
      .whiteBar button{  float: left !important;}
  
  
      .footerTop .col{ 
          flex-basis: 100%; 
          margin-bottom:20px;
      }
      .footerTop .col h4{    
          padding: 10px 0px !important;
          margin: 10px 0px 10px 0px;
      }
  
      footer img{
          display: block;
          margin: 0px auto;
         width:auto;
      }
      footer .row{
          padding:0px 10px;
      }
      content .row{
          margin:0px;
      }
  
      .innerpage sidebar{
          padding: 0px;
      }
      .innerpage .content table{
          width: 100%;
          overflow: scroll;
          height: auto;
          display: block;
      }
      .innerpage .pressRelease{
          padding: 0px;
      }
      
      .menu .dropdown-menu{
          height: auto;
      }
  
  
  
  }