@import url(tilyss.css);

@media only screen and (min-width: 268px) and (max-width: 991px){
    .hero-area.big_ad {
        position: relative;
        z-index: 1;
        top: 112px;
    }
    .hero-area img{
        /* width: 100%;
        height: 610px; */
    }
    .hero-area.big_ad .button-container{
        position: absolute;
        top: 181px;
        left: 39px;
        /* width: 280px;
        height: 32px;
        margin-top: 430px; */
    }
    .hero-area.big_ad .button-container .left-button{
        width: 123px;
        height: 32px;
        text-align: center;
        line-height: 32px;
        color: white;
        background: rgba(91, 186, 65, 1);
    }
    .hero-area.big_ad .button-container .right-button{
        width: 123px;
        height: 32px;
        text-align: center;
        line-height: 32px;
        color: #70c745;
        position: relative;
        left: 150px;
        top: -32px;
        border: 2px solid rgba(123, 217, 98, 1);
        background: rgba(255, 255, 255, 1);
    } 

    .alazea-video-area{
        box-shadow: none;
        margin-bottom: 20px !important;
    } 
    .alazea-portfolio-area{
        background: linear-gradient(to bottom, rgba(91, 186, 65, 1) 50%, #f2f4f5 0);
    }
    .alazea-video-area{
        box-shadow: none;
    }
    video{
        width: 362px;
        height: 241px;
        position: relative;
        top: -32px;
    }
    .single_portfolio_item .portfolio-hover-overlay{
        background-color: rgba(0, 0, 0, 0.5);
    }
    /* .our-services-area{
        padding-top: 80px;
    } */
    .our-services-area .section-heading h2{
        margin-top: 100px;
    }
    .new-arrivals-products-area{
        padding-top: 60px;
    }
    .new-arrivals-products-area .section-heading h2{
        margin-top: -9px;
    }
    .company-profile-area img{
        /* max-width:366px; */
    }
    .company-profile-area .section-heading h2{
        font-size: 24px;
        margin-top: -10px;
    }
}
@media only screen and (min-width: 991px){
    .hero-area.big_ad{
        position: relative;
        z-index: 1;
        top: 112px;
    }
    .hero-area img{
        width: 100%;
        height: 1000px;
    }
    .hero-area.big_ad .button-container {
        position: absolute;
        top: 732px;
        left: 115px;
    }
    .hero-area.big_ad .button-container .left-button{
        width: 145px;
        height: 47px;
        text-align: center;
        line-height: 47px;
        color: white;
        background: rgba(91, 186, 65, 1);
    }
    .hero-area.big_ad .button-container .right-button{
        width: 145px;
        height: 47px;
        text-align: center;
        line-height: 47px;
        color: #70c745;
        position: relative;
        left: 182px;
        top: -47px;
        border: 2px solid rgba(123, 217, 98, 1);
        background: rgba(255, 255, 255, 1);
    }
    .our-services-area .section-heading h2{
        margin-top: 154px;
    } 
    .our-services-area .container .justify-content-center .col-lg-3{
        /* margin-left: 64px; */
        
    }
    .our-services-area .container .justify-content-center .col-lg-4{
        /* margin-left: 211px; */
    }
    .alazea-portfolio-area .carousel-control-prev{
        z-index: 20;
    }
    .alazea-portfolio-area .carousel-control-next{
        z-index: 20;
    }
    .alazea-portfolio-area .carousel-indicators{
        position: relative;
        margin-bottom: 0;
        margin-top: 10px;
    }
    .alazea-portfolio-area .carousel-indicators [data-bs-target]{
        width: 19px;
        height: 1px;
        border-radius: 146px;
        background:rgba(153, 153, 153, 1);
    }
    .alazea-portfolio-area .carousel-indicators .active{
        width: 19px;
        height: 1px;
        border-radius: 146px;
        background: rgba(20, 171, 81, 1);
    }
    .alazea-service-area{
        /* padding-left: 87px; */
        /* width: 621px; */
    }
    .single-service-area{
        /* margin-left: 35px; */
        /* width: 503px; */
        margin-bottom: 38px;
        margin-top: 36px;
    }
    .service-content{
        /* width: 430px; */
    }
    .service-content h5{
        font-family: 'SourceHanSansSC';
    }
    .alazea-video-area{
        box-shadow: none;
        /* margin-left: 96px; */
    } 
    video{
        width: 420px;
        height: 305px;
        position: relative;
        /* top: -5px; */
    } 
    .company-profile-area img{
        max-width:1800px;
    }
    .company-profile-area .section-heading h2{
        margin-top: 0;
    }
    .company-profile-area .container{
        /* width: 966px; */
        margin: 0 auto;
    }
    .new-arrivals-products-area .section-heading h2 {
        margin-top: 46px;
    }
}