[id*="custom-html"]{padding:0 !important; position:relative;}
.line-break {display: block;}
.text-show{display:block !important;}
.text-dark{color: #404040 !important;}
a.text-dark:before{background-color: #404040 !important;}
.text-normal{font-weight: normal !important;}
.small-font {font-size: 15px;}
[id*="hero"]{padding: 0 !important;}
[id*="hero"] .row{min-height: 500px; align-items: center;}
[id*="hero"] .row .col-md-5, [id*="auto-frame"] .row .col-md-5{width: 100%;}
#top-hero h1, [id*="hero"] h2, [id*="auto-frame"] h2{display: none;}
[id*="auto-frame"] ul, [id*="auto-frame"] ul li{list-style-type:disc !important; margin-left: 10px !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:#000; 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: #000 !important; background-color: #fff!important;}
@media screen and (max-width: 992px) {
	nav.second-nav {overflow-x: scroll;}
}

#top-hero{position: relative;}
.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;}

#wifi7-solutions {position: relative; overflow: hidden; padding-top: 4rem !important;}
#wifi7-solutions h3, #test-kit h3, #contact-us h3{display: none;}
#wifi7-solutions .d-flex {min-height: 500px;}
#wifi7-solutions .desc {padding: 0; width: 45%; margin-left: 54%;}
#wifi7-solutions .img-box {position: absolute; left: 0; height: 500px; width: 50%; overflow: hidden;}
#wifi7-solutions .img-box img {object-fit: cover; width: 100%; height: 100%;}

#certified-wifi7-devices-auto-frame {position: relative; height: 600px;}
#certified-wifi7-devices-auto-frame a{border-bottom: 1px solid #fff;}
#wifi7-tech-features-auto-frame {padding: 0 !important;}
#wifi7-tech-features-auto-frame .row{min-height: 550px; align-items: center;}
.feature-text {position: relative; z-index: 1;}
.position-bottom-right {position: absolute; bottom: 0; right: 15%; z-index: 0;}
.position-top-left {position: absolute; top: 0; left: 20%; z-index: 0;}

.product-box {min-height: 385px; border: 1px solid #ccc; padding: 10px;}

/*Video pop-up*/
.wifi7-video-btn, .esg-video-btn {color: #00b2ff; cursor: pointer;}
.wifi7-video-btn i, .esg-video-btn i{vertical-align: middle; margin-right: 5px;}
.esg-video-btn-eu {position: relative; width: fit-content; cursor: pointer;}
.show {display: flex !important;}
.popup {display: none;width: 100%;height: 100vh;background-color: rgba(0, 0, 0, 0.9);justify-content: center;align-items: center;position: fixed;top: 0;left: 0;z-index: 1050;}
.popup .wifi7-video, .popup .esg-video{margin: 0 auto; width:71vw; height:40vw; text-align:center;max-height: calc(100vh - 60px);}
#wifi7-video .close, #esg-video .close{position: absolute;border: 0;outline: none;cursor: pointer;background: none;font-size: 50px;z-index: 1;top: 0;right: 1%;color: #fff;opacity: 1;margin: 0;padding: 0;}

#featured-products {padding: 0 !important;}
#featured-products h3{display: none;}

.product-router-section h6{font-size: 0.88rem; margin:0;}
.table-responsive {display: block; width: 100%; margin: auto; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;}
.table-responsive.na-table{width: 90%;}
.table-responsive table th{font-size: 0.88rem; font-weight: bold; color: #222;background:#eee; display: none;}
.table-responsive table tr{border-top: 1px solid rgba(64, 64, 64, 0.2) !important;}
.table-responsive table td{vertical-align: top; word-break: keep-all!important; padding-left: 3rem;}
.table-responsive td.bold{font-weight: bold; color: #222;}
.btn-info .material-icons-round {transform: rotate(0deg); transition: all 0.6s; vertical-align: middle;}
.btn-info .material-icons-round.active {transform: rotate(180deg);}

.award-logo img {height: 50px; width: auto;}

@media (max-width: 1600px) {
    .position-bottom-right {right: 0;}
}

@media (max-width: 700px) {
    .m-block, .m-block picture{display: block !important;}
    .l-block{display: none;}
    .top-banner img {object-position: right;}
	#wifi7-solutions .d-flex{height: auto; flex-direction: column-reverse;}
	#wifi7-solutions .img-box{position:relative;  margin: auto; height: 350px; width: 100%; left: 0; right: 0;}
    #wifi7-solutions .img-box img{height: 350px;}
    #wifi7-solutions .desc{margin: 1rem auto 0; width:100%; padding: 0;}
    .text-overlay {background: rgba(0,0,0,0.5); color: #fff; padding: 1rem;}
    .wifi-tech-features .col-md-4{margin-bottom: 3rem;}
    #wifi7-tech-features-auto-frame{background: #b5bdc8;}
    #wifi7-tech-features-auto-frame {padding: 2rem 0 !important;}
    .wifi7-video-btn, .esg-video-btn {margin: 0 0 1rem 0 !important;}
    .table-responsive.na-table{width: 100%;}
    .table-responsive table th {display: table-cell;}
    .table-responsive table tr{border-top: none !important;}
    .table-responsive table td {padding-left: 0;}
    .product-router-box {margin-bottom: 1rem;}
    .product-img-box {width: 50%; margin: auto;}
    .position-bottom-right, .position-top-left {position: relative;}
    .position-bottom-right {bottom: -5%;}
    #certified-wifi7-devices-auto-frame {padding: 0 !important; overflow: hidden; min-height: 600px !important; height: auto;}
    #certified-wifi7-devices-auto-frame h3 {margin-top: 2rem;}
}