@media(min-width: 320px) and (max-width: 768px){

    .navbar-brand{
        display: inline-block;
    }
    .triongle {
       display: none;
    }
    .triongle-front{
      display: none;
    }
    .first-banner{
        display: none;
    }
    .navbar{
        border: none;
        background-color: #fff;
        margin-top: 0px;
    }
    .logo{
        width: 60%;
    }
    .navbar-toggler{
        margin-left: 300px;
        margin-top: -52px;
    }
    .navbar-nav {
        margin-left: 10px !important;   
        margin-top: 0px;
    }
    .navbar-nav .nav-item a {
        font-size: 17px;
    }
    .navbar .container{
        margin-top: 10px;
    }
    .mobile{
        display: inline-block;
    }
    .mobile a {
        font-family: 'Metropolis', sans-serif;
        font-size: 17px;
        font-weight: 600;
        color: #2B7A0B!important;
        margin-left: 14px;
    }
    .large-desktop{
        display: none !important;
    }
    .carousel-indicators{
        margin-bottom: 0 !important;
    }
    .mobile-banner{
        display: inline-block !important;
    }
    /* second banner start from here */
    .Second-banner { 
        margin-top: 110px;
    }
    
    /* fourth banner start from here */
    .fourth-banner {
        width: 100%;
        height: 770px;
        position: absolute;
        margin-top: 297px;
        padding: 60px;
        background-color: #e6e7e8;
    }
    .fourth-banner h5 {
        font-size: 22px;
        margin-bottom: 10px;
    }
    .fourth-banner .col-lg-4{
        margin-bottom: 20px;
    }
    .fourth-banner .col-lg-8 h6 {
         font-size: 17px;
    }

    /* third banner start from here */

    .third-banner {
        width: 100%;
        height: 500px;
        position: absolute;
        margin-top: 1130px;
    }

    .third-banner h5 {
        font-size: 22px;
        margin-bottom: 20px;
    }
    .box {
        width: 397px;
        height: 260px; 
    }
    .box-text h5 {
        font-size: 18px;
    }
    .box-top {
        width: 395px;
        height: 192px;
        background-image: url(../images/rendering-2.jpg);
        background-size: 100% 192px;
    }
    .box-top-second {
        width: 396px;
        height: 185px;
        background-image: url(../images/aowc.jpg);
        background-size: 100% 185px;
    }

    /* fifth banner start from here */

    .fifth-banner {
        width: 100%;
        height: 460px;
        position: absolute;
        margin-top: 1810px;
        padding: 60px;
        background-image: url(../images/Slider/slider-2.jpg);
        background-size: 100% 454px;
        background-repeat: no-repeat;
        border-top: 3px solid #2B7A0B;
        border-bottom: 3px solid #2B7A0B;
    }
    .numbers {
        margin-top: 0px !important;
    }
    .counter {
        font-family: 'Metropolis', sans-serif;
        font-size: 28px;
        font-weight: 600;
      text-align: center;
        letter-spacing: 1px;
    }
    /* footer start from here */

    footer {
        width: 100%;
        height: 650px;
        margin-top: 2380px; 
    }

    .links p {
        font-size: 17px;
       }


/* rendering services page start from here */

.second-banner-rendering h5 {
    font-family: 'Metropolis', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #262626 !important;
    letter-spacing: 1px;
}
.second-banner-rendering {
    width: 100%;
    height: 1200px;
    position: absolute;
    margin-top: 230px;
}
.first-banner-rendering {
    width: 100%;
    height: 500px;
    position: absolute;
    margin-top: 90px;
}
.green {
    font-size: 17px;
}
.rendering-footer {
    width: 100%;
    height: 650px;
    position: absolute;
    background-color: #e6e7e8;
    padding: 50px;
    margin-top: 3180px !important;
}
.green-rendering {
    font-family: 'Milk And Honey', sans-serif;
    font-size: 17px;
    color: #186523;
}
.rendring-client h5{
    font-family: 'Metropolis', sans-serif;
    font-size: 19px;
    font-weight: 600;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 20px;
    letter-spacing: 1px;
    color: #186523 !important;
}

/* waste converter page start from here */
.first-banner-waste {
     margin-top: 93px;
}
.second-banner-waste {
    margin-top: 250px;
}
.waste-footer {
    height: 650px;
    margin-top: 5950px !important;
}

/* about us page start from here */

.first-banner-about {
    margin-top: 87px;
}
.second-banner-about {
    margin-top: 232px;
}
.second-banner-about h5 {
    margin-left: 8px;
    font-size: 16px;
}
.green-about {
  font-size: 18px;

}

.about-footer {
    width: 100%;
    height: 630px;
    margin-top: 1370px !important;
}

/* contact page start from here */

.first-banner-contact {
    width: 100%;
    margin-top: 90px;
}
.second-banner-contact {
    margin-top: 240px;
}
.second-banner-contact .col-lg-6{
    margin-bottom: 30px;
}
.contact-footer {
    width: 100%;
    height: 630px;
    margin-top: 1580px !important;
}
.second-banner-contact .col-lg-4 {
    text-align: left;
}

/* images page start from here */

.first-banner-images {
    margin-top: 93px;
}
.second-banner-images {
    margin-top: 260px;
}
.second-banner-images .col-lg-4 {
    margin-bottom: 20px;
}
.images-footer {
    width: 100%;
    height: 630px;
     margin-top: 1720px !important;
}
/* comming soon page start from here */

.first-banner-commingsoon {
    margin-top: 93px;
}
.second-banner-commingsoon {
    width: 100%;
    height: 200px;
    position: absolute;
    margin-top: 250px;
    text-align: center;
}
.commingsoon-footer {
    width: 100%;
    height: 650px;
    position: absolute;
    margin-top: 500px !important;
}

/* services-1 page start from here */
.first-banner-services-i {
    margin-top: 93px;
}
.second-banner-services-i {
    margin-top: 245px;
}
.green-services {
    font-size: 18px;
}
.second-banner-services-i h5 {
    font-size: 16px;
  }

  .services-i-footer {
    width: 100%;
    height: 650px;
    margin-top: 2530px !important;
}
.services-ii-footer {
    width: 100%;
    height: 650px;
    margin-top: 2140px !important;
}
.services-icon {
    width: 12%;
    margin-bottom: 10px;
}
.services-icon-second{
    width: 20%;
    
}






}

@media (min-width: 1281px){

    .navbar {
        margin-top: 99px;
    }
    .navbar-nav {
        margin-left: 260px !important;
    }
    /* .slider-heading h5 {
        margin-top: -410px; 
    } */
    .slider-heading p {
        margin-left: 575px;
    }
    .slider-heading-second h5 {
        /* margin-top: -422px; */
        margin-left: 145px;
    }
    .slider-heading-second p {
        margin-left: 127px;
    }
    .large-desktop{
        height: 400px !important;
    }

    /* internal pages */

    /* waste converter */

    .second-banner-waste {
     margin-top: 730px;
    }
    .waste-footer {
        margin-top: 2850px !important;
    }

    /* rendering services */

    .second-banner-rendering {
        margin-top: 720px;
    }
    .rendering-footer {
        margin-top: 2360px !important;
    }

    /* about page start from here */
    .second-banner-about {
              margin-top: 720px;
    }
    .about-footer {
        margin-top: 1880px !important;
    }
    .about-box {
        width: 441px;
        height: 350px;
       }
       .icon-text{
        margin-top: 20px;
       }

    /* why us page start from here */

    .second-banner-whyus {
            margin-top: 730px;
    }
    .whyus-footer {
        margin-top: 2080px !important;
    }
    /* contact page start from here */
    .second-banner-contact {
            margin-top: 740px;
    }
    .contact-footer {
        margin-top: 1740px !important;
    }
    .third-banner-contact {
        margin-top: 1130px;
    }

    /* images page start from here */
    .second-banner-images {
        margin-top: 730px;
    }
    .images-footer {
            margin-top: 1410px !important;
    }

    /* comming-soon page start from here */

    .second-banner-commingsoon {
        width: 100%;
        height: 250px;
        position: absolute;
        margin-top: 700px;
        text-align: center;
    }
    .commingsoon-footer {
               margin-top: 1070px !important;
    }

    /* services-1 start from here */
    .second-banner-services-i {
        width: 100%; 
        margin-top: 730px;
    }
    .services-i-footer {
        margin-top: 2660px !important;
    }
    .services-ii-footer {
        margin-top: 2250px !important;
    }
}