.container {
    padding-left: 20px;
    padding-right: 20px;
}

@media (max-width:992px) {
    .container {
        width:100%;
    }

}
@media (max-width:768px) {
    .container {
        width:100%;
    }
    .breadcrumbs-wrap{
	    display:none
	}
    .header-mobile{
        display: flex !important;
         justify-content: space-between;
        padding: 0 15px;
        align-items: center;
    }
    .header-desk{
        display: none !important
    }
    .header{
        background: #FFB74D
    }
    .header-top{
        display: none
    }

    .main-menu{
        display: none
    }
    .logo img{
        height: 50px;
        width: auto
    }
    .btn-search-toggle{
        color: #fff;
    }
    .hidden-md{
        display: block !important
    }
    .bg-home{
        padding: 5% 0;
    }
    .services-home{
        gap: 30px;
        width: 100%
    }
    .bg-home .logo img{
        height: 80px;
    }
    .service-home .img{
        width: 150px;
        height: 150px;
    }
    .services-home-box{
        padding-top: 40px;
        gap: 30px;
    }
    .service-home{
        flex: 0 0 calc(33.33333% - 45px);
    }
    .back-service-home{
        left: 0;
        right: 0;
    }
    .services-home .info{
         flex-direction: column;
        gap: 10px;
                align-items: center;
    }
    .extra-content{
        width: 100%;
    }
    .box-gt .row{
        display: block
    }
    .box-gt .img-4-3{
        margin-top: 30px;
    }
    .vsc-box{
        margin: 0 auto;
        margin-bottom: 30px;
        width: 100%;
    }
    .block-box .subtitle{
        width: 100%;
        font-size: 1.1rem
    }
    .block-box .block-head h2{
        font-size: 1.7rem
    }
    .news-large{
        margin-bottom: 30px;
    }
    .box-reg{
        display: block;
        width: 100%
    }
    footer .zalo-qr img{
        width: 120px;
        height: auto;
    }

    .news-list h3{
        font-size: 1.1rem
    }
    .news-list .img{
        flex: 0 0 30%;
    }
    .bg-green, .bg-blue, .bg-pink, .bg-yellow, .bg-white{
        padding-top: 80px;

    }
    .divider svg{
        height: 40px;
    }
    .box-reg .content{
        text-align: center;
    }
    .bg-reg{
        padding: 60px 0
    }
    .social{
        justify-content: left;
    }
    .news-list{
        align-items: center
    }
}
@media (max-width:499px) {
    .nv-infodie {
        width:100%;
    }
    .services-home-box{
        padding-top: 40px;
        flex-direction: column;
        gap: 30px;
    }
    .news-list .des {
        display: none;
    }
    .block-box .block-head h2 {
        font-size: 1.5rem;
    }
    .box-reg h2{
        font-size: 1.5rem;
    }.bg-white {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .bg-green, .bg-blue, .bg-pink, .bg-yellow, .bg-white {
        padding-top: 50px;
        padding-bottom: 0;
    }
    .vsc-box .des{
        height: auto;
    }
    .bg-reg{
        padding: 30px 0
    }
    .services-home .info li{
        text-align: center
    }
}
@media (min-width:500px) and (max-width:991px) {
    
}
@media (min-width:500px) {
	.nv-infodie {
        width:500px;
        top: 100px;
        left: 0;
        right: 0;
    }
}
@media (min-height:500px) {
    .container {
        width:100%;
    }
    .nv-infodie {
        height:500px;
        top:5%;
    }
}
@media (min-width:768px) {
    .container {
        width:100%;
    }
    .services-home{
        gap: 30px;
        width: 100%
    }
}
@media (min-width:992px) {
    .container {
        width:100%;
        max-width:1220px;
    }
    .services-home{
        gap: 30px;
        width: 80%
    }
}
@media (min-width:1200px) {
    .container{
        width:1220px;
    }
}