@media only screen and (max-width: 1920px) and (min-width: 1681px) {
    /* Home Page */
    .hero-section {
        height: 700px;
    }

    .contact-hero-section {
        height: 800px;
        min-height: 800px;
    }

    .contact-title {
        margin-top: -80px;
    }

    .contact-title.thank-you-title {
        margin-top: -108px;
    }

    .hero-slider .slick-dots {
        bottom: -56px;
    }

    .about-section {
        padding: 50px 0 109px;
    }

}

/* Medium Large to Mac */
@media only screen and (max-width: 1680px) and (min-width: 1601px) {

    /* Home Page */
    .hero-section,
    .clientele-hero-section {
        height: 750px;
        min-height: 750px;
    }

    .hero-slider .slick-dots {
        bottom: -57px;
        right: -2.5%;
    }

    .hero-slider .slick-dots li {
        width: 120px;
    }

    .hero-slider .slick-dots li button {
        width: 120px;
    }

    .hero-slider .slick-dots li button::before {
        width: 120px;
    }

    .about-section {
        padding: 50px 0 100px;
    }

    .statistics-counter .row {
        top: -110px;
    }

    #carouselExampleControls {
        margin-bottom: 100px;
    }

    .support-section {
        background: url('../img/about-bg.png') no-repeat;
        margin-top: -110px;
        padding: 50px 0 170px;
        background-size: cover;
        position: relative;
    }

    .support-bg {
        margin-top: -60px;
    }

    .contact-hero-section {
        background: url('../img/contact-banner-curve.png');
        min-height: 75vh;
        background-size: cover;
    }

    .contact-title {
        margin-top: -105px;
    }

    /* Product Page */
    .product-hero-banner {
        min-height: 75vh;
    }

    .product-hero-banner .overlay {
        top: 40%;
        width: 55%;
        height: 264px;
    }

    .overlay h1 {
        right: 80px;
    }

    .about-bg {
        background-size: cover;
    }

    .vision-image {
        margin-top: -70px;
    }

    .vision-image h2 {
        left: 10%;
        font-size: 96px;
    }

    .vision-image h3 {
        left: 6%;
        top: -30px;
    }
}

/* Medium Large to Mac */
@media only screen and (max-width: 1600px) and (min-width: 1441px) {

    /* Header */
    .top-bar {
        padding: 20px 25px;
    }

    .logo img {
        max-width: 175px;
        padding: 20px 40px;
    }

    .lower-bar {
        padding: 5px 10px;
    }

    /* Home Page */
    .hero-slider .item img {
        width: 85%;
    }

    .hero-slider video {
        height: 65vh;
    }

    .hero-slider .slick-dots {
        bottom: -27px;
    }

    .about-section {
        margin-top: -110px;
    }

    .statistics-counter .row {
        top: -70px;
    }

    #carouselExampleControls {
        margin-bottom: 100px;
    }
}

/* Medium Large to Mac */
@media only screen and (max-width: 1440px) {

    /* Header */
    .top-bar {
        padding: 20px 25px;
    }

    .logo img {
        max-width: 175px;
        padding: 20px 40px;
    }

    .logo {
        top: -78px;
    }

    .lower-bar {
        padding: 5px 10px;
    }

    .navbar .nav-item {
        font-size: 22px;
    }

    /* Home Page */
    .hero-section {
        background: var(--primary-bg-color);
        min-height: 650px;
        height: 650px;
    }

    .hero-slider video {
        object-fit: cover;
    }

    .hero-slider .item img {
        width: 85%;
    }

    .hero-slider .slick-dots {
        bottom: -50px;
        width: 35%;
        margin: 20px;
        right: 13%;
    }

    .hero-slider .slick-dots li {
        width: 100px;
    }

    .hero-slider .slick-dots li button {
        width: 100px;
    }

    .hero-slider .slick-dots li button::before {
        width: 100px;
    }

    .about-section {
        margin-top: -50px;
        background-size: cover;
        padding-bottom: 120px;
    }

    .about-section h1,
    .about-bg h1,
    .support-section h1,
    .product-title h2 {
        font-size: 80px;
        margin-bottom: 35px;
    }

    .about-section p,
    .about-bg p {
        font-size: 18px;
        font-style: normal;
        line-height: 1.45;
    }

    .vision-image {
        margin-top: -240px;
    }

    .vision-image h2 {
        left: 11%;
        font-size: 80px;
    }

    .statistics-counter::before {
        bottom: -15%;
        background-size: 1520px;
    }

    .statistics-counter .row {
        top: -110px;
        width: 70%;
    }

    .statistics-counter h3 {
        font-size: 70px;
    }

    .statistics-counter p {
        font-size: 26px;
    }

    .cta-section {
        padding: 185px 0;
        margin-top: -200px;
        background-size: contain;
    }

    .cta-section .theme-btn {
        width: 400px;
    }

    /* Products Range */
    #carouselExampleControls {
        padding: 50px 0;
    }

    /* About Us Page */
    .about-hero-section {
        min-height: 650px;
        height: 650px;
    }

    .about-bg {
        background: url('../img/about-bg.png') no-repeat;
        padding: 50px 0 361px;
        background-size: contain;
        margin-top: -85px;
    }

    /* Contact Us Page */
    .contact-hero-section {
        background: url('../img/contact-banner-curve.png');
        min-height: 650px;
        height: 650px;
        background-size: cover;
    }

    .contact-title {
        margin-top: -84px;
    }

    /* Support Page */
    .support-hero-section, .clientele-hero-section {
        min-height: 650px;
    }

    .support-section {
        background-size: cover;
        margin-top: -95px;
    }

    .support-section h3 {
        font-size: 28px;
    }

    .support-section p {
        font-size: 20px;
    }

    .support-box {
        margin-bottom: 50px;
    }

    .support-bg {
        margin-top: -60px;
    }

    /* Product Page */
    .product-hero-banner {
        min-height: 650px;
        height: 650px;
        background-size: cover;
    }

    .product-hero-banner .overlay {
        top: 45%;
        width: 55%;
        height: 175px;
    }

    .overlay h1 {
        font-size: 56px;
        right: 10%;
        top: 5%;
    }

    section.vision-image.product-page {
        margin: 0;
    }

    .vision-image h3 {
        top: -85px;
        font-size: 56px;
    }

    .product-description p {
        font-size: 20px;
        /*text-align: center;*/
    }

    /* Taurus Page */
    .product-hero-banner.taurus-4300 .overlay {
        width: 60%;
        height: 185px;
    }

    .taurus-4300 .overlay h1 {
        font-size: 48px;
        top: 0;
    }

    /* Clientele */
    .contact-section {
        background-size: cover;
        margin-top: -90px;
        padding: 50px 0 50px;
        position: relative;
    }
}

@media only screen and (max-width: 1370px) {

    /* Header */
    .top-bar {
        padding: 12px 25px;
    }

    .logo {
        top: -62px;
    }

    .navbar .nav-item {
        font-size: 20px;
    }

    .logo img {
        max-width: 150px;
        padding: 25px 40px;
    }

    .hero-section,
    .about-hero-section,
    .support-hero-section,
    .clientele-hero-section,
    .contact-hero-section {
        height: 550px;
        min-height: 550px;
    }

    .hero-slider .item img {
        width: 75%;
    }

    .hero-slider .slick-dots {
        bottom: -55px;
        width: 42%;
        right: 3%;
    }

    .hero-slider .slick-dots li {
        width: 120px;
    }

    .hero-slider .slick-dots li button {
        width: 120px;
    }

    .hero-slider .slick-dots li button::before {
        width: 120px;
    }

    .about-section {
        margin-top: -85px;
        padding-bottom: 80px;
    }

    .about-section h1,
    .about-bg h1,
    .contact-title h1,
    .product-title h2 {
        font-size: 60px;
        margin-bottom: 30px;
    }

    .statistics-counter .row {
        top: -105px;
    }

    #carouselExampleControls h3 {
        font-size: 60px;
    }

    /* About Us Page */
    .about-bg {
        padding: 50px 0 300px;
    }

    .about-info p {
        font-size: 18px;
    }

    .vision-image h2 {
        left: 5%;
        top: 0;
        font-size: 60px;
    }

    .vision-image {
        min-height: 75vh;
    }

    /* Contact Page */
    .contact-hero-section {
        background: url('../img/contact-banner-curve.png');
        /*min-height: 85vh;*/
        background-size: 100% 100%;
    }

    .contact-title {
        margin-top: -72px;
    }

    .contact-main p {
        font-size: 20px;
    }

    .contact-form {
        padding-top: 30px;
    }

    .contact-main {
        padding: 50px 0 230px;
    }

    /* Product Page */
    .product-hero-banner {
        min-height: 575px;
        height: 575px;
    }

    .vision-image h3 {
        top: -85px;
        font-size: 56px;
    }

    .product-title p {
        font-size: 20px;
    }

    .product-detail h3 {
        font-size: 150px;
        text-align: center;
    }

    .product-gallery-slider .item img {
        margin: 0 auto;
        width: 80%;
    }

    .product-gallery-nav {
        margin-top: 50px;
    }

    .product-description h3 {
        font-size: 36px;
    }

    .product-description p {
        font-size: 20px;
        line-height: 1.45;
    }

    .vision-image.product-page {
        min-height: unset;
    }

    .products-range {
        padding: 50px 0 200px;
    }

    .products-range h3 {
        font-size: 60px;
    }

    /* Support Page */
    .support-section {
        margin-top: -94px;
    }

    .contact-section {
        margin-top: -77px;
        padding: 50px 0 70px;
    }

}

/* Media Query for the Mobile Devices */
@media only screen and (max-width: 480px) {
    .top-bar {
        padding: 20px 0;
    }

    .top-bar p {
        display: block;
        padding-right: 10px;
    }

    .search-bar {
        display: none;
    }

    .logo {
        top: -58px;
    }

    .logo img {
        max-width: 125px;
        padding: 20px 30px;
    }

    .navbar {
        display: none;
    }

    .navbar-toggler {
        border: 1px solid var(--theme-color);
        background: #000;
        border-radius: 5px;
        display: inline;
    }

    .navbar-toggler-icon {
        width: 2.5em;
        height: 2.5em;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
        /* background-image: var(--bs-navbar-toggler-icon-bg); */
    }

    .search-icon {
        left: 62px;
    }

    .sidebar .navbar-nav {
        margin-top: 60px;
    }

    .sidebar .navbar-nav .nav-item {
        padding: 10px 10px;
        border-bottom: 1px solid var(--theme-color);
    }

    .sidebar .navbar-nav .nav-item:last-child {
        border-bottom: 0;
    }

    .sidebar .navbar-nav .nav-item .nav-link.active {
        color: var(--theme-color);
    }

    /* Home Page */
    .hero-section {
        min-height: 300px;
        height: 300px;
    }

    .hero-slider .item img {
        width: 100%;
    }

    .hero-slider video {
        height: 175px;
    }

    .hero-slider .slick-dots {
        margin: -39px;
        right: 10%;
        bottom: 15px;
    }

    .hero-slider .slick-dots li {
        width: 30px;
        height: 10px;
    }

    .hero-slider .slick-dots li button {
        width: 30px;
        height: 10px;
    }

    .hero-slider .slick-dots li button::before {
        width: 30px;
        height: 10px;
    }

    .about-section {
        background: url('../img/who-mobile-bg.png');
        margin-top: -75px;
        background-size: 100%;
        padding: 30px 10px 19%;
    }

    .about-bg {
        background-size: 100%;
        padding: 30px 0 24%;
    }

    .about-section::before,
    .about-bg::before,
    .product-title::before {
        background: url('../img/mobile-subtract.png') no-repeat;
    }

    .about-section h1,
    .about-bg h1,
    .support-section h1,
    .contact-title h1,
    .product-title h2 {
        font-size: 24px;
        margin-bottom: 15px;
    }

    .about-section p,
    .about-bg p,
    .about-info p {
        font-size: 14px;
    }

    .mobile-read-more-text {
        display: none;
        margin-bottom: 100px;
    }

    .statistics-counter {
        padding: 20px 0 50px;
    }

    .statistics-counter::before {
        bottom: -95%;
        background-size: 100%;
    }

    .statistics-counter .row {
        top: 0;
        left: 3%;
        width: 100%;
    }

    .statistics-counter .row .col-6 {
        margin-bottom: 30px;
    }

    .statistics-counter .row .col-6:last-child {
        margin-bottom: 0px;
    }

    .statistics-counter h3 {
        font-size: 48px;
    }

    .statistics-counter p {
        font-size: 18px;
    }

    .cta-section {
        margin-top: 0;
        background: url('../img/cta-mobile.png');
        padding: 30% 0;
        background-size: cover;
    }

    .cta-section .theme-btn {
        width: 300px;
        height: 75px;
        font-size: 30px;
        padding: 10px 15px;
        margin: 0 0 10px !important;
    }

    .center-slider {
        margin: 5rem auto;
        max-width: 100%;
    }

    .center-slider .item > img {
        width: 300px;
    }

    /* the slides */
    .center-slider .slick-slide {
        margin: 0 15px;
    }

    /* the parent */
    .center-slider .slick-list {
        margin: 0 -15px;
    }

    .center-slider .slick-arrow img {
        width: 40px;
        height: 40px;
    }

    .center-slider .slick-prev {
        left: 2%;
        z-index: 999;
        top: 45%;
    }

    .center-slider .slick-next {
        right: 7%;
        top: 45%;
    }

    #carouselExampleControls h3 {
        font-size: 32px;
    }

    .center-slider .item p {
        margin-top: 25px;
        font-size: 24px;
    }

    .footer-section {
        padding: 75px 25px 10px;
        background: url('../img/footer-mobile-bg.png');
        background-size: cover;
        position: relative;
        z-index: 1;
    }


    footer .icon-info {
        display: block;
        margin-bottom: 15px;
        text-align: center;
    }

    footer .icon-info span i,
    footer .icon-info p,
    footer .icon-info a {
        text-align: center;
        font-size: 16px;
        margin-bottom: 10px;
        color: #ffffff;
        line-height: 1.35;
    }

    footer .icon-info span i{
        line-height: 1;
    }

    footer .col-md-6.text-end {
        margin-top: 25px;
        text-align: center !important;
    }

    footer .footer-credits {
        margin-top: 50px;
        margin-bottom: 20px;
    }

    footer .footer-credits p,
    footer .footer-credits p i {
        font-size: 14px;
        text-align: center;
        margin-bottom: 10px;
        line-height: 1;
    }

    footer .footer-credits p i {
        margin-bottom: 0;
    }

    footer .map {
        width: 100%;
    }

    /* Mobile OverLay for Know MOre */
    .mobile-know-more-overlay {
        display: block;
        /* height: 200px; */
    }

    .about-bg .mobile-know-more-overlay {
        bottom: 7%;
    }


    /* About Us Page */
    .about-bg {
        background: url('../img/about-bg-mobile.png') no-repeat;
        background-size: 100%;
        padding: 30px 10px   20%;
        min-height: 725px;
    }

    .vision-image h2,
    .support-bg h2 {
        top: 10px;
        font-size: 24px;
        left: 0;
    }

    .vision-image {
        background: url('../img/vision-plain.png');
        margin-top: 20px;
        min-height: 200px;
    }

    .vision-image h2 {
        top: -40px;
    }

    .about-hero-section {
        background: url('../img/Plant Image 1.png');
        min-height: 25vh;
        height: 300px;
        background-size: cover;
    }

    .about-info h3 {
        font-size: 22px;
    }

    /* Support Page */
    .support-hero-section {
        background: url('../img/support-banner-mobile.png');
        min-height: 300px;
        height: 300px;
        background-size: 100% 100%;
    }

    .support-section {
        background: url('../img/support-bg-mobile.png') no-repeat;
        padding: 30px 0 13%;
        background-size: 100%;
        margin-top: -45px;
    }

    .support-section::before,
    .contact-title::before {
        background: url('../img/mobile-subtract.png') no-repeat;
    }

    .support-box {
        margin-bottom: 35px;
    }

    .support-box img {
        width: 30px;
    }

    .support-section h3 {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .support-section p {
        font-size: 14px;
    }

    .support-bg {
        background: url('../img/network-mobile.png') no-repeat;
        background-size: cover;
        margin-top: 0;
        min-height: 200px;
    }

    .support-bg h2 {
        top: -30px
    }

    .about-info {
        min-height: 20vh;
    }

    /* Clientele Page  */
    .clientele-hero-section {
        background: url('../img/clientele-banner-mobile.png');
        min-height: 225px;
        height: 225px;
        background-size: cover;
    }

    .clientele-logo .features-icon {
        margin: 100px auto 0;
        width: 100%;
    }

    .clientele-logo .features-icon li {
        flex: 0 0 25%;
        max-width: 25%;
        margin-bottom: 15px;
    }

    .clientele-logo .features-icon li img {
        padding: 5px;
        width: 85px;
        height: 85px;
    }

    .clientele-logo .features-icon li p {
        margin-top: 10px;
        font-size: 14px;
    }

    .contact-section {
        margin-top: -30px;
        padding: 30px 20px 15%;
        min-height: 175px;
    }

    /* Contact Page */
    .contact-hero-section {
        min-height: 190px;
        height: 190px;
        background-size: cover;
    }

    .contact-title {
        padding: 20px 0 20px;
        background: transparent;
        position: relative;
        margin-top: -25px;
    }

    .contact-main {
        padding: 75px 20px 100px;
        background: url("../img/contact-bg-mobile.png") no-repeat;
        background-size: cover;
        margin-bottom: 50px;
    }

    .contact-main p {
        text-align: center;
        font-size: 16px;
        width: 100%;
        /* margin: 0 auto; */
        line-height: 1.35;
    }

    .contact-form {
        padding-top: 20px;
    }

    .form-button button {
        width: 150px;
        text-align: center;
        font-size: 20px;
    }

    .contact-main .form-control {
        height: 40px;
    }

    textarea.form-control {
        min-height: 75px;
        height: 75px;
    }

    .product-label-box {
        width: 100%;
        display: flex!important;
    }

    /* Product Page */
    .product-hero-banner {
        background: url('../img/primus-mobile.png') no-repeat;
        background-size: cover;
        min-height: 210px;
        height: 210px;
    }

    .product-title {
        padding: 25px 20px 25px;
        background: url('../img/product-subtract-mobile.png');
        position: relative;
        margin-top: -35px;
        background-size: 100%
    }

    .product-hero-banner .overlay {
        top: 40%;
        width: 70%;
        height: 85px;
    }

    .overlay h1 {
        font-size: 22px;
        right: 20%;
        top: 15%;
    }

    .product-hero-banner.taurus-4300 .overlay {
        top: 40%;
        width: 70%;
    }

    .taurus-4300 .overlay h1 {
        font-size: 22px;
        right: 0;
        top: 2px;
    }

    .product-title p {
        font-size: 16px;
        margin-top: 20px;
        line-height: 1.45;
    }

    .product-detail {
        padding: 0 20px;
    }

    .product-detail h3 {
        font-size: 52px;
    }

    .product-gallery-slider .slick-arrow img {
        width: 35px;
    }

    .product-gallery-slider .slick-arrow .fa {
        font-size: 28px;
    }

    .product-gallery-nav .item {
        width: 85px !important;
        height: 85px;
        margin: 0 10px;
    }

    .product-gallery-nav .item img {
        width: 80px;
        height: 80px;
    }

    .product-gallery-nav .slick-track {
        left: 7%;
    }

    .product-gallery-slider .slick-prev {
        left: -20px;
        top:45%;
    }

    .product-gallery-slider .slick-next {
        right: -20px;
    }


    .product-description {
        background: url('../img/product-detail-mobile.png');
        padding: 50px 15px 50px;
        background-size: cover;
        max-width: 100%;
        margin: 35px auto 0;
    }

    .product-detail .product-description h3 {
        font-size: 24px;
    }

    .product-description p {
        font-size: 14px;
        text-align: justify;
        margin-top: 15px;
    }

    .product-features {
        margin-top: 35px;
        padding: 50px 0;
    }

    .features-icon li {
        flex: 0 0 33.33%;
        max-width: 33.33%;
        margin-bottom: 50px;
    }

    .features-icon li img {
        margin: 0 auto;
        height: 45px;
        width: 45px;
    }

    .features-icon li p {
        font-size: 16px;
    }

    .products-range {
        background: url('../img/range-bg-mobile.png') no-repeat;
        padding: 25px 0 25px;
        position: relative;
        background-size: cover;
        margin: 0;
    }

    .products-range .center-slider {
        margin: 1rem auto;
    }

    .products-range h3 {
        font-size: 24px;
    }

    .products-range .center-slider .item.slick-slide {
        width: 380px;
        height: auto;
        padding: 15px 15px;
    }

    .products-range .center-slider .slick-arrow img {
        width: 35px;
        height: 35px;
    }

    .products-range .center-slider .slick-next {
        right: -2%;
        top: 50%;
    }

    .products-range .center-slider .slick-prev {
        left: -2%;
        top: 50%;
    }

    .products-range .center-slider .item > img {
        width: 90%;
        margin: 0 auto;
    }

    .products-range .center-slider .item p {
        margin-top: 20px;
        font-size: 22px;
    }

    .product-features .features-icon {
        margin-top: 50px;
        justify-content: center;
    }

    .coming-soon {
        background: url('../img/coming-soon-mobile.png') no-repeat;
        padding: 75px 0 125px;
        position: relative;
        background-size: 100%;
        margin-top: 25px;
    }

    .vision-image h3 {
        top: -5px;
        font-size: 30px;
    }

    .coming-soon-products {
        padding-top: 0;
    }

    .coming-soon-products .col-sm-6 {
        margin-bottom: 50px;
    }

    .coming-soon-products img {
        width: 100px;
        height: 80px;
        object-fit: contain;
    }

    .coming-soon-products p {
        font-size: 18px;
        line-height: 20px;
        margin-top: 10px;
    }

    .coming-soon-products h4 {
        font-size: 18px;
        line-height: 20px;
    }


}

/* Media Query for the Mobile Devices */
@media only screen and (max-width: 414px) {
    .center-slider {
        margin: 3rem auto;
    }

    .center-slider .item {
        padding: 25px;
    }

    .about-section {
        padding: 30px 15px 13%;
    }

    .about-bg {
        min-height: 700px;
    }

    .product-detail h3 {
        font-size: 50px;
    }

    .coming-soon {
        padding: 50px 0 90px;
        margin-top: 25px;
        margin-bottom: 15px;
    }

    .support-section {
        padding: 30px 0 13%;
        margin-top: -35px;
        background-size: cover;
    }

    .support-bg {
        margin-top: 20px;
    }

    .contact-section {
        min-height: 175px;
    }

    .product-hero-banner {
        background-size: 100%;
    }

    .contact-hero-section, .support-hero-section {
        min-height: 225px;
        height: 225px;
    }

    .contact-title {
        margin-top: -29px;
    }

    .support-section {
        margin-top: -40px;
    }
}

/* Media Query for the Mobile Devices */
@media only screen and (max-width: 400px) {
    .lower-bar {
        padding: 5px 5px;
    }

    .hero-slider .slick-dots {
        margin: -39px;
        right: 10%;
        bottom: -3px;
    }

    .about-section, .about-bg {
        padding: 30px 15px 6%;
    }

    .about-section p, .about-bg p, .about-info p {
        margin-bottom: 15px !important;
    }

    .center-slider .item {
        padding: 25px;
    }

    .center-slider .slick-next {
        right: 6%;
    }

    .center-slider .slick-prev {
        left: -3%;
    }

    /* About Page */
    .about-bg {
        padding: 30px 0 20%;
        min-height: 660px;
    }

    /* Support Page */
    .support-section {
        padding: 30px 0 13%;
        background-size: cover;
        margin-top: -40px;
    }

    .support-bg {
        margin-top: 15px;
    }

    /* Contact Page */
    .contact-hero-section {
        background-size: cover;
        padding: 30px 20px 15%;
    }

    /* Clientele Page */
    .contact-section {
        padding: 30px 10px 15%;
        min-height: 175px;
    }

    /* Product Page */
    .product-detail h3 {
        font-size: 46px;
    }

    .product-gallery-nav .slick-track {
        left: 3%;
    }

    .products-range .center-slider .item.slick-slide {
        width: 350px;
        padding: 15px 15px;
    }
}

/* Media Query for the Mobile Devices */
@media only screen and (max-width: 375px) {
    /* Home Page */
    .hero-slider .slick-dots {
        margin: -39px;
        bottom: -10px;
    }

    .hero-slider .slick-dots li {
        width: 25px;
        height: 10px;
    }

    .hero-slider .slick-dots li button {
        width: 25px;
        height: 10px;
    }

    .hero-slider .slick-dots li button::before {
        width: 25px;
        height: 10px;
    }

    .about-section {
        background-size: 100%;
        padding: 30px 10px 15px;
    }

    .about-section p {
        line-height: 1.35;
        margin-bottom: 15px !important;
    }

    .about-bg {
        background-size: 100%;
        padding: 30px 0 24%;
    }

    /* About Page */
    .about-bg {
        padding: 30px 0 10%;
        min-height: 635px;
        margin-top: -31px;
    }

    .about-info {
        padding: 25px 0;
    }

    /* Clientele Page */
    .contact-section {
        padding: 30px 10px 15%;
        min-height: 175px;
    }

    /* Product Page */
    .product-detail h3 {
        font-size: 42px;
    }

    .product-gallery-nav .slick-track {
        left: 3%;
    }

    .products-range .center-slider .item.slick-slide {
        width: 325px;
        padding: 15px 15px;
    }

    .coming-soon {
        padding: 50px 0 90px;
        margin-top: 25px;
    }

    .coming-soon-products .col-sm-6 {
        margin-bottom: 20px;
    }

    .about-hero-section {
        height: 225px;
        background-size: cover;
    }

    .features-icon li p {
        font-size: 14px;
    }


}

/*Media Query for the Mobile Devices */
@media only screen and (max-width: 360px) {
    .top-bar p {
        font-size: 11px;
    }

    .hero-slider .slick-dots li {
        width: 20px;
    }

    .hero-slider .slick-dots li button {
        width: 20px;
    }

    .hero-slider .slick-dots li button::before {
        width: 20px;
    }

    .hero-slider .slick-dots {
        bottom: -55px;
        margin: 0px;
    }

    .hero-slider .slick-dots {
        right: 3%;
    }

    .hero-slider .slick-dots {
        width: 140px;
    }

    .about-section {
        padding: 30px 0 8px;
        background-size: cover;
    }

    .about-section, .about-bg {
        padding: 30px 10px 10% !important;
    }

    .statistics-counter p {
        font-size: 18px;
    }

    .cta-section .theme-btn {
        font-size: 24px;
    }

    #carouselExampleControls h3 {
        font-size: 28px;
    }

    .center-slider .item > img {
        width: 275px;
    }

    .center-slider .item {
        padding: 15px;
    }

    .center-slider .slick-arrow img {
        width: 35px;
        height: 35px;
    }

    .center-slider .slick-next {
        right: 1%;
    }
}