/* ========================= iPad Landscape ================================= */

@media only screen and (max-width:1024px) and (orientation:landscape) {
    /* =================================== Page 1 Start ========================================= */
    /* =================================== Page 1 End ========================================= */
    /* =================================== Page 2 Star ========================================= */
    /* =================================== Page 2 End ========================================= */
    /* =================================== Page 3 Star ========================================= */
    /* =================================== Page 3 End ========================================= */
    /* =================================== Page 4 Star ========================================= */
    /* =================================== Page 4 End ========================================= */
    /* =================================== Page 5 Star ========================================= */
    /* =================================== Page 5 End ========================================= */
    /* =================================== Page 6 Star ========================================= */
    /* =================================== Page 6 End ========================================= */
    /* =================================== Page 7 Star ========================================= */
    /* =================================== Page 7 End ========================================= */
    /* =================================== Page 8 Star ========================================= */
    /* =================================== Page 8 End ========================================= */
    /* =================================== Page 9 Star ========================================= */
    /* =================================== Page 9 End ========================================= */
    /* =================================== Page 10 Star ========================================= */
    /* =================================== Page 10 End ========================================= */
    /* =================================== Page 11 Star ========================================= */
    /* =================================== Page 11 End ========================================= */
    /* =================================== Page 12 Star ========================================= */
    /* =================================== Page 12 End ========================================= */
    /* =================================== Page 13 Star ========================================= */
    /* =================================== Page 13 End ========================================= */
    /* =================================== Page 14 Star ========================================= */
    /* =================================== Page 14 End ========================================= */
    /* =================================== Page 15 Star ========================================= */
    /* =================================== Page 15 End ========================================= */
}




/* ========================= Sumsung Landscape ================================= */

@media only screen and (min-width:1024px) {
    .m1_t1_p4 .screen_1 .center_box {
        margin-top: 15px;
    }
}
@media only screen and (min-width:960px) and (orientation:landscape) {

.player_middleNav{
    transform: none !important;
    -moz-transform: none !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
}

}

@media only screen and (max-width:962px) and (orientation:landscape) {
    /* =================================== Page 1 Start ========================================= */
    .m1_t1_p1 .screen_1 .slide_one {
        height: 310px;
    }
    .m1_t1_p1 .screen_2 .slide_one {
        width: 70%;
        height: 297px;
    }
    .m1_t1_p1 .screen_2 .slide_one .left_side {
        width: 417px;
        height: 296px;
        background-size: 100%;
    }
    .m1_t1_p1 .screen_2 .slide_one .right_side {
        height: 296px;
    }
    /* =================================== Page 2 Start ========================================= */
    .m1_t1_p2 .screen_1 {
        width: 664px;
        height: 90%;
    }
    
    /* =================================== Page 4 End ========================================= */
    /* =================================== Page 5 Start ========================================= */
    /* =================================== Page 5 Star ========================================= */
    .notIE9 .m1_t1_p5 .mainSection {
        width: 80%;
        height: 210px;
    }

    .notIE9 .m1_t1_p5 .mainSection .leftSection {
        width: 45%;
        float: left;
        height: auto;
        margin-top: 5px;
    }

    .notIE9 .m1_t1_p5 .mainSection .rightSection {
        height: auto;
    }

    .m1_t1_p5 .mainSection .rightSection .stepsIcon.icon_1 {
        width: 117px;
        height: 96px;
        background: url(../images/pages/m1_t1_p5/mobile/02.png) no-repeat;
    }

    .m1_t1_p5 .mainSection .rightSection .stepsIcon.icon_2 {
        width: 96px;
        height: 118px;
        background: url(../images/pages/m1_t1_p5/mobile/03.png) no-repeat;
    }

    .m1_t1_p5 .mainSection .rightSection .stepsIcon.icon_3 {
        width: 96px;
        height: 96px;
        background: url(../images/pages/m1_t1_p5/mobile/05.png) no-repeat;
    }

    .m1_t1_p5 .mainSection .rightSection .stepsIcon.icon_4 {
        width: 118px;
        height: 96px;
        background: url(../images/pages/m1_t1_p5/mobile/04.png) no-repeat;
    }

    .m1_t1_p5 .mainSection .rightSection .stepWrap {
        width: 234px;
    }

    .m1_t1_p5 .mainSection .screen_2 .imgWrap {
        width: 400px;
        height: 253px;
    }

    .m1_t1_p5 .mainSection .screen_2 .imgWrap .mapPointer {
        bottom: 72px;
        left: 85px;
        line-height: 15px;
    }

    /* =================================== Page 5 End ========================================= */
    /* =================================== Page 5 End ========================================= */
    /* =================================== Page 6 Star ========================================= */
    /* =================================== Page 6 End ========================================= */
    /* =================================== Page 7 Star ========================================= */
    /* =================================== Page 7 End ========================================= */
    /* =================================== Page 8 Star ========================================= */
    /* =================================== Page 8 End ========================================= */
    /* =================================== Page 9 Star ========================================= */
    /* =================================== Page 9 End ========================================= */
    /* =================================== Page 10 Star ========================================= */
    /* =================================== Page 10 End ========================================= */
    /* =================================== Page 11 Star ========================================= */
    /* =================================== Page 11 End ========================================= */
    /* =================================== Page 12 Star ========================================= */
    /* =================================== Page 12 End ========================================= */
    /* =================================== Page 13 Star ========================================= */
    .Mainbox.box1 {
        top: 14%;
    }
    .Mainbox.box2 {
        top: 14%;
    }
    .Mainbox.box3 {
        top: 50%;
    }
    .Mainbox .Text {
        top: 25%;
        height: 70px;
    }
    .m1_t1_p13 .box {

        margin:56px 0px 0px 156px;
    }
    .m1_t1_p13 .circle_box {
        top: 40px;
    }


    /* =================================== Page 13 End ========================================= */
    /* =================================== Page 14 Star ========================================= */
    /* =================================== Page 14 End ========================================= */
    /* =================================== Page 15 Star ========================================= */
    /* =================================== Page 15 End ========================================= */
}




/* ========================= iPad  Portraint ================================= */

@media only screen and (max-width:768px) and (orientation:portrait) {
    /* =================================== Page 1 Start ========================================= */
    .m1_t1_p1 .screen_1 .slide_one {
        top: 47%;
    }
    .m1_t1_p1 .screen_2 .slide_one {
        width: 680px;
        height: 330px;
        top: 47%;
    }
    .m1_t1_p1 .screen_2 .slide_one .left_side {
        width: 68%;
        background-size: 100%;
    }
    .m1_t1_p1 .screen_2 .slide_one .right_side {
        width: 31%;
        height: 99.5%;
    }
    .m1_t1_p1 .screen_2 .slide_one .right_side .right_side_text {
        width: 180px;
    }

    /* =================================== Page 2 start ========================================= */
    .m1_t1_p2 .screen_1 {
        width: 730px;
        background: none;
    }
    .m1_t1_p2 .screen_1 .box1 {
        width: 36%;
        height: 326px;
        margin-top: -100px;
    }
    .m1_t1_p2 .screen_1 .right_side {
        height: 326px;
        margin-top: -100px;
    }
    .m1_t1_p2 .screen_2 {
        top: 47%;
    }
    .m1_t1_p3 .screen_1 {
        top: 47%;
    }
    /* =================================== Page 2 End ========================================= */
    /* =================================== Page 4 Start ========================================= */
    .m1_t1_p4 .screen_1 .top_box {
        margin-bottom: 130px;
    }
    .m1_t1_p4 .screen_1 .center_box .center_right_box2 {
        margin: 10.8% 0 0;
    }
    /* =================================== Page 5 Start ========================================= */
    .notIE9 .m1_t1_p5 .mainSection {
        width: 80%;
        height: auto;
    }

    .notIE9 .m1_t1_p5 .mainSection .screen_2 {
        height: auto;
    }

    .m1_t1_p5 .mainSection .screen_2 .imgWrap {
        width: 100%;
        height: 380px;
    }
    .notIE9 .m1_t1_p5 .mainSection .leftSection {
        width: 100%;
        height: auto;
        float: left;
        text-align: center;
    }
    .m1_t1_p5 .mainSection .rightSection .stepWrap {
        width: 325px;
        float: none;
        margin: auto;
    }

    .notIE9 .m1_t1_p5 .mainSection .rightSection {
        width: 100%;
        margin-top: 5%;
        height: auto;
    }

    .m1_t1_p5 .mainSection .screen_2 .imgWrap .mapPointer {
        bottom: 110px;
        left: 142px;
    }
    /* =================================== Page 5 End ========================================= */
    /* =================================== Page 6 Start ========================================= */
    .m1_t1_p6 .mainSection .lineWrap {
        display: none;
    }
    /* =================================== Page 6 End ========================================= */
    /* =================================== Page 7 Star ========================================= */
    /* =================================== Page 7 End ========================================= */
    /* =================================== Page 8 Star ========================================= */
    /* =================================== Page 8 End ========================================= */
    /* =================================== Page 9 Star ========================================= */
    /* =================================== Page 9 End ========================================= */
    /* =================================== Page 10 Star ========================================= */
    /* =================================== Page 10 End ========================================= */
    /* =================================== Page 11 Star ========================================= */
    /* =================================== Page 11 End ========================================= */
    /* =================================== Page 12 Star ========================================= */
    /* =================================== Page 12 End ========================================= */
    /* =================================== Page 13 Star ========================================= */
    .Mainbox .Text {
        top: 16%;
        height: 100px;
    }
    .Mainbox.box1 {
        left: 26%;
        top: 15%;
    }

    .Mainbox.box2 {
        left: 26%;
        top: 40%;
    }

    .Mainbox.box3 {
        left: 26%;
        top: 65%;
    }
    /* =================================== Page 13 End ========================================= */
    /* =================================== Page 14 Star ========================================= */
    /* =================================== Page 14 End ========================================= */
    /* =================================== Page 15 Star ========================================= */
    /* =================================== Page 15 End ========================================= */
}




/* ========================= iPhone Landscape ================================= */

@media only screen and (max-width:667px) and (orientation:portrait) {
    /* =================================== Page 1 Start ========================================= */
    /* =================================== Page 1 End ========================================= */
    /* =================================== Page 2 Star ========================================= */
    /* =================================== Page 2 End ========================================= */
    /* =================================== Page 3 Star ========================================= */
    /* =================================== Page 3 End ========================================= */
    /* =================================== Page 4 Star ========================================= */
    /* =================================== Page 4 End ========================================= */
    /* =================================== Page 5 Star ========================================= */
    /* =================================== Page 5 End ========================================= */
    /* =================================== Page 6 Star ========================================= */
    /* =================================== Page 6 End ========================================= */
    /* =================================== Page 7 Star ========================================= */
    /* =================================== Page 7 End ========================================= */
    /* =================================== Page 8 Star ========================================= */
    /* =================================== Page 8 End ========================================= */
    /* =================================== Page 9 Star ========================================= */
    /* =================================== Page 9 End ========================================= */
    /* =================================== Page 10 Star ========================================= */
    /* =================================== Page 10 End ========================================= */
    /* =================================== Page 11 Star ========================================= */
    /* =================================== Page 11 End ========================================= */
    /* =================================== Page 12 Star ========================================= */
    /* =================================== Page 12 End ========================================= */
    /* =================================== Page 13 Star ========================================= */
    /* =================================== Page 13 End ========================================= */
    /* =================================== Page 14 Star ========================================= */
    /* =================================== Page 14 End ========================================= */
    /* =================================== Page 15 Star ========================================= */
    /* =================================== Page 15 End ========================================= */
}




/* ========================= Sumsung Portraint ================================= */

@media only screen and (max-width:601px) and (orientation:portrait) {
    /* =================================== Page 1 Start ========================================= */
    .m1_t1_p1 .screen_1 .slide_one {
        top: 46%;
    }
    .m1_t1_p1 .screen_2 .slide_one {
        width: 60%;
        top: 41%;
    }
    .m1_t1_p1 .screen_2 .slide_one .left_side {
        width: 100%;
    }
    .m1_t1_p1 .screen_2 .slide_one .right_side {
        width: 100%;
        height: 24%;
    }
    /* =================================== Page 2 Start ========================================= */
    .m1_t1_p2 .screen_1 {
        width: 500px;
        height: 62%;
    }
    .m1_t1_p2 .screen_1 .right_side {
        position: absolute;
        top: 0;
        width: 100%;
        height: 78%;
    }
    .m1_t1_p2 .screen_1 .box1 {
        width: 100%;
        bottom: 0;
        position: absolute;
        height: 94px;
    }
    .m1_t1_p4 .screen_1 .top_box {
        margin-bottom: 0;
    }
    .m1_t1_p4 .screen_1 .center_box .center_right_box2 {
        margin: 2% 1%;
        width: 190px;
    }
    .m1_t1_p4 .center_right_box1 {
        float: left;
        position: inherit;
        width: 100%;
        margin-top: 5px;
    }
    /* =================================== Page 4 End ========================================= */
    /* =================================== Page 5 Start ========================================= */
    .m1_t1_p5 .mainSection .screen_2 .imgWrap {
        width: 100%;
        height: 298px;
    }
    .m1_t1_p5 .mainSection .screen_2 .imgWrap .mapPointer {
        bottom: 84px;
        left: 104px;
        background: url(../images/pages/m1_t1_p5/mobile/07.png) no-repeat;
    }
    .m1_t1_p5 .stepCountWrap{margin-top: 5px;}
    .notIE9 .m1_t1_p5 .mainSection .leftSection{margin-top: 5px;}
    .notIE9 .m1_t1_p5 .mainSection .rightSection {
   
    margin-top: 5px;}

    .m1_t1_p7 .page_itext {
        bottom: -30px;
    }
    /* =================================== Page 5 End ========================================= */
    /* =================================== Page 6 Star ========================================= */
    /* =================================== Page 6 End ========================================= */
    /* =================================== Page 7 Star ========================================= */
    .m1_t1_p7 .leftSection {
        margin-top: 10px;
    }
    .m1_t1_p7 .rightSection {
        margin-top: 10px;
    }
    /* =================================== Page 7 End ========================================= */
    /* =================================== Page 8 Star ========================================= */
    /* =================================== Page 8 End ========================================= */
    /* =================================== Page 9 Star ========================================= */
    /* =================================== Page 9 End ========================================= */
    /* =================================== Page 10 Star ========================================= */
    /* =================================== Page 10 End ========================================= */
    /* =================================== Page 11 Star ========================================= */
    /* =================================== Page 11 End ========================================= */
    /* =================================== Page 12 Star ========================================= */
    /* =================================== Page 12 End ========================================= */
    /* =================================== Page 13 Star ========================================= */
    /* =================================== Page 13 End ========================================= */
    /* =================================== Page 14 Star ========================================= */
    /* =================================== Page 14 End ========================================= */
    /* =================================== Page 15 Star ========================================= */
    /* =================================== Page 15 End ========================================= */
}




/* ========================= iPhone Portraint ================================= */

@media only screen and (max-width:375px) and (orientation:portrait) {
    /* =================================== Page 1 Start ========================================= */
    .m1_t1_p1 .screen_1 .slide_one {
        height: 426px;
    }
    .m1_t1_p1 .screen_2 .slide_one {
        width: 100%;
        height: 455px;
    }
    .m1_t1_p1 .screen_2 .slide_one .left_side {
        background-size: 100%;
        height: 336px;
    }
    .m1_t1_p1 .screen_2 .slide_one .right_side {
        height: 22%;
    }
    /* =================================== Page 2 Start ========================================= */
    .m1_t1_p2 .screen_1 {
        width: 100%;
        top: 0;
        margin: 0;
        height: 432px;
    }
    .m1_t1_p2 .screen_1 .right_side {
        background: url(../images/pages/m1_t1_p2/01_m.png) no-repeat top;
        background-size: 100%;
        height: 79%;
        margin-top: 0;
    }
    .m1_t1_p2 .screen_1 .box1 {
        height: 21%;
    }
    .m1_t1_p2 .screen_2 {
        top: 50%;
    }
     .m1_t1_p3 .screen_1 {
        top: 49%;
    }
    .m1_t1_p4 .screen_1 .center_box .center_right_box2 {
        margin: 2% 1.1%;
        width: 172px;
    }
    /* =================================== Page 4 End ========================================= */
    /* =================================== Page 5 Start ========================================= */
    .notIE9 .m1_t1_p5 .mainSection {
        height: auto;
        width: 100%;
    }
    .m1_t1_p5 .mainSection .rightSection .stepsIcon {
        margin-bottom: 1px;
    }
    .m1_t1_p5 .stepCountWrap .stepCount.dblue,
    .m1_t1_p6 .stepCountWrap .stepCount.dblue,
    .m1_t1_p7 .stepCountWrap .stepCount.dblue {
        padding: 5px 7px;
    }
    .m1_t1_p5 .mainSection .rightSection .stepsIcon.icon_1 {
        width: 117px;
        height: 96px;
        background: url(../images/pages/m1_t1_p5/mobile/02.png) no-repeat;
    }

    .m1_t1_p5 .mainSection .rightSection .stepsIcon.icon_2 {
        width: 96px;
        height: 118px;
        background: url(../images/pages/m1_t1_p5/mobile/03.png) no-repeat;
    }

    .m1_t1_p5 .mainSection .rightSection .stepsIcon.icon_3 {
        width: 96px;
        height: 96px;
        background: url(../images/pages/m1_t1_p5/mobile/05.png) no-repeat;
    }

    .m1_t1_p5 .mainSection .rightSection .stepsIcon.icon_4 {
        width: 118px;
        height: 96px;
        background: url(../images/pages/m1_t1_p5/mobile/04.png) no-repeat;
    }
    .m1_t1_p5 .mainSection .rightSection .stepWrap {
        width: 234px;
    }
    .notIE9 .m1_t1_p5 .mainSection .leftSection {
        width: 100%;
        float: none;
        margin: auto;
        margin-top: 40px;
    }
    .m1_t1_p5 .mainSection .screen_2 .imgWrap .mapPointer {
        bottom: 102px;
        left: 70px;
    }
    .m1_t1_p5 .stepCountWrap {
        margin-top: 7px;
    }

    .m1_t1_p5 .mainSection .leftSection .desktopImg {
        display: none;
    }

    .m1_t1_p5 .mainSection .leftSection .mobileImg {
        display: block;
    }

    .m1_t1_p5 .mainSection .screen_2 .imgWrap {
        background: url(../images/pages/m1_t1_p5/mobile/06.png) no-repeat;
        height: 364px;
    }

    /* =================================== Page 5 End ========================================= */
    /* =================================== Page 6 Star ========================================= */
    /* =================================== Page 6 End ========================================= */
    /* =================================== Page 7 Star ========================================= */
    /* =================================== Page 7 End ========================================= */
    /* =================================== Page 8 Star ========================================= */
   
    /* =================================== Page 8 End ========================================= */
    /* =================================== Page 9 Star ========================================= */
    /* =================================== Page 9 End ========================================= */
    /* =================================== Page 10 Star ========================================= */
    /* =================================== Page 10 End ========================================= */
    /* =================================== Page 11 Star ========================================= */
    /* =================================== Page 11 End ========================================= */
    /* =================================== Page 12 Star ========================================= */
    /* =================================== Page 12 End ========================================= */
    /* =================================== Page 13 Star ========================================= */
    /* =================================== Page 13 End ========================================= */
    .Mainbox .Text {
        top: 16%;
        height: 60px;
        width: 210px;
    }
    .Mainbox .circle {
        width: 100px;
        height: 100px;
    }
    .Mainbox .circle img {
        max-width: 35px;
    }
    .Mainbox .circle span+span {
        width: 74%;
        padding: 0px 13%;
        line-height: 12px;
        margin-top: 0px;
    }

    .Mainbox.box1 {
        left: 15%;
        top: 15%;
    }

    .Mainbox.box2 {
        left: 15%;
        top: 40%;
    }

    .Mainbox.box3 {
        left: 15%;
        top: 65%;
    }
    .Mainbox.box1 img {
        margin-top: 2px;
    }
    .Mainbox.box3 img {
        margin-top: 20px;
        margin-bottom: 10px;
    }
    /* =================================== Page 14 Star ========================================= */
    /* =================================== Page 14 End ========================================= */
    /* =================================== Page 15 Star ========================================= */
    /* =================================== Page 15 End ========================================= */
}


@media only screen and (max-width:360px) and (orientation:portrait) {
    /* =================================== Page 1 Start ========================================= */
    .m1_t1_p1 .screen_2 .slide_one .left_side {
        height: 323px;
    }
    
    /* =================================== Page 2 Start ========================================= */
    .m1_t1_p2 .screen_1 {
        height: 414px;
    }
    .m1_t1_p4 .screen_1 .center_box .center_right_box2 {
        margin: 2% 2%;
        width: 160px;
    }
    /* ================================= Page 5 Start ======================================= */
    .m1_t1_p5 .mainSection .rightSection .stepsIcon {
        margin-bottom: 5px;
    }

    .m1_t1_p5 .stepCountWrap {
        margin-top: 5px;
    }

    .notIE9 .m1_t1_p5 .mainSection .rightSection {
        margin-top: 2%;
    }
    .notIE9 .m1_t1_p5 .mainSection .leftSection {
        width: 100%;
        margin-top: 0;
    }

    .m1_t1_p5 .screen_1 {
        height: 400px;
    }
    .m1_t1_p5 .mainSection .screen_2 .imgWrap {
        margin-top: -36px;
    }
    /* =================================== Page 6 Start ========================================= */
    .notIE9 .m1_t1_p6 .block_text {
        width: 119px;
    }
    .m1_t1_p6 .block_text span {
        width: 88%;
    }

    .m1_t1_p14 .extraText {
        height: 130px;
    }
}