.gaming .header {
    background-color: transparent;
}

.gaming .header::before {
    background-image: url(../../images/new/svg/g-bg-1.svg);
    background-size: 50%;
    background-position: top -115px right -3px;
}

.gaming .header::after {
    background-image: url(../../images/new/svg/header-dots.svg);
    background-size: 17%;
    background-position: top 60% left 0;
}

.gaming-banner::before {
    background-image: url(../../images/new/svg/gaming-g!.png);
}

@media (max-width: 1600px) {
    .gaming .header::after {
        display: none;
    } 
}

@media (max-width: 1201px) {
    .gaming-banner::before {
        left: -20%;
    }
}

@media (max-width: 1025px) {
    .gaming-banner::before {
        left: -30%;
    }
}

@media (max-width: 901px) {
    .gaming .header::before {
        background-image: url(../../images/new/svg/g-header-bg-1.png);
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-size: cover;
        background-position: top -150px right 0;
    }
    .gaming-banner::before {
		/* left: 5%; */
		left: 0;
		top: -4%;
		background-size: 55%;
	}
}

@media (max-width: 767px) {
	.gaming-banner::before {
		top: 3%;
		background-size: 50%;
	}
}

@media (max-width: 580px) {
    .gaming .header::before {
        background-position: center;
    }
    .gaming-banner .dt-image {
        max-width: unset;
        height: 400px;
    }
    .gaming-banner .dt-s0a.mt-54.opti-container-lg {
        padding-left: 0;
        padding-right: 0;
    }
	.gaming-banner::before {
		top: 0;
		background-size: 65%;
	}
}

@media (max-width: 450px) { 
    .gaming-banner .dt-image {
        height: 325px;
    }
	.gaming-banner::before {
		top: 3%;
		background-size: 80%;
	}
}

@media (max-width: 380px) {
	.gaming-banner::before {
		top: 7%;
		background-size: 90%;
	}
}


/* Section 1 */

.gaming-s1.text-image {
    padding-bottom: 120px;
    padding-top: 80px;
}

.text-image-elem.right {
    margin-left: 50px;
}

.gaming-s1.text-image {
    position: relative;
    overflow: hidden;
}

.gaming-s1.text-image .gaming-s1-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.gaming-s1.text-image .gaming-s1-bg::before,
.gaming-s1.text-image .gaming-s1-bg::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}

.gaming-s1.text-image .gaming-s1-bg::before {
    background-image: url(../../images/new/svg/g-bg-2.svg);
    background-size: 90%;
    background-position: bottom 45% right 0;
    top: 8%;
    right: -39%;
    z-index: 1;
}

.gaming-s1.text-image .gaming-s1-bg::after { 
    background-image: url(../../images/new/svg/g-bg-3.svg);
    background-size: 50%;
    background-position: top 0 right 0;
    top: 13%;
    right: -5%;
    z-index: 2;
}

.gaming-s1.text-image .opti-container-md {
    position: relative;
    z-index: 10;
}

.gaming-s1.text-image .right-image img {
    max-width: 384px;
}

@media (max-width: 901px) {
    .gaming-s1.text-image {
        padding-bottom: 80px;
    }
}

@media (max-width: 769px) {
    .gaming-s1.text-image .right-image {
        max-width: unset;
        width: 100%;
        height: 400px;
    }
    .gaming-s1.text-image .right-image img {
        max-width: unset;
        border-radius: 0;
        width: calc(100% + 50px);
        margin-left: -25px;
        height: 100%;
        object-fit: cover;
    }
    .text-image-elem.right {
        margin: 20px 0 0;
    }
}

@media (max-width: 580px) {
    .gaming-s1.text-image .right-image {
        height: 227px;
    }
}

@media (max-width: 380px) {
    .gaming-s1.dt-s1.text-image {
        padding-bottom: 30px;
    }
}


/* Section 2 */

.dt-s3.gaming-s2 {
    padding-top: 70px;
}

.gaming-s2-image {
    width: 100%;
    height: 300px;
    background-image: url(../../images/new/custom-web-and-browser-game-developer.jpg);
    background-size: cover;
    background-position: top -100px left 0;
    background-repeat: no-repeat;
    border-radius: 10px;
    margin-top: 35px;
    margin-bottom: 42px;
    margin-left: 5px;
}

.gaming-s2-content .flex-elem-item {
    max-width: unset;
    width: 49%;
    margin-left: 5px;
}

.gaming-s2-content .flex-elem-item.left {
    width: 45%;
}

@media (max-width: 1025px) {
    .gaming-s2-content .flex-elem-item br {
        display: none;
    }
}

@media (max-width: 769px) {
    .dt-s3.gaming-s2 {
        padding-top: 90px;
    }
    .dt-s3 .gaming-s2-content .flex-elem-item.left {
        order: 0;
    }
    .gaming-s2-content .flex-elem-item,
    .dt-s3 .gaming-s2-content .flex-elem-item.left {
        width: 100%;
        margin: 10px 0;
    }
    .gaming-s2-image {
        background-position: top 0 left 0;
        margin-top: 15px;
        margin-bottom: 30px;
        order: 0;
        margin-left: 0;
    }
    .gaming-s2-content .flex-elem-item,
    .dt-s3 .gaming-s2-content .flex-elem-item.left {
        order: 1;
    }
    .gaming-s1.dt-s1 .text-image-elem.left {
        margin-right: 0;
    }
}

@media (max-width: 700px) {
    .dt-s3.gaming-s2 {
        padding-top: 45px;
    }
}


/* Section 3 */

.gaming-s3.image-text {
    overflow: hidden;
}

.gaming-s3.image-text .dt-bg-design-4 {
    background-image: url(../../images/new/svg/gaming-g!.png);
    top: -23%;
    right: -5%;
    width: 890px;
    height: 690px;
}

@media (max-width: 769px) {
    .gaming-s3.image-text .dt-bg-design-4 {
        top: -16%;
        left: -10%;
        width: 625px;
        height: 466px;
    }
}

@media (max-width: 450px) {
    .gaming-s3.image-text .dt-bg-design-4 {
        width: 525px;
    }
}

@media (max-width: 380px) {
    .dt-s3.gaming-s2 {
        padding-top: 90px;
    }
    .gaming-s3.image-text .dt-bg-design-4 {
        left: -14%;
        width: 425px;
    }
}


/* Section 4 */

@media (max-width: 769px) {
    .latest-announcements.flex-spbtwn {
        padding-bottom: 50px;
    }
    .latest-announcements.flex-spbtwn .slick-dots {
        margin-top: 25px;
    }
    .three-bubble-responsive .bubble-elem .carousel-text {
        width: 70%;
    }
}

@media (max-width: 580px) {
    .btn.btn-teal,
    .dt-s3 .gaming-s2-content .btn.btn-teal {
        padding: 5px 15px;
    } 
    .gaming-s4.slickslider-blackarrows.three-bubbles-section {
        padding-top: 70px;
    }
    .gaming-s4 .three-bubbles-responsive::after {
        width: 115%;
        height: 105%;
        top: 1%;
        left: -5%;
    }
    .gaming-s4 .three-bubbles-responsive .bubble-elem .carousel-text {
        width: 72%;
    }
    .latest-announcements.flex-spbtwn .slick-dots {
        margin-top: 0;
    }
    .latest-announcements.flex-spbtwn {
        padding-bottom: 0;
    }
    .gaming-s4 .three-bubbles-section.slickslider-blackarrows button.slick-arrow {
        bottom: -20px;
    }
}

@media (max-width: 380px) {
    .latest-announcements.flex-spbtwn .slick-dots {
        margin-top: 0;
    }
    .latest-announcements.flex-spbtwn {
        padding-bottom: 0;
    }
    .gaming-s4 .three-bubbles-responsive::after {
        top: -8%;
        left: -16%;
        height: 120%;
        width: 140%;
    }
    .gaming-s4 .three-bubbles-section.slickslider-blackarrows button.slick-arrow {
        bottom: -15px;
    }
    .gaming-s4 .three-bubbles-section {
        padding-bottom: 90px;
    }
    .gaming-s4 .three-bubbles-responsive .bubble-elem .carousel-text {
        width: 82%;
    }
}


/* BACKGROUND */

.gaming .three-bubbles-section {
    padding-bottom: 270px;
}

.gaming .dt-s1::before,
.gaming .dt-s1::after,
.gaming-s1.text-image .gaming-s1-bg::after,
.gaming-s1.text-image .gaming-s1-bg::before {
    display: none;
}

.gaming-bg-1 {
    position: relative;
    overflow: hidden;
}

.gaming-bg-1b {
    position: absolute;
    top: 17%;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../../images/new/svg/g-bg-8b.svg);
    background-repeat: no-repeat;
    background-position: top 0 left 0;
    background-size: 100%;
    z-index: -3;
}

.gaming-bg-1a {
    position: absolute;
    top: 0;
    right: 0;
    width: 60%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top 100px right -190px;
    background-image: url(../../images/new/svg/g-bg-5.svg);
    z-index: -5;
}

.laptop-bg-1 {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-image: url(../../images/new/svg/g-bg-7.svg);
    background-size: 100%;
    background-position: top 0 left 0;
    z-index: -2;
}

@media (max-width: 1800px) {
    .gaming-bg-1b {
        background-size: 115%;
    }
}

@media (max-width: 1600px) {
    .gaming-bg-1b {
        background-size: 130%;
    }
}

@media (max-width: 1400px) {
    .gaming-bg-1a {
        width: 80%;
        background-position: top 100px right -412px;
    }
    .gaming-bg-1b {
        background-size: 150%;
    }
    .laptop-bg-1 {
        top: 52%;
    }
}

@media (max-width: 1201px) {
    .gaming-bg-1a {
        width: 100%;
        background-position: top 100px right -500px;
    }
    .gaming-bg-1b {
        background-size: 175%;
    }
    .laptop-bg-1 {
        background-size: 130%;
    }
}

@media (max-width: 1025px) {
    .gaming-bg-1a {
        background-size: 120%;
        background-position: top 100px right -600px;
    }
    .gaming-bg-1b {
        background-size: 200%;
    }
}

@media (max-width: 901px) {
    .gaming .three-bubbles-section {
        padding-bottom: 270px;
    }
    .gaming-bg-1b {
        top: 21%;
    }
    .laptop-bg-1 {
        top: 59%;
        background-size: 120%;
    }
}

@media (max-width: 769px) {
    .gaming-bg-1a {
        background-size: 110%;
        background-image: url(../../images/new/svg/g-bg-r-5.svg);
        background-position: top 250px right -100px;
    }
    .gaming-bg-1b {
        background-image: url(../../images/new/svg/g-bg-r-8.svg);
        background-size: 100%;
        height: 61%;
    }
    .gaming .three-bubbles-section {
        padding-bottom: 140px;
    } 
    .laptop-bg-1 {
        top: 60%;
    }
}

@media (max-width: 700px) {
    .gaming-bg-1b {
        top: 23%;
        background-size: 110%;
    }
    .gaming .header::before {
        background-position: top -62px right 0;
    }
}

@media (max-width: 640px) {
    .laptop-bg-1 {
        top: 60%;
        background-size: 160%;
    }
}

@media (max-width: 580px) {
    .gaming .three-bubbles-section {
        padding-bottom: 115px;
    }
    .laptop-bg-1 {
        background-image: url(../../images/new/svg/g-bg-r-9.svg);
        background-size: 100%;
        top: 57%;
    }
}

@media (max-width: 500px) {
    .gaming-bg-1b {
        background-size: 140%;
    }
    .laptop-bg-1 {
        top: 58%;
    }
}

@media (max-width: 480px) {
    .laptop-bg-1 {
        background-size: 110%;
    }
}

@media (max-width: 450px) {
    .gaming-bg-1b {
        background-size: 150%;
        height: 65%;
    }
    .laptop-bg-1 {
        background-size: 125%;
        top: 61%;
    }
    .gaming-s4 .three-bubbles-responsive .bubble-elem .carousel-text {
        width: 90%;
    }
}

@media (max-width: 380px) {
    .gaming-bg-1b {
        background-size: 180%;
    }
    .laptop-bg-1 {
        background-size: 140%;
        top: 62%;
    }
    .gaming-bg-1a {
        top: 5%;
    }
    .dt-s3.gaming-s2 {
        padding-top: 40px;
    }
    .gaming-bg-1b {
        top: 21%;
    }
}

@media (max-width: 340px) {
    .gaming-bg-1b {
        top: 21%;
        background-size: 210%;
    }
    .laptop-bg-1 {
        background-size: 180%;
    }
    .three-bubbles-responsive::after {
        background-size: 120%;
    }
}