@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;
    }



}