/* Man hinh nho - vua */
@media only screen and (max-width: 767px){
    .featured-content>p{
        font-size: 1.5rem;
        margin-bottom: .25rem;
    }
    .featured-content>a{
        font-size: .75rem;
    }
    
    .carousel-control-prev-icon, .carousel-control-next-icon{
        transform: none;
    }

    .feedback-banner{
        /* background-color:lightyellow; */
        flex-direction: column;
        /* border: 3px solid lightgray; */
        border-radius: 10px;
    }

    .feedback-banner{
        /* background-image: url(./assets/images/cus_feedback-images/background.jpg); */
        height: 600px;
        /* width: 330px; */
        margin-left: 0px;
    }

    .feedback-content {
        text-align: justify;
        margin-top: 100px;
        margin-bottom: 5px;
        margin-left: 5px;
        margin-right: 5px;
        padding-right: 10px;
        padding-bottom: 10px;
        /* border-bottom: 1px solid lightgray; */
        /* border-right: 1px solid lightgray; */
        /* border-bottom-left-radius: 15%;
        border-bottom-right-radius: 10%;
        border-top-right-radius: 5%; */
        order: 2;
        text-align: center;
        font-size: 25px;
        font-weight: bold;
    }

    .feedback-content small{
        font-size: 10px;
        font-style: italic;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        color: gray;
        margin-left: 0px;
        margin-top: 10px;
    }

    .feedback-content p {
        margin-left: 15px;
        margin-right: 15px;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
        font-size: 20px;
        text-align: justify;
    }

    .feedback-img{
        text-align: center;
        width: 200px;
        height: 200px;
        border-radius: 50%;
        object-fit: contain;
        /* flex: 1; */
        margin-bottom: -100px;
        order: 1;
        text-align: center;
    }

    .feedback-img img {
        width: 150px;
        height: 150px;
        border-radius: 50%;
        margin-top: 30px;
        margin-bottom: 10px;
        margin-left: 15px;
    }

    .carousel-control-prev{
        position: absolute;
        left: 5px;
        /* top: -300px; */
    }
    
    .carousel-control-next{
        position: absolute;
        right: 5px;
        /* top: -300px; */
    }

    .carousel-control-prev-icon,
    .carousel-control-next-icon{
        position: relative;
    }

    .carousel-indicators{
        position: absolute;
        bottom: -15px;
    }

    .customer-feedback{
        height: 650px;
        margin-left: 10px;
    }

    #carouselExampleDark{
        height: 640px;
    }

    .open-blockquote-icon{
        font-size: 60px;
        margin-left: 15px;
    }

    .noti-header{
        /* font-size: 30px;
        font-weight: bold; */
        border-bottom: 3px solid lightgray;
        width: 100%;
        margin-bottom: 10px;
    }

    .noti-header-content{
        font-size: 20px;
        font-weight: bold;
        margin-left: 5px;
        color: gray;
    }

    .noti-content-img{
        width: 30px;
        height: 30px;
        margin-top: 10px;
        margin-left: -10px;
    }

    .noti-content-banner{
        text-align: center;
    }

    .noti-content{
        margin-top: -10px;
        margin-bottom: -10px;
    }

    .noti-content-content{
        margin-top: 5px;
        /* line-break: auto; */
    }

    .noti-content-content span{
        /* line-break: auto; */
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        display: block;
        width: 100%;
        font-size: 15px;
        font-weight: 600;
    }

    .noti-content-content p{
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        display: block;
        font-size: 10px;
    }

    .noti-footer{
        color: orange;
        font-size: 10px;
        font-weight: 600;
        text-align: center;
        margin-top: -10px;
        margin-bottom: -7px;
    }

    .noti{
        max-width: 100%;
    }
    
    .carousel-items .slick-next {
        right: -10px;
    }
    .carousel-items .slick-prev {
        left: -10px;
    }
}

/* 768
600
414 */

/* Man hinh trung */
@media only screen and (min-width: 768px) and (max-width: 995px) {
    .feedback-banner{
        /* background-color:lightyellow; */
        flex-direction: column;
    }

    .feedback-banner{
        /* background-image: url(./assets/images/cus_feedback-images/background.jpg); */
        height: 700px;
    }

    .feedback-content {
        text-align: justify;
        margin-top: 150px;
        margin-bottom: 5px;
        margin-left: 100px;
        margin-right: 100px;
        padding-right: 10px;
        padding-bottom: 10px;
        /* border-bottom: 1px solid lightgray; */
        /* border-right: 1px solid lightgray; */
        /* border-bottom-left-radius: 15%;
        border-bottom-right-radius: 10%;
        border-top-right-radius: 5%; */
        order: 2;
        text-align: center;
        font-size: 25px;
        font-weight: bold;
    }

    .feedback-content small{
        font-size: 15px;
        font-style: italic;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        color: gray;
        margin-left: 40px;
        margin-top: 20px;
    }

    .feedback-content p {
        margin-left: 50px;
        margin-right: 50px;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
        font-size: 35px;
        text-align: justify;
    }

    .feedback-img{
        text-align: center;
        width: 200px;
        height: 200px;
        border-radius: 50%;
        object-fit: contain;
        /* flex: 1; */
        margin-bottom: -100px;
        order: 1;
        text-align: center;
    }

    .feedback-img img {
        width: 200px;
        height: 200px;
        border-radius: 50%;
        margin-top: 30px;
        margin-bottom: 10px;
    }

    .carousel-control-prev{
        position: absolute;
        left: -40px;
        /* top: -300px; */
    }
    
    .carousel-control-next{
        position: absolute;
        right: -40px;
        /* top: -300px; */
    }

    .carousel-control-prev-icon,
    .carousel-control-next-icon{
        position: relative;
    }

    .carousel-indicators{
        position: absolute;
        bottom: -15px;
    }

    .customer-feedback{
        height: 700px;
    }

    #carouselExampleDark{
        height: 700px;
    }

    .open-blockquote-icon{
        font-size: 60px;
    }

    .featured-content>p{
        font-size: 3rem;
        margin-bottom: .25rem;
    }
    .featured-content>a{
        font-size: 1.5rem;
    }
    .slick-prev{
        transform: translateX(1rem)!important;
    }
    
    .slick-next{
        transform: translateX(-1rem)!important;
    }

    .noti-header{
        /* font-size: 30px;
        font-weight: bold; */
        border-bottom: 3px solid lightgray;
        width: 500px;
        margin-bottom: 10px;
    }

    .noti-header-content{
        font-size: 20px;
        font-weight: bold;
        margin-left: 10px;
        color: gray;
    }

    .noti-content-img{
        width: 40px;
        height: 40px;
        margin-top: 17px;
        margin-left: -5px;
    }

    .noti-content-banner{
        text-align: center;
    }

    .noti-content{
        margin-top: -10px;
        margin-bottom: -10px;
    }

    .noti-content-content{
        margin-top: 10px;
        /* line-break: auto; */
    }

    .noti-content-content span{
        /* line-break: auto; */
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        display: block;
        width: 100%;
        font-size: 20px;
        font-weight: 600;
    }

    .noti-content-content p{
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        display: block;
    }

    .noti-footer{
        color: orange;
        font-size: 15px;
        font-weight: 600;
        text-align: center;
        margin-top: -10px;
        margin-bottom: -7px;
    }
}

/* Man hinh lon 996->1500 */
@media only screen and (min-width: 996px) and (max-width: 1500px) {
    .feedback-banner{
        /* background-color:lightyellow; */
    }

    .feedback-banner{
        /* background-image: url(./assets/images/cus_feedback-images/background.jpg); */
        height: 430px;
    }

    .feedback-content {
        text-align: justify;
        margin-top: -50px;
        margin-bottom: 5px;
        margin-left: 40px;
        margin-right: 5px;
        /* font-size: 35px; */
        /* font-weight: bold; */
        padding-right: 10px;
        padding-bottom: 10px;
        /* border-bottom: 1px solid lightgray; */
        /* border-right: 1px solid lightgray; */
        /* border-bottom-left-radius: 15%;
        border-bottom-right-radius: 10%;
        border-top-right-radius: 5%; */
    }

    .feedback-content small{
        font-size: 15px;
        font-style: italic;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        color: gray;
        margin-left: 40px;
        margin-top: 20px;
    }

    .feedback-content p {
        margin-left: 60px;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
        font-size: 35px;
    }

    .feedback-img{
        text-align: center;
        width: 400px;
        height: 400px;
        border-radius: 50%;
        object-fit: contain;
        flex: 1;
        margin-bottom: -100px;
    }

    .feedback-img img {
        border-radius: 50%;
        width: 250px;
        height: 250px;
    }

    .carousel-control-prev{
        position: absolute;
        left: -60px;
        /* top: 60px; */
    }
    
    .carousel-control-next{
        position: absolute;
        right: -60px;
        /* top: 130px; */
    }

    .carousel-indicators{
        position: absolute;
        bottom: -15px;
    }

    .customer-feedback{
        height: 480px;
    }

    #carouselExampleDark{
        height: 480px;
    }

    .open-blockquote-icon{
        font-size: 60px;
    }
    #register-form{
        width: 50%!important;
    }
    
    .noti-header{
        /* font-size: 30px;
        font-weight: bold; */
        border-bottom: 3px solid lightgray;
        width: 500px;
        margin-bottom: 10px;
    }

    .noti-header-content{
        font-size: 20px;
        font-weight: bold;
        margin-left: 10px;
        color: gray;
    }

    .noti-content-img{
        width: 40px;
        height: 40px;
        margin-top: 17px;
        margin-left: -5px;
    }

    .noti-content-banner{
        text-align: center;
    }

    .noti-content{
        margin-top: -10px;
        margin-bottom: -10px;
    }

    .noti-content-content{
        margin-top: 10px;
        /* line-break: auto; */
    }

    .noti-content-content span{
        /* line-break: auto; */
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        display: block;
        width: 100%;
        font-size: 20px;
        font-weight: 600;
    }

    .noti-content-content p{
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        display: block;
    }

    .noti-footer{
        color: orange;
        font-size: 15px;
        font-weight: 600;
        text-align: center;
        margin-top: -10px;
        margin-bottom: -7px;
    }
}

/* Man hinh cuc lon >=1500px */
@media only screen and (min-width: 1500px) {
    .feedback-banner{
        /* background-color:lightyellow; */
    }

    .feedback-banner{
        /* background-image: url(./assets/images/cus_feedback-images/background.jpg); */
        height: 450px;
    }

    .feedback-content {
        text-align: justify;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: 60px;
        margin-right: 10px;
        /* font-size: 35px; */
        /* font-weight: bold; */
        padding-right: 20px;
        padding-bottom: 20px;
        /* border-bottom: 1px solid lightgray; */
        /* border-right: 1px solid lightgray; */
        /* border-bottom-left-radius: 15%;
        border-bottom-right-radius: 10%;
        border-top-right-radius: 5%; */
    }

    .feedback-content small{
        font-size: 25px;
        font-style: italic;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        color: gray;
        margin-left: 40px;
        margin-top: 20px;
    }

    .feedback-content p {
        margin-left: 80px;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
        font-size: 45px;
    }

    .feedback-img{
        text-align: center;
        width: 300px;
        height: 300px;
        border-radius: 50%;
        object-fit: contain;
        flex: 1;
        margin-top: -40px;
    }

    .feedback-img img {
        border-radius: 50%;
        width: 350px;
        height: 350px;
    }

    .carousel-control-prev{
        position: absolute;
        left: -90px;
        top: 50px;
    }
    
    .carousel-control-next{
        position: absolute;
        right: -90px;
        top: 50px;
    }

    .carousel-indicators{
        position: absolute;
        bottom: -15px;
    }

    .customer-feedback{
        height: 500px;
    }

    #carouselExampleDark{
        height: 500px;
    }

    .open-blockquote-icon{
        font-size: 100px;
    }
    #register-form{
        width: 50%!important;
    }
    
    .noti-header{
        /* font-size: 30px;
        font-weight: bold; */
        border-bottom: 4px solid lightgray;
        width: 100%px;
        margin-bottom: 10px;
    }

    .noti-header-content{
        font-size: 15px;
        font-weight: bold;
        margin-left: 10px;
        color: gray;
    }

    .noti-content-img{
        width: 40px;
        height: 40px;
        margin-top: 17px;
        margin-left: -5px;
    }

    .noti-content-banner{
        text-align: center;
    }

    .noti-content{
        margin-top: -10px;
        margin-bottom: -10px;
    }

    .noti-content-content{
        margin-top: 10px;
        /* line-break: auto; */
    }

    .noti-content-content span{
        /* line-break: auto; */
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        display: block;
        width: 100%;
        font-size: 20px;
        font-weight: 600;
    }

    .noti-content-content p{
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        display: block;
    }

    .noti-footer{
        color: orange;
        font-size: 15px;
        font-weight: 600;
        text-align: center;
        margin-top: -10px;
        margin-bottom: -7px;
    }
}