/*banner*/

.mySlides {
    display: none;
}

img {
    vertical-align: middle;
}

.slideshow-container {
    max-width: 100%;
    position: relative;
    margin: auto;
}

/* .active { */
    /* background-color: #717171; */
/* } */

/* .fade { */
    /* -webkit-animation-name: fade; */
    /* -webkit-animation-duration: 2.5s; */
    /* animation-name: fade; */
    /* animation-duration: 2.5s; */
/* } */

@-webkit-keyframes fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

@keyframes fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

.slide-desc {
    left: 30px;
    padding: 0 15px 0 15px;
    position: absolute;
    bottom: 30%;
    max-width: 60%;
    display: inline-block;
}

    .slide-desc > h2 {
        color: #fff;
        font-size: 30px;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .slide-desc > p {
        color: #FFFFFF;
        font-size: 25px;
        line-height: auto;
        margin-top: 5px;
    }

        .slide-desc > p a.more {
            color: #990000;
            font-size: 20px;
            text-decoration: none;
        }

            .slide-desc > p a.more:hover {
                text-decoration: underline;
            }

a.prev {
    background: url("image/left.png") no-repeat scroll 0 0 transparent;
    width: 35px;
    height: 35px;
    display: block;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 1%; /* changed by gajanan from 0% to 1% */
    margin-top: -17px;
}

a.next {
    background: url("image/right.png") no-repeat scroll 0 0 transparent;
    width: 35px;
    height: 35px;
    display: block;
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 1%; /* changed by gajanan from 0% to 1% */
    margin-top: -17px;
}

a.prev:hover {
}

a.next:hover {
}

a.play {
    background: url("image/play.png") no-repeat scroll center center transparent;
    width: 35px;
    height: 35px;
    display: none;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 48%;
    margin-top: -17px;
}

a.pause {
    background: url("image/pause.png") no-repeat scroll center center transparent;
    width: 35px;
    height: 35px;
    display: none;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 48%;
    margin-top: -17px;
}

@media screen and (max-width:767px) {
    .slide-desc > h2 {
        font-size: 11px;
        margin-bottom: 5px;
        margin-top: 5px;
    }
.desktopbanner > img {
        height: 170px;
    }

    a.prev {
        visibility:hidden
    }

    a.next {
        visibility:hidden
    }
    .slide-desc {
        left: 2px;
        padding: 0 15px 0 15px;
        position: absolute;
        bottom: 1%;
        max-width: 73%;
        display: inline-block;
    }

        .slide-desc > p {
            font-size: 9px;
            line-height: 15px;
            margin-top: 5px;
        }

            .slide-desc > p a.more {
                font-size: 14px;
            }
}

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

    .slide-desc > h2 {
        font-size: 20px;
        margin-bottom: 5px;
        margin-top: 5px;
    }

    .slide-desc {
        left: 2px;
        padding: 0 15px 0 15px;
        position: absolute;
        bottom: 15%;
        max-width: 73%;
        display: inline-block;
    }

        .slide-desc > p {
            font-size: 18px;
            line-height: 15px;
            margin-top: 5px;
        }

            .slide-desc > p a.more {
                font-size: 14px;
            }
}


@media only screen and (min-width: 1440px) and (min-height: 900px) {
    .slide-desc {
        left: 30px;
        padding: 0 15px 0 15px;
        position: absolute;
        bottom: 30%;
        max-width: 60%;
        display: inline-block;
    }

        .slide-desc > h2 {
            color: #fff;
            font-size: 50px;
            margin-bottom: 10px;
            margin-top: 10px;
        }

        .slide-desc > p {
            color: #FFFFFF;
            font-size: 40px;
            line-height: 40px;
            margin-top: 5px;
        }

            .slide-desc > p a.more {
                color: #990000;
                font-size: 20px;
                text-decoration: none;
            }

                .slide-desc > p a.more:hover {
                    text-decoration: underline;
                }
}

@media screen and (min-width:1900px) {
    .slide-desc {
        left: 30px;
        padding: 0 15px 0 15px;
        position: absolute;
        bottom: 30%;
        max-width: 60%;
        display: inline-block;
    }

        .slide-desc > h2 {
            color: #fff;
            font-size: 40px;
            margin-bottom: 10px;
            margin-top: 10px;
        }

        .slide-desc > p {
            color: #FFFFFF;
            font-size: 35px;
            line-height: 35px;
            margin-top: 5px;
        }

            .slide-desc > p a.more {
                color: #990000;
                font-size: 20px;
                text-decoration: none;
            }

                .slide-desc > p a.more:hover {
                    text-decoration: underline;
                }
}

@media screen and (min-width:2300px) {
    .slide-desc {
        left: 50px;
        padding: 0 15px 0 15px;
        position: absolute;
        bottom: 30%;
        max-width: 60%;
        display: inline-block;
    }

        .slide-desc > h2 {
            color: #fff;
            font-size: 50px;
            margin-bottom: 10px;
            margin-top: 10px;
        }

        .slide-desc > p {
            color: #FFFFFF;
            font-size: 40px;
            line-height: 40px;
            margin-top: 5px;
        }

            .slide-desc > p a.more {
                color: #990000;
                font-size: 20px;
                text-decoration: none;
            }

                .slide-desc > p a.more:hover {
                    text-decoration: underline;
                }
}