﻿
.mask {
    position: absolute;
    left: 15px;
    top: 13px;
    width: 195px;
    height: 412px;
    overflow: hidden;
    z-index: -1;
}

.canvas {
    position: relative;
    width: 2195px;
    height: 342px;
}

.page {
    width: 239px;
    height: 412px;
    float: left;
}

.Applink {
    margin-top: 385px;
	    margin-left: -15px;
}

@media only screen and (max-width: 992px) {
    .Applink {
        margin-top: 0px !important;
        text-align: center !important;
    }
}

@media only screen and (max-width: 1200px) and (min-width: 994px) {
    .mask {
        position: absolute !important;
        left: 15px;
        top: 12px !important;
        width: 196px !important;
        height: 412px !important;
        overflow: hidden !important;
        z-index: -1 !important;
    }
}

@media only screen and (max-width: 500px) and (min-width: 355px) {
    .LaptopSliderDiv {
        position: relative;
        height: 100px !important;
        width: 500px !important;
        /* top: 70px; */
        left: 100px;
        z-index: -2;
        right: -15px;
    }

    .MobileSliderDiv {
        /* right: 0px; */
        position: relative;
        left: 168px;
    }
}



.LaptopSliderDiv {
    position: relative;
    height: 100px !important;
    width: 500px !important;
    /* top: 70px; */
    /* left: 175px; */
    z-index: -2;
    right: -15px;
}

.MobileSliderDiv {
    position: relative;
	left: -15px;
}

.mask1 {
    position: absolute;
    left: 95px;
    top: 29px;
    width: 405px;
    height: 480px;
    overflow: hidden;
}

.canvas1 {
    position: relative;
    width: 3300px;
    height: 342px;
}

.page1 {
    width: 800px;
    height: 525px;
    float: left;
}

.circle-text {
    display: inline-block;
    height: 50px;
    width: 50px;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    /*make it pretty*/
    background: #fff;
    color: #337ab7;
    font: 11px "josefin sans", arial;
    padding: 10px;
    margin: 5px;
}

.ActiveSlideButton {
    background: #5bc0de !important;
    color: #fff !important;
}

.col-md-12 {
    padding-right: 0px;
    padding-left: 0px;
}

.Footerul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-align: center;
}


.Footewrli {
    display: inline-block;
}



    .Footewrli a {
        display: block;
        color: white;
        text-align: center;
        padding: 16px;
        text-decoration: none;
    }

        .Footewrli a:hover {
            color: white;
        }

</style >
