/*Mobile*/
@media (min-width: 320px) and (max-width: 480px) {
  .container { width:100% !important;}
  .liveChatIcon, .heroWrapper .hero p { display:none !important;}
  header { margin-bottom:0;}
  header .col-sm-6 { width:50% !important;}
  header .idikharLogo, header .ncbcLogo { width:100%;background-size:contain;}
  header .ncbcLogo { margin-top:25px !important;}
  header .headerNav { width:300px; }
  .mainNavTrigger  { display: block; }
  .sideMenu { display: none; width:100%; margin-left: 0; margin-right:0; transition:.3s; -webkit-transition:.3s; -moz-transition:.3s; height:0; }
  .sideMenu.active { height: auto; display: block; transition:.3s; -webkit-transition:.3s; -moz-transition:.3s;}
  .heroWrapper { width:100%; margin-bottom:20px; height: 197px; }
  .heroWrapper .hero { height:100%; overflow: inherit; margin-bottom:20px;}
  .heroWrapper .hero .heroTitle strong { font-size:1.1em;}
  .sideMenu .searchInput { margin-bottom: 40px; }
  
  .heroWrapper .hero .heroTitle, .heroWrapper .hero .heroTitle.pageTitle { font-size:2em; height: 100px; top:23%;}
  .heroWrapper .hero .heroTitle h3, .heroWrapper .hero .heroTitle.pageTitle h3 { height:100px; padding-top:15px;}
  .heroWrapper .hero .heroTitle.pageTitle h3 { line-height: 33px; padding-top:12px;}
  
  .genAdL { margin-top:20px;}
  .genAdL img, .genAdL .genAdLTxt { width:100%; }
  .genAdL .genAdLTxt .button { margin-top:20px;}
  .latestNews { margin-top:20px;}
  footer {  text-align: center;}
  footer p { margin-top:20px; margin-bottom:20px;}
  .heroWrapper.full .hero { height:290px; }
  
  .heroWrapper.full { margin-top:20px; position: relative; height: 100%;}
  .widgetWithTabs { height: 204px; margin-top:20px; }
  .widgetWithTabs .heroWrapper.full { margin-top:0; }
  .widgetWithTabs {  }
  .loginWrapper .loginBox.register, .loginWrapper .loginBox{ width:calc(100% - 73px); padding:10px; margin:10px; }
  .loginWrapper .loginBox { width:calc(100% - 33px);}
  .loginWrapper .loginBox h2 { font-size:1.4em;}
  
  .loginHead .col-sm-6 { width:50% !important;}
  .loginWrapper .loginBox .idikharLogo, .loginWrapper .loginBox .ncbcLogo  { background-size:contain;}
  .loginWrapper .loginBox .ncbcLogo { background-position: right;}
  .loginWrapper .loginBox .button {width:100%; margin-left: 0 !important; }
  .loginWrapper .loginBox .outline { margin-left:0; margin-right:0;}
  .loginWrapper .loginBox .langBtn,.loginWrapper .loginBox .langBtn:hover { left:10px; top:80px; }
  .surveyTable tr td, .surveyTable tr th { display: block; width: 100%;}
  .surveyTable tr td canvas { width:100% !important; }
  
  .contactus .nav-tabs .nav-item .nav-link { width:calc(100% - 10px);margin-left: 0; margin-right: 0; }
  .contactus .nav-tabs .nav-item { width:100%; }
  .heroLink { height:329px;}
  .subSideMenu { margin-bottom:20px;}
  article .articleImg { width:100%; margin-right:0; margin-left:0; }
  article .relatedLinks li { width:100%; margin-right:0; margin-left:0; }
  .loginWrapper .loginBox { width:calc(100% - 20px) !important;}
  #contentBox { min-width: 100% !important;}
  .col-sm-6 { width:50% !important;}
  .loginWrapper .loginBox.register .outline { margin:20px 0 !important; }
  .buttonsWrapper .button {margin-left:0 !important;}
  .inputSelect.filter { width:100% !important;}
  .contactus .fieldContainer { width:100% !important; margin-right: 0; margin-left: 0;}
  .contactus .nav-tabs .nav-item .nav-link { width:calc(100% - 10px) !important; margin-top: 10px; margin-left: 0;margin-right:0;}
  
  .mapWrapper { height:auto !important;}
  .mapWrapper .branchList { position:relative; left:auto !important; right: 0; width:100%; top:0; margin-bottom: 15px;}
  .mapWrapper .branchList .nano .nano-content { padding:0 !important;}
  .contactus .bigBtn { text-align: center !important; width:220px !important; margin-left:-110px !important;}
  
  .widgetWithTabs .nav-tabs .nav-link { padding:10px !important;}
}
/*Tablets*/
@media (min-width: 481px) and (max-width: 960px) {

  .container { width:100% !important;}
  .liveChatIcon, .heroWrapper .hero p { display:none !important;}
  .loginWrapper .loginBox.register { width:580px; }
  .loginWrapper .loginBox .outline { margin-left: 31%;}
  #contentBox { min-width: 100% !important;}
  
}
/*Small Desktop*/
@media (min-width: 961px) and (max-width: 1279px) {
	
}