/* Mobile view for screens 320px, 375px, and 425px */
@media only screen and (max-width: 767px) {
    
    .navbar {
        padding: 20px 0px 7px 0;
        z-index: 1000;
    }
    .ab{
        margin-top:10px;
    }

    .slider-img{
        /*height:300px;*/
        width: 100vw;
    }

    .slide-line1{
        text-shadow: rgba(0, 0, 0, 0.9) 1px 1px 2px;
        font-family: 'Assistant', sans-serif;
        font-weight: 300;
        font-size: 20px;
        line-height: 30px;
        transition: none 0s ease 0s;
        text-align: inherit;
        border-width: 0px;
        margin: 0px;
        padding: 0px;
        letter-spacing: 0px;
    }
    .slide-line2{
        text-shadow: rgba(0, 0, 0, 0.9) 1px 1px 2px;
        font-family: 'Assistant', sans-serif;
        font-weight: 300;
        font-size: 15px;
        line-height: 25px;
        transition: none 0s ease 0s;
        text-align: inherit;
        border-width: 0px;
        margin: 0px;
        padding: 0px;
        letter-spacing: 0px;
    }
    .carousel-text-left {
        top: 60%; /* Adjust this value for vertical positioning */
        transform: translateY(-50%);
        color: white; /* Text color */
        padding: 20px; /* Adjust as needed */
        position: absolute;
        right: 15%;
        bottom: 1.25rem;
        left: 50%;
    
        color: #fff;
        text-align: left;
      }
      .carousel-text-right {
        top: 45%;
        transform: translateY(-50%);
        color: white;
        padding: 20px;
        position: absolute;
        bottom: 0.25rem;
        left: 1%;
        color: #fff;
        text-align: left;
    }

      .imtip {
        position: absolute;
        /* bottom: -52%; */
        /* right: 43%; */
        left: 6%;
        top: 14%;
        /* height: 13%; */
        width: 30%;
        padding: 5px 5px 5px 5px;
        border-radius: 5px;
    }
    .hygeinebuild-logo {
        width: 45%;
    }
    .carousel-indicators [data-bs-target]{
        width: 7px;
        height: 7px;
        padding: 2px;
        border-radius: 100%;
        margin-bottom: -15px;
    }
    .slide-btn-primary, .slide-btn-primary:active {
        border-color: white;
        background: transparent !important;
        color: white !important;
        padding: 4px 15px;
    }
    .btn-cta-contact {
        display: inline-block;
        background: #25489b;
        color: #fff;
        right: -21px;
        top: 28%;
        font-size: 20px;
        font-size: 1.25rem;
        position: fixed;
        z-index: 999;
        display: inline-block;
        padding: 10px 30px 30px;
        float: left;
        transform: translate3d(0,0,0) rotate(-90deg);
        transform-origin: right bottom 0;
        transition: 0.9s;
    }
}

/* Mobile and Tablet view for screens up to 1024px */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
        
    .slider-img{
        /*height:auto;*/
        width: 100vw;
    }

    .slide-line1{
        text-shadow: rgba(0, 0, 0, 0.9) 1px 1px 2px;
        font-family: 'Assistant', sans-serif;
        font-weight: 500;
        font-size: 35px;
        line-height: 45px;
        transition: none 0s ease 0s;
        text-align: inherit;
        border-width: 0px;
        margin: 0px;
        padding: 0px;
        letter-spacing: 2px;
    }

    .slide-line2{
        text-shadow: rgba(0, 0, 0, 0.9) 1px 1px 2px;
        font-family: 'Assistant', sans-serif;
        font-weight: 300;
        font-size: 25px;
        line-height: 55px;
        transition: none 0s ease 0s;
        text-align: inherit;
        border-width: 0px;
        margin: 0px;
        padding: 0px;
        letter-spacing: 0px;
    }

    .carousel-text-left {
        top: 60%; /* Adjust this value for vertical positioning */
        transform: translateY(-50%);
        color: white; /* Text color */
        padding: 20px; /* Adjust as needed */
        position: absolute;
        right: 15%;
        bottom: 1.25rem;
        left: 50%;
    
        color: #fff;
        text-align: left;
    }
      .carousel-text-right{
        top: 60%; /* Adjust this value for vertical positioning */
        transform: translateY(-50%);
        color: white; /* Text color */
        padding: 20px; /* Adjust as needed */
        position: absolute;
        bottom: 1.25rem;
        left: 7%;
        color: #fff;
        text-align: left;
      }

      .hygeinebuild-logo{
        width: 25%;
      }
}


/* laptop view for screens up to 1024px to 1440px */
@media only screen and (min-width: 1024px) and (max-width: 1440px) {
        .navbar-nav .dropdown-menu {
    z-index: 5;
    background: #fff;
    border: none;
    border-radius: 0;
    padding: 15px 0;
    -webkit-box-shadow: 0 13px 25px -12px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 13px 25px -12px rgba(0, 0, 0, 0.25);
    box-shadow: 0 13px 25px -12px rgba(0, 0, 0, 0.25);
    left: 0;
    top: auto;
    border-top: 1px solid #efefef;
    margin-top: 12px;
    cursor: default;
}
    .slider-img{
        /*height:auto;*/
        width: 100vw;
    }

    .slide-line1{
        text-shadow: rgba(0, 0, 0, 0.9) 1px 1px 2px;
        font-family: 'Assistant', sans-serif;
        font-weight: 500;
        font-size: 35px;
        line-height: 45px;
        transition: none 0s ease 0s;
        text-align: inherit;
        border-width: 0px;
        margin: 0px;
        padding: 0px;
        letter-spacing: 2px;
    }

    .slide-line2{
        text-shadow: rgba(0, 0, 0, 0.9) 1px 1px 2px;
        font-family: 'Assistant', sans-serif;
        font-weight: 300;
        font-size: 25px;
        line-height: 55px;
        transition: none 0s ease 0s;
        text-align: inherit;
        border-width: 0px;
        margin: 0px;
        padding: 0px;
        letter-spacing: 0px;
    }

    .carousel-text-left {
        top: 60%; /* Adjust this value for vertical positioning */
        transform: translateY(-50%);
        color: white; /* Text color */
        padding: 20px; /* Adjust as needed */
        position: absolute;
        right: 15%;
        bottom: 1.25rem;
        left: 50%;
    
        color: #fff;
        text-align: left;
    }
      .carousel-text-right{
        top: 60%; /* Adjust this value for vertical positioning */
        transform: translateY(-50%);
        color: white; /* Text color */
        padding: 20px; /* Adjust as needed */
        position: absolute;
        bottom: 1.25rem;
        left: 7%;
        color: #fff;
        text-align: left;
      }

      .hygeinebuild-logo{
        width: 25%;
      }
}



/* desktopview for screens up to 1440px to 1760px */
@media only screen and (min-width: 1440px) and (max-width: 1760px){
    .navbar-nav .dropdown-menu {
    z-index: 5;
    background: #fff;
    border: none;
    border-radius: 0;
    padding: 0px 0;
    -webkit-box-shadow: 0 13px 25px -12px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 13px 25px -12px rgba(0, 0, 0, 0.25);
    box-shadow: 0 13px 25px -12px rgba(0, 0, 0, 0.25);
    /*/*left: 9rem;*/*/
    top: auto;
    border-top: 1px solid #efefef;
    margin-top: 0px;
    cursor: default;
}
    .slider-img{
        /*height:auto;*/
        width: 100vw;
    }
    .carousel-text-left {
        top: 61%; /* Adjust this value for vertical positioning */
        transform: translateY(-50%);
        color: white; /* Text color */
        padding: 20px; /* Adjust as needed */
        position: absolute;
        right: 15%;
        bottom: 1.25rem;
        left: 50%;

        color: #fff;
        text-align: left;
        }
        .carousel-text-right{
        top: 61%; /* Adjust this value for vertical positioning */
        transform: translateY(-50%);
        color: white; /* Text color */
        padding: 20px; /* Adjust as needed */
        position: absolute;
        bottom: 1.25rem;
        left: 8.5%;
        color: #fff;
        text-align: left;
    }

    .slide-line1{
        text-shadow: rgba(0, 0, 0, 0.9) 1px 1px 2px;
        font-family: 'Assistant', sans-serif;
        font-weight: 500;
        font-size: 40px;
        line-height: 45px;
        transition: none 0s ease 0s;
        text-align: inherit;
        border-width: 0px;
        margin: 0px;
        padding: 0px;
        letter-spacing: 2px;
    }

    .slide-line2{
        text-shadow: rgba(0, 0, 0, 0.9) 1px 1px 2px;
        font-family: 'Assistant', sans-serif;
        font-weight: 300;
        font-size: 30px;
        line-height: 40px;
        transition: none 0s ease 0s;
        text-align: inherit;
        border-width: 0px;
        margin: 0px;
        padding: 0px;
        letter-spacing: 0px;
    }
}


/* Desktop view for screens 1441px and above */
@media only screen and (min-width: 1441px) {
    .navbar-nav .dropdown-menu {
    z-index: 5;
    background: #fff;
    border: none;
    border-radius: 0;
    padding: 0px 0;
    -webkit-box-shadow: 0 13px 25px -12px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 13px 25px -12px rgba(0, 0, 0, 0.25);
    box-shadow: 0 13px 25px -12px rgba(0, 0, 0, 0.25);
    /*left: 6rem;*/
    top: auto;
    border-top: 1px solid #efefef;
    margin-top: 0px;
    cursor: default;
}
        
    .slider-img{
        /*height:auto;*/
        width: 100vw;
    }

    .carousel-text-left {
        top: 61%; /* Adjust this value for vertical positioning */
        transform: translateY(-50%);
        color: white; /* Text color */
        padding: 20px; /* Adjust as needed */
        position: absolute;
        right: 15%;
        bottom: 1.25rem;
        left: 50%;

        color: #fff;
        text-align: left;
        }
        .carousel-text-right{
        top: 61%; /* Adjust this value for vertical positioning */
        transform: translateY(-50%);
        color: white; /* Text color */
        padding: 20px; /* Adjust as needed */
        position: absolute;
        bottom: 1.25rem;
        left: 8.5%;
        color: #fff;
        text-align: left;
    }

    .slide-line1{
        text-shadow: rgba(0, 0, 0, 0.9) 1px 1px 2px;
        font-family: 'Assistant', sans-serif;
        font-weight: 500;
        font-size: 40px;
        line-height: 45px;
        transition: none 0s ease 0s;
        text-align: inherit;
        border-width: 0px;
        margin: 0px;
        padding: 0px;
        letter-spacing: 2px;
    }
    .slide-line2{
        text-shadow: rgba(0, 0, 0, 0.9) 1px 1px 2px;
        font-family: 'Assistant', sans-serif;
        font-weight: 300;
        font-size: 30px;
        line-height: 40px;
        transition: none 0s ease 0s;
        text-align: inherit;
        border-width: 0px;
        margin: 0px;
        padding: 0px;
        letter-spacing: 0px;
    }
}