@import url("bootstrap.min.css");
@import url("flaticon.css");
@import url("boxicons.min.css");
@import url("animate.min.css");

@import url("owl.carousel.min.css");
@import url("owl.theme.default.min.css");

@import url("magnific-popup.min.css");
@import url("odometer.min.css");

@import url("meanmenu.min.css");

@import url("theme-dark.css");


@import url("menu.css");
@import url("slideshow.css");
@import url("style2.css");
@import url("footer.css");

.s2header1 {
    position: sticky;
    top: 00px;
    z-index: 100;
    padding: 2px 0;
    color: var(--whiteColor);
    background-color: var(--orangeColor);
}

.s2header2 {
    position: sticky;
    top: 35px;
    z-index: 100;
    padding: 2px 0;
    background-color: white;
}

@media screen and (max-width:768px) {
    .s2header1 {
        padding-bottom: 8px;
    }

    .header-left {

        /* float: left;
         */
        width: 40%;
    }

    .header-right {

        position: absolute;
        top: 0;
        right: 0;
    }

}

.s2scroll-container {
    width: 100%;
    overflow: scroll;
}

.s2table {
    width: 100%;
    border-collapse: collapse;
}



/* version 223 */

.row {
    margin: 0;
}

/* commom template */
/* 300 hscroll */
.s2hscroll-300 {
    height: 300px;
    overflow: auto;
    overflow-x: hidden;
}

/* gallery */
.s2Gallery {
    text-align: center;
}

.s2Gallery img {
    width: 200px;
    padding: 1rem;
    margin: 0 8px 0 0;
}

/* image properties*/
.img-180h img {
    width: 100%;
    height: 240px;
}

/* style list */
.inline-list li {
    display: inline-block;
    padding: 16px 16px;
    min-width: 150px;
    font-weight: bolder;
}

@media screen and (max-width:768px) {
    .s2Gallery img {
        width: 100px;
        padding: 1rem .2rem;
        margin: 0 8px 0 0;
    }

    .img-180h img {
        height: 150px;
    }

    .inline-list li {
        padding: 8px;
    }
}


/* home page */

.s2title {
    padding: 1rem 5rem 5rem 5rem;
}

.s2content {
    padding: 5rem;
}

.s2page>div {
    padding: 5rem;
}

.s2container>div {
    padding: 1rem;
    text-align: justify;
}

@media screen and (max-width:768px) {
    .s2title {
        padding: 1rem 1rem 5rem 1rem;
    }

    .s2content {
        padding: 5rem 1rem;
    }

    .s2page>div {
        padding: 5rem 1rem;
    }

    .s2container>div {
        padding: 1rem;
        text-align: justify;
    }

}

/* home page*/
.s2HomeTitle {
    padding: 1rem 2rem;

}

.s2title h1 {
    font-size: 2.5rem;
    font-weight: bolder;
}

.s2service>div {
    padding: 2rem;
}

.features>div {
    padding: 2rem;
    text-align: justify;
}

.features i {
    font-size: 24px;
    font-size: 50px;
    font-weight: bolder;
    float: right;
    padding: 1rem;
    color: var(--orangeColor);
}

.s2about {
    text-align: justify;
    /* background-image: url("/suguna/image/tv-service-coimbatore.png");
    opacity: .5; */
}

@media screen and (max-width:768px) {
    .s2HomeTitle {
        padding: 0 1rem 1rem 1rem;

    }

    .s2title h1 {
        font-size: 2rem;
    }

    .s2HomeTitle+* {
        margin-top: 3rem;
    }

    .s2service>div {
        padding: 1rem;

    }

    .features>div {
        display: flex;
    }
   

}