/* Small devices (phones) */
@media (max-width: 767px) {
  /* Global CSS -- */
  .bg-type-Red:before{
    background-repeat: no-repeat !important;
    background-position: right center !important;
    background-size: cover !important;
  }
    h1{font-size: 42px !important;}
    a.navbar-brand {width: 75%;}
    
    .cta-wrap .cta a {padding: 15px;}
    
    .linktopage a{position: static !important;}
    
    a.button.button-green.black {
        font-size: 12px !important;
        white-space: nowrap;
    }
    
    .contained .blue-label-gradient {
        left: 0 !important;
        width: 100% !important;
        text-align: center;
    }
    .no-container .blue-label-gradient{
        left: 0 !important;
        width: 100% !important;
        text-align: center;
    }
    
    #header {
        position: relative !important;
        width: 100% !important;
        margin: 0px !important;
        padding: 20px;
    }
    #block-gaming-main-menu ul.dropdown-menu {
        background: transparent !important;
        border: none !important;
    }
    .hero-Carousal {
        padding-bottom: 0px !important;
    }
    
    .p-5 {
        padding: 2rem 0rem !important;
    }
    .py-5{
        padding-bottom: 2rem !important;
        padding-top: 2rem !important;        
    }
    .pt-5{
        padding-top: 2rem !important;        
    }
    .pb-5{
        padding-bottom: 2rem !important;        
    }    
    .py-huge {
        padding-bottom: 30px !important;
        padding-top: 30px !important;
    }
    .pt-huge{
        padding-top: 30px !important;
    }
    .pb-huge{
        padding-bottom: 30px !important;
    }
    .blue-footer-text {
        flex-direction: column;
        margin-bottom: 50px;
    }
    .cta-wrap .cta {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .cta-wrap a {
        margin-bottom: 20px;
    }
    .central-quote .inner-opne-html:before {
        right: -45px !important;
    }
    .clippathgroup:before {height: 125px !important;}
    
    .heading-banner h2 {padding: 25px 5px !important;}
    .banner-skyfade .TextContainerLeftRight .description-text {
        background: #139dd8;
        padding: 25px;
    }
    .cta-banner-links a {font-size: 12px; line-height: 14px;}
    /* Global CSS -- ends--*/
    
    /* Homepage CSS -- */
    .gaming-hero-slider {
        width: 100% !important;
        padding: 20px !important;
    }
    .hero-Carousal .container-width {
        flex-direction: column;
    }
    .carousal-text {
        width: 100% !important;
    }
    .pattern-2:before, .pattern-4:before, .resources-pattern:before, .blog-pattern:before {
        display: none;
    }
    .outer-wrap.whatwedo {
        margin-top: 150px;
    }
    .content_mainhero {
        height: auto !important;
        padding-top: 50px !important;
    }
    .content_mainhero .inner-hero-content, .inner-infohover .desc-content {
        flex-direction: column;
    }
    .inner-hero-content .hero-content-left, .inner-hero-content .hero-image-right {
        width: 100%;
    }
    .layout-Right .container {
        flex-direction: column-reverse;
    }
    #paragraph-type--list_left_hover_content_right .text-content.section-right {
        width: 100% !important;
    }
    .home-CTA-banner-wrap {
        background: none !important;
        margin: 0px 30px !important;
        flex-direction: column;
        padding: 0px !important;
    }
    .home-CTA-banner-wrap .left-blank, .home-CTA-banner-wrap .right-content {
        width: 100% !important;
        padding: 0px;
    }
    #paragraph-type--icon_cards .horizontal-cards .field.field--name-field-icon-card-box .field__item {
        clip-path: none !important;
    }
    #paragraph-type--icon_cards .horizontal-cards .inner-box {
        flex-direction: column;
        max-height: max-content !important;
    }
    .horizontal-cards .content-section {
        width: 100% !important;
        flex-direction: column;
        align-items: self-start;
        min-height: auto !important;
        padding: 20px !important;
    }
    .horizontal-cards .inner-box .icon {
        width: 100% !important;
        margin: 0px !important;
    }
    .horizontal-cards .linktopage {
        width: 100% !important;
        text-align: left !important;
    }
    .horizontal-cards .info-content-wrap {
        width: 100% !important;
    }
    
    .hr-cards-transparent .info-content-wrap {
        padding: 0px !important;
    }
    .hr-cards-transparent .content-section {
        padding: 10px !important;
    }
    .hr-cards-transparent .linktopage a {
        text-align: center !important;
    }
    
    /*Services Page*/
    
    /* Paragraph CSS ---*/
    .inner-video-html{
         max-width: 95% !important;
    }
    .inner-video-html a.button.button-green.black {
        margin-top: 50px;
    }
    #paragraph-type--list_left_hover_content_right .listlefthovecontentright .description-right img {
        display: none;
    }
    #paragraph-type--list_left_hover_content_right .text-content.section-left, .text-content section-right {
        width: 100% !important;
    }
    
    #paragraph-type--text_and_image_side_by_side .container {
        flex-direction: column;
    }
    
    #paragraph-type--text_and_image_side_by_side .TextContainerLeftRight.col-md-6,
    #paragraph-type--text_and_image_side_by_side .ImageSectionFlexible.col-md-6 {
        padding: 0px !important;
        width: 100% !important;
    }
    #paragraph-type--two_column_textbox .two_column_wrap {
        flex-direction: column;
        gap: 35px;
    }
    #paragraph-type--two_column_textbox .TextContainerLeft, #paragraph-type--two_column_textbox .TextContainerRight {
        width: 100% !important;
        padding: 0px !important;
    }
    
    #paragraph-type--icon_cards .columns- .field.field--name-field-icon-card-box,
    #paragraph-type--icon_cards .columns-3 .field.field--name-field-icon-card-box,
    #paragraph-type--icon_cards .columns-4 .field.field--name-field-icon-card-box,
    #paragraph-type--icon_cards .columns-5 .field.field--name-field-icon-card-box,
    #paragraph-type--icon_cards .columns-6 .field.field--name-field-icon-card-box{
        grid-template-columns: auto !important;
    }
    #paragraph-type--icon_horizontal_list .columns- .field--name-field-icon-box .field__items,
    #paragraph-type--icon_horizontal_list .columns-3 .field--name-field-icon-box .field__items,
    #paragraph-type--icon_horizontal_list .columns-4 .field--name-field-icon-box .field__items,
    #paragraph-type--icon_horizontal_list .columns-5 .field--name-field-icon-box .field__items,
    #paragraph-type--icon_horizontal_list .columns-6 .field--name-field-icon-box .field__items{
        grid-template-columns: auto !important;
    }
    
    #paragraph-type--icon_text_with_bg_img .columns- .field.field--name-field-icon-text-box .field__items,
    #paragraph-type--icon_text_with_bg_img .columns-3 .field.field--name-field-icon-text-box .field__items,
    #paragraph-type--icon_text_with_bg_img .columns-4 .field.field--name-field-icon-text-box .field__items,
    #paragraph-type--icon_text_with_bg_img .columns-5 .field.field--name-field-icon-text-box .field__items,
    #paragraph-type--icon_text_with_bg_img .columns-6 .field.field--name-field-icon-text-box .field__items{
        grid-template-columns: auto !important;
    }
    
    #paragraph-type--three_field_cards .infobox-section.columns- .field--name-field-three-fields-info-box .field__items,
    #paragraph-type--three_field_cards .infobox-section.columns-3 .field--name-field-three-fields-info-box .field__items,
    #paragraph-type--three_field_cards .infobox-section.columns-4 .field--name-field-three-fields-info-box .field__items,
    #paragraph-type--three_field_cards .infobox-section.columns-5 .field--name-field-three-fields-info-box .field__items,
    #paragraph-type--three_field_cards .infobox-section.columns-6 .field--name-field-three-fields-info-box .field__items{
        grid-template-columns: auto !important;
    }
    #paragraph-type--three_field_cards .Full_width .infobox-section .field--name-field-three-fields-info-box .field__items {
        justify-content: center !important;
    }
    #paragraph-type--three_field_cards .inner-infobox {
        margin: 0px !important ;
        text-align: center !important;    
    }
    #paragraph-type--three_field_cards .headerabovebox {
        padding: 0px !important;
    }
    .hero-Carousal .container-width > div {
        width: 100% !important;
        float: none !important;
        margin-bottom: 50px;
    }
    
    #paragraph-type--text_and_image_side_by_side .layout-Right .container {
        flex-direction: column !important;
    }
    
    #paragraph-type--text_and_image_side_by_side .ImageSectionFlexible.col-md-6 {
        margin-bottom: 50px;
    }
     #paragraph-type--text_and_image_side_by_side .side-image img{
        width: 100% !important;
     }
    
    #paragraph-type--testimonial_and_logos .inner_testimonial_logos {
        flex-direction: column !important;
    }
    
    #paragraph-type--testimonial_and_logos .tc_testimonial, #paragraph-type--testimonial_and_logos .tc_client_logos {
        width: 100% !important;
        padding: 15px 0px !important;
    }
    
    #paragraph-type--testimonial_and_logos .tc_testimonial:before {
        display: none;
    }
    
    #paragraph-type--testimonial_and_logos .field.field--name-field-logos .field__items {
        grid-template-columns: auto auto !important;
    }
    #paragraph-type--list_left_hover_content_right .inner-infohover .title-left {
        width: 100% !important;
    }
    #paragraph-type--list_left_hover_content_right .listlefthovecontentright .header-title h2 {
        width: auto;
    }
    
    #paragraph-type--list_left_hover_content_right .inner-infohover .description-right {
        width: 100% !important;
        position: relative !important;
        left: 0% !important;
        height: auto !important;
        min-height: auto !important;
        padding: 25px !important;
    }
    .inner-infohover .desc-content {
        padding: 0px !important;
    }
    #paragraph-type--list_left_hover_content_right .listlefthovecontentright .description-right img {
        width: 100%;    
        height: auto !important;
    }
    #paragraph-type--list_left_hover_content_right .two-col {
        display: block  !important;
    }
    
    #paragraph-type--list_left_hover_content_right .inner-infohover {
        margin-bottom: 35px;
    }
    #paragraph-type--testimonial_and_logos .c_logos img {
        margin: 10px !important;
    }
    #paragraph-type--icon_cards .inner-box {
        width: 100% !important;
        padding: 0px;
    }
    #paragraph-type--icon_cards .full-landscape-img .field.field--name-field-icon-card-box .field__item {
        margin-bottom: 50px;
    }
    /* Blogs/Case-Studies CSS */
    
    .featured-blogs-wrap {
        flex-direction: column-reverse;
    }
    .featured-blog-img img, #block-exposedformblogsblock-1,
    .featured-right, .featured-left, .blogs-main .views-row, .webinar-main .views-row {
        width: 100% !important;
    }
    .blogs_node .blogs-two.column .container {
        flex-direction: column !important;
    }
    
    .blogs_node_left_wrap, .blogs_node_right_wrap {
        width: 100% !important;
    }
    .blogs-categories .views-row {
        width: 100%;
    }
    
    .blog-image-wrap h1 {
        font-size: 20px !important;
        position: absolute;
        bottom: 22%;
        width: 75%;
        left: 5%;
        z-index: 1;
        }
    
        .contact-art {
            display: none;
        }
    .blogs-two.column .container {
        flex-direction: column-reverse;
    }

    .blog-image-wrap .field.field--name-field-blog-image.field--type-image.field--label-above {
        height: 100% !important;
    }

    .blog-image-wrap img {
        height: 100%;
        width: 100%;
    }

    .blog-header-content h1, .resources-header-wrap h1 {
        font-size: 24px !important;
        width: 100% !important;
    }   

    .banner-style-Blue {
    padding: 25px 0px !important;
    }
    /* Footer CSS -- */
    .main-footer-wrap {
        flex-direction: column;
    }
    .footer-logo {
        text-align: center;
        margin-bottom: 50px;
    }
    .footer-logo, .footer-menulinks {
        width: 100% !important;
    }
    
    /* Resources CSS -- */
    .featured-resources-wrap {
        flex-direction: column;
    }
    
    #block-exposedformresourcesblock-1, .featured-resource-img img, .all-resources .views-row {
        width: 100% !important;
    }
    
    .featured-resources-left, .featured-resources-right {width: 100% !important;}
    
    .featured-resources-left {
        margin-bottom: 50px;
    }
    .resources-header {
        width: 100%;
        height: 250px !important;
        background-size: cover !important;
        background-position: center !important;
    }
    .category-News .blog-header-content h1 {
        font-size: 42px !important;
    }

    .category-News .blog-header-content {
        padding: 50px 20px 0px 20px!important;
    }
}

/* Medium devices (tablets) */
@media (min-width: 768px) and (max-width: 1023px) {
    
    /*Global CSS*/
    .main-footer-wrap {
        flex-direction: column;
    }
    .footer-logo, .footer-menulinks {
        width: 100% !important;
    }
    .footer-logo {
        text-align: center;
        margin-bottom: 50px;
    }
    .content_mainhero {
        height: auto !important;
        padding-top: 50px !important;
    }
    .py-huge {
        padding-bottom: 50px !important;
        padding-top: 50px !important;
    }
    .pt-huge{
        padding-top: 50px !important;
    }
    .pb-huge{
        padding-bottom: 50px !important;
    }
    .container, .container-sm {
        max-width: 540px;
    }
    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    /*Homepage*/
    .inner-hero-content .hero-content-left, .inner-hero-content .hero-image-right {
        width: 100%;
    }
    .inner-hero-content .hero-content-left, .inner-hero-content .hero-image-right {
        width: 100%;
    }
    #header {
        position: relative !important;
        width: 100% !important;
        margin: 0px !important;
        padding: 20px;
    }
    #header img{
        max-width: 350px !important;
    }
    #paragraph-type--text_and_image_side_by_side .TextContainerLeftRight.col-md-6, #paragraph-type--text_and_image_side_by_side .ImageSectionFlexible.col-md-6 {
        padding: 0px !important;
        max-width: 100% !important;
        width: 100% !important;
    }
    #paragraph-type--text_and_image_side_by_side .ImageSectionFlexible.col-md-6 {
        margin-bottom: 50px !important;
    }
    #paragraph-type--text_and_image_side_by_side .side-image img {
        width: 100% !important;
    }
    .cta-wrap .cta {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .d-sm-none {
        display: none !important;
    }
    button.navbar-toggler.navbar-toggler-right {
        right: 20px;
        position: relative;
    }  
    .gaming-hero-slider {
        width: 100% !important;
    }
    .home-CTA-banner-wrap {
        background: none !important;
        margin: 0px 30px !important;
        flex-direction: column;
        padding: 0px !important;
    }
    .home-CTA-banner-wrap .left-blank, .home-CTA-banner-wrap .right-content {
        width: 100% !important;
        padding: 0px;
    }
    .home-CTA-banner-wrap .left-blank, .home-CTA-banner-wrap .right-content {
        width: 100% !important;
        padding: 0px;
    }
    
    .OpenHtmlText.hero-bottom-angle-right-blue.top-slideup {background-position: center !important;}
    
    .hero-Carousal .container-width {
        flex-direction: column;
    }
    .carousal-headline-text, .carousal-text {
        width: 100% !important;
    }
    #paragraph-type--testimonial_and_logos .tc_testimonial {
        padding: 0px !important;
        width: 100% !important;
    }
    a.button.button-green.black {
        font-size: 12px !important;
        white-space: nowrap;
    }
    #paragraph-type--icon_cards .columns- .field.field--name-field-icon-card-box, #paragraph-type--icon_cards .columns-3 .field.field--name-field-icon-card-box, #paragraph-type--icon_cards .columns-4 .field.field--name-field-icon-card-box, #paragraph-type--icon_cards .columns-5 .field.field--name-field-icon-card-box, #paragraph-type--icon_cards .columns-6 .field.field--name-field-icon-card-box{
        grid-template-columns: auto !important;
    }
    .pattern-2:before {
        top: 100px !important;
    }    
    /*.cta {
        display: flex;
    }*/
    .cta-wrap .cta a {
        text-align: center;
    }    
    .cta-wrap .cta {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .content_mainhero .inner-hero-content, .inner-infohover .desc-content {
        flex-direction: column;
    }
    #paragraph-type--three_field_cards .headerabovebox {
        padding: 0px !important;
    }
    #paragraph-type--three_field_cards .infobox-section.columns- .field--name-field-three-fields-info-box .field__items, #paragraph-type--three_field_cards .infobox-section.columns-3 .field--name-field-three-fields-info-box .field__items, #paragraph-type--three_field_cards .infobox-section.columns-4 .field--name-field-three-fields-info-box .field__items, #paragraph-type--three_field_cards .infobox-section.columns-5 .field--name-field-three-fields-info-box .field__items, #paragraph-type--three_field_cards .infobox-section.columns-6 .field--name-field-three-fields-info-box .field__items{
        grid-template-columns: auto auto !important;
    }
    #paragraph-type--icon_cards .horizontal-cards .inner-box {
        flex-direction: column;
        max-height: max-content !important;
    }
    .horizontal-cards .inner-box .icon {
        width: 100% !important;
        margin: 0px !important;
    }
    .horizontal-cards .content-section {
        width: 100% !important;
        flex-direction: column;
        align-items: self-start;
        min-height: auto !important;
        padding: 20px !important;
    }
    .horizontal-cards .info-content-wrap {
        width: 100% !important;
    }
    .horizontal-cards .linktopage {
        width: 100% !important;
        text-align: left !important;
    }
    .cta-banner-links {
        justify-content: center !important;
    }
    #paragraph-type--icon_cards .horizontal-cards .field.field--name-field-icon-card-box .field__item {
        clip-path: none !important;
    }
    #paragraph-type--three_field_cards .Full_width .infobox-section .field--name-field-three-fields-info-box .field__items {
        justify-content: center !important;
    }
    #paragraph-type--list_left_hover_content_right .inner-infohover .description-right {
        width: 100% !important;
        position: relative !important;
        left: 0% !important;
        height: auto !important;
        padding: 25px !important;
    }
    #paragraph-type--list_left_hover_content_right .listlefthovecontentright .description-right img {
        display: none;
    }
    #paragraph-type--list_left_hover_content_right .text-content.section-right {
        width: 100% !important;
    }
    #paragraph-type--list_left_hover_content_right .text-content.section-left, .text-content section-right {
        width: 100% !important;
    }
    #paragraph-type--list_left_hover_content_right .inner-infohover.active .description-right {
        /*min-height: auto !important;*/
    }  
    #paragraph-type--list_left_hover_content_right .inner-infohover .title-left {
        width: 100% !important;
    }
    #paragraph-type--testimonial_and_logos .inner_testimonial_logos {
        flex-direction: column !important;
    }
    
    #paragraph-type--icon_cards .columns- .field.field--name-field-icon-card-box,
    #paragraph-type--icon_cards .columns-3 .field.field--name-field-icon-card-box,
    #paragraph-type--icon_cards .columns-4 .field.field--name-field-icon-card-box,
    #paragraph-type--icon_cards .columns-5 .field.field--name-field-icon-card-box,
    #paragraph-type--icon_cards .columns-6 .field.field--name-field-icon-card-box{
        grid-template-columns: auto auto !important;
    }
    #paragraph-type--icon_cards .field--name-field-icon-card-box .inner-box{
        max-width: 350px;
        width: 350px;
        position: relative;
    }
    
    #paragraph-type--icon_horizontal_list .columns- .field--name-field-icon-box .field__items,
    #paragraph-type--icon_horizontal_list .columns-3 .field--name-field-icon-box .field__items,
    #paragraph-type--icon_horizontal_list .columns-4 .field--name-field-icon-box .field__items,
    #paragraph-type--icon_horizontal_list .columns-5 .field--name-field-icon-box .field__items,
    #paragraph-type--icon_horizontal_list .columns-6 .field--name-field-icon-box .field__items{
        grid-template-columns: auto auto;
    }
    
    #paragraph-type--icon_text_with_bg_img .columns- .field.field--name-field-icon-text-box .field__items,
    #paragraph-type--icon_text_with_bg_img .columns-3 .field.field--name-field-icon-text-box .field__items,
    #paragraph-type--icon_text_with_bg_img .columns-4 .field.field--name-field-icon-text-box .field__items,
    #paragraph-type--icon_text_with_bg_img .columns-5 .field.field--name-field-icon-text-box .field__items,
    #paragraph-type--icon_text_with_bg_img .columns-6 .field.field--name-field-icon-text-box .field__items{
        grid-template-columns: auto auto;
    }
    #paragraph-type--icon_text_with_bg_img .field--name-field-icon-text-box .field__items{
        justify-content: space-evenly;
    }
    
    #paragraph-type--three_field_cards .infobox-section.columns- .field--name-field-three-fields-info-box .field__items,
    #paragraph-type--three_field_cards .infobox-section.columns-3 .field--name-field-three-fields-info-box .field__items,
    #paragraph-type--three_field_cards .infobox-section.columns-4 .field--name-field-three-fields-info-box .field__items,
    #paragraph-type--three_field_cards .infobox-section.columns-5 .field--name-field-three-fields-info-box .field__items,
    #paragraph-type--three_field_cards .infobox-section.columns-6 .field--name-field-three-fields-info-box .field__items{
        grid-template-columns: auto auto;
    }
    #paragraph-type--three_field_cards .infobox-section .inner-infobox {
        max-width: 100% !important;
        width: 100% !important;
    }
    #paragraph-type--text_and_image_side_by_side .layout-Right .container {
        flex-direction: column !important;
    }
    
    #paragraph-type--text_and_image_side_by_side .TextContainerLeftRight.col-md-6 {
        width: 100% !important;
        padding: 0px !important;
        max-width: 100% !important;
    }
    .central-quote .inner-opne-html:before {
        right: 80px !important;
    }
    /*Services*/
    .bg-type-Red:before{
        background-repeat: no-repeat !important;
        background-position: right center !important;
        background-size: cover !important;
      }
    /* Blogs/Case-studoes CSS -- */
    #block-exposedformblogsblock-1, #block-exposedformresourcesblock-1, .featured-left, .featured-right,
    .featured-blog-img img {
        width: 100% !important;
    }
    
    .featured-blogs-wrap {
        flex-direction: column-reverse;
    }
    .blogs-main .views-row,  .webinar-main .views-row{
        width: 44% !important;
    }
    #views-exposed-form-blogs-block-1 .form-row, #views-exposed-form-resources-block-1 .form-row{
        margin-left: 20px;
    }
    
    .blog-image-wrap h1 {
        position: relative !important;
        left: 0px !important;
        bottom: 0px !important;
        width: 100% !important;
    }
    .field.field--name-field-post-date.field--type-datetime.field--label-above {
        position: relative !important;
        bottom: 0px !important;
        left: 0px !important;
    }
    
    .blogs-two.column .container {
        padding: 0px 55px;
    }
    /* Resources -- CSS -- */
    .featured-resources-wrap {flex-direction: column;}
    
    .featured-resources-left, .featured-resources-right {
        width: 100% !important;
    }
    
    .featured-resources-left {
        margin-bottom: 50px;
    }
    
    .all-resources .views-row {
        width: 45% !important;
    }
}

/* Large devices (laptops/desktops) */
@media (min-width: 1024px) and (max-width: 1279px) {
    html, body {
        margin: 0 !important;
        padding: 0 !important;
        overflow-x: hidden !important;
    }
    *{
        box-sizing: border-box !important;
    }
    div#page-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
    }
    .content_mainhero {
        height: auto !important;
        padding-top: 175px !important;
    }
    .inner-hero-content .hero-content-left, .inner-hero-content .hero-image-right {
        width: 100% !important;
    }
    .content_mainhero .inner-hero-content, .inner-infohover .desc-content {
        /* flex-direction: column; */
        padding-bottom: 2% !important;
    }
    #block-gaming-main-menu ul li a {
        font-size: 16px !important;
        color: #FFFFFF;
    }
    #header img{
        padding: 10px 25px;
        max-width: 390px !important;
    }
    #paragraph-type--list_left_hover_content_right .inner-infohover .description-right{
        left: 298px !important;
    }
    .home-CTA-banner-wrap {
        background: url(/themes/gaming/images/Home-CTA-Block.png);
        background-size: contain !important;
        background-position: left center !important;
        background-repeat: no-repeat !important;
        display: flex !important;
        align-content: center !important;
        align-items: center !important;
        /* padding: 75px 0px; */
        margin: 0px 75px;
    }
    .green.desc {
        font-size: 12px !important;
        padding: 10px 0px !important;
    }
    .right-content {
        width: 50% !important;
        padding: 35px 55px 0px 40px !important;
    }
    a.cta.sea-green {
        padding: 2px 1px !important;
    }
    .cta-banner-links {
        font-size: 12px !important;
    }
    #paragraph-type--three_field_cards .infobox-section.columns- .inner-infobox, #paragraph-type--three_field_cards .infobox-section.columns-3 .inner-infobox{
        max-width: 300px !important;
        width: 300px !important;
        position: relative !important;
    }
    #paragraph-type--icon_cards .columns-3 .inner-box {
        max-width: 305px !important;
        width: 305px !important;
        position: relative !important;
    }
    .short-text p {
        font-size: 13px !important;
    }
    /*Services Page*/
    .bg-type-Red:before{
        background-repeat: no-repeat !important;
        background-position: right center !important;
        background-size: cover !important;
      }
    #paragraph-type--icon_cards .horizontal-cards .inner-box {
        width: 100% !important;
        max-width: 100% !important;
        display: flex;
        align-items: center;
        max-height: 275px;
    }
}

/* Large devices (laptops/desktops) */
@media (min-width: 1280px) {
    html, body {
        margin: 0 !important;
        padding: 0 !important;
        overflow-x: hidden !important;
    }
    *{
        box-sizing: border-box !important;
    }
    div#page-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
    }
    .home-CTA-banner-wrap {
        background: url(/themes/gaming/images/Home-CTA-Block.png);
        background-size: contain !important;
        background-position: left center !important;
        background-repeat: no-repeat !important;
        display: flex !important;
        align-content: center !important;
        align-items: center !important;
        /* padding: 75px 0px; */
        margin: 0px 75px;
    }
    .right-content {
        width: 50% !important;
        padding: 35px 100px 0px 40px !important;
    }
    .green.desc {
        font-size: 12px !important;
        padding: 12px 0px !important;
    }
    .cta-banner-links {
        display: flex;
        gap: 5%;
        font-size: 13px !important;
    }
    .bg-type-Red:before{
        background-repeat: no-repeat !important;
        background-position: right center !important;
        background-size: cover !important;
      }
}

/*Custom query from 992px to 1023px for navigation*/
@media (min-width: 992px) and (max-width: 1023px) {
    #block-gaming-main-menu ul li a {
        font-size: 15px !important;
        color: #FFFFFF;
    }
}

/*Custom query for styling services section on Homepage (1220px to 1279px)*/
@media (min-width: 1200px) and (max-width: 1279px) {
    #paragraph-type--list_left_hover_content_right .inner-infohover .description-right {
        left: 358px !important;
    }
}

/*Custom query for styling services section on Homepage (min-width: 1536px)*/
@media (min-width: 1536px) {
    .right-content {
        width: 45% !important;
        padding: 30px 125px 0px 25px !important;
    }
    .home-CTA-banner-wrap {
        background: url(/themes/gaming/images/Home-CTA-Block.png);
        background-size: cover !important;
        /*background-position: left center !important;*/
        background-repeat: no-repeat !important;
        display: flex !important;
        align-content: center !important;
        align-items: center !important;
        /* padding: 8% 0% !important; */
        margin: 0px 75px; 
    }
    .cta-banner-links {
        display: flex;
        gap: 8%;
        justify-content: center;
    }
    .cta-banner-links .cta{
        font-size: 20px;
    }
}

@media (max-width: 1023px) {
/* nav alter -- */
ul.clearfix.nav.navbar-nav {
    padding-top: 15px;
}
nav.menu--main {
    margin: 0px !important;
}
.navbar-nav li {
    padding: 5px !important;
}
.navbar-nav .nav-link {
    width: 90% !important;
}
.dropdown-toggle:after {
    display: none;
}
li.nav-item.menu-item--expanded.dropdown:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    position: absolute;
    right: 15px;
    top: 20px;
}
span.navbar-toggler--line {
    display: block;
    width: 20px;
    height: 2px;
    background-color: #FFFFFF;
    border-radius: 10px;
}
#navbar-main .navbar-toggler .navbar-toggler--line:nth-of-type(2){
    width: 13px;
    margin: 4px 0;
}
#navbar-main .navbar-toggler:not(.collapsed) .navbar-toggler--line:nth-of-type(1) {
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}
#navbar-main .navbar-toggler:not(.collapsed) .navbar-toggler--line:nth-of-type(2) {
    display: none
}
#navbar-main .navbar-toggler:not(.collapsed) .navbar-toggler--line:nth-of-type(3) {
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg)
}
#navbar-main .navbar-toggler:not(.collapsed) .navbar-toggler--line:nth-of-type(1) {
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}
#navbar-main .navbar-toggler {
    position: relative;
}
#navbar-main .navbar-toggler:not(.collapsed) .navbar-toggler--line:nth-of-type(n) {
    position: absolute;
    top: 50%;
    right: 10px;
}
.navbar-toggler:focus {
    outline: none !important;
}
/* ---- nav*/
    
    .navbar-nav li {padding: 10px !important;}
    .menu--main {margin: 0px !important;}
    .navbar-nav .nav-link {width: 90%;display: inline;}
    .dropdown-toggle:after {display: none;}
    ul.dropdown-menu{ width: 100% !important;}
    ul.dropdown-menu li {padding: 5px !important;}
    li.nav-item.menu-item--expanded.dropdown:after {
        display: inline-block;
        margin-left: .255em;
        vertical-align: .255em;
        content: "";
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-bottom: 0;
        border-left: .3em solid transparent;
        position: absolute;
        right: 0px;
        top: 20px;
    }

    #navbar-main {padding-top: 30px;padding-bottom: 30px;}
    #header img {padding: 0px 0px 25px 0px;}
    .iconcards-header{width: 80% !important;}
    .heading-banner h2, .gallery-title h2 {text-align: center !important; }
    .banner-skyfade .heading-banner {background: linear-gradient(90deg, #139DD8 0%, rgba(0, 59, 113, 0) 100%) !important;}
    .banner-navyfade .heading-banner {background: linear-gradient(90deg, #003B71 0%, rgba(0, 59, 113, 0) 100%) !important;}
    .gallery-title {background: linear-gradient(90deg, #3ABCB4 0%, rgba(0, 59, 113, 0) 100%) !important;}
    .bg-type-Red:before, .bg-type-Blue:before  {background: none !important;}
    .horizontal-cards:before, #paragraph-type--contact_us_footer:before {display: none;}
    .banner-style-White .inner-cs-title {
        background: linear-gradient(90deg, #139DD8 0%, rgba(0, 59, 113, 0) 100%) !important;
        z-index: 1;
    }
    .inner-cs-title-wrap h2 {
        text-align: center !important;
    }

    .banner-style-White:before {
        height: 150px !important;
        z-index: 0;
    }

    #paragraph-type--text_and_image_side_by_side .container {
        flex-direction: column !important;
    }
    .banner-style-Navy:before, .banner-style-White:before, .big-green-strip-bottom-left:before {
        display: none;
    }
    .banner-style-Navy .inner-cs-title {
        background: linear-gradient(90deg,#FFFFFF 0%,rgba(255,255,255,0) 100%) !important;
    }
    .banner-style-Blue .inner-cs-title {
        background: linear-gradient(90deg, #003B71 0%, rgba(0, 59, 113, 0) 100%) !important;
    }
    .content_cs_banner .inner-cs-body {
        text-align: center;
    }
    .blogs-two.column {
        padding: 0px 25px;
    }
    .webinar-content {
        height: auto !important;
    }

    .webinar-linktopage {
        position: relative !important;
        bottom: 0px !important;
    }
    .video-and-text.row {
        flex-direction: column;
    }
    .video-and-text .col-md-6 {
        max-width: 100% !important;
    }
}

@media (max-width: 500px){
    #header img{
        max-width: 250px !important;
    }
}