@media screen and (max-width: 1199px) {
.home-banner .caption{top:28%;}
.home-banner h1{font-size:60px;}
.search-box{width:160px;}
.top-menu ul li a{padding:8px;}

.in-banner.careers-banner{height:450px;}
.in-banner.careers-banner .thumb{width:100%;height: 100%; -o-object-fit: cover; object-fit: cover; object-position: center center;}
}

@media screen and (max-width: 991px) {	
.wrapper{left:0; position:relative;}
.hidden-menu{overflow:hidden;}
.hidden-menu .wrapper{left:270px;}

.btn-topmenu{color:#000 !important; font-size:16px; float:left; padding:0; width:30px; height:40px; position:fixed; top:0; left:10px; z-index:9999;}
.btn-topmenu .menu-bar{height:2px; width:15px; display:block; background:#000; position:absolute; left:0; top:50%;}
.btn-topmenu .menu-bar:after, .btn-topmenu .menu-bar:before{position:absolute;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
.btn-topmenu .menu-bar:after{content:''; width:26px; height:2px; display:block; background:#000; bottom:8px;}
.btn-topmenu .menu-bar:before{content:''; width:26px; height:2px; display:block; background:#000; top:8px;}
.btn-topmenu:focus, .btn-topmenu.focus{outline:0; box-shadow:none;}
.btn-topmenu.on .menu-bar{background-color:transparent;}
.btn-topmenu.on .menu-bar:after{
transform: rotate(45deg) translate(5px, 5px);
-webkit-transform: rotate(45deg) translate(5px, 5px); 
background:#fff;
}
.btn-topmenu.on .menu-bar:before{
transform: rotate(-45deg) translate(6px, -6px);
-webkit-transform: rotate(-45deg) translate(6px, -6px);
background:#fff;
}


.menu-logo{text-align:center; padding:45px 15px 30px 15px;}
.menu-logo img{filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1);}
.menu-logo h1{font-size:20px; margin:0; padding:0;}
.menu-logo h1 a{color:#fff;}
.top-menu, .wrapper{
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
.top-menu{position:fixed; top:0; left:-270px; z-index:9992; width:270px; height:100%; background:#2e2e2e; overflow-y:scroll;}
.top-menu.open{left:0; box-shadow:0 0 10px rgba(0, 0, 0, 0.5);}
.top-menu ul{padding:0; margin:0; list-style:none;}
.top-menu ul li{border-top:solid 1px #3c3c3c;}
.top-menu ul li a{padding:10px 20px; display:block; font-size:16px; color:#a3a3a3;}
.top-menu ul li a:hover, .top-menu ul li.current-menu-item a{color:#fff;}
.top-menu ul ul{padding-bottom:10px; display:none;}
.top-menu ul ul li{border:none;}
.top-menu ul ul li a{padding:4px 20px 4px 30px;}


.top-menu ul li.dropdown .arrow{position:absolute; z-index:8; top:0; right:0; width:40px; height:44px; line-height:40px; text-align:center; color:#a3a3a3; font-size:18px; cursor:pointer;}
.top-menu ul ul li.dropdown .arrow{height:43px; line-height:38px;}
.top-menu ul li.dropdown .arrow:after{font-family:'FontAwesome'; content:"\f107";}
.top-menu ul li.dropdown.open > .arrow:after{content:"\f106";}
.top-menu ul li.dropdown > a{padding-right:40px;}
.top-menu ul li.dropdown.open > ul{display:block;}

.header-wrap{position:static;}
#SBCbtn{position:static; transform:none; -webkit-transform:none; display:none;}
.home-banner .caption{top:10%;}
.home-banner h1{font-size:45px;}

.site-title{padding:45px 0;}

}

@media screen and (max-width: 767px) {
.home-banner h1{font-size:36px;}
.site-title{padding:30px 0;}
.site-title h1{font-size:36px;}

.in-banner.careers-banner{height:auto;}
.in-banner.careers-banner .caption{position:static; transform:none; padding-top:40px;}
}

@media screen and (max-width: 639px) {
}

@media screen and (max-width:575px){
.home-banner h1{font-size:30px;}
.site-title{padding:20px 0;}
.site-title h1{font-size:30px;}
.site-content{padding-top:40px; padding-bottom:40px;}

.submit-div p{text-align:center !important;}
.submit-div .btn{margin-bottom:20px !important;}

}

@media screen and (max-width: 479px) {
.header-left, .header-right{-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%;}
.header-left{text-align:center; padding-bottom:10px;}
.home-banner h1{font-size:22px;}
.site-title h1{font-size:22px;}
}
