@media (max-width:728px) {

    /*-- Global --*/

    .section .image {
        padding-left: 0;
        padding-right: 0;
    }

    .section .image img,
    .section .content img {
        width: 100%;
        height: auto;
    }



    .custom-col {
        flex: 1 1 calc(50% - 16px);
        max-width: calc(50% - 16px);
    }

    .custom-col-ryzen {
        flex: 1 1 calc(50% - 16px);
        max-width: calc(50% - 16px);
    }

    /*-- Header --*/

    .ctx-sec-brand-ryzen .icon {
        justify-content: left;
    }

    .ctx-sec-header .ctx-header-inner {
        justify-content: flex-start;
    }

    .ctx-sec-enterprise {
        background-size: initial;
        background-position: bottom;
    }

    .ci-sub-nav-outer {
        background: #000;
    }

    .ci-sub-nav-outer ul {
        overflow-x: scroll;
        padding-top: 0;
    }

    .ci-sub-nav-outer .nav-tabs .nav-link {
        padding: 22px 20px 22px 26px;
        font-size: 16px;
    }

    .ci-sub-nav-outer ul li:not(:last-child) {
        margin-right: 0;
    }

    .ci-sub-nav-outer .nav-tabs .nav-link.active {

        background: rgb(33, 33, 33);
        background: -moz-linear-gradient(102deg, rgba(33, 33, 33, 1) 0%, rgba(54, 53, 53, 1) 50%, rgba(33, 33, 33, 1) 100%);
        background: -webkit-linear-gradient(102deg, rgba(33, 33, 33, 1) 0%, rgba(54, 53, 53, 1) 50%, rgba(33, 33, 33, 1) 100%);
        background: linear-gradient(102deg, rgba(33, 33, 33, 1) 0%, rgba(54, 53, 53, 1) 50%, rgba(33, 33, 33, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#212121", endColorstr="#212121", GradientType=1);
        padding: 22px 20px 22px 26px;
        font-weight: 700;
        border-radius: 0;
        border: 0;
    }

    .ci-sub-nav-outer ul li {
        width: 100%;
        margin-right: 0;
    }


    /*-- AMD Advancing --*/
    .ctx-sec-advancing .main-content img {
        max-width: 80px;
        width: 100%;
        height: auto;
    }

    .ctx-sec-five-reason .title {
        font-size: 34px;
    }

    /* -- Video -- */
    .ctx-sec-video .main-content .content {
        padding: 0;
    }

    .ctx-sec-video .main-content .video {
        margin-bottom: 20px;
    }

    .ctx-sec-header h1 {
        padding-top: 50%;
    }

    .ctx-sec-header {
        min-height: 400px;
        background-position: right top;
        background-size: 140%;
        background-repeat: no-repeat;
    }

    .ctx-sec-header video {
        width: 100%;
    }

    .ctx-sec-header .advanced-video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }

    .ctx-sec-header .image {
        position: absolute;
        top: 30%;
        transform: translateY(-50%);
        z-index: 10;
        text-align: center;
    }

    .ctx-sec-header .gradient-overlay {
        background: none;
        width: 0;
        height: 0;
    }

    .ctx-sec-header .contentdata {
        position: relative;
        left: 5%;
        top: 30%;
        padding-left: 10px;
        padding-right: 10px;
    }

    .ctx-sec-header .image img {
        transform: none;
    }

    .ctx-sec-introducing-ryzen-driving .item-driving {
        min-height: auto;
    }
}

@media (min-width: 728px) {


    .ctx-sec-header .ctx-sec-inner {
        position: absolute;
        bottom: 0;

    }


    .ctx-sec-header-detail:after {
        width: 42px;
        height: 42px;
    }

    .ctx-sec-trusted .main-content .content {
        padding: 0 0 0 80px;
    }

    .ctx-sec-amd-solution .content {
        padding: 0 0 0 80px;
    }

    /*-- Footer --*/
    .ctx-colophon .ctx-socials {
        margin-right: 40px;
        margin-bottom: 0;
    }

    .ctx-colophon .ctx-socials li {
        margin-right: 15px;
    }

    .ctx-sec-testimonials .testimonial-slider .slider .ctx-sec-inner {
        justify-content: center;
    }

    .ctx-sec-discover .item-cta {
        margin-top: 50px;
    }

    .ctx-sec-epyc-in-action .item-box {
        height: 460px;
    }

    .ctx-sec-discover .item {
        height: 430px;
    }

    .ctx-sec-video .image {
        width: 100%;
    }

    .ctx-sec-ecosystem {
        height: 600px;
    }

    .ctx-sec-ecosystem .tab-content>.tab-pane {
        background-size: cover;
    }

    .ctx-sec-header .ctx-sec-inner {
        position: relative;
    }

    .ctx-sec-video .image img {
        transform: none;
    }

}

@media (min-width:768px) and (max-width:1024px) {


    /*-- Global --*/

    .section .main-content {
        flex-direction: column;
    }

    .section .main-content .col-md-6 {
        max-width: 100%;
        flex: 0 0 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .section .image {
        padding-left: 0;
        padding-right: 0;
    }

    .section .image img,
    .section .content img {
        width: 100%;
    }




    /*-- Top Navigation */
    .ctx-top-navigation .header-attributes .ctx-icon-hamburger {
        margin-left: 24px;
    }

    /*-- Header --*/

    .ctx-sec-header {
        min-height: 328px;
    }

    .ctx-sec-introducing-ryzen .cont img {
        max-width: 120px;
    }

    .ci-sub-nav-outer ul {
        overflow-x: hidden;
    }

    .ctx-top-navigation .ctx-wrap-xl,
    .ci-title-outer .ctx-wrap-xl,
    .ctx-sec-header .ctx-wrap-xl,
    .ctx-sec-footer .ctx-wrap-xl {
        max-width: unset;
        padding-left: 30px;
        padding-right: 30px;
    }

    .ctx-sec-header .ctx-header-inner .ctx-sec-header-detail {
        flex: 1;
        padding-top: 60%;
        padding-right: 0;
    }

    .ctx-sec-energy-efficiency {
        background-position: center;
    }

    /*-- Video --*/
    .ctx-sec-video .btn.btn-video {
        padding: 0;
    }

    .ctx-sec-video img {
        margin: 0 0 30px;
        width: 100%;
    }


}


@media (min-width: 992px) {
    body {
        font-size: 16px;
        line-height: 150%;
    }

    .ctx-wrap-xl {
        max-width: 1080px;
    }

    h1 {
        font-size: 54px;
    }

    h2 {
        font-size: 40px;
    }

    h3 {
        font-size: 30px;
    }

    .ctx-sec-innovative {
        background-position: center;
        background-size: cover;
    }

    .ctx-sec-innovative .content-inner {
        height: 800px;
        padding-top: 0;
    }

    .ctx-sec-introducing {
        background-position: bottom;
    }

    .ctx-sec-architecture .item-first {
        height: 320px;
    }

    .ctx-sec-epyc-9004-series .item-container {
        height: 230px;
    }
}

@media (max-width:1024px) {
    br.desktopcontent {
        display: none;
    }
}

@media (min-width: 1200px) {
    .ctx-nav {
        display: block;
    }

    .ctx-icon-hamburger {
        display: none !important;
    }
}

@media (min-width:1200px) and (max-width:1400px) {
    .ctx-sec-nav .ctx-wrap-xl {
        width: 91%;
    }

    .ctx-nav ul li {
        margin-left: 14px;
    }
}

@media (min-width:1800px) {}