/* LTE5388-M804 */ 
html body h2 {
	font-size:40px;	
}

html body h3 {
	font-size:30px;	
}

html body h4 {
    font-size:24px;
	line-height:1.4em;	
}

html body h6 {
	font-size:20px;
	line-height:1.4em;
}

html p {
	font-size:18px;
}

.imgCenter {
	display:block;
	margin:0 auto;
}

.noPadding {
	padding:0;
} 
/* End LTE5388-M804 */


/* Top Navigation */ 
.product-page .deck-wrapper h1.page-title {
    color:#3f9938!important;
}

.product-page .deck-wrapper .section-navigation .navbar-brand h2 {
    color:#ffffff;
}

.deck-wrapper .section-navigation .navbar-default {
	background:#3f9938!important;
}

.deck-wrapper .section-navigation .navbar-default .navbar-nav>li>a, .deck-wrapper .section-navigation .navbar-default .navbar-nav>li>a:active, .deck-wrapper .section-navigation .navbar-default .navbar-nav>li>a:focus {
    color:#ffffff;
}

.deck-wrapper .section-navigation .navbar-default .navbar-nav>li>a:hover {
    color:#000000!important;
}

#section-menu .btn-buy {
	background-color:#44474a!important;
}

#section-menu .btn-buy:hover, #section-menu .btn-buy:active, #section-menu .btn-buy:focus {
	color:#ffffff!important;
}
/* End Top Navigation */


/* Main Banner */
.banner-section {
	position:relative;
	overflow:hidden;
    height:45vw;
	background:url('/library/assets/products/lte5388-m804/lte5388_00_banner_1920x800.png');
    background-repeat:no-repeat;	
    background-position:50% 50%;	
	background-size:cover;
}

.banner-section .slogan {
    width:48%;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flexbox;
    display:-o-flex;
    display:flex;
    height:100%;
    margin-left:18.5%;
    margin-top:-3%;
}

.banner-section .slogan .text {
    align-self:center;
}
/* End Main Banner */


/* Maximized Network, Simplified Life */
.network-section {
    position:relative;
	background:#f7f7f7;	
}

.network-section .background {
	position:relative;
}

.network-section .line {
    position:absolute;
    width:100%;
    top:0;
    left:0;	
}

.network-section .word {
    position:absolute;
    width:100%;
    top:0;
    left:0;	
}

.network-section .base {
    position:absolute;
    width:100%;
    top:0;
    left:0;	
}

.network-section .content {
    position:absolute;
    width:50%;
    height:100%;
    top:0;
    left:0;
	margin-left:7.5%;	
	z-index:50;	
}
		
.network-section .content .text {
    width:80%;
	padding-top:100px;
}

.network-section .image {
	display:none;
}

#pointers {
	width:100%;
	position:absolute;
	z-index:20;
	-webkit-clip-path:inset(0 57% 0 43%);
	clip-path:inset(0 57% 0 43%);
	opacity:0
}

#labels {
	width:100%;
	position:absolute;
	z-index:20;
	opacity:0
}

.pointers {
	opacity:1 !important;
	-webkit-clip-path:inset(0) !important;
	clip-path:inset(0) !important;
	transition:all 3s ease-in-out;
	transition-delay:1.5s
}

.labels {
	opacity:1 !important;
	transition:all 5s ease-in-out;
	transition-delay:2.5s
}
/* End Maximized Network, Simplified Life */


/* Wireless Freedom */	
.wireless-section {
	position:relative;	
	background:#565656;		
	width:100%;
    margin:auto;
    padding-top:100px;
	padding-bottom:80px;	
}
	
.wireless-section .content .image {
    width:55%;
	padding-left:5%;	
    margin-top:-8%;
	z-index:50;	
}
	
.wireless-section .content .image .top {
    width:40%;
    margin-left:5%;		
}
	
.wireless-section .content .image .bottom {
	width:65%;
    margin-top:-15%;
    margin-left:30%;
    padding-right:5%;
}

.wireless-section .content .text {
    width:45%;	
    padding-right:8%;	
    padding-top:11.5%;
}
 
.wireless-section .content .text h2 {
    color:#ffffff;
}
 
.wireless-section .content .text h6 {
    color:#ffffff;
}
/* End Wireless Freedom */


/* Exceptional Speed, Signal and Performance */
.speed-section {
    position:relative;		
	width:100%;
    margin:auto;		
}

.speed-section .background {
	position:relative;
}

.speed-section .background .content {
    width:40%;
	margin-left:7.5%;	
}
		
.speed-section .background .content .text {
    width:80%;
    align-self:center;
}

.speed-section .background .image {
	display:none;
}
/* End Exceptional Speed, Signal and Performance */


/* Seamless Connectivity */	
.connectivity-section {
    position:relative;		
	width:100%;
    margin:auto;
	background:#e8e8e8;	
}

.connectivity-section .background {
	position:relative;
}

.connectivity-section .background .content {
    margin:auto;
}
		
.connectivity-section .background .content .text {
    width:80%;
    margin:auto;
	padding-top:100px;
    text-align:center;
}

.connectivity-section .background .image {
	display:none;
}
/* End Seamless Connectivity */


/* Massive Connection, Custom Home Office */
.custom-section {
    position:relative;
	background:#e8e8e8;
}

.custom-section .background {
	position:relative;
}
	
.custom-section .background .content .text {
    width:80%;
    margin:auto;
	padding-top:100px;
    text-align:center;
}

.custom-section .background .image {
	display:none;
}
/* End Massive Connection, Custom Home Office */


/* Simple Design, Easy Management */	
.design-section {
	position:relative;
	background:-webkit-linear-gradient(top, #565656 85%, #f4f4f4 85%);
	background:-o-linear-gradient(top, #565656 85%, #f4f4f4 85%);
	background:-ms-linear-gradient(top, #565656 85%, #f4f4f4 85%);
	background:linear-gradient(top, #565656 85%, #f4f4f4 85%);
	width:100%;
	margin:auto;
	padding-top:100px;
	padding-bottom: 80px;
}
	
.design-section .content .text {
    width:45%;	
    padding-left:8%;	
	margin-top:-10%;
    align-self:center;
}
 
.design-section .content .text h2 {
    color:#ffffff;
}
 
.design-section .content .text h6 {
    color:#ffffff;
}

.design-section .content .image {
    width:55%;
    padding-left:5%;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flexbox;
    display:-o-flex;
    display:flex;
    flex-flow:column;
    margin:auto;
}
	
.design-section .content .image .top {
    width:60%;
    margin-left:5%;	
    z-index:10;	
}
	
.design-section .content .image .bottom {
	width:35%;
    margin-top:-10%;
    margin-left:45%;
}
.design-section .content .apps {
	display:flex;
	margin-top:20px;
	width: 90%;
}

.design-section .content .apps .logo {
    width:100%;
    position:relative;
    max-width:100px;
    margin-right: 3px;
    align-self:center;
    -webkit-filter:drop-shadow(7px 7px 3px rgba(0 0 0 / 10%));
    filter:drop-shadow(7px 7px 3px rgba(0 0 0 / 10%));
}

.design-section .content .apps .downloads {
    width: 100%;
    max-width:250px;
    align-self:center;
    text-align:center;
}

.design-section .content .apps .downloads .search {
    background-color:transparent;
    color: #ffffff!important;
    width:95%;
    font-size:20px;
    font-weight:bold;
    border: 2px solid #ffffff!important;
    box-shadow:7px 7px 10px rgba(0 0 0 / 10%);
    display:inline-block;
    padding: 4px 12px;
    margin-bottom:0;
    line-height:1.42857143;
    border-radius:4px;
}

.design-section .content .apps .downloads .store {
	display:flex;
	margin-top:10px;
}

.design-section .content .apps .downloads .store img {
	width:90%;
	-webkit-filter:drop-shadow(7px 7px 3px rgba(0 0 0 / 10%));
	filter:drop-shadow(7px 7px 3px rgba(0 0 0 / 10%));		
}

@media screen and (max-width:991px){
	.design-section .content .apps {
		width:50%;
		margin:auto;
		margin-top:20px;
		justify-content:space-around;
	}
	.design-section .content .apps .logo {
		max-width: 26%;
		margin-right: -23px;
	}	
	.design-section .content .apps .downloads {
		max-width:60%;
	}	
}

@media screen and (max-width:768px){
	.design-section .content .apps {
		width:60%;
	}
	.design-section .content .apps .downloads {
		max-width:65%;
	}	
}

@media screen and (max-width:640px) {
	.design-section .content .apps {
		width:100%;
	}
}
/* End Simple Design, Easy Management */	


/* Media Review */
.review-section {
    position:relative;
	padding:10px 0px 80px;
    background:#f4f4f4;
}

.review-section .container {
    width:80%;	
	margin:0 auto;
}

.review-section .container .item {
	width:30%;
    padding-bottom:100px;
    margin:auto;
    overflow:hidden;		
    position:relative;			
}
	
.review-section .container .item .image {
    position:relative;	
    height:220px;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
	transition:.5s ease;
}

.review-section .container .item .content {
    position:absolute;
    width:100%;
    padding:15px 25px;
    text-align:center;
    background-color:#44474a;
    height:100px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.review-section .container .item .content .text {
    color:#ffffff;
	font-size:20px;
}

.review-section .container .item:hover .image {
  transform:scale(1.1);  
}

.review-section .container .item a {
	color: white !important;
}

.review-section .container .item a:hover {
    color: #6CBE45 !important;
	text-decoration:none;
}
/* End Media Review */


/* Spec */
.spec h4.panel-title {
    font-size:18px;
}

.specnote ul {
	margin:0;
	padding:0 5px 0 5px;
}

.specnote li {
	list-style-type:none;
    display:table-row;	
	font-style:italic;	
	font-size:16px;	
}

.specnote li:before {
    content:"*";
    display:table-cell;	
    padding-right:.5em;
    text-align:right;	
}

.specnote li:nth-child(1):before {
   content:"*";
}

.specnote li:nth-child(2):before {
   content:"**";
}

.specnote li:nth-child(3):before {
   content:"***";
}
/* End Spec */


/* Notice */
.notice-section {
	position:relative;		
    background:#f9f9f9;	
}

.notice-section hr {
	margin-top:10px;
    border-top:1px solid transparent;	
}

.productnotice {
	padding:10px 0 15px 0;
	font-style:italic;
	font-weight:bold;
	font-size:16px;
}
/* End Notice */


/* Related Links */
.product-page .related-link-item .related-link-wrapper .related-link-caption {
    background-color:#3f9938!important;
}
/* End Related Links */


/* Spec */
.spec-note ol {
    list-style: none;
}

.spec-note ol li {
    text-indent: -20px;
    padding-left: 18px;
}

@media (max-width:991px){
	#specifications .title {
		margin-bottom: 10px;
	}
}
/* End Spec */


/* RWD */
@media (max-width:1440px){
	.banner-section .slogan .text h2 {
		font-size:28px;
	}	
	.network-section .content .text {
		padding-top:80px;
	}
	.wireless-section {
		padding-top:60px;
	}
	.connectivity-section {
		padding-top:30px;
	}	
	.connectivity-section .background .content .text {
		padding-top:30px;
	}	
	.custom-section .background .content .text {
		padding-top:60px;
	}	
	.design-section {
		background: -webkit-linear-gradient(top, #565656 82%, #f4f4f4 80%);
		background:-o-linear-gradient(top, #565656 85%, #f4f4f4 85%);
		background:-ms-linear-gradient(top, #565656 85%, #f4f4f4 85%);
		background:linear-gradient(top, #565656 85%, #f4f4f4 85%);
		padding-top: 100px;
	}
	.review-section .container .item {
		width:40%;
	}	
}

@media (max-width:1366px){
	.banner-section {
		height:37.5vw;
	}	
	.banner-section .slogan {
		width:50%;
		margin-left:20.5%;
		margin-top:-2.5%;
	}	
}
	
@media (max-width:1300px){
	.banner-section {
		height:50vw;	
	}
	.banner-section .slogan {
		margin-left:15%;
	}	
	.network-section .content {
		width:100%;
	}	
	.review-section .container .item {
		width:50%;		
	}	
}

@media (max-width:1200px){	
	.network-section .content {
		width:100%;
	}	
}
	
@media (max-width:1024px){	
	.network-section .content .text {
		padding-top:60px;
	}	
	.wireless-section .content .image {
		margin-top:-10%;
	}	
	.wireless-section .content .text {
		padding-top:9%;
	}
	.connectivity-section {
		padding-top:60px;
	}	
	.connectivity-section .background .content .text {
		padding-top:0;
	}	
	.design-section{
		padding-top: 120px;
		padding-bottom: 120px;
	}
	.design-section .apps{
	}
}
	
@media (max-width:991px){	
	.banner-section .slogan {
		margin-left:14.5%;
	}
	.banner-section .slogan .text h2 {
		font-size:26px;
	}
	.wireless-section .content {
		width:100%;
	}	
	.wireless-section .content .text {
		width:80%;
		margin:auto;		
		text-align:center;
		padding:0;
	}
	.wireless-section .content .image {
		width:90%;	
		padding:0;
		margin:auto;			
		margin-top:50px;
	}	
	.wireless-section .content .image .bottom {
		padding:0;
	}
	.speed-section {
		padding-bottom:60px;
	}		
	.speed-section .background .content {
		width:100%;
		margin:auto;
	}		
	.speed-section .background .content .text {
		width:80%;
		margin:auto;
		padding-top:60px;
		text-align:center;		
	}	
	.speed-section .background .image {
		display:block;
	}	
	.design-section .content {
		width:100%;
	}	
	.design-section .content .text {
		width:80%;
		margin:auto;		
		text-align:center;
		padding:0;
	}
	.design-section .content .image {
		width:90%;	
		padding:0;
		margin:auto;			
		margin-top:50px;
	}	
	.design-section .content .image .bottom {
		width:40%;
		margin-left:55%;
	}	
	.review-section {
		padding:60px 0px 80px;
	}	
}

@media (max-width:990px){
	.banner-section .slogan {
		width:52%;
	}	
	.banner-section .slogan .text h2 {
		font-size:22px;
	}		
}

@media (max-width:800px){
	.banner-section {
		position:relative;
		overflow:hidden;
		height:70vw;
		background:url('/library/assets/products/lte5388-m804/lte5388_00_banner_800x600.png');
		background-repeat:no-repeat;	
		background-position:50% 50%;	
		background-size:cover;
	}
	.banner-section .slogan {
		width:80%;
		margin-left:10.5%;
		margin-top:-7.5%;
	}
	.banner-section .slogan .text h2 {
		font-size:30px;
	}	
	.network-section {
		position:relative;
		background:#d9d9d9;
	}	
	.network-section .background {
		display:none;
	}
	.network-section .line {
		display:none;
	}	
	.network-section .word {
		display:none;
	}	
	.network-section .base {
		display:none;
	}		
	.network-section .content {
		position:relative;
		width:100%;
		height:auto;
		top:0;
		left:0;
		margin-left:0;		
	}			
	.network-section .content .text {
		width:80%;
		padding-top:60px;
		margin:auto;
		text-align:center;
	}
	.network-section .image {
		display:block;
	}	
	.review-section .container .item {
		width:80%;
	}	
}
	
@media (max-width:768px){
	.product-page .deck-wrapper .section-navigation .navbar-brand h2 {
		padding:0;	
	}	
	.deck-wrapper .section-navigation .navbar-default .navbar-nav>li.active>a {
		color:#000000!important;
		background:rgba(255,255,255,1) !important;		
	}
}

@media (max-width:767px) {	
	.connectivity-section .background .content .text {
		padding-bottom:30px;
	}	
	.connectivity-section .background .image {
		display:block;
	}	
	.custom-section .background .image {
		display:block;
	}		
}

@media (max-width:700px){
	.banner-section .slogan .text h2 {
		font-size:20px;
	}		
}

@media (max-width:650px) {	
	.review-section .container {
		width:100%;
	}	
	.review-section .container .item {
		width:100%;
	}	
	.review-section .container .item .image {
		height:200px;
	}	
}
	
@media (max-width:600px) {		
	.banner-section .slogan {
		margin-top:-6.5%;
	}		
}

@media (max-width:500px) {
 	.banner-section .slogan .text h2 {
		font-size:16px;
	}	
}

@media (max-width:350px) {
 	.banner-section .slogan .text h2 {
		font-size:14px;
	}	
}

@media (min-width:768px) {	
	.connectivity-section .background {
		overflow:hidden;
		height:90vw;
		background:url('/library/assets/products/lte5388-m804/lte5388_04_seamless-connectivity.jpg');
		background-repeat:no-repeat;	
		background-position:50% 50%;		
		background-size:cover;
	}
	.custom-section .background {
		overflow:hidden;
		height:90vw;
		background:url('/library/assets/products/lte5388-m804/lte5388_05_custom-internet-environment_1920x1000.gif');
		background-repeat:no-repeat;	
		background-position:50% bottom;	
		background-size:cover;
	}	
}

@media (min-width:801px) {	
	.network-section .background {
		overflow:hidden;
		height:60vw;
		background:url('/library/assets/products/lte5388-m804/lte5388_01_maximized-network_bg.jpg');
		background-repeat:no-repeat;	
		background-position:50% bottom;	
		background-size:cover;
	}	
	.network-section .line {
		overflow:hidden;
		height:100%;
		background:url('/library/assets/products/lte5388-m804/lte5388_01_maximized-network_line.png');
		background-repeat:no-repeat;	
		background-position:50% bottom;	
		background-size:cover;
	}
	.network-section .word {
		overflow:hidden;
		height:100%;
		background:url('/sites/zyxel/files/library/assets/products/lte5388-m804/lte5388_01_maximized-network_label.png');
		background-repeat:no-repeat;	
		background-position:50% bottom;	
		background-size:cover;
	}
	.network-section .base {
		overflow:hidden;
		height:100%;
		background:url('/library/assets/products/lte5388-m804/lte5388_01_maximized-network_bg.jpg');
		background-repeat:no-repeat;	
		background-position:50% bottom;	
		background-size:cover;
	}	
}
	
@media (min-width:991px) {	
	.connectivity-section .background {	
		height:60vw;	
	}		
	.custom-section .background {
		height:60vw;
	}
}
	
@media (min-width:992px) {	
	.wireless-section .content {
		display:-webkit-flex;
		display:-moz-flex;
		display:-ms-flexbox;
		display:-o-flex;
		display:flex;
		flex-direction:row-reverse;			
		margin:auto;
	}		
	.speed-section .background {
		overflow:hidden;
		height:90vw;
		background:url('/library/assets/products/lte5388-m804/lte5388_03_exceptional-speed.gif');
		background-repeat:no-repeat;	
		background-position:50% bottom;	
		background-size:cover;
		display:-webkit-flex;
		display:-moz-flex;
		display:-ms-flexbox;
		display:-o-flex;
		display:flex;
	}			
	.speed-section .background .content {
		display:-webkit-flex;
		display:-moz-flex;
		display:-ms-flexbox;
		display:-o-flex;
		display:flex;
	}		
	.connectivity-section .background .content {
		display:-webkit-flex;
		display:-moz-flex;
		display:-ms-flexbox;
		display:-o-flex;
		display:flex;
	}	
	.design-section .content {
		display:-webkit-flex;
		display:-moz-flex;
		display:-ms-flexbox;
		display:-o-flex;
		display:flex;
		margin:auto;
	}
	.notice-section .productnotice {
	     width:60%;
	}	
}

@media (min-width:1025px) {
	.network-section .background {
		height:50vw;
	}	
	.speed-section .background {
		height:80vw;
	}		
	.connectivity-section .background {
		height:70vw;
	}	
	.custom-section .background {
		height:60vw;
	}
}

@media (min-width:1200px) {
	.speed-section .background {
		height:50vw;
	}
	.connectivity-section .background {
		height:50vw;	
	}	
	.custom-section .background {
		height:50vw;
	}	
}
/* End RWD */

/* Product Specs Bullets */
#specifications .panel-default ul {
	padding-left: 40px;
}

#specifications .panel-default li {
	list-style-type: disc;
}

#specifications .panel-default ul li ul li {
    list-style-type: circle;
}

/* Additions */
.container.maxwid {
    max-width: 1320px !important;
}