/* linh tinh */

.white-smoke {
    background-color: #dddddd;
}

.Recruitment-subject {
    color: #d3390a;
    font-size: 25px;
}

.captionSlideHome {
    position: absolute;
    right: 15%;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: left
}

.captionSlideP {
    position: absolute;
    right: 15%;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: left
}

.RecruitmentBox {
    height: 400px;
    overflow-x: hidden;
    overflow-y: auto;
}

.newsBox {
    height: 600px;
    overflow-x: hidden;
    overflow-y: auto;
}

.RecruitmentAll {
    height: 400px;
}

.newsAll {
    height: 600px;
}

.newsTitle {
    font-size: 14px;
}

.newsItem img {
    width: 116px;
}

.newsItem {
    width: 100%;
}

.RecruitmentItem {
    width: 100%;
}

.RecruitmentItem img {
    width: 100px;
}

.sanphamItem p {
    font-style: italic;
    font-size: 14px;
}

.sanphamItemP p {
    font-style: italic;
    font-size: 14px;
}

#mainimg {
    width: 100%;
}

#spnError {
    display: none;
}

.img-product {
    width: 260px;
}

.sanphamItem {
    width: 273px;
}

.img-productP {
    width: 226px;
}

.sanphamItemP {
    width: 226px;
}

.img-customers {
    width: 156px;
    height: 156px;
}

.customerItem {
    width: 171px;
}

#map {
    width: 600px;
    height: 350px;
}

#information {
    width: 300px;
}

#iconmap {
    display: none;
}

.news {
    width: 555px;
}

#order-spy {
    background-image: url('../img/order/ORDER.jpg');
    background-size: cover;
}

/* reponsive*/

@media (min-width: 384px) {
    .imgSlideHome {
        width: 100% !important;
        height: 110px !important;
        margin: 0 auto;
    }
    .imgSlideProducts {
        width: 100% !important;
        height: 150px !important;
        margin: 0 auto;
    }
}

@media (min-width: 480px) {
    .imgSlideHome {
        width: 100% !important;
        height: 160px !important;
        margin: 0 auto;
    }
    .imgSlideProducts {
        width: 100% !important;
        height: 150px !important;
        margin: 0 auto;
    }
}

@media (min-width: 640px) {
    .imgSlideHome {
        width: 100% !important;
        height: 210px !important;
        margin: 0 auto;
    }
    .imgSlideProducts {
        width: 100% !important;
        height: 150px !important;
        margin: 0 auto;
    }
}

@media (min-width: 768px) {
    .imgSlideHome {
        width: 100% !important;
        height: 180px !important;
        margin: 0 auto;
    }
    .imgSlideProducts {
        width: 100% !important;
        height: 150px !important;
        margin: 0 auto;
    }
    #slogan {
        width: 100%;
        height: 129px;
    }
}

@media (min-width: 960px) {
    .imgSlideHome {
        width: 100% !important;
        height: 280px !important;
        margin: 0 auto;
    }
    .imgSlideProducts {
        width: 100% !important;
        height: 150px !important;
        margin: 0 auto;
    }
    #slogan {
        width: 100%;
        height: 125px;
    }
}

@media (max-width: 960px) {
    #map {
        display: none;
    }
    #iconmap {
        display: block;
    }
}

@media (min-width: 1097px) {
    .imgSlideHome {
        width: 100% !important;
        height: 350px !important;
        margin: 0 auto;
    }
    .imgSlideProducts {
        width: 100% !important;
        height: 150px !important;
        margin: 0 auto;
    }
    #slogan {
        width: 100%;
        height: 125px;
    }
    .divleftMenu {
        overflow-x: hidden;
        overflow-y: auto;
        height: 552px;
    }
    .captionSlideHome {
        bottom: 190px;
    }
}

@media (min-width: 1280px) {
    .imgSlideHome {
        width: 100% !important;
        height: 440px !important;
        margin: 0 auto;
    }
    .imgSlideProducts {
        width: 100% !important;
        height: 240px !important;
        margin: 0 auto;
    }
    #slogan {
        width: 100%;
        height: 125px;
    }
    .divleftMenu {
        overflow-x: hidden;
        overflow-y: auto;
        height: 643px;
    }
    .captionSlideHome {
        bottom: 270px;
    }
    .captionSlideP {
        bottom: 80px;
    }
}

@media (min-width: 1536px) {
    .imgSlideHome {
        width: 100% !important;
        height: 500px !important;
        margin: 0 auto;
    }
    .imgSlideProducts {
        width: 100% !important;
        height: 300px !important;
        margin: 0 auto;
    }
    #slogan {
        width: 100%;
        height: 195px;
    }
    .divleftMenu {
        overflow-x: hidden;
        overflow-y: auto;
        height: 777px;
    }
    .captionSlideHome {
        bottom: 350px;
    }
    .captionSlideP {
        bottom: 160px;
    }
}

@media (min-width: 1745px) {
    .imgSlideHome {
        width: 100% !important;
        height: 550px !important;
        margin: 0 auto;
    }
    .imgSlideProducts {
        width: 100% !important;
        height: 350px !important;
        margin: 0 auto;
    }
    #slogan {
        width: 100%;
        height: 250px;
    }
    .divleftMenu {
        overflow-x: hidden;
        overflow-y: auto;
        height: 880px;
    }
    .captionSlideHome {
        bottom: 400px;
    }
    .captionSlideP {
        bottom: 210px;
    }
}

@media (min-width: 1920px) {
    .imgSlideHome {
        width: 100% !important;
        height: 600px !important;
        margin: 0 auto;
    }
    .imgSlideProducts {
        width: 100% !important;
        height: 400px !important;
        margin: 0 auto;
    }
    #slogan {
        width: 100%;
        height: 290px;
    }
    .divleftMenu {
        overflow-x: hidden;
        overflow-y: auto;
        height: 970px;
    }
    .captionSlideHome {
        bottom: 450px;
    }
    .captionSlideP {
        bottom: 250px;
    }
}