@media (max-width: 1200px){
    .block1-section .container{width: 960px;}
    .image-right .image-right1{padding-left: 30px;}
    .business-title{padding-top: 75px;}
    .quote-left{margin-top: 15px;}
    .block2-section .container{width: 960px;}
    .some-points .point1{padding-left: 45px;}
    .some-points .point3{padding-right: 40px;padding-left: 7px;}
    .some-points .point2{padding-left: 16px;}
    .block3-section .container{width: 960px;}
    .block4-section .container{width: 960px;}
    .block1.block2 button{margin-top: 32px !important;}
    .block5-section .container{width: 960px;}
    .block6-section .container{width: 960px;}
    .block7-section .container{width: 960px;}
    .navbar-static-top.nav-new .container{max-width: 100%;}
    .business-point{padding-left: 15px;}
    .some-points .detail-point p{margin-left: 0px;}
    .detail-point .point2-1{padding-left: 5px;}
    .detail-point .point3-1{padding-left: 0px;}
    .block2-section .quotes-business .note{width: 390px;}
    .block3-section .creative .content-quote{width: 241px;}
    .block3-section .choose-vlance .row-fluid .image-rgt img{margin-left: 15px;}
    .block3-section .section1 .creative{width: 48.9%;padding-left: 37px;}
    .block5-section .accomplishment{padding-left: 10px;}
    .block5-section .detail-accomplishment{margin-left: 0px !important;}
    .step-content.num2 p{margin-top: 47px;}
    .step-content.num4 p{margin-top: 47px;}
    .image-right-design .image-right1{margin-left: 254px;}
    .block7-section .form-advise{padding-left: 94px;}
    .image-category{margin-left: 0px;}

    /* Trang dich vu thiet ke */
    .main_content .container{width: 960px;}
    .block1-design .design-title{padding-top: 96px;}
    .bg-header .design-title p{width: 350px;}
    .bg-header .design-title h4{width: 343px;}
    .section1.row-fluid .commit-progress{width: 48.9%;}
    .section1 .creative{width: 48.9%;padding-left: 10px;}
    .section2 .report{padding-left: 10px;}
    .detail-accomplishment .num2{padding-left: 23px;}
    .detail-accomplishment .num3{padding-left: 40px;}
    .detail-accomplishment .num4{padding-left: 40px;}
    .block-step1 .step-content p{width: auto;}
    .block-step1 .step-content.num2 p{margin-top: 20px;}
    .block-step1 .step-content.num4 p{margin-top: 20px;}
    .report .content-quote p{margin-top: 42px;}
    .service-business ul li:last-child{width: 110px;}
    .creative .content-quote, .report .content-quote{width: 242px;}
    .banner .content{margin-left: 0px !important;}
    .banner.marketing{padding-top: 70px;height: auto !important;}
    .banner .small-rectangle, .sd2 .big-rectangle{margin-left: 100px !important;}
    .service-design .sd2{display: flex;}
    .sd2 .banner{padding: 22px !important;}
    .banner.ads, .banner.lp{margin-right: 5px;}

    /* Trang dich vu viet bai */
    .block1-writting .bg-header .design-title{padding-top: 76px;}
    .block3-writting .content-quote p{width: auto;}
    .block3-writting .choose-vlance .row-fluid .image-rgt img{margin-left: 84px;}
    .block4-writting .detail-accomplishment .num2{padding-left: 20px;}
    .block4-writting .detail-accomplishment .num3{padding-left: 30px;}
    .block4-writting .detail-accomplishment .num4{padding-left: 23px;}
    .block2-writting .choose-vlance .row-fluid .image-rgt{margin-left: 0px;}
    .sd2 .banner h4{margin-left: 0px !important;}
    .block1-writting .service-design .quote-left{margin-right: 10px;}

}

@media (max-width: 976px){
    .navbar-static-top.display-desktop{display: none;}
    .nav-new.display-mobile{display: block;width: 100%;}
    .image-right .image-right1{padding-left: 0px;}
    .some-points .point1{padding-left: 40px;}
    .some-points .point2{padding-left: 0px;}
    .some-points .point3{padding-left: 20px;padding-right: 0px;}
    .detail-accomplishment.num1{width: auto;}
    .register-business{padding-left: 10px;}
    .form-advise{padding-left: 30px;}
    .form-advise input{width: 290px !important;}
    .form-advise button{width: 315px !important;}
    .some-points{padding-left: 0px;}
    .some-points .detail-point p{width: 118px;}
    .block2-section .choose-vlance .row-fluid .image-rgt{margin-left: 0px;}
    .block3-section .choose-vlance .quotes-business{padding-left: 5px;}
    .block3-section .quotes-business h4{width: auto;}
    .block3-section .choose-vlance .row-fluid .image-rgt img{margin-left: 0px;}
    .block3-section .creative .content-quote{width: 167px;}
    .block3-section .quotes-business .section1 h4{width: auto;}
    .block3-section .quotes-business .section2 h4{width: auto;}
    .block3-section .commit-progress .content-quote p{margin-top: 42px;}
    .block1-section .bg-header .design-title h4{width: 410px;}
    .block2-section .quotes-business .note{width: auto;}
    .block7-section .register-business{padding-left: 10px;}
    .block7-section .form-advise{padding-left: 0px;}
    .image-category{margin-left: 0px;}
    .image-category .block1{margin-left: 5px !important;}
    .block3-section .list-client{padding-left: 0px;}

    /* Trang dich vu thiet ke */
    .image-right-design .image-design{margin-left: 240px;}
    .main_content .container{width: 100%;}
    .banner.lp .content{margin-top: 18px !important;}
    .detail-accomplishment .num4{padding-left: 0px;}
    .detail-accomplishment .num3{padding-left: 11px;}
    .steps-business .block-step1{margin-left: 15px;}
    .creative .content-quote{width: auto;}
    .report .content-quote{width: auto;}
    .banner .content{width: auto !important}
    .banner.ads, .banner.lp{margin-right: 20px;}
    .banner.marketing{padding-bottom: 0px !important;}
    .block3-design .category-design .category{width: 70%;}

    /* Trang dich vu viet bai */
    .block1-writting .banner.lp .content{margin-top: 30px !important;}
    .block1-writting .service-design .quote-left{margin-right: 0px;}
    .block3-writting .choose-vlance .row-fluid .image-rgt{margin-left: 22px;}
    .block3-writting .section1 .creative{padding-left: 0px;}
    .block3-writting .section2 .report{padding-left: 0px !important;}
    .step-content.num4 p{padding-right: 10px;}
    .block1-writting .service-design .quote-left{margin-top: 0px;padding-right: 30px;}
    .block1-writting .bg-header .design-title p{width: 368px;}
    .block6-writting .form-advise{padding-left: 35px;}
    .block1-writting.top-bg-section{padding-left: 30px;}
    .block2-writting{padding-left: 30px;padding-right: 30px;}
    .banner .small-rectangle, .sd2 .big-rectangle{margin-left: 120px !important;}
    .block3-writting{padding-left: 30px;padding-right: 30px;}
    .block4-writting{padding-left: 30px;padding-right: 30px;}
    .block5-writting{padding-left: 30px;padding-right: 30px;}
    .block6-writting{padding-left: 30px;padding-right: 30px;}
    .navbar-static-top.nav-new{min-height: 50px !important;}
    .service-design .title{width: 400px;}
    .detail-accomplishment h3{font-size: 69px !important;}
    .block3-writting .client-vlance{margin-left: 0px;}
    .block3-writting .choose-vlance .row-fluid .image-rgt img{margin-left: 36px;}
    .block1-writting .image-right-design .image-design{margin-left: 270px;}
    .block3-writting .report .content-quote p{margin-top: 0px;}
    .block4-writting .detail-accomplishment .num4{padding-left: 0px;}
    .block4-writting .detail-accomplishment .num3{padding-left: 5px;}
    .service-design .sd2{flex-wrap: wrap;justify-content: center;}
}

@media (max-width: 768px){
    .block1-section.top-bg-section{height: auto;background-position: bottom;padding-left: 30px;padding-right: 30px;}
    .bg-header .container{flex-wrap: wrap;}
    .block1-section .bg-header .design-title {width: 100%;padding-top: 60px;padding-left: 0px;}
    .bg-header .image-right-design{padding-top: 56px;width: 100% !important;}
    .block1-section .bg-header .design-title h4{width: auto;}
    .quote-left{width: auto;}
    .bg-header .design-title p{width: auto !important;}
    .image-right-design .image-right1{margin-left: 0px;}
    .business-title.span4{width: 60%;}
    .block2-section{padding-left: 30px;padding-right: 30px;}
    .block2-section .choose-vlance{flex-wrap: wrap;}
    .block2-section .choose-vlance .quotes-business{width: 100%;margin-left: 0px;}
    .choose-vlance .row-fluid .image-rgt{width: 100%;margin-top: 40px;margin: auto;text-align: center;}
    .business-point{flex-wrap: wrap;}
    .traditional-business{padding-left: 10px;}
    .traditional-business.span3{width: 100%;}
    .some-points.span9{width: 100%;}
    .some-points{padding-left: 0px;}
    .some-points .point1{padding-left: 0px;}
    .some-points .detail-point{width: 100%;margin-bottom: 25px;margin-left: 0px !important;}
    .some-points .detail-point p{margin-left: 30px;margin-top: 20px;}
    .detail-point .point1-1, .detail-point .point2-1, .some-points .point3{margin: auto;padding-left: 0px;}
    .detail-point .point1, .detail-point .point2, .detail-point .point3-1{width: auto;}
    .quotes-business .button{text-align: center;}
    .block3-section .commit-progress .content-quote p{margin-top: 0px;}
    .report .content-quote p{margin-top: 0px;}
    .block3-section .choose-vlance .quotes-business{width: 100%;padding-bottom: 65px;}
    .block3-section{padding-left: 30px;padding-right: 30px;}
    .block3-section .creative .content-quote{width: auto;}
    .block3-section .section1 .creative{padding-left: 0px;}
    .block3-section .section2 .report{padding-left: 0px;}
    .block4-section{padding-left: 30px;padding-right: 30px;padding-bottom: 50px;}
    .image-category{display: flex;flex-wrap: wrap;justify-content: center;}
    .image-category .block1{width: 45%;margin-left: 30px !important;margin-bottom: 45px;}
    .block1.block2 button{margin-top: 8px !important;}
    .some-points .point2-1{padding-right: 0px;margin-left: 3px;}
    .some-points{padding-left: 5px;}
    .list-client span{margin-right: 5px;}
    .list-client img{margin-bottom: 10px;}
    .block1.block2 .block1-quote a{margin-top: 11px;}
    .form-advise input{width: 100% !important;}
    .form-advise button{width: 100% !important;}
    .quote-right{padding: 0px 3px;}
    .block5-section{padding-left: 30px;padding-right: 30px;padding-bottom: 38px;}
    .accomplishment{padding-left: 0px;width: 40% !important;}
    .detail-accomplishment .num2{width: 50%;padding-left: 95px;padding-top: 15px;}
    .detail-accomplishment .num3{width: 40%;padding-left: 0px;margin-left: 0px;}
    .detail-accomplishment .num4{width: 55%;padding-left: 70px;}
    .detail-accomplishment.span10{display: contents;}
    .block5-section .container{padding: 0px;}
    .block5-section .span10{margin-left: 30px;}
    .block6-section{padding-bottom: 100px;padding-left: 30px;padding-right: 30px;}
    .steps-business{display: flex;flex-wrap: wrap;justify-content: center;}
    .block6-section .step-title{padding-left: 0px;}

    .register-business{padding-left: 10px;}
    .form-advise {padding-left: 15px;}
    .navbar-static-top.nav-new{min-height: 50px !important;}
    .some-points .detail-point p{width: auto;}
    .block3-section .choose-vlance .row-fluid .image-rgt{margin-left: 0px;}
    .step-number{margin-left: 10px;}
    .step-content{padding-left: 10px;}
    .block7-section{padding-left: 30px;padding-right: 30px;}
    .register-business.span6{width: 100%;padding-left: 5px;}
    .form-advise{padding-top: 65px;padding-left: 0px;width: 100% !important;}
    .register-business p{width: auto;}
    .block7-section .form-advise{padding-top: 55px;}

    /* Trang dich vu thiet ke */
    .block1-design{padding-left: 30px;padding-right: 30px;}
    .bg-header .design-title{width: 100%;}
    .bg-header .image-design{margin-left: 0px;}
    .block1-design .design-title{padding-top: 60px;}
    .block2-design{padding-left: 30px;padding-right: 30px;}
    .block3-design{padding-left: 30px;padding-right: 30px;}
    .service-design .sd1{flex-wrap: wrap;}
    .bg-header .design-title h4{font-size: 30px;line-height: 40px;width: auto;}
    .service-design .title h3{font-size: 25px;line-height: 35px;}
    .sd2 .banner.marketing{left: 0%;}
    .detail-accomplishment{margin-right: 0px;width: 82% !important;}
    .detail-accomplishment h3{font-size: 64px !important;line-height: 87px;}
    .section1.row-fluid .commit-progress{padding-right: 12px;}
    .steps-business .block-step1{margin-right: 15px;width: 45%;margin-bottom: 25px;margin-left: 0px;}
    .service-design .watch-more{left: 25%;margin-top: 30px;}
    .banner.ads, .banner.lp{margin-right: 4px;}
    .banner.marketing{padding-bottom: 48px !important;}
    .banner.lp{padding-bottom: 48px !important;}
    .choose-vlance .quotes-business{width: 100%;margin-left: 0px;}
    .block4-design{padding-left: 30px;padding-right: 30px;}
    .block5-design{padding-left: 30px;padding-right: 30px;}
    .block6-design{padding-left: 30px;padding-right: 30px;}
    .list-client{display: flex;justify-content: center;}
    .block3-design .category-design .category{width: 100%;}

    /* Trang dich vu viet bai */
    .block1-writting{padding-left: 30px;padding-right: 30px;}
    .block1-writting .image-right-design .image-design{margin-left: 0px;}
    .block1-writting .service-design{margin-top: 100px;}
    .block2-writting{padding-left: 30px;padding-right: 30px;}
    .block2-writting .choose-vlance .quotes-business{width: 100%;margin-left: 0px;}
    .block3-writting{padding-left: 30px;padding-right: 30px;margin-top: 60px;}
    .block3-writting .choose-vlance .row-fluid .quotes-business{width: 100%;margin-left: 0px;padding-left: 0px;margin-bottom: 60px;}
    .block4-writting{padding-left: 30px;padding-right: 30px;}
    .block5-writting{padding-left: 30px;padding-right: 30px;}
    .block6-writting{padding-left: 30px;padding-right: 30px;}
    .block3-writting .choose-vlance .row-fluid .image-rgt{margin-left: 0px;}
    .block3-writting .choose-vlance .row-fluid .image-rgt img{margin-left: 0px;}
    .block3-writting .section1 .creative{padding-left: 10px;}
    .block3-writting .section2 .report{padding-left: 6px !important;}
    .block1-writting .bg-header .design-title p{width: 363px;}
    .block6-writting .form-advise{padding-left: 15px;}
    .register-business h3{padding-right: 18px;}
    .block4-writting .detail-accomplishment .num4, .block4-writting .detail-accomplishment .num3{padding-left: 0px;}
    .block4-writting .accomplishment{padding-left: 0px;}
}

@media (max-width: 639px){
    /* .block1-section .container{width: 320px;} */
    .image-right{padding-top: 32px;}
    .service-design .quote-left{width: auto;margin-right: 0px;}
    .block1-section.top-bg-section{background-image: none;height: auto;}
    .block1-section .image-right-design{background-image: url('../img/vn/homepage-new/background.png');background-repeat: no-repeat;height: auto;}
    .image-right-design .image-right2{display: block;}
    .image-right-design .image-right1{display: none;}
    .block1-section .bg-header .image-right-design{padding-top: 56px;}
    .traditional-business h5{font-weight: 700;font-size: 20px;line-height: 28px;}
    .detail-point .point2 img{padding: 18px;}
    .block2-section .choose-vlance .image-rgt{display: none;}
    .choose-vlance .image-rgt-2{display: block;width: 100%;margin-top: 15px;}
    .some-points .detail-point p{margin-top: 0px;}
    .block2-section .quotes-business .note{font-size: 14px;}
    .quotes-business ul{font-size: 16px;}
    .block3-section .commit-progress .content-quote p{margin-top: 18px;}
    .report .content-quote{width: auto;}
    .block2-section .choose-vlance .quotes-business{margin-top: 0px;}
    .block3-section .client-vlance-title{padding-left: 0px;}
    .block3-section{margin-top: 65px;}
    .quotes-business h4{font-size: 24px;line-height: 32px;}
    .content-quote h4{font-size: 16px;line-height: 24px;}
    .content-quote p{font-size: 14px;line-height: 20px;}
    .client-vlance-title{font-size: 16px;}
    .category-title{width: auto;}
    .category-title h3{font-size: 24px !important;line-height: 32px;margin-left: 0px;}
    .image-category .block1{width: 100%;display: flex;margin-bottom: 30px;margin-left: 0px !important;}
    .image-category .block1 img{width: 95px;border-radius: 12px;}
    .block1-quote{margin-top: -15px;margin-left: 13px;width: 70%;}
    .block1-quote h4{font-size: 16px;}
    .list-client img{margin-bottom: 20px;}
    .block4-section p{font-size: 14px;margin-left: 0px !important;}
    .block4-section .block1-quote button{font-size: 14px;}
    .block5-section .accomplishment{flex-wrap: wrap;padding-top: 41px;padding-right: 10px;}
    .block5-section h3{font-size: 55px !important;line-height: 77.42px;}
    .detail-accomplishment .num2, .detail-accomplishment .num4{padding-left: 10px;margin-left: 0px;}
    .block5-section p{font-size: 16px;}
    .block6-section .steps-business .step-number p{font-size: 24px !important;line-height: 28px;margin-top: 15px;}
    .step-title h3{font-size: 24px !important; line-height: 32px;}
    .steps-business .block-step1{width: 100%;display: flex;align-content: center;justify-content: center;align-items: center;margin-left: 0px !important;margin-top: 10px;}
    .step-content{margin-top: 0px;width: 77%;}
    .block6-section p{font-size: 14px !important;margin-top: 0px;}
    .register-business h3{font-size: 30px !important;line-height: 40px;}
    .image-right .image-right1{display: none;}
    .image-right .image-right2{display: block;}
    .quotes-business ul li p{font-size: 16px}
    .block6-section .advise-button{padding-left: 0px !important;}
    .form-advise{width: 90% !important;}

    /* Trang dich vu thiet ke */
    .bg-header .container{flex-wrap: wrap;}
    .bg-header .design-title p{width: 294px;font-size: 14px;line-height: 22px;}
    .list-client{display: flex;flex-wrap: wrap;justify-content: center;}
    .list-client span{margin-right: 5px;width: 48%;}
    .block3-design .title h2{font-size: 24px;line-height: 32px;}
    .block3-design .title{width: auto;margin-top: 65px;}
    .banner.ads{margin-right: 0px;}
    .banner.lp{margin-right: 0px;}
    .accomplishment p{padding-right: 0px;font-size: 16px;}
    .detail-accomplishment{margin-left: 5px !important;border-left: 0px;margin-right: auto;}
    .service-design .title h3{font-size: 24px;line-height: 32px;text-align: center;}
    .sd2 .banner h4{margin-left: 0px !important;}
    .banner .content{margin: auto;}
    .detail-accomplishment p{font-size: 16px;line-height: 24px;}
    .step-content h4{font-size: 16px;line-height: 24px;}
    .block-step1 .step-content p{font-size: 14px;line-height: 20px;width: auto;}
    .steps-business{margin-left: 0px;}
    .step-number{margin-top: -30px;margin-right: 4px;}
    .service-design .watch-more{left: 0%;margin-top: 25px;}
    .service-design .title{width: auto;}
    .banner.lp .content{margin-left: 0px !important;}
    .banner.marketing .content{margin-left: 0px !important;}
    .detail-accomplishment h3{padding-top: 0px;font-size: 55px !important;line-height: 77px;}
    .block4-design .detail-accomplishment h3{padding-top: 30px;}
    .block-step1 .step-content.num2 p, .block-step1 .step-content.num4 p{margin-top: 20px;}
    .block3-design .category-design .category span{width: 50%;}

    /* Trang dich vu viet bai */
    .block1-writting .bg-header .design-title p{width: 294px;}
    .block1-writting .banner.marketing h4{width: 281px;margin-left: 0px !important;}
    .block2-writting .quotes-business .note{font-size: 14px;line-height: 24px;}
    .block2-writting .quotes-business ul li p{font-size: 16px;line-height: 24px;}
    .block2-writting .choose-vlance .row-fluid .image-rgt{display: none;}
    .choose-vlance .image-rgt-2{display: block;}
    .choose-vlance .row-fluid .image-rgt-2{width: 100%;margin-top: 40px;margin: auto;padding-top: 40px;}
    .step-content.num2 p{margin-top: 15px;}
    .step-content.num4 p{margin-top: 15px;padding-right: 0px;}
    .block6-writting .form-advise{padding-left: 0px;padding-top: 65px;}
    .quotes-business .section1{margin-left: 0px;}
    .block3-writting .quotes-business .section2{margin-left: 0px;padding-left: 5px;}
    .block3-writting .section1.row-fluid .commit-progress{margin-left: 0px;padding-left: 5px;}
    .block5-writting .steps-business{margin-left: 0px;}
    .block1-writting .bg-header .design-title{margin-left: 0px !important;}
    .block1-writting .service-design .sd1{margin-left: 0px;}
    .block1-writting .sd2 .banner{width: 270px;}
    .block3-writting .client-vlance{margin-left: 0px;}
    .block4-writting .accomplishment{padding-top: 25px;}
    .block4-writting .detail-accomplishment .num2{padding-left: 0px;}
    .block5-writting .step-title h3{margin-left: 0px;}
    .banner .small-rectangle{left: 40%;position: relative;margin-left: 0px !important;}
    .sd2 .big-rectangle{left: 40%;position: relative;margin-left: 0px !important;}
    .block3-writting .content-quote h4{width: auto;}
    .block2-writting .quotes-business h4{width: auto;}
    .watch-more{font-size: 14px !important;padding: 12px 20px;}
}

@media (max-width: 596px) {
    #popup-form-landing-page-business{width: 90%}
    #popup-form-landing-page-business .form-title h3{padding: 0 30px; font-size: 20px !important;}
    #popup-form-landing-page-business .form-title p{padding: 0 30px}
    #popup-form-landing-page-business .form-content input{width: 94% !important;}

    #popup-form-become-supplier-business{width: 90%}
    #popup-form-become-supplier-business .form-title h3{padding: 0 30px; font-size: 20px !important;}
    #popup-form-become-supplier-business .form-title p{padding: 0 30px}
    #popup-form-become-supplier-business .form-content input{width: 94% !important;}
}
@media (max-width: 375px){
    .detail-accomplishment h3 {font-size: 39px!important;line-height: 60px;}
    .detail-accomplishment .num2, .detail-accomplishment .num4{padding-left:40px !important;}
}