#header {width:1050px; height:70px;}
#header, .logo, .ibs, .british-engineering, .nav-container {position:absolute;}
.ibs {margin:-16px 0 0 173px;}

.ibs h3 {font-family:Michroma, Questrial; color:#012448; font-size:15px; line-height:18px; font-weight:400; margin-top:36px;}

.british-engineering img {position:absolute; width:140px; margin-left:447px; margin-top:5px;}
.logo img {margin-left:20px; margin-top:-30px;}
@media only screen and (max-width: 940px) {.logo { margin-left:45px;}.ibs {margin-left:220px;}}
.header-background {z-index:9999; width:100%; height:100px; background:#f0f0f0;}

/*************************************************************************
So Forward Arrow in sub & sub-sub menus is right-justified
*************************************************************************/
@media only screen and (max-width: 1220px) {.d-only { display:none !important;}}
@media only screen and (min-width: 1221px) {.d-only img {max-width:12px; float:right; padding-top:3px;}}
    
/***************************
nav container
*****************************/
.nav-container {width:990px;}     
@media only screen and (max-device-width:700px) {#menu {font-size:22px;}} /*****RESPONSIVE *********/
@media only screen and (max-width:700px) {#menu {font-size:22px; margin-left1:115px; margin-top1:6px;}} /*****RESPONSIVE *********/
        
@media only screen and (max-device-width:700px) {.ibs {margin-top:-26px;} .british-engineering img {margin-top: -10px;}} /*****RESPONSIVE *********/    
@media only screen and (max-width:700px) {.ibs {margin-top:-26px;} .british-engineering img {margin-top: -10px;}} /*****RESPONSIVE *********/ 

@media only screen and (max-device-width:700px) {nav ul a {line-height: 32px;}}  /******************RESPONSIVE ***************/
@media only screen and (max-width:700px) {nav ul a {line-height: 32px;}}  /******************RESPONSIVE ***************/

/**********************
SEARCH BOX
**********************/    
.search {position:absolute; width:310px; margin-left:600px;}    
.search-caption {display:flex; flex-direction:row;  align-items:center; padding-left:19px; width:90%; height:30px; border11:1px solid #fff;
    }
.google-search-image img {max-width:54px; max-height:17px;vertical-align:top; margin-top:-2px;  margin-left:5px;}  
     @media only screen and (max-device-width:700px){.google-search-image img {max-width:48px; margin-top:-4px;}}
    @media only screen and (max-device-width:412px){.google-search-image img {max-width:43px; margin-top:-3px; display:none !important;}}
.google-search-text, .google-search-google-text {margin-top:-6px; font-size:13px; color:#666; }
@media only screen and (min-width: 412px) {.google-search-google-text {display:none !important;}}
@media only screen and (max-width: 412px) {.google-search-text{padding-right:4px; padding-left:4px;}}
    
/*** the search box ***/
    #txtSearch {width:185px; font-size:16px; height: 28px; padding-left:10px; padding-right:10px; background:#fff; text-align:left; border:1px solid #6f6f6f;}

/*** the search button ***/
    .search1 {font-size:16px; text-align: center; color: #fff; height: 29px; padding-left:14px;  padding-right:14px; margin-left:3px; background:#7d90e5; border:0; border111111111:1px solid red;}
    .search1:hover {background:#4356af; color:#ccc;}
    .search2 {text-align:left;}  /*** not sure this does anything I added it ****/
        
@media only screen and (max-width:734px){
    .search {width:240px; margin-left: calc(100vw - 240px); border111:1px solid darkorange;}
    #txtSearch {width:155px; font-size:13px; padding-left:4px; padding-right:4px;}
    .search1 {font-size:13px; margin-left:1px; padding-left:7px;  padding-right:7px;} 
    } 
@media only screen and (max-width: 414px) {.search{width:245px; margin:89px 0 0 calc(52vw - 113px);}}