/* Small devices (landscape phones, 576px and up) */
@media (min-width: 1px) and (max-width: 949px) {   
   .take-overPopup_disclaimer {  
         visibility: hidden;
         display:none !important;
    }    
    .take-over-modal,.load {
      visibility: hidden;
      display:none !important;
    }
      .mobile-carousel-container .bx-controls{
    display: none !important;
  }
}

/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Custom media queries
*/
@media (max-width: 950px) { 
 .take-over-modal{
    position: fixed;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 23px;
  
}
.load {
    animation: fadeInAnimation ease 3s; 
    animation-iteration-count: 1; 
    animation-fill-mode: forwards; 

}
@keyframes fadeInAnimation { 
    0% { 
        opacity: 0; 
    } 
    100% { 
        opacity: 1; 
    } 
} 
.take-over-inner{
    padding: 0 !important;
    margin: 0 !important;
}

.take-over-large{
    width: 100% !important;
    padding: 0 !important;
    margin: 0;
}
.take-logo{
    float: left;
    position: relative;
    z-index: 10;
    padding-top: 5px;
     width: 188px; 
    padding-left: 25px;
}
.take-logo img {
    width: 188px;
}
.close-take{
    float: right;
    position: absolute;
    z-index: 10;
    width: 100%;
    padding-top: 5px;
	padding-right: 25px;
    cursor: pointer;
    display:none;
}
.take-overPopup_disclaimer {    
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;   
    z-index: 1001;
    background: rgba(0,0,0,0.9);
    opacity: 0.8;
    z-index: 2 !important;            
}
.take a.button:hover {
    color: #019cdc !important;
    background: #fff;
}
.mid-text{
    color: #019cdc;
}
.text-shadow-first{
    font-size: 65px;
    display: inline-block;
     width: 786px; 
    width: 732px;
    text-align: center !important;
    line-height: 1;
    color: #fff;
    font-family: "KarbonMedium";
    margin: 0;
    text-shadow: 0 0 10px #543019;
}
.text-wrapper.take{
    text-align: center;
    top: 25px !important;
}
.take-description{
    text-align: center !important;
    font-size: 42px;
    font-family: "KarbonMedium" !important;
    line-height: 1;
    margin: 10px;
}
.take-over-large .mh1{
    height: auto !important;
    min-height: 533px !important;
}
.bg{
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: inherit;
    /*background-color: #999;*/ 
    height: 100%;
}
.bg img {
	width: 100%;
}
.close-take img {
    width: 65px;
    float: right;
}
.section-contact-us .newscenter-popup.take-over-modal {
    top: -182px !important;
}
.take-over-modal.load .text-shadow-first {
    font-family: "KarbonSemiBold";
    text-transform: uppercase;
        width: 804px;
        font-size:65px;
}
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
 .take-over-modal{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 23px;
 }
.load {
    animation: fadeInAnimation ease 3s; 
    animation-iteration-count: 1; 
    animation-fill-mode: forwards; 

}
@keyframes fadeInAnimation { 
    0% { 
        opacity: 0; 
    } 
    100% { 
        opacity: 1; 
    } 
} 
.take-over-inner{
    padding: 0 !important;
    margin: 0 !important;
}

.take-over-large{
    width: 100% !important;
    padding: 0 !important;
    margin: 0;
}
.take-logo{
    float: left;
    position: relative;
    z-index: 10;
    padding-top: 5px;
     width: 188px; 
    padding-left: 25px;
}
.take-logo img {
    width: 188px;
}
.close-take{
    float: right;
    position: absolute;
    z-index: 10;
    width: 100%;
    padding-top: 5px;
	padding-right: 25px;
    cursor: pointer;
    display:none;
}
.take-overPopup_disclaimer {    
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;   
    z-index: 1001;
    background: rgba(0,0,0,0.9);
    opacity: 0.8;
    z-index: 2 !important;            
}
.take a.button:hover {
    color: #019cdc !important;
    background: #fff;
}
.mid-text{
    color: #019cdc;
}
.text-shadow-first{
    font-size: 65px;
    display: inline-block;
     width: 786px; 
    width: 732px;
    text-align: center !important;
    line-height: 1;
    color: #fff;
    font-family: "KarbonMedium";
    margin: 0;
    text-shadow: 0 0 10px #543019;
}
.text-wrapper.take{
    text-align: center;
    top: 55px !important;
}
.take-description{
    text-align: center !important;
    font-size: 42px;
    font-family: "KarbonMedium" !important;
        line-height: 1;
        /*color:red !important;*/
        margin: 8px;
}
.take-over-large .mh1{
    height: auto !important;
    min-height: 533px !important;
}
.bg{
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: inherit;    
    height: 100%;
}
.bg img {
	width: 100%;
}
.close-take img {
    width: 65px;
    float: right;
}
.section-contact-us .newscenter-popup.take-over-modal {
    top: -182px !important;
}
.take-over-modal.load .text-shadow-first {
    font-family: "KarbonSemiBold";
    text-transform: uppercase;
        width: 804px;
        font-size:73px;
}
}
 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
  .take-over-modal{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 23px;   
}
.load {
    animation: fadeInAnimation ease 3s; 
    animation-iteration-count: 1; 
    animation-fill-mode: forwards; 

}
@keyframes fadeInAnimation { 
    0% { 
        opacity: 0; 
    } 
    100% { 
        opacity: 1; 
    } 
} 
.take-over-inner{
    padding: 0 !important;
    margin: 0 !important;
}

.take-over-large{
    width: 100% !important;
    padding: 0 !important;
    margin: 0;
}
.take-logo{
    float: left;
    position: relative;
    z-index: 10;
    padding-top: 5px;
     width: 188px; 
    padding-left: 25px;
}
.take-logo img {
    width: 188px;
}
.close-take{
    float: right;
    position: absolute;
    z-index: 10;
    width: 100%;
    padding-top: 5px;
	padding-right: 25px;
    cursor: pointer;
    display:none;
}
.take-overPopup_disclaimer {    
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;   
    z-index: 1001;
    background: rgba(0,0,0,0.9);
    opacity: 0.8;
    z-index: 2 !important;            
}
.take a.button:hover {
    color: #019cdc !important;
    background: #fff;
}
.mid-text{
    color: #019cdc;
}
.text-shadow-first{
    font-size: 65px;
    display: inline-block;
     width: 786px; 
    width: 732px;
    text-align: center !important;
    line-height: 1;
    color: #fff;
    font-family: "KarbonMedium";
    margin: 0;
    text-shadow: 0 0 10px #543019;
}
.text-wrapper.take{
    text-align: center;
    top: 110px !important;
}
.take-description{
    text-align: center !important;
    font-size: 42px;
    font-family: "KarbonMedium" !important;
        line-height: 1;
}
.take-over-large .mh1{
    height: auto !important;
    min-height: 533px !important;
}
.bg{
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: inherit;    
    height: 100%;
}
.bg img {
	width: 100%;
}
.close-take img {
    width: 65px;
    float: right;
}
.section-contact-us .newscenter-popup.take-over-modal {
    top: -182px !important;
}
.take-over-modal.load .text-shadow-first {
    font-family: "KarbonSemiBold";
    text-transform: uppercase;
        width: 804px;
        font-size:73px;
}
.pane-menu-menu-home-menu {
    margin-top: 40px !important;
}
}
@media(min-width:1320px){
    .front .janssen-home-barker{
       max-width: 1111px;
    margin-right: auto !important;
    margin-left: auto !important;
    }
    .hero-video__txt-box{
        margin-left:0px ;
    }
}

@media(min-width:1201px) and (max-width:1320px){
	.pane-menu-menu-home-menu {
		margin-top: -18px !important;
	}
	.pane-menu-menu-home-menu ul {
		max-width:991px;
	}
}
@media (max-width:800px) {
	.pane-menu-menu-home-menu {
		background-color: transparent;
		font-size: 30px;
		padding-top: 8px;
		margin-top: -30px !important;
	}
}

@media(min-width:824px) and (max-width:1200px){ 
	.pane-menu-menu-home-menu ul {
		max-width:991px;
	}
	.front .janssen-home-barker {
		height: 0px !important;
	}
	.pane-menu-menu-home-menu  {
		margin-top: 45px;
	}	
}

/*@media(min-width:769px) and (max-width:824px) {*/
@media(min-width:813px) and (max-width:824px) {
	.pane-menu-menu-home-menu {
		/*margin-top: -30px !important;*/		
	}
}

@media(min-width: 769px) and (max-width: 799px) {
	.pane-menu-menu-home-menu ul {
		max-width: 480px;
	}
}

@media (max-width: 799px) and (min-width: 769px){
	.pane-menu-menu-home-menu ul {
		max-width: 480px;
	}
}

@media(max-width:768px) {
	.pane-menu-menu-home-menu ul {
		max-width: 557px;
	}
}

@media(min-width:800px) and (max-width:810px) {
	.pane-menu-menu-home-menu ul li a {
            padding: 6px 0px !important;
		font-size: 22px !important;
	}
        .pane-menu-menu-home-menu .newscenter a, .pane-menu-menu-home-menu .findajanssencareer a, .pane-menu-menu-home-menu .contactus a {
    font-size: 20px !important;
}
	.view-home-page-aboutus-stories>.view-content>.columns.large-6  {
		padding:0 15px;
		width:50%;
	}
        .view-clone-of-home-page-aboutus-stories>.view-content>.columns.large-4{
            padding: 0px 15px;
            width:50%;
        }
	.view-display-id-leadership_bio_list .columns.large-4  {
		padding:15px 15px;
		width:50%;
	}
        
	.pane-menu-menu-home-menu {
		margin-top: -30px !important;
	}
}

@media only screen 
  and (min-device-width: 992px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
	.front .janssen-home-barker {
		height: 40px !important;    
	}
	.pane-menu-menu-home-menu {
		margin-top: 0px !important;
	}
}
@media (max-width: 1320px) and (min-width: 1200px) {
	.pane-menu-menu-home-menu {
		margin-top: 45px !important;
	}
}

@media(min-width:768px) and (max-width:799px){
	.pane-menu-menu-home-menu ul li a {
		font-size: 15px !important;
	}
}

@media(min-width:1024px) and (max-width:1320px){

	body .janssen-home-barker {
		position: relative;
		left: 0;
		right: 0;
		margin: 0 auto;
		max-width: 1006px;
	}
}
@media(min-width:800px) and (max-width:1024px) {
.global-site .janssen-home-barker .middle h1 {
/*left:0;*/
}
.view-display-id-careers_results .columns.large-4 .card-image__block{
                height: 184px;
        }
}
@media(min-width:769px) and (max-width:799px) {
	body .janssen-home-barker {
	    position: relative;
		left: 0;
		max-width: 510px;
		margin: 0 auto;
	}
}

@media(min-width:560px) and (max-width:768px) {
	body .janssen-home-barker {
		position: relative;
		left: 0;
		right: 0;
		margin: 0 auto;
		max-width: 587px;
	}
}

@media(max-width:560px) {
	.hero-video__txt-box {
		left:15px;
		right:15px;
		width: 285px;		
	}
}
@media(max-width:800px) {
	.hero-video__txt-box >.middle{
		width: 290px;		
	}
}