[id*="custom-html"]{padding:0 !important;}
.text-show{display: block !important;}
#top-hero{padding: 0 !important;}
#top-hero h1{display: none;}
#top-hero .row{align-items: center; height: 500px;}

/* Navigation Bar */
.navScrolled {position: fixed !important;top: 0;z-index: 1000;}
nav.second-nav {background-color: #eeeeee; 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: #404040; 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: #00b2ff;color:#fff; text-decoration: none; }
nav.second-nav ul li a.border-adjusted, nav.second-nav ul li a.color-adjusted{color: #404040 !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 */


/*Overview*/
.overview h6{font-weight:normal;}

#why-voip {padding: 0 !important;}
#why-voip h2{display: none;}
#why-voip .row{height: 500px; align-items: center; position: relative;}
.why-voip-benefits ul li {font-size: 20px; margin-bottom: 1rem; list-style: none !important;}
.why-voip-benefits ul li em {padding-right: 5px; vertical-align: middle;}

/*Why Zyxel*/
#what-benefits-can-zyxel-voip-media-gateway-solutions-offer {padding: 0;}
#tabbed-content .zyx-tabbed-content li {width: 23%; height: 60px !important;}
#tabbed-content .zyx-tabbed-content li a{text-align: center;position: relative;white-space: normal !important; vertical-align:middle; padding-left:25%; padding-top:5px; font-size:15px;}
#tabbed-content .zyx-tabbed-content li a.active{font-weight:600;}
#tabbed-content .zyx-tabbed-content li a:before {position: absolute; top: 50%; transform:translate(0, -50%); left: 15px; width:40px; height:40px;}
#tabbed-content .zyx-tabbed-content li:first-child a:before {background: url('/service-provider/sites/default/files/2021-01/voip_icon_service_upgrade_w.png')#414141 no-repeat center center; background-size: contain;}
#tabbed-content .zyx-tabbed-content li:first-child a.active:before{background: url('/service-provider/sites/default/files/2021-01/voip_icon_service_upgrade_w.png')#00b2ff no-repeat center center; background-size: contain;}
#tabbed-content .zyx-tabbed-content li:nth-child(2) a:before {background: url('/service-provider/sites/default/files/2021-01/voip_icon_revenue_increase_w.png')#414141 no-repeat center center; background-size: contain;}
#tabbed-content .zyx-tabbed-content li:nth-child(2) a.active:before{background: url('/service-provider/sites/default/files/2021-01/voip_icon_revenue_increase_w.png')#00b2ff no-repeat center center; background-size: contain;}
#tabbed-content .zyx-tabbed-content li:nth-child(3) a:before {background: url('/service-provider/sites/default/files/2021-01/voip_icon_completed_portfolios_w.png')#414141 no-repeat center center; background-size: contain;}
#tabbed-content .zyx-tabbed-content li:nth-child(3) a.active:before{background: url('/service-provider/sites/default/files/2021-01/voip_icon_completed_portfolios_w.png')#00b2ff no-repeat center center; background-size: contain;}
#tabbed-content .zyx-tabbed-content li:nth-child(4) a:before {background: url('/service-provider/sites/default/files/2021-01/voip_icon_customizable_software_w.png')#414141 no-repeat center center; background-size: contain;}
#tabbed-content .zyx-tabbed-content li:nth-child(4) a.active:before{background: url('/service-provider/sites/default/files/2021-01/voip_icon_customizable_software_w.png')#00b2ff no-repeat center center; background-size: contain;}


@media (max-width: 1025px) {
	#voip-media-gateway-solutions .justify-content-start{left:10%;}
	#voip-media-gateway-solutions .justify-content-start .col-md-5 {max-width: 80% !important; flex: auto; left: 0;}
	.why-voip-bg{left:-50%;}
	#tabbed-content .zyx-tabbed-content li{width:35%;}
}

@media (max-width: 830px) {
    #top-hero .cover, #why-voip .cover{position: absolute; top: 0; left: 0; height: 500px; width: 100%; background: rgba(0,0,0,0.2); z-index: 0;}
    #top-hero h1, #top-hero h5, #why-voip h2{position: relative;}
	.why-voip-canvas{height:auto; padding:0 !important; background:none; }
	.why-voip-bg, .why-voip-cnt{position:relative; width:100%; display: flex;}
	.why-voip-bg{height:300px; background-size:cover;top:0; left:0;}
	.why-voip-cnt{padding:1rem;background: #003366;top: unset;right: unset;transform: unset;}
	.why-voip-benefits{margin:0;}
	#tabbed-content .zyx-tabbed-content li{width:40%;}
}

@media (max-width: 500px) {
	#tabbed-content .zyx-tabbed-content li {width: 90%; max-width: 100%;}
	#tabbed-content .zyx-tabbed-content li a{padding-left:unset;}
	#tabbed-content .zyx-tabbed-content li a:before{margin-left:15%;}	
}

@media (max-width: 430px) {
	#tabbed-content .zyx-tabbed-content li a:before{margin-left:5%;}
}

@media (max-width: 400px) {
	#tabbed-content .zyx-tabbed-content li a{padding-left:20%;}
}