body {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    line-height: 1.6;
    background-color: var(--bg);
    color: var(--text);
    transition: background 0.3s, color 0.3s;
    margin: 0;
}

/* font family*/
@font-face {
    font-family: 'roboto-condensed';
    src: url('../fonts/roboto-condensed.ttf') format('truetype');
}

@font-face {
    font-family: 'myriad-pro-light';
    src: url('../fonts/myriad-pro-light.otf') format('opentype');
}

@font-face {
    font-family: 'inter';
    src: url('../fonts/inter.ttf') format('truetype');
}
/* font family*/

:root {
    --headfont: 'roboto-condensed', sans-serif;
    --subfont: 'myriad-pro-light', sans-serif;
    --bodyfont: 'inter', sans-serif;
    --bg: #ffffff;
    --text: #0f172a;
    --heading: #111827;
    --subheading: #e67817;
    --highlight: #7e7e7e;
    --blk: #0f172a;
    --wt: #ffffff;
    --org: #e67817;
    --ylw: #fca903;
}

.dark-mode {
    --bg: #0d0d0d;
    --text: #e2e8f0;
    --heading: #fca903;
    --subheading: #cea473;
    --highlight: #fd9a35;
}

/*Media query*/
/* Large desktop and laptops*/
@media (min-width: 1200px) {
}

/* Landscape tablets and medium desktops*/
@media (min-width: 992px) and (max-width: 1199px) {
}

/* medium tablets and medium laptop*/
@media (min-width: 768px) and (max-width: 991px) {
}

/* portrait tablets and small desktops*/
@media (max-width: 767px) {
}

/* Mobile and small Phones*/
@media (max-width: 480px) {
}
/*Media query*/
.padding2 {
    padding: 40px 0px;
}

.emoji-div-prod {
    background-color: #fff;
}

.dark-mode .emoji-div-prod {
    background-color: #000;
}

.emoji-div-prod h3 {
    font-family: var(--headfont);
    color: rgba(0,0,0,0.7);
    font-size: 16px;
}

.dark-mode .emoji-div-prod h3 {
    color: var(--ylw);
}

.nav-tabs-products > li {
    width: 100%;
    border-bottom: 1px solid rgba(0,0,0,0.3);
}

.dark-mode .nav-tabs-products > li {
    border-bottom: 1px solid #666;
}

.nav-tabs-products > li.active > a, .nav-tabs-products > li.active > a:hover, .nav-tabs-products > li.active > a:focus {
    background-color: transparent !important;
    border: 1px solid transparent !important;
    border-bottom-color: transparent;
    transition: all 0.5s;
}

.nav-tabs-products > li > a:hover {
    color: var(--org) !important;
}

.dark-mode .nav-tabs-products > li.active > a,
.dark-mode .nav-tabs-products > li.active > a:hover,
.dark-mode .nav-tabs-products > li.active > a:focus,
.dark-mode .nav-tabs-products > li > a:hover {
    color: var(--ylw) !important;
}

.nav-tabs-products > li > a {
    font-size: 16px !important;
    color: rgba(0,0,0,0.8) !important;
    transition: all 0.5s;
}

    .nav-tabs-products > li > a > i {
        float: right;
        padding-top: 3px;
    }

.prodhead-01, .prodhead-02, .rsol-heading1, .rsol-heading2, .head6 {
    font-family: var(--headfont);
    margin: 0px 0px 15px;
    font-size: 32px;
    color: var(--org);
}

.head6 {
    margin: 0px 0px 10px;
    font-size: 16px;
}

.dark-mode .head6 {
    color: var(--ylw);
}

.dark-mode .prodhead-01,
.dark-mode .rsol-heading1 {
    color: var(--ylw);
}

.prodhead-02, .rsol-heading2 {
    margin: 0px 0px 10px;
    font-size: 22px;
    color: var(--blk);
}

.dark-mode .prodhead-02,
.dark-mode .rsol-heading2 {
    color: var(--org);
}

.productDiv h6 {
    margin: 0px 0px 10px;
    text-align: center;
}

    .productDiv h6 img {
        width: 100%;
        border-radius: 15px;
    }

.productDiv h3 {
    margin: 0px 0px 5px;
    color: #e67817;
    font-size: 16px;
    line-height: 20px;
    font-family: var(--headfont);
}

    .productDiv h3 span {
        padding: 5px;
        background-color: #1e1e1e;
        border-radius: 50%;
        color: #ffd400;
        margin: 0px 5px 0px 0px;
    }

.crm-screenshot {
    text-align: center;
}

    .crm-screenshot img {
        width: 75%;
        border-radius: 10px;
        margin-bottom: 10px;
    }

    .crm-screenshot p {
        font-family: var(--headfont);
    }

.edms-nav-tabs li a {
    color: var(--wt) !important;
}

.list {
    margin: 0px 0px 10px 0px;
}

    .list li {
        padding: 1px 0px;
        color: var(--org);
        list-style-type: disc;
    }

        .list li span {
            color: var(--text);
        }

.dark-mode .list li {
    color: var(--ylw);
}

.prod-img-01, .prod-img-02 {
    text-align: center;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
}

    .prod-img-01 img, .prod-img-02 img {
        width: 100%;
        height: auto;
        transition: transform 0.3s ease-in-out;
    }

    .prod-img-01:hover img, .prod-img-02:hover img {
        transform: scale(1.1);
    }

    .prod-img-02 img {
        width: 60%;
    }

.img01, .img02, .img03, .img04, .img05 {
    text-align: center;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
}

    .img01 img, .img02 img, .img03 img, .img04 img, .img05 img {
        height: auto;
        transition: transform 0.3s ease-in-out;
    }

    .img01:hover img, .img02:hover img, .img03:hover img, .img04:hover img, .img05:hover img {
        transform: scale(1.1);
    }

    .img01 img {
        width: 100%;
    }

    .img02 img {
        width: 75%;
    }

    .img03 img {
        width: 60%;
    }

    .img04 img {
        width: 100%;
    }

    .img05 img {
        width: 40%;
    }

.home-main-product {
    margin: 10px 0px;
    padding: 15px;
    backdrop-filter: blur(10px);
    background-color: rgba(255, 255, 255, 0.5);
    box-shadow: rgba(0, 0, 0, 0.25) 0px 5px 15px;
    border-radius: 20px;
    color: var(--text);
    transition: all 0.5s;
}

.dark-mode .home-main-product {
    background-color: rgba(0, 0, 0, 0.5);
}

.home-main-product:hover {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.home-main-product p i {
    color: var(--org);
    font-size: 18px;
}

.dark-mode .home-main-product p i {
    color: var(--ylw);
}

.home-main-product h3 {
    margin: 10px 0px 0px;
    font-family: var(--headfont);
    font-size: 16px;
}

.eproduct-bg {
    background-image: url(../Images/General/Abstract-Bg.jpg);
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 85vh;
}

.eHrhome-bg {
    background-image: url(../Images/Products/eHR_Intranet/eHR_Intranet-01.jpg);
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 85vh;
}

.eFinance-home-bg {
    background-image: url(../Images/Products/eFinance/eFinance-01.jpg);
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 85vh;
}

.eExtranet-home-bg {
    background-image: url(../Images/Products/eExtranet/eExtranet-02.jpg);
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 85vh;
}

.eHelpdesk-home-bg {
    background-image: url(../Images/Products/eHelpdesk/eHelpdesk-02.jpg);
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 85vh;
}

.eCMS-home-bg {
    background-image: url(../Images/Products/eCMS/eCMS-02.jpg);
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 85vh;
}

.eMagazine-home-bg {
    background-image: url(../Images/Products/eMagazine/eMagazine-02.jpg);
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 85vh;
}

.ePMS-home-bg {
    background-image: url(../Images/Products/ePMS/ePMS-02.jpg);
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 85vh;
}

.eDMS-home-bg {
    background-image: url(../Images/Products/eDMS/eDMS-02.jpg);
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 85vh;
}

.eClaims-home-bg {
    background-image: url(../Images/Products/eClaims/eClaims-01.jpg);
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 85vh;
}

.eTravel-home-bg {
    background-image: url(../Images/Products/eTravel/eTravel-02.jpg);
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 85vh;
}

.eConveyance-home-bg {
    background-image: url(../Images/Products/eConveyance/eConveyance-06.jpg);
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 85vh;
}

.eAppraisal-home-bg {
    background-image: url(../Images/Products/eAppraisal/eAppraisal-02.jpg);
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 85vh;
}

.eSAS-home-bg {
    background-image: url(../Images/Products/eSAS/eSAS-18.jpg);
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 85vh;
}

.eShowroom-home-bg {
    background-image: url(../Images/Products/eShowroom/eShowroom-28.jpg);
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 85vh;
}

.eproduct-menu {
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    padding: 10px 0px 0px;
}

.rsol-heading {
    padding: 70px 0px 40px;
}

    .rsol-heading h1 {
        margin: 0px 0px 10px;
        font-family: Oswald-Medium;
        text-transform: uppercase;
        color: #fbbc2c;
        font-size: 30px;
    }

    .rsol-heading h2 {
        margin: 0px 0px 0px;
        font-family: Oswald-Medium;
        color: #fbbc2c;
        font-size: 16px;
    }

    .rsol-heading h1 span {
        text-transform: lowercase;
    }

.rsol-feature table {
    width: 100%;
}

    .rsol-feature table tr td {
        padding: 5px;
        width: 50%;
        border-left: 5px solid #fbbc2c;
    }

        .rsol-feature table tr td p {
            margin: 5px 0px 10px 15px;
            color: #fff;
            font-size: 14px;
            line-height: 20px;
        }

        .rsol-feature table tr td img {
            width: 50px;
            padding: 3px 0px;
            margin-left: 15px;
        }

.rsol-heading-img {
    width: 100%;
    height: 75vh;
}

    .rsol-heading-img tr td {
        vertical-align: middle;
    }

        .rsol-heading-img tr td img {
            width: 95%;
            padding: 10px;
        }

.rsol-clr01 {
    color: #e67817;
}

.head3 p {
    font-size: 20px;
    color: #808080;
    line-height: 30px;
}

.ptag02 p {
    font-size: 17px;
    color: #e67817;
    line-height: 28px;
}

.rsol-bg-01 {
    background-image: url(../Images/Products/eLMS/eLMS-02.jpg);
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 65vh;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
}

.rsol-box01 {
    margin: 15px 0px 5px;
    min-height: 200px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: 10px;
}

    .rsol-box01 div, .rsol-box-clr01 div {
        background-image: linear-gradient(rgba(251, 188, 44, 0.8), rgba(251, 188, 44, 0.8)), url(../Images/General/Pattern-01.png);
        background-position: center;
        background-repeat: repeat;
        height: 75px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 50%;
        border-bottom-right-radius: 50%;
    }

.rsol-box-clr01 div {
    background-image: linear-gradient(rgba(230, 120, 23, 0.8), rgba(230, 120, 23, 0.8)), url(../Images/General/Pattern-01.png);
}

.rsol-box01 div h6 {
    margin: 0px;
    text-align: center;
    font-size: 38px;
    color: #000;
    padding: 10px 0px;
    transition: all 0.5s;
}


    .rsol-box01 div h6 i {
        background-color: #fff;
        padding-top: 5px;
        height: 50px;
        width: 50px;
        border-radius: 50%;
    }

.rsol-box01:hover h6 {
    color: #fbbc2c;
}

    .rsol-box01:hover h6 i {
        background-color: #000;
    }

.rsol-box01 p {
    margin: 15px;
}

.lms-bg01 {
    background-image: url(../Images/Products/eLMS/eLMS-03.jpg);
    background-position: center;
    background-size: cover;
}

.lms-bg02 {
    background-image: linear-gradient(to right, rgba(255,255,255, 0.9), rgba(255,255,255,0.1)), url(../Images/Products/eLMS/eLMS-04.jpg);
    background-position: center;
    background-size: cover;
}

.rsol-box02 {
    margin: 10px 0px;
    border-bottom: 3px solid #fbbc2c;
    border-radius: 5px;
    background-color: #f1f1f1;
}

    .rsol-box02 h6 {
        margin: 0px
    }

        .rsol-box02 h6 span {
            background-color: #fbbc2c;
            color: #000;
            padding: 5px;
            font-size: 17px;
            border-top-left-radius: 15px;
            border-top-right-radius: 15px;
        }

    .rsol-box02 p {
        margin: 0px;
        padding: 15px;
    }

.box-ht1 {
    min-height: 140px;
}

.box-ht2 {
    min-height: 385px;
}

.box-ht3 {
    min-height: 720px;
}

.box-ht4 {
    min-height: 100px;
}

.box-ht5 div div {
    min-height: 250px;
    padding: 0px;
}

.eLMS-tab-content {
    margin: 15px 0px 0px !important;
}

.rsol-box03 {
    margin: 10px 0px;
    border-bottom: 3px solid #e67817;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    padding: 10px;
}

    .rsol-box03 img {
        width: 100%;
    }

    .rsol-box03 h3 {
        color: #e67817;
        margin: 10px 0px 5px;
        font-size: 15px;
    }

.rsol-product-list {
    margin: 10px 0px 20px 0px;
    list-style-type: none;
    border-left: 2px solid #e67817;
}

    .rsol-product-list li {
        padding: 7px 0px;
        border-bottom: 1px solid #ccc;
    }

.rsol-product-list-01 {
    margin: 0px 0px 10px -40px;
    list-style-type: none;
}

    .rsol-product-list-01 li {
        padding: 7px 0px;
        border-bottom: 1px solid #ccc;
    }

        .rsol-product-list-01 li i {
            color: #e67817;
            width: 20px;
        }

        .rsol-product-list-01 li ul li {
            padding: 2px 0px;
            border-bottom: none;
            color: #e67817;
        }

            .rsol-product-list-01 li ul li span {
                color: #4d4d4d;
            }

.rsol-product-list-02 {
    color: #fff;
    margin: 0px 0px 20px -40px;
}

    .rsol-product-list-02 li {
        border-bottom: none;
    }

.rsol-product-list-03 li {
    padding: 5px 10px;
    border-bottom: none;
    color: #fff;
}

    .rsol-product-list-03 li ul li span {
        color: #fff;
    }

.rsol-product-list-04 li, .rsol-product-list-05 li, .rsol-product-list-06 li {
    color: #e67817;
}

    .rsol-product-list-04 li span {
        color: #4d4d4d;
    }

    .rsol-product-list-05 li span, .rsol-product-list-06 li span {
        color: #fff;
    }

.rsol-products-tabs {
    margin: 0px 0px 0px -40px;
    list-style-type: none;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 0;
    position: relative;
}

    .rsol-products-tabs li {
        display: inline-grid;
        border: 1px solid #000;
        background-color: #eee;
        color: #000;
        padding: 10px 15px;
        transition: all 0.5s;
        text-align: center;
        border-radius: 5px;
        margin: 5px 0px;
        border-radius: 30px;
    }

        .rsol-products-tabs li a {
            color: #1e1e1e;
        }

        .rsol-products-tabs li:hover {
            border: 1px solid #e67817;
            background-color: #e67817;
            color: #fff;
        }

            .rsol-products-tabs li:hover a {
                color: #fff;
            }


.elms-ht, .ehr-ht, .efinance-ht, .eExtranet-ht, .eHelpdesk-ht, .eCMS-ht, .eMagazine-ht, .ePMS-ht, .eDMS-ht, .eTravel-ht, .eConveyance-ht, .eAppraisal-ht, .eSAS-ht {
    background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url(../Images/Products/eLMS/eLMS-13.jpg);
    background-position: center;
    background-repeat: repeat;
    background-attachment: fixed;
    height: 110px;
}

.ehr-ht {
    background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), url(../Images/Products/eHR_Intranet/eHR_Intranet-06.jpg);
}

.efinance-ht {
    background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), url(../Images/Products/eFinance/eFinance-02.jpg);
}

.eExtranet-ht {
    background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), url(../Images/Products/eExtranet/eExtranet-01.jpg);
}

.eHelpdesk-ht {
    background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), url(../Images/Products/eHelpdesk/eHelpdesk-01.jpg);
}

.eCMS-ht {
    background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), url(../Images/Products/eCMS/eCMS-01.jpg);
}

.eMagazine-ht {
    background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)), url(../Images/Products/eMagazine/eMagazine-01.jpg);
}

.ePMS-ht {
    background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)), url(../Images/Products/ePMS/ePMS-01.jpg);
}

.eDMS-ht {
    background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)), url(../Images/Products/eDMS/eDMS-01.jpg);
}

.eTravel-ht {
    background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)), url(../Images/Products/eTravel/eTravel-01.jpg);
}

.eConveyance-ht {
    background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)), url(../Images/Products/eConveyance/eConveyance-05.jpg);
}

.eAppraisal-ht {
    background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)), url(../Images/Products/eAppraisal/eAppraisal-01.jpg);
}

.eSAS-ht {
    background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)), url(../Images/Products/eSAS/eSAS-17.jpg);
}

.ehr-bg01 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../Images/Products/eHR_Intranet/eHR_Intranet-05.jpg);
    background-position: center;
    background-size: cover;
}

.ehr-bg02 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../Images/Products/eHR_Intranet/eHR_Intranet-13.jpg);
    background-position: center;
    background-size: cover;
}

.wtclr p {
    color: #fff;
}

.efinance-bg01 {
    background-image: url(../Images/Products/eFinance/eFinance-03.jpg);
    background-position: center;
    background-size: cover;
}

.eExtranet-bg-01 {
    background-image: url(../Images/Products/eExtranet/eExtranet-03.jpg);
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 65vh;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
}

.bottomline {
    border-bottom: 1px solid #ccc;
    margin: 10px 0px 20px;
}

.eExtranet-bg-02 {
    background-image: url(../Images/Products/eExtranet/eExtranet-06.jpg);
    background-position: center;
    background-size: cover;
}

.eHelpdesk-bg-01 {
    background-image: url(../Images/Products/eHelpdesk/eHelpdesk-03.jpg);
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    height: 40vh;
}

.eHelpdesk-bg-02 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../Images/Products/eHelpdesk/eHelpdesk-08.jpg);
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
}

.eCMS-bg-01 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../Images/Products/eCMS/eCMS-10.jpg);
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
}

.eMagazine-bg-01 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../Images/Products/eMagazine/eMagazine-03.jpg);
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
}

.eMagazine-bg-02 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(../Images/Products/eMagazine/eMagazine-16.jpg);
    background-position: center;
    background-size: cover;
}


.ePMS-bg-01 {
    background-image: url(../Images/Products/ePMS/ePMS-03.jpg);
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 65vh;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
}

.ePMS-bg-02 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.7)), url(../Images/Products/ePMS/ePMS-11.jpg);
    background-position: center;
    background-size: cover;
    width: 100%;
    background-attachment: fixed;
}

.eDMS-bg-01 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(../Images/Products/eDMS/eDMS-07.jpg);
    background-position: center;
    background-size: cover;
    width: 100%;
    background-attachment: fixed;
}

.eClaims-bg-01 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(../Images/Products/eClaims/eClaims-10.jpg);
    background-position: center;
    background-size: cover;
    width: 100%;
    background-attachment: fixed;
}

.eTravel-bg-01 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(../Images/Products/eTravel/eTravel-13.jpg);
    background-position: center;
    background-size: cover;
    width: 100%;
    background-attachment: fixed;
}

.eAppraisal-bg-01 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../Images/Products/eAppraisal/eAppraisal-04.jpg);
    background-position: center;
    background-size: cover;
    width: 100%;
    background-attachment: fixed;
}

.product-clr-01 h2 {
    color: #e67817;
}

.product-clr-01 p {
    color: #fff;
}


/*Media query*/
/* Large desktop and laptops*/
@media (min-width: 1200px) {
}

/* Landscape tablets and medium desktops*/
@media (min-width: 992px) and (max-width: 1199px) {
}

/* medium tablets and medium laptop*/
@media (min-width: 768px) and (max-width: 991px) {
    .nav-tabs-products > li > a {
        font-size: 15px !important;
    }

    .prodhead-01, .rsol-heading1 {
        font-size: 28px;
    }

    .prodhead-02, .rsol-heading2 {
        font-size: 20px;
    }

    .rsol-heading {
        padding: 30px 0px;
    }

        .rsol-heading h1 {
            font-size: 25px;
        }

    .rsol-heading-img tr td img {
        width: 65%;
    }

    .eproduct-bg, .eHrhome-bg, .eFinance-home-bg, .eExtranet-home-bg, .eHelpdesk-home-bg, .eCMS-home-bg, .eMagazine-home-bg, .ePMS-home-bg, .eDMS-home-bg, .eClaims-home-bg, .eTravel-home-bg, .eConveyance-home-bg, .eAppraisal-home-bg, .eSAS-home-bg, .eShowroom-home-bg {
        height: auto;
    }

    .lms-bg01 {
        background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url(../Images/Products/eLMS/eLMS-03.jpg);
        background-position: center;
        background-size: cover;
    }

    .lms-bg02 {
        background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url(../images/products/eLMS/eLMS-04.jpg);
        background-position: center;
        background-size: cover;
    }

    .rsol-box01 {
        min-height: 230px;
    }

    .elms-ht, .ehr-ht, .efinance-ht, .eExtranet-ht, .eHelpdesk-ht, .eCMS-ht, .eMagazine-ht, .ePMS-ht, .eDMS-ht, .eTravel-ht, .eConveyance-ht, .eAppraisal-ht, .eSAS-ht {
        height: 0px;
    }
}

/* portrait tablets and small desktops*/
@media (max-width: 767px) {
    .emoji-div-prod h3 {
        font-size: 15px;
    }

    .nav-tabs-products {
        margin-bottom: 20px !important;
    }

        .nav-tabs-products > li > a {
            font-size: 15px !important;
        }

    .prodhead-01, .rsol-heading1 {
        font-size: 20px;
    }

    .prodhead-02, .rsol-heading2 {
        font-size: 17px;
    }

    .home-main-product h3 {
        font-size: 15px;
    }

    .box-ht5 div div {
        min-height: 0px;
    }
}

/* Mobile and small Phones*/
@media (max-width: 480px) {
}
/*Media query*/