#mdp-container {width: 80%; margin-left: auto; margin-right: auto;}
h3, .h3 {letter-spacing: 10px; }
#page-drop .dropdown-menu>li>a {line-height: 3;}
.txtBox {padding: 0 3%;}
div[id*="title-block"] h1{font-size: 28px;padding: 35px 10px 0 10px;line-height: 36px !important;}
@media only screen and (max-width: 991px) {	
  h3, .h3{ text-align: left; font-size: 18px;}  
  #content {/* padding: 0; */text-align: left !important;}
  .dropdown-menu {position: relative;top: auto;left: auto;float: none;}
  .dropdown-toggle {width: 100%;border: none;box-shadow: none;-webkit-box-shadow: none;}
  .btn-default {border-color: transparent;}
  .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {border-color: transparent;}
  .img-responsive {width:100%;}
}
@media (min-width: 992px) {
  div[id*="title-block"] h1 {font-size: 36px; line-height: 48px !important;}
  #mdp-container > div > div {margin-top: 20px;}
}
.header-title {background: url(https://blueprint.cdn.cloud.searchoptics.net/589b477…/background_titleBox.jpg) no-repeat 50% 50%;background-size: cover;margin: 0 !important;padding: 40px !important;text-align: center;}
/*NS 435143: Fit Images - Jasper*/
.img-responsive.unfit {width:100%;}
/*NS 435144: Copy Original Modal Design, z-index:1000000 cause the MENU z-index is 999999 - Jasper*/
#test-drive {z-index: 1000000;}
#test-drive > .modal-dialog{ width: 90%; height: 90%; }
#test-drive > .modal-dialog > .modal-content{ height:100%;background:#DDD;box-shadow:0 0px 15px rgba(0,0,0,0.5); }
#test-drive > .modal-dialog > .modal-content > .modal-header{ padding:0;border-bottom:0px;height:15px; }
#test-drive > .modal-dialog > .modal-content > .modal-header .close{ margin-top:2px;margin-right:6px; }
#test-drive > .modal-dialog > .modal-content > .modal-header .close span{ font-size:24px; }
#test-drive > .modal-dialog > .modal-content > .modal-body{ height:100%; }
#test-drive > .modal-dialog > .modal-content > .modal-body iframe{ width: 100%; height: 90%; border: none; }
/*NS 435143: Float Content to Right - Jasper*/
.float-right {float: right;}
@media (min-width: 992px) and (max-width: 1199px){
  .tab{ margin-left: -24px; }
}
@media (min-width: 992px) and (max-width: 1399px){
  .tab a{ font-size: 12px; }
}
@media (min-width: 1200px) and (max-width: 1499px){
  .tab{ margin-left: -12px; }
  .tab > div:nth-child(2) { width: 100%; }
}