@media (max-width:320px){
    #work_environment .carousel-control-next-icon{width:40px; height:40px; background-image:url("../images/btn_orange_forward.svg");}
    #work_environment .carousel-control-prev-icon{width:40px; height:40px; background-image:url("../images/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){
}
@media (min-width:375px) and (max-width:413px){
    #work_environment .carousel-control-next-icon{width:40px; height:40px; background-image:url("../images/btn_orange_forward.svg");}
    #work_environment .carousel-control-prev-icon{width:40px; height:40px; background-image:url("../images/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);}
    #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){
    #work_environment .carousel-control-next-icon{width:40px; height:40px; background-image:url("../images/btn_orange_forward.svg");}
    #work_environment .carousel-control-prev-icon{width:40px; height:40px; background-image:url("../images/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);}
    #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: 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;}
    #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){
    .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);
    }
    #who_we_are .trinhnk_block_5 .content.content-right .textarea {
        margin-top: 3%;
    }
    .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;
    }
    #welcome .content{height:824px;}
    /* 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;}
}