@media (max-width:320px) {
    #work_environment .carousel-control-next-icon {
        width: 40px;
        height: 40px;
        background-image: url("/frontend/images/services_business_software/btn_orange_forward.svg");
    }

    #work_environment .carousel-control-prev-icon {
        width: 40px;
        height: 40px;
        background-image: url("/frontend/images/services_business_software/btn_orange_prev.svg");
    }

    .home-welcome .toh-welcome .social-share-button {
        margin-top: 0px;
    }

    .home-welcome .toh-welcome .social-share .icon>div {
        margin-top: 5px;
    }

    .menu-1 {
        display: none !important;
    }

    /* #welcome .content{height: 900px;} */
    /* #welcome .container-fluid::before{height:900px} */
    .btn-xem {
        display: none;
    }

    /* outsourcing */
    #outsourcing {
        overflow-x: hidden;
    }

    /* .cumtom-container ul {margin-left: -18px;margin-right: 20%;} */
    #outsourcing .text-content-2 {
        margin-right: 0px;
        margin-top: -50px;
    }

    #outsourcing .range-1 {
        height: 540px;
    }

    #outsourcing .range-2 {
        height: 70px;
    }

    #outsourcing .range-3 {
        height: 860px;
    }

    #recipeCarousel .carousel-inner .carousel-item.active,
    #recipeCarousel .carousel-inner .carousel-item-next,
    #recipeCarousel .carousel-inner .carousel-item-prev {
        display: flex;
    }

    #recipeCarousel .carousel-inner .carousel-item-right.active,
    #recipeCarousel .carousel-inner .carousel-item-next {
        transform: translateX(100%);
    }

    #recipeCarousel .carousel-inner .carousel-item-left.active,
    #recipeCarousel .carousel-inner .carousel-item-prev {
        transform: translateX(-100%)
    }

    #recipeCarousel .carousel-inner .carousel-item-right,
    #recipeCarousel .carousel-inner .carousel-item-left {
        transform: translateX(0);
    }

    #recipeCarousel {
        margin-left: 0%;
    }

    #welcome .content .intro-text {
        font-size: 15px;
    }

    .holder-content {
        left: 0px;
        background: #fff;
    }

    #outsourcing .text-content-2 img {
        width: 140px;
    }

    #outsourcing .cumtom-container {
        margin-left: -25px;
    }

    /* home */
    .btn-xem-recruitment {
        display: none;
    }

    #recruitment {
        margin-left: 0%;
    }

    #recruitment .carousel-inner .carousel-item.active,
    #recruitment .carousel-inner .carousel-item-next,
    #recruitment .carousel-inner .carousel-item-prev {
        display: flex;
    }

    #recruitment .carousel-inner .carousel-item-right.active,
    #recruitment .carousel-inner .carousel-item-next {
        transform: translateX(100%);
    }

    #recruitment .carousel-inner .carousel-item-left.active,
    #recruitment .carousel-inner .carousel-item-prev {
        transform: translateX(-100%)
    }

    #recruitment .carousel-inner .carousel-item-right,
    #recruitment .carousel-inner .carousel-item-left {
        transform: translateX(0);
    }

    .btn-xem-article {
        display: none;
    }

    #article {
        margin-left: 0%;
    }

    #article .carousel-inner .carousel-item.active,
    #article .carousel-inner .carousel-item-next,
    #article .carousel-inner .carousel-item-prev {
        display: flex;
    }

    #article .carousel-inner .carousel-item-right.active,
    #article .carousel-inner .carousel-item-next {
        transform: translateX(100%);
    }

    #article .carousel-inner .carousel-item-left.active,
    #article .carousel-inner .carousel-item-prev {
        transform: translateX(-100%)
    }

    #article .carousel-inner .carousel-item-right,
    #article .carousel-inner .carousel-item-left {
        transform: translateX(0);
    }

    /* enterprisesoftware */
    #enterprisesoftware .height-solution {
        height: 740px;
    }

    .content-android-exchange-mail {
        margin-left: 9%;
    }

    #enterprisesoftware .height-slide-main {
        height: 100px;
    }

    #enterprisesoftware .height-text-android {
        height: 0px;
    }

    #enterprisesoftware .height-text-barcode {
        height: 1250px;
    }

    .content-barcodelive {
        margin-left: 9%;
    }

    #androidMail {
        margin-left: -15px;
    }

    #androidMail .carousel-control-prev {
        margin-left: 15px;
    }

    #androidMail .carousel-control-next {
        margin-right: 15px;
    }

    #carouselBarcodelive {
        margin-left: -15px;
    }

    #carouselBarcodelive .carousel-control-prev {
        margin-left: 15px;
    }

    #carouselBarcodelive .carousel-control-next {
        margin-right: 15px;
    }

    #enterprisesoftware .btn-app-google-play img {
        width: 125px;
        margin-bottom: 10px;
    }

    #enterprisesoftware .btn-app-google-barcode img {
        width: 125px;
        margin-top: 10px;
    }

    #enterprisesoftware .style-link-barcodelive {
        margin-top: 1%;
    }

    #enterprisesoftware .link-barcodelive {
        height: 35px
    }

    #enterprisesoftware .style-link-barcodelive img {
        width: 30px;
    }

    #carouselBarcodelive .carousel-inner .carousel-item.active,
    #carouselBarcodelive .carousel-inner .carousel-item-next,
    #carouselBarcodelive .carousel-inner .carousel-item-prev {
        display: flex;
    }

    #carouselBarcodelive .carousel-inner .carousel-item-right.active,
    #carouselBarcodelive .carousel-inner .carousel-item-next {
        transform: translateX(50%);
    }

    #carouselBarcodelive .carousel-inner .carousel-item-left.active,
    #carouselBarcodelive .carousel-inner .carousel-item-prev {
        transform: translateX(-50%)
    }

    #carouselBarcodelive .carousel-inner .carousel-item-right,
    #carouselBarcodelive .carousel-inner .carousel-item-left {
        transform: translateX(0);
    }

    #androidMail .carousel-inner .carousel-item.active,
    #androidMail .carousel-inner .carousel-item-next,
    #androidMail .carousel-inner .carousel-item-prev {
        display: flex;
    }

    #androidMail .carousel-inner .carousel-item-right.active,
    #androidMail .carousel-inner .carousel-item-next {
        transform: translateX(50%);
    }

    #androidMail .carousel-inner .carousel-item-left.active,
    #androidMail .carousel-inner .carousel-item-prev {
        transform: translateX(-50%)
    }

    #androidMail .carousel-inner .carousel-item-right,
    #androidMail .carousel-inner .carousel-item-left {
        transform: translateX(0);
    }

    #enterprisesoftware .holder-content {
        left: -35px;
        background: #fff;
    }

    #enterprisesoftware .content-left {
        padding-left: 0px;
    }

    /* hardware */
    #hardware .range-1 {
        height: 400px;
    }

    #hardware .cumtom-container {
        margin-left: -25px;
    }

    /* phonenetwork */
    #phonenetwork .range-1 {
        height: 480px;
    }

    #phonenetwork .cumtom-container {
        margin-left: -25px;
    }

    /* remunerationpolicy */
    #remunerationpolicy .holder-content-1 {
        background: #fff;
    }

    #remunerationpolicy .text-remuneration {
        margin-top: 20px;
    }

    #remunerationpolicy .content-health {
        height: 2300px;
        margin-bottom: 5em;
    }

    #remunerationpolicy .training-develope {
        margin-top: 0%;
    }

    /* life */
    #recruitment-1 {
        height: 687px;
    }

    #life .environment {
        margin-top: 5%;
    }

    #life .holder-content-1 {
        height: 590px;
    }

    #life .training-develope {
        margin-top: 0%;
    }

    #life .holder-content-1 {
        background: #fff;
    }

    #life .text-range-1 {
        margin-top: 20px;
    }
}

@media (min-width:321px) and (max-width:375px) {
    .img-welcome {
        display: none;
    }
}

@media (min-width:375px) and (max-width:413px) {
    .intro-home {
        padding-top: 40px;
        padding-bottom: 50px;
    }

    .img-welcome {
        display: none;
    }

    .content-welcome {
        grid-template-columns: 100%;
    }

    .desc-welcome {
        top: calc(50% + 30px);
    }

    .content-header .menu .navbar-light {
        margin-top: 20px;
    }

    #work_environment .carousel-control-next-icon {
        width: 40px;
        height: 40px;
        background-image: url("/frontend/images/services_business_software/btn_orange_forward.svg");
    }

    #work_environment .carousel-control-prev-icon {
        width: 40px;
        height: 40px;
        background-image: url("/frontend/images/services_business_software/btn_orange_prev.svg");
    }

    .home-welcome .toh-welcome .social-share-button {
        margin-top: 0px;
    }

    .home-welcome .toh-welcome .social-share .icon>div {
        margin-top: 5px;
    }

    .menu-1 {
        display: none !important;
    }

    .has-search .clear-text-input {
        left: 85%;
    }

    .articles-search .list-articles-search .img-list-articles-search {
        height: auto;
    }

    #welcome .content {
        height: 650px;
    }

    .has-search input[name='search'] {
        padding-right: 55px;
    }

    .content-header .search {
        margin-top: 5%;
    }

    #welcome .container-fluid::before {
        min-height: 800px;
    }

    #homepage_why_toh .toh-criteria h4 {
        font-size: 22px;
    }

    #homepage_slider #recruitment .progress {
        margin-left: 5%;
    }

    #homepage_slider #article .progress {
        margin-left: 5%;
    }

    #recruitment .carousel-control-next {
        margin-right: -5%;
    }

    .carousel-control-next,
    .carousel-control-prev {
        width: 50%;
        display: none;
    }

    #recruitment .control-prev-next {
        margin-top: -20px;
    }

    #article .control-prev-next {
        margin-top: -20px;
    }

    #article .carousel-control-next {
        margin-right: -5%;
    }

    #recipeCarousel .progress {
        margin-left: 5%;
    }

    #recipeCarousel .control-prev-next {
        margin-top: -20px;
    }

    #recipeCarousel .carousel-control-next {
        margin-right: -5%;
    }

    #welcome .toh-welcome .mouse {
        bottom: 10px;
        left: 85%;
    }

    .intro-home .content::before {
        width: calc(100% + 340px);
    }

    #homepage_why_toh .content .row {
        margin-right: 10%;
    }

    .intro-home .block .content .textarea {
        padding-right: 0px;
    }

    #about .core-values .values-list-next {
        top: 78px;
    }

    #recipeCarousel .text-top-card h4 {
        font-size: 23px
    }

    /* #welcome .container-fluid::before{height:900px} */
    .btn-xem {
        display: none;
    }

    /* outsourcing */
    #outsourcing {
        overflow-x: hidden;
    }

    #outsourcing .padding-holder-banana {
        height: 0px;
    }

    /* .cumtom-container ul {margin-left: -18px;margin-right: 20%;} */
    #outsourcing .text-content-2 {
        margin-right: 0px;
        margin-top: 0px;
    }

    #outsourcing .range-1 {
        height: 0px;
    }

    #outsourcing .range-2 {
        height: 70px;
    }

    #outsourcing .range-3 {
        height: 0px;
    }

    #recipeCarousel .carousel-inner .carousel-item.active,
    #recipeCarousel .carousel-inner .carousel-item-next,
    #recipeCarousel .carousel-inner .carousel-item-prev {
        display: flex;
    }

    #recipeCarousel .carousel-inner .carousel-item-right.active,
    #recipeCarousel .carousel-inner .carousel-item-next {
        transform: translateX(100%);
    }

    #recipeCarousel .carousel-inner .carousel-item-left.active,
    #recipeCarousel .carousel-inner .carousel-item-prev {
        transform: translateX(-100%)
    }

    #recipeCarousel .carousel-inner .carousel-item-right,
    #recipeCarousel .carousel-inner .carousel-item-left {
        transform: translateX(0);
    }

    #recipeCarousel {
        margin-left: 0%;
    }

    #welcome .content .intro-text {
        font-size: 20px;
    }

    #outsourcing .holder-content {
        left: 0px;
        background: #fff;
        position: relative;
        top: 50px;
        padding: 0;
    }

    #outsourcing .text-content-2 img {
        width: 185px;
    }

    /* home */
    .btn-xem-recruitment {
        display: none;
    }

    #recruitment {
        margin-left: 0%;
    }

    #recruitment .carousel-inner .carousel-item.active,
    #recruitment .carousel-inner .carousel-item-next,
    #recruitment .carousel-inner .carousel-item-prev {
        display: flex;
    }

    #recruitment .carousel-inner .carousel-item-right.active,
    #recruitment .carousel-inner .carousel-item-next {
        transform: translateX(100%);
    }

    #recruitment .carousel-inner .carousel-item-left.active,
    #recruitment .carousel-inner .carousel-item-prev {
        transform: translateX(-100%)
    }

    #recruitment .carousel-inner .carousel-item-right,
    #recruitment .carousel-inner .carousel-item-left {
        transform: translateX(0);
    }

    .btn-xem-article {
        display: none;
    }

    #article {
        margin-left: 0%;
    }

    #article .carousel-inner .carousel-item.active,
    #article .carousel-inner .carousel-item-next,
    #article .carousel-inner .carousel-item-prev {
        display: flex;
    }

    #article .carousel-inner .carousel-item-right.active,
    #article .carousel-inner .carousel-item-next {
        transform: translateX(100%);
    }

    #article .carousel-inner .carousel-item-left.active,
    #article .carousel-inner .carousel-item-prev {
        transform: translateX(-100%)
    }

    #article .carousel-inner .carousel-item-right,
    #article .carousel-inner .carousel-item-left {
        transform: translateX(0);
    }

    /* enterprisesoftware */
    #enterprisesoftware {
        overflow-x: hidden;
    }

    #enterprisesoftware .height-solution {
        height: 0px;
    }

    .content-android-exchange-mail {
        margin-left: 5%;
    }

    #enterprisesoftware .height-slide-main {
        height: 100px;
    }

    #enterprisesoftware .height-text-android {
        height: 0px;
    }

    /* #enterprisesoftware .height-text-barcode {height: 1300px;} */
    .content-barcodelive {
        margin-left: 5%;
    }

    #androidMail {
        margin-left: -15px;
    }

    #androidMail .carousel-control-prev {
        margin-left: 15px;
    }

    #androidMail .carousel-control-next {
        margin-right: 15px;
    }

    #carouselBarcodelive {
        margin-left: -15px;
    }

    #carouselBarcodelive .carousel-control-prev {
        margin-left: 15px;
    }

    #carouselBarcodelive .carousel-control-next {
        margin-right: 15px;
    }

    #enterprisesoftware .btn-app-google-play img {
        width: 175px;
        margin-bottom: 10px;
    }

    #enterprisesoftware .btn-app-google-barcode img {
        width: 155px;
        margin-top: 10px;
    }

    #enterprisesoftware .style-link-barcodelive {
        margin-top: 1%;
    }

    #enterprisesoftware .link-barcodelive {
        height: 50px
    }

    #carouselBarcodelive .carousel-inner .carousel-item.active,
    #carouselBarcodelive .carousel-inner .carousel-item-next,
    #carouselBarcodelive .carousel-inner .carousel-item-prev {
        display: flex;
    }

    #carouselBarcodelive .carousel-inner .carousel-item-right.active,
    #carouselBarcodelive .carousel-inner .carousel-item-next {
        transform: translateX(50%);
    }

    #carouselBarcodelive .carousel-inner .carousel-item-left.active,
    #carouselBarcodelive .carousel-inner .carousel-item-prev {
        transform: translateX(-50%)
    }

    #carouselBarcodelive .carousel-inner .carousel-item-right,
    #carouselBarcodelive .carousel-inner .carousel-item-left {
        transform: translateX(0);
    }

    #androidMail .carousel-inner .carousel-item.active,
    #androidMail .carousel-inner .carousel-item-next,
    #androidMail .carousel-inner .carousel-item-prev {
        display: flex;
    }

    #androidMail .carousel-inner .carousel-item-right.active,
    #androidMail .carousel-inner .carousel-item-next {
        transform: translateX(50%);
    }

    #androidMail .carousel-inner .carousel-item-left.active,
    #androidMail .carousel-inner .carousel-item-prev {
        transform: translateX(-50%)
    }

    #androidMail .carousel-inner .carousel-item-right,
    #androidMail .carousel-inner .carousel-item-left {
        transform: translateX(0);
    }

    #enterprisesoftware .holder-content {
        left: -35px;
        background: #fff;
        position: relative;
        top: 50px;
        margin-right: -18%;
    }

    #enterprisesoftware .content-left {
        padding-left: 0px;
    }

    #enterprisesoftware .padding-holder-banana {
        height: 0px;
    }

    #enterprisesoftware .height-text-barcode {
        height: 0px;
    }

    /* hardware */
    #hardware .holder-content {
        left: 0px;
        background: #fff;
        position: relative;
        top: 50px;
        padding: 0;
    }

    #hardware .padding-holder-banana {
        height: 0px;
    }

    #hardware .range-1 {
        height: 0px;
    }

    /* phonenetwork */
    #phonenetwork .holder-content {
        left: 0px;
        background: #fff;
        position: relative;
        top: 50px;
        padding: 0;
    }

    #phonenetwork .padding-holder-banana {
        height: 0px;
    }

    #phonenetwork .range-1 {
        height: 0px;
    }

    /* remunerationpolicy */
    #remunerationpolicy .holder-content-1 {
        background: #fff;
    }

    #remunerationpolicy .text-remuneration {
        margin-top: 20px;
    }

    #remunerationpolicy .content-health {
        height: 2400px;
        margin-bottom: 5em;
    }

    #remunerationpolicy .training-develope {
        margin-top: 0%;
    }

    #remunerationpolicy .holder-content-1 {
        display: none
    }

    /* life */
    #recruitment-1 {
        height: 687px;
    }

    #life .environment {
        margin-top: 5%;
    }

    #life .holder-content-1 {
        height: 590px;
    }

    #life .training-develope {
        margin-top: 0%;
    }

    #life .holder-content-1 {
        background: #fff;
    }

    #life .text-range-1 {
        margin-top: 20px;
    }

    #life .carousel-control-prev {
        display: none
    }

    #life .carousel-control-next {
        display: none
    }

    #carouselLife .carousel-indicators {
        top: 75%;
    }

    #life .holder-content-1 {
        display: none
    }

    #whyJoinTOH .toh-career .slider-career {
        height: 400px;
    }

    .trinhnk_about_history .button-view {
        bottom: 30px;
        right: 35px;
    }

}

@media (min-width:414px) and (max-width:767px) {
    .intro-home {
        padding-top: 40px;
        padding-bottom: 50px;
    }

    .content-header .menu .navbar-light {
        margin-top: 20px;
    }

    .content-welcome {
        grid-template-columns: 100%;
    }

    .img-welcome {
        display: none;
    }

    .desc-welcome {
        top: calc(50% + 30px);
    }

    #work_environment .carousel-control-next-icon {
        width: 40px;
        height: 40px;
        background-image: url("/frontend/images/services_business_software/btn_orange_forward.svg");
    }

    #work_environment .carousel-control-prev-icon {
        width: 40px;
        height: 40px;
        background-image: url("/frontend/images/services_business_software/btn_orange_prev.svg");
    }

    .home-welcome .toh-welcome .social-share-button {
        margin-top: 0px;
    }

    .home-welcome .toh-welcome .social-share .icon>div {
        margin-top: 5px;
    }

    .menu-1 {
        display: none !important;
    }

    .has-search .clear-text-input {
        left: 85%;
    }

    .articles-search .list-articles-search .img-list-articles-search {
        height: auto;
    }

    #welcome .content {
        height: 650px;
    }

    .has-search input[name='search'] {
        padding-right: 55px;
    }

    .content-header .search {
        margin-top: 5%;
    }

    #welcome .container-fluid::before {
        min-height: 800px;
    }

    #homepage_why_toh .toh-criteria h4 {
        font-size: 22px;
    }

    #homepage_slider #recruitment .progress {
        margin-left: 5%;
    }

    #homepage_slider #article .progress {
        margin-left: 5%;
    }

    #recruitment .carousel-control-next {
        margin-right: -5%;
    }

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

    #recruitment .control-prev-next {
        margin-top: -20px;
    }

    #article .control-prev-next {
        margin-top: -20px;
    }

    #article .carousel-control-next {
        margin-right: -5%;
    }

    #recipeCarousel .progress {
        margin-left: 5%;
    }

    #recipeCarousel .control-prev-next {
        margin-top: -20px;
    }

    #recipeCarousel .carousel-control-next {
        margin-right: -5%;
    }

    #welcome .toh-welcome .mouse {
        bottom: 10px;
        left: 85%;
    }

    .intro-home .content::before {
        width: calc(100% + 340px);
    }

    .intro-home .block .content .textarea {
        padding-right: 5px;
        padding-left: 5px;
    }

    #about .core-values .values-list-next {
        top: 78px;
    }

    #recipeCarousel .text-top-card h4 {
        font-size: 23px
    }

    /* #welcome .container-fluid::before{height:900px} */
    .btn-xem {
        display: none;
    }

    /* outsourcing */
    #outsourcing {
        overflow-x: hidden;
    }

    #outsourcing .padding-holder-banana {
        height: 0px;
    }

    /* .cumtom-container ul {margin-left: -18px;margin-right: 20%;} */
    #outsourcing .text-content-2 {
        margin-right: 0px;
        margin-top: 0px;
    }

    #outsourcing .range-1 {
        height: 0px;
    }

    #outsourcing .range-2 {
        height: 70px;
    }

    #outsourcing .range-3 {
        height: 0px;
    }

    #recipeCarousel .carousel-inner .carousel-item.active,
    #recipeCarousel .carousel-inner .carousel-item-next,
    #recipeCarousel .carousel-inner .carousel-item-prev {
        display: flex;
    }

    #recipeCarousel .carousel-inner .carousel-item-right.active,
    #recipeCarousel .carousel-inner .carousel-item-next {
        transform: translateX(100%);
    }

    #recipeCarousel .carousel-inner .carousel-item-left.active,
    #recipeCarousel .carousel-inner .carousel-item-prev {
        transform: translateX(-100%)
    }

    #recipeCarousel .carousel-inner .carousel-item-right,
    #recipeCarousel .carousel-inner .carousel-item-left {
        transform: translateX(0);
    }

    #recipeCarousel {
        margin-left: 0%;
    }

    #welcome .content .intro-text {
        font-size: 20px;
    }

    #outsourcing .holder-content {
        left: 0px;
        background: #fff;
        position: relative;
        top: 50px;
        padding: 0;
    }

    #outsourcing .text-content-2 img {
        width: 185px;
    }

    /* home */
    .btn-xem-recruitment {
        display: none;
    }

    #recruitment {
        margin-left: 0%;
    }

    #recruitment .carousel-inner .carousel-item.active,
    #recruitment .carousel-inner .carousel-item-next,
    #recruitment .carousel-inner .carousel-item-prev {
        display: flex;
    }

    #recruitment .carousel-inner .carousel-item-right.active,
    #recruitment .carousel-inner .carousel-item-next {
        transform: translateX(100%);
    }

    #recruitment .carousel-inner .carousel-item-left.active,
    #recruitment .carousel-inner .carousel-item-prev {
        transform: translateX(-100%)
    }

    #recruitment .carousel-inner .carousel-item-right,
    #recruitment .carousel-inner .carousel-item-left {
        transform: translateX(0);
    }

    .btn-xem-article {
        display: none;
    }

    #article {
        margin-left: 0%;
    }

    #article .carousel-inner .carousel-item.active,
    #article .carousel-inner .carousel-item-next,
    #article .carousel-inner .carousel-item-prev {
        display: flex;
    }

    #article .carousel-inner .carousel-item-right.active,
    #article .carousel-inner .carousel-item-next {
        transform: translateX(100%);
    }

    #article .carousel-inner .carousel-item-left.active,
    #article .carousel-inner .carousel-item-prev {
        transform: translateX(-100%)
    }

    #article .carousel-inner .carousel-item-right,
    #article .carousel-inner .carousel-item-left {
        transform: translateX(0);
    }

    /* enterprisesoftware */
    #enterprisesoftware {
        overflow-x: hidden;
    }

    #enterprisesoftware .height-solution {
        height: 0px;
    }

    .content-android-exchange-mail {
        margin-left: 5%;
    }

    #enterprisesoftware .height-slide-main {
        height: 100px;
    }

    #enterprisesoftware .height-text-android {
        height: 0px;
    }

    /* #enterprisesoftware .height-text-barcode {height: 1300px;} */
    .content-barcodelive {
        margin-left: 5%;
    }

    #androidMail {
        margin-left: -15px;
    }

    #androidMail .carousel-control-prev {
        margin-left: 15px;
    }

    #androidMail .carousel-control-next {
        margin-right: 15px;
    }

    #carouselBarcodelive {
        margin-left: -15px;
    }

    #carouselBarcodelive .carousel-control-prev {
        margin-left: 15px;
    }

    #carouselBarcodelive .carousel-control-next {
        margin-right: 15px;
    }

    #enterprisesoftware .btn-app-google-play img {
        width: 175px;
        margin-bottom: 10px;
    }

    #enterprisesoftware .btn-app-google-barcode img {
        width: 155px;
        margin-top: 10px;
    }

    #enterprisesoftware .style-link-barcodelive {
        margin-top: 1%;
    }

    #enterprisesoftware .link-barcodelive {
        height: 50px
    }

    #carouselBarcodelive .carousel-inner .carousel-item.active,
    #carouselBarcodelive .carousel-inner .carousel-item-next,
    #carouselBarcodelive .carousel-inner .carousel-item-prev {
        display: flex;
    }

    #carouselBarcodelive .carousel-inner .carousel-item-right.active,
    #carouselBarcodelive .carousel-inner .carousel-item-next {
        transform: translateX(50%);
    }

    #carouselBarcodelive .carousel-inner .carousel-item-left.active,
    #carouselBarcodelive .carousel-inner .carousel-item-prev {
        transform: translateX(-50%)
    }

    #carouselBarcodelive .carousel-inner .carousel-item-right,
    #carouselBarcodelive .carousel-inner .carousel-item-left {
        transform: translateX(0);
    }

    #androidMail .carousel-inner .carousel-item.active,
    #androidMail .carousel-inner .carousel-item-next,
    #androidMail .carousel-inner .carousel-item-prev {
        display: flex;
    }

    #androidMail .carousel-inner .carousel-item-right.active,
    #androidMail .carousel-inner .carousel-item-next {
        transform: translateX(50%);
    }

    #androidMail .carousel-inner .carousel-item-left.active,
    #androidMail .carousel-inner .carousel-item-prev {
        transform: translateX(-50%)
    }

    #androidMail .carousel-inner .carousel-item-right,
    #androidMail .carousel-inner .carousel-item-left {
        transform: translateX(0);
    }

    #enterprisesoftware .holder-content {
        left: -35px;
        background: #fff;
        position: relative;
        top: 50px;
        margin-right: -18%;
    }

    #enterprisesoftware .content-left {
        padding-left: 0px;
    }

    #enterprisesoftware .padding-holder-banana {
        height: 0px;
    }

    #enterprisesoftware .height-text-barcode {
        height: 0px;
    }

    /* hardware */
    #hardware .holder-content {
        left: 0px;
        background: #fff;
        position: relative;
        top: 50px;
        padding: 0;
    }

    #hardware .padding-holder-banana {
        height: 0px;
    }

    #hardware .range-1 {
        height: 0px;
    }

    /* phonenetwork */
    #phonenetwork .holder-content {
        left: 0px;
        background: #fff;
        position: relative;
        top: 50px;
        padding: 0;
    }

    #phonenetwork .padding-holder-banana {
        height: 0px;
    }

    #phonenetwork .range-1 {
        height: 0px;
    }

    /* remunerationpolicy */
    #remunerationpolicy .holder-content-1 {
        background: #fff;
    }

    #remunerationpolicy .text-remuneration {
        margin-top: 20px;
    }

    #remunerationpolicy .content-health {
        height: 2250px;
        margin-bottom: 5em;
    }

    #remunerationpolicy .training-develope {
        margin-top: 0%;
    }

    #remunerationpolicy .holder-content-1 {
        display: none
    }

    /* life */
    #recruitment-1 {
        height: 687px;
    }

    #life .environment {
        margin-top: 5%;
    }

    #life .holder-content-1 {
        height: 590px;
    }

    #life .training-develope {
        margin-top: 0%;
    }

    #life .holder-content-1 {
        background: #fff;
    }

    #life .text-range-1 {
        margin-top: 20px;
    }

    #life .carousel-control-prev {
        display: none
    }

    #life .carousel-control-next {
        display: none
    }

    #carouselLife .carousel-indicators {
        top: 75%;
    }

    #life .holder-content-1 {
        display: none
    }

    #whyJoinTOH .toh-career .slider-career {
        height: 400px;
    }

    .trinhnk_about_history .button-view {
        bottom: 30px;
        right: 35px;
    }
}

@media (min-width:768px) and (max-width:992px) {
    .menu-1 {
        display: none !important;
    }

    .content-welcome {
        grid-template-columns: 100%;
    }

    #welcome .content {
        height: 1000px;
    }

    /* #welcome .container-fluid::before{height:1000px} */
    .btn-xem {
        display: none;
    }

    /* outsourcing */
    #outsourcing {
        overflow-x: hidden;
    }

    /* .cumtom-container ul {margin-left: -18px;margin-right: 20%;} */
    #outsourcing .text-content-2 {
        margin-right: 0px;
        margin-top: -50px;
    }

    #outsourcing .range-1 {
        height: 375px;
    }

    #outsourcing .range-2 {
        height: 70px;
    }

    #outsourcing .range-3 {
        height: 600px;
    }

    #recipeCarousel .carousel-inner .carousel-item.active,
    #recipeCarousel .carousel-inner .carousel-item-next,
    #recipeCarousel .carousel-inner .carousel-item-prev {
        display: flex;
    }

    #recipeCarousel .carousel-inner .carousel-item-right.active,
    #recipeCarousel .carousel-inner .carousel-item-next {
        transform: translateX(50%);
    }

    #recipeCarousel .carousel-inner .carousel-item-left.active,
    #recipeCarousel .carousel-inner .carousel-item-prev {
        transform: translateX(-50%)
    }

    #recipeCarousel .carousel-inner .carousel-item-right,
    #recipeCarousel .carousel-inner .carousel-item-left {
        transform: translateX(0);
    }

    #recipeCarousel {
        margin-left: 2%;
    }

    /* home */
    .btn-xem-recruitment {
        display: none;
    }

    #recruitment {
        margin-left: 2%;
    }

    #recruitment .carousel-inner .carousel-item.active,
    #recruitment .carousel-inner .carousel-item-next,
    #recruitment .carousel-inner .carousel-item-prev {
        display: flex;
    }

    #recruitment .carousel-inner .carousel-item-right.active,
    #recruitment .carousel-inner .carousel-item-next {
        transform: translateX(50%);
    }

    #recruitment .carousel-inner .carousel-item-left.active,
    #recruitment .carousel-inner .carousel-item-prev {
        transform: translateX(-50%)
    }

    #recruitment .carousel-inner .carousel-item-right,
    #recruitment .carousel-inner .carousel-item-left {
        transform: translateX(0);
    }

    /* home */
    .btn-xem-article {
        display: none;
    }

    #article {
        margin-left: 2%;
    }

    #article .carousel-inner .carousel-item.active,
    #article .carousel-inner .carousel-item-next,
    #article .carousel-inner .carousel-item-prev {
        display: flex;
    }

    #article .carousel-inner .carousel-item-right.active,
    #article .carousel-inner .carousel-item-next {
        transform: translateX(50%);
    }

    #article .carousel-inner .carousel-item-left.active,
    #article .carousel-inner .carousel-item-prev {
        transform: translateX(-50%)
    }

    #article .carousel-inner .carousel-item-right,
    #article .carousel-inner .carousel-item-left {
        transform: translateX(0);
    }

    /* enterprisesoftware */
    #enterprisesoftware .height-solution {
        height: 525px;
    }

    .content-android-exchange-mail {
        margin-left: 5%;
    }

    #enterprisesoftware .height-slide-main {
        height: 100px;
    }

    #enterprisesoftware .height-text-android {
        height: 0px;
    }

    #enterprisesoftware .height-text-barcode {
        height: 820px;
    }

    .content-barcodelive {
        margin-left: 5%;
    }

    #androidMail {
        margin-left: -15px;
    }

    #androidMail .carousel-control-prev {
        margin-left: 15px;
    }

    #androidMail .carousel-control-next {
        margin-right: 15px;
    }

    #carouselBarcodelive {
        margin-left: -15px;
    }

    #carouselBarcodelive .carousel-control-prev {
        margin-left: 15px;
    }

    #carouselBarcodelive .carousel-control-next {
        margin-right: 15px;
    }

    #enterprisesoftware .btn-app-google-play img {
        margin-bottom: 10px;
    }

    #enterprisesoftware .btn-app-google-barcode img {
        width: 175px;
        margin-top: 10px;
    }

    #enterprisesoftware .style-link-barcodelive {
        margin-top: 1%;
    }

    #enterprisesoftware .link-barcodelive {
        height: 50px
    }

    /* remunerationpolicy */
    #remunerationpolicy .training-develope {
        margin-top: 0%;
    }

    /* life */
    #recruitment-1 {
        height: 687px;
    }

    #life .environment {
        margin-top: 5%;
    }

    #life .holder-content-1 {
        height: 590px;
    }

    #life .training-develope {
        margin-top: 0%;
    }
}

@media (min-width:992px) and (max-width:1023px) {}

@media (min-width:1024px) and (max-width:1365px) {
    .menu-1 {
        display: none !important;
    }

    #suggestion ul {
        max-height: 77px;
    }

    #welcome .content {
        height: 515px;
    }

    #welcome .container-fluid::before {
        height: 652px
    }

    .intro-home .block .content .textarea {
        padding-right: 0px;
    }

    #mission .content .textarea {
        padding-right: 0px;
    }

    #about .mission .content .divider {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    #about .mission .content .block {
        margin-top: 0px;
    }

    #about nav.fixed-menu .midnightInner {
        left: -110px !important;
    }

    #welcome .toh-welcome .mouse {
        left: 94%;
    }

    #recruitment {
        margin-left: 7%;
    }

    #who_we_are {
        margin-top: 20px;
    }

    #about .fixed-menu {
        width: 250px;
    }

    .trinhnk_block_2 .block .content {
        margin-right: -15%;
        padding-right: 0px
    }

    #recipeCarousel h4 {
        font-size: 23px;
    }

    /* outsourcing */
    #outsourcing .text-content-2 {
        margin-right: -100px;
    }

    #outsourcing .text-content-2 img {
        width: 190px;
    }

    #recipeCarousel {
        margin-left: 8%;
    }

    .btn-xem {
        margin-top: -14%;
        margin-left: 72px;
    }

    .btn-xem-article {
        margin-top: -16%;
        margin-left: 4%;
    }

    .btn-xem-recruitment {
        margin-top: -16%;
        margin-left: 4%;
    }

    /* enterprisesoftware */
    #enterprisesoftware .content-android-exchange-mail .text {
        margin-left: -75px;
    }

    #enterprisesoftware .content-android-exchange-mail .text img {
        width: 190px;
    }

    #enterprisesoftware .content-barcodelive .text {
        margin-left: -75px;
    }

    #enterprisesoftware .content-barcodelive .text img {
        width: 190px;
    }

    #enterprisesoftware .height-solution {
        height: 400px;
    }

    #enterprisesoftware .btn-app-google-barcode .app_store_btn {
        margin-left: 50px;
        width: 118%;
    }

    .content-android-exchange-mail {
        margin-left: 21%;
    }

    #enterprisesoftware .height-slide-main {
        height: 100px;
    }

    /* #enterprisesoftware .height-text-android{height:100px;} */
    #enterprisesoftware .height-text-barcode {
        height: 870px;
    }

    .content-barcodelive {
        margin-left: 21%;
    }

    #androidMail .carousel-control-prev {
        margin-left: 15px;
    }

    #androidMail .carousel-control-next {
        margin-right: 14px;
    }

    #carouselBarcodelive .carousel-control-prev {
        margin-left: 12px;
    }

    #carouselBarcodelive .carousel-control-next {
        margin-right: 12px;
    }

    .card-content {
        min-height: 500px;
    }

    /* recruitment */
    #recruitment {
        height: 655px;
    }

    /* life */
    #recruitment-1 {
        height: 687px;
    }

    #life .environment {
        margin-top: 8%;
    }

    #life .holder-content-1 {
        height: 950px;
    }
}

@media (min-width:1300px) and (max-width:1365px) {
    .content-header {
        padding: 0px 4%;
    }

    #recruitment .card-content .text-top-card {
        min-height: 75px;
    }

    #recruitment .text-top-card h4 {
        font-size: 22px;
    }

    .intro-home .content::before {
        top: -142px;
        height: calc(100% + 265px);
    }

    #enterprisesoftware .bar-code .img-content img {
        margin-top: 120px;
    }

    #who_we_are .trinhnk_block_5 .content.content-right .textarea {
        margin-top: 0%;
    }

    .importance {
        margin-top: 1%;
    }

    #recruitment .card-body {
        min-height: 296px;
    }

    #recipeCarousel .card-body {
        min-height: 266px;
    }

    #welcome .banner-small {
        min-height: 345px !important;
    }

    #about .we-are {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    #about .core-values .core-values-slide h2 {
        margin-top: 38px;
    }

    #hardware .range-1 {
        height: 140px;
    }

    #phonenetwork .range-1 {
        height: 205px;
    }

    .training-develope {
        margin-top: 0%;
    }

    #work_environment .item-educate {
        margin-top: 55%;
    }

    .menu-1 {
        display: none !important;
    }

    #suggestion ul {
        max-height: 77px;
    }

    #welcome .content {
        min-height: 537px;
    }

    .intro-home .block .content .textarea {
        padding-right: 0px;
    }

    #mission .content .textarea {
        padding-right: 0px;
    }

    #about .mission .content .divider {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    #about .mission .content .block {
        margin-top: 0px;
    }

    #about nav.fixed-menu .midnightInner {
        left: -110px !important;
    }

    #welcome .toh-welcome .mouse {
        left: 94%;
    }

    #recruitment {
        margin-left: 6%;
    }

    #who_we_are {
        margin-top: 20px;
    }

    #about .fixed-menu {
        width: 250px;
    }

    #mobile_app .music-player #trinhnk_block_3 .textarea {
        margin-top: 10%;
    }

    #mobile_game .file-manager #trinhnk_block_3 .textarea {
        margin-top: 10%;
    }

    #mobile_game .fast-charge #trinhnk_block_3 .textarea {
        margin-top: 10%;
    }

    .trinhnk_block_2 .block .content {
        margin-right: -15%;
        padding-right: 0px
    }

    #recipeCarousel h4 {
        font-size: 23px;
    }

    /* outsourcing */
    #outsourcing .text-content-2 {
        margin-right: -100px;
    }

    #outsourcing .text-content-2 img {
        width: 190px;
    }

    #recipeCarousel {
        margin-left: 8%;
    }

    .btn-xem {
        margin-top: -13%;
        margin-left: 72px;
    }

    .btn-xem-article {
        margin-top: -12%;
        margin-left: 58px;
    }

    .btn-xem-recruitment {
        margin-top: -11%;
        margin-left: 45px;
    }

    /* enterprisesoftware */
    #enterprisesoftware .content-android-exchange-mail .text {
        margin-left: -75px;
    }

    #enterprisesoftware .content-android-exchange-mail .text img {
        width: 190px;
    }

    #enterprisesoftware .content-barcodelive .text {
        margin-left: -75px;
    }

    /* #enterprisesoftware .content-barcodelive .text img {width: 190px;} */

    #enterprisesoftware .height-solution {
        height: 475px;
    }

    /* #enterprisesoftware .btn-app-google-barcode img{width: 200px;} */

    .content-android-exchange-mail {
        margin-left: 21%;
    }

    #enterprisesoftware .height-slide-main {
        height: 100px;
    }

    /* #enterprisesoftware .height-text-android{height:100px;} */
    #enterprisesoftware .height-text-barcode {
        min-height: 970px;
    }

    .content-barcodelive {
        margin-left: 21%;
    }

    #androidMail .carousel-control-prev {
        margin-left: 15px;
    }

    #androidMail .carousel-control-next {
        margin-right: 14px;
    }

    #carouselBarcodelive .carousel-control-prev {
        margin-left: 12px;
    }

    #carouselBarcodelive .carousel-control-next {
        margin-right: 12px;
    }

    .card-content {
        min-height: 500px;
    }

    /* recruitment */
    #recruitment {
        height: 655px;
    }

    /* life */
    #recruitment-1 {
        height: 687px;
    }

    #life .environment {
        margin-top: 8%;
    }

    #life .holder-content-1 {
        height: 950px;
    }
}

@media (min-width:1366px) and (max-width:1835px) {
    .home-welcome .toh-welcome .main .differences {
        font-size: 22px;
    }

    .home-welcome .toh-welcome .main .each-product {
        font-size: 15px;
    }

    .box-btn-seemore a {
        font-size: 14px;
    }

    .homepage-section-1 .toh-we-are h3 {
        font-size: 20px;
    }

    .homepage-section-1 .toh-we-are .plain-text {
        font-size: 16px;
    }

    .toh-news .ground .title {
        font-size: 20px;
    }

    #welcome .content .intro-text {
        font-size: 90px;
    }

    #welcome .content h1 {
        font-size: 32px;
    }

    #welcome .content .plain-text {
        font-size: 26px;
    }

    .trinhnk_block_5 .plain-text {
        font-size: 18px;
    }

    #about h2 {
        font-size: 32px;
    }

    .text-skychat {
        margin-right: 100px;
    }

    .cus-mt-40 {
        margin-top: 40px;
    }

    .cus-mt-30 {
        margin-top: 40px;
    }

    .content-header {
        padding: 0px 4%;
    }

    #recruitment .card-content .text-top-card {
        min-height: 75px;
    }

    #recruitment .text-top-card h4 {
        font-size: 22px;
    }

    .intro-home .content::before {
        top: -142px;
        height: calc(100% + 265px);
    }

    .importance {
        margin-top: 1%;
    }

    #recruitment .card-body {
        min-height: 296px;
    }

    #recipeCarousel .card-body {
        min-height: 266px;
    }

    #welcome .banner-small {
        min-height: 345px !important;
    }

    #about .we-are {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    #about .core-values .core-values-slide h2 {
        margin-top: 38px;
    }

    .menu-1 {
        display: none !important;
    }

    #suggestion ul {
        max-height: 77px;
    }

    #welcome .content {
        min-height: 515px;
    }

    .intro-home .block .content .textarea {
        padding-right: 0px;
    }

    #mission .content .textarea {
        padding-right: 0px;
    }

    #about .mission .content .divider {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    #about .mission .content .block {
        margin-top: 0px;
    }

    #about nav.fixed-menu .midnightInner {
        left: -110px !important;
    }

    #welcome .toh-welcome .mouse {
        left: 94%;
    }

    #recruitment {
        margin-left: 6%;
    }

    #who_we_are {
        margin-top: 20px;
    }

    #about .fixed-menu {
        width: 250px;
    }

    #mobile_app .music-player #trinhnk_block_3 .textarea {
        margin-top: 10%;
    }

    #mobile_game .file-manager #trinhnk_block_3 .textarea {
        margin-top: 10%;
    }

    #mobile_game .fast-charge #trinhnk_block_3 .textarea {
        margin-top: 10%;
    }

    .trinhnk_block_2 .block .content {
        margin-right: -15%;
        padding-right: 0px
    }

    #recipeCarousel h4 {
        font-size: 23px;
    }

    /* outsourcing */
    #outsourcing .text-content-2 {
        margin-right: -100px;
    }

    #outsourcing .text-content-2 img {
        width: 190px;
    }

    #recipeCarousel {
        margin-left: 8%;
    }

    .btn-xem {
        margin-top: -13%;
        margin-left: 72px;
    }

    .btn-xem-article {
        margin-top: -12%;
        margin-left: 58px;
    }

    .btn-xem-recruitment {
        margin-top: -10%;
        margin-left: 45px;
    }

    /* enterprisesoftware */
    #enterprisesoftware .content-android-exchange-mail .text {
        margin-left: -75px;
    }

    #enterprisesoftware .content-android-exchange-mail .text img {
        width: 190px;
    }

    #enterprisesoftware .content-barcodelive .text {
        margin-left: -75px;
    }

    /* #enterprisesoftware .content-barcodelive .text img {width: 190px;} */

    #enterprisesoftware .height-solution {
        height: 475px;
    }

    /* #enterprisesoftware .btn-app-google-barcode img{width: 200px;} */

    .content-android-exchange-mail {
        margin-left: 21%;
    }

    #enterprisesoftware .height-slide-main {
        height: 100px;
    }

    /* #enterprisesoftware .height-text-android{height:100px;} */
    #enterprisesoftware .height-text-barcode {
        height: 870px;
    }

    .content-barcodelive {
        margin-left: 21%;
    }

    #androidMail .carousel-control-prev {
        margin-left: 15px;
    }

    #androidMail .carousel-control-next {
        margin-right: 14px;
    }

    #carouselBarcodelive .carousel-control-prev {
        margin-left: 12px;
    }

    #carouselBarcodelive .carousel-control-next {
        margin-right: 12px;
    }

    .card-content {
        min-height: 500px;
    }

    /* recruitment */
    #recruitment {
        height: 655px;
    }

    /* life */
    #recruitment-1 {
        height: 687px;
    }

    #life .environment {
        margin-top: 8%;
    }

    #life .holder-content-1 {
        height: 950px;
    }
}

@media (min-width:1920px) {
    .cus-mt-40 {
        margin-top: 40px;
    }

    .cus-mt-30 {
        margin-top: 30px;
    }

    /* outsourcing */
    /* .cumtom-container ul {margin-left: -18px;margin-right: 40%;} */
    #outsourcing .text-content-2 {
        margin-right: 82px;
        margin-top: 0px;
    }

    #outsourcing .text-content-2 img {
        width: auto;
    }

    #outsourcing .cumtom-container {
        margin-right: 10%;
    }

    #recipeCarousel {
        margin-left: 20%;
    }

    .btn-xem {
        margin-top: -10%;
        margin-left: 18%;
    }

    .btn-xem-article {
        margin-top: -9%;
        margin-left: 18%;
    }

    /* enterprisesoftware */
    #enterprisesoftware .height-solution {
        height: 440px;
    }

    .content-android-exchange-mail {
        margin-left: 21%;
    }

    #enterprisesoftware .height-slide-main {
        height: 100px;
    }

    /* #enterprisesoftware .height-text-android{height:100px;} */
    #enterprisesoftware .height-text-barcode {
        height: 805px;
    }

    .content-barcodelive {
        margin-left: 21%;
    }

    #androidMail .carousel-control-prev {
        margin-left: 12px;
    }

    #androidMail .carousel-control-next {
        margin-right: 12px;
    }

    #carouselBarcodelive .carousel-control-prev {
        margin-left: 12px;
    }

    #carouselBarcodelive .carousel-control-next {
        margin-right: 12px;
    }

    #ortherservices .card-content .card-text {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .card-content {
        min-height: 585px;
    }

    /* recruitment */
    #recruitment {
        height: 655px;
    }

    /* life */
    #recruitment-1 {
        height: 687px;
    }

    /* #life .environment {margin-top: 8%;} */
    #life .holder-content-1 {
        height: 780px;
    }
}