

/* media screen and (max-width: 1366px)
---------------------------------------------------------------------- */
@media screen and (max-width:1366px) {
    .home-banner picture img {
        height: 90vh;
        object-fit: cover;
    }
    .home-section-five .content p {
        margin-block: 1rem 2rem;
    }
    .home-section-three .cus-height {
        
    }

}

@media screen and (max-width:1180px) {
    .home-section-three .cus-height {
      
    }
}



/* media screen and (max-width: 1024px)
---------------------------------------------------------------------- */
@media screen and (max-width:1024px) {
    .home-banner .btn-link {
        height: 1.65rem;
    }
    .home-banner .banner-heading {
        font: var(--text-36);
    }
    .home-section-three {
        padding-right: 4rem;
    }
    .home-banner picture img {
        height: 70vh;
    }
    .home-banner .banner-content{
        padding-block: 11%;
    }
    .menubar .submenu {
        padding: 4.5rem calc(var(--column-gap) * .2);
        left: calc(var(--column-gap) * -.2);
        /* left: -2rem; */
        width: 25rem;
    }
    .mobile_bottom_menu {
        display: none;
    }
    .home-section-five .content p {
        margin-block: 2rem 2rem;
    }
    .home-section-three .cus-height {
     
    }


}




/* media screen and (max-width: 980px)
---------------------------------------------------------------------- */
@media screen and (max-width:991px) {
    .mobile_bottom_menu {
        display: block;
    }
    .home-section-one {
        padding: 5rem 2rem;
    }
    .homeproduct_sec {
        padding: 6rem 3rem;
    }
    .home-section-three {
        padding: 5rem 3rem;
    }
    .home-section-three .nav-tabs {
        flex-direction: row;
        padding-right: 0rem;
        display: flex
;
    }
    .home-section-three .line {
    
        display: none;
    }
    .home-section-three .article-heading {
        margin-bottom: 2.5rem;
    }
    .home-section-three .left-content {
        padding-left: 2rem;
        padding-bottom: 4rem;
    }
    .home-section-three .left-content::after {
        position: absolute;
        left: auto;
        bottom: 0;
        top: -83px;
        right: 38rem;
    }
    .home-section-five .article-title{
        padding-left: 5rem;
    }
    .home-section-five .content p {
        padding-left: 5rem;
    }
    .home-section-five .btn-white{
        margin-left: 5rem;
    }
    .home-section-six .home-happening-wrapper {
        padding: 0 2rem;
    }
    .home-section-six .article-heading {
        padding-left: 4rem;
    }
    .home-section-four {
        padding-block: 0rem 6rem;
        padding-inline:3rem;
    }
    .home-section-five {
        padding: 0 1.9rem;
    }
    .contact-info {
        margin: 25rem 8rem 3rem;
    }
    figure.mobile-product img {
        width: 30%;
    }
    footer {
        margin-bottom: 5rem;
        padding: 2rem 4rem 4rem;
    }
    .home-banner picture img {
        height: 65vh;
    }
    .contact-info {
        margin: 25rem auto 3rem;
        width: 50%;
    }
    .contact-address::after {
        width: 17%;
    }
.home-section-three figure img{
    height: 70vh;
    object-fit: cover;
}
.home-section-three figure img {
    height: auto;
    object-fit: cover;
}
.home-section-three .cus-height {
    
}
.home-section-six {
    padding-top: 5rem;
}
    .mobile{
        display: block;
    }
    .home-banner picture img {
        height: 100vh;
    }
}

/* media screen and (max-width: 728px)
---------------------------------------------------------------------- */

@media screen and (max-width:728px) {
    .home-section-five {
        padding: 0;
    }
    .home-banner .banner-content {
        padding-block: 9%;
    }
    .home-banner .maxwidth {
        width: 100%;
        padding-inline: 0rem 4.5rem;
        display: flex
    ;
        position: relative;
        align-items: start;
        column-gap: 0.2rem;
        flex-wrap: wrap;
    }
    .home-banner .decorator{
        position: absolute;
        width: 1rem;
    height: 60%;
    }
    .home-banner .banner-heading {
        font-size: 2.5rem;
    }
    .home-banner .swiper-slide-active .banner-text {
        margin: 2rem 0 0 3rem;
        display: flex
    ;
    }
    .home-banner .btn-link{
        width: 1.75rem;
        height: 1.75rem;
    }
    .home-banner picture img {
        height: 100vh;
    }
    .home-section-three .left-content::after {
        right: 27rem;
        top: -72px;

    }
    .home-section-four .content {
        padding: 4rem;
        padding-left: 5rem;
    }
    .home-happening-wrapper li .thumb-info {
        flex-wrap: wrap;
    }
    .home-happening-wrapper time {
        margin-bottom: 1rem;
    }
    .home-section-one blockquote {
        font: var(--text-24);
        font-weight: 300;
        line-height: 32px;
    }
    .home-section-three .article-heading {
        margin-bottom: 1.5rem;
    }
    .home-section-three .left-content p{
        font: var(--text-14);
        margin: 2rem 0 0 0;
    }
    .home-section-three .nav-tabs .nav-link {
        padding: .8em 1.6em .8em 0;
    }
    .home-section-three .left-content {
        padding-left: 0rem;
    }
    .home-section-four p {
        max-width: 28rem;
        font: var(--text-14);
    }
    header .nav-left{
        width: 100%;
        text-align: center;
        display: flex
;
        justify-content: center;
        padding-right: 0;

    }
    .inner-header nav {
        --padding-block: 2.2rem;
    }
    .navbar-brand::after{
        display: none;
    }
    .home-section-five .content p {
      margin-block: 2rem 1rem;
    }
    .home-section-three .cus-height {
    
    }

}

/* media screen and (max-width: 640px)
---------------------------------------------------------------------- */
@media screen and (max-width:640px) {
    .home-banner picture img {
        height: 90vh;
    }
    .mobile-menu-list {
        padding: 9rem 0rem 0;
    }
    .home-happening-wrapper li .thumb-info {
        flex-wrap: nowrap;
    }
    .home-section-six .home-happening-wrapper {
        padding: 0;
    }
    .home-section-six .article-heading {
        padding-left: 0rem;
    }

    .nav-right {
        display: none;
    }
    header nav {
        padding-inline: 0;
    }
    header .nav-left{
        padding: 2rem 0 0 0;
    }
.header-sticky .nav-left{
    padding:0;
}


    .home-banner .banner-content {
        padding-block: 23%;
    }
    .home-banner .maxwidth {
        width: 100%;
        padding-inline: 0rem 4.5rem;
        display: flex
    ;
        position: relative;
        align-items: start;
        column-gap: 0.2rem;
        flex-wrap: wrap;
    }
    .home-banner .decorator{
        position: absolute;
        width: 1rem;
    height: 60%;
    }
    .home-banner .banner-heading {
        font-size: 2.5rem;
    }
    .home-banner .swiper-slide-active .banner-text {
        margin: 2rem 0 0 3rem;
        display: flex
    ;
    }
    .home-banner .btn-link{
        width: 1.75rem;
        height: 1.75rem;
    }

    .home-section-six .home-happening-wrapper {
        grid-gap: 3.5rem;

        display: flex
    ;
        flex-wrap: wrap;
    }
    .home-section-six {
        padding-top: 3.6rem;
        background: var(--color-prime);
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .home-section-six .article-title{
        color: #fff;
    }
    .home-section-six .after-el::after{
        background: #fff;
    }
    .home-happening-wrapper li:nth-child(2) {
        display: none;
    }
    .home-section-one {
        padding-left: 2rem;
        padding-right: 0rem;
        padding-block: 5rem;
    }
    .home-section-one .after-el::after {
        position: relative;
        left: -16rem;
        top: 3rem;
        bottom: 0;
    }
    .font-36 {
        font: var(--text-26);
    }
    .home-section-one blockquote {
        margin-bottom: 5.4rem;
        margin-top: 6rem;
        margin-right: 4rem;
        font-weight: 300;
    }
    .home-section-one .facts .col:nth-child(3) {
        display: none;
    }
    .home-section-one .facts .col:nth-child(4) {
        display: none;
    }
    .homeproduct_sec {
        padding-block: 5rem;

        padding-left: 2rem;
        padding-right: 2rem;
    }
    .home-section-three .left-content {
        display: none;
    }
    .left-content-new {
        display: block;
        padding: 3rem 3rem 0;
    }
    .home-section-three .nav-tabs {
        flex-direction: row;
        padding-right: 0rem;
        display: flex
;
    }
    .home-section-three {
        padding: 5rem 0rem;
    }
    .home-section-three .article-heading {
        margin-bottom: 2.5rem;
        padding-left: 2rem;
    }
    .home-section-three .nav-tabs .nav-link {
        padding: .8em .5em 3rem 0;
        padding-left: 2rem;
    }
    .home-section-three .nav-tabs .nav-link.active {
    color: var(--color-prime);
    background-color: inherit;
}
    .home-section-three .line{
        display: none;
    }
    .home-section-three .article-title{
        position: relative;
    }
    .home-section-three .article-title:after{
        content: '';
        margin-bottom: .3em;
        height: 1px;
        width: 6rem;
        background: var(--color-prime);
        display: block;
        margin-left: 0;
        position: absolute;
        left: 9rem;
        top: 4.4rem;
    }
    br{
        display: block;
      }
      .home-section-four .content {
        padding: 3rem;
        padding-left: 3rem;
    }
    .home-section-four ul li a {
        font-size: 1.4rem;
    }
    .home-section-five-content {
        display: block;
        padding: 4rem 3rem;

    }
      .home-section-five .content p {
        max-width: 75%;
        margin-block: 5rem 3rem;
        display: none;
    }
    .home-section-five .btn-white{
        display: none;
    }
    .home-section-five-content .btn-white{
        display: block;
      }
      .home-section-five-content .content p{
        max-width: 75%;
        margin-block: 5rem 3rem;
      }
      .home-section-four {
        padding-block: 0rem 0rem;
        padding-inline:0px;
    }
    .home-section-five .image-container img {
        height: 220px;
        object-fit: cover;
    }
    .home-section-five .article-title {
        padding: 0 0 0 3rem;
        font: var(--text-24);
font-weight: 800;
        line-height: 30px;
    }

    .home-section-five  .after-white::after{
        display:none;
    }
    .stats {
        padding-left: 3rem;
    }
    .homeproduct_sec  .after-el::after {
        left: 0;
        top: 0rem;
        bottom: 0;
    }
    .section_two_cption p {
        font: var(--text-14);
    }

.left-content-new p{
    font: var(--text-14);
    margin-bottom: 3rem;
}
.home-section-four p{
    font: var(--text-14);
}
.home-section-five .container{padding-inline:0;}
.home-section-five-content p{
    font: var(--text-14);
    margin-bottom: 3rem;
}
.desktop{
    display: none;
}

.home-section-six .container-fluid {
    --margin-top: 3.5rem;
}
.contact-info {
    margin: 16rem 4rem 3rem;
}
.contact-info {
    width: 80%;
    margin: 16rem 4rem 3rem;
}
.contact-address::after{
    width: 40%;
}
footer {
    padding: 2rem 2rem 4rem;
}
.home-section-three .cus-height {

}
.product_list>li>a{
    padding-block: 0px;
}
    
}


/* media screen and (max-width: 550px)
---------------------------------------------------------------------- */
@media screen and (max-width:550px) {}



/* media screen and (max-width: 480px)
---------------------------------------------------------------------- */
@media screen and (max-width:425px) {
    .home-section-one .after-el::after {
    position: inherit;
    margin-left: 2rem;
}
.home-section-one blockquote {
    margin-bottom: 3.4rem;
    margin-top: 0rem;
    margin-right: 4rem;
    font-weight: 300;
}
}



/* media screen and (max-width: 414px)
---------------------------------------------------------------------- */
@media screen and (max-width:375px) {
    .after-el::after {
    margin-left: 0rem;
}
}

/* media screen and (max-width: 320px)
---------------------------------------------------------------------- */
@media screen and (max-width: 320px) {
    .home-section-one {
    padding-left: 2rem;
    padding-right: 1rem;
    padding-block: 5rem;
}
    .home-section-one .after-el::after {
    position: static;
    left: 0;
    top: 3rem;
    bottom: 0;
}
.home-section-one blockquote {
    margin-bottom: 3rem;
    margin-top: 3rem;
    margin-right: 2rem;
    font-weight: 300;
}
    .home-section-three .nav-tabs .nav-link {
        padding-left: 0.4rem;
    }
    
    .home-section-one .facts {
    margin-top: 4rem;
}
}



@media(max-width:1599px){
    .home-happening-wrapper li .thumb-info {
        min-height: 12rem;
    }
}
@media(max-width:991px){
    .home-happening-wrapper li .thumb-info {
        min-height: 15rem;
    }
}
@media(max-width:767px){
    .home-section-six .home-happening-wrapper {
        grid-gap: 1.5rem;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
        padding: 0;
    }
    .home-section-six .home-happening-wrapper .happening-thumb {
        width: 100%;
    }
    .home-happening-wrapper li .thumb-info {
        flex-wrap: wrap;
    }
    .home-happening-wrapper li .thumb-info {
        min-height: auto;
    }
    .home-happening-wrapper li figure {
        margin-top: calc(var(--margin-top) * 0);
    }
    .home-section-six .container-fluid{
        --margin-top: 0;
        margin-top: 0;
    }
    .btn-group.w-fit {
        margin: 2rem 0 0 0;
    }
}
@media(max-width:640px){
    .home-section-six .home-happening-wrapper {
        grid-gap: 1.5rem;
    }

}