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

.text-color {
    color: #6CBE45 !important
}

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

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

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

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

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

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

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

.bannerTitle {
    font-size: 46px;
}

.Hyper-Fast-banner {
    background: url('/library/assets/products/xgn100f/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/xgn100f/Hyper-Fast-10Gbps-Networking-diagram.png) no-repeat center center;
    background-size: contain;
    position: absolute;
    width: 40%;
    height: 50%;
    right: 5%;
    bottom: 0%;
}

.FiberOpticsHight {
    padding: 120px 0px;
}

.FiberOptics-bg {
    background-color: #f6f6f6;
    width: 100%;
    height: 100%;
}

.FiberOptics-image {
    background: url(/library/assets/products/xgn100f/Get-Greater-with-Fiber-Optics.png) no-repeat center center;
    position: absolute;
    background-size: contain;
    width: 45%;
    height: 100%;
    right: 5%;
    bottom: 0%;
}

.FiberOptics-box {
    left: 0%;
    top: 10%;
    width: 40%;
    padding: 35px 0px;
}

.Optimize-Cooling {
    position: absolute;
    width: 40%;
    height: 50%;
    right: 0%;
    top: 10%;
    padding: 100px 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;
}

.xgn100f-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) {
    .xgn100f-banner {
        height: 600px;
    }

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

    .FiberOpticsHight {
        padding: 60px 0px;
    }
}


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

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

    .FiberOpticsHight {
        padding: 0px;
    }

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

    .QoSImage {
        width: 65%;
    }

}

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

    .HyperFast-Title,
    .FiberOptics-Title,
    .OptimizeCooling-Title,
    .QoS-Title {
        padding: 40px;
    }

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

    .xgn100f-banner-product {
        top: 35%;
        left: 60%;
    }

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

    .Optimize-Cooling {
        padding: 80px 0px 50px 0px;
    }

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

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

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

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

    .xgn100f-banner-product {
        width: 55%;
        height: 50%;
        left: 45%;
        top: 45%;
    }

    .FiberOptics-box {
        width: 50%;
    }

    .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: 400px;
    }

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

    .Optimize-Cooling {
        width: 50%;
    }

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

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

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

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

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

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

    .TextDetail {
        width: 100%;
    }

    .xgn100f-banner {
        height: 400px;
    }

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

    .xgn100f-banner-product {
        top: 50%;
        left: 38%;
    }

    .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%;
    }
}

@media only screen and (max-width:350px) {}

/* 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 */
.maxwid {
    max-width: 1320px;
}

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