/* ========================= 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: 25px;}
}
@media only screen and (max-width:962px) and (orientation:landscape) {
    /* =================================== Page 1 Start ========================================= */
    
    /* =================================== 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;}


    /* =================================== 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 ========================================= */
    
    /* =================================== Page 4 End ========================================= */
    /* =================================== 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: 330px;
    }
    .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: 93px;
        left: 120px;
    }
    /* =================================== 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 .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 ========================================= */
    
    /* =================================== Page 4 End ========================================= */
    /* =================================== Page 5 Start ========================================= */
    .m1_t1_p5 .mainSection .screen_2 .imgWrap {
        width: 100%;
        height: 238px;

    }
    .m1_t1_p5 .mainSection .screen_2 .imgWrap .mapPointer {
        bottom: 73px;
        left: 80px;
        background: url(../images/pages/m1_t1_p5/mobile/07.png) no-repeat;
    }

    .m1_t1_p7 .page_itext{ bottom: -30px;}
    /* =================================== 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 ========================================= */
}


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

@media only screen and (max-width:375px) and (orientation:portrait) {
    /* =================================== Page 1 Start ========================================= */
   
    /* =================================== Page 4 End ========================================= */
    /* =================================== Page 5 Start ========================================= */
    .notIE9 .m1_t1_p5 .mainSection {
        height: auto;
        width: 100%;
    }
    .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;
    }
    .m1_t1_p5 .mainSection .screen_2 .imgWrap .mapPointer {
        bottom: 90px;
        left: 62px;
    }
    .m1_t1_p5 .stepCountWrap {
        margin-top: 15px;
    }

    .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: 360px;
    }

    /* =================================== 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){
   
    .notIE9 .m1_t1_p6 .block_text {
        width: 119px;
    }
    .m1_t1_p6 .block_text span {
        width: 88%;
    }  

    /* ================================= 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%;
    }

    .m1_t1_p5 .screen_1 {
        height: 400px;
    }
    .m1_t1_p5 .mainSection .screen_2 .imgWrap {
        margin-top: -36px;
    }
    /* ================================= Page 5 end ======================================= */
}