.top-banner {position: absolute; width: 100%; height: 500px; top: 0; left: 0;}
.top-banner img{object-fit: cover; width: 100%; height: 500px;}
.banner-text {position: relative; z-index: 1;}
.banner-text h2 {font-weight: normal !important;}
.m-block{display: none;}

/* Navigation Bar */
.navScrolled {position: fixed !important;top: 0;z-index: 1000;}
nav.second-nav {background-color: #000; width: 100%; overflow: hidden; padding: 14px 0; position:relative;}
nav.second-nav ul {width: max-content; margin:0 auto; text-align: center;}
nav.second-nav ul li {display: inline-block;padding: 0 5px;}
nav.second-nav ul li a {color: #fff; border-radius: 50px; padding: 5px 25px; display: inline-block; font-weight:normal;}
nav.second-nav ul li a:hover:before, .second-nav ul li a:before {text-decoration: none; height: 0 !important;}
nav.second-nav ul li.active a, nav.second-nav ul li a:hover {background-color: #fff;color:#404040; text-decoration: none; }
nav.second-nav ul li a.border-adjusted, nav.second-nav ul li a.color-adjusted{color: #fff!important; background-color: transparent!important;}
nav.second-nav ul li.active a.color-adjusted, nav.second-nav ul li.active a.border-adjusted, nav.second-nav ul li a.color-adjusted:hover, nav.second-nav ul li a.border-adjusted:hover{color: #fff !important; background-color: #003eab!important;}
@media screen and (max-width: 992px) {
	nav.second-nav {overflow-x: scroll;}
}
/* End Navigation Bar */

.text-show {display: block !important;}
hr {display:none;}
.layout-max-width {max-width: 1360px !important;}
#overview h3, [id*="benefits"] h3, #discover-products h3 {display:none;}
#top-hero .row{height: 500px; align-items: center;}
[id*="benefits"], [id*="custom-html"], #top-hero, #discover-products {padding: 0 !important;}
[id*="benefits"] .layout-max-width{position: relative;}
[id*="benefits"] .context-html,  #discover-products  .context-html{margin: 0 !important;}
[id*="benefits"] .context-html > *:last-child,  #discover-products .context-html > *:last-child{margin-bottom: 0 !important;}
[id*="benefits"] h3, #discover-products h3, #discover-products h5{margin-top: 0 !important;}
#benefits .row {height: 800px;}
#benefits2 .row {height: 850px;}
#benefits .left-top {position: absolute; top: 0; left: 0; background: rgb(5 8 35 / 85%); width: 50%; padding: 4rem;}
#benefits .right-bottom {position: absolute; right: 0; bottom: 0; background: rgb(5 8 35 / 85%); width: 50%; padding: 4rem;}
#benefits2 .left-top {position: absolute; top: 2rem; left: 0; width: 45%; padding: 4rem 0;}
#benefits2 .right-bottom {position: absolute; right: 0; bottom: 0; width: 45%; padding: 4rem 0;}
#discover-products .row {height: 850px; align-items: center;}
.productImg {position: absolute; right: 0; top: 50%; width: 80%;}
.product-info{width: 50%;}
.linecard-canvas {display: flex;}
.xs-divide-line {width: 4%;}
.linecard-info{width: 48%; flex: 0 0 auto;}
#myiframe {width: 100%; min-height: 600px; border: none; display: block; max-height: none !important;}
#categories {padding: 0 !important;}
#categories h3, #contact-us h3{display: none;}
#categories .context-html > *:last-child {margin-bottom: 0;}
#contact-us, #fiber, #copper, #switches{padding-top: 0 !important;}
#contact-us hr{border-width: 1px !important; display: block !important;}
#benefits, #benefits2, #discover-products{background-size: cover!important;}
#discover-products {overflow: hidden;}
.mobile-version, .product-info hr {display: none;}
.neox-product {position: absolute; right: -10rem; bottom: 0;}

/*for EMEA*/
.benefits-box {background: #fff; padding: 2rem; text-align: center; min-height: 440px; border-radius: 10px;}

@media screen and (min-width: 2400px){
#benefits2 .row {height: 1200px;}
#benefits2 .left-top {top: 5rem;}
.neox-product {right: 7rem;}
}

@media screen and (max-width: 1750px){
.neox-product {right: -20rem;}
}

@media screen and (max-width: 1500px){
.xs-divide-line {display: none;}
.laptop-version {display: flex; align-items: center; justify-content: space-around; padding-top: 2rem;}
.mobile-version {display: block; width: 40%; flex: 0 0 auto;}
.linecard-canvas {justify-content: center;}
.product-info {width: 100%; flex: 0 0 auto;}
.linecard-img{text-align: center; margin: 3rem auto 1rem;}
.linecard-info {width: 43%; flex: 0 0 auto;}
.mobile-version {display:block; width: 40%; flex: 0 0 auto;}
.product-text {width: 45%; flex: 0 0 auto;}
.product-info hr {display: block; width: 90%; border-color: #404040 !important; }
#discover-products {padding: 2rem 0 !important;}
#discover-products .row {height: auto;}
#benefits2 {background-position: 40% !important;}
#benefits2 .left-top {padding: 4rem 0 4rem 2rem;}
.neox-product {display: none;}
}

@media screen and (max-width: 1100px){
	#benefits2 .left-top {width: 50%;}
	.benefits-box {min-height: 580px;}
}

@media (max-width: 991px) {
    #myiframe {overflow: hidden !important; height: auto;}
}

@media (max-width: 900px) {
	.benefits-box {min-height: 780px;}
}

@media screen and (max-width: 500px) {
    .m-block, .m-block picture{display: block !important;}
    .l-block{display: none;}
	.banner-text {width: 70%; margin-top: 5rem;}
	#benefits .row {align-items: center;}
	#benefits2 .row {height: 700px;}
	.left-top, .right-bottom{width: 90% !important; left: 0 !important; right: 0 !important; padding: 2rem !important;}
	#benefits .left-top, #benefits .right-bottom {position: relative !important; margin: 1rem auto !important; padding: 2rem !important;}
	#benefits2 .left-top, #benefits2 .right-bottom{margin: 0 auto !important;}
	#benefits2 .right-bottom{bottom: -1rem;}
	#benefits2 .left-top {top: 2rem;}
	.laptop-version {flex-direction: column;}
	.product-info {width: 100%; padding-right: 0;}
	.product-text {width: 100%;}
	.linecard-info{width: 100%; padding: 1rem 0;}
	.linecard-canvas {flex-direction: column;}
	.mobile-version {margin-top: 2rem; width: 80%;}
	.benefits-box {min-height: auto; margin-bottom: 1rem;}
}