.slide-1{
    height: 100vh;
    background-image: url(../Images/banner/banner-2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.slide-2{
    height: 100vh;
    background-image: url(../Images/banner/banner-3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.absolute{
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: black;
    opacity: 0.5;
    z-index: 1;
    top:0;
    left: 0;
}

.content-3 .absolute:hover{
    cursor: pointer;
    opacity: 0.8;
}

.absolute-text{
    position: absolute;
    bottom:0;
    left:20px;
    font-size: 20px;
    color: #F9F9F9;
    opacity: 0.8;
    z-index: 1000;
}

.content-banner{
    padding: 15em 10em 20em 15em;
    width: 50%;
    z-index: 1000;
    position: relative;
}

.carousel-control-next, .carousel-control-prev{
    width: 10%;
}

.hr-border{
    border:1px solid white;
}

.text-design{
    font-size: 3em;
}

.carousel-inner p{
    color:#F9F9F9;
    opacity: 0.8;
}

.company-name{
    font-size: 35px;
    letter-spacing: 1px;
}

.text-desc{
    font-size: 16px;
}

.btn-product{
    border:1px solid white;
    margin-top: 25px;
}

.content-2 .text-design{
    font-size: 20px;
}

.content-2 .hr-border{
    border:1px solid black;
    width: 15%;
}

.content-2 p{
    color: black;
}

.content-2-topic{
    font-size: 40px;
}

.content-3-box{
    border-top: 2px solid black;
}

.box-image-content-3{
    position: relative;
    min-height: 200px;
}


@media screen and (max-width: 1800px) {
    .content-banner{
        padding: 10em 3em 20em 15em;
    }
}

@media screen and (max-width: 1600px) {
    .content-banner{
        padding: 10em 0 20em 15em;
    }

    .text-design{
        font-size: 2.5em;
    }

    .text-desc{
        font-size: 14px;
    }

    .company-name {
        font-size: 1.8em;
    }
}

@media screen and (max-width: 1000px){
    .content-banner{
        padding: 5em 0 20em 10em;
    }

    .company-name{
        font-size: 1.5em;
    }

    .text-desc{
        font-size: 13px;
    }

    .text-design{
        font-size: 2em;
    }

    .slide-1{
        height: 70vh;
    }

    .slide-2{
        height: 70vh;
    }
}

@media screen and (max-width: 768px){
    .content-banner{
        padding: 3em 8em 5em 10em;
        width: 100%;
    }

    .company-name{
        font-size: 2em;
    }

    .text-desc{
        font-size: 13px;
    }

    .content-2 .text-design{
        font-size: 30px;
    }
}

@media screen and (max-width: 550px){
    .content-banner{
        padding: 5em 3em 5em 3em;
        width: 100%;
    }

    .company-name{
        font-size: 1.5em;
    }

    .text-desc{
        font-size: 13px;
    }

    .text-design{
        font-size: 1.7em;
    }
}

@media screen and (max-width: 480px){
    .content-banner{
        padding: 5em 3em 5em 3em;
        width: 100%;
    }

    .company-name{
        font-size: 1.5em;
    }

    .text-desc{
        font-size: 13px;
    }

    .text-design{
        font-size: 1.7em;
    }

    .slide-1{
        height: 70vh;
    }
    
    .slide-2{
        height: 70vh;
    }

    .carousel-control-prev-icon{
        display: none;
    }

    .carousel-control-next-icon{
        display: none;
    }

    .content-2 .text-design{
        font-size: 15px;
    }

    .content-2-topic{
        font-size: 25px;
    }
}