@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300;400;600;700&display=swap');

body {
    margin: 0 auto;
    background: white !important;
    color: #000;
    font-family: 'Noto Sans', sans-serif !important;
    letter-spacing: -0.5px;
    font-weight: normal;
}

/* hareesh */
.wrap {
    z-index: 0;
    position: relative;
}

p {
    font-size: 14px;
    line-height: 22px;
    font-family: 'Noto Sans', sans-serif !important;
    font-weight: normal;
}


/* width */
::-webkit-scrollbar {
    width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #fff;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #000;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #ccc;
}


@font-face {
    font-family: 'Klavika Bold Condensed';
    src: url('../fonts/Klavika-BoldCondensed.eot');
    src: url('../fonts/Klavika-BoldCondensed.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Klavika-BoldCondensed.woff2') format('woff2'),
        url('../fonts/Klavika-BoldCondensed.woff') format('woff'),
        url('../fonts/Klavika-BoldCondensed.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Klavika Condensed';
    src: url('../fonts/Klavika-CondensedItalic.eot');
    src: url('../fonts/Klavika-CondensedItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Klavika-CondensedItalic.woff2') format('woff2'),
        url('../fonts/Klavika-CondensedItalic.woff') format('woff'),
        url('../fonts/Klavika-CondensedItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Klavika';
    src: url('../fonts/Klavika-Regular.eot');
    src: url('../fonts/Klavika-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Klavika-Regular.woff2') format('woff2'),
        url('../fonts/Klavika-Regular.woff') format('woff'),
        url('../fonts/Klavika-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Klavika Light Condensed';
    src: url('../fonts/Klavika-LightCondensed.eot');
    src: url('../fonts/Klavika-LightCondensed.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Klavika-LightCondensed.woff2') format('woff2'),
        url('../fonts/Klavika-LightCondensed.woff') format('woff'),
        url('../fonts/Klavika-LightCondensed.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Klavika';
    src: url('../fonts/Klavika-Medium.eot');
    src: url('../fonts/Klavika-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Klavika-Medium.woff2') format('woff2'),
        url('../fonts/Klavika-Medium.woff') format('woff'),
        url('../fonts/Klavika-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Klavika Medium Condensed';
    src: url('../fonts/Klavika-MediumCondensed.eot');
    src: url('../fonts/Klavika-MediumCondensed.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Klavika-MediumCondensed.woff2') format('woff2'),
        url('../fonts/Klavika-MediumCondensed.woff') format('woff'),
        url('../fonts/Klavika-MediumCondensed.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Klavika-light';
    src: url('../fonts/Klavika-Light.eot');
    src: url('../fonts/Klavika-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Klavika-Light.woff2') format('woff2'),
        url('../fonts/Klavika-Light.woff') format('woff'),
        url('../fonts/Klavika-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}


.bottMenu {
    height: auto;
    position: relative;
    display: block;
    width: 100%;
    background: #ccc;
    margin: 0 auto;
}

.server,
.commClient,
.GetIn {
    height: 20vh;
    position: relative;
    display: block;
    margin: 0 auto;
    text-align: center;
    padding: 0px !important;
}

.heading {
    padding: 0px !important;
    display: block;
    position: relative;
}

.heading h3 {
    padding: 25px 0px;
    color: white;

    background: black;
}

.menuContent {
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}

.menuContent ul {
    list-style: none;
    padding: 0px;
}

.menuContent ul li {
    display: inline-block;
    padding: 0px 25px;
    font-weight: 500;
}

.holder {
    width: 100%;
    height: auto;
    display: block;
}

.topArea {
    width: 100%;
    height: 75px;
    display: block;
    position: absolute;
    top: 0px;
    z-index: 99;
    margin: 0 auto;
    background: #F2F2F2;
}

.topArea-endCust {
    width: 100%;
    height: 75px;
    display: block;
    position: absolute;
    top: 0px;
    z-index: 99;
    margin: 0 auto;
    background: red;
}

.topAreaProduct {
    width: 100%;
    height: 75px;
    display: block;
    position: absolute;
    top: 0px;
    z-index: 99;
    margin: 0 auto;
    background: #000;
}

.topAreaform {
    width: 100%;
    height: 75px;
    display: block;
    position: absolute;
    top: 0px;
    z-index: 99;
    margin: 0 auto;
    background: #000;
    color: white !important;
}


.topArea2 {
    width: 100%;
    height: 75px;
    display: block;
    position: relative;
    top: 0px;
    z-index: 99;
    margin: 0 auto;
    background: #F2F2F2;
}

.logo {
    width: 120px;
    height: 75px;
    display: block;
    position: relative;
    float: left;
    display: inline-block;
    background: url(../img/logo-white.svg) no-repeat center center;
    background-size: contain;
}

.logo2 {
    width: 120px;
    height: 75px;
    display: block;
    position: relative;
    float: left;
    display: inline-block;
    background: url(../img/logo-white.svg) no-repeat center center;
    background-size: contain;
}

.logoLanding {
    width: 120px;
    height: 75px;
    display: block;
    position: absolute;
    z-index: 99;
    left: 20px;
    float: left;
    display: inline-block;
    background: url(../img/logo-white.svg) no-repeat center center;
    background-size: contain;
}

.menu {
    width: 50px;
    height: 50px;
    display: block;
    position: relative;
    float: right;
    margin-top: 12px;
    background: url(../img/menu.svg);
    color: #000;
    text-decoration: none;
    display: inline-block;
    text-align: right;
    font-family: 'Klavika Medium Condensed';
    font-weight: 500;
    font-size: 22px;
}

.menu:hover {
    text-decoration: none;

}

.slider {
    height: 100%;
    width: 100%;
}

.slider1,
.slider2,
.slider3 {
    background: url(../img/slider_PC_1.png)no-repeat center center;
    background-size: cover;
}

.mainHeading {
    font-family: 'Klavika';
    letter-spacing: -1px;
    font-size: 26px;
}

.introCopy {
    margin: 25px auto;
}

p {
    line-height: 22px;
    font-family: 'Klavika';
    font-weight: normal;
    font-style: normal;
    letter-spacing: -0.6;
    margin-bottom: 0px;
}

.icons {
    margin: 0 auto;
    height: 100px;
    width: 100%;
    padding: 35px auto;
    display: block;
    border-top: 1px solid #ccc;
}

.icons ul {
    list-style: none;
    padding: 0px;
    margin: 0 auto;
    text-align: center;
}

.icons ul li {
    display: inline-block;
    margin: 0px 14px;
    color: black;
}

.iconsSize {
    margin: 0 auto 10px;
    width: 40px;
    height: 40px;
    display: block;
}

.lap .desk {
    cursor: pointer;
    margin: 20px auto;
    background: none;
    transition: all .3s ease-out;
}

.OnePRack2,
.TwoPRack2 {
    transition: all .3s ease-out;
}

.lap:hover .OnePRack2 {
    margin-top: 10px;
    margin-bottom: 05px;
}

.desk:hover .TwoPRack2 {
    margin-top: 10px;
    margin-bottom: 05px;
}

.icons p {
    font-weight: 500;
    font-family: 'Klavika';

}

.desktop {
    background: url(../img/desktop.svg)no-repeat center center;
    background-size: contain;
}

.laptop {
    background: url(../img/laptop.svg)no-repeat center center;
    background-size: contain;
}

.desktop2 {
    background: url(../img/desktop2.svg)no-repeat center center;
    background-size: contain;
}

.laptop2 {
    background: url(../img/laptop2.svg)no-repeat center center;
    background-size: contain;
}

.aio {
    background: url(../img/aio.svg)no-repeat center center;
    background-size: contain;
}

.bottomMenus {
    width: 100%;
    width: 100%;
    min-height: 25vh;
    position: relative;
    display: block;
}

.bottomMenus a,
.bottomMenus a:focus,
.bottomMenus a:active,
.bottomMenus a:visited{
    text-decoration: none;
    cursor: pointer;
    color: white;
}

.laptopPCs a,
.DesktopPcs a {
    text-decoration: none;
    cursor: pointer;
    color: black;
}

.Server,
.comClients,
.contu {
    width: 100%;
    display: block;
    margin: 0 auto;
    position: relative;
    padding: 0px auto !important;
    text-align: center;
}

.Server {
    background: #000;
}

.comClients {
    background: #222;
}

.contu {

    background: #333;
    text-decoration: none;
    color: white !important;
}

.allCenter {
    position: absolute;
    top: 40%;
    left: 0px;
    right: 0px;
}


.headers {
    width: 100%;
    display: block;
}

.headers h3 {
    padding: 15px !important;
    color: white;
    text-transform: uppercase;
}

.Server ul,
.comClients ul {
    list-style: none;
    padding: 0px;
}

.Server ul li,
.comClients ul li {
    display: inline-block;
    padding: 10px 25px;
    font-size: 25px;
    color: white;
}

.OnePRack {
    background: url(../img/1p-rack.svg)no-repeat center center;
    background-size: contain;
    margin: 0 auto;
    margin-bottom: 25px;
}

.TwoPRack {
    background: url(../img/2p-rack.svg)no-repeat center center;
    background-size: contain;
    margin: 0 auto;
    margin-bottom: 25px;
}

.OnePRack2 {
    background: url(../img/1p-rack2.svg)no-repeat center center;
    background-size: contain;
    margin: 0 auto;
    margin-bottom: 25px;
}

.TwoPRack2 {
    background: url(../img/2p-rack2.svg)no-repeat center center;
    background-size: contain;
    margin: 0 auto;
    margin-bottom: 25px;
}

.laptop3 {
    width: 85px;
    height: 45px;
    background: url(../img/laptop2.svg)no-repeat center center;
    background-size: contain;
    margin: 0 auto;
    margin-bottom: 25px;
}

.desktop3 {
    width: 85px;
    height: 45px;
    background: url(../img/desktop2.svg)no-repeat center center;
    background-size: contain;
    margin: 0 auto;
    margin-bottom: 25px;
}

.BottomMenu {
    width: 100%;
    min-height: 30vh;
    display: block;
    position: relative;
    background: #000;
}









.BannerArea {
    width: 100%;
    height: 400px;
    display: block;
    position: relative;
    margin: 0 auto;
    color: white;
    background: url(../img/whyAmdMobBannerMain.png)no-repeat center center;
    background-size: cover;
}

.text {
    padding-top: 35px;
}

h3,
h4,
h5 {
    font-family: 'Klavika Medium Condensed';

}

.bannerImg {
    width: 100%;
    height: 130px;
    display: block;
    margin: 0 auto;
    background: url(../img/whyAmdMobBanner.png)no-repeat center bottom;
    background-size: contain;
    position: absolute;
    bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    left: 0px;
    right: 0px;
}

.contentBox {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    position: relative;
    padding: 35px;
}

.contentBox iframe {
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    left: 0px;
    right: 0px;
}

.TopCompanies {
    width: 100% !important;
    ;
    height: 400px;
    display: block;
    background: black;
    padding: 0px !important;
}

.image {
    width: 100%;
    height: 175px;
    display: block;
    background: black;
    margin-bottom: 15px;
}

.padding15 {
    padding: 0px !important;
}

.commonButton {
    padding: 10px 20px;
    background: black;
    color: white;
    cursor: pointer;
    border-radius: 2px;
}

.commonButton:visited,
.commonButton:focus,
.commonButton:hover,
.commonButton:active {
    color: white;
    text-decoration: none !important;
}

.rooster {
    background: url(../img/whyAMD/roosterTeeth-sm.png)no-repeat center center;
    background-size: cover;
}

.globalInvestmentBank {
    background: url(../img/whyAMD/giBank.png)no-repeat center center;
    background-size: cover;
    margin-top: 75px;

}

.drPepper {
    background: url(../img/whyAMD/drPepper-sm.png)no-repeat center center;
    background-size: cover;
    margin-top: 75px;
}

.peakProductivity {
    width: 100%;
    height: auto;
    display: block;
    background: url(../img/whyAMD/peakProductivity-sm.png)no-repeat center center;
    color: white;
    background-size: cover;
}

.controlFleet {
    width: 100%;
    height: auto;
    display: block;
    background: url(../img/whyAMD/controlFleet.png)no-repeat center center;
    color: white;
    background-size: cover;
}

.likeWhatYouSee {
    width: 100%;
    height: auto;
    display: block;
    color: white;
}

.StayAhead {
    width: 100%;
    height: auto;
    display: block;
    background: url(../img/whyAMD/stayAhead.png)no-repeat center center;
    color: white;
    background-size: cover;
}

.learnAboutGuardMI {
    padding-top: 25px;
    margin-top: 35px;
    border-top: 1px solid #ccc;
    margin-bottom: 50px;
}

.controlFleet iframe {
    margin-top: 50px;
}

.controlFleet .commonButton,
.likeWhatYouSee .commonButton {
    background: inherit !important;
    border: 2px solid white;
    position: relative;
    top: 10px;
}

.likeWhatYouSee img {
    margin-top: 50px;
}

.iconMenu {
    height: auto;
    padding-top: 15px;
    display: block;
    margin: 20px auto 0px;
    text-align: center;
}

.iconMenu p {
    cursor: pointer;
    color: black !important;
    text-decoration: none !important;
    font-weight: 500;
    font-family: 'Klavika Medium Condensed';
    font-size: 20px;
}

.laptopPCs,
.DesktopPcs {
    height: auto;
    display: block;
    position: relative;
    margin: 0px auto;
    padding: 35px;
}

.productShots {
    height: auto;
    width: 100%;
    padding: 10px;
    display: block;
    position: relative;
}

.shots {
    width: 100%;
    height: 200px;
    padding: 10px;
    display: block;
    border-radius: 5px;
    text-align: center;
    font-family: 'Klavika Light Condensed';
    font-size: 16px;
    cursor: pointer;
    transition: all .3s ease;
    border: 1px solid #f2f2f2;
}

.shots p {
    position: absolute;
    bottom: 30px;
    width: 80%;
    transform: translateX(-50%);
    left: 50%;
    line-height: 18px;
    text-align: center !important;
    margin: 0 auto;
    transition: all .3s ease-out;

}

.shots:hover p {
    bottom: 35px;
}

.shots img {
    position: relative;
    display: block;
    width: 90%;
    margin: 25px auto 15px;
}

.shots:hover {
    background: white;
    border: 1px solid #ccc;

}

.desk,
.aioo {
    opacity: 0.5;
}

.product-box {
    width: 90%;
    height: auto;
    margin: 0 auto;
    display: block;
}

.DesktopPcs {
    display: none;
}


.sliderArea {
    width: 100%;
    height: 60vh;
    margin-top: 75px;
    float: left;
    display: block;
    position: relative;
    background: #c6c6c6;
}

.productDetails {
    width: 100%;
    min-height: 40vh;
    padding: 35px 35px 65px 35px;
    float: right;
    display: block;
    position: relative;
    background: #F2F2F2;
}

.productDetails span,
.ServerproductDetails span {
    font-family: 'Klavika Medium Condensed';
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
}

.productDetails h2,
.ServerproductDetails h2 {
    font-family: 'Klavika Medium Condensed';
    margin-bottom: 25px;
}

.productDetails p,
.ServerproductDetails p {
    margin-bottom: 50px;
    width: 90%;
}

.ryzenPRO_2,
.radeonGraphics {
    width: 80px;
    height: 70px;
    display: block;
    position: relative;
    margin-bottom: 25px;
}

.ryzenPRO_2 {
    background: url(../img/ryzenPRO.png)no-repeat center left;
    background-size: contain;

}

.radeonGraphics {
    background: url(../img/RadeonGraphics.png)no-repeat center left;
    background-size: contain;
}

.ryzen-radeon {
    width: 150px;
    height: 70px;
    display: block;
    position: relative;
    background: url(../img/ryzen-radeon.png)no-repeat center center;
    background-size: contain;
    margin-bottom: 25px;
}

.ryzen4000-radeon {
    width: 160px;
    height: 70px;
    display: block;
    position: relative;
    background: url(../img/Ryzen4000_RadeonGraphics.png)no-repeat center center;
    background-size: contain;
    margin-bottom: 25px;
}

.ryzen5000-radeon {
    width: 160px;
    height: 70px;
    display: block;
    position: relative;
    background: url(../img/Ryzen5000_radeon.png)no-repeat center center;
    background-size: contain;
    margin-bottom: 25px;
}

.ryzen-radeon-new {
    width: 160px;
    height: 70px;
    display: block;
    position: relative;
    background: url(../img/Ryzen-Radeon-new.png)no-repeat center center;
    background-size: contain;
    margin-bottom: 25px;
}

.ryzenPro-radeon {
    width: 160px;
    height: 70px;
    display: block;
    position: relative;
    background: url(../img/ryzenPro-radeon.png)no-repeat center center;
    background-size: contain;
    margin-bottom: 25px;
}

.athlonPROBadge {
    width: 160px;
    height: 70px;
    display: block;
    position: relative;
    background: url(../img/athlonPROBadge.png)no-repeat center center;
    background-size: contain;
    margin-bottom: 25px;
}

.ryzenPro4000-radeon {
    width: 160px;
    height: 70px;
    display: block;
    position: relative;
    background: url(../img/Ryzen4000_RadeonGraphics.png)no-repeat center center;
    background-size: contain;
    margin-bottom: 25px;
}

.ryzen5_4000-radeon {
    width: 160px;
    height: 70px;
    display: block;
    position: relative;
    background: url(../img/Ryzen5_4000.png)no-repeat center center;
    background-size: contain;
    margin-bottom: 25px;
}

.ryzen7_4000-radeon {
    width: 160px;
    height: 70px;
    display: block;
    position: relative;
    background: url(../img/Ryzen7_4000.png)no-repeat center center;
    background-size: contain;
    margin-bottom: 25px;
}

.ryzen5-vega {
    width: 160px;
    height: 70px;
    display: block;
    position: relative;
    background: url(../img/Ryzen5_vega.png)no-repeat center center;
    background-size: contain;
    margin-bottom: 25px;
}

.ryzen3-vega {
    width: 160px;
    height: 70px;
    display: block;
    position: relative;
    background: url(../img/ryzen3_vega.png)no-repeat center center;
    background-size: contain;
    margin-bottom: 25px;
}

.ryzen3-radeon {
    width: 160px;
    height: 70px;
    display: block;
    position: relative;
    background: url(../img/Ryzen3_RadeonGraphics.png)no-repeat center center;
    background-size: contain;
    margin-bottom: 25px;
}

.ryzen5-radeon {
    width: 160px;
    height: 70px;
    display: block;
    position: relative;
    background: url(../img/Ryzen5_RadeonGraphics.png)no-repeat center center;
    background-size: contain;
    margin-bottom: 25px;
}

.athlonSilver-radeon {
    width: 160px;
    height: 70px;
    display: block;
    position: relative;
    background: url(../img/athlonSilver_radeon.png)no-repeat center center;
    background-size: contain;
    margin-bottom: 25px;
}

.athlonGold-radeon {
    width: 160px;
    height: 70px;
    display: block;
    position: relative;
    background: url(../img/athlonGold_radeon.png)no-repeat center center;
    background-size: contain;
    margin-bottom: 25px;
}

.ryzenPro {
    width: 70px;
    height: 70px;
    display: block;
    position: relative;
    background: url(../img/ryzenPro.svg)no-repeat center center;
    background-size: contain;
    margin-bottom: 25px;
}

.epyc {
    width: 70px;
    height: 70px;
    display: block;
    position: relative;
    background: url(../img/epyc.png)no-repeat center center;
    background-size: contain;
    margin-bottom: 25px;
}

.freeSync {
    width: 160px;
    height: 70px;
    display: block;
    position: relative;
    background: url(../img/FreeSync.svg)no-repeat center center;
    background-size: contain;
    margin-bottom: 25px;
}

.athlon-radeon {
    width: 160px;
    height: 70px;
    display: block;
    position: relative;
    background: url(../img/athlon-radeon.png)no-repeat center center;
    background-size: contain;
    margin-bottom: 25px;
}

.athlonPro-Radeon {
    width: 160px;
    height: 70px;
    display: block;
    position: relative;
    background: url(../img/athlonPro.png)no-repeat center center;
    background-size: contain;
    margin-bottom: 25px;
}

.productDetails .commonButton {
    position: relative;
    top: 35px;
}

.ServerproductDetails .commonButton {
    position: relative;
}

.supportingButton {
    text-decoration: none !important;
    font-weight: 500;
    color: #000 !important;
    border: 2px solid black;
    padding: 10px 20px;
    font-size: 20px;
    margin-top: 200px;
    font-family: 'Klavika Medium Condensed';
}

.supportingButton:hover {
    color: #fff !important;
    background: black;
}

.serverImage {
    width: 100%;
    height: 30vh;
    display: block;
    background: #c6c6c6;
    position: relative;
}

.powerEdgeR6515 {
    background: #c6c6c6 url(../img/products/serverProducts/powerEdgeR6515.png)no-repeat center center;
    background-size: 90%;
}

.ServerproductDetails {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto 35px auto;
    padding: 35px;
}

.banners {
    height: auto;
    background: black;
    margin: 0 auto 0px;
}

.banners .carousel-item {
    height: auto;
}

.banners .carousel-item img {
    height: auto;
    width: 100%;
}

.banners .carousel-inner {
    position: relative;
    height: auto;
    width: 100%;
    background: black;
}

.Bott {
    min-height: 70vh;
    position: relative;
    background: black;
    width: 100%;
    margin: 0 auto;
    padding: 0px !important;
    color: white;
    text-align: center;
}

.commCl {
    background: #333;
}

.Bott a,
.Bott a:focus,
.Bott a:visited,
.Bott a:active {
    text-decoration: none;
    color: white;
}

.Bott h4 {
    padding: 25px 0px;
    margin-top: 25px;
    font-size: 30px;
    text-transform: uppercase;
    transition: all .5s ease;
    letter-spacing: 0px;

}

.ser:hover h4,
.commCl:hover h4,
.keepTouch:hover h4 {
    letter-spacing: 2px;

}

.ser ul,
.commCl ul {
    list-style: none;
    padding: 0px;
}

.ser ul li,
.commCl ul li {
    font-size: 20px;
    line-height: 45px;
    display: inline-block;
    padding: 0px 25px;
}

.keepTouch {
    padding-bottom: 25px;
}

.keepTouch p {
    font-size: 20px;
    width: 90%;
    margin: 0 auto 25px;
    ;
    line-height: 25px;
}

.keepTouch h5 {
    text-transform: uppercase;
    font-size: 25px;
    letter-spacing: 1px;
    border: 1px solid white;
    width: 90%;
    padding: 15px 0px !important;
    margin: 0 auto;
}

.sliderArea .carousel-inner {
    position: relative;
    height: auto;
    width: 100%;
}


.full-screen {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.banners {
    width: 100%;
    height: 100vh;
    display: block;
    position: relative;
}



.fMenu {
    width: 100%;
    height: 100vh;
    display: none;
    position: fixed;
    top: 0px;
    background: #000;
    z-index: 999;
    padding: 35px;
}

.fMenu ul {
    list-style: none;
    padding: 0;
    margin-top: 20px;
}

.fMenu ul li a {
    color: white;
    text-decoration: none;
}

.fMenu ul li {
    padding: 25px 0px;
    font-size: 30px;
    font-family: 'Klavika Medium Condensed';
    letter-spacing: 1px;
}

.fMenu p,
.fMenu h3,
.fMenu h4 {
    color: white;
}

.closemenu {
    width: 50px;
    height: 50px;
    display: block;
    position: relative;
    float: right;
    margin-top: 12px;
    background: url(../img/clsemenu.svg);
    color: #000;
    text-decoration: none;
    display: inline-block;
    text-align: right;
    font-family: 'Klavika Medium Condensed';
    font-weight: 500;
    font-size: 22px;
}

.fullMenu {
    display: none;
    color: white !important;
}

.fullMenu li a {
    color: white !important;
}

.formContent {
    width: 100%;
    height: auto;
    padding: 35px;
    margin-top: 75px;
}

.formContent input {
    width: 100%;
    outline: none;
    background: inherit;
    padding: 15px 5px 5px;
    margin-bottom: 15px;
    border-bottom: 1px solid grey;
    border-top: none;
    border-left: none;
    border-right: none;
}


.boxes {}

/*Checkboxes styles*/
input[type="checkbox"] {
    display: none;
}

input[type="checkbox"] + label {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 20px;
    color: #000;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

input[type="checkbox"] + label:last-child {
    margin-bottom: 0;
}

input[type="checkbox"] + label:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid #000;
    position: absolute;
    left: 0;
    top: 0;
    opacity: .6;
    -webkit-transition: all .12s, border-color .08s;
    transition: all .12s, border-color .08s;
}

input[type="checkbox"]:checked + label:before {
    width: 10px;
    top: -5px;
    left: 5px;
    border-radius: 0;
    opacity: 1;
    border-top-color: transparent;
    border-left-color: transparent;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.tellUsSomething textarea {
    width: 100%;
    height: 150px;
    background: inherit;
    padding: 10px;
}

.tellUsSomething button {
    background: white;
    color: #000;
    padding: 10px 25px;
    border: 2px solid black;
    outline: none;
    font-family: 'Klavika';
    font-weight: 500;
    margin-top: 25px;
    transition: all .3s ease;
}

.tellUsSomething button:hover {
    background: #000;
    color: #fff;
}

.contactInfo {
    margin-top: 25px;
}

.interests,
.tellUsSomething,
.help,
.newsletter,
.terms {
    margin-top: 50px;
}

.checkingBox {
    margin-top: 25px;
}

.terms p {
    font-size: 12px;
    line-height: 16px;
}

.formContent input,
.formContent textarea {
    font-family: 'Klavika Medium Condensed';
    font-size: 28px;
}

.formContent input::placeholder,
.formContent textarea::placeholder {
    color: #333;
    font-family: 'Klavika';
    font-weight: normal;
    font-size: 14px;
}

.formContent input::placeholder {
    color: #333;
    font-family: 'Klavika';
    font-weight: normal;
    font-size: 14px;
}

.thanksHolder {
    width: 100%;
    height: 100vh;
    display: block;
    background: #000;
    position: relative;

}

.thanksContent {
    width: auto;
    height: auto;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

.thanksContent h2,
.thanksContent a {
    position: relative;
    color: white;
    margin: 20px auto;
}

.logos {
    width: 250px;
    height: 80px;
    position: relative;
    margin: 0 auto;
    background: url(../img/logo-white.svg) no-repeat center center;
    background-size: contain;
}

.backtohome {
    text-decoration: none;
    color: white;
    position: absolute;
    top: 3%;
    left: 3%;
    font-size: 25px;
    text-align: center !important;
    letter-spacing: 0px;
    transition: all .3s ease;
}

.backtohome:hover {
    text-decoration: none;
    color: white;
    letter-spacing: 1px;
}

.serverBanner {
    height: 250px;
    width: 100%;
    padding: 0px !important;
    display: block;
    background: url(../img/sliders/server_Banner_xs.png) center center no-repeat;
    background-size: cover;
}

.noPadding {
    padding: 0px;
}

.serBannerCont {
    text-align: justify;
    width: 100%;
    padding: 35px 25px;
    background: black;
    color: white;
    font-size: 16px;
}

.serBannerCont p,
.commonTextP {
    line-height: 20px;
    width: 100%;
    margin: 0 auto;
}

.footnotesServer {
    width: 100%;
    height: auto;
    display: block;
    background: #fff;
    padding: 15px;
    margin-top: 50px;
    font-size: 14px;
    border-top: 1px solid #f3f3f3;
    white-space: pre-wrap;
    /* CSS3 */
    white-space: -moz-pre-wrap;
    /* Mozilla, since 1999 */
    white-space: -pre-wrap;
    /* Opera 4-6 */
    white-space: -o-pre-wrap;
    /* Opera 7 */
    word-wrap: break-word;
    /* Internet Explorer 5.5+ */
}

.footnotesServer p {
    padding: 0px 15px 0px 0px;
}

.mobileLanding {
    width: 100%;
    height: 90vh;
    height: auto;
    position: relative;
    background: blue;
    z-index: -9;
}

.mobileSliders {
    width: 100%;
    height: 95vh;
    position: relative;
    background: #000;
    margin: 0 auto;
}

.mobileNewMenuSet {
    width: 100%;
    height: auto;
    position: relative;
    display: block;
    margin: 0 auto;
    background: #000;
}

.slidersNew,
.mobileSliders .carousel-inner {
    width: 100%;
    height: 95vh;
}

.sliding1 {
    background: url(../img/sliders/newSliders/slide1_xs.png) center center no-repeat;
    background-size: cover;
}

.sliding2 {
    background: url(../img/sliders/newSliders/slide2_xs.png) center center no-repeat;
    background-size: cover;
}

.sliding3 {
    background: url(../img/sliders/newSliders/slide3_xs.png) center center no-repeat;
    background-size: cover;
}

.Survival {
    /* background: url(../img/sliders/newSliders/RyzenPRO_survival_xs.jpg) center center no-repeat; */
    background-size: cover;
}

.strength {
    background: url(../img/sliders/newSliders/RyzenPRO_strength_xs.jpg) center center no-repeat;
    background-size: cover;
}

.pure {
    background: url(../img/sliders/newSliders/RyzenPRO_pure_xs.jpg) center center no-repeat;
    background-size: cover;
}

.pure2 {
    background: url(../img/sliders/newSliders/RyzenPRO_pure2_xs.jpg) center center no-repeat;
    background-size: cover;
}

.solar {
    background: url(../img/sliders/newSliders/Epyc_Solar_xs.jpg) center center no-repeat;
    background-size: cover;
}

.mobileNewMenuSet .col-6 {
    width: 100%;
    height: 100px;
    position: relative;
    margin: 0 auto;
    position: relative;
}



.serverBox {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    text-decoration: none;
    color: white;
    font-family: 'Klavika Medium Condensed';
    font-size: 24px;
    line-height: 22px;
    text-align: center;
    width: 100%;
}

.servu {
    border-bottom: 1px dashed grey;
    border-right: 1px dashed grey;
}

.whyBox {

    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    text-decoration: none;
    color: white;
    font-family: 'Klavika Medium Condensed';
    font-size: 24px;
    line-height: 22px;
    text-align: center;
    width: 100%;
}

.whyu {
    border-right: 1px dashed grey;
}

.comBox {

    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    text-decoration: none;
    color: white;
    font-family: 'Klavika Medium Condensed';
    font-size: 24px;
    line-height: 22px;
    text-align: center;
    width: 60%;
}

.comu {
    border-bottom: 1px dashed grey;
}

.contuBox {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    text-decoration: none;
    color: white;
    font-family: 'Klavika Medium Condensed';
    font-size: 24px;
    line-height: 22px;
    text-align: center;
    width: 100%;
}

.servu:hover {
    background: url(../img/epycBg.webp)no-repeat center center;
    background-size: cover;
}

.whyu:hover {
    background: url(../img/aboutBg.webp)no-repeat center center;
    background-size: cover;
}

.whyu:hover .whyBox {
    color: black;
}

.comu:hover {
    background: url(../img/commercialLink.webp)no-repeat center center;
    background-size: cover;
}

.contus:hover {
    background: url(../img/contuBG.webp)no-repeat center center;
    background-size: cover;
}

.extraMenuBox {
    display: none;
}

.menuLinks {
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    background: black;
    top: 20px;
    right: 20px;
    z-index: 999;
}

.openMenu2 {
    width: 100%;
    height: 100%;
    display: block;
    background: url(../img/menu-mob.png)no-repeat center center;
    background-size: contain;
}

.closeMenu2 {
    width: 100%;
    height: 100%;
    background: url(../img/menu-mob-close.png)no-repeat center center;
    background-size: contain;
}

.fullScreenMenu {
    width: 100%;
    height: 100vh;
    position: fixed;
    right: 0px;
    top: 0px;
    display: none;
    background: black;
    z-index: 999;
}

.offMenuLinks {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    text-align: center;
}

.offMenuLinks ul {
    list-style: none;
    padding: 0px !important;
}

.offMenuLinks ul li {
    padding: 25px;
    color: white;
}

.offMenuLinks ul li a {
    color: white;
    font-weight: 700;
}

.fullScreenMenu .menuLinks {
    top: 10px;
}



.learnMore a {
    position: absolute;
    bottom: 30px;
    right: 30px;
    text-decoration: none;
    color: White;
    font-weight: 700;
    background: black;
    padding: 10px 20px;

}

.learMoreButtonBG {
    width: 100%;
    height: 75px;
    display: block;
    position: relative;
    background: black;
    text-align: center;
}

.learMoreButtonBG a {
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    color: white;
    padding: 10px 30px;
    background: white;
    margin: 30px auto;
    color: black;
    text-decoration: none;
    font-weight: 700;
}

.learnMoreButtonRight {
    width: 100%;
    height: 75px;
    display: block;
}

.learnMoreButtonRight a {
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    background: black;
    padding: 10px 30px;
    margin: 20px auto;
    color: white;
    text-decoration: none;
    font-weight: 700;
}

.carousel-control-prev,
.carousel-control-next {
    height: 100px !important;
    transform: translateY(-50%);
    top: 50%;
    z-index: 9999;
}





@media (min-width: 375px) and (max-width: 411px) {

    .slidersNew,
    .mobileSliders .carousel-inner,
    .mobileSliders,
    .mobileLanding {
        width: 100%;
        height: 80vh;
    }

    .learnMore {
        width: 100%;
        height: 81vh;
    }
}

@media (min-width: 411px) and (max-width: 768px) {

    .slidersNew,
    .mobileSliders .carousel-inner,
    .mobileSliders,
    .mobileLanding {
        width: 100%;
        height: 90vh;
    }

    .learnMore {
        width: 100%;
        height: 90vh;
    }
}

#mainSlider .carousel-indicators li,
#commercialSliders .carousel-indicators li {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 10px;
    text-indent: 0;
    border: none;
    border-radius: 50%;
    background: #fff !important;
}




.noPadding {
    padding: 0px !important;
}

.epycBanner {
    width: 100%;
    height: 80vh;
    display: block;
    background: url(../img/epyc-banner.jpg)no-repeat;
    background-size: cover;
    background-position: bottom center;

}

.epycBannerContent {
    width: 80%;
    height: 300px;
    display: block;
    position: absolute;
    background: url(../img/epyc-banner-arrowBox-mob.svg)no-repeat center center;
    background-size: contain;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}

.lionBanner {
    width: 100%;
    height: 600px;
    display: block;
    background: url(../img/lionBG.jpg)no-repeat;
    background-size: cover;
    background-position: top left;

}

.lionBannerContent {
    width: 80%;
    height: 400px;
    display: block;
    position: relative;
    background: url(../img/lionContent_mob.svg)no-repeat center center;
    background-size: contain;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}

.epycBannerIntro {
    width: 100%;
    height: auto;
    position: relative;
    margin: 0 auto;
    background: #000;
    color: #fff;
    padding: 25px;
    text-align: center;
}

.mainIntro {
    width: 100%;
    height: auto;
    background: #000;
}

.learMoreBtn {
    text-decoration: none;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    padding: 10px 25px;
    position: relative;
    background: none;
    border: 1px solid white;
    color: fff !important;
    font-weight: normal;
    transition: all .3s ease;
}

.learMoreBtn:hover {
    background: white;
    color: black !important;
}

.learnBtn {
    padding-top: 20px;
    padding-bottom: 20px;
}

.learnBtn2 {
    background: black;
    position: relative;
    height: 100px;
}

.learnBtn2 a {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

.epycBannerIntro p {
    margin-top: 30px;
    text-align: justify;
}

.boxPadding {
    padding: 25px !important;
}

.greyBGContent {
    background: rgba(238, 237, 239, 1);
}

.subheading {
    font-family: 'Klavika Medium Condensed' !important;
    font-weight: 500 !important;
    font-style: normal !important;
    margin-top: 30px;
}

.greyBGContent video,
.whiteBG video {
    width: 100%;
    height: auto;
}

.wheretobuy {
    width: 100%;
    height: 375px;
    display: block;
    position: relative;
    margin: 0 auto;
    background: black url(../img/epycChipShot.png) no-repeat bottom center;
    background-size: 120%;
    color: white;
}

.lilBold {
    font-family: 'Klavika Medium Condensed';
    font-weight: 500;
    font-style: normal;
    font-size: 16px;
    color: #000;
}

.footnoteArea p {
    font-size: 14px;
    color: #555;
}

.footnoteArea a {
    white-space: pre-wrap;
    /* CSS3 */
    white-space: -moz-pre-wrap;
    /* Mozilla, since 1999 */
    white-space: -pre-wrap;
    /* Opera 4-6 */
    white-space: -o-pre-wrap;
    /* Opera 7 */
    word-wrap: break-word;
    /* Internet Explorer 5.5+ */
}

.footnoteTitle {
    cursor: pointer;
    margin-bottom: 20px;
}

.footnoteTitle::before {
    width: 15px;
    height: 15px;
    content: "";
    background: url(../img/footnote%20icon.svg)no-repeat center center;
    display: inline-block;
    margin-right: 5px;
    transition: all .3s ease-out;
}

.footnoteArea:hover .footnoteTitle::before {
    margin-bottom: 0px;
    margin-right: 5px;
    transform: rotate(90deg);
}

.detailedFootnotes {
    display: none;
}

.dummyMenuSpace {
    width: 100%;
}

.smart-scroll {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.scrolled-down {
    transform: translateY(-100%);
    transition: all 0.3s ease-in-out;
}

.scrolled-up {
    transform: translateY(0);
    transition: all 0.3s ease-in-out;
}

#commercialSliders {
    margin: 0 auto;
    position: relative;
    top: 0px;
}


.anchorLink {
    width: 100%;
    height: 200px;
    display: block;
    position: relative;
    background: white;
    box-shadow: 0px 20px 80px rgba(0, 0, 0, .2);
}

.anchorLink2 {
    height: 100px !important;
}

.anchorLink a {
    text-decoration: none;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    color: #000;
    text-align: center;
    background: none;
    line-height: 25px;
    font-size: 25px;
    text-transform: uppercase;
    font-family: 'Klavika Medium Condensed';
    font-weight: 500;
}







/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    .fMenu {
        overflow-y: auto;
    }

    .menuLinks {
        display: none;
    }

    .fullScreenMenu {
        display: none;
    }

    .fMenu ul {
        list-style: none;
        padding: 0;
        margin-top: 00px;
    }

    .fMenu ul li a {
        color: white;
        text-decoration: none;
    }

    .fMenu ul li {
        padding: 15px 0px;
        font-size: 30px;
        font-family: 'Klavika Medium Condensed';
        letter-spacing: 1px;
    }

    .fMenu p,
    .fMenu h3,
    .fMenu h4 {
        color: white;
    }

    .closemenu {
        width: 50px;
        height: 50px;
        display: block;
        position: relative;
        float: right;
        margin-top: 12px;
        background: url(../img/clsemenu.svg);
        color: #000;
        text-decoration: none;
        display: inline-block;
        text-align: right;
        font-family: 'Klavika Medium Condensed';
        font-weight: 500;
        font-size: 22px;
    }


    .likeWhatYouSee {
        margin: 0 auto;
    }

    .likeWhatYouSee img {
        width: 50%;
        position: relative;
        display: block;
        margin: 40px auto !important;
    }

    .sliderArea {
        width: 50%;
        height: 100vh;
        margin-top: 0;
        float: left;
        display: block;
        position: fixed;
        top: 0;
        background: #c6c6c6;
    }

    .productDetails {
        width: 50%;
        min-height: 40vh;
        padding: 35px 35px 65px 35px;
        float: right;
        display: block;
        position: relative;
        background: #F2F2F2;
    }

    .slide1 {
        background: url(../img/sliders/slide1_xl.png) center -320px;
        background-size: cover;
    }

    .slide2 {
        background: url(../img/sliders/slide2_xl.png) center -320px;
        background-size: cover;
    }

    .slide3 {
        background: url(../img/sliders/slide3_xl.png) center -320px;
        background-size: cover;
    }


    .serverBanner {
        height: 200px;
        width: 100%;
        display: block;
        background: url(../img/sliders/server_Banner_sm.png) center center no-repeat;
        background-size: cover;
    }

    .footnotesServer {
        padding: 25px;
    }

    .sliding1 {
        background: url(../img/sliders/newSliders/slide1_sm.png) center center no-repeat;
        background-size: cover;
    }

    .sliding2 {
        background: url(../img/sliders/newSliders/slide2_sm.png) center center no-repeat;
        background-size: cover;
    }

    .sliding3 {
        background: url(../img/sliders/newSliders/slide3_sm.png) center center no-repeat;
        background-size: cover;
    }

    .Survival {
        /*     background: url(../img/sliders/newSliders/RyzenPRO_survival_sm.jpg) center center no-repeat; */
        background-size: cover;
    }

    .strength {
        background: url(../img/sliders/newSliders/RyzenPRO_strength_sm.jpg) center center no-repeat;
        background-size: cover;
    }

    .pure {
        background: url(../img/sliders/newSliders/RyzenPRO_pure_sm.jpg) center center no-repeat;
        background-size: cover;
    }

    .pure2 {
        background: url(../img/sliders/newSliders/RyzenPRO_pure2_sm.jpg) center center no-repeat;
        background-size: cover;
    }

    .solar {
        background: url(../img/sliders/newSliders/Epyc_Solar_sm.jpg) center center no-repeat;
        background-size: cover;
    }


    .mobileNewMenuSet .col-6 {
        width: 100%;
        height: 150px;
        position: relative;
        margin: 0 auto;
        position: relative;
    }

    .mobileNewMenuSet .col-6 a {
        width: 60%;
    }

    .extraMenuBox {
        display: none;
    }



    .learnMore a {
        background: white;
        color: black;

    }

    .learnMoreFromRight {
        width: 150px;
        height: 50px;
        position: absolute;
        right: 0px;
        transform: translateY(-50%);
        top: 70%;
        padding: 0px !important;
        background: white;
    }

    .epycBanner {
        height: 100vh;
        position: relative;
    }

    .epycBannerContent {
        width: 60%;
        height: 300px;
        display: block;
        position: absolute;
        background: url(../img/epyc-banner-arrowBox.svg)no-repeat center center;
        background-size: contain;
        top: 60%;
        right: 10%;
    }

    .epycBannerIntro {
        padding-bottom: 50px;
    }

    .sectionHolder img,
    .sectionHolder video {
        margin-top: 20px;
    }

    .sectionContent {
        margin-bottom: 20px;
    }

    .lionBanner {
        height: 100vh;
        background-size: cover;
    }

    .lionBannerContent {
        width: 80%;
        height: 80vh;
        background: url(../img/lionContent-wide.svg)no-repeat center center;
        background-size: contain;
    }

    .wheretobuy {
        height: 450px;
        background-size: 100%;
    }
}








/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {



    .slidersNew,
    .mobileSliders .carousel-inner,
    .mobileSliders,
    .mobileLanding {
        width: 100%;
        height: 100vh;
    }


    .fullMenu {
        display: block;
        float: right;
        text-transform: uppercase;
    }

    .fullMenu ul {
        list-style: none;
        padding: 0px;
        margin-top: 25px;
    }

    .fullMenu ul li {
        display: inline-block;
        padding: 0px 10px;
        font-family: 'Klavika Medium Condensed';
        font-weight: 500;
        font-size: 20px;
    }

    .menu {
        display: none;
    }

    .fullMenu a {
        text-decoration: none;
        color: black;
    }

    .productShots p {
        margin-top: -20px;
    }

    .BannerArea {
        padding: 35px;
    }

    .text {
        padding: 15px;
    }

    .bannerImg {
        height: 250px;
    }

    iframe {
        height: 300px !important;
    }

    .sliderArea {
        width: 100%;
        height: 70vh;
        margin-top: 0;
        float: left;
        display: block;
        position: relative;
        background: #c6c6c6;
    }

    .sliderArea .carousel {
        position: relative;
        height: 100% !important;
        width: 100%;
    }

    .productDetails {
        width: 100%;
        min-height: 30vh;
        padding: 35px 35px 65px 35px;
        float: right;
        display: block;
        position: relative;
        background: #F2F2F2;
    }

    .slide1 {
        background: url(../img/sliders/slide1_xl.png) center left;
        background-size: cover;
    }

    .slide2 {
        background: url(../img/sliders/slide2_xl.png) -850px center;
        background-size: cover;
    }

    .slide3 {
        background: url(../img/sliders/slide3_xl.png) -850px center;
        background-size: cover;
    }

    .serverBanner {
        height: 400px;
        width: 100%;
        display: block;
        background: url(../img/sliders/server_Banner_md.png) center center no-repeat;
        background-size: cover;
    }

    .serBannerCont {
        text-align: center;
        width: 100%;
        padding: 35px 25px;
        background: black;
        color: white;
        font-size: 16px;
    }

    .serBannerCont p {
        line-height: 20px;
        width: 90%;
        margin: 0 auto;
    }

    .sliding1 {
        background: url(../img/sliders/newSliders/slide1_md.png) center center no-repeat;
        background-size: cover;
    }

    .sliding2 {
        background: url(../img/sliders/newSliders/slide2_md.png) center center no-repeat;
        background-size: cover;
    }

    .sliding3 {
        background: url(../img/sliders/newSliders/slide3_md.png) center center no-repeat;
        background-size: cover;
    }

    .Survival {
        /*   background: url(../img/sliders/newSliders/RyzenPRO_survival_md.jpg) center center no-repeat; */
        background-size: cover;
    }

    .strength {
        background: url(../img/sliders/newSliders/RyzenPRO_strength_md.jpg) center center no-repeat;
        background-size: cover;
    }

    .pure {
        background: url(../img/sliders/newSliders/RyzenPRO_pure_md.jpg) center center no-repeat;
        background-size: cover;
    }

    .pure2 {
        background: url(../img/sliders/newSliders/RyzenPRO_pure2_md.jpg) center center no-repeat;
        background-size: cover;
    }

    .solar {
        background: url(../img/sliders/newSliders/Epyc_Solar_md.jpg) center center no-repeat;
        background-size: cover;
    }


    .mobileNewMenuSet .col-6 a {
        font-size: 26px;
        line-height: 28px;
    }


    .extraMenuBox {
        display: none;
    }

    .learnMoreFromRight {
        width: 150px;
        height: 50px;
        position: absolute;
        right: 0px;
        transform: translateY(-50%);
        top: 40%;
        padding: 0px !important;
        background: white;
    }

    .learnMoreFromRight {
        width: 150px;
        height: 50px;
        position: absolute;
        right: 0px;
        transform: translateY(-50%);
        top: 70%;
        padding: 0px !important;
        background: white;
    }

    .epycBannerContent {
        width: 60%;
        height: 400px;
        display: block;
        position: absolute;
        background: url(../img/epyc-banner-arrowBox-mob.svg)no-repeat center right;
        background-size: contain;
        top: 60%;
        right: 0%;
    }

    .imageHolder {
        position: relative;
        height: auto;
        display: block;
    }

    .imageHolder img,
    .imageHolder video {
        position: absolute;
        transform: translateY(-50%);
        top: 50%;
        padding: 20px;
    }

    .wheretobuy {
        background-size: 80%;
    }

    .wheretobuy h3 {
        padding-top: 30px;
    }

    .wheretobuy p {
        margin-bottom: 20px;
    }
}



/**Large devices (desktops, 992px and up)**/
@media (min-width: 992px) {
    .productShots p {
        margin-top: -20px;
    }

    iframe {
        height: 250px !important;
    }

    .ContentCenter {
        position: relative;
    }

    .vertical-center {
        margin: 0;
        position: absolute;
        display: block;
        top: 50%;
        float: left;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .builtIn {
        padding-top: 85px;
        padding-bottom: 85px;
    }

    .learnAboutGuardMI {
        padding-top: 0px;
        margin-top: 0px;
        border-top: 0px solid #ccc;
        margin-bottom: 50px;
    }

    .order1 {
        order: 2;
    }

    .globalInvestmentBank {
        margin-top: 0px;

    }

    .drPepper {
        margin-top: 0px;
    }

    .sliderArea {
        width: 50%;
        height: 100vh;
        margin-top: 0;
        float: left;
        display: block;
        position: fixed;
        background: #c6c6c6;
    }

    .sliderArea .carousel-item {
        position: relative;
        height: 100% !important;
        width: 100%;
    }

    .sliderArea .carousel-inner img {
        transform: translateY(-50%);
        top: 50%;
        position: absolute;
    }

    .productDetails {
        width: 50%;
        min-height: 100vh;
        padding: 35px 35px 65px 35px;
        float: right;
        display: block;
        position: relative;
        background: #F2F2F2;
        margin-top: 75px;
    }

    .topAreaProduct {
        position: fixed;
    }

    .slide1 {
        background: url(../img/sliders/slide1_xl.png) center left;
        background-size: cover;
    }

    .slide2 {
        background: url(../img/sliders/slide2_xl.png) center right;
        background-size: cover;
    }

    .slide3 {
        background: url(../img/sliders/slide3_xl.png) center right;
        background-size: cover;
    }

    .serBannerCont {
        text-align: center;
        width: 100%;
        padding: 35px 25px;
        background: black;
        color: white;
        font-size: 20px;
    }

    .serBannerCont p {
        line-height: 24px;
        width: 80%;
        margin: 0 auto;
    }

    .sliding1 {
        background: url(../img/sliders/newSliders/slide1_lg.png) center center no-repeat;
        background-size: cover;
    }

    .sliding2 {
        background: url(../img/sliders/newSliders/slide2_lg.png) center center no-repeat;
        background-size: cover;
    }

    .sliding3 {
        background: url(../img/sliders/newSliders/slide3_lg.png) center center no-repeat;
        background-size: cover;
    }

    .Survival {
        /*        background: url(../img/sliders/newSliders/RyzenPRO_survival_lg.jpg) center center no-repeat; */
        background-size: cover;
    }

    .strength {
        background: url(../img/sliders/newSliders/RyzenPRO_strength_lg.jpg) center center no-repeat;
        background-size: cover;
    }

    .pure {
        background: url(../img/sliders/newSliders/RyzenPRO_pure_lg.jpg) center center no-repeat;
        background-size: cover;
    }

    .pure2 {
        background: url(../img/sliders/newSliders/RyzenPRO_pure2_lg.jpg) center center no-repeat;
        background-size: cover;
    }

    .solar {
        background: url(../img/sliders/newSliders/Epyc_Solar_lg.jpg) center center no-repeat;
        background-size: cover;
    }

    .learnMoreFromRight {
        width: 150px;
        height: 50px;
        position: absolute;
        right: 0px;
        transform: translateY(-50%);
        top: 50%;
        z-index: 9999;
        padding: 0px !important;
        background: white;
    }

    .learnMoreButtonRight {
        width: 300px;
        height: 100px;
        position: absolute;
        right: 0px;
        top: 10vh;
    }

    .sectionContent {
        padding: 100px 0px;
    }

    .performanceLeaderShip img {
        width: 90%;
    }

    .bandwidthVideo video {
        width: 80%;
        height: auto;
        margin: 0 auto;
        transform: translate(-50%, -50%);
        left: 50%;
        top: 50%;
    }

    .lionBanner {
        height: 70vh;
    }

    .lionBannerContent {
        height: 50vh;
        background-position: center right;
    }

    .wheretobuy {
        height: 50vh;
        background-position: right;
        background-size: contain;
    }
}




/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {


    .shots {
        height: 250px;
    }

    .contentBox {
        padding-top: 75px;
        padding-bottom: 75px;
    }

    .productDetails {
        position: relative;
        right: 0px;
    }

    .serverBanner {
        height: 500px;

        width: 100%;
        display: block;
        background: url(../img/sliders/server_Banner_xl.png) center center no-repeat;
        background-size: cover;
    }

    .iconMenu {
        margin: 70px auto 25px;
    }

    .mobileSliders {
        width: 60%;
        height: 100vh;
        position: relative;
        margin: 0 auto;
        float: left;
        float: left;
        display: inline-block;

    }

    .mobileNewMenuSet {
        width: 40%;
        height: 100vh;
        position: relative;
        margin: 0 auto;
        float: right;
        display: inline-block;
    }

    .mobileNewMenuSet .col-6 {
        width: 100%;
        height: 50vh;
        position: relative;
        position: relative;
    }

    .mobileNewMenuSet .row:nth-child(1) {
        margin-top: 0;
    }

    .sliding1 {
        background: url(../img/sliders/newSliders/slide1_xl.png) center center no-repeat;
        background-size: cover;
    }

    .sliding2 {
        background: url(../img/sliders/newSliders/slide2_xl.png) center center no-repeat;
        background-size: cover;
    }

    .sliding3 {
        background: url(../img/sliders/newSliders/slide3_xl.png) center center no-repeat;
        background-size: cover;
    }

    .Survival {
        /*  background: url(../img/sliders/newSliders/RyzenPRO_survival_xl.jpg) center center no-repeat; */
        background-size: cover;
    }

    .strength {
        background: url(../img/sliders/newSliders/RyzenPRO_strength_xl.jpg) center center no-repeat;
        background-size: cover;
    }

    .pure {
        background: url(../img/sliders/newSliders/RyzenPRO_pure_xl.jpg) center center no-repeat;
        background-size: cover;
    }

    .pure2 {
        background: url(../img/sliders/newSliders/RyzenPRO_pure2_xl.jpg) center center no-repeat;
        background-size: cover;
    }

    .solar {
        background: url(../img/sliders/newSliders/Epyc_Solar_xl.jpg) center center no-repeat;
        background-size: cover;
    }


    .logoLanding {
        transform: scale(1.5);
        top: 50px;
        left: 100px;
    }

    .extraMenuBox {
        width: 12%;
        height: 80vh;
        position: fixed;
        display: block;
        z-index: 99;
        top: 10vh;
        right: 0px;
        background: inherit;
    }

    .menuBoxes {
        width: 100%;
        height: auto;
        position: absolute;
        transform: translateY(-50%);
        top: 50%;
        text-align: center;

    }

    .menuBoxes ul {
        list-style: none;
    }

    .menuBoxes ul li {
        display: block;
        margin: 100px 0px;
    }

    .extraMenu {
        width: auto;
        height: auto;
        color: white !important;
        background: black;
        box-sizing: border-box;
        font-size: 22px;
        padding: 55px 0px;
        position: relative;
        right: -500px;
        text-decoration: none;
        font-family: 'Klavika Medium Condensed';
        font-weight: 500px;
        text-transform: uppercase;
    }

    .extraMenu a {
        text-decoration: none;
        color: white;
    }

    .extraMenu {
        animation-name: SlideRight;
        animation-fill-mode: forwards;
        animation-duration: 1s;
        animation-timing-function: ease;
    }

    .extraMenu:nth-child(2) {
        animation-delay: 0.2s;
    }

    .extraMenu:nth-child(3) {
        animation-delay: 0.4s;
    }

    @keyframes SlideRight {
        from {
            right: -500px;
        }

        to {
            right: 0px;
        }
    }

    .menuBoxes .whyu {
        border-right: none !important;
    }

    .menuBoxes .servu {
        border: none !important;
    }

    .learnMore {
        width: 100%;
        height: 100vh;
        position: relative;
        display: block;
        margin: 0px 0px 0px 0px;
        bottom: 0px;
        background: none;

    }

    .learnMore a {
        position: absolute;
        bottom: 30px;
        right: 30px;
        text-decoration: none;
        color: black;
        font-weight: 700;
        background: WHITE;
        padding: 10px 20px;

    }

    .epycBanner {
        height: 60vh;
        background-size: 60%;
        background-position: center left;
    }

    .epycBannerContent {
        background: url(../img/epyc-banner-arrowBox.svg) no-repeat center right;
        background-size: contain;
        height: 50%;
    }

    .epycBannerIntro p {
        font-size: 18px;
    }

    p {
        font-size: 18px;
        line-height: 25px;
    }

    .lionBannerContent {
        height: 60%;
    }

    .wheretobuy {
        position: relative;
        margin: 0 auto;
        display: block;
    }

    .wheretobuy .container {
        position: relative;
        transform: translateY(-50%);
        top: 50%;
    }
}