/* Styles for porting phonics via react ...*/
.isMobilePortrait {
    display: none;
}

.isDesktop {
    display: block;
}

.landscape header .h-right {
    margin: 0px;
}
/* style for shoot the rocket for desktop while resizing window*/
.landscape .abcgame_soundMatchContainerwrap ul.instructionMenu {
    font-size: 15px;
    padding: 0 52px;
    line-height: 24px;
    height: 77%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
}
.landscape .abcgame_soundMatchContainerwrap ul.instructionMenu li {
    padding-bottom: 10px;
}

/* css for fix ABC match image stretch issue*/
.abcgame_abccol.abcgame_abcpick_floatPlayArea {
    width: 600px;
    height: 600px;
    float: left;
    position: relative;
}
@media (max-width: 1366px) {
    #interactivity_div {
        overflow-y: auto;
        overflow-x: hidden;
        height: 100%;
    }
    .landscape #lesson_ifr {
        overflow: visible;
    }
    .landscape #root,
    .landscape #root > .segment {
        /*changed height:100vh to height:100%* to avoid scroll on devices*/
        height: 100%;
        overflow-y: hidden;
    }
    
}

@media (max-width: 1366px) and (min-width: 768px) {
    /* .abcgame_abcrow, .abcgame_abccol {
        height: 600px !important;
    } */
    #abcMatchMainBody .abcgame_abcpick_gametypeHead {
        font-size: 14px;
        padding-bottom: 8px;
    }
    #abcMatchMainBody .abcgame_abcpick_matchHeadContent {
        font-size: 8px;
    }
    #abcMatchMainBody .landscape .abcgame_abcpick_matchHeadContent {
        padding-top: 0%;
    }
    /* #abcMatchMainBody .abcgame_abcpick_matchHead {
        width: 39% !important;
    } */
    .portrait .abcgame_abcpick_gamePlayInnerRow .abcgame_abcpick_card_back {
        width: 84%;
        height: 87%;
        border-radius: 8px;
    }
}

/* End css for fix ABC match image stretch issue*/

@media (max-width: 1280px) and (min-width: 768px) {
    .shootrocketrow .shoot_image1 {
        margin-top: 0;
    }
    .shoot_instruct1 {
        left: 75% !important;
    }
    /*.landscape .abcgame_abcpickrecommendedgame img {
        margin-top: -46px;
    }*/
    .landscape .abcgame_bingo_instruction_content {
        height: 34%;
    }
    .landscape .abcgame_smrepeatletter {
        padding-top: 0;
        line-height: 37px;
    }
    .landscape .abcgame_soundMatchContainerwrap ul.instructionMenu {
        font-size: 15px;
        padding: 0 52px;
        line-height: 24px;
        height: 77%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: center;
    }
    .landscape .abcgame_soundMatchContainerwrap ul.instructionMenu li {
        padding-bottom: 10px;
    }
    .landscape .abcgame_sm_instruction_header {
        margin-top: -8px;
    }
    .landscape .abcgame_sm_closeinstruction {
        top: 28%;
        right: 19px;
    }
}

/* Styles for porting via react ...For desktop screens, mobile, tablets defined later... */
@media (min-width: 320px) and (max-width: 900px) {
    .isMobilePortrait {
        display: block;
    }
    .isDesktop {
        display: none;
    }
    /* .portrait body#appBody .video-container .interactivityfullScreen, 
    .portrait .ebookParentDiv {
        margin: 105px 0 55px 0 !important;
    } */
    /* .portrait .gameParentDiv {
        margin: 49px 0 70px;
    } */
}

/* Style for fast forward and dots functionality */
.song-tabs .media-lib-list li button {
    text-transform: none !important;
}
/*Text size could pass the test but it is not consistent and size of text is different than Landscape mode 1572*/
.abcgame_bingo_instruction_step {
    padding: 0;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}
.fast-forward-buttons {
    left: 50%;
    position: absolute;
    top: -10px;
    transform: translate(-50%, 0px);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
}
.content-pagination li.fast-forward-dots i {
    font-size: 17px;
    margin: 0 4px;
    vertical-align: middle;
}
/*    1572 Still we could see the images are not aligned centre. image are stretch out in bingo games*/
.abcgame_bingoback img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    padding: 4px;
    margin: 0;
    background-size: 100% 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: contain !important;
}
.abcgame_sm_drop img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    padding: 2px;
}

.content-pagination .fast-forward-buttons ul {
    display: flex;
}
.fast-forward-buttons ul li {
    display: inline;
    float: left;
    margin-top: 10px;
}
.content-pagination li.pager-control md-icon span {
    line-height: 37px;
}
.fast-forward-buttons ul li button:hover i:before {
    color: #ee6a2c;
}
.fast-forward-buttons ul li button.md-button {
    min-height: 0;
    line-height: 0;
}
.fast-forward-buttons ul {
    background: #fff100 none repeat scroll 0 0;
    border: 1px solid;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    border-radius: 3px;
}
md-icon.md-default-theme,
md-icon {
    color: rgba(0, 0, 0, 0.81);
}
.content-pagination li .icon-backward i {
    margin: -2px 0 0 -8px;
}
.content-pagination li .icon-forward i {
    margin: -2px -8px 0 0;
}
.content-pagination .fast-forward-dots li a:visited i:before {
    color: #27b244 !important;
}
.content-pagination li a {
    color: #000;
}
.fast-forward-buttons ul li.fast-forward-dots {
    cursor: pointer;
    float: left;
    list-style-type: none;
    margin-left: 0px;
    margin-top: 0px;
    padding: 0px 0;
}
.content-pagination li.pager-control .md-button {
    margin: 0;
    min-width: 20px;
}
.content-pagination li.pager-control button.volume-ctrl {
    bottom: 6px;
    position: static;
}
.icon-backward.md-button.md-ink-ripple {
    border: 2px solid;
    padding: 1px 0px 4px 4px;
    background-color: #fff;
    border-radius: 5px;
}
.icon-forward.md-button.md-ink-ripple {
    border: 2px solid;
    padding: 1px 4px 4px 0px;
    background-color: #fff;
    border-radius: 5px;
}
.fast-forward-buttons ul li.active i.fa-circle:before {
    color: #ee6a2c;
}
.fast-forward-buttons ul li.active,
.fast-forward-buttons ul li:hover,
.fast-forward-buttons ul li:focus {
    outline: none;
}
.content-pagination li.pager-control md-icon.pause {
    background: #e4d600
        url(https://d2bc0dj7y9gvhz.cloudfront.net/phonicadventure/textbook1/images/pause.png)
        right 0px no-repeat;
}
.content-pagination li.pager-control md-icon.play {
    background: #e4d600
        url(https://d2bc0dj7y9gvhz.cloudfront.net/phonicadventure/textbook1/images/play.png)
        right 0px no-repeat;
}

.letsgofishing .lgfcaption {
    margin-top: 10px;
}
.letsgofishing .lgf_captionright {
    margin-top: 10px;
}
.letsgofishing .layout-row {
    height: 100%;
}
/* hide full screen button on laptop and macbook
.btn-action button.fullscreen{
        display: none;
}*/
/* Fast forward button spacing */
.fast-forward-buttons ul li.fast-forward-dots {
    margin: 0 5px;
}
.fast-forward-buttons {
    left: 50%;
}

/**  Menu Games and Songs option **/
.split-wrap {
    width: 100%;
}
.games-view .ml-right,
.video-list .ml-right {
    margin-left: 0 !important;
}

/* Style for full screen/ toggle screen footer menu */
.btn-action {
    margin-top: 0px;
}
.connectthedots-outputimg-container {
    border-radius: 33px;
}

/* section 2 - lesson 11B interactivity question image alignment issue on all devices */

img.quiz-img {
    max-width: 100%; /* to wrap image with in the box */
    padding: 18% 0 0 0; /* Center image with in the box */
}

/** for desktops also**/
.shootpg1contain .shoot_curdefault {
    width: 50%;
    float: none;
    margin: 0 auto;
}
/*.fullscreenEL {
    content:url("../img/toggle-screen.png");
}*/

.menu-mobile .game-filter,
.menu-mobile .list-view-title {
    display: none;
}

/* fix white screen issue on desktops for below games while on full screen, also make it center */
.poptheballoonMainPage,
.letsgofishingMainPage {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.poptheballoons .popp0container,
.poptheballoonMainBackground {
    height: 100%;
}

.abcgame_smscoredetails2 {
    padding: 0 !important;
    position: absolute;
    text-align: center;
    top: 56%;
    left: 40%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}

/* some css for iphone & ipad only for ABC match SL3-1614,
    Since transform 0.3s appears to creating some issues...we changed it to 0
*/

/*
.abcgame_abcpick_card_front.extraios,
.abcgame_abcpick_card_back.extraios {
    -webkit-transition: -webkit-transform 0s;
    transition: transform 0s;
}
 */
.abcgame_abcpick_card.effect_click.flipped .abcgame_abcpick_card_back.extraios {
    -webkit-transition: -webkit-transform 0s;
    transition: transform 0s;
}

/** flex styles for mobile portrait*/

.portrait .imgHolder {
    max-width: 100%;
    max-height: 100%;
    flex: 1 1 auto;
}

.portrait .letterHolder {
    max-width: 100%;
    flex: 1 1 auto;
}

.portrait .letter-sequence .stress,
.portrait .letter-sequence .completWord,
.portrait .letter-sequence .upperLowerCase,
.portrait .letter-sequence .alphabet {
    height: auto;
}

.portrait .letter-sequence .image {
    max-height: 170px;
    max-width: 170px;
}

/* issue : connect the dots hidden on ios....*/
.secContainer {
    position: static;
}

/* issue: connect the dots instruction text */
/*.connectthedots-start-game-instruction-wrapper ul li {
    line-height: 2.2em;
}*/

/* issue: connect dot button width**/

/* issue: Next-Previous button width**/
.content-pagination li .md-button {
    font-family: Arial;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    line-height: 25px;
    min-height: 24px;
    min-width: 51px;
}
/* repeat-icon **/
.repeat-icon {
    font-size: 16px;
    cursor: pointer;
    display: block;
    border: 2px solid;
    border-radius: 5px;
    padding: 0 10px;
    background: #fff;
    margin: 0px 0 0 20px;
    line-height: 27px;
}
.repeat-icon:hover {
    background: #fff100;
}
/* commented css for bug SL3-10637 */

#play_interactivity .repeat-icon{
    /* text-transform: none; */
}

/* end  */

/* out line show in chrome **/
.quizimgHolder {
    outline: none !important;
}
.quizClass {
    outline: none !important;
}

.drag-container .btn-draggable {
    outline: none;
}
/* issue: preroll img are resize the height**/
.preroll-img {
    max-height: 67vh;
}
/* issue: Next-Previous button width**/
.single-flash-card .demotrumpCard {
    font-size: 11.3vw; /* issue: One flashcard font size is very small**/
}
.dragcontainer-wrap .drag-container .drop_childAfter {
    bottom: 0px; /* issue: The text and the image inside the card merges and sometimes the text reaches the card border line**/
    font-size: 23px !important; /* css added for Phonics - Correct UI for drag interactivity Textbook1 SL3-9143 */
}
/*Click 1B connect the dots 1409*/
.connectthedots-outputimg-container {
    height: 80%;
}

/*The word "Umbrella" comes out of the Flashcard in the interactivity - issue 1443 in jira*/
.flash-card-table.six-flash-card .flipTemp .fontface_ADV_CALIBRI span {
    font-size: 3vh;
}
.content-pagination li.arrow-left1 .icon-prev,
.content-pagination li.arrow-right1 .icon-next {
    border-radius: 5px;
}
/** Style to align center interactivity quiz span **/

.quizClass span.quiz-txt {
    vertical-align: middle;
    display: block;
}
.quizClass span.quiz-txt .quiz-txt-cap {
    vertical-align: middle;
    /*     margin: 21px 0 0 0 !important; */
    display: block;
}
/* correct bingo image alignment & other issues */
.portrait .abcgame_bingoi,
.landscape .abcgame_bingoi {
    height: 10%;
    width: 10%;
}
.abcgame_bingoimageH3 {
    width: 100%;
    height: 23%;
    margin-top: 0;
}
.abcgame_bingoimageH4 {
    width: 100%;
    height: 22%;
    margin-top: 0;
}
.abcgame_bingoimageH5 {
    width: 100%;
    height: 18%;
    margin-top: 0;
}
/* copied from appStyles.css .abcgame_bingoimageRL4*/
.abcgame_bingoimageRL5 {
    width: 96%;
    height: 93%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    top: 0px;
    left: 0px;
    margin-left: 9px;
    margin-top: 12px;
}
.abcgame_bingoimageV5 {
    margin-left: 0;
    margin-top: 0;
}
.abcgame_bingoimageLR3,
.abcgame_bingoimageLR4 {
    width: 96%;
    height: 93%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    top: 0px;
    left: 0px;
    margin-left: 9px;
    margin-top: 30px;
}

/*.Screens in all the section are cut off 1544
.lgfballoom_image_pg1 {
    text-align: center;
    transform: scale(1.38);
    margin-top: 18%;
}*/
.letsgofishing .layout-row {
    height: 100%;
}
/* make slow,fast button on fishing game enable. */
.startlgf_go_pg1 {
    z-index: 10;
}
/*Connect the dots in all sections 1542*/
#ouputImg {
    margin: 0px auto 0px auto;
    /* max-height: 400px; */
}
.connectthedots-outputimg-container {
    height: 100%;
    width: 100%;
    top: -2em;
    left: 0;
}
.connectthedots-dotsContainer {
    width: 100%;
}
.startletsgofishingrow.lgfpxrow {
    margin: -10px auto !important;
}
.lgf_instructionheader {
    color: inherit;
    margin-top: 5px;
}
.lgf_BIclose.lgf_closebtn {
    top: 10px;
    right: 10px;
}
.lgf_BOverlaycnt,
.popBOverlaycnt {
    display: none;
}
.popBOverlay {
    height: 0;
    width: 0;
}
.popBOverlaycont {
    padding-top: 12px;
}
.instructionheader {
    margin-top: 0px;
}
/* reduce z-index of pop ballons game layer, to allow close of instruction dialog on pause game*/
#gamemsglayerdiv {
    z-index: 0;
}
.poptheballoons .startshoot_go_pg1 {
    z-index: 10;
}

.portrait .pop_go3_layerx {
    top: 50% !important;
    left: 50% !important;
    height: 0;
    width: 0;
    transform: translate(-50%, -50%) scale(0.8) !important;
    -ms-transform: translate(-50%, -50%) scale(0.8) !important;
    -webkit-transform: translate(-50%, -50%) scale(0.8) !important;
}

.portrait .pop_go4_layerx {
    transform: translate(-50%, -50%) scale(0.8) !important;
    -ms-transform: translate(-50%, -50%) scale(0.8) !important;
    -webkit-transform: translate(-50%, -50%) scale(0.8) !important;
    top: 50% !important;
    left: 50% !important;
    height: 0;
    width: 0;
}

.portrait .popBOverlaycont {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) scale(0.8);
    -webkit-transform: translate(-50%, -50%) scale(0.8);
    -moz-transform: translate(-50%, -50%) scale(0.8);
    -o-transform: translate(-50%, -50%) scale(0.8);
    -ms-transform: translate(-50%, -50%) scale(0.8);
    padding-top: 12px;
}

/*Instruction text box is misaligned. See attached screen shot 1545*/
.abcgame_sm_instruction_step ol li {
    width: 100%;
    margin: 0 0px 5% 0%;
}
.single-flash-card .demotrumpCard .level2 > span {
    margin-top: -14%;
}
.BookTemplate .booktemplate2 .fontfaceRed_ADV_CALIBRI {
    letter-spacing: -3px;
}

/* Flipbook background image center issue- lesson 1-1-4A */
.flipbook .page img.img_text {
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}

header .rdmap-wrap li a {
    font-weight: normal;
    font-size: 11px;
}

/* 1-1-4A */
.flipthebook
    .BookTemplate
    .flipbook-viewport
    .flipbook
    .page-wrapper
    .page
    .fontfaceRed_ADV_CALIBRI
    span {
    padding-top: 5%;
}
.flipthebook
    .BookTemplate
    .flipbook-viewport
    .flipbook
    .page-wrapper
    .page
    img.img_text {
    margin-left: 10% !important;
    margin-top: -2% !important;
}
/* 1-1-5A */
.flipthebook
    .BookTemplate
    .flipbook-viewport
    .flipbook.booktemplate2
    .page-wrapper
    .page
    .fontfaceRed_ADV_CALIBRI
    span {
    padding-top: 0;
}
.flipthebook
    .BookTemplate
    .flipbook-viewport
    .flipbook.booktemplate2
    .page-wrapper
    .page
    img.img_text {
    margin-left: 14% !important;
    margin-top: -7% !important;
}

/* Fast forward buttons modified UI - Don't delete */
.fast-forward-buttons {
    top: -30px;
}
.fast-forward-buttons ul {
    background: #ffcd01 none repeat scroll 0 0;
    border: none;
    float: left;
    margin: 0;
    padding: 10px 20px;
    width: 100%;
    border-radius: 30px 30px 0 0;
}
.quiz-img-wrap {
    display: flex !important;
    padding: 0 !important;
    margin: 0 !important;
}
img.quiz-img {
    padding: 15px 2px !important;
}

/* Optional games play button alignment for all devices */

/* Optional Games title center align */
.abcgame_abcpickoptionaltitle {
    line-height: 29px;
}
.poptheballoons .closebtn {
    top: 5%;
    right: 0;
}
/* ABC Sound Match Instructions align */
.abcgamesoundmatchgame .abcgame_sm_instruction_step {
    position: relative;
}
.abcgamesoundmatchgame div.abcgame_sm_instruction_step ol {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    width: 80%;
    text-align: center; /* to look properly center aligned on all the devices as the instruction box is not perfectly square */
}
.abcgamesoundmatchgame .abcgame_sm_instruction_step ol li {
    font-size: 20px;
}

/** bug 1481 fix for desktop, laptops **/
.BookTemplate .fontfaceRed_ADV_CALIBRI {
    letter-spacing: 5px;
}

/** Footer controls **/

.page-main-controls {
    float: none;
    width: 100%;
    height: 100%;
}
.landscape .page-main-controls {
    margin-top: 0px;
}
.page-main-controls ul li,
.portrait .page-main-controls ul li {
    margin: 0 !important;
    padding: 0 !important;
}
.portrait .page-main-controls ul li.arrow-left1 {
    margin: 0 0px !important;
}
.portrait .page-main-controls ul li.arrow-left1 .md-button,
.portrait .page-main-controls ul li.arrow-right1 .md-button {
    min-width: 37px !important;
}
.portrait .page-main-controls ul li.arrow-right1 {
    margin: 0 0px !important;
}
.portrait .page-main-controls ul li button:has(.fa-microphone) {
    min-width: 30px;
    min-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.portrait .page-main-controls ul li button md-icon {
    float: none;
    height: 100%;
    width: 100%;
    padding: 0 !important;
    position: relative;
}
.portrait .page-main-controls ul li button md-icon i {
    margin: 0 auto !important;
    padding: 0 !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-moz-transform: translate(-50%, -50%);
    -o-moz-transform: translate(-50%, -50%);
}
/*    Instruction icon is large */
html:not(.landscape):not(.portrait) .abcgame_smcontrols {
    width: 13%;
}
/*    Instruction close button align*/
html:not(.landscape):not(.portrait) .abcgame_bingo_closeinstruction {
    background-size: 100% 100%;
}
html:not(.landscape):not(.portrait) .abcgame_bingo_instruction_header {
    font-size: 22px;
    line-height: 41px;
}

html:not(.landscape):not(.portrait) .abcgame_bingo_instruction_step {
    padding-top: 0;
}
/*    ABC Bingo Button Align Center*/
.landscape .abcgame_bingomatrix {
    font-size: 18px;
    padding-top: 0;
    width: 100%;
    background-position-x: 50% !important;
    background-size: contain;
    background-position-y: 3px;
    background-repeat: no-repeat;
}
.landscape .abcgame_bingohomebuttonswrap {
    justify-content: center;
}
.landscape .abcgame_bingohomebuttonswrap1 .abcgame_bingohomebuttons {
    max-width: none;
    width: 100%;
    margin: 0;
}

.landscape .abcgame_bingorepeattelling {
    height: 31%;
    line-height: 31px;
    margin: 0;
    background-position-y: 13px;
    width: 100%;
}
.landscape .abcgame_bingolefcasedetail div {
    padding-top: 0;
    height: 50px;
    line-height: 46px;
}
.landscape .abcgame_sm_closeinstruction {
    top: 27%;
    z-index: 1;
}
.landscape .abcgame_sm_instruction_step {
    padding: 2% 8%;
}
/* This screen has less spacing when we are in full-screen mode.so just increase the space between the flashcard in full-screen mode 1500 */
html:not(.landscape):not(.portrait) .flash-card-cont {
    max-width: 45%;
}
/*Alignment issue with the Activity, home, menu icons.*/
html:not(.landscape):not(.portrait) header .rdmap-wrap li a {
    padding: 6px 10px;
}
html:not(.landscape):not(.portrait) header .h-left {
    position: relative;
    float: left;
    padding: 6px 0;
    z-index: 1;
}
html:not(.landscape):not(.portrait) .act-title {
    margin: 6px auto 2px;
}
html:not(.landscape):not(.portrait) .shootgameinstructiontext ul {
    margin: 10% auto;
}
/* shoot games instruction box are center align*/
html:not(.landscape):not(.portrait) .shoot_gameinstructionboximg {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-moz-transform: translate(-50%, -50%);
    -o-moz-transform: translate(-50%, -50%);
}
html:not(.landscape):not(.portrait) .shoot_gameinstructionboximg1 {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-moz-transform: translate(-50%, -50%);
    -o-moz-transform: translate(-50%, -50%);
}
/* pop balloonas games instruction box are center align*/
html:not(.landscape):not(.portrait) .popBOverlaycont {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.9, 0.9);
    -webkit-transform: translate(-50%, -50%) scale(0.9, 0.9);
    -moz-transform: translate(-50%, -50%) scale(0.9, 0.9);
    -ms-moz-transform: translate(-50%, -50%) scale(0.9, 0.9);
    -o-moz-transform: translate(-50%, -50%) scale(0.9, 0.9);
}
html:not(.landscape):not(.portrait) .pop_go3_layerx {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.9, 0.9);
    -webkit-transform: translate(-50%, -50%) scale(0.9, 0.9);
    -moz-transform: translate(-50%, -50%) scale(0.9, 0.9);
    -ms-moz-transform: translate(-50%, -50%) scale(0.9, 0.9);
    -o-moz-transform: translate(-50%, -50%) scale(0.9, 0.9);
}
html:not(.landscape):not(.portrait) .pop_go4_layerx {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.8, 0.8);
    -webkit-transform: translate(-50%, -50%) scale(0.8, 0.8);
    -moz-transform: translate(-50%, -50%) scale(0.8, 0.8);
    -ms-moz-transform: translate(-50%, -50%) scale(0.8, 0.8);
    -o-moz-transform: translate(-50%, -50%) scale(0.8, 0.8);
}
#lgf_gamemsglayerdiv {
    z-index: 0;
}

/*Keep iPad style before iPhone, so that it doesn't override ....*/
/* Also make tablet portrait css work for desktop responsive from 768 to 1024...**/
/* Portrait */
@media only screen and (min-width: 768px) and (max-width: 1366px),
    only screen and (min-width: 768px) and (max-width: 1366px) {
    .portrait .letter-sequence .image {
        max-height: 350px;
        max-width: 350px;
    }
    /* canvas styling for game connect dots....**/
    .portrait .connectthedots-dotsContainer ul {
        height: inherit;
    }
    /** 1A image alignment issue */
    .portrait .letter-sequence .img-wrapper {
        width: max-content;
        height: max-content;
    }
    /**** Alignment of result image after connecting the dots ****/
    .portrait .connectthedots-dotsContainer {
        top: 0;
    }
    .portrait .connectthedots-outputimg-container {
        left: 0;
        width: 100%;
        border: none;
        top: 10px;
    }

    .portrait .connectthedots-play-button-container {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
    /***** Interactivity Drag screen content width issue ******/
    .portrait .drag-container {
        width: 100%;
    }
    .portrait .btn-droppable,
    .portrait .btn-draggable {
        width: 18vw;
        height: 16vw;
        margin-bottom: 0px;
    }
    .portrait .drag-container .space-padding {
        margin: 0;
    }
    /************** Shoot the Rockets ******************/
    .portrait .shootrocketrow .shoot_image1 {
        transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
    }
    .portrait #shoot_gamemsglayerdivins3 .shoot_gameinstructionboximg {
        transform: scale(1.5);
        -webkit-transform: scale(1.5);
        -o-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -moz-transform: scale(1.5);
    }
    .portrait #shoot_leveleasy,
    .portrait #shoot_levelmedium,
    .portrait #shoot_levelhard {
        transform: scale(1.3);
        -webkit-transform: scale(1.3);
        -o-transform: scale(1.3);
        -ms-transform: scale(1.3);
        -moz-transform: scale(1.3);
        margin: 0;
    }
    .portrait #shoot_gamemsglayerdivins3 .shoot_closebtn {
        right: 0px;
    }
    .portrait .shoottherocketsContainer .shoot_gameplaybgimg {
        background-image: none;
    }
    .portrait .shoottherocketsContainer .shoot_gameplaybgimg {
        background-image: none !important;
    }
    .portrait .shootrocketPage0 .abcgame_abcpickrecommendedgamewrap {
        transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
    }
    .portrait .letsgofishingpage0 .abcgame_abcpickrecommendedgamewrap {
        margin-top: 0% !important;
        width: 100%;
        margin-left: 0 !important;
    }
    .portrait shoottherockets .abcgame_abcpickrecommendedgamewrap {
        margin-top: 0 !important;
    }
    .portrait .letsgofishingpage0 .abcgame_abcpickrecommendedgame {
        height: 100% !important;
    }

   
    .portrait .abcgame_abc-containerWrap,
    .portrait .abcgame_bingoContainer {
        /* background-image: none !important;
        background: #EECDA3 !important;  // fallback for old browsers
        background: -webkit-linear-gradient(to right, #EF629F, #EECDA3) !important;  // Chrome 10-25, Safari 5.1-6
        background: linear-gradient(to right, #EF629F, #EECDA3) !important; // W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        min-height: 810px;
    }

    /** Bingo Game **/

    .portrait .abcgame_bingomaincontainer {
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
        -o-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -moz-transform: scale(0.8);
    }

    .portrait .abcgame_bingoleflogo {
        height: 100% !important;
        margin: 0 !important;
        width: 25%;
        float: left;
        background-size: contain;
        background-position: center center;
    }
    .portrait .abcgame_bingolefcasedetail {
        width: 80%;
        height: 10% !important;
    }
    .portrait .abcgame_bingolefcasedetail div {
        font-size: 20px !important;
        color: white;
        line-height: 43px;
    }
    .portrait .abcgame_bingocontrols {
        width: 50%;
        height: 50%;
        margin-left: 20%;
    }
    .portrait .abcgame_bingoTellerWrap {
        padding: 0 !important;
    }
    .portrait .abcgame_bingoteller {
        background-size: contain;
        background-position: center center;
    }
    .portrait .abcgame_bingorepeattelling {
        height: 45%;
        margin-top: 20px;
        color: white;
        font-size: 9px !important;
        padding-bottom: 18px;
        text-indent: 5px;
    }
    /*.portrait div.abcgame_abccol_portrait.abcgame_centerGamePart_portrait {
        transform: scale(0.9);
        -webkit-transform: scale(0.9);
        -o-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);

    }*/

    /**** Alphabets written on board alignment *****/
    .portrait .board-effect:before,
    .board-effect:after {
        top: 0;
        bottom: 0;
    }
    .portrait .shoottherocketsContainer .shoot_gameplaybgimg {
        background-image: none !important;
        background: #eecda3 !important; /* fallback for old browsers */
        background: -webkit-linear-gradient(
            to right,
            #ef629f,
            #eecda3
        ) !important; /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(
            to right,
            #ef629f,
            #eecda3
        ) !important; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    }
    .portrait #shoot_gamestarsrating {
        margin-left: 35px;
    }
    .portrait div#shoot_countdownBar.shoot_countdownBar {
        background: none !important;
        transform: scale(1.3);
        -webkit-transform: scale(1.3);
        -o-transform: scale(1.3);
        -ms-transform: scale(1.3);
        -moz-transform: scale(1.3);
        margin-left: 10px;
        margin-top: 10px;
    }
    .portrait #shoot_countdownNumber,
    .portrait #shoot_timerselectedType {
        width: 50%;
        background: rgb(255, 95, 117);
        border-radius: 7px;
        font-size: 22px;
        display: inline-block;
        left: 0;
        right: 0;
        margin: auto;
    }
    .portrait .abcgame_instructionOk {
        position: absolute;
        width: 65px;
        height: 40px;
        top: -18%;
        right: 4%;
    }
    .portrait
        div.abcgame_abccol_portrait.abcgame_abcpick_floatPlayArea_portrait
        .abcgame_instructionOk {
        right: 1%;
    }
    .landscape .abcgame_instructionOk {
        position: absolute;
        width: 65px;
        height: 40px;
        top: -15%;
        right: -1%;
    }

    /* Pop the balloons */

    .portrait poptheballoons div.layout-align-start-stretch.layout-row.flex {
        height: 100%;
    }
    .portrait .abcgame_abclevelContainer .abcgame_abcpick_levelbtn {
        width: 150px;
        font-size: 22px;
        line-height: 10px;
        height: 50px;
    }
    .portrait .abcgame_abclevelContainer {
        bottom: 25%;
    }
    .portrait .additonal_abcgame .abcgame_abcpickrecommendedgamewrap {
        min-height: 600px;
        background: #ddffff !important;
        margin-top: 0px !important;
        padding-bottom: 30px !important;
    }
    .portrait .additonal_abcgame .abcgame_abcpickoptionalgamewrap {
        height: 25%;
    }
    .portrait .startpoptheballoonrow.popp1row {
        height: 100%;
        top: 2%;
    }
    /* .portrait .startshoot_go_pg1 {
        top: 75% !important;
    } */
    .portrait .balloom_image_pg1 {
        height: 100%;
    }
    .portrait .poptheballoonContainer,
    .portrait .poptheballoonPages,
    .portrait .poptheballoonMainPage {
        height: 100% !important;
        flex-direction: column;
    }
    .portrait .portrait .poptheballoonContainer {
        margin-top: 1.5% !important;
    }
    .portrait .shoottherockets div.shootrocketPage0 {
        height: 100%;
    }
    .portrait .startletsgofishingrow.lgfpxrow {
        margin-top: 80px !important;
    }
    .portrait .abcgamesoundmatchgame .abcgame_abcpickrecommendedgamewrap {
        min-height: 600px;
        background: #ddffff !important;
        margin-top: 0px !important;
        padding-bottom: 10px !important;
    }
    .portrait .abcgamesoundmatchgame .abcgame_abcpickoptionalgamewrap {
        height: 24%;
    }
    .portrait .abcgamesoundmatchgame .abcgame_abcpickoptionaltitle {
        margin: 10px auto !important;
    }
    .portrait iframe#customPlayer {
        height: 50%;
        margin-top: 20%;
    }
    .portrait .letsgofishing .lgftheballoonPages {
        height: 100% !important;
    }

    .portrait div.poptheballoonMainBackground {
        /* background-image: none !important;
        background: #EECDA3 !important;   fallback for old browsers
        background: -webkit-linear-gradient(to right, #EF629F, #EECDA3) !important;  /* Chrome 10-25, Safari 5.1-6
        background: linear-gradient(to right, #EF629F, #EECDA3) !important; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    }
    /* .portrait .abcgame_abcpickoptionaltitle {
        margin: 20px auto 10px !important;
    } */
    .portrait .popp0row .abcgame_optgamethumbnail {
        height: 100%;
    }
    .portrait .abcgame_abcpickoptionalgamelist button,
    .portrait .abcgame_smoptionalgamelist button,
    .portrait .abcgame_bingooptionalgamelist button {
        top: 65% !important;
        background-position-y: 8px;
    }
    /* .portrait .abcgame_abcpickoptionaltitle {
        line-height: 40px;
    } */
    .portrait .lgfp0row .abcgame_optgamethumbnail {
        height: 100% !important;
    }
    .portrait .abcgame_optgamethumbnail {
        position: relative;
    }
    .portrait .abcgame_optgamethumbnail img {
        position: absolute;
        width: 150%;
        height: 150%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
    }
    .portrait .abcgame_abcpickoptionalgamelist1 .abcgame_optgamethumbnail img {
        width: 100%;
    }
    /* ABC Pick */
    .portrait div.abcgame_abccol_portrait.abcgame_top,
    .portrait div.abcgame_abccol_portrait.abcgame_bottom.layout-fill {
        float: left;
        width: 25%;
        padding-top: 50px;
    }
    .portrait
        div.abcgame_abccol_portrait.abcgame_abcpick_floatPlayArea_portrait {
        float: left;
        width: 70%;
        height: 70% !important;
        padding: 5px !important;
        margin-top: 0px;
    }
    .portrait
        .abcMatchMainDiv
        .abcgame_abccol_portrait.abcgame_abcpick_floatPlayArea_portrait {
        width: 100%;
        height: 100%;
    }
    .portrait .abcgame_abcpick_timer {
        left: -20px;
        top: 80px;
    }
    .portrait .abcgame_abcpick_clockbase {
        top: 200px !important;
        left: -4%;
    }
    .portrait .abcgame_abcpick_section2 {
        height: 100% !important;
        margin-top: 20px;
    }
    .portrait .startpoptheballoonrow.popp0row {
        width: 100%;
    }
    .portrait .abcgame_abcpick_card_front,
    .portrait .abcgame_abcpick_card_frontMask,
    .portrait .abcgame_abcpick_card,
    .portrait .abcgame_abcpick_activeEffectInner,
    .portrait .abcgame_abcpick_card_back,
    .portrait .abcgame_abcpick_card_back1 {
        height: 77px;
        width: 77px;
    }
    .abcgame_abcpick_card.effect_click.flipped.abcgame_abcpick_emptybox.ng-scope
        .abcgame_abcpick_card_back1 {
        width: 84%;
        height: 89%;
    }
    .portrait .abcgame_abcpick_box_word {
        font-size: 20px;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    .portrait .abcgame_abcpick_gamePlayInnerRow {
        padding: 25px 0;
    }
    .portrait .abcgame_abcpick_matchHead {
        width: 50%;
        height: 49px;
    }
    /* Lets go fishing */
    .portrait div.letsgofishingMainBackground {
        /* background: none !important; */
    }
    .portrait .letsgofishing div.layout-align-start-stretch.layout-row.flex {
        height: 100%;
    }
    /* .portrait div.letsgofishingMainBackground {background-image: none;
                                               background: #EECDA3;  // fallback for old browsers
                                               background: -webkit-linear-gradient(to right, #EF629F, #EECDA3);  // Chrome 10-25, Safari 5.1-6
                                               background: linear-gradient(to right, #EF629F, #EECDA3); // W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+
    } */
    .portrait .lgfp1container .startletsgofishingrow {
        transform: scale(1.3);
        -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
        -o-transform: scale(1.3);
        -moz-transform: scale(1.3);
        height: 70%;
    }
    .portrait .lgfballoom_image_pg1 {
        height: 100%;
        width: 100%;
    }
    .portrait .lgfp1container .startletsgofishingrow {
        height: 100%;
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        -moz-transform: scale(1.1);
    }
    .portrait .startlgf_go_pg1 {
        top: 70% !important;
    }
    .portrait .lgf_imagecls {
        max-height: 140px;
    }

    /** ABC Sound Match **/
    .portrait div.abcgame_maincontainer.abcgame_mainContainerOffset {
        height: 100% !important;
        width: 100% !important;
        transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
    }
    .portrait .abcgame_soundMatchContainer {
        height: 100% !important;
        overflow-y: hidden;
        overflow-x: hidden;
    }
    .portrait .abcgame_sm_instruction_step ol li {
        font-size: 20px;
    }
    .portrait .abcgame_SMtimermodeparent {
        margin-top: 22%;
    }
    .portrait .abcgame_SMtimermode {
        font-size: 18px;
        line-height: 50px;
    }
    .portrait div.abcgame_soundMatchContainerrow {
        width: 100%;
        float: left;
        display: block;
    }
    .portrait .abcgame_sminstructions {
        width: 50px;
        height: 50px;
    }

    .portrait div.abcgame_soundMatchContainerwrap {
        /* background-image: none !important;
        background: #EECDA3 !important;   fallback for old browsers
        background: -webkit-linear-gradient(to right, #EF629F, #EECDA3) !important;  /* Chrome 10-25, Safari 5.1-6
        background: linear-gradient(to right, #EF629F, #EECDA3) !important; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    }
    .portrait div.abcgame_maincontainer.fullsize {
        height: 75% !important;
        width: 70% !important;
        margin-left: 10px;
        margin-top: 20px;
    }
    .portrait .abcgame_sm_instruction_step {
        margin-top: 0px;
        position: relative;
        height: 55%;
        padding: 4% 1%;
    }
    .portrait .abcgame_sm_instruction_content {
        left: 0%;
        width: 100%;
        height: 100%;
    }
    .portrait div.abcgame_sm_instruction_step ol {
        width: 70%;
        margin: 0 auto;
    }
    .portrait .abcgame_sm_instruction_header {
        font-size: 20px;
        margin-top: -12px;
    }
    .portrait .abcgame_sm_instruction_content ul.instructionMenu {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        height: 100%;
        font-size: 23px;
        font-weight: bold;
        padding: 0 22px;
        line-height: 33px;
    }
    .portrait .abcgame_sm_instruction_content ul.instructionMenu li {
        padding-bottom: 10px;
    }

    .portrait .abcgame_sm_closeinstruction {
        top: 10%;
        z-index: 2;
    }
    .portrait .abcgame_smrepeatletter {
        padding-top: 2%;
        margin-top: 30px;
    }
    .portrait .abcgame_smatoe {
        line-height: 53px;
    }
    /** ABC Game Splash screen **/
    .portrait div.SMtimerparent {
        display: none;
    }
    .portrait .clicksoundinteractivity .click-sound-parent {
        width: 100%;    
        height: 90%;
        justify-content: center;
    }
    .portrait .clicksoundinteractivity .wordbeginingsound .trumpCard_red{
        height: 24vh;
    }
    /***** hide Footer controls icons labels ***********/
    .portrait .content-pagination span.pre-lesson {
        display: none !important;
    }
    .portrait .letter-with-image .demotrump img {
        max-width: 45%;
    }
        .portrait .letter-sequence .imgHolder {
            margin-bottom: 24px;
        }
    .portrait .page-main-controls ul li button {
        padding: 0 !important;
        margin-top: 0 !important;
    }
    .portrait .content-pagination li.pager-control span,
    .portrait .content-pagination li.arrow-left1 .md-button,
    .portrait .content-pagination li.arrow-right1 .md-button {
        margin-top: 0 !important;
    }
    .portrait button.abcgame_modebtn.abcgame_abcpick_btnlearn.ng-binding,
    .portrait button.abcgame_modebtn.abcgame_abcpick_btnplay.ng-binding {
        display: none;
    }
    /****** Interactivity click first row overlapping with header and white space above footer issue *****/
    .portrait .clicksoundinteractivity .click-soundcard-wrap {
        height: 35%;
        align-items: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
    }
    /***** Review letter and sound side card font alignment issue *****/
    .portrait .demotrumpCard {
        width: 30vh;
        height: 43vh;
    }
    
    /****** Review letters and sound board effect issue *****/
    .portrait .flash-card-sq3:before,
    .portrait .flash-card-sq4:before,
    .portrait .flash-card-sq5:before {
        top: 1px;
    }
    .portrait .flash-card-sq3:after,
    .portrait .flash-card-sq4:after,
    .portrait .flash-card-sq5:after {
        bottom: 1px;
    }
    .portrait .mainFlashcard_flip .flip-card-txt {
        margin-top: 0 !important;
    }
    .portrait .single-flash-card .demotrumpCard .level2 > span {
        margin-top: 0 !important;
        font-size: 30vw !important;
    }

    .portrait .single-flash-card .demotrumpCard .level2 > span.text-cap {
        margin-top: 13% !important;
    }
    .portrait img.quiz-img {
        padding: 20% 0 0 0;
    }
    .portrait .content-pagination li .md-button {
        min-height: 37px;
        min-width: 37px;
        border-radius: 50%;
    }
    .portrait .content-pagination li.pager-control button.volume-ctrl {
        bottom: 10px;
    }
    .portrait .fast-forward-buttons ul li.fast-forward-dots {
        margin: 5px;
    }
    .portrait .content-pagination li.fast-forward-dots i {
        font-size: 22px;
    }
    .portrait .fast-forward-buttons {
        top: -20px;
    }

    /** Games Layout iPad portrait **/

    .portrait div.shootrocketrowborder.shootCenter {
        width: 70%;
        float: left;
        padding-left: 20px !important;
        padding-top: 10px;
        height: auto;
    }
    .portrait div.shootrocketrowborder.shootLeft {
        width: 100%;
        float: left;
        height: 150px !important;
        padding-top: 40px;
    }
    .portrait div.shootrocketrowborderRight.shootRight {
        width: 25%;
        float: left;
    }
    .portrait .shoot_gameDivfull {
        width: 65% !important;
    }
    .portrait .shootLeft div.lgf_caption_left,
    .portrait
        .shootLeft
        div.lgf_caption_left
        div.shoot_gameDivfull.shoot_gameelementcenter {
        display: flex;
        flex-direction: row;
        transform: none;
        justify-content: space-around;
        align-items: center;
    }
    .portrait .shootpg6contain {
        margin-top: 0 !important;
    }
    .portrait .shoot_gamelettermodeimg {
        margin-left: 0 !important;
        width: 200px;
        background-size: contain;
    }
    .portrait .shootLeft div.lgf_caption_left {
        margin-left: 0 !important;
        transform: none;
        justify-content: space-around;
    }
    .portrait #shoot_game_div {
        height: 100%;
        width: 100%;
    }
    .portrait #shoot_game_div canvas {
        margin-top: 0 !important;
    }
    .portrait .shoot_gameinstructionboximg1 {
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) scale(0.8) !important;
        -webkit-transform: translate(-50%, -50%) scale(0.8) !important;
        -moz-transform: translate(-50%, -50%) scale(0.8) !important;
        -ms-transform: translate(-50%, -50%) scale(0.8) !important;
        -o-transform: translate(-50%, -50%) scale(0.8) !important;
    }
    .portrait .shoot_gamemutebtnimg,
    .portrait .shoot_gamerestartbtnimg,
    .portrait .shoot_gamepausebtnimg,
    .portrait .shoot_gamehelpbtnimg {
        width: 65px;
        height: 65px;
    }
    .portrait .shoot_pad {
        width: 266px !important;
        margin-left: -20px !important;
    }
    .portrait .shoot_countdownclock {
        left: 0% !important;
    }
    .portrait .shoot_gameshoottitlebgimg {
        width: 100% !important;
    }
    .portrait .shoot_gamestarratingpre,
    .portrait .shoot_gamescoreimg {
        transform: scale(1.1) !important;
        -webkit-transform: scale(1.1) !important;
        -moz-transform: scale(1.1) !important;
        -o-transform: scale(1.1) !important;
        -ms-transform: scale(1.1) !important;
    }
    .portrait .shoot_gameshoottitlebgimg {
        margin-left: 0px !important;
        transform: none;
        margin-top: 2px !important;
        height: 100px;
        margin-right: 10px;
        background-size: contain;
        width: 30% !important;
    }
    .portrait .shoot_gamemissedimg {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -o-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
    }

    /** Pop the balloons Layout **/

    .portrait .poptheballoonrowborder.sm-poptheballoon-left-cantainer {
        float: left;
        width: 100%;
        min-height: auto !important;
        height: 150px !important;
    }
    .portrait .popballoonmainclass {
        margin-top: 0px !important;
    }
    .portrait .popSidemenuWrap,
    .portrait .popSidemenuWrap .caption {
        margin-top: 5px !important;
        float: left;
        transform: none !important;
        width: 100% !important;
    }
    .portrait div.gameDivfull.gameelementcenter.popLogoleft {
        width: 35%;
        height: 100%;
        float: left;
    }
    .portrait div.pop_left_layer {
        width: 60%;
        float: left;
        padding-top: 2% !important;
        height: 100%;
    }
    .portrait div.pop_left_layer div.modedivborder {
        float: left;
    }
    .portrait div.pop_left_layerx.hide-popthebaloon-for-mobile {
        float: left;
        margin-left: 14% !important;
        margin-top: 2% !important;
    }
    .portrait div.gameDivfull.gameelementcenter.popLogoleft img {
        height: 130px;
    }
    .portrait div.poptheballoonrowborder.sm-gameContainer {
        width: 70%;
        margin-top: 0px;
        padding-left: 10px !important;

        height: 70% !important;
        min-height: 80% !important;
        margin-top: 10px;
        padding-left: 20px !important;
    }
    .portrait div.poptheballoonrowborder.bottomPop.sm-right-container {
        padding-left: 20px !important;
        margin-top: 20px;
        height: 70% !important;
        min-height: 80% !important;
        margin-top: 10px;
        padding-left: 20px !important;
    }
    /*
        .portrait .pop_go4_layerx {
            transform: scale(0.8);
            -ms-transform: scale(0.8);
            -webkit-transform: scale(0.8);
            top: 25%;
            left: 10% !important;
        }
    */
    /*
        .portrait .popBOverlaycont {
            transform: none !important;
            top: 15% !important;
            left: 15% !important;
        }
        .portrait .pop_go4_layerx .popBOverlaycont {
            transform: none !important;
            top: 10% !important;
            left: 0% !important;
        }
    */
    /** Lets Go Fishing **/
    .portrait div.letsgofishingContainer.lgfp1container {
        margin-top: 0px !important;
    }
    .portrait .lgfmainclass {
        margin-top: 0px !important;
        height: 100% !important;
    }
    .portrait .gameBody .rightSideBar .row.clock {
        width: 67% !important;
    }
    .portrait .poptheballoonMainBackground .rightSideBar .row, 
    .portrait .lgfmainclass.gameWrapper .rightSideBar .row {
        width: 33%;
    }
    .portrait div.letsgofishingrowborder:first-child {
        width: 100%;
        float: left;
        min-height: auto !important;
        height: 150px !important;
    }

    .portrait .lgfSidemenuWrap,
    .portrait .lgfcaption {
        width: 100% !important;
        transform: none !important;
        margin-top: 0px !important;
        height: 100%;
    }
    .portrait .abcgame_maincontainer {
        height: 70% !important;
        width: 100% !important;
        top: 50%;
        transform: translateY(-50%);
    }
    .portrait .abcSoundMobileView.abcgame_maincontainer {
        width: 70% !important;
    }
    .portrait .lgf_gameDivfull {
        width: 35%;
        height: 100%;
        float: left;
    }
    .portrait .lgf_left_layer {
        width: 65%;
        float: left;
        margin-left: 0 !important;
    }
    .portrait .lgf_left_layerx {
        /* width: 40%; */
        /* float: right;
    margin-top: -58px !important;
    margin-right: -50px; */

        width: 40%;
        float: right;
        margin-top: -30px !important;
        margin-right: 10px;
    }
    .portrait .lgf_modedivborder {
        margin: 0px;
        float: left;
        width: 50%;
        background-size: contain;
        background-position: center center;
    }
    .portrait .letsgofishingrowborder:nth-child(2) {
        width: 70%;
        height: 70% !important;
        min-height: 80% !important;
        margin-top: 10px;
        padding-left: 20px !important;
    }
    /* Vertical align game div in center */
    .portrait .letsgofishingrowborder:nth-child(2) .xfact,
    .portrait .lgf_bgclass_game,
    .portrait div#lgfContainerGame.lgfContainerGame {
        height: 100% !important;
        position: relative;
    }
    .portrait div#lgfgame_div.lgfgame_div {
        position: absolute;
        width: 100% !important;
        height: auto !important;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
    }
    .portrait .letsgofishingrowborder:nth-child(3) {
        padding-left: 10px !important;
        height: 80% !important;
        min-height: 80% !important;
    }
    .portrait .lgfBOverlaycont {
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
    }
    .portrait .lgf_go4_layerx {
        left: 50% !important;
        top: 50% !important;
        height: 0;
        width: 0;
        -webkit-transform: translate(-50%, -50%) scale(0.8);
        -moz-transform: translate(-50%, -50%) scale(0.8);
        -ms-transform: translate(-50%, -50%) scale(0.8);
        /*
                left: 16% !important;
                top: 35% !important;
                transform: scale(0.7);
                -webkit-transform: scale(0.7);
                -moz-transform: scale(0.7);
                -ms-transform: scale(0.7);
                -o-transform: scale(0.7);
        */
    }
    .portrait div.abcgame_smtop {
        height: 150px;
        float: left;
        width: 100%;
    }
    .portrait .abcgame_leftsmlogo {
        width: 25%;
        height: 90%;
        float: left;
        margin-top: 10px;
        margin-left: 10px;
        background-size: contain;
        background-position: center center;
    }
    .portrait .abcgame_smleftsmwrap {
        float: left;
    }
    .portrait .abcgame_smleftsmwrap.abcgame_sm_LL {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
    .portrait .abcgame_smatoe {
        width: 20%;
        height: 40%;
        margin-top: 7% !important;
        float: left;
        margin-left: 15%;
        margin-right: 3%;
    }
    .portrait div.abcgame_smstarwrap {
        width: 35%;
        float: left;
        padding: 0 49px;
    }
    .portrait div.abcgame_soundMatchContainerrow .abcgame_smstarwrap {
        padding: 0 40px;
    }
    .portrait div.abcgame_smbottom {
        width: 28%;
        float: left;
        padding-left: 10px !important;
    }
    .portrait .abcgame_smclockWrap {
        transform: scale(0.7);
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        margin-left: -9px !important;
        margin-top: -24%;
    }
    .portrait .abcgame_smrepeatletter {
        padding-top: 0;
        margin-top: 30px;
        padding-bottom: 10px;
        font-size: 15px !important;
        height: 52px !important;
        line-height: 40px !important;
    }
    .portrait .abcgame_smstarwrap {
        margin-top: 1%;
    }
    .portrait .abcgame_smstar {
        height: 30px !important;
        width: 30px !important;
    }
    .portrait .abcgame_smscoredetails {
        width: 85% !important;
    }
    .portrait .abcgame_smtimedetails {
        font-size: 15px !important;
    }
    .portrait .abcgame_smtimedetailsbox {
        height: 50px;
        line-height: 43px;
    }
    .portrait .abcgame_smnextlevelbtn {
        margin-top: 0 !important;
    }
    .portrait .abcgame_smplayagainwithtrophy.abcgame_smnl1 {
        margin-top: 0 !important;
        width: 40%;
        height: 12%;
        min-height: 61px;
    }
    .portrait .abcgame_smplayagainwithtrophy.abcgame_smpa1 {
        margin-top: 0 !important;
        width: 40%;
        margin-left: 10% !important;
    }
    .portrait .abcgame_smscoredetails {
        padding-top: 7% !important;
    }

    /** ABC Bingo **/
    .portrait .abcgame_bingologo {
        background-position: center;
        background-size: contain;
        width: 50%;
        height: 50%;
    }
    .portrait .abcgame_bingomaincontainer {
        height: 100% !important;
        width: 100% !important;
    }
    .portrait #abcBingoMainDiv .abcgame_bingoContainerrow {
        margin-top: 0 !important;
        height: 100% !important;
        flex-direction: column;
        justify-content: space-between;
    }
    .portrait #abcBingoMainDiv .abcgame_bingoContainerrow .leftSideBar .row, 
    .portrait #abcBingoMainDiv .abcgame_bingoContainerrow .rightSideBar .row {
        width: 50%;
    }
    .portrait input.abcgame_bingo_closeinstruction {
        background-repeat: no-repeat;
    }
    .portrait div.abcgame_bingoContainerrow.abcgame_bingoContainerrow_portrait {
        width: 100% !important;
        float: left;
        display: block;
    }
    .portrait div.abcgame_bingosidemenu_portrait:first-child {
        width: 100%;
        float: left;
        height: 150px;
        padding: 10px;
    }
    .portrait div.abcgame_bingomaincontainer.abcgame_bingoplayarea {
        height: 60% !important;
        width: 70% !important;
        float: left;
        margin-left: 10px;
        margin-top: 40px;
    }
    .portrait .abcgame_bingoleflogo {
        height: 100% !important;
        margin: 0 !important;
        width: 33%;
        float: left;
    }
    .portrait .abcgame_bingolefcasedetail {
        width: 33%;
        height: 50% !important;
        float: left;
        margin: 30px 0px;
    }
    .portrait .abcgame_bingocontrols {
        height: 45px;
        width: 45px;
    }
    .portrait .abcgame_bingocontrols.abcgame_bingohelp {
        position: absolute;
        right: 80px;
    }
    .portrait div.abcgamebingocontrolwrap {
        width: 33% !important;
        float: left;
        height: 100%;
        margin-top: 30px;
    }
    .portrait div.abcgame_bingocontrols.abcgame_bingorefresh {
        margin-right: 0px;
        position: absolute;
        right: 80px;
    }
    .portrait div.abcgame_bingosidemenu_portrait:last-child {
        width: 28%;
        float: left;
        height: 100%;
    }
    .portrait .abcgame_bingorepeattelling {
        font-size: 12px !important;
        background-size: contain;
        background-position: center center;
    }
    .portrait .abcgame_abcpick_rightmenuWrapperlogo {
        width: 30%;
        float: left;
    }
    .portrait .abcgameabcpick div.abcgame_abccol_portrait.abcgame_top {
        width: 100%;
        padding-top: 20px;
        height: 150px;
    }
    .portrait .abcgameabcpick div.abcgame_abcpick_letterSoundWrap {
        width: 30% !important;
        float: left;
        height: 90px;
        margin-top: 0;
        margin-left: 6%;
    }
    .portrait .abcgameabcpick .abcgame_abcpick_ratingRow {
        width: 25%;
        float: left;
    }
    .portrait .abcgameabcpick div.abcgame_abccol_portrait.abcgame_bottom {
        width: 25%;
    }
    .portrait div.letsgofishingContainer.lgfp0container {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        padding-bottom: 0px;
    }
    .portrait .abcgamesoundmatchgame .abcgame_sm_alphabets {
        font-size: 33px !important;
    }
    .portrait .BookTemplate .fontfaceRed_ADV_CALIBRI {
        letter-spacing: 0px !important;
        font-size: 14vw !important;
    }
    .portrait .dragged-img {
        max-width: 70% !important;
        object-fit: contain;
        height: 99%;
        transform: none;
    }
    .portrait .drop_childAfter {
        left: 5px;
        font-size: 3vh !important;
    }
    .portrait .drag-container .drop_child p {
        margin: 0% auto 0;
    }
    .portrait .quiz-txt-cap {
        padding-top: 18% !important;
        display: block;
    }
    .portrait .quizClass span.quiz-txt {
        vertical-align: middle;
        margin: 0px 0 0 0;
        display: block;
    }
    /* Footer control icons alignment issue */
    .portrait .content-pagination li i.fa-step-backward {
        margin: -3px 3px 0 3px;
    }
    .portrait .content-pagination li i.fa.fa-step-forward {
        margin: -3px 8px 0 7px;
    }
    .portrait .content-pagination li .icon-backward i {
        margin: 0px 0px 0 -2px !important;
    }
    .portrait .content-pagination li .icon-forward i {
        margin: 0px -6px 0 3px !important;
    }
    /* 1-1-4A */
    .portrait
        .flipthebook
        .BookTemplate
        .flipbook-viewport
        .flipbook
        .page-wrapper
        .page
        img.img_text {
        margin-top: 0% !important;
        margin-left: 10% !important;
    }
    /* 1-1-5A */
    .portrait
        .flipthebook
        .BookTemplate
        .flipbook-viewport
        .flipbook.booktemplate2
        .page-wrapper
        .page
        img.img_text {
        margin-top: -10% !important;
        margin-left: 15% !important;
    }
    .portrait .shootrocketPage4 .shootgameinstructiontext ul {
        width: 65%;
        padding: 0;
        font-size: 17px;
        line-height: 22px;
        max-height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin: 2.5% auto;
    }
    .portrait .page-main-controls {
        margin-top: 3px;
    }
    .portrait .page-main-controls ul li.arrow-right1 {
        margin: 0 1px !important;
    }
    .portrait .page-main-controls ul li.arrow-left1 {
        margin: 0 1px !important;
    }

    .portrait .abcgame_abcpickoptionalgamelist button {
        left: 50% !important;
        transform: translate(-50%, 0%);
        -webkit-transform: translate(-50%, 0%);
        -moz-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        -o-transform: translate(-50%, 0%);
    }
    .portrait .letsgofishing .lgf_captionright {
        left: 60% !important;
        transform: translate(-50%, 0%);
        -webkit-transform: translate(-50%, 0%);
        -moz-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        -o-transform: translate(-50%, 0%);
    }
    .portrait .letsgofishing .lgf_captionright {
        position: absolute;
        left: 50%;
        top: 35%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
    }
    .portrait .abcgameabcpick div.abcgame_abcpickparent,
    .portrait .abcgameabcpick .abcgame_abc-containerWrap,
    .portrait .abcgameabcpick abcgame_abc-container,
    .portrait .abcgameabcpick .abcgame_abcrow_portrait,
    .portrait .abcgameabcpick .abcgame_abc-container,
    .portrait
        .abcgameabcpick
        div.abcgame_abccol_portrait.abcgame_centerGamePart_portrait {
        height: 100% !important;
    }
    .portrait .abcgame_abcpickparent.ng-scope .abcgame_abc-containerWrap {
        height: 88vh !important;
    }
    .portrait .abcgameabcpick .abcgame_instructionTitle {
        line-height: 53px;
        left: 47%;
        transform: translate(-50%);
        -webkit-transform: translate(-50%);
        -moz-transform: translate(-50%);
        -ms-transform: translate(-50%);
        -o-transform: translate(-50%);
    }
    .portrait .abcgame_bingo_instruction_step {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        width: 90%;
        height: auto;
        font-size: 25px !important;
    }

    .portrait .abcgame_bingoplayarea .abcgame_bingo_instruction_header {
        line-height: 40px;
        font-size: 20px !important;
        height: 40px;
    }
    .portrait .abcgame_bingoplayarea .abcgame_bingo_instruction_step {
        font-size: 19px !important;
    }
    .portrait .abcgame_bingoplayarea .abcgame_bingo_closeinstruction {
        width: 12%;
        height: 33%;
    }
    .portrait
        div.abcgame_maincontainer.fullsize
        div.abcgame_sm_instruction_step
        ol
        li {
        font-size: 17px;
        width: 100% !important;
    }
    .portrait .lgfgameelementcenter {
        margin-left: 0px !important;
        padding: 0;
    }
    /* Lets go fishing timer image removed */
    .portrait .lgf_clockbase {
        background-image: none !important;
        left: -13% !important;
    }
    .portrait .lgf_timeralign {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
    }
    .portrait #lgf_countdownNumber,
    .portrait #lgf_gamelvlintdication {
        left: 22%;
        width: 50%;
        background: rgb(255, 95, 117);
        border-radius: 10px;
    }
    .portrait .lgf_lvltxt {
        position: relative;
        text-align: center;
        padding-left: 10px;
        left: 0;
        bottom: 0;
    }
    .portrait .lgf_timermode {
        right: 40.5%;
    }
    .portrait .lgf_timeremaining {
        right: 36%;
        top: 53%;
    }
    .portrait #lgf_countdownCircle {
        margin-left: 15% !important;
    }
    .portrait #lgf_gamemsglayerdiv {
        z-index: 0;
    }
    .portrait .lgf_go3_layerx {
        left: 0% !important;
        top: 0 !important;
        height: 100%;
        width: 100%;
    }
    .portrait .page-main-controls ul li button.icon-backward,
    .portrait .page-main-controls ul li button.icon-forward {
        margin-bottom: 0 !important;
    }

    /** Vertical Alignment of Games **/
    .portrait div.shootrocketrowborder.shootCenter {
        padding-right: 20px !important;
        padding-top: 0px;
        height: 80%;
    }
    .portrait .shootpg6contain .full_height {
        position: relative;
    }
    .portrait #shootContainerGame {
        margin-top: 0px;
        height: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
    }
    .portrait div.shootrocketrowborderRight.shootRight {
        height: 80%;
        position: relative;
    }
    .portrait .shoot_captionRight {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        height: 80% !important;
    }
    .portrait .lgf_caption_right {
        margin-left: 10% !important;
        margin-top: 0 !important;
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
        -moz-transform: scale(0.75);
        -ms-transform: scale(0.75);
        -o-transform: scale(0.75);
    }
    .portrait #shoot_countdownCircle {
        margin-left: 0 !important;
    }
    /* Pop the balloons*/
    .portrait .poptheballoons div#game_div.game_div {
        height: auto !important;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        width: 95% !important;
    }

    .portrait .poptheballoonrowborder.bottomPop .captionright {
        margin-left: 0px !important;
        margin-top: 0px !important;
        position: absolute;
        top: 50%;
        left: 50%;
        height: 100%;
        transform: translate(-50%, -50%) scale(0.75) !important;
        -webkit-transform: translate(-50%, -50%) scale(0.75) !important;
        -ms-transform: translate(-50%, -50%) scale(0.75) !important;
        -moz-transform: translate(-50%, -50%) scale(0.75) !important;
        -o-transform: translate(-50%, -50%) scale(0.75) !important;
    }
    /* ABC Sound Match */
    .portrait div.abcgame_maincontainer.fullsize {
        position: absolute;
        top: 53%;
        left: 35%;
        width: 90% !important;
        height: 90% !important;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%) scale(0.75) !important;
        -ms-transform: translate(-50%, -50%) scale(0.75) !important;
        -moz-transform: translate(-50%, -50%) scale(0.75) !important;
        -o-transform: translate(-50%, -50%) scale(0.75) !important;
    }
    .portrait div.abcgame_smbottom {
        position: relative;
        right: 0;
        top: auto;
        transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        float: left;
        padding-left: 10px !important;
        bottom: -290px;
    }
    .portrait div.abcgame_bingosidemenu_portrait:last-child {
        width: 30%;
        float: left;
        height: 80%;
        position: absolute;
        top: 60%;
        right: 0;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
    }
    .portrait div.abcgame_bingomaincontainer.abcgame_bingoplayarea {
        position: absolute;
        top: 55%;
        left: 36%;
        margin: 0 !important;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
    }
    /* ABC Pick*/
    .portrait
        div.abcgame_abccol_portrait.abcgame_abcpick_floatPlayArea_portrait {
        position: relative;
        height: 100% !important;
    }
    .portrait .abcgame_abcpick_section2.abcgame_abcMatchGameplayPage {
        height: 100% !important;
        margin-top: 0px;
        width: 100% !important;
    }
    .portrait div.abcgame_abccol_portrait.abcgame_bottom.layout-fill {
        height: 70% !important;
        min-height: 70% !important;
        position: absolute;
        right: 4%;
        top: 55%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
    }
    .portrait
        div.abcgame_abccol_portrait.reducesize.abcgame_abcpick_floatPlayArea_portrait
        .abcgame_abcpick_overlay {
        width: 95%;
        height: 100%;
    }
    .portrait .abcgame_bingoteller {
        display: block !important;
    }
    .portrait .abcgame_bingo_instruction_step {
        font-size: 15px !important;
    }
    .portrait .lgf_gameinstructpglayernxtbtnimg {
        background-size: contain;
        margin: 0 auto;
        background-position: center center;
        margin-top: 15%;
    }
    .portrait .abcgame_optgamethumbnail {
        height: 100% !important;
    }
    /*Game results contents font size can be increased and aligned centre. Play again caption not at centre.1628*/
    .portrait .abcgame_abcpick_gameResultTitle {
        font-size: 16px;
        padding: 0;
        line-height: 51px;
    }
    .portrait .abcgame_abcpick_gameResult {
        padding-top: 0%;
        padding-left: 10%;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    .portrait .abcgame_abcpick_fleft {
        font-size: 16px;
    }
    .portrait .abcgame_abcpick_fright {
        font-size: 16px;
    }
    .portrait .abcgame_nextlevel {
        padding: 0 0 7px 0;
    }
    .portrait .abcgame_abcpick_matchHeadContent div {
        line-height: 13px;
    }
    .portrait .ttheader {
        margin-left: -90px;
    }
    .portrait .abcgame_bingo_instruction_step {
        width: 80%;
        font-size: 22px !important;
    }
    .portrait .abcgame_bingo_instruction_content {
        height: 34%;
    }

    /*ABC match*/
    /*
    .portrait div.abcgame_abccol_portrait.abcgame_top, .portrait div.abcgame_abccol_portrait.abcgame_bottom.layout-fill {
        float: left;
        width: 100%;
        padding-top: 20px;
        height: 150px;
    }
 */
}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .isMobilePortrait {
        display: none;
    }
    .isDesktop {
        display: block;
    }
}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .landscape .testcard1_ff,
    .landscape .testcard2_ff,
    .landscape .iostestcard1_ff,
    .landscape .iostestcard2_ff {
        border-radius: 13px;
    }
    /*    . Game results contents font size can be increased and aligned centre. Play again caption not at centre.*/
    .landscape .abcgame_abcpick_gameResultTitle {
        top: -18px;
        left: 19%;
    }
    .landscape .abcgame_abcpick_gameResult div {
        font-size: 15px;
    }
    .landscape .abcgame_nextlevel {
        height: 38px !important;
    }
    .landscape header {
        /* For increasing header height on Tablet - Landscape Mode */
        height: 90px !important;
    }
    .landscape .ttheader {
        margin-top: -10px !important;
    }
    .landscape .content-pagination {
        height: 80px !important;
    }
    /** Video iFrame height **/
    .landscape iframe#customPlayer {
        height: 90%;
        margin-top: 3%;
    }
    /* Connect the dots */
    .landscape .connectthedots-innerwrapper .upper-lower-btn {
        display: flex;
        flex-direction: row;
        justify-content: center;
        left: 0 !important;
        width: 100% !important;
    }
    .landscape
        .connectthedots-main-wrapper
        .connectthedots-game-inner-container {
        margin-top: 0px !important;
    }
    .landscape .connectthedots .bg-rotateImage {
        width: 100% !important;
    }
    .landscape .connectthedots .connectthedots-game-headline {
        height: 9.15em !important;
    }
    .landscape .shoottherockets .shoot_gameplaybgimg {
        margin-top: -2px !important;
    }
    .landscape .connectthedots-play-button-container {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
    .landscape .letter-sequence .completWord {
        bottom: 20px;
    }
    .landscape .single-flash-card .demotrumpCard .level2 > span {
        margin-top: 0 !important;
    }
    .landscape .connectthedots-dotsContainer {
        top: 0px !important;
    }
    .landscape .connectthedots-play-button-container .play-again-btn,
    .landscape .connectthedots-play-button-container .next-level-btn {
        font-size: 1.6em;
        width: 40%;
    }


    /* Shoot the rockets */
    .landscape .shootrocketPages {
        display: block;
    }

    .landscape .shootrocketPage6 .shoot_gamelettermodeimg {
        margin-top: 30px;
        font-size: 24px;
    }
    .landscape .shoot_ra-star-o,
    .landscape .shoot_ra-star {
        height: 55px;
        width: 55px;
    }
    .landscape .shoot_gamestarratingprev {
        margin-left: 0px !important;
    }
    .landscape .shoot_captionRight {
        transform: scale(0.9);
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -o-transform: scale(0.9);
        -ms-transform: scale(0.9);
        margin-top: 17px !important;
    }
    .landscape #shoot_countdownBar {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        margin-top: 0px !important;
    }
    .landscape .shoot_timeremaining {
        margin-top: 0;
    }
    .landscape .shootrocketPage6 .shoot_gameelementcenter button {
        width: 50px;
        height: 50px;
    }
    .landscape .shoot_pad {
        margin: auto !important;
        width: 100% !important;
    }
    .landscape #shoot_gamemsglayerdivins2 .shoot_gameinstructionboximg1 {
        left: 50% !important;
        top: 45% !important;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        width: 80% !important;
        height: 40% !important;
    }
    /*    start caption 'Instructions' and instructions text not aligned centre. 1628*/
    .landscape .abcgame_instructionsPageContent {
        top: 50% !important;
        width: 90%;
        left: 50% !important;
    }
    .landscape .abcgame_abcpick_gameResultTitle {
        font-size: 12px;
        width: 64%;
        padding: 0;
        height: 39px;
        line-height: 37px;
    }

    /* Words beginning with their sounds */
    .landscape .letter-with-image .demotrump img {
        max-width: 100% !important;
    }
    /* Shoot the rockets */
    .landscape .shootrocketContainer {
        /*             min-height:600px !important; */
    }
    .landscape .shoot_4curdefault {
        margin-top: 5px;
    }

    .landscape .abcgame_abcpickrecommendedgamewrap {
        background: transparent !important;
        margin-top: 0px !important;
    }
    .landscape .abcgamesoundmatchgame .abcgame_abcpickrecommendedgamewrap {
        min-height: 600px;
        background: #ddffff !important;
        margin-top: 0px !important;
    }
    .landscape .shootrocketPage0 .abcgame_abcpickrecommendedgamewrap {
        margin-left: 0 !important;
        transform: none;
    }
    .landscape .poptheballoons .abcgame_abcpickrecommendedgamewrap {
        min-height: 600px;
        /*             margin-top: -250px !important; */
    }
    /* .landscape .letsgofishingpage0 .abcgame_abcpickrecommendedgamewrap {
        min-height: 550px;
        margin-top: 0px !important;
        left: 0px;
        padding-bottom: 20px;
    } */
    .landscape #connectthedots-overlay,
    .game-result-overlay {
        display: none;
    }
    .landscape div.poptheballoonMainBackground,
    .landscape abcgamebingo .abcgame_bingoContainer {
        /* background-image: none !important;
        background: #EECDA3 !important;   fallback for old browsers
        background: -webkit-linear-gradient(to right, #EF629F, #EECDA3) !important;   Chrome 10-25, Safari 5.1-6
        background: linear-gradient(to right, #EF629F, #EECDA3) !important; W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    }
    .landscape .abcgamebingo .abcgame_bingoContainer {
        height: 100%;
    }

    .landscape .abcgamebingo .abcgame_bingoContainerrow {
        height: 100%;
        margin-top: 0px;
    }
    .landscape .abcgamebingo .abcgame_bingohomebuttons {
        max-width: 100%;
        width: 80%;
    }
    .landscape .poptheballoons div.layout-align-start-stretch.layout-row.flex {
        height: 100%;
    }
    .landscape .abcgame_abcpick_modeContainer {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
    .landscape .modedivborder {
        margin: 0 auto !important;
        transform: none;
        width: 80%;
        padding-top: 10px;
        height: 99px;
    }
    .landscape .poptheballoonspage4 .gameelementcenter {
        width: 100%;
        margin: 0 auto !important;
    }
    .landscape .poptheballoonspage4 .gameelementcenter img {
        max-height: 170px;
    }
    .landscape .poptheballoonspage4 .gameelementcenter button {
        width: 55px;
        height: 55px;
    }
    .landscape .letsgofishing div.layout-align-start-stretch.layout-row.flex {
        height: 100%;
    }
    .landscape .letsgofishingMainPage .lgfp1row {
        margin-top: 0px;
    }
    .landscape .abcgame_SMtimermode {
        height: 50px;
        font-size: 20px !important;
        line-height: 40px;
    }
    .landscape .abcgame_SMtimermodeparent {
        margin-top: 25% !important;
    }
    .landscape .lgfSidemenuWrap,
    .lgfcaption {
        margin-top: 15% !important;
    }
    .landscape .abcgame_smcontrols,
    .landscape .letsgofishingpage4 .lgfgameelementcenter button {
        height: 55px;
        width: 55px;
    }
    .landscape .abcgame_smcountdown {
        font-size: 80px;
    }
    .landscape .abcgame_smtimeMode {
        font-size: 45px;
    }
    .landscape .abcgame_smatoe {
        line-height: 50px;
        background-size: contain;
    }
    .landscape .abcgame_soundMatchContainerrow {
        transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
    }
    .landscape .poptheballoonrowborder.sm-gameContainer {
        margin-top: 15px;
    }
    /* Lets go fishing - Game mode buttons alignment on splash screen */
    .landscape .startlgf_go_pg1 {
        left: 0 !important;
    }
    .landscape .abcgame_sm_instruction_content ol {
        margin: 60px auto;
        width: 90%;
        padding: 0 !important;
    }
    .landscape .abcgame_sm_instruction_step ol li {
        font-size: 1em !important;
        width: 100%;
    }
    .landscape button.abcgame_modebtn.abcgame_abcpick_btnlearn.ng-binding,
    .landscape button.abcgame_modebtn.abcgame_abcpick_btnplay.ng-binding {
        display: none;
    }
    .landscape .balloom_image_pg1 .startshoot_go_pg1,
    .landscape .letsgofishing .startlgf_go_pg1 {
        bottom: 10% !important;
    }
    .landscape .letsgofishing .lgf_gameinstructpglayernxtbtnimg {
        height: 500px !important;
        background-size: contain;
        background-position: center center;
    }
    .landscape .abcgame_abcpick_letterSoundWrap .letterSound {
        font-size: 18px;
        margin-top: 7px;
    }
    .landscape .mainFlashcard_flip .flip-card-txt {
        margin-top: 0 !important;
    }
    .landscape .single-flash-card .demotrumpCard .level2 > span {
        margin-top: 0 !important;
        font-size: 20vw !important;
    }
    .landscape .single-flash-card .demotrumpCard .level2 > span.text-cap {
        margin-top: 13% !important;
    }
    .landscape
        div.flash-card-cont.layout-fill.layout-align-center-center.layout-row.flex-30 {
        margin: 0 8%;
    }
    .landscape img.quiz-img {
        padding: 25% 0 0 0;
    }
    .landscape .quizClass {
        width: 13vw;
    }
    .landscape
        div#abcgame_smclockDial.abcgame_smclockDial.abcgame_smclockDialSlow {
        background-image: url(https://d25k2pvzisqrb6.cloudfront.net/assets/abcsoundmatch/images/abcsmclockDial.png) !important;
    }
    .landscape .abcgame_smtimeRemainlabel,
    .landscape .abcgame_smclockDial,
    .landscape .letsgofishingpage4 #lgf_countdownCircle {
        display: block !important;
    }
    .landscape .abcgame_smtimeModelabel {
        display: block !important;
    }
    .landscape .abcgame_smcountdown {
        font-size: 19px;
        position: relative;
        top: 59%;
        color: #000;
        font-weight: bold;
    }
    .landscape .abcgame_smtimeMode {
        background: none !important;
    }
    .landscape .abcgame_smtimeMode {
        position: relative;
        top: 65%;
        font-size: 18px;
        font-weight: bold;
        color: #000;
    }
    .landscape .letsgofishingpage4 .letsgofishingrowborder {
        height: 100%;
    }
    .landscape .lgf_helpinstruction {
        top: 0%;
        right: 0%;
        transform: scale(0.7, 0.7);
        -ms-transform: scale(0.7, 0.7);
        -webkit-transform: scale(0.7, 0.7);
    }
    .landscape .letsgofishingpage4 .lgf_clockbase {
        background-image: url(https://d25k2pvzisqrb6.cloudfront.net/assets/abclgf/image/clockbase.png) !important;
        position: absolute !important;
        top: 0 !important;
        transform: scale(0.75);
        -ms-transform: scale(0.75);
        -webkit-transform: scale(0.75);
        width: 345px !important;
    }
    .landscape .lgfgameelementcenter.lgf_timeralign {
        margin: 12px auto;
        left: -3%;
        transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
    }
    .landscape .lgf_timeremaining {
        font-size: 13px;
    }
    .landscape .poptheballoonspage4 #countdownCircle,
    .landscape .poptheballoonspage4 .timeremaining,
    .landscape .poptheballoonspage4 .timermode,
    .landscape .letsgofishingpage4 #lgf_countdownCircle,
    .landscape .letsgofishingpage4 .lgf_timeremaining,
    .landscape .letsgofishingpage4 .lgf_timermode {
        display: block !important;
    }
    .landscape .letsgofishingpage4 #lgf_countdownNumber {
        color: #000000;
        font-size: 24px;
        position: absolute;
    }
    .landscape div#lgf_countdownCircle {
        margin-top: 30px;
        margin-left: 19% !important;
    }
    .landscape .letsgofishingpage4 #lgf_gamelvlintdication {
        color: #000000 !important;
        font-size: 18px;
        top: 78.3%;
        position: absolute !important;
    }
    .landscape header .connect-dot-bg > div {
        width: 230px;
        margin: 0 0 0 150px;
    }
    .landscape .fast-forward-buttons ul li.fast-forward-dots {
        margin: 5px 10px;
    }
    .landscape header .act-title {
        margin-top: 10px;
        font-size: 12px;
    }
    .landscape .drag-container .drop_child p {
        margin: 0% auto 0 !important;
    }
   
    .landscape .singleFlashCardMixup .upperCaseLetter,
    .landscape .singleFlashCardMixup .lowerCaseLetter {
        padding-left: 5px !important;
        font-size: 12vh !important;
    }
    .landscape .singleFlashCardMixup .left_letter {
        padding: 7px !important;
    }
    .landscape
        .mainFlashcard_flip
        .flash-card-table.six-flash-card
        .cell-space {
        height: 30vh;
        width: 20vh;
    }
    .landscape .flipbook .page img.img_text {
        background-position: center center;
    }
    .landscape .mainFlashcard_flip .flipTemp .fontface_ADV_CALIBRI span {
        line-height: 1;
        margin: 0;
    }
    .landscape .shootrocketPage6 #shoot_countdownCircle,
    .landscape .shootrocketPage6 .shoot_timeremaining,
    .landscape .shootrocketPage6 .shoot_timermode {
        display: block;
    }
    .landscape .shootrocketPage6 .lgf_caption_right {
        margin-top: 0px !important;
    }
    .landscape header .h-right {
        margin: 0px -7px 0 0;
    }
    .landscape .shootrocketPage6 #shoot_countdownNumber {
        border-radius: 10px;
        padding: 2px;
        margin-bottom: 5px;
        margin-top: -1px;
        color: #fff !important;
    }
    .landscape .shootrocketPage6 #shoot_timerselectedType {
        border-radius: 10px;
        padding: 2px;
        margin-bottom: 5px;
        margin-top: -2px;
        color: #fff !important;
        margin-left: -5px;
    }

    .landscape .abcgame_abcpickoptionalgamelist button {
        background-position-y: 5px;
        top: 70% !important;
    }
    .landscape .abcgame_abcpickrecommendedgame button {
        font-size: 16px;
    }
    .landscape .abcgame_abcpickoptionaltitle {
        font-size: 14px;
        line-height: 32px;
    }
    .landscape .abcgame_abcpickoptionalgamelist button {
        left: 32%;
    }
    .landscape .abcgame_abcpickoptionalgamewrap {
        height: 27%;
    }
    .landscape
        .flipthebook
        .BookTemplate
        .flipbook-viewport
        .flipbook
        .page-wrapper
        .page
        img.img_text {
        margin-left: 10% !important;
    }
    .landscape
        .flipthebook
        .BookTemplate
        .flipbook-viewport
        .flipbook.booktemplate2
        .page-wrapper
        .page
        img.img_text {
        margin-left: 15% !important;
    }
    .landscape .abcgame_sidemenu {
        padding-top: 0 !important;
    }
    .landscape .abcgame_smControlsWrap {
        margin-top: 0 !important;
    }
    .landscape .poptheballoons .popp0row,
    .landscape .popp1row,
    .landscape .balloom_image_pg1 {
        height: 100% !important;
    }
    .landscape .popp0row .abcgame_abcpickrecommendedgame {
        height: 60% !important;
    }
    .landscape #gamestarsrating {
        margin-top: 0 !important;
    }
    .landscape .poptheballoonspage4 .clockbase {
        background: url(https://d25k2pvzisqrb6.cloudfront.net/assets/abcptb/images/clockbase.png) !important;
        transform: scale(0.8, 0.8);
        -ms-transform: scale(0.8, 0.8);
        -moz-transform: scale(0.8, 0.8);
        -o-transform: scale(0.8, 0.8);
        -webkit-transform: scale(0.8, 0.8);
        left: 4% !important;
        top: 50% !important;
        position: absolute;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position-x: 50% !important;
    }
    .landscape #countdownCircle {
        left: -10px !important;
    }
    .landscape .poptheballoonspage4 #gamelvlintdication,
    .landscape .letsgofishingpage4 #lgf_gamelvlintdication,
    .landscape .poptheballoonspage4 #countdownNumber {
        position: absolute;
        color: white;
    }
    .landscape .pop_go4_layerx {
        left: 58% !important;
        -webkit-transform: translate(-50%, -50%) scale(1) !important;
        -moz-transform: translate(-50%, -50%) scale(1) !important;
        -ms-transform: translate(-50%, -50%) scale(1) !important;
        -o-transform: translate(-50%, -50%) scale(1) !important;
        transform: translate(-50%, -50%) scale(1) !important;
        top: 40% !important;
    }
    .landscape #balloonContainerGame #gamemsglayerdiv {
        z-index: auto !important;
    }
    .landscape #balloonContainerGame #game_div {
        width: 100% !important;
        height: 100%;
    }

    .landscape .timeremaining {
        right: 20%;
    }
    .landscape .pop_go3_layerx {
        margin-left: 0 !important;
        height: 0;
        width: 0 !important;
    }
    .landscape .abcgame_soundMatchContainer {
        height: 100% !important;
    }
    .landscape a.bcgamesoundmatchgame .abcgame_smControlsWrap {
        margin-top: 30% !important;
    }
    .landscape .abcgame_smrepeatletter {
        height: 50px;
    }
    .landscape .abcgamesoundmatchgame .abcgame_leftsmlogo {
        margin-top: 30% !important;
        background-size: contain !important;
        background-position: center center;
    }
    .landscape .abcgame_smscoredetails {
        padding-top: 35px !important;
    }
    .landscape .abcgame_smtimedetailsbox {
        height: 50px;
        line-height: 40px;
        margin-top: 0 !important;
    }
    .landscape #lgfgame_div,
    .landscape .lgfgame_div {
        margin-top: 0%;
        position: absolute;
        width: 100% !important;
        top: 50%;
        left: 50%;
        height: 100%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
    }
    .landscape #lgfgame_div canvas {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    .landscape #lgf_gamelvlintdication,
    .landscape #lgf_countdownNumber {
        left: 15px !important;
    }
    .landscape .lgf_go3_layerx,
    .landscape .lgf_go4_layerx {
        width: 10%;
        height: 10%;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        -webkit-transform: translate(-50%, -50%) !important;
        -moz-transform: translate(-50%, -50%) !important;
        -o-transform: translate(-50%, -50%) !important;
        -ms-transform: translate(-50%, -50%) !important;
    }
    .landscape #lgf_gamemsglayerdiv {
        z-index: 0;
    }
    .landscape .abcgame_abcpickparent,
    .landscape .abcgameabcpick .abcgame_abc-container,
    .landscape .abcgameabcpick .abcgame_abcrow {
        /*eight:100% !important;*/
        transform: none !important;
        margin-top: 0 !important;
    }
    .landscape .abcgame_abcpick_rightmenuWrapper,
    .landscape .abcgame_abcpick_leftMenuRow1 {
        margin-top: 40%;
    }
    .landscape .abcgame_abcpick_matchHead {
        width: 200px;
        height: 50px;
    }
    .landscape .abcgame_abcpick_letterSoundWrap {
        width: 80%;
        height: 80px;
        padding: 0;
    }
    .landscape .abcgame_abcpick_letterSoundLabel {
        padding-left: 4%;
    }
    .landscape .abcgame_abcpick_clockbase {
        background-image: url(https://d25k2pvzisqrb6.cloudfront.net/assets/abcpick/images/abcpick_clock_base.png) !important;
    }
    .landscape .abcgame_abcclock {
        background-image: url(https://d25k2pvzisqrb6.cloudfront.net/assets/abcpick/images/abc_clock.png) !important;
    }
    .landscape .abcgame_abcpick_timeremain,
    .landscape .abcgame_modecss {
        display: block;
    }
    .landscape .abcgame_abcpick_countdown {
        font-size: 31px;
        color: #fff;
    }
    .landscape .abcgame_leftMenuLevelWindow {
        text-align: center;
        font-size: 19px;
        font-weight: bold;
        color: #fff;
        width: 100%;
        top: 79% !important;
        left: 0 !important;
        position: absolute;
        transform: none !important;
        background: none;
    }
    .landscape .abcgame_bingomaincontainer.abcgame_bingomainContainerOffset {
        height: 100% !important;
    }
    .landscape .abcgame_bingomatrix {
        height: 60px !important;
    }
    .landscape .abcgame_bingolefcasedetail div {
        font-size: 24px;
    }
    .landscape .abcgame_bingoteller {
        width: 100%;
        background-size: contain;
    }
    .landscape input.abcgame_bingo_closeinstruction {
        margin-top: 0 !important;
    }
    .landscape .recommendedbadge {
        background-size: contain;
    }
    .landscape .lgfballoom_image_pg1 {
        height: 100% !important;
    }
    .landscape .letsgofishingpage4 {
        height: 100% !important;
    }
    .landscape .page-main-controls {
        margin-top: 0;
    }

    .landscape .preroll-img {
        max-height: 70vh;
    }
    .landscape .lgf_modedivborder {
        background-position: center center;
        background-size: contain;
    }
    .landscape .lgf_ra-star-o,
    .landscape .lgf_ra-star {
        height: 45px;
        width: 45px;
    }
    .landscape .lgf_captionright {
        margin-top: 50px !important;
    }
    .landscape .letsgofishing .lgfp0row .abcgame_abcpickrecommendedgame {
        height: 64% !important;
    }
    .landscape .abcgame_bingorepeattelling {
        background-size: contain;
        background-position: center center;
        height: 70px;
        font-size: 13px !important;
        padding-bottom: 17px;
        margin-top: 20px;
    }
    .landscape .abcgame_optgamethumbnail {
        position: relative;
    }
    .landscape .abcgame_optgamethumbnail img {
        position: absolute;
        width: 150%;
        height: 150%;
        top: 70%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
    }
    .landscape .abcgame_maincontainer {
        width: 50% !important;
        height: 100% !important;
    }
    .landscape .popp0row .abcgame_optgamethumbnail {
        height: 100%;
    }
    /* Games and Songs menu filter on tab portrait mode */
    .landscape .menu-mobile .ml-right ul.games-list li {
        width: 24%;
    }
    .landscape .abcgame_abcpickparent .abcgame_abcpick_clockbase {
        height: 293px !important;
        top: 37% !important;
    }
    .landscape .abcgame_abcpick_countdown {
        position: absolute !important;
    }

    .landscape .abcgame_instructions {
        padding-top: 8.5%;
    }
    .landscape .abcgame_instructionTitle {
        font-size: 15px;
    }
    .landscape .abcgamebingo .abcgame_bingomaincontainer.abcgame_bingoplayarea {
        height: 100% !important;
    }
    .landscape .lgf_timeremaining {
        right: auto;
        top: 54.5%;
        width: 100%;
        left: 5%;
        text-align: center;
    }
    .landscape .abcgame_bingo_instruction_header {
        font-size: 9px;
        line-height: 47px;
        height: 50px;
        width: 52%;
    }
    .landscape .abcgame_bingo_instruction_content {
        height: 40%;
    }
    .landscape .abcgame_bingo_instruction_step {
        font-size: 13px;
    }
    .landscape .abcgame_bingoleflogo {
        margin-top: 28%;
    }
    .landscape .abcgame_sm_instruction_content ul.instructionMenu {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        height: 80%;
        font-size: 14px;
        font-weight: bold;
        padding: 0 46px;
        line-height: 23px;
    }
    .landscape .abcgame_sm_instruction_content ul.instructionMenu li {
        padding-bottom: 4px;
    }
}

/* ----------- iPad Pro 10.5" ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (orientation: portrait) {
    /* Portrait */

    .portrait .mainFlashcard_flip .flip-card-txt {
        margin-top: 0 !important;
    }
    .portrait .single-flash-card .demotrumpCard .level2 > span {
        margin-top: 0 !important;
        font-size: 30vw !important;
    }
    .portrait img.quiz-img {
        padding: 20% 0 0 0;
    }
    .portrait .dragged-img {
        max-width: 69%;
    }
    .portrait .drop_childAfter {
        bottom: -6px !important;
        font-size: 3.5vh !important;
    }
    .portrait.mac-os .drop_child p {
        margin-top: 0 !important;
    }
    .portrait .abcgame_sm_alphabets {
        font-size: 30px;
    }
    .portrait .content-pagination li .md-button {
        min-height: 37px;
        min-width: 37px;
        border-radius: 50%;
    }
    .portrait .content-pagination li.pager-control button.volume-ctrl {
        bottom: 10px;
    }
    .portrait .fast-forward-buttons ul li.fast-forward-dots {
        margin: 5px;
    }
    .portrait .content-pagination li.fast-forward-dots i {
        font-size: 22px;
    }
    .portrait .fast-forward-buttons {
        top: -20px;
    }
    /** Games Layout iPad portrait **/
    .portrait div.shootrocketrowborder.shootCenter {
        width: 70% !important;
        float: left;
        padding-left: 20px !important;
        padding-top: 10px;
        height: auto;
    }
    .portrait div.shootrocketrowborder.shootLeft {
        width: 100%;
        float: left;
        height: 150px !important;
        padding-top: 40px;
    }
    .portrait div.shootrocketrowborderRight.shootRight {
        width: 25%;
        float: left;
    }
    .portrait .shoot_gameDivfull {
        width: 65% !important;
    }
    .portrait .shootLeft div.lgf_caption_left,
    .portrait
        .shootLeft
        div.lgf_caption_left
        div.shoot_gameDivfull.shoot_gameelementcenter {
        display: flex;
        flex-direction: row;
        transform: none;
        justify-content: space-around;
    }
    .portrait .shootpg6contain {
        margin-top: 0 !important;
    }
    .portrait .shoot_gamelettermodeimg {
        margin-left: 0 !important;
        width: 200px;
        background-size: contain;
    }
    .portrait .shootLeft div.lgf_caption_left {
        margin-left: 0 !important;
        transform: none;
        justify-content: space-around;
    }
    .portrait #shoot_game_div {
        height: 100%;
        width: 100%;
    }
    .portrait #shoot_game_div canvas {
        margin-top: 0 !important;
    }
    .portrait .shoot_gameinstructionboximg1 {
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) scale(0.8) !important;
        -webkit-transform: translate(-50%, -50%) scale(0.8) !important;
        -moz-transform: translate(-50%, -50%) scale(0.8) !important;
        -ms-transform: translate(-50%, -50%) scale(0.8) !important;
        -o-transform: translate(-50%, -50%) scale(0.8) !important;
    }
    .portrait .shoot_gamemutebtnimg,
    .portrait .shoot_gamerestartbtnimg,
    .portrait .shoot_gamepausebtnimg,
    .portrait .shoot_gamehelpbtnimg {
        width: 65px;
        height: 65px;
    }
    .portrait .shoot_pad {
        width: 200px !important;
        margin-left: -20px !important;
    }
    .portrait .shoot_countdownclock {
        left: -20% !important;
    }
    .portrait .shoot_gameshoottitlebgimg {
        width: 100% !important;
    }
    .portrait .shoot_gamestarratingpre,
    .portrait .shoot_gamescoreimg {
        margin-left: 0px !important;
        transform: scale(1.1) !important;
        -webkit-transform: scale(1.1) !important;
        -moz-transform: scale(1.1) !important;
        -o-transform: scale(1.1) !important;
        -ms-transform: scale(1.1) !important;
    }
    .portrait .shoot_gameshoottitlebgimg {
        margin-left: 0px !important;
        transform: none;
        margin-top: 2px !important;
        height: 100px;
        margin-right: 10px;
        background-size: contain;
        width: 30% !important;
    }
    .portrait .shoot_gamemissedimg {
        margin-left: 10px !important;
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -o-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
    }

    /* Landscape */
    /*
    .landscape .mainFlashcard_flip .flip-card-txt{
        margin-top:0 !important;
    }
    .landscape .single-flash-card .demotrumpCard .level2 > span{
        margin-top: 0 !important;
        font-size: 20vw !important;
    }
    .landscape div.flash-card-cont.layout-fill.layout-align-center-center.layout-row.flex-30{
        margin: 0 8%;
    }
    .landscape img.quiz-img{
        padding: 25% 0 0 0;
    }
    .landscape .quizClass{
        width: 13vw;
    }
    .landscape .dragged-img {
        top: 30% !important;
        max-width: 75% !important;
    }
    .landscape .abcgame_smclockWrap {
        margin-top: 70%;
        margin-left: 50%;
    }
    .landscape .abcgame_sm_alphabets {
        font-size: 30px;
    }
    .landscape header .connect-dot-bg>div{
        width: 230px;
        margin: 0 0 0 150px;
    }
    .landscape header .connect-dot-bg>div{
        width: 230px;
        margin: 0 0 0 150px;
    }
    .landscape .fast-forward-buttons ul li.fast-forward-dots{
        margin: 5px 10px;
    }
    .landscape .fast-forward-buttons{
        top: -25px;
    }
    */
}

@media (max-width: 464px) and (min-width: 320px) and (orientation: portrait) {
    /* shoot the rocket level stars */
    .shootrocketPage6 .shoot_gamestarratingprev {
        width: 70%;
    }
}

/* canvas styling for game connect dots....**/
.portrait .connectthedots-dotsContainer ul {
    width: 600px;
    height: 600px;
}

.portrait header,
.portrait .text-book2 header,
.portrait .text-book3 header {
    min-height: auto;
    height: auto;
}
.stageCnt {
    width: 156px;
    max-width: 156px !important;
    padding: 1px 10px 1px 4px;
    height: 38px;
    -ms-overflow-style: none;
    scrollbar-width: none;
    align-items: center;
}

.stagecnt ::-webkit-scrollbar{
    display: none !important;
    width: 0;
    height: 0;
}
.portrait .content-pagination {
    height: 70px;
    border-top: 0;
}

.portrait img#ouputImg {
    /* max-height: 400px;
    max-width: 500px; */
    margin: 0 auto;
}

/* adjust header height on all portrait mode */
.portrait .extra, .portrait .headerfull {
    min-height: 50px !important;
    height: 50px !important;
}

/*** hide few elements from header ***/
.portrait header.extra .h-right,
.portrait header.extra .titleWood,
.portrait header.headerfull .h-right,
.portrait header.headerfull .titleWood {
        display: none;
}


/* issue: Connect the dots inner container alignment on android*/
.connectthedots-canvas-container {
    margin-top: 1em;
}
@media (max-height: 680px) and (max-width: 1366px) {
    .connectthedots-play-button-container #playagain,
    .connectthedots-play-button-container #nextlvl {
        /*
                        height: 3em;
                        line-height: 2em;
        */
    }
}
/* move play, next buttons on connectdot game little up....*/
@media (max-height: 768px) and (max-width: 1366px) {
    html:not(.landscape):not(.portrait) #shoot_countdownBar {
        top: 38%;
    }
    html:not(.landscape):not(.portrait) .balloom_imagex {
        margin-top: 0px;
    }

    html:not(.landscape):not(.portrait) .poptheballoonPages {
        height: 100%;
    }
    .poptheballoons .layout-row {
        height: 100%;
    }
    .poptheballoons .popp0container {
        margin-top: 0px;
        height: 100% !important;
    }
    html:not(.landscape) .poptheballoons .popp0row {
        height: 100% !important;
        margin-top: 0px !important;
        margin-bottom: 0px;
    }
    html:not(.landscape):not(.portrait)
        .poptheballoonContainer.popballoonmainclass,
    html:not(.landscape):not(.portrait) .lgfmainclass {
        height: 500px !important;
    }
    .poptheballoons .popp1container {
        margin-top: 0 !important;
    }
    .poptheballoons .balloom_image_pg1 img {
        margin-top: 0 !important;
    }
    .poptheballoons .popp1row {
        margin-top: 0 !important;
    }
    /** fix issues on 768 height laptop screens **/
    html:not(.landscape):not(.portrait) #balloonContainerGame #game_div,
    html:not(.landscape):not(.portrait) #lgfgame_div {
        height: 80% !important;
        width: 80% !important;
    }
    .poptheballoons .gameinstructpglayernxtbtnimg {
        width: 60%;
        height: 60%;
        background-repeat: no-repeat;
        background-size: contain;
        margin-left: 15%;
    }
    .poptheballoons .startshoot_go_pg1 {
        top: 84% !important;
    }
    html:not(.landscape):not(.portrait) .abcgame_smrepeatletter {
        padding-top: 2%;
    }
    html:not(.landscape):not(.portrait) .lgf_go4_layerx {
        top: 50% !important;
        left: 50% !important;
    }
    html:not(.landscape):not(.portrait) .lgfBOverlaycont {
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%) scale(0.8, 0.8);
        -webkit-transform: translate(-50%, -50%) scale(0.8, 0.8);
    }
    html:not(.landscape):not(.portrait) .lgf_go3_layerx {
        top: 50% !important;
        left: 50% !important;
    }
}

@media (max-width: 464px) and (min-width: 320px) and (orientation: portrait) {
    .connectthedots-outputimg-container {
        width: 100%;
    }
    .connectthedots-outputimg-container {
        top: 0;
        left: 0;
    }
    .connectthedots-dotsContainer {
        width: 100%;
    }

    /* shoot the reckets game menu */
    .shootrocketPage6 .shoot_gamelettermodeimg {
        width: 105px;
        height: 70px;
        font-size: 0.73em;
        line-height: 0.93em;
    }
}
.connectthedots-outputimg-container {
    height: 100%;
}

/** Desktop and Laptop **/

/*
@media screen and (min-width: 1367px) {

    letsgofishing .lgfcaption {
        margin-top: 20px !important;
    }
    letsgofishing .lgf_captionright {
        margin-top: 10px !important;
    }
    letsgofishing .layout-row{
        height: 100%;
    }
/*     hide full screen button on laptop and macbook
    .btn-action button.fullscreen{
        display: none;
    }*/
/* Fast forward button spacing */
.fast-forward-buttons ul li.fast-forward-dots {
    margin: 0 5px;
}
.fast-forward-buttons {
    left: 50%;
}

/* Hide full screen toggle on desktop and tablets
@media screen and (min-width: 768px){
    .btn-action button.fullscreen{
        display: none;
    }
}*/

/* Mobile landscape mode header alignment issue */
@media only screen and (max-width: 878px) and (orientation: landscape) {
    
    .landscape header .h-right {
        width: 335px;
        margin: -9px -35px 0 0;
    }
      header .rdmap-wrap li.icon-menu-bar a {
            margin: 0 1px !important;
        }
    
        header .rdmap-wrap li a {
            padding: 5px 0;
        }
    
        header .rdmap-wrap li.icon-menu-bar a {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }
    header .connect-dot-bg > div {
        width: 160px;
        margin: 0 0 0 25px;
    }
    header .letters-text-wrap {
        max-width: 100%;
    }
    .connectthedots-outputimg-container {
        width: 100%;
    }
    .connectthedots-outputimg-container {
        top: 0;
        left: 0;
    }
    .connectthedots-dotsContainer {
        width: 100%;
    }

    .landscape img#ouputImg {
        /* max-height: 500px; */
        /* max-width: 500px; */
        margin: 0 auto;
    }

    /* Mobile landscape mode footer alignment issue */
    .landscape .content-pagination ul {
        position: relative;
    }
    .content-pagination li:last-child {
        padding-left: 5px;
    }
   
    .landscape .content-pagination li.pager-control button.volume-ctrl {
        right: -13%;
        bottom: -4px;
    }
    .content-pagination li {
        padding: 0;
    }
    .connectthedots-game-headline h3.tolowercaseletter {
        font-size: 1.4em;
        margin-top: 25px;
    }

    /* border for a-> apple image */
    .landscape .letter-sequence .img-wrapper {
        width: 85%;
    }
    /* Connect the dots landscape mode */



    /* reduce the arrow width on landscape, above media query copied from appStyles.css**/
    .landscape .icon-arrow {
        height: 20px;
    }

    /* Replay button icon overlap issue on "click next lesson to continue" screen on mobile landscape mode */
    .content-pagination li.pager-control md-icon span {
        font-size: 20px;
    }

    /* hear the sound to click the right image screen alignment issue */
}

@media (max-width: 767px) and (min-width: 465px) and (orientation: landscape) {

    .landscape #Shoottherocket .poptheballoonMainBackground .startshoot_go_pg1, .landscape #Shoottherocket .shootrocketPage4 .startshoot_go_pg1 {
        text-align: center;
        width: 100%;
    }
    .connectthedots-game-text {
        left: 9%;
        margin-top: 4%;
    }
    /* game screen instruction box */
    .connectthedots-start-game-container
        .connectthedots-game-instruction-wrapper {
        top: 7%;
        width: 65%;
    }
}

/* 4B images alignment and width issue */
.portrait .click-soundcard-wrap .md-padding .img_text {
    max-width: 100%;
    max-height: 100%;
}
/* correct/incorrect trumpcard tick issue - lesson 4b*/
.trumpCard_red {
    position: relative;
    outline: 0;
    padding: 10px;
    border: 1px solid #ccc;
}
.trumpCard_red img {
    width: 100%;
}
.preroll-text {
    display: flex;
    flex-direction: column;
    padding: 10px 0px;
    justify-content: center;
    align-items: center;
}
.preroll-text h2.heading {
    font-size: 5vmin;
}
.speaker-icon {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    border-color:transparent;
}

/* shoot the rocket instruction box content */
.shootgameinstructiontext ul {
    padding-top: 0;
}
/* connect the dots canvas area
#shoot_game_div canvas{
    margin-top: -34px;
}
/*}
*/
@media only screen and (max-width: 700px) and (orientation: portrait) {
    /* Lesson 2A flip card UI for iphone/android portrait mode */
    .portrait .flash-card-sq1,
    .portrait .flash-card-sq2 {
        min-height: 55vh;
        height: 100%;
    }

    .portrait .complete-msg {
        font-size: 2vh;
        margin-top: 10px;
    }
    /* Trump layout issue- lesson 3A */
    .portrait .letter-with-image .trump {
        align-self: flex-start;
    }
    .portrait .letter-with-image .demotrump {
        align-self: baseline;
        width:100%
    }
    /* Trump card issue - leson 3A */
    .portrait .letter-with-image .demotrump img {
        margin-top: 10%;
    }
    .portrait .single-flash-card .demotrumpCard {
        font-size: 3.3em;
    }
    /* Interactivity Drag alignment issue - lesson 3B */
    /*  .portrait .drag-container{
        position: static;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
    }*/
    .portrait .drag-container .drop_child p {
        margin: 0% auto 0;
        /* font-size: 12vmin !important; */
    }
    .abcgame_abcMatchWelcomePage {
        background-size: cover;
    }
    .monkeystatic {
        width: 30%;
        height: 172%;
        top: 27%;
        left: 0%;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .birdstatic {
        background-size: cover;
    }
}

/*
shoot the rocket game screen instruction box alignment	#shoot_gamemsglayerdivins2 .shoot_gameinstructionboximg1{
        height: 285px;
top: -20px;
left: 3px !important;
}
#shoot_gamemsglayerdivins2 div.col-sm-12.col-md-12.shootgameinstructiontext.shoot_gameinstructionboximg1{
   background: rgba(255, 246, 232, 1);
border: 10px solid rgb(73, 120, 139);
border-radius: 15px;
background-image:none !important;
}
#shoot_gamemsglayerdivins2 .shoot_closebtn{
  right: -5px;
top: -2px;
}
#shoot_gamemsglayerdivins2 .shootgameinstruction1{
 top: 1px;
left: 47px;
}
#shoot_gamemsglayerdivins2 .shootgameinstruction1 h3.shootgameinstruction{
  color: #49788b;
}shoot the rocket instruction box title alignment#shoot_gamemsglayerdivins3 .shootgameinstruction1{
top: 1px;
left:98px;
}
Shoot the rocket isntruction box alignment#shoot_gamemsglayerdivins3 .shoot_gameinstructionboximg{
left: 0 !important;
}
pop the balloons instruction box#gamemsglayerdivins1 .popBOverlaycont{
width: 560px;
height: 397px;
left: -73%;
top: 21%;
}

*/

/*.portrait .btn-droppable, .portrait .btn-draggable{
    width: 7vh;
    height: 7vh;
}*/

/* hack to solve "image border not visible" issue, these images have border inbuilt in them*/
.portrait .preroll-img {
    padding: 1px;
}
/* shoot the rockets game area height */
@media (max-height: 680px) and (max-width: 1366px) {
    .shoot_game_div {
        /* 		height: 165px !important; */
    }
    /*
        #shoot_gamemsglayerdivins2{
            margin-top: -5% !important;
        }
        #shoot_gamemsglayerdivins2 .shootgameinstructiontext ul{
            width: 95%;
            margin: 40px auto 0;
            font-size: 20px;
            line-height: 28px;
        }
    */
    .click-sound-parent.layout-column {
        height: 620px;
    }
}
/* all iphone/android portrait widths */
@media (min-width: 278px) and (max-width: 464px) and (orientation: portrait) {
    .isMobilePortrait {
        display: block;
    }
    .isDesktop {
        display: none;
    }
    .portrait .letsgofishingContainer .startlgf_go_pg1 {
        width: 100% !important;
    }
}
/* all iphone/android landscape widths */
@media (min-width: 320px) and (max-width: 700px) {
    .landscape .page-main-controls .isMobilePortrait {
        display: block;
    }
    .landscape .page-main-controls .isDesktop,
    .landscape .content-pagination span.pre-lesson {
        display: none !important;
    }
     /* to fix SL3-5587: Iphone 8s (P/L) : Phonics :Book 2: footer : Replay icon is not coming properly on thank you screen */
     .landscape .content-pagination li.pager-control md-icon.replay {
        border-radius: 50% !important;
        width: 40px !important;
        height: 40px !important;
        padding: 0 !important;
    }
    .landscape .content-pagination li.arrow-left1 .icon-prev,
    .landscape .content-pagination li.arrow-right1 .icon-next,
    .landscape .icon-backward.md-button.md-ink-ripple,
    .landscape .icon-forward.md-button.md-ink-ripple,
    .landscape .ereader-right-footer-wrapper .btn-record i,
    .landscape .footer-menu .rdmap-wrap li a i,
    .landscape i#Resume,
    .landscape i#Save,
    .landscape i#pause {
        width: 37px !important;
        height: 37px !important;
        border-radius: 50% !important;
        line-height: 34px;
        color: #333;
        margin-bottom: 0px;
    }
    .landscape .page-main-controls ul li button md-icon i {
        margin: 0 auto !important;
        padding: 0 !important;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-moz-transform: translate(-50%, -50%);
        -o-moz-transform: translate(-50%, -50%);
    }
    .footer-menu .rdmap-wrap button.btn.btn-default {
        padding: 0;
    }
    .landscape
        .content-pagination
        li
        .md-button
        md-icon.icon-prev.icon-backward.material-icons
        i.fa.fa-backward {
        margin-left: -3px !important;
    }
    .landscape .content-pagination li .md-button md-icon i.fa.fa-forward {
        margin-left: 3px !important;
    }
    .landscape .content-pagination li.pager-control md-icon.play,
    .landscape .content-pagination li.pager-control md-icon.pause {
        border-radius: 50%;
        width: 40px !important;
        height: 42px !important;
        padding: 14px;
        background-position: center center !important;
    }
}

/* try adding css for .portrait, it should effect responsive
 on desktop screen also...
*/
/* Also make mobile portrait css work for desktop responsive till 767..**/
@media (min-width: 320px) and (max-width: 767px) {
    /* .portrait .gameParentDiv {
        margin: 49px 0 55px !important;
    } */
    /* custom css for menu on mobile....*/
    .portrait ul.menuList {
        width: 100%;
    }
    .portrait .accordion__item {
        clear: both;
    }
    .portrait .quizimgHolder {
        height: 50%;
        max-height: 50%;
        min-height: 50%;
        margin-top: 5%;
    }
    /** 1A image alignment issue */
    .portrait .letter-sequence .img-wrapper {
        width: max-content;
        height: max-content;
    }
    /**** 4B image column issue for portrait mode *******/
    .portrait .clicksoundinteractivity img.img_text {
        max-width: 100%;
    }
    .portrait .clicksoundinteractivity .click-soundcard-wrap.layout-row {
        padding: 0;
    }

    /**************** menu panel styling  ******************/
    .portrait .dialogBG {
        height: 300px;
    }
    .portrait .shoot_gameplaybgimg,
    .portrait .poptheballoonMainBackground,
    .portrait .letsgofishingMainBackground {
        /*   background: #EECDA3;  // fallback for old browsers
        background: -webkit-linear-gradient(to right, #EF629F, #EECDA3);  // Chrome 10-25, Safari 5.1-6
        background: linear-gradient(to right, #EF629F, #EECDA3); // W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    }

    .portrait #shoot_levelhard,
    .portrait #shoot_leveleasy,
    .portrait #shoot_levelmedium {
        width: 100%;
        background-image: none !important;
        height: 36px;
        border-radius: 8px;
        transform: none;
    }
    .portrait #shoot_leveleasy {
        background-color: rgba(200, 21, 244, 0.6);
    }
    .portrait #shoot_levelmedium {
        background-color: rgba(0, 80, 200, 0.6);
    }
    .portrait #shoot_levelhard {
        background-color: rgba(200, 0, 80, 0.6);
    }
    .portrait .shoot_imagex,
    .shoot_imagex {
        height: 400px !important;
    }
    .portrait .shootrocketPage0 .abcgame_abcpickrecommendedgamewrap {
        height: 100%;
    }

    .portrait .shoot_gamemutebtnimg,
    .portrait .shoot_gamerestartbtnimg,
    .portrait .shoot_gamehelpbtnimg,
    .portrait .shoot_gamepausebtnimg {
        margin: 0;
        width: 28px;
        height: 28px;
    }
    .portrait .shootrocketPages,
    .portrait .shootrocketPage0,
    .portrait .shootrocketPage1,
    .portrait .shootrocketPage2,
    .portrait .shootrocketPage3,
    .portrait .shootrocketPage4,
    .portrait .shootrocketPage5,
    .portrait .shootrocketPage6 {
        height: 100%;
    }
    .portrait .shootrocketPage0 .shootrocketrow,
    .portrait .shootrocketPage4 .shootrocketrow {
        width: 100% !important;
    }
    .portrait .shootrocketPage0 .shootrocketrow {
        height: 100%;
    }
    .portrait .shootrocketPage4 .shootgamelevel {
        left: 0;
    }

    .portrait .shootrocketPage6 #shoot_game_div {
        width: 75%;
        height: auto !important;
        margin: 0 auto !important;
    }
    .portrait .shoot_image1,
    .portrait .shootrocketrow.shoot_4curdefault {
        height: 100% !important;
    }
    .portrait .shootrocketPage6 #shoot_gamestarsrating {
        margin-top: 4px;
    }

    .portrait .ScoreBar {
        width: 100%;
        float: left;
    }
    .portrait .gamelevelbgnew {
        width: 90px;
        padding: 0;
        /* 	height: 40px; */
        /*
                border-radius: 10px;
                border-width: 2px;
        */
    }
    .portrait .abcgame_abcpickoptionalgamelist button {
        height: 36px;
        width: 65px;
        font-size: 11px;
        background-position-y: 6px;
    }

    /* remove top margin from shoot rocket game, for mobile portrait screens......*/
    .portrait .lgf_caption_left {
        margin-top: 0 !important;
    }

    .portrait
        .shootrocketPage6
        .shoot_gameelementcenter.shoot_width100.sm-playpause {
        padding: 0;
        text-align: left;
    }
    .portrait .shootrocketPage6 .shootrocketrowborderRight {
        padding: 0 5px; /* similar to upper canvas parent...*/
    }

    /* show score, missed, etc.. text on mobile.....*/
    .portrait #shootContainerGame {
        float: left;
        height: 100%;
        width: 100%;
    }
    .portrait .shootrocketPage6 .shootCenter {
        /*
                        min-height: 60% !important;
                        height: 60% !important;
        */
    }

    .portrait .scorePanel {
        width: 80px;
        float: left;
        margin-top: -40px;
        display: none;
    }
    /** hide upper & lower extra divs from splash page **/
    .portrait .shootrocketPage4 .shootrocketrow.col-xs-2 {
        display: none;
    }

    .portrait #Shoottherocket #shoot_gamescoreviewbox ,.portrait #Shoottherocket #shoot_gamemissedviewbox {
        height: 100% !important;
        font-size: 8px;
        padding-left: 7px;
        padding-right: 7px;
    }



    .portrait #Shoottherocket .controlButtons ul li i{
        font-size: 10px !important;
    }

    .portrait #Shoottherocket .rightSideBar .row {
        width: 55% !important;
    }

    .portrait #Shoottherocket .timer {
        font-size: 15px;
        width: 85px;
        margin-left: 10px;
    }

    .portrait #Shoottherocket .mode {
        font-size: 15px;
    }

    .portrait #Shoottherocket .leftSideBar .row img {
        max-width: 60% !important;
    }

    .portrait #Shoottherocket .alphabetButton {
        width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        font-size: 12px;
        max-width: 100%;
        border: 3px solid #fff;
        padding: 6px 15px;
    }

    .portrait #Shoottherocket .clock canvas {
        width: 60px;
        height: 60px;
    }

    .portrait #Shoottherocket .controlButtons ul li {
        max-width: 27px;
        height: 27px;
    }

    .portrait .shootrocketPage6 #shoot_gamescoreviewbox,
    .portrait .shootrocketPage6 #shoot_gamemissedviewbox,
    .portrait #shoot_countdownBar {
        display: block;
        background-image: none !important;
        width: 100%;
        height: auto;
        padding: 3px 13px;
        margin: 2px;
        font-size: 10px;
        border-radius: 4px;
        border-width: 2px;
        color: white;
        line-height: inherit;
        float: left;
    }
    .portrait #shoot_countdownNumber {
        border-radius: 4px;
    }
    .portrait .shootrocketPage6 #shoot_gamescoreviewbox {
        background-color: rgba(172, 0, 201, 0.4);
    }
    .portrait .shootrocketPage6 #shoot_gamemissedviewbox {
        background-color: rgba(0, 48, 75, 0.4);
    }
    .portrait .shoot_gamescorefont {
        color: black;
        float: right;
    }
    .portrait .shootrocketPage6 #shoot_gamescoreviewbox #gamescoreview {
        font-size: inherit;
        position: static;
        float: right;
    }
    .shootrocketPage6 .shootrocketrowborderRight {
        height: auto;
    }

    /* timer controls */
    .portrait .shootrocketPage6 #shoot_countdownBar .shoot_timeremaining,
    .portrait .shootrocketPage6 .shoot_timermode {
        color: rgb(201, 14, 181);
        font-size: 22px;
    }
    .portrait .shootrocketPage6 #shoot_countdownBar #shoot_countdownNumber {
        position: static;
        font-size: inherit;
    }
    .portrait #shoot_countdownBar {
        background-color: rgba(255, 253, 83, 0.7) !important;
        border-color: rgba(255, 0, 91, 0.7) !important;
        left: 0;
    }
    .portrait .shootrocketPage6 .shoot_gameelementcenter.shoot_countdownclock {
        width: 100%;
        float: left;
    }
    .portrait .shootrocketPage6 .shoot_timermode {
        margin-left: 0;
        font-size: 22px;
    }
    .portrait .shootrocketPage6 #shoot_countdownNumber,
    .portrait .shootrocketPage6 #shoot_timerselectedType {
        color: rgb(16, 23, 131);
        font-size: 22px;
        position: static;
    }
    .portrait #shoot_countdownNumber {
        float: left;
        width: 15%;
    }
    .portrait .shootrocketPage6 #shoot_timerselectedType {
        float: right;
        width: auto;
    }

    /* vertically align youtube video player ...*/
    .portrait .video-wrapper {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .portrait #customPlayer {
        height: 240px;
    }

    /*************************** Pop Balloon game ****************************************/
    .portrait .balloom_imagex {
        transform: none;
        height: 100% !important;
        width: 100% !important;
        margin-top: 0px !important;
        text-align: center;
    }
    /* start balloon screen */
    .portrait .popp0row {
        margin-top: 0 !important;
        width: 100%;
    }
    .portrait .popp1row {
        margin-top: 0 !important;
    }

    .portrait .popp0container {
        margin-top: 0 !important;
    }

    /* screen showing slow, medium, fast buttons for pop balloons game */
    .portrait .balloom_image_pg1 {
        margin-top: 0 !important;
        height: 100% !important;
        overflow: hidden;
        transform: none;
    }
    .portrait .letsgofishingpage3 .letsgofishingContainer.lgfp1container {
        height: 100%;
        top: 0px;
        margin-top: 0px !important;
    }
    .portrait .pop_go1_layer {
        left: -5%;
    }
    .portrait .startletsgofishingrow.lgfp1row {
        margin: 0 !important;
    }
    .portrait .balloom_image_pg1 img.bgclass {
        margin-top: 0 !important;
    }

    .portrait .gameelementcenter {
        padding-left: 0;
        padding-right: 0;
    }

    /* move pop balloons header little up to free space for game area */
    .portrait .poptheballoonspage4 .popSidemenuWrap,
    .portrait .popSidemenuWrap,
    .caption {
        margin-top: 0 !important;
    }
    .portrait .sm-poptheballoon-left-cantainer {
        height: 75px !important;
        min-height: 75px !important;
    }
    .portrait .poptheballoonspage4 .sm-gameContainer {
        height: 70% !important;
        min-height: 70% !important;
        float: none;
        clear: both;
        margin: 0 auto;
    }
    .portrait .poptheballoonspage4 .sm-right-container {
        min-height: 50px !important;
        height: 50px !important;
        position: static;
    }
    .portrait .poptheballoonContainer.popballoonmainclass {
        position: static;
        height: 100% !important;
    }
    /* game width should be 100%, it's parent (sm-gameContainer) should be adjusted according to screen */
    /* .portrait #balloonContainerGame #game_div {
        height: auto !important;
        width: 80% !important;
    } */
    .portrait .popBallonTimes {
        float: right;
        width: auto;
        padding: 0 44px 0 0;
    }
    .portrait .captionright {
        transform: none;
        margin: 2px 0;
        padding: 5px;
    }
    .portrait #gameToPlayPause {
        width: 28px;
        height: 28px;
        background-size: contain;
    }

    .portrait .show-popthebaloon-for-mobile .timermode,
    .portrait .show-popthebaloon-for-mobile .timeremaining,
    .portrait .letsgofishing-show-for-mobile-port .lgf_timermode,
    .portrait .letsgofishing-show-for-mobile-port .lgf_timeremaining {
        position: static;
        font-size: 22px;
        right: auto;
        color: rgb(201, 14, 181);
    }
    .portrait .show-popthebaloon-for-mobile #countdownNumber,
    .portrait .show-popthebaloon-for-mobile #gamelvlintdication,
    .portrait .letsgofishing-show-for-mobile-port .lgf_countdownNumber,
    .portrait .letsgofishing-show-for-mobile-port .gamelvlintdicationFishing {
        font-size: 22px;
        position: static !important;
        color: rgb(16, 23, 131) !important;
    }
    /* ratings & pause button for pop ballons */
    .portrait .ptbPoratraitStar .ra-star-o,
    .portrait .ptbPoratraitStar .ra-star,
    .portrait .letsgofishingpage4 .lgf-right-section .lgf_ra-star-o,
    .portrait .letsgofishingpage4 .lgf-right-section .lgf_ra-star {
        width: 20px;
        height: 20px;
        background-size: contain;
    }
    .portrait .letsgofishingpage4 .lgf-right-section .lgf_ra-star-o,
    .portrait .letsgofishingpage4 .lgf-right-section .lgf_ra-star {
        margin-bottom: 2px;
    }
    .portrait .ptbPoratraitStar {
        width: 50%;
    }
    .portrait .ptbPoratraitPlayPause {
        width: 15%;
        float: left;
        height: 100%;
        margin: 0;
    }
    .portrait #gameToPauseBtn {
        background-size: 100% 100%;
        /*
                width: 52px;
                height: 53px;
        */
    }

    .portrait .ptbPoratraitPlayPause .gamepausebtnimg {
        transform: none;
        margin-top: 0;
    }
    .portrait #gamestarsrating {
        text-align: center;
    }
   

    /***************************** game letz go fishing *******************************/
    /* timer for pop balloons & fishing game */
    .portrait .fishingTimes {
        /*
                background-color: rgba(255, 253, 83, 0.7) !important;
                border-color: rgba(255, 0, 91, 0.7) !important;
                border-radius: 10px;
                border-width: 2px;
                width: 80px;
                        margin-left:5px;
                        float: left;
        */
        /* margin-top: 5px; */
        font-size: 22px;
        width: 30%;
        float: right;
        margin-right: 3%;
    }
    .portrait .letsgofishingpage4 .lgf-right-section #lgf_countdownNumber {
        padding: 5px;
        background-color: rgba(230, 210, 21, 0.7);
        border-radius: 10px;
    }
    .portrait .letsgofishingpage4 .lgf-right-section #lgf_gamelvlintdication,
    .portrait .letsgofishingpage4 .lgf-right-section #lgf_countdownNumber {
        font-size: 18px;
    }
    .portrait .startletsgofishingrow.lgfp1row {
        width: 100%;
        height: 100%;
        margin: 0;
    }

    .portrait .lgfgameelementcenter.lgf_go1_layer {
        left: 0 !important;
        top: 0 !important;
        padding: 0;
    }
    .portrait .startlgf_go_pg1 {
        transform: none;
    }
    .portrait .startletsgofishingrow .startlgf_go_pg1.pop_gobtn_layer {
        height: 41px !important;
        z-index: 999999 !important;
    }
    .portrait .startletsgofishingrow .startlgf_go_pg1.pop_gobtn_layer button {
        font-size: 14px;
    }
    /* make lets go fishing header text B-F centered */
    .portrait .letsgofishingpage4 .lgf_modedivborder {
        background-size: contain;
        background-position-x: 50%;
        padding: 2px 0 2px 6px !important;
        text-align: center;
    }
    .portrait .letsgofishingpage4 .lgf_lvltxt {
        position: static;
    }
    .portrait .letsgofishingpage4 .lgf_width100 {
        width: 32%;
        margin: 0;
        padding: 0;
        height: 50px;
        padding-top: 5%;
    }
    .portrait .lgf_gameinstructionbtnimgpg,
    .portrait .lgf_gamepausebtnimg,
    .portrait .lgf_gamerestartbtnimg {
        height: 28px;
        width: 28px;
        display: block;
        float: left;
        margin: 5px 4px;
    }
    .portrait .lgf_bgclass_game {
        margin-top: 0 !important;
    }
    .portrait #lgfgame_div {
        height: auto !important;
        width: 80% !important;
        margin: 0;
        position: static;
        margin: 10px auto;
    }
    .portrait .letsgofishingpage4 .letsgofishingrowborder:nth-of-type(1) {
        height: 75px !important;
        min-height: 75px !important;
    }
    /* override appstyles styling for main row of fishing game container*/
    .portrait .letsgofishingpage4 .letsgofishingrowborder:nth-of-type(2) {
        transform: none;
        height: 70% !important;
        min-height: 70% !important;
        position: relative; /* make it reference for it's children */
        margin-top: 5px; /* move it little upwards */
        top: 0;
    }
    .portrait .letsgofishingpage4 .lgfContainerGame {
        padding-left: 0px;
        margin-top: 5px;
        height: auto !important;
    }
    .portrait .lgfmainclass {
        height: 100% !important;
    }
    /** ratings, pause btn timer container */
    .portrait .letsgofishingpage4 .letsgofishingrowborder:nth-of-type(3) {
        position: static;
        height: 50px !important;
        min-height: 50px !important;
    }
    /* game ratings container */
    .portrait .letsgofishingpage4 .lgf-right-section .lgf_left_layerx {
        margin-left: 10px;
        margin-top: 2px;
        position: static;
        width: 130px;
    }
    /**** fishing pause, help buttons coming in 2 lines in 360 width android, corrected it****/
    .portrait .letsgofishingpage4 .lgfSidemenuWrap {
        width: 100%;
    }
    .portrait .lgf_modedivborder,
    .lgf_left_layerx,
    #lgf_gamestarsrating {
        /* text-align: left; */
        /*         padding-top: 5px; */
    }

    .portrait.lgfgameelementcenter.lgf_width100.lgfPauseBtnParent {
        width: 15%;
        margin: 5px;
        height: auto;
    }
    .portrait .lgf_captionright {
        margin-top: 5px !important;
        margin-left: 5px !important;
    }
    .portrait .lgfPauseBtnParent {
        padding-top: 0 !important;
    }
    .portrait #lgf_levelEasy,
    .portrait #lgf_levelMedium,
    .portrait #lgf_levelHard {
        background-size: contain !important;
        background-position: center center !important;
    }
    /* fishing timer settings above with ballon settings*/

    /************************ sound match game ******************/
    .portrait .abcgame_soundMatchContainerwrap {
        margin-top: 0;
        /*  background-image: none !important;
        background: #EECDA3 !important;   fallback for old browsers
        background: -webkit-linear-gradient(to right, #EF629F, #EECDA3) !important;  /* Chrome 10-25, Safari 5.1-6
        background: linear-gradient(to right, #EF629F, #EECDA3) !important; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    }
    .portrait .abcSoundMobileView {
        height: 75%;
        width: 88%;
        margin: 0 auto;
        float: none;
    }

    /*** button on game start screen **/
    .portrait .abcgame_SMtimermode {
        /*height: 40px;*/
        font-size: 16px;
        font-weight: normal;
        padding-top: 1px;
    }
    .portrait .abcgamesoundmatchgame .abcgame_sm_closeinstruction {
        z-index: 1;
        right: 1%;
    }
    /** make game area little smaller ***/
    .portrait .abcgame_smgameplayWrap {
        border: 3px solid #dbc111;
    }
    .portrait .abcgame_sm_RP_repeatsound .abcgame_smrepeatletter {
        margin-top: 7%;
        background-size: 70%;
        background-position: center center;
        padding-bottom: 20px;
        padding-top: 10px;
    }
    .portrait .abcgame_sm_RPwrap .abcgame_smstarwrap {
        text-align: left;
        padding-left: 6%;
        margin-top: 0;
        width: 33%;
    }
    .portrait .abcgame_sm_RP_timer {
        width: 33%;
        margin-top: 0;
    }
    .portrait .abcgame_sm_RP_repeatsound {
        margin: 0;
        width: 33% !important;
        z-index: 9;
    }
    .portrait .abcgame_sm_RP_timer .abcgame_smcountdown {
        margin: 2px 10px 2px 0;
        font-size: 16px;
    }
    .portrait .abcgame_smtimeMode {
        margin-left: 0px;
        font-size: 16px;
    }
    .portrait .abcgame_sm_bottom_RP {
        padding: 0;
        display: flex;
        align-items: center;
    }
    .portrait .abcgame_smrepeatletter {
        font-size: 10px;
        line-height: 3px;
    }
    .portrait .abcgame_sm_Lcontrols {
        width: 30%;
        padding-top: 12px;
        height: 91px;
        float: left;
        position: absolute;
        right: 0%;
        display: flex;
        align-items: center;
    }
    .portrait .abcgame_smtop {
        padding: 0 10px;
    }
    .portrait .abcgame_sm_RP_controlswrap {
        margin-top: 5px;
        float: left;
    }
    .portrait .abcgame_smstar {
        width: 10px;
        height: 10px;
    }
    .portrait .abcgame_maincontainer.fullsize {
        width: 80% !important;
        height: 78% !important;
    }
    /*************************** game ABC match **************************************/
    .portrait .abcgame_abcpickparent .abcgame_abc-container {
        height: 100% !important;
    }

    .portrait .abcgame_centerGamePart_portrait {
        width: 100% !important;
    }
    
    .portrait .abcgame_abcpick_modeContainer {
        margin-left: auto;
    }
    .portrait .abcgame_abclevelContainer .abcgame_abcpick_levelbtn {
        font-size: 16px;
        margin: 0px 10px;
        padding: 3px 13px 7px;
        height: 40px;
    }
    .portrait .abcgame_abcpick_portrait_timer {
        width: 40%;
    }
    .portrait .abcgame_abcpick_countdown_portrait {
        font-size: 18px;
        padding: 2px;
    }
    .portrait .abcgame_leftMenuLevelWindow_portrait {
        font-size: 18px;
        margin-left: 10px;
    }
    .portrait .abcgame_abcpick_menubottom {
        padding: 2% 3% 0;
    }
    .portrait .abcgame_abcpick_portrait_controls {
        width: 20%;
    }
    .portrait .abcgame_abcpickcontrols {
        width: 15%;
        float: left;
        margin: 0 8px;
    }
    .portrait .abcgame_abcpick_letterSoundWrap {
        margin-left: 0%;
        width: 33%;
        height: 50px;
    }
    .portrait .abcgame_abcpick_ratingRowcontent {
        margin: 0 0 0 15%;
    }
    .portrait .abcgame_abcpickcontrols img {
        width: 28px;
        height: 28px;
    }
    .portrait .abcgame_abcpick_ratingRow {
        margin: 0px 0 0 8%;
    }
    .portrait .abcgame_abcpick_logoGroupLeftpanel {
        margin: 0px;
    }
    .portrait .abcgame_abcpick_ratingRow .abcgame_startRate {
        width: 18px;
        height: 18px;
    }
    .portrait .abcgame_abcpick_ratingRow {
        width: 40%;
    }
    .portrait .abcgame_abcpick_gametypeHead {
        font-size: 16px;
        padding-bottom: 0;
    }

    .portrait .abcgame_abcpick_letterSoundWrap .letterSound {
        font-size: 11px;
        line-height: 30px;
    }
    .portrait .abcgame_abcpick_instructionList {
        margin-top: 9%;
    }
    .portrait .abcgame_instructionTitle {
        line-height: 10px;
    }
    /******************************ABC bingo game *********************/
    .portrait .abcgame_bingomaincontainer {
        width: 100% !important;
        height: 100% !important;
    }

    .portrait .abcgame_bingomaincontainer.reducesize {
        width: 80% !important;
        height: 70% !important;
    }
    .portrait .abcgame_bingologo {
        margin-top: 0;
    }
    .portrait .abcgame_bingomatrix {
        font-size: 18px;
        padding-top: 0;
        width: 100%;
        background-position-x: 40% !important;
        background-size: contain;
        background-position-y: 3px;
        background-repeat: no-repeat;
    }
    .portrait .abcgame_bingoContainer {
        height: 100% !important;
        /*   background-image: none !important;
        background: #EECDA3 !important;  /* fallback for old browsers
        background: -webkit-linear-gradient(to right, #EF629F, #EECDA3) !important;  /* Chrome 10-25, Safari 5.1-6
        background: linear-gradient(to right, #EF629F, #EECDA3) !important; W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    }
    .portrait .abcgame_bingohomebuttonswrap1 {
        margin-left: 0;
    }
    .portrait .abcgame_bingohomebuttons:first-child {
        padding: 0 10px;
        margin: 0 auto;
    }
    .portrait .abcgame_bingolefcasedetail div {
        font-size: 17px;
        height: 44px;
        line-height: 44px;
        padding: 0;
    }

    .portrait
        .abcgame_bingoleftparentwrap_portrait
        .abcgame_bingolefcasedetail {
        margin: 10px auto 0;
        float: none;
        width: 40%;
        padding-bottom: 15px;
        height: 40px;
    }
    .portrait .abcgame_bingoflipcardcont {
        width: 100%;
        padding: 5px 0 5px 5px;
        position: relative;
    }
    .portrait .abcgame_bingoflipcard {
        width: 30%;
        height: 30%;
    }
    /*** remove dark blue border from portrait screens **/
    .portrait .abcgame_bingoplayarea {
        background: transparent;
        border: none;
    }
    .portrait .abcgame_bingoTellerWrap {
        height: 57px;
        padding: 1px 10px;
        width: 90%;
    }
    .portrait .abcgame_bingorepeattelling {
        font-size: 11px;
        width: 180px;
        background-size: 100% 100%;
    }
    .portrait .abcgame_bingoleftparentwrap_portrait .abcgamebingocontrolwrap {
        width: 25%;
        right: 5%;
    }
    .portrait .abcgame_bingorefresh,
    .portrait .abcgame_bingohelp {
        width: 30px;
        height: 30px;
        margin: 5px;
        float: left;
    }
    .portrait input.abcgame_bingo_closeinstruction {
        background-repeat: no-repeat;
        background-size: contain;
        width: 32px;
        height: 27px;
        margin: 0;
    }
    /****************************** Shoot the rockets instruction box ****************************/
    .portrait #shoot_gamemsglayerdivins3 .shoot_gameinstructionboximg {
        left: -2% !important;
    }
    /*  .portrait #shoot_gamemsglayerdivins3 .shootgameinstruction1{
        left: 118px;
     }*/
    .portrait .shootROverlayg {
        display: none;
    }
    .portrait .shoot_gameinstructionboximg1 {
        top: 50%;
        left: 50% !important;
        transform: translate(-50%, -50%) scale(0.8);
        margin-left: 0 !important;
        -webkit-transform: translate(-50%, -50%) scale(0.8);
        -ms-transform: translate(-50%, -50%) scale(0.8);
        -o-transform: translate(-50%, -50%) scale(0.8);
        -moz-transform: translate(-50%, -50%) scale(0.8);
    }
    .portrait #shoot_gamemsglayerdivins2 {
        top: 50%;
        left: 50% !important;
        transform: translate(-50%, -50%) scale(0.8);
        margin-left: 0 !important;
        -webkit-transform: translate(-50%, -50%) scale(0.8);
        -ms-transform: translate(-50%, -50%) scale(0.8);
        -o-transform: translate(-50%, -50%) scale(0.8);
        -moz-transform: translate(-50%, -50%) scale(0.8);
    }

    /*************************** Pop the Balloons instruction box ********************/
    /*
        .portrait #gamemsglayerdivins1 .popBOverlaycont{
            left: -75%;
            transform: scale(1.5);
            -webkit-transform: scale(1.5);
            -ms-transform: scale(1.5);
            -o-transform: scale(1.5);
            -moz-transform: scale(1.5);
        }
    */
    /*************************** Lets go finishing instruction box ********************/
    .portrait .lgfBOverlaycont {
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) scale(0.8);
        -webkit-transform: translate(-50%, -50%) scale(0.8);
        -moz-transform: translate(-50%, -50%) scale(0.8);
        -o-transform: translate(-50%, -50%) scale(0.8);
        -ms-transform: translate(-50%, -50%) scale(0.8);
        padding-top: 20px;
    }

    /********************* Section 1 - Lesson 2A - issue of alphabet alignment ****************/
    .portrait .singleFlashCardMixup .upperCaseLetter,
    .portrait .singleFlashCardMixup .lowerCaseLetter {
        font-size: 7vh !important;
    }
    /******************* Section 1 - Lesson 3A - Alphabet not center aligned issue **************/
    .portrait .single-flash-card .demotrumpCard .level2 > span {
        margin-top: 6%;
        font-size: 100px;
    }
    .portrait .single-flash-card .demotrumpCard .level2 > span.text-cap {
        margin-top: 11% !important;
    }
    /****************** Interactivity Drag - image overlaps with alphabet after drag issue *****************/
    .portrait .drag-container {
        width: 100%;
        margin: 0;
    }
    .portrait .space-padding {
        margin: 20px 0;
    }

    .portrait #appBody .dragcontainer-wrap .drag-container .drop_child p.drop_childAfter {
        font-size: 2.3vh !important;
        bottom: 0;
    }
    /********* Activity in header ********/
    /*.portrait .stageCnt{
        display: flex;
        max-width: 120px;
        overflow-x: auto;
        padding-left: 7px !important;
        overflow: visible;
        height: 45px;
    }*/

    .portrait tooltip._bottom tip tip-arrow {
        display: none; /* tool tip hidden on mobile since activity section having horizontal scroll for more than 3 activities */
    }
    /* Style for full screen/ toggle screen footer menu */
    .portrait .btn-action {
        top: 0px;
    }
    .portrait .btn-action img {
        margin-top: 0px;
        transform: scale(0.9);
        margin-left: -8px;
    }
    /** Shoot the rocket */

    .portrait #shoot_gamemsglayerdivins3 .shoot_closebtn {
        right: 0px;
    }

    .portrait .content-pagination span.pre-lesson {
        display: none !important;
    }
    .portrait .icon-backward.md-button.md-ink-ripple {
        border: 2px solid;
        padding: 0 4px 0 0;
        background-color: #fff;
        min-width: 37px !important;
        height: 37px !important;
        border-radius: 50% !important;
    }
    .portrait .icon-forward.md-button.md-ink-ripple {
        border: 2px solid;
        padding: 0 0 0 4px;
        background-color: #fff;
        min-width: 37px !important;
        height: 37px !important;
        border-radius: 50% !important;
    }
    .content-pagination li.pager-control .md-button {
        margin: 0;
    }

    .portrait .content-pagination li.pager-control span,
    .portrait .content-pagination li.arrow-left1 .md-button,
    .portrait .content-pagination li.arrow-right1 .md-button {
        margin-top: 0px;
    }
    .portrait .content-pagination li.pager-control button.volume-ctrl {
        bottom: 5px;
        width: 50px;
        right: -16px;
    }
    .portrait .content-pagination li.arrow-left1 {
        margin-top: 0px;
        margin-right: -9px;
    }
    /****  Fast forward dots ******/
    .portrait .content-pagination .fast-forward-buttons ul {
        display: flex;
        width: 100%;
        margin: 0 auto;
        padding: 0;
        text-align: center;
        padding: 0 0 0 8%;
    }
    .portrait .fast-forward-buttons ul {
        padding-left: 0 !important;
        padding-top: 0px !important;
    }
    .portrait .fast-forward-buttons {
        min-width: 5%;
        top: -20px;
    }
    .portrait .clicksoundinteractivity .click-sound-parent {
        width: 100%;
    }
    .portrait .clicksoundinteractivity .click-soundcard-wrap.layout-row {
        height: 40%;
        align-items: center;
        flex-wrap: wrap;
        padding: 0 !important;
    }

    .portrait .btn-draggable .currAct {
        top: -8px;
        right: -4px;
    }
    /** Lesson 1-1-2B border radius alignment issue, issue no AP-1381 and AP-1283 marked in jira ***/
    .portrait .mainFlashcard_flip .testcard1_ff,
    .portrait .mainFlashcard_flip .testcard2_ff,
    .portrait .mainFlashcard_flip .iostestcard1_ff,
    .portrait .mainFlashcard_flip .iostestcard2_ff {
        border-radius: 10px;
    }
    .portrait img.quiz-img {
        /* padding: 7% 0 0 0;  image reaches the bottom edge of sound button in the card */
    }
    .portrait .repeat-icon {
        margin: 5px 3px 5px 20px; /* Repeat button touch in right side corner */
        line-height: 29px;
    }

    /* Instruction content issue in section-2,5c */
    .portrait .abcgame_sm_instruction_step ul {
        padding: 0;
        font-size: 15px;
        padding: 0 67px;
        line-height: 24px;
        height: 52%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .portrait .abcgame_soundMatchContainerwrap ul {
        padding: 0 74px;
        font-weight: bold;
    }
    .portrait .abcgame_sm_instruction_step ol li {
        width: 100%;
    }
    .portrait .abcgame_sm_instruction_step ol li {
        font-size: 1.8em;
    }
    /*issue:Image and the 2 buttons: "Play Again" and "Next" are overlapping.*/
    /* .portrait img#ouputImg {
        max-height: 400px;
        max-width: 400px;
    } */
    /* .portrait #interactivity_div .connectthedots-outputimg-container img#ouputImg {
        max-height: 400px;
        max-width: 500px;
    } */
    /*** fast forward dots ****/
    .portrait .fast-forward-buttons .content-pagination li.fast-forward-dots {
        margin-right: 0;
        margin: 0 5px !important;
    }
    .portrait .fast-forward-buttons {
        top: -16px;
    }
    .portrait .content-pagination {
        max-height: 56px;
        border-top: 0;
        padding: 0;
    }
    .portrait .video-container .interactivityParentDiv {
        margin: 49px 0 56px 0;
    }
    .portrait .BookTemplate .fontfaceRed_ADV_CALIBRI {
        letter-spacing: 0px;
    }

    /*    start caption 'Instructions' and instructions text not aligned centre. 1628*/
    .portrait .abcgame_instructionTitle {
        font-size: 13px;
        line-height: 47px;
        width: 55%;
        height: 53px;
        z-index: 99999;
    }
    .portrait .abcgame_abcpick_instructionList div {
        padding-top: 4% !important;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 77%;
        font-size: 15px;
        line-height: 22px;
    }
    .portrait .abcgame_instructions {
        position: relative;
    }
    /*    end caption 'Instructions' and instructions text not aligned centre. 1628*/

    .portrait
        .abcgame_abcpick_floatPlayArea_portrait
        .abcgame_instructionTitle {
        padding-top: 0px;
    }
    .portrait
        .abcgame_abcpick_floatPlayArea_portrait
        .abcgame_abcpick_instructionList
        div {
        font-size: 13px;
        padding-top: 0px;
    }
    .portrait .quiz-img-wrap .icon-volume {
        bottom: 1px;
        right: 1px;
        height: 20px;
        width: 25px;
    }
    .portrait .content-pagination li.fast-forward-dots i {
        font-size: 17px;
        margin: 1px 9px;
        vertical-align: middle;
    }
    .portrait
        .six-flash-card
        .flip-divider
        .flipTemp
        .fontface_ADV_CALIBRI
        span {
        font-size: 1.1vh !important;
    }
    .portrait .popp0row {
        height: 100% !important;
    }
    .portrait .mainFlashcard_flip .flip-card-txt {
        margin: 0% 0 0;
    }
    .portrait .quizClass > span {
        font-size: 11vw;
    }
    /* Need top margin in capital letters only */
    .portrait .quizClass > span.quiz-txt-cap {
        margin-top: 9px;
    }

    .portrait img.quiz-img {
        padding: 18% 0 0 0;
    }

    /*    Section 3 / Lesson 6A - Words beginning with their Sounds 1518*/
    .portrait .twoflash-cont .demotrumpCard .level2 > span {
        margin: -4% 0 0 11px;
        letter-spacing: 2px;
    }

    .portrait .flash-card-sq3 .two-flash-img,
    .portrait .flash-card-sq4 .two-flash-img,
    .portrait .flash-card-sq5 .two-flash-img {
        max-height: 18vh !important;
    }
    .portrait .letter-with-image .demotrump img {
        margin-top: 23%;
        max-width: 70%;
        padding: 9%;
    }
    /* To resolve issue 1505 */

    .portrait .connectthedots-start-game-instruction-wrapper ul li {
        line-height: 1.6em;
    }
    .portrait .abcgame_abcpick_logoGroup img {
        height: 70% !important;
        width: 70% !important;
        object-fit: contain;
    }
    /* increase abc pick header width */
    .portrait .abcgame_top {
        padding: 0 15px;
    }
    .portrait .abcgame_abcpickcontrols_wrapper {
        width: 33%;
        float: right;
        padding: 18px 0 10px 0px;
    }
    .portrait .abcgame_abcpick_letterSoundWrap {
        margin-top: 2%;
    }
    .portrait .abcgame_smlogo {
        background-size: contain;
        background-position-x: 50%;
        width: 200px !important;
        height:48% !important;
    }
    .portrait #letsplaybasketball .startletsgofishingrow .letsGoFishingLogo, 
    .portrait #letsplaybasketball .startletsgofishingrow .lgf_gameinstructpglayernxtbtnimg {
        width: 200px !important;
        height: 200px;
    }
    .portrait .abcgame_sm_instruction_content {
        left: 0%;
        padding: 20px 0;
        width: 100%;
        max-height: 400px;
    }
    .portrait .abcgame_soundMatchContainer {
        height: 100% !important;
    }
    .portrait .abcgame_SMtimermodeparent {
        position: absolute;
        bottom: 10%;
    }
    .portrait .abcgame_bingologo,
    .portrait .gameContainer .bingoLogo {
        background-size: contain;
        background-position-x: 50%;
        width: 100%;
        max-height: 200px;
    }
    
    .portrait .abcgame_splashwrap {
        padding-top: 0px;
    }
    .portrait .abcgame_bingoi {
        height: 40px;
        width: 40px;
    }
    .portrait poptheballoons .gameinstructpglayernxtbtnimg {
        width: 100%;
        max-height: 400px;
        margin-left: 0;
        height: 80%;
        margin: -20% 0 0 0;
    }
    .portrait .abcgame_abcpickoptionalgamelist button {
        left: 3%;
    }
    .portrait .pop_go1_layer {
        top: 0 !important;
        padding-right: 0px;
        left: 0;
    }
    .popgameplaylvlbtnimg {
        height: 66px;
        padding-bottom: 33px;
        /* line-height: 20px; */
    }
    .portrait .startpoptheballoonrow {
        height: 100%;
    }
    /*    * Menu screen toggle *
        .portrait .Roadcontent .dialogBG div.ng-scope.ng-isolate-scope{
            display: none;
        }
        .portrait .Roadcontent .dialogBG .ng-hide:not(.ng-hide-animate){
            display: block !important;
        }
        .portrait .course-view{
            overflow: scroll;
            float: left;
            width: 100%;
            box-sizing: border-box;
            display: -webkit-box;
        }
        .portrait .course-view md-list{
            width:90%;
            float:left;
        }
        .portrait .ml-left, .portrait .ml-right,  .portrait .games-view .ml-right,.portrait .video-list .ml-right{
            width: 100%;
        }
        .portrait .ml-right .split-wrap{
            margin: 0 0 50px 0;
        }
        .portrait .ml-right .selected-books{
            margin-left: 0;
        }
        .portrait .games-list li{
            width: 47%;
        }
        .portrait .ml-left{
            margin-left: 50px;
        }*/
    /** Menu screen toggle **/
    .portrait .abcgame_smatoe {
        line-height: 41px;
        height: 69%;
    }

    .portrait .upperCaseLetter {
        padding-left: 7px;
    }

    .portrait .quiz-txt-cap {
        padding-top: 20%;
        display: block;
    }
    .portrait .modedivborder {
        margin-top: -19%;
    }
    .portrait .popLogoleft {
        margin-top: -30px !important;
        width: 26% !important;
        float: left;
    }
    .portrait .pop_left_layerx {
        /*
                transform: scale(0.6);
                -webkit-transform: scale(0.6);
                -moz-transform: scale(0.6);
                -ms-transform: scale(0.6);
                -o-transform: scale(0.6);
                margin-top: -22%;
                float: right;
        */
    }
    .portrait .poptheballoonspage4 .sm-right-container {
        margin: 10px 0 0 0;
    }
    .portrait .modedivborder {
        float: left;
        margin-top: 0;
        width: 50%;
        height: 53px;
        background-size: contain !important;
        background-position: center center;
        transform: scale(0.9);
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -o-transform: scale(0.9);
        padding-top: 5px;
    }
    .portrait .modedivborder .lvlmsg {
        font-size: 14px;
    }
    .portrait .modedivborder .lvltxt {
        font-size: 17px;
        left: 35%;
        bottom: 18%;
    }

    .portrait .pop_left_layerx button {
        width: 28px;
        height: 28px;
        background-size: contain;
    }
    .portrait .poptheballoonspage4 .popSidemenuWrap,
    .portrait .popSidemenuWrap,
    .caption {
        width: 100% !important;
    }
    .portrait #lgf_levelEasy {
        background-size: 100%;
    }
    /*    Games-PA TB1 Visual issues ABC Pick-All Sections 1570*/
    .portrait .abcgame_abcpick_matchHeadContent {
        padding-top: 0%;
        margin-left: -9px;
    }
    .portrait .abcgame_abcpick_matchHeadContent div {
        font-size: 9px;
        line-height: 9px;
    }
    .portrait .abcgame_abcpick_matchHead {
        background-size: contain;
    }
    .portrait .mainFlashcard_flip .flipTemp .fontface_ADV_CALIBRI span {
        line-height: 1;
        margin: 0;
    }
    /* shoot the reckets game menu */
    .portrait .shootrocketPage6 .shoot_gamelettermodeimg {
        padding: 17px 0 0 0;
        line-height: 0.7em;
        font-size: 0.9em;
    }
    .portrait .shootgameinstruction1 {
        left: 34%;
        top: 4px;
    }

    .portrait div.pop_left_layer {
        padding-top: 2% !important;
        width: 72%;
        float: left;
    }
    .portrait .abcgame_bingo_instruction_header {
        line-height: 40px;
        font-size: 13px;
        width: 50%;
        height: 41px;
    }
    .portrait .abcgame_bingo_instruction_step {
        font-size: 12px;
        position: absolute;
        margin: 0px 0 0 0;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        width: 80%;
        height: auto;
    }
    .portrait .abcgame_bingo_instruction_content {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
    }
    
    .portrait .abcgame_bingohomebuttons {
        margin: 0px !important;
        padding: 0px !important;
    }
    .portrait .letsgofishingpage4 .lgf_left_layer {
        height: 59px !important;
        margin-top: 0 !important;
        padding-top: 20px;
    }
    .portrait .lgf_go3_layerx,
    .portrait .lgf_go4_layerx {
        left: 50% !important;
        top: 50% !important;
        height: 0;
        width: 0;
        -webkit-transform: translate(-50%, -50%) scale(0.8);
        -moz-transform: translate(-50%, -50%) scale(0.8);
        -ms-transform: translate(-50%, -50%) scale(0.8);
    }
    .portrait .lgf_go4_layerx {
        /*
                left: 0 !important;
                top: 0 !important;
                height: 80%;
                width: 100%;
                transform: scale(0.8);
                -webkit-transform: scale(0.8);
        */

        /*
                left: -12% !important;
                top: 28% !important;
                width: 100%;
                transform: scale(0.6);
                -webkit-transform: scale(0.6);
                -ms-transform: scale(0.6);
                -moz-transform: scale(0.6);
                -o-transform: scale(0.6);
        */
    }
    .portrait .lgfcaption {
        width: 100%;
    }
    .portrait .drag-drop-section {
        position: relative;
    }
    /* .portrait .drag-container {
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        /* margin-bottom: -74px;
    }*/
    .portrait .dragdropinteractivity .layout-fill {
        min-height: 80%;
    }
    .portrait .letter-sequence .image {
        max-height: 190px;
        max-width: 220px;
    }
    .portrait .quizClass span.quiz-txt {
        vertical-align: middle;
        margin: 0px 0 0 0;
        display: block;
    }
    .portrait .quizClass span.quiz-txt .quiz-txt-cap {
        vertical-align: middle;
        margin: 0 !important;
        display: block;
    }
    .portrait .abcgame_sm_instruction_header {
        font-size: 15px;
        margin-bottom: 7%;
        margin-top: 0;
    }
    .portrait .abcgame_abcpickrecommendedgame img {
        height: 100%;
    }
    .portrait .abcgame_sminstructions {
        width: 40px;
        height: 40px;
    }
    /* Footer menu controls */
    .portrait .content-pagination li i {
        margin: 0 auto !important;
        padding: 0 !important;
        vertical-align: middle !important;
    }
    .portrait .content-pagination li md-icon {
        height: auto;
        width: auto;
    }
    .portrait .content-pagination .fast-forward-buttons ul {
        padding: 0 10px !important;
    }
    .portrait .letsgofishingpage4 .lgf_gameDivfull {
        margin: -4px 0 0px 0px;
    }
    .portrait .abcgame_abcpickoptionalgamelist button {
        top: 51%;
    }

    /* 1-1-5A*/
    .portrait
        .flipthebook
        .BookTemplate
        .flipbook-viewport
        .flipbook.booktemplate2
        .page-wrapper
        .page
        img.img_text {
        margin-top: -3% !important;
    }
    .portrait .poptheballoons .startshoot_go_pg1 {
        top: 77% !important;
    }
    .portrait
        .abcgame_bingoContainer
        .abcgame_bingoscoredetailbox
        input[type="button"] {
        background-size: contain;
        height: 50px;
        font-size: 15px;
        line-height: 0;
        margin: 0;
        padding: 0px 0 7px 0;
        background-repeat: no-repeat;
        background-position: 0;
        width: 115px;
        top: 0;
        text-align: center;
        transform: none;
    }
    .portrait
        .abcgame_bingoContainer
        .abcgame_bingohomebuttons
        input[type="button"] {
        height: 60px;
    }

    .portrait .abcgame_bingoscoredetailbox .abcgame_bingoscoreno {
        font-size: 12px;
        height: 30px;
        line-height: 21px;
    }
    .portrait .abcgame_bingoimage {
        /*
                position: absolute;
                background-repeat: no-repeat;
                background-size: contain;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);
                -webkit-transform: translate(-50%,-50%);
                -ms-transform: translate(-50%,-50%);
                -o-transform: translate(-50%,-50%);
                -moz-transform: translate(-50%,-50%);
                padding: 0;
                margin: 0;
        */
    }
    .portrait .abcgame_smscoredetails {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 0 !important;
        margin: 0 !important;
    }
    .portrait .abcgame_bingoscoreword {
        font-size: 13px;
    }
    .portrait .abcgame_abcpickoptionalgamelist button {
        top: 60% !important;
        left: 50% !important;
        transform: translate(-50%, 0%);
        -webkit-transform: translate(-50%, 0%);
        -moz-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        -o-transform: translate(-50%, 0%);
    }
    .portrait .shootgameinstructiontext ul {
        margin: 11% auto;
    }
    .portrait .recommendedbadge {
        background-size: contain;
    }
    .portrait .abcgame_bingo_instruction_content {
        width: 85%;
        height: 32%;
    }
    .portrait .abcgame_bingooverlayblock {
        opacity: 0;
    }
    .portrait .shootrocketPage4 .shootgameinstructiontext ul {
        width: 65%;
        padding: 0;
        font-size: 17px;
        line-height: 22px;
        max-height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        margin: 2.5% auto;
    }
    .portrait .quiz-img-wrap {
        height: 100% !important;
    }
    .portrait .preroll-img {
        margin-top: -20px;
        max-height: 53vh;
    }
    #flipping_leatherbook .preroll-img{
        margin-top: 0 !important;
    }
    .portrait .abcgamesoundmatchgame div.abcgame_sm_instruction_step ol {
        width: 61%;
        margin: 6px 0 0 0;
    }
    .portrait .shootrocketPage0 .abcgame_abcpickrecommendedgame {
        height: 65%;
    }
    /* All games vertically center */
    .portrait .shootrocketPage6 #shoot_game_div {
        position: absolute;
        left: 50%;
        top: 50%;
        height: 100% !important;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        width: 100% !important;
    }
    .portrait .shootrocketPage6 #shoot_game_div canvas {
        position: absolute;
        left: 50%;
        top: 50%;
        height: 100% !important;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
    }
    .portrait #shootContainerGame {
        position: relative;
    }
    .portrait .shootrocketPage6 .full_height {
        height: 100%;
    }
    .portrait .shootrocketPage6 .shootCenter {
        height: 65% !important;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
    }
    .portrait .shootrocketrowborder.shootLeft {
        position: absolute;
        top: 5px;
        height: auto !important;
    }
    .portrait .shootrocketrowborderRight.shootRight {
        position: absolute;
        bottom: 5px;
        height: auto !important;
    }
    /* Pop the balloons */
    .portrait .sm-poptheballoon-left-cantainer {
        position: absolute;
        bottom: 5px;
        height: auto !important;
    }
    /* Pop the balloons */
    .portrait .sm-poptheballoon-left-cantainer {
        position: absolute;
        top: 5px;
        height: 15% !important;
    }
    /* .portrait .poptheballoonspage4 .sm-gameContainer,
    .portrait #balloonContainerGame #game_div {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
    } */
    .portrait .poptheballoonspage4 .sm-right-container {
        height: auto !important;
        position: absolute;
        bottom: 0 !important;
    }
    .portrait .abcgame_smplayagainwithtrophy.abcgame_smpa1,
    .portrait .abcgame_smplayagainwithtrophy.abcgame_smnl1 {
        width: 32%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        text-align: right;
    }
    .portrait .abcgame_soundMatchContainer input[type="button"],
    .portrait
        .abcgame_smplayagainwithtrophy.abcgame_smnl1
        .abcgame_smnextlevelbtn {
        background-size: contain;
        background-position: center center;
    }
    .portrait .abcgame_sm_completedmsg {
        padding: 5% !important;
    }
    .portrait .abcgame_smtimedetailsbox {
        line-height: 21px;
    }
    /* Lets go fishing */
    .portrait #lgfgame_div,
    .portrait .letsgofishingpage4 .letsgofishingrowborder:nth-of-type(2) {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
    }
    .portrait .letsgofishingpage4 .letsgofishingrowborder:nth-of-type(1) {
        position: absolute;
        top: 5px;
        max-height: 20% !important;
    }
    .portrait .letsgofishingpage4 .letsgofishingrowborder:nth-of-type(3) {
        position: absolute;
        height: auto !important;
        max-height: 70px !important;
        bottom: 0px;
    }
    /* ABC Sound Match */
    .portrait .abcgame_smbottom {
        position: absolute;
        bottom: 0;
        width: 100%;
        min-height: 50px;
    }
    .portrait .abcgame_maincontainer.fullsize {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        height: 70% !important;
    }
    .portrait .abcgame_smtop {
        /*        position: absolute;*/
        top: 5px;
        height: 15%;
    }
    .portrait .abcgame_leftsmlogo {
        background-size: contain;
        width: 90%;
        height: 90%;
        float: left;
    }
    .portrait .abcgame_sm_LPlogo {
        width: 33%;
        height: 100%;
        float: left;
    }
    .portrait .abcgame_sm_LP .abcgame_sm_Lsmatoe {
        width: 30%;
        margin-left: 0%;
        float: left;
    }

    /* ABC Bingo */
    .portrait .abcgame_bingosidemenu_portrait:first-child {
        position: absolute;
        top: 5px;
        height: 15%;
    }
    .portrait .abcgame_bingosidemenu_portrait:last-child {
        position: absolute;
        bottom: 0px;
        max-height: 60px;
    }
    .portrait .abcgame_bingomaincontainer.reducesize {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
    }
    .portrait .abcgame_bingoleftparentwrap_portrait {
        padding: 1% 5%;
    }
    .portrait .abcgame_bingoleftparentwrap_portrait .abcgame_bingoleflogo {
        background-size: contain;
    }
    /* ABC Pick Game*/
    .portrait .abcgameabcpick .abcgame_top {
        position: absolute;
        top: 5px;
        height: 15%;
    }
    .portrait
        .abcgameabcpick
        .abcgame_abccol_portrait.abcgame_abcpick_floatPlayArea_portrait.reducesize {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
    }
    .portrait div.abcgame_abccol_portrait.abcgame_bottom.layout-fill {
        min-height: 70px !important;
        position: absolute;
        bottom: 0;
        height: 70px;
    }
    /*.portrait .abcgame_abcpick_rightmenuWrapperlogo {
        width:29%;
    }*/
    .portrait .abcgame_abcpick_logoGroupLeftpanel img {
        padding-top: 0;
        margin-top: 0;
        margin-right: 0;
    }
    .portrait .abcgame_abcpick_letterSoundLabel {
        padding-top: 3%;
    }
    /* Footer 2nd and 4th control alignment */
    .portrait .page-main-controls ul li:nth-child(2n) {
        margin-top: 0px !important;
    }
    /* Menu games view layout on mobile */
    .portrait .menu-mobile .ml-left {
        display: none;
    }
    .portrait .menu-mobile .ml-right {
        width: 100%;
    }
    .portrait .menu-mobile .ml-right ul.games-list li {
        width: 48%;
    }
    .portrait .menu-mobile .game-filter {
        display: block;
    }
    .portrait .menu-mobile .game-filter {
        float: left;
        width: 100%;
    }
    .portrait .menu-mobile .game-filter select {
        float: left;
        width: 100%;
        border-radius: 5px;
        padding: 10px;
        margin-bottom: 15px;
        border: none;
        z-index: 99999;
    }
    .portrait .menu-mobile .list-view-title {
        display: none !important;
    }

    /* Images in the card are not aligned to centre 1570 */
    .portrait .abcgame_abcpick_card_back {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    /* Text 'Sorry try again, restarting the game' should be aligned to centre 1570 */
    .portrait .restartIncompleteAnim {
        padding-top: 0%;
        left: 0%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        padding-bottom: 4%;
    }
    .portrait .abcgame_bingoteller {
        display: none !important;
    }
    .portrait .abcgame_optgamethumbnail {
        position: relative;
    }
    .portrait .abcgame_optgamethumbnail img {
        position: absolute;
        width: 100%;
        height: 150%;
        top: 70%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        object-fit: cover;
    }
    .portrait .abcgameabcpick .abcgame_optgamethumbnail img {
        width: 100%;
    }

    /*Game results contents font size can be increased and aligned centre. Play again caption not at centre.1628*/
    
    /* creating issue on Blast Game and ohters Games so added on !important vale for prper work on portrait devices iphone X , 6 ,7,8, and other small devices  */

    .portrait .abcgame_abcpick_gameResult {
        padding-left: 13% !important;
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        padding-top: 0px !important;
    }

    /* end */

    
    .portrait .abcgame_abcpick_gameResultTitle {
        font-size: 8px;
        width: 75%;
        padding: 0;
        height: 33px;
        line-height: 31px;
    }
    .portrait .abcgame_nextlevel {
        height: 22px !important;
        padding: 0 0 5px 0;
        width: 45% !important;
    }
    .portrait .abcgame_playagain {
        margin-right: 0;
        width: 45% !important;
        height: 22px !important;
        padding: 0 0 5px 0;
    }
    .portrait .abcgame_abcpick_gameResult div {
        font-size: 9.5px;
        top: 88%;
    }
    .portrait .abcgame_abcpick_gameResult .abcgame_scoreBtns {
        left: 0 !important;
    }

    .portrait #shootthestars .abcgame_abcpick_gameResult div {
        font-size: 8px;
    }
    .portrait .abcgame_bingo_instruction_step {
        width: 80%;
        font-size: 13px;
    }
    .portrait .abcgame_abcpick_scoreboxeachlevelcongrats {
        margin-top: 60% !important;
        height: 27%;
    }
    .landscape .abcgame_abcpick_gameResultWrapper {
        height: 42%;
    }
    .portrait .abcgame_bingo_instruction_content,
    .portrait .abcgame_instructionsPageContent {
        animation: none !important;
    }
}

/** all mobile landscape plus extra for samsung 7 inch tablet landscape  
    use max-width 1366 for iPad pro 12.9 SL3-9747
**/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (max-width: 1366px) and (orientation: landscape),
    (max-device-width: 878px) and (min-device-width: 320px) and (orientation: landscape) {
    /* Styles for porting via react ...*/
    .isMobilePortrait {
        display: none;
    }
    .isDesktop {
        display: block;
    }
    .landscape
        header
        .connect-dot-bg
        .layout-align-center-center.layout-row.layout-fill {
        display: none !important;
    }
    
}
/* SL3-5445 fullscreen styling ...*/
.landscape header.headerfull {
    min-height: 0 !important;
    height: 0 !important;
    border: 0px !important;
}

.landscape header.headerfull .lesson-wrap,
.landscape header.headerfull .letters-text-wrap,
.landscape header.headerfull .h-left .logo-wrap .phonics-logo {
        display: none;
}

.landscape header.headerfull .logo-wrap {
    /*           background: rgba(255, 210, 0, 0.4);*/
    border-radius: 5px;
    padding: 10px 0 2px 2px;
}
.landscape header.headerfull .h-left {
    display: block;
    padding: 0px 0 0 0px;
    margin: 0px;
    background: transparent !important;
}
.landscape header.headerfull .sommer-logo {
    opacity: 0.6;
}
.landscape header.headerfull .rdmap-wrap {
    background: rgba(255, 210, 0, 0.4);
    border-radius: 8px;
    padding: 0px 0 0 0;
    height: 51px;
    margin-right: 60px;
    margin-top: 10px;
}
.landscape header.headerfull .rdmap-wrap li.icon-menu-bar:before,
.landscape header.headerfull .rdmap-wrap li.icon-menu-bar:after
{
    border: none;
}

/** hack to hide home & menu text from landscape header*/
.landscape header.headerfull .rdmap-wrap li a {
    font-size: 0px; /* YES it's 0...to hide text */
}
.landscape header.headerfull .rdmap-wrap .common-profile-wrap ul.dropdown-menu li a {
    font-size: 12px;
}
/* footer for fullscreen */
#phonicsFooter.footerfull {
    border: 0px !important;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px),
(max-device-width: 878px) and (min-device-width: 320px) {
.landscape header.extra+div.video-container .letsgofishingpage3 .lgf_helpinstruction {
        right: 5% !important;
        top: 6% !important;
    }
    /* adjust header in landscape also....*/
    .landscape #flipcardBehindDoor #flip-crd-main-wrd-span,
    .portrait #flipcardBehindDoor #flip-crd-main-wrd-span {
        font-size: 3dvh;
    }

    .portrait .interactivity .flip-divider,
    .portrait .interactivity .fisrt-sound-pick-wrapper {
        width: 29% !important;
        max-width: 29% !important;
    }
        .clicksoundinteractivity .trumpCard_red {
            border: 3px solid #23408e;
            border-radius: 12px;
        }
    
        #abcBingoMainDiv .abcgame_bingoscoreno .abcgame_bsp {
            font-size: 14px;
        }
          .portrait .letter-sequence .stress,
          .portrait .letter-sequence .completWord,
          .portrait .letter-sequence .upperLowerCase,
          .portrait .letter-sequence .alphabet {
              font-size: 7dvw !important;
          }
    .portrait .interactivity .word_toknow .align-middle .sentenceSpan {
            width: 80% !important;
        }
    
        .interactivity #flipping_leatherbook .align-middle .sentenceSpan {
            font-size: 16px !important;
        }
    
        .landscape #abcBingoMainDiv .abcgame_bingoi {
            top: 50px;
        }
    
        .landscape #abcBingoMainDiv .gameContainer .abcgame_bingohomebuttonswrap {
            bottom: 7%;
        }
    .phonicsMain .modal-header .btn-close:before {
            position: absolute;
            transform: translate(-50%, -50%);
            top: 50%;
            left: 50%;
        }
    .landscape .content-pagination {
        border: none;
        height: 55px;
    }

    .landscape .lgfSidemenuWrap .letsgofishing-hide-for-mobile-port {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .landscape .letsgofishingContainer .startlgf_go_pg1 {
        width: 100% !important;
    }
    .landscape .letsgofishingpage4 .letsgofishingrowborder {
        padding-top: 0px !important;
    }
    .landscape .lgf_left_layerx {
        padding-top: 0px !important;
        margin-top: 0px !important;
    }
    .landscape .lgf_ra-star-o,
    .landscape .lgf_ra-star {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .landscape .lgf_left_layer {
        margin-top: 10px !important;
    }

    .landscape header {
        height: 68px !important;
        min-height: 68px;
        border: none;
    }
    /* adjust header in landscape games more ....*/
    .landscape header.extra {
        min-height: 0 !important;
        height: 0 !important;
    }
    .landscape .quiz-txt-cap {
        padding-top: 21% !important;
        display: block;
    }
    .landscape .quizClass span.quiz-txt {
        padding-top: 0;
        display: block;
    }


    .stageCnt {
        max-width: none;
    }

    .landscape header.extra .lesson-wrap,
    .landscape header.extra .letters-text-wrap,
    .landscape header.extra .h-left .logo-wrap .phonics-logo {
        display: none;
    }
    .landscape a.sommer-logo:after {
        display: none;
    }
    .landscape header.extra .logo-wrap {
        background: transparent;
    }
    .landscape header.extra .h-left {
        display: block;
        padding: 0px 0 0 0px;
        margin: 0px;
        background: transparent !important;
    }
    .landscape header.extra .sommer-logo {
        opacity: 0.6;
    }
    .landscape header.extra .rdmap-wrap {
        background: rgba(255, 210, 0, 0.4);
        border-radius: 8px;
        padding: 0px 0 0 0;
        height: 51px;
    }
    .landscape header.extra .rdmap-wrap li.icon-menu-bar:before,
    .landscape header.extra .rdmap-wrap li.icon-menu-bar:after {
        border: none;
    }

    /** hack to hide home & menu text from landscape header*/
    .landscape header.extra .rdmap-wrap li a {
        font-size: 0px; /* YES it's 0...to hide text */
    }
    .landscape
        header.extra
        .rdmap-wrap
        .common-profile-wrap
        ul.dropdown-menu
        li
        a {
        font-size: 12px;
    }

    /******************************* Shoot Rocket *************************/
    .landscape .shootrocketMainPages {
        width: 100%;
    }
    .landscape .shootrocketPages,
    .landscape .shootrocketPage4 {
        height: 100%;
    }
    .landscape .shoot_gameplaybgimg,
    .landscape .poptheballoonMainBackground,
    .landscape .letsgofishingMainBackground {
        /*    background-image: none !important;
        background: #EECDA3 !important;  // fallback for old browsers
        background: -webkit-linear-gradient(to right, #EF629F, #EECDA3) !important;  // Chrome 10-25, Safari 5.1-6
        background: linear-gradient(to right, #EF629F, #EECDA3) !important; // W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        height: 100% !important;
    }
    .landscape .shoot_logo1 .shoot_logo1inner {
        width: 50% !important;
        height: auto !important;
        margin-top: 10%;
    }
    .landscape .shootgamelevel {
        left: 0;
        width: 100%;
    }
    /* lesson 1-1-4B 2nd row was hiding behind footer */
    .landscape .img_text {
        max-width: 75px;
    }
    /* Connect the dots wrapper to maximise background area */

    .landscape .shootrocketPage6 .shootLeft,
    .landscape .shootrocketPage6 .shootRight {
        width: 25% !important;
        float: left;
        height: 100%;
    }
    .landscape .shootrocketPage6 .shootRight {
        padding: 0 5px;
    }
    .landscape .shootrocketPage6 .shootCenter {
        width: 50% !important;
        float: left;
        height: 100% !important;
    }

    /*remove css  to fix the game area issue in shoot the rocket and edit in bottom*/
    /*.landscape .shootrocketPage6 #shoot_game_div {
        width: 90%;
        margin: 0 auto !important;
        height: auto !important;
		margin: 0 auto !important;
		top: 50%;
		left: auto;
		position: absolute;
		transform: translate(-50%, -50%);
    }*/
    .landscape .shootrocketPage6 #shoot_game_div {
        width: auto !important;
        margin: 0 auto !important;
        height: auto !important;
        margin: 0 auto !important;
        top: auto;
        left: auto;
        position: absolute;
        transform: none;
    }
    .landscape .shootrocketPage6 .lgf_caption_left {
        margin-top: 0 !important;
    }
    .landscape .shootrocketPage6 .shoot_gameshoottitlebgimg {
        background-size: contain;
        width: 100%;
        max-height: 90px;
        transform: none;
        margin: 0 auto;
        margin-top: 22%;
    }
    .landscape .shootrocketPage6 .shoot_gamelettermodeimg {
        max-height: 100px;
        width: 100%;
        background-size: 100% 100%;
        font-size: 18px;
        padding: 21px 0 0 0;
    }

    .landscape .shootrocketPage6 .shootSlash {
        font-size: 20px;
        line-height: 18px;
    }
    .landscape .shootrocketPage6 .shoot_gamelevelmodefont {
        font-size: 24px;
    }
    .landscape .shoot_ra-star-o,
    .landscape .shoot_ra-star {
        height: 30px;
        width: 30px;
        background-size: contain;
    }
    .landscape #shoot_gamestarsrating {
        width: 100%;
        padding-left: 0;
        margin-top: 50px;
    }
    .landscape .shootrocketPage6 .shoot_gameelementcenter {
        padding: 0 0 0 0;
    }
    .landscape .shootrocketPage6 .shoot_gameelementcenter button {
        width: 30px;
        height: 30px;
        background-size: contain;
        margin: 2px;
    }
    
    .landscape .shootrocketPage6 .lgf_caption_right {
        transform: none;
        margin-top: 50px !important;
    }
    .landscape .shoot_timermode {
        margin-top: 5%;
    }
    .landscape .shootrocketPage6 #shoot_gamescoreviewbox,
    .landscape .shootrocketPage6 #shoot_gamemissedviewbox,
    .landscape #shoot_countdownBar {
        display: block;
        background-image: none !important;
        width: 100%;
        height: auto;
        padding: 5px;
        margin: 0px;
        font-size: 22px;
        border-radius: 10px;
        border-width: 2px;
        color: white;
        line-height: inherit;
        margin: 10px 0;
        text-align: center;
    }
    /*    Click section 2- 6C Shoot the rockets h
        The game is not Aligned properly 1419*/
    .landscape .shoot_gamelettermodeimg {
        padding: 21px 0 0 7px;
    }
    .landscape .abcgame_abcpickoptionaltitle {
        font-size: 11px;
        line-height: 22px;
    }
    .landscape .shootrocketPage6 #shoot_gamescoreviewbox {
        background-color: rgba(172, 0, 201, 0.4);
    }
    .landscape .shootrocketPage6 #shoot_gamemissedviewbox {
        background-color: rgba(0, 48, 75, 0.4);
    }
    .landscape .shoot_gamescorefont {
        color: black;
        display: inline;
        margin-left: 10px;
    }
    .ScoreBar {
        text-align: center;
    }
    .landscape .shootrocketPage6 #shoot_gamescoreviewbox #gamescoreview {
        font-size: inherit;
        position: static;
        display: inline;
        margin-left: 10px;
    }
    /** hide clock image & extra elements from landscape */
    .landscape .shootrocketPage6 #shoot_countdownCircle,
    .landscape .shootrocketPage6 .shoot_timeremaining,
    .landscape .shootrocketPage6 .shoot_timermode {
        display: none;
    }
    .landscape .shootrocketPage6 #shoot_countdownBar,
    .landscape .shootrocketPage6 #shoot_countdownNumber,
    .landscape .shootrocketPage6 #shoot_timerselectedType {
        font-size: 24px;
        position: static;
        color: rgb(16, 23, 131);
    }
    .landscape .shootrocketPage6 #shoot_countdownNumber {
        background-color: rgba(230, 210, 21, 0.7);
        border-radius: 10px;
        padding: 2px;
        margin-bottom: 5px;
        margin-top: 4px;
    }
    .landscape .shootrocketPage6 #shoot_timerselectedType {
        background: rgba(153, 95, 255, 0);
        margin-left: 0;
    }

    .landscape .shootrocketPage6 #shoot_countdownBar {
        background-color: rgba(230, 21, 21, 0);
        /*        background-color: rgba(230, 210, 21, 0.7);*/
        border-radius: 10px;
        padding: 5px;
    }

    .landscape .shootpg1contain .shoot_curdefault {
        width: 50%;
        float: none;
        margin: 0 auto;
    }
    /** override wrong values from appStyles.css ***/
    .landscape .shootpg1contain {
        height: 0 !important;
    }
    /*********** Menu items in landscape **************/
    .landscape .Roadcontent .course-view md-list .md-button span {
        min-height: 20px;
        white-space: normal;
        word-break: break-word;
    }
    /*********** Shoot the rocket instruction box ****************/
    .landscape #shoot_gamemsglayerdivins2 .shootROverlayg {
        display: none; /* hide overlay */
    }
    .landscape #shoot_gamemsglayerdivins2 .shoot_gameinstructionboximg1 {
        left: -20% !important;
        top: 15%;
    }
    /* shoot the rocket game screen instruction box alignment */

    .landscape #shoot_gamemsglayerdivins3 .shoot_gameinstructionboximg {
        left: 0 !important;
        top: 13%;
    }
    .landscape .shoot_instruct1 {
        z-index: 9;
    }
    /**************** Pop Balloons game ***********************/
    .landscape .poptheballoonMainPage,
    .poptheballoonPages {
        height: 100%;
    }
    .landscape .popp1container {
        height: 100% !important;
        margin: 0 !important;
    }
    .landscape .pop_go1_layer {
        left: 0 !important;
        top: 15px !important;
    }
    .landscape .balloom_image_pg1 img {
        margin-top: 0 !important;
        width: 100% !important;
    }
    .landscape .instructstep {
        font-size: 18px;
        width: 85%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        padding: 0;
        margin-top: 2%;
    }
    .landscape .closebtn {
        top: 20px;
        right: 0;
    }
    .landscape .balloom_image_pg1 div.gameinstructpglayernxtbtnimg {
        transform: none !important;
        background-size: contain;
        background-position: center;
        width: 100%;
        height: 50%;
    }
    .landscape .balloom_image_pg1 {
        margin: 0px auto !important;
    }
    .landscape .balloom_image_pg1 .bgclass1 {
        display: none;
    }
    .landscape .balloom_image_pg1 .startshoot_go_pg1 {
        transform: none !important;
        left: 0 !important;
        width: 100%;
        top: 78% !important;
    }
 
    .landscape .poptheballoonrowborder {
        width: 25%;
        float: left;
    }
    .landscape .poptheballoonrowborder.sm-gameContainer {
        width: 50%;
    }
    .landscape .poptheballoonContainer.popballoonmainclass {
        margin-top: 0 !important;
    }
    .landscape .popSidemenuWrap {
        width: 100%;
        margin-top: 0 !important;
        margin-left: 0;
    }
    .landscape .popLogoleft {
        margin-top: 0 !important;
        transform: none;
        padding: 5px;
        position: static;
    }
    .landscape .imagecls {
        transform: none;
        background-size: contain;
        width: auto;
        max-height: 109px;
    }
    .landscape .pop_left_layer {
        padding: 0 5px !important;
        transform: none;
        position: static;
    }
    .landscape .modedivborder {
        margin: 0 !important;
        width: 100%;
        padding-top: 6px;
        height: 80px;
        background-size: contain;
        transform: scale(0.7, 0.7);
        -webkit-transform: scale(0.7, 0.7);
        -ms-transform: scale(0.7, 0.7);
        -moz-transform: scale(0.7, 0.7);
        -o-transform: scale(0.7, 0.7);
    }
    .landscape .modedivborder .lvlmsg {
        font-size: 19px;
    }
    .landscape .modedivborder .lvltxt {
        font-size: 19px;
        position: static;
        text-align: center;
    }
    .landscape .pop_left_layerx {
        margin: 15px 0 !important;
        width: 100%;
    }
    .landscape #lgf_levelEasy,
    #lgf_levelMedium,
    #lgf_levelHard {
        background-size: 100% 100%;
    }

    .landscape .ra-star-o,
    .landscape .ra-star {
        background-size: contain;
        width: 20px;
        height: 20px;
        transform: none;
        margin: 0;
    }
    .landscape .poptheballoonspage4 .captionright {
        transform: none;
        margin: 30px 0 0 0 !important;
    }
    .landscape .poptheballoonspage4 .gameelementcenter {
        padding: 15% 0 0 0;
        width: 100%;
        margin: 0 !important;
        position: static;
        text-align: center;
    }
    .landscape .poptheballoonspage4 .gameelementcenter button {
        width: 30px;
        height: 30px;
        background-size: contain;
        margin: 2px;
        transform: none;
    }

    /** hide clock image & extra elements from landscape */
    .landscape .poptheballoonspage4 #countdownCircle,
    .landscape .poptheballoonspage4 .timeremaining,
    .landscape .poptheballoonspage4 .timermode,
    .landscape .letsgofishingpage4 #lgf_countdownCircle,
    .landscape .letsgofishingpage4 .lgf_timeremaining,
    .landscape .letsgofishingpage4 .lgf_timermode {
        display: none;
    }
    .landscape .poptheballoonspage4 #countdownNumber,
    .landscape .poptheballoonspage4 #gamelvlintdication,
    .landscape .letsgofishingpage4 #lgf_countdownNumber,
    .landscape .letsgofishingpage4 #lgf_gamelvlintdication {
        font-size: 24px;
        position: static;
        color: rgb(16, 23, 131);
    }
    .landscape .poptheballoonspage4 .clockbase,
    .landscape .letsgofishingpage4 .lgf_clockbase {
        background: none !important;
        transform: none;
        text-align: center;
        position: static;
        width: 100%;
        padding: 5px;
    }
    .landscape .poptheballoonspage4 #gamelvlintdication,
    .landscape .letsgofishingpage4 #lgf_gamelvlintdication {
        margin-left: 0;
    }

    /* Activity info in the header alignment issue */
    .landscape .stageCnt {
        display: flex;
        max-width: 110px;
        overflow-x: auto;
        justify-content: left;
        padding-left: 1px !important;
        padding-right: 1px;
        overflow: visible;
        height: 45px;
    }
    .landscape tooltip._bottom tip tip-arrow {
        display: none;
    }
    /********************** Fishing game  ***********************/
    .landscape .lgftheballoonPages {
        height: 100% !important;
    }
    .landscape .letsgofishingMainPage,
    .landscape .letsgofishingMainBackground {
        height: 100% !important;
    }

    .landscape .startletsgofishingrow.lgfp1row {
        height: 100% !important;
        float: none;
        width: 50%;
    }

    .landscape .lgfgameelementcenter.lgf_go1_layer,
    .landscape .startlgf_go,
    .startlgf_go_pg1 {
        width: 100%;
        top: 11%;
    }
    .letsgofishingContainer .startlgf_go_pg1 {
        width: 80% !important;
    }
    .landscape .lgf_go1_layer {
        left: 0;
        top: 0;
        padding: 0;
    }
    .landscape .lgf_gameinstructpglayernxtbtnimg {
        transform: none;
        /* width: 100% !important;
        height: 120px !important; */
        top: 0;
        left: 0px;
        background-size: contain;
        background-position-x: 50%;
    }
    .landscape .startlgf_go_pg1.pop_gobtn_layer {
        transform: none;
    }
    .landscape .startlgf_go_pg1 {
        top: 81%;
    }
    .landscape .letsgofishingMainPage .lgfp1row {
        width: 50%; /* splash page width */
        height: 100% !important;
        margin-bottom: 0 !important;
        margin-top: 0 !important;
    }
    .landscape .abcgame_abcpickrecommendedgamewrap {
        top: 0px;
        position: relative;
    }
    .landscape .popp1container,
    .landscape .lgfp1container {
        height: 100% !important;
        margin: 0 !important;
    }
    .landscape .lgfballoom_image_pg1 {
        margin: 0 auto !important;
    }
    .landscape #lgf_levelEasy,
    .landscape #lgf_levelMedium,
    .landscape #lgf_levelHard {
        /* width: 100%; */
        /*         background-image: none !important; */
        /* height: 36px; */
        border-radius: 8px;
        font-size: 18px;
        padding: 5px;
        /* same background:  for all buttons, since it's parent bg has lots of colors;*/
        /*         background-color: rgba(18, 216, 0, 0.7) !important; */
        text-transform: none;
    }
    .landscape .lgfmainclass {
        margin-top: 0 !important;
    }
    .landscape .lgfmainclass .letsgofishingrowborder:nth-of-type(2) {
        width: 50%;
    }
    .landscape .lgfmainclass .lgf_bgclass_game,
    .landscape .lgfmainclass .xfact {
        margin: 0 !important;
        height: 100%;
    }
    .landscape .lgfmainclass .lgfContainerGame {
        margin-top: 0px;
        height: 100%;
    }
    .landscape .lgfSidemenuWrap,
    .lgfcaption {
        width: 100%;
        margin: 7% 0 0 0 !important;
    }
    .landscape .abcgame_soundMatchContainerrow .abcgame_sidemenu {
        width: 24%;
        padding-top: 7% !important;
    }
    .landscape .lgfLogoleft {
        height: 120px;
    }
    .landscape .lgf_gameDivfull.lgfgameelementcenter.lgfLogoleft img {
        width: 90%;
        margin: 0 !important;
        transform: none;
        height: auto;
    }
    .landscape #lgfgame_div,
    .landscape .lgfgame_div {
        top: 0;
        position: relative;
        float: none;
    }
    .landscape .lgf_left_layer {
        height: 60px !important;
        transform: none;
        margin: 30px 0 !important;
    }
    .landscape .lgf_left_layerx {
        margin-left: 0;
    }
    .landscape .lgf_modedivborder,
    .landscape .lgf_left_layerx,
    .landscape #lgf_gamestarsrating {
        width: 100%;
    }
    .landscape .lgf_lvltxt {
        left: 35%;
    }
    .landscape .lgf_ra-star-o,
    .landscape .lgf_ra-star {
        background-size: contain;
        width: 30px;
        height: 30px;
    }
    .landscape .lgf_captionright {
        margin: 30px 0 0 0 !important;
    }
    .landscape .letsgofishingpage4 .lgfgameelementcenter {
        padding: 20px 0;
        width: 100%;
        margin: 0 !important;
        position: static;
        text-align: center;
    }
    .landscape .letsgofishingpage4 .lgfgameelementcenter button {
        width: 40px;
        height: 40px;
        background-size: contain;
        margin: 2px;
        transform: none;
    }
    /** hide clock image & extra elements from landscape, see above pop balloons styling  */
    .landscape .lgfgameelementcenter.lgf_timeralign {
        background: none !important;
        transform: none;
    }
    /********** Pop the balloons splash screen instruction box alignment **********/
    .landscape .popBOverlaycont {
        position: absolute;
        top: 50%;
        left: 50% !important;
        transform: translate(-50%, -50%) scale(0.8);
        -webkit-transform: translate(-50%, -50%) scale(0.8);
        -moz-transform: translate(-50%, -50%) scale(0.8);
        -ms-transform: translate(-50%, -50%) scale(0.8);
        -o-transform: translate(-50%, -50%) scale(0.8);
        padding-top: 12px;
    }
    /************* Connect the dots back and info buttons on game screen overlapping with floating top right menu icons****************/
    .landscape .connectthedots-start-game-container .sg-right-container {
        top: 20px;
    }
    /**************** Lets go fishing game splash screen instruction box *****************/
    .landscape #gamemsglayerdivins2 .lgf_BOverlaycnt {
        display: none;
    }
    /**************** Sound match game controls *******************/
    .landscape .abcgame_smControlsWrap {
        margin-top: 30%;
    }
    .landscape .abcgame_smControlsWrap .abcgame_smcontrols {
        width: 40px;
        height: 40px;
    }
    .landscape #gamestarsrating {
        margin-top: -30px;
    }

    /* 30 jan 2020*/
    /* star font size for landscape view(popBalloon). */
    .landscape #gamestarsrating.balloon-star-container li i {
        font-size: 20px;
    }

    /* star font size for landscape view(lgfGame). */
    .landscape #lgf_gamestarsrating li i {
        font-size: 20px;
    }
    
    /* star font size for landscape view(abcMatchGame). */
    .landscape #abcMatchMainBody .abcmatch_starBody .stars li i {
        font-size: 20px !important;
    }

    /* star font size for landscape view(abcsoundMatchGame). */
    .landscape .gameBody .stars li i {
        font-size: 20px;
    }

    .landscape .abcgame_soundMatchContainerrow .abcgame_smatoe {
        background-size: contain;
        height: 13%;
        line-height: 29px;
        width: 85px;
    }
    .landscape .abcgame_smleftsmwrap.abcgame_sm_LL .abcgame_leftsmlogo {
        width: 66%;
    }

    /***************** ABC sound match game mode buttons **************/
    .landscape .abcgame_soundMatchContainerwrap {
        /* background-image: none !important;
        background: #EECDA3 !important;  fallback for old browsers
        background: -webkit-linear-gradient(to right, #EF629F, #EECDA3) !important;  /* Chrome 10-25, Safari 5.1-6
        background: linear-gradient(to right, #EF629F, #EECDA3) !important; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        height: 100% !important;
        margin-top: 0px !important;
    }
    .landscape .abcgame_smscoredetails {
        padding-top: 20px !important;
    }
 .landscape .abcgame_SMtimermodewrap {
        width: 23% !important;
    }
    .landscape .gameBody .startletsgofishingrow .abcgame_SMtimermodewrap {
        width: 100%;
    }
    .landscape .abcgame_SMtimermode {
        height: 35px;
        font-size: 15px;
        line-height: normal;
        padding-top: 1%;
    }
    .landscape .abcgame_smrepeatletter {
        width: 119px;
        font-size: 12px;
        line-height: 27px;
        margin-top: 20%;
        height: 37px;
    }
    .landscape
        div#abcgame_smclockDial.abcgame_smclockDial.abcgame_smclockDialSlow {
        display: none !important;
    }
    .abcgame_smgameplayWrap .abcgame_sm_alphabets {
        font-size: 27px;
    }
    .landscape .abcgame_smclockWrap {
        font-weight: bold;
        border-radius: 10px;
        padding: 10px;
        top: 45%;
        margin: 0 auto !important;
        left: 50%;
        transform: translate(-50%, -50%) scale(0.4);
        -moz-transform: translate(-50%, -50%) scale(0.4);
        -webkit-transform: translate(-50%, -50%) scale(0.4);
        -ms-transform: translate(-50%, -50%) scale(0.4);
        -o-transform: translate(-50%, -50%) scale(0.4);
        background-image: none !important;
    }
    .landscape .abcgame_smclockWrap .abcgame_smtimeRemainlabel {
        display: none !important;
    }
    .landscape .abcgame_smclockWrap .abcgame_smcountdown {
        top: 10%;
        position: static;
        color: rgb(16, 23, 131);
        font-size: 60px;
    }
    .landscape .abcgame_smclockWrap .abcgame_smtimeModelabel {
        display: none !important;
    }
    .landscape .abcgame_smclockWrap .abcgame_smatoe {
        line-height: 32px;
    }
    .landscape .abcgame_smclockWrap .abcgame_smtimeMode {
        top: 5%;
        font-size: 30px;
        color: #fff;
        padding: 5px;
        border-radius: 15px;
        background-color: rgba(0, 48, 75, 0.4) !important;
    }
    /*************** ABC pick game mode buttons on game splash screen ***************/
    .landscape .abcgame_abcpickparent .abcgame_abcpick_clockbase {
        top: 30% !important;
        height: 100px;
    }
    .landscape .abcgame_abcpickparent .abcgame_abcpick_floatPlayArea,
    .landscape .abcgame_abcpickparent .abcgame_centerGamePart {
        height: 100% !important;
    }
    .landscape .abcgame_abcpickparent .abcgame_abcpick_floatPlayArea {
        max-height: auto;
        overflow-y: hidden;
        /* height: 50vw !important; */
        overflow-x: hidden;
        width: 50%;
    }
    .abcgame_abcpick_eachlevelcongratsmedal img {
        object-fit: contain;
    }

    /* .landscape .abcgame_abcpick_overlayCont {
        height: 628px;
    } */
    .abcgame_abcpick_floatPlayArea {
        overflow-x: hidden;
    }
    .landscape .abcgame_abcpick_modeContainer {
        width: 93%;
    }
    .landscape .abcgame_abc-containerWrap {
        /*    background-image: none !important;
        background: #EECDA3 !important;  // fallback for old browsers
        background: -webkit-linear-gradient(to right, #EF629F, #EECDA3) !important;  // Chrome 10-25, Safari 5.1-6
        background: linear-gradient(to right, #EF629F, #EECDA3) !important; // W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        height: 100% !important;
        margin-top: 0px !important;
    }
    .landscape .abcgame_abcpick_letterSoundWrap .letterSound {
        font-size: 14px;
        margin-top: 0px;
    }
    .landscape .abcgame_abcpick_letterSoundWrap {
        width: 63px;
        height: 37px;
    }
    .landscape .abcgame_abcpick_matchHeadContent {
        margin-top: 3px;
    }
    .landscape .abcgame_instructionsPageContent {
        top: 90%;
        position: absolute;
        left: 50%;
        transform: translate(-50%, -50%) scale(1);
        margin-top: 0px !important;
        width: 90%;
        margin: auto !important;
    }
    .landscape #shoot_gamemsglayerdivins2 {
        width: 100% !important;
        margin-top: 0% !important;
    }
    .landscape #shoot_gamemsglayerdivins2 .shoot_gameinstructionboximg1,
    .landscape #shoot_gamemsglayerdivins3 .shoot_gameinstructionboximg {
        position: absolute;
        left: 50% !important;
        transform: translate(-50%, -50%) scale(0.8);
        -webkit-transform: translate(-50%, -50%) scale(0.8);
        -ms-transform: translate(-50%, -50%) scale(0.8);
        -moz-transform: translate(-50%, -50%) scale(0.8);
        -o-transform: translate(-50%, -50%) scale(0.8);
        top: 50% !important;
        margin: 0 !important;
    }
    .landscape .abcgame_abcpick_ratingRow .abcgame_startRate {
        width: 20px;
        height: 20px;
    }
    .landscape .abcgame_abcclock,
    .landscape .abcgame_abcpick_clockbase {
        background-image: none !important;
    }
    .landscape .abcgame_abcpick_clockbase {
        transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
    }
    .landscape .abcgame_abcpickcontrols img {
        width: 80%;
        margin-top: 0px;
    }
    .landscape .abcgame_abcpick_leftMenuRow1 .abcgame_abcpickcontrols {
        height: auto;
    }
    .landscape .abcgame_abcpick_timeremain {
        display: none;
    }
    .landscape .abcgame_abcpick_countdown {
        font-size: 24px;
        color: rgb(16, 23, 131);
        position: static;
    }
    .landscape .abcgame_modecss {
        display: none;
    }
    .landscape .abcgame_leftMenuLevelWindow {
        background-color: rgba(0, 48, 75, 0.4);
        width: 50%;
        margin: 0 auto;
        transform: none !important;
        border-radius: 10px;
        font-size: 18px;
        padding: 5px;
        position: static;
    }
    /**** ABC pick game splash screen buttons *****/
    .landscape .abcgame_abclevelContainer .abcgame_abcpick_levelbtn {
        font-size: 15px;
        height: 43px;
        padding-top: 0;
    }
    .landscape .abcgame_abcpick_modelogo img.abcgame_abclogo {
        width: 50%;
        object-fit: contain;
    }
    .landscape .abcgame_abcpick_ratingRow {
        margin-top: 12px;
    }
    .landscape .abcgame_abcpick_card {
        margin-bottom: -3px;
        width: 20%;
        margin-right: 0;
        height: 100%;
    }
    .landscape
        .abcgame_abcpick_card.effect_click.flipped
        .abcgame_abcpick_card_back1 {
        width: 85%;
        height: 84%;
        margin-left: 5px;
    }
    .landscape .abcgame_abcpick_card_front {
        height: 100%;
        width: 100%;
    }

    /************** ABC bingo game instruction box ******************/
    .landscape input.abcgame_bingo_closeinstruction {
        margin-top: -18px;
        height: 53px;
        width: 53px;
        transform: scale(0.7);
    }
    .landscape .abcgame_bingoControlsWrap {
        margin-top: 31%;
    }
    .landscape .abcgame_bingocontrols {
        margin: 0 2px;
        width: 35px;
        height: 35px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }
    .landscape .abcgame_bingorepeattelling {
        position: sticky !important;
        padding: 0px !important;
        line-height: initial;
    }
    .landscape .abcgame_bingorepeattelling {
        font-size: 11px;
        padding-top: 0;
        height: 55px;
        padding-left: 20px;
        padding-bottom: 0px;
        position: absolute;
        width: 100%;
        top: 138px;
        left: 0px;
    }
    .landscape .abcgame_bingolefcasedetail div {
        font-size: 14px;
        /* padding-top: 10px; */
    }
    .landscape .abcgame_bingomatrix {
        text-indent: 20px;
        padding-top: 0;
        padding-right: 0%;
        width: 160px;
    }
    .landscape .abcgame_bingoContainer {
        height: 100% !important;
    }
    .landscape .abcgame_bingo_instruction_content {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
    }
    .landscape .abcgame_bingohomebuttonswrap {
        margin-top: -1%;
        height: auto;
    }
    .landscape .abcgame_bingohomebuttonswrap1 {
        margin-left: 0px;
        display: flex;
        justify-content: center;
    }
   
    .landscape .abcgame_bingohomebuttons {
        margin: 0px !important;
        padding: 0px !important;
    }
    /****** resolved alignment and font-size issue for alphabets inside soundcard for iphone/android ************/

    .landcape .single-flash-card .demotrumpCard .level2 > span {
        margin-top: 0px;
    }
    .landscape .single-flash-card .demotrumpCard {
        font-size: 15vw;
    }

    .landscape .icon-backward.md-button.md-ink-ripple {
        border: 2px solid;
        padding: 5px 0px 3px 4px;
        background-color: #fff;
        border-radius: 5px;
        margin: 0 0px 0 4px;
    }
    .landscape .icon-forward.md-button.md-ink-ripple {
        border: 2px solid;
        padding: 5px 4px 3px 0px;
        background-color: #fff;
        border-radius: 5px;
        margin: 0 4px 0 0;
    }

    /****  Fast forward dots ******/
    .landscape .fast-forward-buttons {
        min-width: 5%;
        top: -25px;
    }

    .landscape .clicksoundinteractivity .click-soundcard-wrap .md-padding {
       padding: 0;
    }
    /**** Interactivity click screen repeat button overlaping issue *********/
    .landscape .clicksoundinteractivity .click-rating {
        margin-top: 0px;
    }
    /** Lesson 1-1-2B border radius alignment issue, issue no AP-1381 and AP-1283 marked in jira ***/
    .landscape .testcard1_ff,
    .landscape .testcard2_ff,
    .landscape .iostestcard1_ff,
    .landscape .iostestcard2_ff {
        border-radius: 15px;
    }
   
    .landscape
        .mainFlashcard_flip
        .flash-card-table.six-flash-card
        .cell-space {
        height: 38vh;
        width: 27vh;
    }
    .landscape .content-pagination li.arrow-left1 .icon-prev span,
    .content-pagination li.arrow-right1 .icon-next span {
        padding: 3px 11px;
    }
    .landscape abclettersequence.preroll-img {
        max-height: 48vh;
    }
    .landscape img.quiz-img {
        padding: 10% 0 0 0; /* image reaches the bottom edge of sound button in the card */
    }
    .landscape .repeat-icon {
        margin: 5px 3px 5px 20px; /* Repeat button touch in right side corner */
        line-height: 29px;
    }
    /* Instruction content issue in section-2,5c */
    .landscape .abcgame_sm_instruction_step ol {
        padding: 0%;
        margin: 4px 0 0 0;
    }
    .landscape .abcgame_sminstructions {
        width: 9%;
        height: 9%;
    }
    .landscape .abcgame_sm_instruction_step ol li {
        width: 100%;
    }
    .landscape .abcgame_sm_instruction_step ol li {
        font-size: 1.3em;
    }
    .landscape .ytp-cued-thumbnail-overlay-image {
        background-position: 100% 80% !important;
    }
    .landscape .BookTemplate .fontfaceRed_ADV_CALIBRI {
        letter-spacing: 0px;
        font-size: 10vw !important;
    }
    .landscape .preroll-img {
        max-height: 63vh;
    }
    /**** Volume button in footer ****/
    .landscape .content-pagination li.pager-control button.volume-ctrl {
        bottom: 10%;
    }
    
    .landscape .fast-forward-buttons {
        top: -15px;
    }
    .landscape .fast-forward-buttons ul li.fast-forward-dots {
        margin: 0 10px;
    }
    .landscape .content-pagination li.pager-control {
        padding: 0 3px;
    }
    .landscape .content-pagination li .md-button {
        min-width: 42px;
    }
    .landscape .letter-sequence .completWord span {
        margin-bottom: 3.5%;
    }
    .landscape .mainFlashcard_flip .flip-card-txt {
        margin: 0% 0 0;
    }
    /*Dots are cornered to the edges of the screen which can be moved down little 1346*/

    /* Header part having the text ''words beginning with their sounds Cc'' can be displayed in single/two lines 1480*/
    header .connect-dot-bg > div {
        width: 145px;
        margin: 0 0 0 40px;
    }
    .landscape .drag-container .drop_child p {
        margin: 0% auto 0;
    }

    .landscape .drag-container .drop_childAfter {
        bottom: -2px;
    }
    /* Need top margin in capital letters only */
    .landscape .quizClass > span.quiz-txt-cap {
        margin-top: 9px;
    }
    /* To resolve issue 1497 */
    .landscape header .act-title {
        margin-top: 11px;
        font-size: 12px;
    } /*

    .landscape .abcgame_instructionOk {
        width: 9%;
    }*/
    /* Issue : Header part having the text ''words beginning with their sounds Cc'' can be displayed in single/two lines instead of three lines in Landscape mode. */
    .landscape header .connect-dot-bg > div {
        width: 165px;
        margin: 0 0 0 20px;
    }
    /*    Instruction text can be aligned centre in all the games. 1494*/
    /*    start caption 'Instructions' and instructions text not aligned centre. 1628*/
    .landscape .abcgame_instructionTitle {
        height: 49px;
        font-size: 11px;
        line-height: 43px;
        z-index: 9999;
        width: 202px;
        left: 50%;
        top: -8%;
        transform: translateX(-50%);
    }
    .landscape .abcgame_abcpick_instructionList div {
        font-size: 13px;
        padding-top: 3%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        position: absolute;
        width: 72%;
        line-height: 18px;
    }
    .landscape .abcgame_instructions {
        position: relative;
    }
    /* end caption 'Instructions' and instructions text not aligned centre. 1628*/
    .landscape .singleFlashCardMixup .upperCaseLetter,
    .landscape .singleFlashCardMixup .lowerCaseLetter {
        padding-left: 5px !important;
    }
    .landscape .singleFlashCardMixup .left_letter {
        padding: 7px !important;
    }
    /*     Alignment for menu left panel in landscape mode
        .landscape .ml-left{
            width: 23%;
        }

        .landscape .ml-right .split-wrap{
            margin: 0 0 50px 15px;
        }*/

    .landscape .poptheballoons .gameinstructpglayernxtbtnimg {
        margin-left: 0%;
    }

    .landscape .mainFlashcard_flip .flipTemp .fontface_ADV_CALIBRI span {
        line-height: 1;
        margin: 0;
    }
    .landscape .abcgame_abcpick_matchHeadContent {
        padding-top: 0%;
    }
    .landscape .abcgame_abcpick_matchHeadContent div {
        font-size: 9px;
        line-height: 8px;
    }
    .landscape .abcgame_abcpick_matchHead {
        width: 89px;
        height: 25px;
    }
    .landscape .shootgameinstruction1 {
        left: 34%;
    }
    .landscape .lgfgamemsglayerdivins1 {
        transform: none;
        -webkit-transform: none;
    }
    .landscape .lgfBOverlaycont {
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) scale(0.8);
        -webkit-transform: translate(-50%, -50%) scale(0.8);
        -moz-transform: translate(-50%, -50%) scale(0.8);
        -o-transform: translate(-50%, -50%) scale(0.8);
        -ms-transform: translate(-50%, -50%) scale(0.8);
        padding-top: 20px;
    }
    .landscape .lgf_go3_layerx,
    .landscape .lgf_go4_layerx {
        position: absolute;
        padding: 10px 10px;
        left: 50% !important;
        top: 50% !important;
        height: 0;
        width: 0;
        -webkit-transform: translate(-50%, -50%) scale(0.8);
        -moz-transform: translate(-50%, -50%) scale(0.8);
        -ms-transform: translate(-50%, -50%) scale(0.8);
        z-index: 10; /* to enable close of instruction dialog*/
    }

    .landscape .lgf_go4_layerx {
        /*
                transform: scale(0.8);
                -webkit-transform: scale(0.8);
        */
        /*
                top: 50% !important;
                left: 50% !important;
                transform: translate(-50%,-50%) scale(0.8);
                -webkit-transform: translate(-50%,-50%) scale(0.8);
                -moz-transform: translate(-50%,-50%) scale(0.8);
                -o-transform: translate(-50%,-50%) scale(0.8);
                -ms-transform: translate(-50%,-50%) scale(0.8);
        */
    }

    .landscape #lgfgamemsglayerdivins1 {
        top: 0;
        left: 0;
        transform: none;
        -webkit-transform: none;
    }
    .landscape #lgfgame_div canvas {
        width: 100% !important;
    }
    .landscape .single-flash-card .demotrumpCard .level2 > span.text-cap {
        margin-top: 8.7% !important;
        font-size: 100px;
    }
    .landscape .single-flash-card .demotrumpCard .level2 > span {
        margin-top: 4.7%;
        font-size: 100px;
    }
    .landscape header .letters-text-wrap {
        width: auto;
        margin: 0;
        position: absolute;
        right: 66%;
        top: 0px;
        left: auto;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }
    .landscape .stageCnt {
        display: flex;
        max-width: 133px !important;
        overflow-x: auto;
        padding-left: 5px !important;
        overflow: auto !important;
        height: 35px;
    }
    .landscape .quizClass span.quiz-txt {
        vertical-align: middle;
        margin: 0px 0 0 0;
        display: block;
    }
    .landscape .quizClass span.quiz-txt .quiz-txt-cap {
        vertical-align: middle;
        margin: 0 !important;
        display: block;
    }

    /* Flip book image and text alignment issue */
    .landscape .flipthebook div.fontfaceRed_ADV_CALIBRI {
        margin-left: -10px;
    }
    .landscape header .rdmap-wrap {
        padding: 6px 0 0 0;
        transform: scale(0.95);
        -webkit-transform: scale(0.95);
        -moz-transform: scale(0.95);
        -o-transform: scale(0.95);
        -ms-transform: scale(0.95);
    }
    .landscape header .h-right {
        margin: 0px 0px 0 0;
    }

    /*
    .portrait .shootrocketPage4 .shootgamelevel {
            left:0;
    }
    */
    /*css for fix game area on top*/
    .landscape .gameParentDiv {
        overflow: hidden;
    }
    .landscape .interactivityParentDiv,
    .landscape .ebookParentDiv,
    .landscape .songParentDiv ,
    .landscape .twinkling{
        margin: 0 !important;
    }
    /* increase height of content area, reduce margins set above..*/
    .landscape #lesson_ifr.contentfull {
        margin-bottom: 0px !important;
    }
    /* keep top margin 0px for non-games*/
    .landscape #lesson_ifr.contentfull.interactivityfullScreen,
    .landscape #lesson_ifr.contentfull.ebookParentDiv,
    .landscape #lesson_ifr.contentfull.songParentDiv ,
    .landscape #lesson_ifr.contentfull.twinkling{
        margin-top: 0px !important;
    }

    /* .landscape #phonicsFooter.footerfull.content-pagination {
        height: 40px !important;
    } */
    
    /*end css for fix game area on top*/
    .landscape header .rdmap-wrap {
        padding: 1px 0 0 0;
    }
    .landscape .pop_go4_layerx {
        transform: translate(-50%, -50%) scale(0.8) !important;
        -ms-transform: translate(-50%, -50%) scale(0.8) !important;
        -webkit-transform: translate(-50%, -50%) scale(0.8) !important;
        top: 50% !important;
        left: 50% !important;
        height: 0;
        width: 0;
        z-index: 10; /* to enable close of instruction dialog*/
    }
    .landscape .popBOverlaycnt {
        background: none !important;
    }
    .landscape .pop_go3_layerx {
        transform: translate(-50%, -50%) scale(0.8) !important;
        -ms-transform: translate(-50%, -50%) scale(0.8) !important;
        -webkit-transform: translate(-50%, -50%) scale(0.8) !important;
        top: 50% !important;
        left: 50% !important;
        height: 0;
        width: 0 !important;
        z-index: 11;
    }
    /* Footer menu controls */
    .landscape .content-pagination li .md-button {
        min-width: 40px !important;
        min-height: 40px !important;
        padding: 0 !important;
    }
    
    .landscape .content-pagination li .md-button md-icon {
        margin: 0 auto !important;
    }
    .landscape .content-pagination li i {
        padding: 0 !important;
        vertical-align: middle !important;
    }
    .landscape .content-pagination li .md-button md-icon.material-icons {
        float: left;
    }
    .landscape
        .content-pagination
        li
        .md-button
        md-icon.material-icons
        i.fa-step-backward {
        margin-right: 4px !important;
    }
    .landscape
        .content-pagination
        li
        .md-button
        md-icon.material-icons
        i.fa.fa-backward {
        margin-left: 5px !important;
    }
    .landscape
        .content-pagination
        li
        .md-button
        md-icon.material-icons
        i.fa.fa-forward {
        margin-left: 10px !important;
    }

    .landscape #shoot_gamemsglayerdivins2 {
        margin-left: 0 !important;
    }
    .landscape #shoot_gamemsglayerdivins2 .shoot_gameinstructionboximg1 {
        background-size: 100% 100%;
    }
    .landscape .fast-forward-buttons {
        top: -30px;
    }

    /* to center play text on play buttons of optional games on bingo game screen */
    .landscape .abcgame_abcpickoptionalgamelist button {
        line-height: 25px;
        top: 60% !important;
    }
    .landscape .startletsgofishingrow .balloom_imagex {
        margin-top: 0 !important;
    }
    .landscape .abcgame_abcpickoptionalgamelist button {
        height: 28px;
        width: 58px;
        font-size: 10px;
        background-position-y: 6px;
        background-size: contain;
    }
    /* flip book - 1-1 -4A */
    .landscape
        .flipthebook
        .BookTemplate
        .flipbook-viewport
        .flipbook
        .page-wrapper
        .page
        .fontfaceRed_ADV_CALIBRI
        span {
        padding-top: 0;
        padding-left: 5%;
        padding-bottom: 3%;
    }
    .landscape
        .flipthebook
        .BookTemplate
        .flipbook-viewport
        .flipbook
        .page-wrapper
        .page
        .fontfaceRed_ADV_CALIBRI {
        margin-top: 0;
    }
    /* 1-1-5A */
    .landscape
        .flipthebook
        .BookTemplate
        .flipbook-viewport
        .flipbook.booktemplate2
        .page-wrapper
        .page
        img.img_text {
        margin-top: -2% !important;
    }
    .landscape .abcgame_bingo_instruction_header {
        font-size: 9px;
        line-height: 35px;
        height: 35px;
    }
    .landscape .abcgame_bingo_instruction_step {
        font-size: 12px;
    }

    .landscape .abcgame_bingoscoreno {
        margin: 0 auto;
        padding-top: 0;
        line-height: 30px;
        height: 30px;
    }
    .landscape .shootgameinstructiontext ul {
        margin: 11% auto;
        font-size: 17px;
    }
    .landscape .abcgamesoundmatchgame div.abcgame_sm_instruction_step ol {
        width: 70%;
        margin: 6px 0 0 0;
    }
    .landscape .abcgamesoundmatchgame .abcgame_sm_closeinstruction {
        z-index: 1;
        right: 15px;
    }
    /* menu filter */
    .landscape .menu-mobile .ml-left {
        width: 30%;
    }
    .landscape .menu-mobile .ml-right {
        width: 70%;
    }
    .landscape .menu-mobile .list-view-title {
        display: none;
    }
    .landscape .menu-mobile .ml-right {
        width: 70%;
    }
    .landscape .menu-mobile .ml-right ul.games-list li {
        width: 48%;
    }
    .landscape .abcgame_optgamethumbnail {
        position: relative;
    }
    .landscape .abcgame_optgamethumbnail img {
        position: absolute;
        width: 150%;
        height: 150%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
    }
    /*    Game results contents font size can be increased and aligned centre. Play again caption not at centre.*/
    .landscape .abcgame_abcpick_gameResult {
        padding-left: 11%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-top: 0px;
    }
    /*. Game results contents font size can be increased and aligned centre. Play again caption not at centre.1628*/
    .landscape .abcgame_abcpick_gameResultTitle {
        font-size: 8px;
        width: 72%;
        padding: 0;
        height: 35px;
        line-height: 35px;
        top: -12px;
    }

    .landscape .abcgame_nextlevel {
        height: 22px !important;
        padding: 0 0 5px 0;
    }
    .landscape .abcgame_abcpick_gameResult div {
        font-size: 9px;
    }

    .landscape #shootthestars .abcgame_abcpick_gameResult div {
        font-size: 7px;
    }
    .landscape .abcgame_bingo_instruction_step {
        font-size: 12px;
    }
    .landscape .abcgame_bingo_instruction_content,
    .landscape .abcgame_instructionsPageContent {
        animation: none !important;
    }
    .landscape .abcgame_sm_instruction_content ul.instructionMenu {
        display: flex;
        flex-wrap: wrap;
        height: 43%;
        font-size: 12px;
        font-weight: 600;
        padding: 0 15px;
        line-height: 16px;
    }
}
/*
.portrait .shootrocketPage4 .shootgamelevel {
        left:0;
}
*/

/* section 2 > lesson 4A image alignment issue */
.portrait .flash-card-sq3 .two-flash-img,
.portrait .flash-card-sq4 .two-flash-img,
.portrait .flash-card-sq5 .two-flash-img {
    max-height: 20vh;
}

/** custom media queries */

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */
/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    /* to align main content area center and use full content area on mobile devices */
    .landscape .preroll-img {
        max-height: 63vh;
        padding: 1px;
        margin-top: -20px;
    }

    .landscape .letter-sequence .image {
        max-height: 150px;
        max-width: 150px;
    }

    .landscape .letsgofishingContainer .startlgf_go_pg1 {
        width: 100% !important;
    }
    .landscape .letsgofishingpage4 .letsgofishingrowborder {
        padding-top: 0px !important;
    }
    .landscape .lgf_left_layerx {
        padding-top: 0px !important;
        margin-top: 0px !important;
    }
    .landscape .lgf_ra-star-o,
    .landscape .lgf_ra-star {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .landscape .lgf_left_layer {
        margin-top: 10px !important;
    }
}
/** combine media queries for iPhoneX & other androids */
/* ----------- iPhone X ----------- */
/* ----------- Galaxy S6 ----------- */
/* ----------- Galaxy S6, Google pixel, all common android 5 inch phones ----------- */
/* Portrait */
@media only screen and (device-width: 360px) and (max-device-width: 640px) and (orientation: portrait),
    (device-width: 412px) and (orientation: portrait),
    (device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
    .isMobilePortrait {
        display: block;
    }
    .isDesktop {
        display: none;
    }

    /************************* 4A image column issue *************************/
    .portrait .clicksoundinteractivity .click-soundcard-wrap.layout-row {
        padding: 30px 0;
    }

    .portrait .letsgofishingContainer .startlgf_go_pg1 {
        width: 100% !important; /*for iphonex, google-pixel 2 */
    }

    /* use bigger screen for shoot rocket game on 7+, 8+ iPhones*/
    .portrait .shootrocketPage6 #shoot_game_div {
        width: 95%;
    }
    /* game width should be 90%, it's parent (sm-gameContainer) should be adjusted according to screen */
    .portrait #balloonContainerGame #game_div {
        height: auto !important;
        width: 100% !important;
    }
    .portrait #lgfgame_div {
        width: 90% !important;
    }
    /* override appstyles styling for main row of fishing game container*/
    .portrait .letsgofishingpage4 .letsgofishingrowborder:nth-of-type(2) {
        height: 75% !important;
        min-height: 75% !important;
    }
    /*** increase width for abc sound, pick & bingo games **/
    /* .portrait .abcgame_maincontainer.fullsize,
    .portrait
        .abcgame_abccol_portrait.abcgame_abcpick_floatPlayArea_portrait.reducesize,
    .portrait .abcgame_bingomaincontainer.reducesize {
        width: 90% !important;
    } */

    /****** Stars on interactivity click screen *******/
    .portrait .repeat-icon {
        margin: 5px 0 0 5px;
    }
    /** Lesson 1-1-2B border radius alignment issue, issue no AP-1381 and AP-1283 marked in jira ***/
    .portrait .mainFlashcard_flip .testcard1_ff,
    .portrait .mainFlashcard_flip .testcard2_ff,
    .portrait .mainFlashcard_flip .iostestcard1_ff,
    .portrait .mainFlashcard_flip .iostestcard2_ff {
        border-radius: 10px;
    }
    .portrait .singleFlashCardMixup .upperCaseLetter,
    .portrait .singleFlashCardMixup .lowerCaseLetter {
        font-size: 6vh;
    }
    /**** Shoot the rocket splash screen logo ****/
    .portrait .shootrocketPage4 .shoot_logo1inner {
        width: 70% !important;
        height: auto !important;
    }
    /**** Lets go fishing splash screen top margin issue ****/
    .portrait .lgfp1container {
        margin-top: 0;
    }
    /***** Pop the balloons splash screen full view issue ****/
    .portrait .balloom_image_pg1 {
        height: 100% !important;
    }
    .portrait .popp0row {
        height: 100% !important;
    }
    .portrait .abcgame_abcpickoptionalgamewrap {
        height: 23%;
    }

    /* Intro image height to utilise white space */
    .portrait .preroll-img {
        max-height: 55vh;
        margin-top: -25px;
    }
    .portrait .letter-with-image .demotrump img {
        max-width: 100%;
    }
    .portrait .flash-card-sq3:before,
    .portrait .flash-card-sq4:before,
    .portrait .flash-card-sq5:before {
        top: -2.5%;
    }
    .portrait .flash-card-sq3:after,
    .portrait .flash-card-sq4:after,
    .portrait .flash-card-sq5:after {
        bottom: -2.5%;
    }
    /* Fast forward dots */
    .portrait .fast-forward-buttons {
        top: -20px;
    }
    .portrait .content-pagination .fast-forward-buttons ul {
        padding: 5px 10px !important;
    }
    .portrait .poptheballoonspage4 .sm-right-container {
        margin: 20px 0 0 0;
    }
    .portrait .pop_left_layerx {
        /* 		margin-top: -60px; */
        /*
                margin-top: 0 !important;
                float: right;
        */
    }
    .portrait .abcgame_abcpickoptionalgamelist button {
        left: 50%;
        transform: translate(-50%, 0%);
        -webkit-transform: translate(-50%, 0%);
        -moz-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        -o-transform: translate(-50%, 0%);
    }
    .portrait .lgfBOverlaycont {
        transform: translate(-50%, -50%) scale(0.7);
        -webkit-transform: translate(-50%, -50%) scale(0.7);
        -moz-transform: translate(-50%, -50%) scale(0.7);
        -o-transform: translate(-50%, -50%) scale(0.7);
        -ms-transform: translate(-50%, -50%) scale(0.7);
    }
    .portrait .popLogoleft {
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        -ms-transform: scale(0.4);
        -o-transform: scale(0.4);
        -moz-transform: scale(0.4);
    }
    .portrait .pop_left_layerx button {
        width: 30px;
        height: 30px;
    }
    .portrait #shoot_gamemsglayerdivins3 .shoot_gameinstructionboximg {
        transform: scale(0.96);
        -webkit-transform: scale(0.96);
        -ms-transform: scale(0.96);
        -moz-transform: scale(0.96);
        -o-transform: scale(0.96);
        left: -1% !important;
    }
    .portrait .letsgofishingContainer .startlgf_go_pg1 {
        width: 100% !important;
    }

   
}
/* Landscape */
@media only screen and (device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape),
    (min-device-width: 360px) and (max-device-width: 641px) and (orientation: landscape) {
    .landscape .lgfSidemenuWrap .letsgofishing-hide-for-mobile-port {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .landscape .letsgofishingContainer .startlgf_go_pg1 {
        width: 100% !important;
    }
    .landscape .letsgofishingpage4 .letsgofishingrowborder {
        padding-top: 0px !important;
    }
    .landscape .lgf_left_layerx {
        padding-top: 0px !important;
        margin-top: 0px !important;
    }
    .landscape .lgf_ra-star-o,
    .landscape .lgf_ra-star {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .landscape .lgf_left_layer {
        margin-top: 10px !important;
    }

    .landscape
        .connectthedots-main-wrapper
        .connectthedots-game-inner-container {
        height: 520px !important;
        margin: -105px 0 0 0 !important;
    }
    /* to align main content area center and use full content area on mobile devices */
    .landscape .preroll-img {
        max-height: 68vh;
        padding: 1px;
    }

    .landscape .letter-sequence .image {
        max-height: 150px;
        max-width: 150px;
    }
    /** Lesson 1-1-2B border radius alignment issue, issue no AP-1381 and AP-1283 marked in jira ***/
    .landscape .testcard1_ff,
    .landscape .testcard2_ff,
    .landscape .iostestcard1_ff,
    .landscape .iostestcard2_ff {
        border-radius: 12px;
    }
    .landscape .single-flash-card {
        padding: 2% 0 3%;
    }
    .landscape .single-flash-card .demotrumpCard {
        top: -20px;
    }
    .landscape .single-flash-card .demotrumpCard .level2 > span {
        margin-top: 0;
    }
    .landscape .preroll-img {
        margin-top: -20px;
        max-height: 63vh;
    }
    .landscape .preroll-img.lesson-end {
        max-height: 51vh;
    }
    .landscape .single-flash-card .demotrumpCard .level2 > span.text-cap {
        margin-top: 0;
    }
    .landscape .twoflash-card-wrap .demotrumpCard {
        height: 60vh;
    }
    /***** Video image thumb viewport *****/
    .landscape .ytp-cued-thumbnail-overlay-image {
        width: 80%;
        left: 10%;
    }
}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */
/* Landscape */
@media only screen and (device-width: 464px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
    .connectthedots-main-wrapper .connectthedots-game-inner-container {
        height: 560px !important;
        margin: -107px 0 0 0 !important;
    }

    /* to align main content area center and use full content area on mobile devices */
    .landscape .preroll-img {
        max-height: 68vh;
        padding: 1px;
    }

    .landscape .letter-sequence .image {
        max-height: 150px;
        max-width: 150px;
    }
}
/* Portrait */
@media only screen and (device-width: 464px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
    /************************* 4A image column issue *************************/
    .portrait .clicksoundinteractivity .click-soundcard-wrap.layout-row {
        padding: 30px 0;
    }
    .portrait .letsgofishingContainer .startlgf_go_pg1 {
        width: 100% !important;
    }

    /* use bigger screen for shoot rocket game on 7+, 8+ iPhones*/
    .portrait .shootrocketPage6 #shoot_game_div {
        width: 85%;
    }
    .portrait .poptheballoonspage4 .sm-gameContainer {
        height: 75% !important;
        min-height: 75% !important;
    }
    /* game width should be 90%, it's parent (sm-gameContainer) should be adjusted according to screen */
    .portrait #balloonContainerGame #game_div {
        height: auto !important;
        width: 90% !important;
    }
    .portrait #lgfgame_div {
        width: 90% !important;
    }
    /* override appstyles styling for main row of fishing game container*/
    .portrait .letsgofishingpage4 .letsgofishingrowborder:nth-of-type(2) {
        height: 75% !important;
        min-height: 75% !important;
    }
    /*** increase width for abc sound, pick & bingo games **/
    .portrait .abcgame_maincontainer.fullsize,
    .portrait
        .abcgame_abccol_portrait.abcgame_abcpick_floatPlayArea_portrait.reducesize,
    .portrait .abcgame_bingomaincontainer.reducesize {
        width: 90% !important;
    }
    /**** Section 1- lesson -6 A, board must be perfectly square issue *****/
    .portrait .board-effect:before,
    .portrait .board-effect:after {
        top: 0%;
        bottom: 0%;
    }
    /*******  trump card images touches corner issue on section 1 - lesson -6A *********/
    .portrait .demotrumpCard {
        width: 33vw;
        height: 33vw;
    }
}

/* reduce top margin for connect the dots for iphone 6s and above display it in middle*/
/* also ignore browser bar heights....*/
@media only screen and (min-height: 550px) and (orientation: portrait) {
    .portrait .connectthedots-game-inner-container {
        margin-top: -20px !important;
    }
}

/* remove top margin for connect the dots for iphone 7 plus, 8plus & X to display it in middle*/
/* also ignore browser bar heights....*/
@media only screen and (min-height: 600px) and (orientation: portrait) {
    .portrait .connectthedots-game-inner-container {
        margin-top: 0px !important;
    }
}

/*  refer https://css-tricks.com/snippets/css/media-queries-for-standard-devices/  **/
/* ----------- iPad 1 - 5 Mini and Air, Pro 9.7 ----------- */

/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1366px) and (orientation: portrait) {
    .modal-body .isMobilePortrait>div:first-child {
            width: 100%;
        }
    
    
    
        .isMobilePortrait {
            display: flex;
        }
    .isDesktop {
        display: none;
    }
    .portrait .lgf_clockbase {
        background-image: none !important;
        left: -23% !important;
    }
}

/* iPad Pro Portrait */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
    .portrait .lgf_clockbase {
        background-image: none !important;
        left: -13% !important;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1366px) and (orientation: landscape) {
    .abcSoundMobileView.abcgame_maincontainer {
        height: 70% !important;
        top: -100px;
    }
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) {
    .portrait #shootContainerGame {
        top: auto;
        left: auto;
        width: 100%;
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
        -moz-transform: none;
        -o-transform: none;
    }

    .landscape #Shoottherocket #shoot_gamescoreviewbox, #Shoottherocket #shoot_gamemissedviewbox {
        font-size: 16px;
        width: 100% !important;
        letter-spacing: 1px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .isMobilePortrait {
        display: none;
    }
    .isDesktop {
        display: block;
    }
    .landscape .logo-wrap {
        margin-top: -8px !important;
    }

    .landscape header.extra .logo-wrap {
        margin-left: -24px !important;
    }
}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    
       html.landscape header+div.video-container {
        height: calc(100dvh - 138px) !important;
    }


        html.landscape header.headerfull+div.video-container,
        html.landscape header.extra+div.video-container {
            height: calc(100dvh - 70px) !important;
        }
    
        .landscape header.extra+div.video-container .gameBody .abcgame_SMtimermodeparent {
            bottom: 2%;
        }
    
        .landscape header.headerfull+div.video-container .gameBody .abcgame_SMtimermodeparent {
            bottom: 2%;
        }
    
        .landscape .gameBody .abcgame_SMtimermodeparent {
            align-items: end;
        }
    
        .landscape .gameBody .abcgame_SMtimermode {
            font-size: 12px !important;
        }
    .landscape .testcard1_ff,
    .landscape .testcard2_ff,
    .landscape .iostestcard1_ff,
    .landscape .iostestcard2_ff {
        border-radius: 13px;
    }
    /*    . Game results contents font size can be increased and aligned centre. Play again caption not at centre.*/
    .landscape .abcgame_abcpick_gameResultTitle {
        top: -18px;
        left: 19%;
    }
    .landscape .abcgame_abcpick_gameResult div {
        font-size: 15px;
    }
    .landscape .abcgame_nextlevel {
        height: 38px !important;
    }
    .landscape header {
        /* For increasing header height on Tablet - Landscape Mode */

        height: 68px !important;
        padding: 0px 20px;
    }
    .landscape .ttheader {
        margin-top: -10px !important;
    }
    .landscape .content-pagination {
        height: 56px !important;
    }
    /** Video iFrame height **/
    .landscape iframe#customPlayer {
        height: 90%;
        margin-top: 3%;
    }
    /* Connect the dots */
    .landscape .connectthedots-innerwrapper .upper-lower-btn {
        display: flex;
        flex-direction: row;
        justify-content: center;
        left: 0 !important;
        width: 100% !important;
    }
    .landscape
        .connectthedots-main-wrapper
        .connectthedots-game-inner-container {
        margin-top: 0px !important;
    }
    .landscape .connectthedots .bg-rotateImage {
        width: 100% !important;
    }
    .landscape .connectthedots .connectthedots-game-headline {
        height: 9.15em !important;
    }
    .landscape .shoottherockets .shoot_gameplaybgimg {
        margin-top: -2px !important;
    }
    .landscape .connectthedots-play-button-container {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
    .landscape .letter-sequence .completWord {
        bottom: 20px;
    }
    .landscape .single-flash-card .demotrumpCard .level2 > span {
        margin-top: 0 !important;
    }
    .landscape .connectthedots-dotsContainer {
        top: 0px !important;
    }
    .landscape .connectthedots-play-button-container .play-again-btn,
    .landscape .connectthedots-play-button-container .next-level-btn {
        font-size: 1.6em;
        width: 40%;
    }


    /* Shoot the rockets */
    .landscape .shootrocketPages {
        display: block;
    }
    .landscape .shoot_ra-star-o,
    .landscape .shoot_ra-star {
        height: 35px;
        width: 35px;
        background-size: contain;
    }
    .landscape .shoot_gamestarratingprev {
        margin-left: 0px !important;
    }
    .landscape .shoot_captionRight {
        transform: scale(0.9);
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -o-transform: scale(0.9);
        -ms-transform: scale(0.9);
    }
    .landscape #shoot_countdownBar {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        margin-top: 0px !important;
    }
    .landscape #shoot_countdownCircle {
        display: none !important;
    }
    .landscape .shoot_timeremaining,
    .landscape .shoot_timermode {
        font-size: 18px;
        margin-left: -16px;
        background-color: #e8f66d;
        width: 90%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 35px auto 0 auto;
        border-radius: 7px;
        height: 29px;
        border: 2px solid #ff0866;
    }
    .landscape .shoot_timermode {
        margin: 11px auto;
    }
    .landscape #shoot_countdownNumber,
    .landscape #shoot_timerselectedType {
        width: 90%;
        background-color: rgb(255, 95, 117) !important;
        border-radius: 7px;
        font-size: 22px !important;
        display: inline-block;
        left: 0;
        right: 0;
        margin: auto;
    }
    .landscape .shootrocketPage6 .shoot_gameelementcenter button {
        width: 50px;
        height: 50px;
    }
    .landscape .shoot_pad {
        margin-left: -5% !important;
    }
    .landscape #shoot_gamemsglayerdivins2 .shoot_gameinstructionboximg1 {
        left: 50% !important;
        top: 45% !important;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        width: 80% !important;
        height: 40% !important;
    }
    /*    start caption 'Instructions' and instructions text not aligned centre. 1628*/
    .landscape .abcgame_instructionsPageContent {
        top: 50% !important;
        width: 90%;
        left: 50% !important;
    }
    .landscape .abcgame_abcpick_gameResultTitle {
        font-size: 12px;
        width: 64%;
        padding: 0;
        height: 39px;
        line-height: 37px;
    }

    /* Words beginning with their sounds */
    .landscape .letter-with-image .demotrump img {
        max-width: 100% !important;
    }
    /* Shoot the rockets */
    .landscape .shootrocketContainer {
        /*             min-height:600px !important; */
    }
    .landscape .shoot_4curdefault {
        margin-top: 5px;
    }

    .landscape .abcgame_abcpickrecommendedgamewrap {
        background: #ddffff !important;
        margin-top: 0px !important;
    }
    .landscape .abcgamesoundmatchgame .abcgame_abcpickrecommendedgamewrap {
        min-height: 600px;
        background: #ddffff !important;
        margin-top: 0px !important;
    }
    .landscape .shootrocketPage0 .abcgame_abcpickrecommendedgamewrap {
        margin-left: 0 !important;
        transform: none;
    }
    .landscape .poptheballoons .abcgame_abcpickrecommendedgamewrap {
        min-height: 600px;
        /*             margin-top: -250px !important; */
    }
    /* .landscape .letsgofishingpage0 .abcgame_abcpickrecommendedgamewrap {
        min-height: 550px;
        margin-top: 0px !important;
        left: 0px;
        padding-bottom: 20px;
    } */
    .landscape #connectthedots-overlay,
    .game-result-overlay {
        display: none;
    }
    .landscape div.poptheballoonMainBackground,
    .landscape abcgamebingo .abcgame_bingoContainer {
        /*  background-image: none !important;
        background: #EECDA3 !important;  fallback for old browsers
        background: -webkit-linear-gradient(to right, #EF629F, #EECDA3) !important;  /* Chrome 10-25, Safari 5.1-6
        background: linear-gradient(to right, #EF629F, #EECDA3) !important; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    }
    .landscape .abcgamebingo .abcgame_bingoContainer {
        height: 100%;
    }

    .landscape .abcgamebingo .abcgame_bingoContainerrow {
        height: 100%;
        margin-top: 0px;
    }
    .landscape .abcgamebingo .abcgame_bingohomebuttons {
        max-width: 100%;
        width: 80%;
    }
    .landscape .poptheballoons div.layout-align-start-stretch.layout-row.flex {
        height: 100%;
    }
    .landscape .abcgame_abcpick_modeContainer {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
    .landscape .modedivborder {
        margin: 0 auto !important;
        transform: none;
        width: 80%;
        padding-top: 10px;
        height: 99px;
    }
    .landscape .poptheballoonspage4 .gameelementcenter {
        width: 100%;
        margin: 0 auto !important;
    }
    .landscape .poptheballoonspage4 .gameelementcenter img {
        max-height: 170px;
    }
    .landscape .poptheballoonspage4 .gameelementcenter button {
        width: 55px;
        height: 55px;
    }
    .landscape .letsgofishing div.layout-align-start-stretch.layout-row.flex {
        height: 100%;
    }
    .landscape .letsgofishingMainPage .lgfp1row {
        margin-top: 0px;
    }
    .landscape .abcgame_SMtimermode {
        height: 50px;
        font-size: 20px !important;
        line-height: 40px;
    }
    .landscape .abcgame_SMtimermodeparent {
        margin-top: 30% !important;
    }
    .landscape .lgfSidemenuWrap,
    .lgfcaption {
        margin-top: 15% !important;
    }
    .landscape .abcgame_smcontrols,
    .landscape .letsgofishingpage4 .lgfgameelementcenter button {
        height: 55px;
        width: 55px;
    }
    .landscape .abcgame_smcountdown {
        font-size: 80px;
    }
    .landscape .abcgame_smtimeMode {
        font-size: 45px;
    }
    .landscape .abcgame_smatoe {
        line-height: 50px;
        background-size: contain;
    }
    .landscape .abcgame_soundMatchContainerrow {
        transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
    }
    .landscape .poptheballoonrowborder.sm-gameContainer {
        margin-top: 15px;
    }
    /* Lets go fishing - Game mode buttons alignment on splash screen */
    .landscape .startlgf_go_pg1 {
        left: 0 !important;
    }
    .landscape .abcgame_sm_instruction_content ol {
        margin: 60px auto;
        width: 90%;
        padding: 0 !important;
    }
    .landscape .abcgame_sm_instruction_step ol li {
        font-size: 1em !important;
        width: 100%;
    }
    .landscape button.abcgame_modebtn.abcgame_abcpick_btnlearn.ng-binding,
    .landscape button.abcgame_modebtn.abcgame_abcpick_btnplay.ng-binding {
        display: none;
    }
    .landscape .balloom_image_pg1 .startshoot_go_pg1,
    .landscape .letsgofishing .startlgf_go_pg1 {
        bottom: 10% !important;
    }
    .landscape .letsgofishing .lgf_gameinstructpglayernxtbtnimg {
        height: 500px !important;
        background-size: contain;
        background-position: center center;
    }
    .landscape .abcgame_abcpick_letterSoundWrap .letterSound {
        font-size: 18px;
        margin-top: 7px;
    }
    .landscape .mainFlashcard_flip .flip-card-txt {
        margin-top: 0 !important;
    }
    .landscape .single-flash-card .demotrumpCard .level2 > span {
        margin-top: 0 !important;
        font-size: 20vw !important;
    }
    .landscape .single-flash-card .demotrumpCard .level2 > span.text-cap {
        margin-top: 13% !important;
    }
    .landscape
        div.flash-card-cont.layout-fill.layout-align-center-center.layout-row.flex-30 {
        margin: 0;
    }
    .landscape img.quiz-img {
        padding: 25% 0 0 0;
    }
    .landscape .quizClass {
        width: 13vw;
    }
    .landscape
        div#abcgame_smclockDial.abcgame_smclockDial.abcgame_smclockDialSlow {
        background-image: url(https://d25k2pvzisqrb6.cloudfront.net/assets/abcsoundmatch/images/abcsmclockDial.png) !important;
    }
    .landscape .abcgame_smtimeRemainlabel,
    .landscape .abcgame_smclockDial,
    .landscape .letsgofishingpage4 #lgf_countdownCircle {
        display: none !important;
    }
    .landscape .abcgame_smtimeModelabel {
        display: block !important;
    }
    .landscape .abcgame_smcountdown {
        font-size: 19px;
        position: relative;
        top: 59%;
        color: #000;
        font-weight: bold;
    }
    .landscape .abcgame_smtimeMode {
        background: none !important;
    }
    .landscape .abcgame_smtimeMode {
        position: relative;
        top: 65%;
        font-size: 18px;
        font-weight: bold;
        color: #000;
    }
    .landscape .letsgofishingpage4 .letsgofishingrowborder {
        height: 100%;
    }
    .landscape .lgf_helpinstruction {
        top: 0%;
        right: 0%;
        transform: scale(0.7, 0.7);
        -ms-transform: scale(0.7, 0.7);
        -webkit-transform: scale(0.7, 0.7);
    }
    .landscape .letsgofishingpage4 .lgf_clockbase {
        background-image: url(https://d25k2pvzisqrb6.cloudfront.net/assets/abclgf/image/clockbase.png) !important;
        position: absolute !important;
        top: 0 !important;
        transform: scale(0.75);
        -ms-transform: scale(0.75);
        -webkit-transform: scale(0.75);
        width: 345px !important;
    }
    .landscape .lgfgameelementcenter.lgf_timeralign {
        margin: 12px auto;
        left: -3%;
        transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
    }
    .landscape .lgf_timeremaining {
        font-size: 13px;
    }
    .landscape .poptheballoonspage4 #countdownCircle,
    .landscape .poptheballoonspage4 .timeremaining,
    .landscape .poptheballoonspage4 .timermode,
    .landscape .letsgofishingpage4 #lgf_countdownCircle,
    .landscape .letsgofishingpage4 .lgf_timeremaining,
    .landscape .letsgofishingpage4 .lgf_timermode {
        display: block !important;
    }
    .landscape .letsgofishingpage4 #lgf_countdownNumber {
        color: #000000;
        font-size: 24px;
        position: absolute;
    }
    .landscape div#lgf_countdownCircle {
        margin-top: 30px;
        margin-left: 19% !important;
    }
    .landscape .letsgofishingpage4 #lgf_gamelvlintdication {
        color: #000000 !important;
        font-size: 18px;
        top: 78.3%;
        position: absolute !important;
    }
    .landscape header .connect-dot-bg > div {
        width: 135px;
        margin: 0 0 0 89px;
    }
    .landscape .fast-forward-buttons ul li.fast-forward-dots {
        margin: 5px 10px;
    }
    .landscape header .act-title {
        margin-top: 10px;
        font-size: 12px;
    }
    .landscape .drag-container .drop_child p {
        margin: 0% auto 0 !important;
    }
    
    .landscape .singleFlashCardMixup .upperCaseLetter,
    .landscape .singleFlashCardMixup .lowerCaseLetter {
        padding-left: 5px !important;
        font-size: 12vh !important;
    }
    .landscape .singleFlashCardMixup .left_letter {
        padding: 7px !important;
    }
    .landscape
        .mainFlashcard_flip
        .flash-card-table.six-flash-card
        .cell-space {
        height: 30vh;
        width: 20vh;
    }
    .landscape .flipbook .page img.img_text {
        background-position: center center;
    }
    .landscape .mainFlashcard_flip .flipTemp .fontface_ADV_CALIBRI span {
        line-height: 1;
        margin: 0;
    }
    .landscape .shootrocketPage6 #shoot_countdownCircle,
    .landscape .shootrocketPage6 .shoot_timeremaining,
    .landscape .shootrocketPage6 .shoot_timermode {
        display: block;
    }
    .landscape .shootrocketPage6 .lgf_caption_right {
        margin-top: 0px !important;
    }
    .landscape header .h-right {
        margin: 0px;
    }
    .landscape .abcgame_abcpickoptionalgamelist button {
        background-position-y: 5px;
    }
    .landscape .abcgame_abcpickrecommendedgame button {
        font-size: 16px;
    }

    .landscape .abcgame_abcpickoptionalgamelist button {
        left: 32%;
    }
    .landscape .abcgame_abcpickoptionalgamewrap {
        height: 27%;
    }
    .landscape
        .flipthebook
        .BookTemplate
        .flipbook-viewport
        .flipbook
        .page-wrapper
        .page
        img.img_text {
        margin-left: 10% !important;
    }
    .landscape
        .flipthebook
        .BookTemplate
        .flipbook-viewport
        .flipbook.booktemplate2
        .page-wrapper
        .page
        img.img_text {
        margin-left: 15% !important;
    }
    .landscape .abcgame_sidemenu {
        padding-top: 0 !important;
    }

    .landscape .abcgame_smControlsWrap {
        margin-top: 0 !important;
    }
    .landscape .poptheballoons .popp0row,
    .landscape .popp1row,
    .landscape .balloom_image_pg1 {
        height: 100% !important;
    }
    .landscape .popp0row .abcgame_abcpickrecommendedgame {
        height: 60% !important;
    }
    .landscape #gamestarsrating {
        margin-top: 0 !important;
    }
    .landscape .poptheballoonspage4 .clockbase {
        background: url(https://d25k2pvzisqrb6.cloudfront.net/assets/abcptb/images/clockbase.png) !important;
        transform: scale(0.8, 0.8);
        -ms-transform: scale(0.8, 0.8);
        -moz-transform: scale(0.8, 0.8);
        -o-transform: scale(0.8, 0.8);
        -webkit-transform: scale(0.8, 0.8);
        left: 4% !important;
        top: 50% !important;
        position: absolute;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position-x: 50% !important;
    }
    .landscape #countdownCircle {
        left: -10px !important;
    }
    .landscape .poptheballoonspage4 #gamelvlintdication,
    .landscape .letsgofishingpage4 #lgf_gamelvlintdication,
    .landscape .poptheballoonspage4 #countdownNumber {
        position: absolute;
        color: white;
    }
    .landscape .pop_go4_layerx {
        left: 58% !important;
        -webkit-transform: translate(-50%, -50%) scale(1) !important;
        -moz-transform: translate(-50%, -50%) scale(1) !important;
        -ms-transform: translate(-50%, -50%) scale(1) !important;
        -o-transform: translate(-50%, -50%) scale(1) !important;
        transform: translate(-50%, -50%) scale(1) !important;
        top: 40% !important;
    }
    .landscape #balloonContainerGame #gamemsglayerdiv {
        z-index: auto !important;
    }
    .landscape #balloonContainerGame #game_div {
        width: 100% !important;
        height: 100%;
    }

    .landscape .timeremaining {
        right: 20%;
    }
    .landscape .pop_go3_layerx {
        margin-left: 0 !important;
        height: 0;
        width: 0 !important;
    }
    .landscape .abcgame_soundMatchContainer {
        height: 100% !important;
    }
    .landscape .abcgamesoundmatchgame .abcgame_smControlsWrap {
        margin-top: 30% !important;
    }
    .landscape .abcgamesoundmatchgame .abcgame_leftsmlogo {
        margin-top: 30% !important;
        background-size: contain !important;
        background-position: center center;
    }
    .landscape .abcgame_smtimedetailsbox {
        height: 50px;
        line-height: 40px;
        margin-top: 0 !important;
    }
    .landscape #lgfgame_div,
    .landscape .lgfgame_div {
        margin-top: 0%;
        position: absolute;
        width: 100% !important;
        top: 50%;
        left: 50%;
        height: 100%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
    }
    .landscape #lgfgame_div canvas {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    .landscape #lgf_gamelvlintdication,
    .landscape #lgf_countdownNumber {
        left: 15px !important;
    }
    .landscape .lgf_go3_layerx,
    .landscape .lgf_go4_layerx {
        width: 10%;
        height: 10%;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        -webkit-transform: translate(-50%, -50%) !important;
        -moz-transform: translate(-50%, -50%) !important;
        -o-transform: translate(-50%, -50%) !important;
        -ms-transform: translate(-50%, -50%) !important;
    }
    .landscape #lgf_gamemsglayerdiv {
        z-index: 0;
    }
    .landscape .abcgame_abcpickparent,
    .landscape .abcgameabcpick .abcgame_abc-container,
    .landscape .abcgameabcpick .abcgame_abcrow {
        /*height:100% !important;*/
        transform: none !important;
        margin-top: 0 !important;
    }
    .landscape .abcgame_abcpick_rightmenuWrapper,
    .landscape .abcgame_abcpick_leftMenuRow1 {
        margin-top: 40%;
    }
    .landscape .abcgame_abcpick_matchHead {
        width: 200px;
        height: 50px;
    }
    .landscape .abcgame_abcpick_letterSoundWrap {
        width: 80%;
        height: 80px;
        padding: 0;
    }
    .landscape .abcgame_abcpick_letterSoundLabel {
        padding-left: 4%;
    }
    .landscape .abcgame_abcpick_clockbase {
        background-image: url(https://d25k2pvzisqrb6.cloudfront.net/assets/abcpick/images/abcpick_clock_base.png) !important;
    }
    .landscape .abcgame_abcclock {
        background-image: url(https://d25k2pvzisqrb6.cloudfront.net/assets/abcpick/images/abc_clock.png) !important;
    }
    .landscape .abcgame_abcpick_timeremain,
    .landscape .abcgame_modecss {
        display: block;
    }
    .landscape .abcgame_abcpick_countdown {
        font-size: 31px;
        color: #fff;
    }
    .landscape .abcgame_leftMenuLevelWindow {
        text-align: center;
        font-size: 19px;
        font-weight: bold;
        color: #fff;
        width: 100%;
        top: 79% !important;
        left: 0 !important;
        position: absolute;
        transform: none !important;
        background: none;
    }
    .landscape .abcgame_bingomaincontainer.abcgame_bingomainContainerOffset {
        height: 100% !important;
    }
    .landscape .abcgame_bingomatrix {
        height: 60px !important;
    }
    .landscape .abcgame_bingolefcasedetail div {
        font-size: 24px;
    }
    .landscape .abcgame_bingoteller {
        width: 100%;
        background-size: contain;
        text-align: center;
    }
    .landscape input.abcgame_bingo_closeinstruction {
        margin-top: 0 !important;
    }
    .landscape .recommendedbadge {
        background-size: contain;
    }
    .landscape .lgfballoom_image_pg1 {
        height: 100% !important;
    }
    .landscape .letsgofishingpage4 {
        height: 100% !important;
    }
    .landscape .page-main-controls {
        margin-top: 0;
    }
    .landscape .preroll-img {
        max-height: 50vh;
    }
    .landscape .lgf_modedivborder {
        background-position: center center;
        background-size: contain;
    }
    .landscape .lgf_ra-star-o,
    .landscape .lgf_ra-star {
        height: 45px;
        width: 45px;
    }
    .landscape .lgf_captionright {
        margin-top: 50px !important;
    }
    .landscape .letsgofishing .lgfp0row .abcgame_abcpickrecommendedgame {
        height: 64% !important;
    }
    .landscape .abcgame_bingorepeattelling {
        background-size: contain;
        background-position: center center;
        height: 70px;
        font-size: 13px !important;
        padding-bottom: 17px;
        margin-top: 20px;
    }
    .landscape .abcgame_optgamethumbnail {
        position: relative;
    }
    .landscape .abcgame_optgamethumbnail img {
        position: absolute;
        width: 150%;
        height: 150%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
    }
    .landscape .abcgame_maincontainer {
        width: 50% !important;
        height: 100% !important;
    }
    .landscape .popp0row .abcgame_optgamethumbnail {
        height: 100%;
    }
    /* Games and Songs menu filter on tab portrait mode */
    .landscape .menu-mobile .ml-right ul.games-list li {
        width: 24%;
    }
    .landscape .abcgame_abcpickparent .abcgame_abcpick_clockbase {
        height: 293px !important;
        top: 37% !important;
    }
    .landscape .abcgame_abcpick_countdown {
        position: absolute !important;
    }

    .landscape .abcgame_instructions {
        padding-top: 8.5%;
    }
    .landscape .abcgame_instructionTitle {
        font-size: 15px;
    }
    .landscape .abcgamebingo .abcgame_bingomaincontainer.abcgame_bingoplayarea {
        height: 100% !important;
    }
    .landscape .lgf_timeremaining {
        right: auto;
        top: 54.5%;
        width: 100%;
        left: 5%;
        text-align: center;
    }
    .landscape .abcgame_bingo_instruction_header {
        font-size: 9px;
        line-height: 47px;
        height: 50px;
        width: 52%;
    }
    .landscape .abcgame_bingo_instruction_content {
        height: 40%;
    }
    .landscape .abcgame_bingo_instruction_step {
        font-size: 13px;
    }
    .landscape .abcgame_bingoleflogo {
        margin-top: 28%;
    }
    .landscape .abcgame_bingo_instruction_content {
        height: 34%;
    }
    .landscape
        #abcMatchMainBody
        .abcgame_abcpick_matchHead
        .abcgame_abcpick_matchHeadContent
        div {
        width: 40px;
    }

    /********  survey SES ************/
    .landscape .survey-container .survey-main-class {
        margin-top: 68px;
    }
}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
}

/* ----------- iPad Pro 12.9" ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    .portrait .letter-sequence .image {
        max-height: 390px;
        max-width: 500px;
    }
    /* .portrait .connectthedots-innerwrapper {
        transform: scale(1.7059, 1.8);
        -webkit-transform: scale(1.7059, 1.8);
        -moz-transform: scale(1.7059, 1.8);
        -ms-transform: scale(1.7059, 1.8);
        -o-transform: scale(1.7059, 1.8);
    } */
    .portrait .connectthedots-start-game-container .sg-right-container {
        width: 1%;
        padding: 0px;
    }
}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
}

/* ----------- iPhone x, google-pixel 2----------- */
/* Landscape (Ipad8)*/
@media only screen and (max-device-width: 878px) and (min-device-width: 768px) {
    .landscape body .gameBody .contentBox.gameGraphicsAuto,
        .landscape body .gameBody .gameGraphicsAuto {
            height: auto !important;
            padding: 7px !important;
        }
    .landscape header.extra+div.video-container #letsplayfootball .lgf_helpinstruction {
        right: 5% !important;
        top: 6% !important;
    }

    .landscape header.extra+div.video-container .gameBody .abcgame_SMtimermodeparent {
        bottom: 2% !important;
        align-items: start;
    }

    .landscape header.headerfull+div.video-container .gameBody .abcgame_SMtimermodeparent {
        bottom: 9% !important;
    }

    .landscape header.extra+div.video-container #gameBody .poptheballoonMainBackground .abcgame_SMtimermodeparent {
        align-items: start;
    }

    .landscape header.extra+div.video-container .gameBody #strocket-first .abcgame_smsplashwrap .abcgame_SMtimermodeparent,
    .landscape header.extra+div.video-container #gameBody #Shoottherocket .early-screens button.shootTheRocketPlyBtn,
    .landscape header.extra+div.video-container #gameBody #Shoottherocket .early-screens .startshoot_go_pg1.pop_gobtn_layer,
    .landscape header.extra+div.video-container .gameBody .startletsgofishingrow .abcgame_SMtimermodeparent {
        bottom: 10% !important;
    }

    .landscape header.extra+div.video-container .gameBody .startletsgofishingrow .abcgame_SMtimermodeparent {
        bottom: 14% !important;
    }

    .landscape header.extra+div.video-container .abcgame_abcpickrecommendedgame button,
    .landscape header.extra+div.video-container #abcsoundmatch .buttonDiv button {
        position: absolute;
        bottom: 19% !important;
    }

    .landscape header.extra+div.video-container #gameBody .poptheballoonMainBackground .abcgame_SMtimermodeparent {
        align-items: start;
    }

    .landscape header.extra+div.video-container .abcgame_abcpickrecommendedgame button,
    .landscape header.extra+div.video-container #abcsoundmatch .buttonDiv button {
        position: absolute;
        bottom: 12% !important;
    }

    .landscape header.extra+div.video-container .gameBody .abcgame_smsplashwrap .abcgame_SMtimermodeparent {
        bottom: 8% !important;
    }

    .landscape header.extra+div.video-container .gameBody .abcgame_smsplashwrap .abcgame_sminstructions {

        top: 44px;
    }
    .abcgame_abcpick_logoGroupLeftpanel {
        width: 76%;
        text-align: center !important;
        margin: 0 auto !important;
    }
    .landscape .abcgame_abcclock,
    .landscape .abcgame_abcpick_clockbase {
        background-image: none !important;
    }
    .landscape .abcgame_abcpick_timeremain {
        display: none;
    }
    .landscape .abcgame_abcpick_countdown {
        font-size: 24px;
        color: rgb(16, 23, 131);
        position: static !important;
    }
    .landscape .abcgame_leftMenuLevelWindow {
        background-color: rgba(0, 48, 75, 0.4);
        width: 50%;
        margin: 0 auto;
        transform: none !important;
        border-radius: 10px;
        font-size: 18px;
        padding: 5px;
        position: static;
    }
    .landscape .abcgame_modecss {
        display: none;
    }
    .landscape
        .abcgameabcpick
        .abcgame_abccol.abcgame_sidemenu
        .abcgame_abcpick_clockbase {
        top: 20% !important;
        height: 100px;
    }
}
@media only screen and (max-width: 823px) and (orientation: landscape) {
    .abcgame_abcMatchWelcomePage {
        background-size: cover;
    }
    .monkeystatic {
        width: 14%;
        height: 61%;
        top: 0%;
        left: 3%;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .birdstatic {
        background-size: cover;
        width: 19%;
        height: 33%;
        top: 36%;
    }
    /* .landscape .abcgame_abcpickparent, .landscape .abcgameabcpick .abcgame_abc-container, .landscape .abcgameabcpick .abcgame_abcrow {
        height: 100vh !important;

    } */
}
@media (max-width: 768px) and (min-width: 480px) {
    .portrait .abcgame_abcpick_card_back {
        width: 62px;
        height: 62px;
        border-radius: 8px;
    }
}

@media (max-width: 480px) {
    .portrait .abcgame_instructionTitle {
        top: -3%;
    }
    .portrait
        .abcgameabcpick
        .abcgame_abccol_portrait.abcgame_abcpick_floatPlayArea_portrait.reducesize
        .abcgame_instructionTitle.ng-binding {
        top: -11%;
    }
}

.abcgame_abcpick_card_front:focus,
.abcgame_abcpick_card_frontMask:focus,
.abcgame_abcpick_card:focus,
.abcgame_abcpick_activeEffectInner:focus,
.abcgame_abcpick_card_back:focus,
.abcgame_abcpick_card_back1:focus {
    outline: none !important;
}

#interactivity_div .animate-show-hide.drag-drop-parent.layout-fill {
    overflow: visible;
}
/* Responsive style for contraction build */

/* for desktop below below 570px height */
@media (max-height: 570px){
   #contraction-activity .contraction-string1 .preroll-img{
           max-height: 44vh;
           min-height:44vh;
   }
  
   #contraction-activity .audio-text{
       padding:0;
   }
}

@media (max-height: 700px){

      #contraction-activity .contraction-string1 .preroll-img{
           max-height: 40vh;
           min-height:40vh;
   }
   
}

@media (max-height: 760px){
       #contraction-activity .contraction-string1 .preroll-img{
           max-height: 40vh;
           min-height:40vh;
   }
}

/* for ipad portrait */

@media only screen and (max-device-width: 1366px) and (min-device-width: 768px) and (orientation: portrait){
    .portrait #contraction-activity .audio-text .align-middle{
        height: auto !important;
    }
       #contraction-activity .contraction-string1 .preroll-img{
           max-height: 25vh;
       }
       #contraction-activity{
               display: flex;
    flex-direction: column;
    justify-content: center;
       }
}

/* for mobile devices landscape */




/* for mobile devices portrait */
@media (max-width:767px){

.portrait .correct-Card i{
        width: 22px;
    height: 22px;
    font-size: 15px;
    line-height: 21px;
}
}


/* @media (min-width: 1366px){
.interactivity #contraction-activity .align-middle{
    min-width:90%;
} */

.interactivity #contraction-activity .click-rating, #contraction-activity .audio-text{
    position: relative;
}
#contraction-activity .audio-text .right-btns-grp {
    top: 50%;
    transform: translateY(-50%);
}

.interactivity #contraction-activity .audio-text{
    /* padding:0; */
}
#contraction-activity .sentenceSpan{
    /* padding: 8px 4px; */
}

@media (max-width: 991px) and (orientation: portrait){
.dynamic-layout-letter-sequence{
	-webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    flex-direction: column;
}
}
/* Ipad Pro Portrait */
@media (max-width: 1024px) 
  and (max-height: 1370px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5)
   {
.dynamic-layout-letter-sequence{
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    flex-direction: column;
}
}
 #contraction-activity .right_column{
    top:0;
}

.landscape #contraction-activity .preroll-img{
        max-height: 35vh;
}
@media (max-width:767px) and (orientation:landscape){
     .landscape .stageCnt{
         max-width:156px !important;
     }
     .landscape header .h-right{
             margin: 0px 0px 0 0 !important;
     }
}