.anchor {
    position: relative;
    margin-top: -110px;
    height: 100px;
    visibility: hidden;
}

h1 {
    font-size: 36px;
}

h2 {
    font-size: 32px;
}

h3 {
    font-size: 30px;
}

h4 {
    font-size: 28px;
}

h5 {
    font-size: 26px;
}

h6 {
    font-size: 24px;
}

p {
    font-size: 18px;
}

.xgs3700-banner {
    position: relative;
    overflow: hidden;
    height: 50vw;
    background: url('/library/assets/products/xgs3700/xgs3700_banner.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
}

.xgs3700-banner-box {
    position: absolute;
    bottom: 12%;
    width: 50%;
    left: 10%;
}

.flexibility-banner {
    position: relative;
    overflow: hidden;
    height: 40vw;
    background: url('/library/assets/products/xgs3700/Deployment_flexibility.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
}

.flexibility-banner .flexibility-img {
    width: 50vw;
    position: absolute;
    left: 5%;
    top: 5%;
}

.flexibility-banner .text {
    width: 30vw;
    position: absolute;
    right: 10%;
    top: 15%;
}



/* @media only screen and (max-width:1601px) {
    .xgs3700-banner-box {

    }
} */


@media only screen and (max-width:1440px) {
    .xgs3700-banner-box {
        bottom: 8%;
    }
}

@media only screen and (max-width:1300px) {
    .xgs3700-banner-box {
        width: 60%;
    }
}

@media only screen and (max-width:1025px) {
    .xgs3700-banner {
        height: 55vw;
    }

    .xgs3700-banner-box {
        width: 80%;
        bottom: 5%;
    }

    .flexibility-banner .text {
        width: 35vw;
        top: 10%;
    }
}


@media (max-width:992px) {
    .xgs3700-banner {
        height: 100vw;
        background: url('/library/assets/products/xgs3700/xgs3700_banner_mobile.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
    }

    .xgs3700-banner-box {
        top: 15%;
        width: 85%;
    }

    .bannertext {
        display: none;
    }

    .flexibility-banner .flexibility-img {
        width: 40vw;
    }

    .flexibility-banner .text {
        width: 40vw;
    }
}


@media (max-width:800px) {
    .flexibility-banner {
        position: relative;
        overflow: hidden;
        height: 120vw;
        background: url('/library/assets/products/xgs3700/Deployment_flexibility_mobile.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: bottom center;
    }

    .flexibility-banner .flexibility-img {
        width: 90vw;
        top: 40%;
        text-align: center;
        margin: 0 auto;
    }

    .flexibility-banner .text {
        width: 75vw;
        top: 10%;
    }
}

@media (max-width:450px) {
    .flexibility-banner {
        height: 200vw;
    }

    .flexibility-banner .flexibility-img {
        top: 60%;
    }
}

@media (max-width:375px) {
    .flexibility-banner {
        height: 220vw;
    }
}

@media (max-width:350px) {
    .flexibility-banner {
        height: 250vw;
    }

    .flexibility-banner .flexibility-img {
        top: 70%;
    }
}



/* icon */

.icon-bg-section {
    background-color: #8c9195;
    width: 100%;
    height: auto;
    position: relative;
}

.icon-bg-section .wrap {
    padding: 20px;
    display: flex;
    flex-direction: column;
}

.wrap .item {
    display: flex;
    padding: 10px 0px;
}

.item .img {
    width: 90vw;
    flex: none;
    display: flex;
    align-items: center;
    padding: 20px;
}

.item .img a {
    display: inline-flex;
    text-decoration: none;
}

.item .img img {
    width: 100%;
    max-width: 100px;
}

.wrap .item .img:hover {
    background-color: #ff8900;
    padding: 20px;
    width: 90vw;
}

.item .text {
    padding-left: 20px;
    font-size: 14px;
    align-self: center;
    color: #fff;
    height: auto;
}

.item .text span {
    background-color: #fff;
    border-radius: 10px;
    width: auto;
    padding: 0px 10px;
    text-align: center;
    color: #000;
    font-size: 18px;
}

.item .text span:hover {
    color: #ff8900;
}

@media (min-width:768px) {
    .icon-bg-section .wrap {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .wrap .item,
    .item .img,
    .wrap .item .img:hover {
        width: 45vw;
    }
}

@media (min-width:990px) {

    .wrap .item,
    .item .img,
    .wrap .item .img:hover {
        width: 30vw;
    }
}

@media (min-width:1025px) {

    .wrap .item,
    .item .img,
    .wrap .item .img:hover {
        width: 19vw;
    }
}

@media (min-width:1020px) {
    .item .text {
        height: 10vh;
    }
}

@media (min-width:1281px) {
    .item .text {
        height: 15vh;
    }
}

@media (min-width:1500px) {
    .item .text {
        height: 10vh;
    }
}

@media (min-width:1032px) {
    .icon-bg-section {
        height: 140px;
    }

    .icon-bg-section .wrap {
        padding: 0px 20px;
    }

    .wrap .item {
        padding: 0px;
    }
}

/* Stacking capability */
.capability-banner {
    position: relative;
    overflow: hidden;
    height: 40vw;
    background: url('/library/assets/products/xgs3700/Stacking_capability.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.capability-text {
    position: absolute;
    width: 30vw;
    left: 15%;
    top: 15%;
}

.textspan {
    font-size: 3.6vw
}

.capability-text .box {
    padding-top: 40px;
}

@media (max-width:1601px) {
    .capability-text {
        left: 5%;
        top: 25%;
    }

    .capability-text .box {
        padding-top: 50px;
    }
}

@media (max-width:1440px) {
    .capability-text {
        top: 20%;
        width: 40vw;
    }
}


@media (max-width:1300px) {
    .capability-text {
        top: 10%;
    }
}

@media (max-width:1025px) {
    .capability-banner {
        height: 48vw;
    }

    .capability-text .box {
        padding-top: 30px;
    }
}

@media (max-width:992px) {
    .capability-banner {
        position: relative;
        overflow: hidden;
        height: 1100px;
        background: url('/library/assets/products/xgs3700/Stacking_capability_mobile.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: right bottom;
    }

    .capability-text {
        position: absolute;
        width: 80vw;
        left: 5%;
        top: 10%;
    }
}

@media (max-width:450px) {
    .capability-text {
        top: 10%;
    }

    .textspan {
        font-size: 5.6vw
    }

    .box h6 {
        font-size: 12px;
    }
}

@media (max-width:375px) {
    .capability-text {
        top: 5%;
    }

    .capability-text .box {
        padding-top: 10px;
    }
}


/* High availability */

.availability-banner {
    position: relative;
    overflow: hidden;
    height: 30vw;
    background: url('/library/assets/products/xgs3700/High_availability.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
}

.availability-text {
    position: absolute;
    width: 30vw;
    right: 10%;
    bottom: 35%;
}

.availability-note {
    font-size: 14px;
}

@media (max-width:1601px) {
    .availability-text {
        width: 35vw;
    }
}

@media (max-width:1440px) {
    .availability-banner {
        height: 35vw;
    }

    .availability-text {
        width: 40vw;
        right: 5%;
    }
}

@media (max-width:1025px) {
    .availability-banner {
        height: 40vw;
    }

    .availability-text {
        width: 40vw;
        right: 5%;
        top: 20%;
    }
}

@media (max-width:992px) {
    .availability-banner {
        height: 55vw;
        background-position: bottom right;
    }

    .availability-text {
        width: 55vw;
    }
}

@media (max-width:450px) {
    .availability-banner {
        position: relative;
        overflow: hidden;
        height: 160vw;
        background: url('/library/assets/products/xgs3700/High_availability_mobile.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: bottom center;
    }

    .availability-text {
        width: 80vw;
        top: 10%;
    }
}

@media (max-width:350px) {
    .availability-banner {
        height: 180vw;
    }

    .availability-text {
        width: 90vw;
        left: 5%;
    }
}

/* Layer 3 features */

.Layer-banner {
    position: relative;
    overflow: hidden;
    height: 50vw;
    background: url('/library/assets/products/xgs3700/Advanced_Layer_3_features.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

.Layer-text {
    position: absolute;
    width: 45vw;
    top: 10%;
    text-align: center;
    margin: 0 auto;
    left: 25%;
}

@media (max-width:1440px) {
    .Layer-text {
        width: 48vw;
    }
}

@media (max-width:1300px) {
    .Layer-text {
        width: 50vw;
    }
}

@media (max-width:1025px) {
    .Layer-text {
        width: 65vw;
        left: 18%;
    }
}

@media (max-width:991px) {
    .Layer-bg {
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.4);
    }

    .Layer-text,
    .Layer-text h2 {
        color: #fff;
    }
}

@media (max-width:450px) {
    .Layer-banner {
        height: 80vw;
    }

    .Layer-text {
        width: 100vw;
        left: 0%;
        padding: 5px;
    }
}

.xgs3700-appImage {
    width: 95%;
    text-align: center;
    margin: 0 auto;
}

#applicationDiagram .container,
#note .container,
#features>.container {
    max-width: 1320px;
}

.panel-default:first-child {border-top: none !important;}

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

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

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