:root {
    --theme-color: #4dd0e1;
    --optional-color: #235196;
    --body-color: #212529;
    --black: #000000;
    --border-color: #dddddd;
    --font-stack: "Rubik", serif;
    --relative: relative;
    --absolute: absolute;
    --fixed: fixed;
}

@media (max-width: 1715px) {
    .novolilly-banner-slider
        .banner-slide-item
        .banner-content.novolilly-slide-content
        h1,
    .novolilly-banner-slider
        .banner-slide-item
        .banner-content.novolilly-slide-content
        h3 {
        font-size: 60px;
    }
}
@media (max-width: 1610px) {
    .novolilly-banner-slider
        .banner-slide-item
        .banner-content.novolilly-slide-content
        h1,
    .novolilly-banner-slider
        .banner-slide-item
        .banner-content.novolilly-slide-content
        h3 {
        font-size: 58px;
    }
}
@media (max-width: 1500px) {
    .novolilly-banner-slider
        .banner-slide-item
        .banner-content.novolilly-slide-content
        h1,
    .novolilly-banner-slider
        .banner-slide-item
        .banner-content.novolilly-slide-content
        h3 {
        font-size: 52px;
    }
}
@media (max-width: 1300px) {
    .fun-facts::after {
        width: 5%;
    }
}
@media (min-width: 1200px) {
    .container {
        max-width: 1170px;
    }
}
@media (max-width: 1199px) {
    h1 {
        font-size: 56.7px;
    }
    h2 {
        font-size: 36px;
    }
    h3 {
        font-size: 36px;
    }
    h4 {
        font-size: 39.6px;
    }
    h5 {
        font-size: 27px;
    }
    h6 {
        font-size: 18.9px;
    }
    p {
        font-size: 15px;
        line-height: 1.85;
    }
    body {
        font-size: 15px;
    }
    header .novolilly-logo {
        padding: 0 0 20px;
    }
    header .right-info li .s-icon img {
        width: 25px;
    }
    header .right-info li .s-text {
        padding-left: 5px;
    }
    header .right-info li .s-text .info-text {
        font-size: 13.5px;
    }
    header .right-info li:last-child {
        margin-left: 15px;
        padding-left: 15px;
    }
    header .right-info li:last-child .s-icon img {
        width: 24px;
    }
    .novolilly-nav .navbar .navbar-nav .nav-item .nav-link {
        font-size: 15px;
        padding: 0 10px;
    }
    .novolilly-features {
        padding: 25px 0 0;
    }
    .novolilly-features .features {
        padding: 15px;
    }
    .novolilly-features .f-icon img {
        height: 42px;
    }
    .novolilly-features .icon {
        width: 75px;
        height: 75px;
        font-size: 30px;
        margin: 0 auto 18px;
    }
    .novolilly-features .f-text {
        padding: 0;
    }
    .section-padding {
        padding: 60px 0;
    }
    .novililly-hero {
        padding: 100px 0 30px;
    }
    .novililly-hero .hero-text {
        padding-right: 40px;
    }
    .novililly-hero .hero-text h1 span {
        font-size: 42px;
    }
    .about-text {
        padding-left: 15px;
    }
    .about-text .banner-action {
        margin-top: 10px;
    }
    .novolilly-heading h2 {
        margin-bottom: 0;
    }
    .novolilly-heading span {
        font-size: 15px;
        margin-bottom: 0;
    }
    .fun-facts {
        padding: 35px 0;
    }
    .fun-facts::after {
        width: 0%;
    }
    .product-info h6 {
        font-size: 18px;
    }
    .product-info span {
        font-size: 14px;
    }
    .product-image img {
        height: 180px;
    }
    .services-list .service h6 {
        font-size: 19px;
        min-height: 45px;
    }
    .services-list .icon-service {
        margin-bottom: 15px;
    }
    .service-action {
        margin-top: 0px;
    }
    .btn.btn-default {
        padding: 11px 25px;
    }
    .btn.outlined-btn {
        padding-top: 9px;
        padding-bottom: 9px;
    }
    footer {
        padding: 35px 0 0;
    }
    footer h5 {
        margin-bottom: 13px;
    }
    footer .footer-links a {
        font-size: 14px;
    }
    footer .address-area address p {
        font-size: 14px;
    }
    footer .footer-text p {
        font-size: 14px;
    }
    footer .footer-text .links {
        margin-top: 10px;
    }
    footer .footer-text .links a {
        width: 33px;
        height: 33px;
        font-size: 15px;
        margin-right: 5px;
    }
    .copyright {
        margin: 35px 0 0;
        padding: 15px 0;
        font-size: 13px;
    }
    .bottom-query-form .button {
        font-size: 16px;
        font-weight: 500;
        padding: 12.5px 15px;
    }
    .bottom-query-form .button::before {
        right: 15px;
        font-size: 16px;
    }
    .query-related {
        padding: 10px 15px;
    }
    .query-related form {
        margin: 15px 0 0;
    }
    .header-space {
        padding-top: 76px;
    }
    .page-title {
        padding: 40px 0;
    }
    .page-breadcrumb .breadcrumb {
        padding: 0;
        margin: 0;
    }
    .inner-about .about-text {
        padding: 40px 45px;
    }
    .category-title span {
        font-size: 16px;
    }
    .category-title .filter-icon img {
        height: 13px;
    }
    .sidebar-list .accordion .card .card-header .btn {
        font-size: 16px;
    }
    .filter-list li {
        font-size: 13.5px;
    }
    .product-wrap-list .product-listing {
        margin: 25px 0 0;
    }
    .product-info h6 {
        font-size: 17px;
    }
    .product-wrap-list {
        padding-left: 25px;
    }
    .banner-action .btn-default {
        margin-bottom: 13px;
    }
    .novolilly-banner-slider
        .banner-slide-item
        .banner-content.novolilly-slide-content
        h1,
    .novolilly-banner-slider
        .banner-slide-item
        .banner-content.novolilly-slide-content
        h3 {
        font-size: 40px;
    }
}
@media (max-width: 1230px) {
    header .row .col-lg-3 {
        max-width: 17%;
    }
    header .row .col-lg-9 {
        flex: 0 0 83%;
        max-width: 83%;
    }
}
@media (max-width: 991px) {
    h1 {
        font-size: 48px;
    }
    h2 {
        font-size: 32px;
    }
    h3 {
        font-size: 32px;
    }
    h4 {
        font-size: 35.2px;
    }
    h5 {
        font-size: 24px;
    }
    h6 {
        font-size: 17.6px;
    }
    .navbar-toggler {
        border: 2px solid var(--optional-color);
        padding: 4px 9px;
        border-radius: 3px;
    }
    .navbar-toggler svg:not(:root).svg-inline--fa {
        color: var(--optional-color);
    }
    .right-info {
        display: none !important;
    }
    header {
        position: relative;
    }
    .novolilly-nav .navbar .navbar-collapse {
        position: fixed;
        left: -250px;
        width: 250px;
        z-index: 999;
        background-color: var(--optional-color);
        height: 100vh;
        top: 0;
        transform: none !important;
        display: block !important;
        transition: all 400ms ease-in-out 0s;
    }
    .novolilly-nav .navbar .navbar-collapse.show {
        left: 0;
    }
    .novolilly-nav .navbar .navbar-nav .nav-item {
        padding: 10px 18px;
    }
    .novolilly-nav .navbar .navbar-nav .nav-item .nav-link {
        padding: 12px 0;
        color: var(--white);
    }
    .dropdown .dropdown-menu {
        margin-left: 40px;
        height: 310px;
        z-index: 999;
        overflow-y: scroll;
        flex-wrap: wrap;
        position: absolute;
        min-width: 250px !important;
    }
    .dropdown .dropdown-menu li {
        padding: 0;
    }
    .section-padding {
        padding: 45px 0;
    }
    .novililly-hero {
        padding-top: 0;
    }
    .novililly-hero .hero-text {
        padding-right: 0;
    }
    .novililly-hero .hero-text h1 span {
        font-size: 35.75px;
    }
    .novililly-hero .hero-text p {
        font-size: 15.5px;
    }
    .about-img img {
        width: 100%;
    }
    .about-text {
        padding-left: 0;
        margin-top: 30px;
    }
    .novolilly-features .features {
        padding: 15px 10px;
        height: 100%;
    }
    .novolilly-features .row {
        margin-left: -5px;
        margin-right: -5px;
    }
    .novolilly-features .col-md-4 {
        padding-left: 5px;
        padding-right: 5px;
    }
    .services-list .icon-service {
        width: 60px;
        height: 60px;
    }
    .services-list .icon-service img {
        height: 31px;
    }
    .services-list .service {
        margin: 15px 0;
    }
    .services-list .service h6 {
        min-height: initial;
    }
    .what-we-do {
        padding-bottom: 30px;
    }
    .footer-text h5 {
        margin-bottom: 5px;
    }
    .footer-links {
        margin: 25px 0;
    }
    .copyright {
        margin: 15px 0 0;
        padding: 12px 0;
    }
    .copyright span {
        max-width: 333px;
        display: inline-block;
        line-height: 1.6;
    }
    .bottom-query-form {
        width: 320px;
    }
    .header-space {
        padding-top: 0;
    }
    .page-title {
        padding: 25px 0;
    }
    .inner-about .about-text {
        padding: 25px 30px 10px;
        margin: 0;
    }
    .product-wrap-list {
        padding-left: 0px;
    }
    .pdf-download {
        top: 8px;
    }
    .novolilly-features .row .col-md-6:last-child {
        margin-top: 30px;
    }
    .product-folio {
        margin-bottom: 30px;
    }
    .inner-about .row {
        flex-wrap: wrap !important;
    }
    .inner-about .left-about-image {
        padding-left: 0;
    }
    .inner-about .right-about-text {
        padding-right: 0;
        margin-top: 20px;
    }
    .pcd-pharma-form {
        margin-top: 20px;
    }
    .pharma-content-wrapper .pharma-state-list li {
        width: 33%;
    }
    .third-party-list li {
        width: 48%;
    }
    .product-wrap-list {
        margin-top: 20px;
    }
    .team-slide-item {
        margin-bottom: 20px;
    }
    .action-btn a {
        margin-bottom: 15px;
    }
    .novolilly-banner-slider .banner-slide-item {
        /* min-height: 960px; */
    }
    .novolilly-banner-slider .banner-slide-item .banner-one-img {
        display: none;
    }
    .novolilly-banner-slider .banner-slide-item .banner-responsive-img {
        margin-top: 30px;
        display: block !important;
    }
    .novolilly-banner-slider .banner-slide-item .banner-responsive-img img {
        width: 100%;
    }
    .novolilly-banner-slider .banner-slide-item .banner-img {
        margin-top: 30px;
    }
    .novolilly-banner-slider .banner-slide-item .banner-content {
        padding-left: 60px;
    }
    .novolilly-banner-slider .banner-slide-item .banner-content h1 span {
        font-size: 60px;
    }
}
@media (max-width: 903px) {
    .top-contact-number {
        flex-wrap: wrap;
        justify-content: center !important;
    }
    .top-contact-number .top-address {
        margin-top: 10px;
    }
}
@media (max-width: 767px) {
    h1 {
        font-size: 42px;
    }
    h2 {
        font-size: 28px;
    }
    h3 {
        font-size: 28px;
    }
    h4 {
        font-size: 30.8px;
    }
    h5 {
        font-size: 21px;
    }
    h6 {
        font-size: 15.4px;
    }
    header .novolilly-logo {
        font-size: 25px;
    }
    .container {
        max-width: 100%;
    }
    .novililly-hero .novolilly-vector {
        margin: 0 auto 30px;
        display: flex;
        justify-content: center;
    }
    .novililly-hero .novolilly-vector img {
        max-width: 80%;
    }
    .novolilly-features .row {
        margin-left: -15px;
        margin-right: -15px;
    }
    .novolilly-features .row .col-md-4 {
        padding-left: 15px;
        padding-right: 15px;
    }
    .novo-assurance {
        margin: 20px 0;
    }
    .novolilly-features .features {
        height: auto;
    }
    .counter-fact {
        margin: 15px 0;
    }
    .fun-facts {
        padding: 10px 0;
    }
    .bottom-query-form {
        width: 300px;
    }
    .copyright {
        padding-bottom: 55px;
    }
    .copyright span {
        max-width: 100%;
    }
    .inner-about .about-text {
        padding: 20px 20px 5px;
    }
    .novolilly-features .row .col-md-6:last-child {
        margin-top: 0;
    }
    .pharma-content-wrapper .pharma-state-list li {
        width: 50%;
    }
    .third-party-list li {
        width: 100%;
    }
    .leadership-action {
        margin-top: 20px;
    }
    .novolilly-banner-slider .banner-slide-item {
        /* min-height: 890px; */
        padding: 0;
    }
    .novolilly-banner-slider .banner-slide-item .banner-content {
        padding-left: 20px;
    }
    .novolilly-banner-slider .banner-slide-item .banner-content h1 span {
        max-width: 600px;
        font-size: 50px;
    }
}
@media (max-width: 679px) {
    header .header-content {
        padding: 15px 0;
    }
}
@media (max-width: 575px) {
    h1 {
        font-size: 34.45px;
    }
    .inner-about .row {
        flex-wrap: wrap !important;
    }
    .left-about-image {
        width: 100%;
        padding-right: 15px;
    }
    .right-about-text {
        position: relative;
        width: 100%;
        padding-left: 15px;
        margin: 30px 0 0;
    }
    .right-about-text .about-text {
        background-color: transparent;
        padding: 0;
    }
    .right-about-text .about-text .description p:last-child {
        margin-bottom: 0;
    }
    .product-wrap-list {
        margin-top: 30px;
    }
    .pdf-download {
        top: 34px;
    }
    .blog-categories-wrapper {
        flex-direction: column;
        align-items: start !important;
    }
    .blog-categories-wrapper .blog-social-icons {
        margin-top: 20px;
    }
    .novolilly-banner-slider .banner-slide-item {
        /* padding: 60px 0 0;
        min-height: 790px; */
    }
}
@media (max-width: 540px) {
    .product-heading-wrapper {
        flex-direction: column !important;
    }
    .product-heading-wrapper .product-type-wrapper {
        margin-top: 15px;
    }
}
@media (max-width: 511px) {
    .product-category-tabs .nav-tabs .nav-item {
        margin-bottom: 15px;
    }
}
@media (max-width: 486px) {
    .novolilly-contact {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .novolilly-contact a {
        margin-bottom: 10px;
    }
    .top-contact-number .top-address {
        margin-top: 0;
    }
    .top-contact-number .top-address p {
        text-align: center;
    }
}
@media (max-width: 470px) {
    header .row {
        flex-direction: column;
    }
    header .row .col {
        max-width: 100%;
    }
    header .novolilly-logo {
        display: flex;
        justify-content: center;
    }
    header .novolilly-nav .header-buttons {
        width: 100%;
        justify-content: space-between !important;
    }
    .blog-tags-wrapper .blog-tags-anchor {
        display: flex;
        flex-wrap: wrap;
    }
    .blog-tags-wrapper .blog-tags-anchor .blog-tags-btn {
        margin-bottom: 20px;
    }
}
@media (max-width: 430px) {
    .product-heading-wrapper .product-type-wrapper {
        flex-direction: column;
    }
    .product-heading-wrapper .product-type-wrapper .pdf-download {
        display: flex;
        justify-content: center;
        margin-bottom: 15px;
    }
}

/*# sourceMappingURL=responsive.css.map */