:root {

    --white: #fff;

    --black: #000;

    --off-white: #E9ECEF;

    --red: #153c75;

    --green: #99C04C;

    --dark: #1B1F22;

    --para: #4f4f4f;

    --grey: #6C757D;

    --light-grey: #ced4da;

    --body-font: 'Red Hat Display', sans-serif;

    --head-font: 'Lora', serif;

    --heading: 'Raleway', sans-serif;

    --subhead: 'Poppins', sans-serif;

}

@media(max-width:1920px) {


}

@media(max-width:1600px) {
    .carousel-item {
        height: 700px;
    }
}

@media(max-width:1440px) {
    .menu-bar ul li a {
        padding: 17px 17px;
        font-size: 14px;
    }

    /* .carousel-caption h2 {
        font-size: 60px;
    } */

    .carousel-item {
        height: 674px;
    }

    .carousel-item {
        border-bottom-right-radius: 80px;
    }

    .carousel-caption p {
        font-size: 23px;
    }
    .profile-image {
        padding: 0px 40px 0px 40px;
        /* top: 0 !important; */
    }
}

@media(max-width:1366px) {
    .carousel-item {
        height: 634px;
    }

    .categories .categories-bg-left {
        top: -58%;
    }

    .buisness-content {
        padding: 30px 60px;
    }
}

@media(max-width:1280px) {
    .carousel-caption h2 {
        font-size: 56px;
    }
    .carousel-item {
        height: 600px;
    }
    .our-solutions {
        border-bottom-left-radius: 80px;

    }
    .our-mission {
        border-top-right-radius: 80px;
        border-bottom-left-radius: 80px;
    }
    .categories {
        border-bottom-left-radius: 80px;
    }
    .products-grid {
        border-bottom-left-radius: 80px;
    }
    .right-image-bh img {
        border-top-right-radius: 80px;
    }
    .join-us {
        border-bottom-left-radius: 80px;
        border-top-right-radius: 80px;
    }

}

@media(max-width:1200px) {}

@media(max-width:1199px) {
    .menu-bar ul li a {
        padding: 17px 12px;
        font-size: 12px;
    }

    /* .carousel-caption h2 {
        font-size: 45px;
    } */

    .carousel-item {
        height: 550px;
    }
    .carousel-item {
        padding: 70px 60px;
    }
    .mission-img {
        height: 480px;
        width: 480px;
    }

    .our-solutions {
        border-bottom-left-radius: 100px;
    }

    .our-mission {
        border-top-right-radius: 100px;
        border-bottom-left-radius: 100px;
    }

    .categories .categories-bg-left {
        top: -52%;
    }
    .profile-image {
        padding: 0px 40px 0px 40px;

    }
    .specification-box h5 span {
        top: 35px;
    }
    .specification-box h5 {
        padding: 30px 10px 5px 45px;
    }
    .product-content a {
        font-size: 17px;
    }
    /* .single-input textarea.form-control {
        height: 100px;

    } */
    .specification-rows .row:nth-child(odd) .installation-details-content {
        padding-top: 70px;
    }
}

@media(max-width:1024px) {
    .carousel-item {
        height: 560px;
    }
    .categories .categories-bg-left {
        top: -50%;
    }

    .mission-img {
        height: 470px;
        width: 470px;
    }
    .modal-content .contact-form {
        padding: 26px;
    }
}

@media(max-width:991px) {
    i.bi.bi-list {
        font-size: 28px;
        cursor: pointer;
    }

    .navbar-bottom {
        position: absolute;
        background: var(--red);
        width: 100%;
        z-index: 99;
        padding: 30px;
        opacity: 0;
        visibility: hidden;
        transition: all .5s ease-in;
    }


    .menu-bar ul {
        flex-direction: column;
    }

    .navbar-bottom.active {
        opacity: 1;
        visibility: visible;
        transition: all .5s ease-in;
    }

    .navbottom {
        flex-wrap: wrap;
    }

    .navbottom .menu-bar {
        flex: 0 0 100%;
    }

    .menu-bar ul li a {
        padding: 0px 0px 10px;
        display: inline-block;
        width: 100%;
    }

    .menu-bar ul li.active a {
        color: var(--white);
    }

    .menu-bar ul li {
        margin-bottom: 12px;
    }

    .menu-bar ul li a:before {
        top: auto;
        bottom: 0;
        width: 60px;
        height: 1px;
        background: transparent;
    }

    .carousel-item {
        height: 780px;
    }

    .carousel-item {
        border-bottom-right-radius: 50px;
    }

    .carousel-caption {
        max-width: 50%;
        padding-left: 50px;
    }

    .carousel-caption h2 {
        font-size: 36px;
    }

    .carousel-caption p {
        font-size: 17px;
    }

    .sec-space {
        padding: 30px 0;
    }

    .journey-content h4 {
        font-size: 40px;
        line-height: 40px;
        padding-bottom: 40px;
    }

    .journey-content h4:before {
        font-size: 130px;
    }

    .journey-content p {
        font-size: 16px;
    }

    .journey-content ul li span {
        width: 20px;
        height: 20px;
        line-height: 20px;
        font-size: 15px;
    }

    .journey-content {

        padding: 70px 50px;
    }

    .section-head h3 {
        font-size: 28px;
        line-height: 40px;
    }

    .solutions-txt p {
        padding-bottom: 20px;
    }

    .solutions-txt ul {
        padding-bottom: 20px;
    }

    .solutions-img {
        width: 600PX !important;
        height: 400px;
    }

    .mission-img {
        height: 450px;
        width: 450px;
    }

    .categories .categories-bg-left {
        top: -31%;
    }
    .categories {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .cat-txt {
        padding: 10px 22px;
    }

    .cat-cont .cat-txt h2 {
        font-size: 18px;
    }

    .categories .cat-cont .cat-icon span {
        height: 100px;
        width: 100px;
        line-height: 90px;
    }

    .categories .cat-cont .cat-icon span img {
        width: 58px;
    }

    .buisness-content {
        padding: 40px 40px;
    }

    .section-head h3 {
        font-size: 23px;
        line-height: 28px;
    }

    .mt-5 {
        margin-top: 2rem !important;
    }

    .single-input {
        margin-bottom: 8px;
    }

    .our-solutions {
        border-bottom-left-radius: 50px;
    }

    .categories .categories-bg-left {
        top: -31%;
    }

    .our-mission {
        border-top-right-radius: 50px;
        border-bottom-left-radius: 50px;
    }

    .categories {
        border-bottom-left-radius: 50px;
    }

    .products-grid {
        border-bottom-left-radius: 50px;
    }

    .section-head h3 {
        display: inline-block;
    }

    .join-us {
        border-bottom-left-radius: 50px;
        border-top-right-radius: 50px;
    }

    .join-us {
        padding: 80px 0;
    }
    .section-head h3 {
        width: 60%;
    }
    .right-image-bh img {
        border-top-right-radius: 50px;
    }
    .profile-image {
        padding: 0px 40px 60px 40px;
        height: 500px;
    }
    img {
        object-fit: cover;
    }
    .mission-vision .row [class*="col-"]:nth-child(2) .mv-box {
        padding-left: 0px;
    }
    .feature {
        border-top-right-radius: 80px;
        border-bottom-left-radius: 80px;
    }
    .subbanner {
        height: 200px;
    }
    .contact-form {
        padding: 26px;
    }

    .category ul{
        display: inline-flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-bottom: 30px;
    }

    .category ul li{
        flex: 0 0 48%;
        margin-bottom: 0px;
    }
    .specification-rows .row:nth-child(odd) .installation-details-content {
        padding-left: 10px;
    }
    .specification-head .h3, h3 {
        font-size: calc(0.9rem + .6vw);
    }
    .specification-head .h1, h1 {
        font-size: calc(1.2rem + 1.5vw);
    }
    .specification-rows .row:nth-child(odd) .installation-details-content {
        padding-top:40px;
    }
    .products-listing .row .brochure-btn {
        margin-top: 10px !important;
        width: 50%;
    }
    .products-listing .row .brochure-btn a {
        padding: 0.5rem 0.6rem;
    }
}

@media(max-width:767px) {
    .carousel-item {
        height: 1000px;
    }
    .carousel-caption h2 {
        font-size: 22px;
    }
    .carousel-caption p {
        font-size: 13px;
        line-height: 24px;
        margin-bottom: 12px;
    }
    .btn {
        font-size: 13px;
        padding: 9px 20px;
    }
    .carousel-caption h2 {
        padding: 0 0 8px;
    }
    .speciality-box {
        padding: 20px;
    }
    .journey-wrap {
        border-radius: 30px;
    }
    .journey-content h4:before {
        font-size: 100px;
    }
    /* .solutions-img {
        width: 450px !important;
        height: 400px;
    } */
    .solutions-img {
        width: 545px !important;
        height: 350px;
    }
     .our-solutions .px-5 {
        padding-right: 2rem!important;
        padding-left: 0rem!important;
    }

    .product-content a {
        font-size: 17px;
    }
    .join-us {
        padding: 60px 0;
    }
    .categories .categories-bg-left {
        top: -29%;
    }

    .products-grid {
        border-bottom-left-radius: 30px;
    }
    .right-image-bh img {
        border-top-right-radius: 30px;
    }
    .join-us {
        border-bottom-left-radius: 30px;
        border-top-right-radius: 30px;
    }
    .hab-box .hba-icon {
        height: 60px;
        width: 60px;
        line-height: 60px;
    }
    .profile-image {
        padding: 0px 20px 40px 20px;
        height: 380px;
    }
    .subbanner {
        height: 150px;
    }
    .collaborative .section-head {
        max-width: 100%;
    }
    .globalize .section-head {
        max-width: 100%;
    }
    .ft-logo {
        max-width: 150px;
    }
    .section-head h3 {
        width: 70%;
        z-index: 2;
    }
    .contact-form {
        padding: 40px;
    }
    .modal-content img{
        display: none;
    }

    /* .instalation-container>.row>[class*="col-"]:nth-child(odd){
        order: 2;
    }

    .instalation-container>.row>[class*="col-"]:nth-child(even){
        order: 1;
    } */

    .specification-head{
        position: relative !important;
        width: 100%;
        margin-bottom: 30px;
        padding-left: 0px;
    }
    .product-details-content {
        padding: 0 0px;
    }


    .footer-about p {
        max-width: 100%;
    }
    .installation-details .specification-head {
        padding-left: 0px ;
    }
    .specification-rows .row:nth-child(odd) .installation-details-content {
        padding-top: 0px;
        padding-left: 0px;
    }
    .specification-rows .row:nth-child(1        ) [class*="col-"]:nth-child(1) {
        padding-top: 20px;
    }
    .modal-content .contact-form {
        padding: 20px;
    }

}


@media(max-width:575px) {

    .navbar-brand {
        width: 100px;
    }
    .btn {
        font-size: 14px;
        padding: 6px 16px;
    }
    .carousel-item {
        border-bottom-right-radius: 30px;
    }
    .carousel-item {
        height: auto;
    }
    .carousel-caption {
        max-width: 70%;
        padding-left: 20px;
    }
    .carousel-caption h2 {
        font-size: 20px;
    }
    .carousel-caption p {
        line-height: 20px;
    }
    .journey-content h4 {
        font-size: 35px;
    }
    .journey-content {
        padding: 60px 34px;
    }
    .solutions-img {
        width: 100vw!important;
        height: 350px;
    }
    .solutions-img {
        padding: 5px 0px 5px 0;
    }
    .our-solutions {
        border-bottom-left-radius: 30px;
    }
    .px-sm-3{
        padding-left: 3rem !important;
        padding-right: 2rem !important;
    }
    .our-mission {
        border-top-right-radius: 30px;
        border-bottom-left-radius: 30px;
    }
    .categories {
        border-bottom-left-radius: 30px;
    }
    .products-grid {
        border-bottom-left-radius: 30px;
    }
    .product-image {
        height: 300px;
    }
    .join-us {
        border-bottom-left-radius: 30px;
        border-top-right-radius: 30px;
    }
    .right-image-bh img {
        border-top-right-radius: 30px;
    }
    .mission-img {
        height: 400px;
        width: 400px;
    }
    .join-us {
        padding: 35px 0;
    }
    .reach-us .btn {
        font-size: 16px;
        padding: 8px 18px;
    }
    .section-head h3 {
        width: 70%;
    }
    .section-head h3 {
        line-height: 26px;
        z-index: 10;
    }
    .section-head {
        margin-bottom: 18px;
    }
    /* .single-input textarea.form-control {
        height: 100px;
    } */
    .ft-address ul li {
        margin-bottom: 20px;
    }
    .categories .categories-bg-left {
        top: -27%;
    }
    .footer-about p {
        max-width: 100%;
    }
    .footer-main {
        padding: 60px 0 0 0;
    }
    .feature {
        border-top-right-radius: 30px;
        border-bottom-left-radius: 30px;
    }
    .subbanner {
        height: 150px;
    }
    .ft-logo {
        max-width: 150px;
    }
    .section-head h3 {
        width: 80%;
    }
    .globalize .section-head {
        max-width: 100%;
    }
    .category{
        margin-top: 30px;
    }
    .modal {
        left: 14%;
    }
    .modal-content .contact-form {
        padding: 20px;
    }
    .single-input input.form-control {
        height: 40px;
        line-height: 40px;
    }
    /* .single-input textarea.form-control {
        height: 60px;
    } */
    .profile-content h4 span {
        padding-left: 20px;
    }
    .modal-content .contact-form {
        padding: 20px 10px;
    }
    .modal-content .contact-form .country-code #Imageid{
        width: 120px !important;
    }

}

@media(max-width:480px) {
    .journey-content h4 {
        font-size: 36px;
    }
    .journey-content h4:before {
        font-size: 94px;
    }
    .carousel-caption h2 {
        padding: 0px 0 0px;
    }
    .carousel-caption p {
        font-size: 12px;
    }
    .btn {
        font-size: 10px;
    }
    .solutions-img {
        width: 420px !important;
        height: 300px;
    }
    .section-head h3 {
        width: 80%;
    }
    .mission-img {
        height: 350px;
        width: 350px;
        margin-top: 20px;
    }
    .mission-content {
        padding: 20px;

    }
    .mission-content h2 span {
        font-size: 35px;

    }
    .mission-content h2 {
        padding-left: 65px;
        white-space: nowrap;
    }
    .h2, h2 {
        font-size: calc(1.30rem + .9vw);
    }
    .categories .categories-bg-left {
        top: -26%;
    }
    .join-us {
        padding: 30px 0;
    }
    .section-head h3 {
        width: 50%;
    }
    .section-head h3 {
        font-size: 20px;
    }
    .section-head h3 {
        width: 80%;
    }
    .single-input textarea.form-control {
        height: 80px;
    }
    .profile-image {
        height: 320px;
    }
    .ft-logo {
        max-width: 150px;
    }
    .modal {
        left: 8%;
    }
    .modal-quote .modal-dialog {
        max-width: 80%;
    }
    /* .single-input textarea.form-control {
        height: 60px;
    } */
    .copyright p {
        padding: 0 8px;
    }
    .product-image {
        height: 240px;
    }
    .modal input.phone-v {
        padding-left: 9px !important;
    }

}

@media(max-width:414px) {
    .carousel-item {
        height: auto;
    }
    .carousel-item {
        padding: 40px 30px;
    }
    .journey-content h4:before {
        font-size: 82px;
    }
    .journey-content h4 {
        font-size: 36px;
    }
    .carousel-caption h2 {
        font-size: 18px;
    }
    .solutions-img {
        width: 380px !important;
        height: 250px;
    }
    .section-head h3 {
        width: 100%;
    }
    .buisness-content {
        padding: 40px 20px;
    }
    .buisness-help .form-control {
        font-size: 1rem;
    }

    /* .footer-about p {
        text-align: left;
    } */
    .subbanner {
        height: 100px;
    }
    .profile-image {
        padding: 0px 0px 40px 0px;
    }
    .feature-box {
        padding: 20px;
    }
    .contact-form {
        padding: 30px;
    }
    .category ul li a {
        font-size: 14px;
    }
    .single-input input.form-control {
        height: 32px;
        line-height: 32px;
    }
    /* .single-input textarea.form-control {
        height: 60px;
    } */
    /* .form-control {
        font-size: 0.8rem;
    } */
    .modal-content .contact-form .single-input textarea {
        padding: 7px 10px 7px 0px;
    }
    .reach-us .country-code #Imageid {
        width: 120px !important;
    }


}

@media(max-width:375px) {
    .carousel-item {
        height: auto;
    }
    .carousel-item {
        padding: 20px 15px;
    }
    .journey-content {
        padding: 60px 22px;
    }
    .journey-content h4:before {
        font-size: 75px;
    }
    .journey-content h4 {
        font-size: 32px;
    }
    .solutions-img {
        width: 325px !important;
        height: 250px;
    }
    .mission-img {
        height: 300px;
        width: 300px;
    }
    .product-image {
        height: 202px;
    }
    .categories .categories-bg-left {
        top: -24%;
    }
    .mt-4 {
        margin-top: 0.5rem!important;
    }
    .mission-content h2 {
        padding-left: 55px;
    }
    .mission-content h2 span {
        font-size: 26px;
    }
    .h2, h2 {
        font-size: calc(1.1rem + .9vw);
    }
    .section-head h3 {
        z-index: 100;
    }
    .hab-box .hba-icon {
        height: 50px;
        width: 50px;
        line-height: 50px;
    }
    .ft-address ul li::before {
        font-size: 15px;
    }
    .estd {
        padding: 0px 16px;
        right: 36px;
    }
    .profile-content h4 span {
        font-size: 15px;
    }
    .profile-content h4 span {
        margin-right: 20px;
        padding-left: 20px;
    }
    .profile-content h4:before {
        top: 40%;

    }
    .profile-content h4 span:before {
        top: 40%;
    }
    .profile-content h4 span:first-child {
        margin-left: 10px;
    }
    .profile-content h4 {
        font-size: 16px;
    }
    .navbar-bottom {
        z-index: 102;
    }
    .collaborative .section-head {
        margin-bottom: 20px;
    }
    .section-head h6 {
        font-size: 14px;
    }
    .reach-us .reach-us-txt {
        padding: 20px;
    }

    .category ul li a {
        font-size: 14px;
    }
    .single-input input.form-control {
        height: 30px;
        line-height: 24px;
    }
    /* .single-input textarea.form-control {
        height: 50px;
    } */
    .modal-content .contact-form {
        padding: 16px;
    }
    .modal {
        left: 3%;
    }
    .modal-quote .modal-dialog {
        max-width: 90%;
    }
    .form-control {
        font-size: 0.78rem;
    }
    .carousel-caption h2 {
        font-size: 16px;
    }
    .products-listing .row .brochure-btn {
        width: 5%;
    }
    .country-code #Imageid{
        width: 100px !important;
    }
    .buisness-content input.phone-v {
        padding-left: 114px !important;
    }
    /* .modal-content .contact-form .country-code #Imageid {
        width: 100px !important;
    } */
    .buisness-help .country-code {
        top: -4px;
    }


}

@media(max-width:320px) {
    .navbar-brand {
        width: 100px;
    }

    .carousel-item {
        height: auto;
    }
    .carousel-item {
        padding: 20px 15px;
    }

    .carousel-item {
        border-bottom-right-radius: 0px;
    }

    .journey-content h4:before {
        font-size: 68px;
    }
    .mission-img {
        height: 300px;
        width: 300px;
    }

    .product-image {
        height: 188px;
    }
    .mv-block h3 {
        font-size: 17px;
        margin-bottom: 12px;
        padding-bottom: 8px;
    }


    .ft-address ul li::before {
        width: 35px;
        height: 35px;
        line-height: 35px;

    }
    .ft-address ul li {
        padding: 0px 0px 4px 48px;
        margin-bottom: 10px;
    }
    .hba-content p {
        font-size: 15px;
    }
    .hba-content h5 {
        padding: 0 0 10px;

    }
    .footer-about p {
        max-width: 100%;
    }
    .ft-logo {
        max-width: 150px;
    }
    .section-head h6 {
        font-size: 13px;
    }
    .reach-us .reach-us-txt {
        padding: 10px;
    }
    .contact-form {
        padding: 20px;
    }
    .category ul li a {
        font-size: 12px;
    }
    .form-select {
        font-size: 0.95rem;
    }
}