/*Portrait and landscape Samsung Galaxy S5*/

@media only screen and (min-device-width: 360px) and (max-device-width: 365px) and (-webkit-min-device-pixel-ratio: 3) {
    #homeTextNew h4 {
        font-size: 8px;
        padding-left: 0.5em;
        padding-right: 0.5em;
        margin-top: -3.9em !important;
        color: #e4e4e4;
    }
    #grid {
        margin: 0 auto;
        display: grid;
        width: 114%;
        grid-template-columns: 50px 1fr;
        text-align: center;
        margin-left: -5%;
        margin-top: -28%;
    }
    .cont {
        /*text-align:center;*/
        margin-left: 1px !important;
    }
    .line2 {
        position: relative;
        width: 100%;
        overflow: hidden;
        height: 11%;
        background: url(../images/line7Bg.png) center center no-repeat;
        /* background: url(../images/line2.png) center center no-repeat; */
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        margin-top: -11em;
    }

        .line2:before {
            top: -15px;
            display: block;
            content: "";
            position: absolute;
            z-index: 1;
            pointer-events: none;
            bottom: 0;
            left: 0;
            width: 100%;
            /* background: url(../images/sliderL.png) center center no-repeat; */
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            /* height: 10px; */
            border-top: 10em solid white;
            border-right: 3000px solid transparent;
            bottom: 490px;
        }
}


@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    #homeTextNew h4 {
        font-size: 8px;
        padding-left: 0.5em;
        padding-right: 0.5em;
        margin-top: -3.9em !important;
        color: #e4e4e4;
    }
    .cont {
        /*text-align:center;*/
        margin-left: 1px !important;
    }
    #grid {
        margin: 0 auto;
        display: grid;
        width: 117%;
        grid-template-columns: 50px 1fr;
        text-align: center;
        margin-left: -6%;
        margin-top: -34%;
    }
    .line2 {
        position: relative;
        width: 100%;
        overflow: hidden;
        height: 11%;
        background: url(../images/line7Bg.png) center center no-repeat;
        /* background: url(../images/line2.png) center center no-repeat; */
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        margin-top: -13em;
    }

        .line2:before {
            top: -15px;
            display: block;
            content: "";
            position: absolute;
            z-index: 1;
            pointer-events: none;
            bottom: 0;
            left: 0;
            width: 100%;
            /* background: url(../images/sliderL.png) center center no-repeat; */
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            /* height: 10px; */
            border-top: 10em solid white;
            border-right: 3000px solid transparent;
            bottom: 490px;
        }

}


/*iPhone 6, 7, 8 in portrait & landscape*/
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
    #homeTextNew h4 {
        font-size: 8px;
        padding-left: 0.5em;
        padding-right: 0.5em;
        margin-top: -5.2em !important;
        color: #e4e4e4;
    }
    .cont {
        /*text-align:center;*/
        margin-left: 1px !important;
    }
    #grid {
        margin: 0 auto;
        display: grid;
        width: 114%;
        grid-template-columns: 50px 1fr;
        text-align: center;
        margin-left: -5%;
        margin-top: -28%;
    }

    .line2 {
        position: relative;
        width: 100%;
        overflow: hidden;
        height: 11%;
        background: url(../images/line7Bg.png) center center no-repeat;
        /* background: url(../images/line2.png) center center no-repeat; */
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        margin-top: -12em;
    }

        .line2:before {
            top: -15px;
            display: block;
            content: "";
            position: absolute;
            z-index: 1;
            pointer-events: none;
            bottom: 0;
            left: 0;
            width: 100%;
            /* background: url(../images/sliderL.png) center center no-repeat; */
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            /* height: 10px; */
            border-top: 10em solid white;
            border-right: 3000px solid transparent;
            bottom: 490px;
        }
}


 /*iPhone 6, 7, 8 Plus in portrait & landscape*/
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) {
    #homeTextNew h4 {
        font-size: 8px;
        padding-left: 0.5em;
        padding-right: 0.5em;
        margin-top: -5.8em !important;
        color: #e4e4e4;
    }
    .cont {
        /*text-align:center;*/
        margin-left: 1px !important;
    }
    #grid {
        margin: 0 auto;
        display: grid;
        width: 113%;
        grid-template-columns: 50px 1fr;
        text-align: center;
        margin-left: -5%;
        margin-top: -28%;
    }

    .line2 {
        position: relative;
        width: 100%;
        overflow: hidden;
        height: 11%;
        background: url(../images/line7Bg.png) center center no-repeat;
        /* background: url(../images/line2.png) center center no-repeat; */
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        margin-top: -12em;
    }

        .line2:before {
            top: -15px;
            display: block;
            content: "";
            position: absolute;
            z-index: 1;
            pointer-events: none;
            bottom: 0;
            left: 0;
            width: 100%;
            /* background: url(../images/sliderL.png) center center no-repeat; */
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            /* height: 10px; */
            border-top: 10em solid white;
            border-right: 3000px solid transparent;
            bottom: 490px;
        }

}

/*iPhone X in portrait & landscape*/
@media only screen and (min-device-width : 375px) and (max-device-width : 380px) and (-webkit-device-pixel-ratio : 3) {

    #homeTextNew h4 {
        font-size: 10px;
        padding-left: 0.5em;
        padding-right: 0.5em;
        margin-top: -3.9em !important;
        color: #e4e4e4;
    }
    .cont {
        /*text-align:center;*/
        margin-left: 1px !important;
    }
    #grid {
        margin: 0 auto;
        display: grid;
        width: 114%;
        grid-template-columns: 50px 1fr;
        text-align: center;
        margin-left: -5%;
        margin-top: -28%;
    }


    .line2 {
        position: relative;
        width: 100%;
        overflow: hidden;
        height: 11%;
        background: url(../images/line7Bg.png) center center no-repeat;
        /* background: url(../images/line2.png) center center no-repeat; */
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        margin-top: -11em;
    }

        .line2:before {
            top: -15px;
            display: block;
            content: "";
            position: absolute;
            z-index: 1;
            pointer-events: none;
            bottom: 0;
            left: 0;
            width: 100%;
            /* background: url(../images/sliderL.png) center center no-repeat; */
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            /* height: 10px; */
            border-top: 10em solid white;
            border-right: 3000px solid transparent;
            bottom: 490px;
        }
}


/*iPad portrait*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {

    #homeTextNew h4 {
        font-size: 17px;
        padding-left: 0.5em;
        padding-right: 0.5em;
        margin-top: -4.5em !important;
        color: #e4e4e4;
    }
    .cont {
        /*text-align:center;*/
        /*margin-left: 1px !important;*/
    }
    #grid {
        margin: 0 auto;
        display: grid;
        width: 114%;
        grid-template-columns: 50px 1fr;
        text-align: center;
        margin-left: -6%;
        margin-top: -14%;
    }

    .line2 {
        position: relative;
        width: 100%;
        overflow: hidden;
        height: 11%;
        background: url(../images/line7Bg.png) center center no-repeat;
        /* background: url(../images/line2.png) center center no-repeat; */
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        margin-top: 0em;
    }

        .line2:before {
            top: 4px;
            display: block;
            content: "";
            position: absolute;
            z-index: 1;
            pointer-events: none;
            bottom: 0;
            left: 0;
            width: 100%;
            /* background: url(../images/sliderL.png) center center no-repeat; */
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            /* height: 10px; */
            border-top: 10em solid white;
            border-right: 3000px solid transparent;
            bottom: 490px;
        }
}

/*iPad Landscape*/

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {

    #homeTextNew h4 {
        font-size: 23px;
        padding-left: 0.5em;
        padding-right: 0.5em;
        margin-top: -4.5em !important;
        color: #e4e4e4;
    }
    .cont {
        /*text-align:center;*/
        margin-left: 1px !important;
    }
    #grid {
        margin: 0 auto;
        display: grid;
        width: 114%;
        grid-template-columns: 50px 1fr;
        text-align: center;
        margin-left: -5%;
        margin-top: -28%;
    }
    .line2 {
        position: relative;
        width: 100%;
        overflow: hidden;
        height: 11%;
        background: url(../images/line7Bg.png) center center no-repeat;
        /* background: url(../images/line2.png) center center no-repeat; */
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        margin-top: -8em;
    }

        .line2:before {
            top: -45px;
            display: block;
            content: "";
            position: absolute;
            z-index: 1;
            pointer-events: none;
            bottom: 0;
            left: 0;
            width: 100%;
            /* background: url(../images/sliderL.png) center center no-repeat; */
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            /* height: 10px; */
            border-top: 10em solid white;
            border-right: 3000px solid transparent;
            bottom: 490px;
        }
}

/*iPad Pro Portrait*/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    #homeTextNew h4 {
        font-size: 17px;
        padding-left: 0.5em;
        padding-right: 0.5em;
        margin-top: -4.5em !important;
        color: #e4e4e4;
    }
    .cont {
        /*text-align:center;*/
        margin-left: 1px !important;
    }
    #grid {
        margin: 0 auto;
        display: grid;
        width: 114%;
        grid-template-columns: 50px 1fr;
        text-align: center;
        margin-left: -5%;
        margin-top: -28%;
    }

    .line2 {
        position: relative;
        width: 100%;
        overflow: hidden;
        height: 11%;
        background: url(../images/line7Bg.png) center center no-repeat;
        /* background: url(../images/line2.png) center center no-repeat; */
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        margin-top: -4em;
    }

        .line2:before {
            top: -102px;
            display: block;
            content: "";
            position: absolute;
            z-index: 1;
            pointer-events: none;
            bottom: 0;
            left: 0;
            width: 100%;
            /* background: url(../images/sliderL.png) center center no-repeat; */
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            /* height: 10px; */
            border-top: 10em solid white;
            border-right: 3000px solid transparent;
            bottom: 490px;
        }
}


/*iPad Pro Landscape*/

@media only screen and (min-device-width: 1025px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    #homeTextNew h4 {
        font-size: 30px;
        padding-left: 0.5em;
        padding-right: 0.5em;
        margin-top: -4.5em !important;
        color: #e4e4e4;
    }
    .cont {
        /*text-align:center;*/
        /*margin-left: 1px !important;*/
    }
    #grid {
        margin: 0 auto;
        display: grid;
        width: 125%;
        grid-template-columns: 50px 1fr;
        text-align: center;
        margin-left: -12%;
        margin-top: -10%;
    }

    .line2 {
        position: relative;
        width: 100%;
        overflow: hidden;
        height: 11%;
        background: url(../images/line7Bg.png) center center no-repeat;
        /* background: url(../images/line2.png) center center no-repeat; */
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        margin-top: 0em;
    }

        .line2:before {
            top: -13px;
            display: block;
            content: "";
            position: absolute;
            z-index: 1;
            pointer-events: none;
            bottom: 0;
            left: 0;
            width: 100%;
            /* background: url(../images/sliderL.png) center center no-repeat; */
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            /* height: 10px; */
            border-top: 10em solid white;
            border-right: 3000px solid transparent;
            bottom: 490px;
        }
}