h1 {
    font-size: 36px;
}

h2 {
    font-size: 32px;
}

h3 {
    font-size: 30px !important;
}

h4 {
    font-size: 28px;
}

h5 {
    font-size: 26px;
}

h6 {
    font-size: 24px;
}

p {
    font-size: 18px;
}

.deck-wrapper .section-navigation .navbar-default {
    background: linear-gradient(to right, #a2d866 20%, #a2d866 50%, #a2d866 100%);
}

.deck-wrapper .section-navigation .navbar-default .navbar-nav > li > a {
    color: #fff;
}

.deck-wrapper .section-navigation .navbar-default .navbar-nav > li > a:hover, .deck-wrapper .section-navigation .navbar-default .navbar-nav > li > a:active, .deck-wrapper .section-navigation .navbar-default .navbar-nav > li > a:focus {
    color: #000 !important;
}
/* .deck-wrapper .section-navigation .navbar-default .navbar-nav>li.active>a{color: #000;} */

.xgn100c-bg {
    background-color: #f6f6f6;
}

.TextDetail {
    padding: 20px 60px;
    width: 90%;
}

.HyperFast-Title, .Multi-gigabit-Title, .OptimizeCooling-Title, .QoS-Title {
    background-color: #c1e599;
    padding: 40px 60px;
}

.xgn100c-banner {
    background: url('/library/assets/products/xgn100c/xgn100c_1920x800_banner.jpg') no-repeat bottom center;
    height: 700px;
    background-size: cover;
    position: relative;
}

.xgn100c-banner-box {
    position: absolute;
    left: 20%;
    top: 25%;
    width: 40%;
}

.xgn100c-banner-product {
    background: url(/sites/zyxel/files/library/assets/products/xgn100c/xgn100c-banner-image.png) no-repeat center center;
    background-size: contain;
    position: absolute;
    width: 35%;
    height: 65%;
    left: 52%;
    top: 30%;
}

.bannerTitle {
    font-size: 46px;
}

.Hyper-Fast-banner {
    background: url('/library/assets/products/xgn100c/Hyper-Fast-10Gbps-Networking.jpg') no-repeat top left;
    height: 900px;
    background-size: cover;
    position: relative;
}

.Hyper-Fast-banner-box {
    position: absolute;
    right: 0%;
    top: 10%;
    width: 40%;
}

.Hyper-Fast-image {
    background: url(/library/assets/products/xgn100c/Hyper-Fast-10Gbps-Networking-diagram.png) no-repeat center center;
    background-size: contain;
    position: absolute;
    width: 40%;
    height: 50%;
    right: 5%;
    bottom: 0%;
}

.Multi-gigabit-banner {
    background: url('/library/assets/products/xgn100c/Multi-gigabit-with-full-backward-compatibility.png') no-repeat top center;
    height: 800px;
    background-size: cover;
    position: relative;
}

.Multi-gigabit-banner-box {
    position: absolute;
    left: 0%;
    top: 10%;
    width: 40%;
}

.Multi-gigabit-image {
    background: url(/library/assets/products/xgn100c/Multi-gigabit-speeds.png) no-repeat center center;
    background-size: contain;
    position: absolute;
    width: 20%;
    height: 20%;
    left: 3%;
    bottom: 2%;
}

.Optimize-Cooling {
    position: absolute;
    width: 40%;
    height: 50%;
    right: 0%;
    top: 10%;
    padding: 80px 0px 50px 0px;
}

.QoS-banner-box {
    position: absolute;
    left: 0%;
    top: 10%;
    width: 40%;
}

.QoSImage {
    position: relative;
    left: 40%;
    width: 60%;
}

.related-product {
    text-align: center;
    width: 75%;
    margin: 0 auto;
    padding-bottom: 30px;
}

.xgn100c-bg-green {
    background-color: #29b838;
}

.deck-wrapper .card {
    background-color: #e0f1cc;
}

.btn, .btn-lg {
    padding: 5px 10px;
}
/* .shop{display:none;} */

@media only screen and (max-width: 1601px) {
    .xgn100c-banner {
        height: 600px;
    }

    .Hyper-Fast-banner {
        height: 800px;
    }

    .Multi-gigabit-image {
        left: 4%;
    }
}

@media only screen and (max-width: 1440px) {
    .xgn100c-banner {
        height: 500px;
    }

    .Hyper-Fast-banner {
        height: 700px;
    }

    .Multi-gigabit-banner {
        height: 600px;
    }

    .QoSImage {
        width: 65%;
    }
}

@media only screen and (max-width: 1025px) {
    .TextDetail {
        padding: 20px 40px;
    }

    .HyperFast-Title, .Multi-gigabit-Title, .OptimizeCooling-Title, .QoS-Title {
        background-color: #c1e599;
        padding: 40px;
    }

    .xgn100c-banner-product {
        top: 45%;
        left: 55%;
    }

    .Hyper-Fast-banner-box, .Multi-gigabit-banner-box, .Optimize-Cooling, .QoS-banner-box {
        width: 45%;
    }

    .Multi-gigabit-banner {
        height: 550px;
    }

    .Multi-gigabit-image {
        left: 3%;
        bottom: 0%;
    }

    .Optimize-Cooling {
        padding: 0px;
    }

    .deck-wrapper .card {
        padding: 30px 20px;
    }
}

@media only screen and (max-width: 991px) {
    .xgn100c-bg {
        padding: 50px 0px;
    }

    .xgn100c-banner {
        background: url('/library/assets/products/xgn100c/xgn100c_800x800_Banner.jpg') no-repeat center center;
        height: 600px;
        background-size: cover;
        position: relative;
    }

    .xgn100c-banner-box {
        position: absolute;
        left: 10%;
        top: 20%;
        width: 50%;
    }

    .xgn100c-banner-product {
        width: 60%;
        height: 50%;
        left: 40%;
        top: 45%;
    }

    .Hyper-Fast-banner-box {
        width: 100%;
        top: 0%;
    }

    .Hyper-Fast-banner-bg {
        background: rgba(255, 255, 255, 0.4);
        width: 100%;
        height: 100%;
    }

    .Hyper-Fast-image {
        width: 50%;
    }

    .Multi-gigabit-banner {
        height: 540px;
    }

    .Multi-gigabit-banner-box {
        width: 50%;
    }

    .Optimize-Cooling {
        width: 50%;
    }

    .QoS-banner-box {
        width: 50%;
        top: 0%;
    }

    .QoSImage {
        width: 50%;
        left: 50%;
    }
}

@media only screen and (max-width: 801px) {
    .xgn100c-bg {
        padding: 50px 0px;
    }

    h3 {
        font-size: 20px !important;
    }

    .Multi-gigabit-banner {
        height: 450px;
    }

    .Multi-gigabit-image {
        left: 40%;
    }

    .QoS-banner-box {
        width: 55%;
    }
}

@media only screen and (max-width: 769px) {
    .xgn100c-bg {
        padding: 0px;
    }
}

@media only screen and (max-width: 450px) {
    h3 {
        font-size: 24px !important;
    }

    .xgn100c-bg {
        padding: 0px;
    }

    .TextDetail {
        width: 100%;
    }

    .xgn100c-banner {
        height: 400px;
    }

    .xgn100c-banner-box {
        width: 80%;
    }

    .xgn100c-banner-product {
        width: 50%;
        top: 50%;
        left: 35%;
    }

    .Hyper-Fast-banner-box {
        width: 100%;
        top: 0%;
    }

    .Hyper-Fast-image {
        width: 80%;
    }

    .Multi-gigabit-banner-box {
        width: 100%;
    }

    .Optimize-Cooling-Mobile {
        width: 100%;
        position: relative;
        top: 0%;
        padding-bottom: 30px;
    }

    .QoS-banner-box {
        width: 100%;
        top: 0%;
    }

    .QoSImage {
        display: none;
    }

    .related-product {
        width: 95%;
    }
}

/* 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;
}

.btn.btn-lg.xgn100c-bg-green {
    padding: 0 20px;
}

.OptimizeCoolingImg {
	width:50%!important;
}

@media only screen and (max-width: 991px) {
.Optimize-Cooling {
    position: relative;
	width: 100%;
}
.OptimizeCoolingImg {
	width:100%!important;
}
}

.Earlier-photo {
	display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.Earlier-photo img{
    width: 25%!important;
    margin-right: 20px;
}

@media only screen and (max-width: 450px) {
.Earlier-photo {
    flex-direction: column;
}

.Earlier-photo img{
    width: 100%!important;
    margin-right: 0px;
	margin-bottom:30px;
}
}