/*media quary*/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1336px) {
    section.product-sec-3 {
        padding: 35px;
    }
}

/*ipad pro-cloose*/

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

    .product-sec-2 .mob-app-col img {
        width: 100%;
        height: 100%;
    }

    section.product-sec-3 {
        background-size: contain;
        height: 269px;
    }

    .product-sec-3 .allia-col {
        padding: 0 !important;
    }

    .product-sec-2 .mob-app-img img {
        max-height: 100%;
    }

}

/*ipad pro*/

@media (max-width: 850px) {
    .product-sec-1 h2 {
        padding-top: 30px;
        font-size: 40px !important;
    }

    section.product-sec-1 {
        padding: 0;
        height: 250px;
        margin-top: -24px;
    }

    .product-sec-1 p {
        text-align: left;
        max-width: 55%;
    }

    .product-sec-2 .mob-app-img img {
        width: 100% !important;
        padding-bottom: 20px;
        margin-top: -50px !important;
    }

    .product-sec-2 .mob-app-col h3 {
        text-align: center !important;
    }

    .product-sec-2 .mob-app-col p {
        text-align: center !important;
    }

    .product-sec-2 .mob-app-col h3 {
        text-align: center;
    }

    .product-sec-2 .mob-app-col .loyalty-text p {
        text-align: center !important;
    }

    .product-sec-3 .allia-col {
        padding-top: 75px !important;
        padding-left: 0 !important;
    }

    .product-sec-3 .allia-col p {
        text-align: left !important;
    }

    .product-sec-3 .allia-col h3 {
        text-align: left;
    }

    section.product-sec-3 {
        height: 300px !important;
        background-position: left !important;
    }

    section.product-sec-4 {
        padding-top: 0;
    }

    .product-sec-4 .book-col h3 {
        text-align: center !important;
    }

    .product-sec-4 .row.book-col p {
        text-align: center !important;
    }

    .product-sec-4 .book-col img {
        height: 100% !important;
    }
}

/*media quary cloose*/


/*product-sec-1*/

.product-sec-1 {
    padding-top: 150px;
    padding-bottom: 150px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.product-sec-1 h2 {
    font-size: 60px;
    color: #fbaf17;
    font-weight: bold;
}

.product-sec-1 p {
    color: #ffff;
    font-size: 16px;
    width: 75%;
    font-family: 'ProductSans-Regular';
}

/*product-sec-1-cloose*/


/*product-sec-2*/

.product-sec-2 .mob-app-img img {
    min-width: 110%;
    margin-top: -30%;
    float: right;
    height: 120%;
}

section.product-sec-2 {
    padding-top: 50px;
    padding-bottom: 50px;
}

.product-sec-2 .mob-app-col h3 {
    color: #92278f;
    font-size: 26px;
    font-family: ProductSans-Bold;
}

.product-sec-2 .mob-app-col {
    padding-left: 50px;
    padding-right: 50px;
}


.product-sec-2 .mob-app-col .loyalty-text p {
    text-align: right;
}

.product-sec-2 .mob-app-col p {
    font-size: 18px;
    text-align: justify;
}

.product-sec-2 .loyalty-text {
    padding-top: 70px;
}

.product-sec-2 .loyalty-text h3 {
    text-align: right;
}

.product-sec-2 .mob-app-col img {
    width: 100%;
    padding-top: 30px;
}

/*product-sec-2-cloose*/


/*product-sec-3*/

.product-sec-3 .allia-col {
    padding-top: 160px;
    padding-bottom: 80px;
    padding-left: 50px;
    padding-right: 50px;
}

.product-sec-3 .allia-col h3 {
    color: white;
    font-size: 26px;
    font-family: 'ProductSans-Bold';
}

section.product-sec-3 {
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    height: 600px;
}

.product-sec-3 .allia-col p {
    color: white;
    font-size: 18px;
    text-align: justify;
}


/*product-sec-3-cloose*/


/*product-sec-4*/

.product-sec-4 .book-col {
    padding-right: 50px;
    padding-left: 50px;
}

.product-sec-4 .book-col h3 {
    color: #92278f;
    font-size: 26px;
    font-family: ProductSans-Bold;
    text-align: -webkit-right;
    padding-top: 8%;
}

.product-sec-4 .row.book-col p {
    text-align: right;
}

section.product-sec-4 {
    padding-top: 70px;
    padding-bottom: 30px;
}

.product-sec-4 .book-col img {
    width: 100%;
    height: 80%;
}

/*product-sec-4-cloose*/