@media screen and (min-width: 0px) {
.creatorsHero .oneFrame {width: 90%; height: 49.5vw; margin: 0 auto; }
.creatorsHero .oneFrame iframe {width: 100%; height: 100%; border: none;}
}
@media screen and (min-width: 540px) {
.creatorsHero .oneFrame { height: 50vw; width: 100%;  }
}
@media screen and (min-width: 768px) {
.creatorsHero .oneFrame {width: 64vw; height: 36vw;  }
}

.CP-hero .copy-parent h1 {margin-bottom: 12px;}
.CP-hero .copy-parent > div > div {margin-top: 12px;}
@media screen and (max-width: 767px) {
     .CP-hero .copy-parent {padding: 48px 24px; text-align: center;}
}
@media screen and (min-width: 768px) {
.CP-hero {
    position: relative;
    overflow: hidden;
    width: 100%;
    text-align: center;
}

.CP-hero .copy-parent {   
    width: 100%;
    height: 100%;
    max-width: 2048px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 1;
    margin: 0 auto;
    overflow: hidden;}

.CP-hero .copy-parent h1 {font-size: 36px;}
.CP-hero .copy-parent p {font-size: 24px; font-weight: 200;}
.CP-hero .copy-parent > div { 
                       width: 100%;
                       position: absolute; 
                       transform: translate(-50%, -50%);
                       top: calc(50%);   
                       left: calc(50%);                   
             }
}
@media screen and (min-width: 1084px) {
.CP-hero .copy-parent > div { 
                       bottom: 60px;
                       top: auto;                                   
             }
    .CP-hero .copy-parent h1 {font-size: 46px;}
}
.filterCheckboxes .c-label {visibility: hidden;}
.id-blade .m-banner {border: 2px solid #ccc; padding: 20px 0; max-width: 76.5%;}

@media screen and (max-width: 1084px) {
.getting-started-icons {
    padding-left: calc(18% - 12px) !important;
    }
}

@media screen and (max-width: 539px) {
.m-content-placement section > div {margin: 0 15px;}
.id-blade .m-banner {max-width: 90%;}
}
.gameDivsWrapper {
    text-align: center;
}
.gameDivsWrapper .gameDiv {
  text-align: left;
    display: inline-block;
    margin: 24px 10px 16px;
    vertical-align: top;
    min-width: 124px;
    max-width: 140px;
    width: 18% !important;
    /* width: 140px !important; */
}

/*VFI FOR SELECT DROPDOWN and PAG*/

.c-menu-item a:focus, .c-menu-item span:focus, .c-menu-item button:focus {
    border: 2px dashed !important;
}

.m-pagination li>a:focus, .m-pagination li>span:focus, .c-pagination li>a:focus, .c-pagination li>span:focus {
border: 2px dashed !important;
}

.pagHide {
  display: none !important;
}
ul.m-pagination.m-pagination-group {
    text-align: center;
}
.paginateControl {
    text-align: center;
}

.m-content-placement>div>div>div a:focus picture{
outline: 2px dashed #000 !important;
    border: 2px dashed #fff !important;}

.pag-disabled a {
opacity: .4;
 color: grey !important;
 pointer-events: none;
}
.pag-disabled {
pointer-events: none;
}

.m-content-placement img {cursor: pointer;}

.select-menu.sort-area button:focus {
    outline: 2px dashed white;
    border: 2px dashed black;
}

@media screen and (max-width: 1083px) {
.separator-style {
width: 90% !important;
margin: auto !important;
}
}

.m-product-placement-item.gameDiv > a:hover {
text-decoration: underline !important;
}

.m-product-placement-item.gameDiv > a:focus {
outline: 2px dashed #000 !important;
}