@media (min-width: 1200px) and (max-width: 1366px) {
    .popup-resquest-sub { transform: translateX(-50%) translateY(1%); }
        .popup-resquest-sub .title-req h3 { font-size: 21px; width: 100%; padding: 0 25px; text-align: left; }
    .popup-closed { top: 18px; }
}

@media (min-width: 1200px) {
    .menu-cent ul.menu-item-es { display: table; width: 100%; }
        .menu-cent ul.menu-item-es > li { display: table-cell; line-height: 1.4; padding: 18px 0; }
            .menu-cent ul.menu-item-es > li a { padding-right: 35px; }
    .check-requirement .check { min-width: 785px; }
}

@media screen and (max-width: 1024px) {
    #touch-on { display: block; position: fixed; top: 12px; right: 16px; z-index: 9999; width: 25px; height: 25px; }
        #touch-on span,
        #touch-on span:after,
        #touch-on span:before { display: block; height: 2.5px; background: #000; margin: auto; position: absolute; top: 12px; right: 0; left: 0; transition: all 0.35s; width: 100%; }
            #touch-on span:after,
            #touch-on span:before { content: ""; left: 0; top: -11px; position: absolute; }
            #touch-on span:after { top: 10px; }
        #touch-on.active span { transform: rotate(45deg); width: 25px; border-radius: 2px; background: #000; }
            #touch-on.active span:after,
            #touch-on.active span:before { top: 0; transform: rotate(90deg); width: 25px; right: 2px; border-radius: 2px; background: #000; }
    header { width: 320px; max-width: 320px; display: block; height: 100%; transition: all 0.5s; transform: translate(100%, 0); z-index: 9999; top: 0; right: 0; background: #1071b8; position: fixed; padding: 0; }
        header.active { transform: translate(0); }
    .overlay-sticker { position: fixed; background: rgba(0,0,0,.3); width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; display: none; z-index: 9999; }
        .overlay-sticker.active { display: block }
    ._logo-rp { display: block; padding: 10px 0 10px 12px; width: 100%; top: 0 }
    .taskebar-lft ul { display: block; margin-bottom: 0; margin: 0 -7.5px; }
    .taskebar-lft { float: none; width: 100%; background: #232f3e; padding: 5px 15px; }
        .taskebar-lft ul li { width: 100%; padding: 5px 0; margin-left: auto; color: #fff; }
    .taskebar-rght { float: initial; width: auto }
        .taskebar-rght .top-header { width: 100%; display: grid; grid-template-columns: 40% 60%; float: initial; }
    .taskebar-lft ul li:first-child { border-right: none; }
    .taskebar-lft ul li a { color: #fff !important }
    .container-visa { display: block; }
    .menu-cent ul { padding-left: 5px; display: inline-block; width: 100% }
        .menu-cent ul li { height: auto !important; line-height: 40px; margin: 10px 0; padding: 0; clear: both; }
            .menu-cent ul li a { display: block }
            .menu-cent ul li .sub-menu li a { color: #333; font-size: 14px }
            .menu-cent ul li .sub-menu { padding: 10px 0; margin-bottom: 15px; }
            .menu-cent ul li:hover .sub-menu { display: none }
    .nav .sub-menu { top: 0; position: initial; width: 100%; transform: translate(0); min-width: initial; border: initial; box-shadow: initial }
    .menu-right .btn-ap { width: calc(50% - 7.5px); margin-right: 7.5px; }
    .btn-ck { width: calc(50% - 7.5px); text-align: center; margin-left: 7.5px; }
    .taskebar-rght .login a { font-weight: 600; }
    .tit-recent h1 { margin-top: 25px; }
    .wrtransport .wrtsc-ct { display: block; }
    .wrtsct-ct { margin-top: 15px; margin-left: 0; }
    .fatroc-rm { width: 45%; }
    .fatroc-bn .fatrocbn-bk { width: 100%; }
    .fatroc-bn { width: 45%; left: calc(100% - 45%); }
    .wrtransport .wrts-ct { padding: 20px 20px 25px 25px; }
    .wrtransport { margin-bottom: 25px; }
    .fatr-op h3 { line-height: 25px; }
    .ready-content { display: grid; grid-template-columns: 70% 30%; }
    .red-lft { width: 100%; margin-bottom: 15px; }
    .btn-apply a { width: 100%; }
    .ft-col { position: relative; }
    ._ic-downrp { display: block; width: 26px; height: 26px; border: 2px solid #ffffff; border-radius: 50%; text-align: center; color: #ffffff; line-height: 24px; position: absolute; z-index: 100; top: 8px; right: 0; bottom: 0; }
    ._ic-downrp-first { top: 0; }
    .lst-ft { display: block; grid-template-columns: 25% 25% 25% 25%; }
    .ft-col:last-child { grid-column: 1/5; }
    .h3.widget-title { margin-bottom: 20px; }
    .ul.dc-ft li { padding-bottom: 15px; }
    .txt-ft { padding: 25px 0 40px; font-size: 14px; }
    .copy-right { font-size: 15px }
    #banner-visa .text-center span { top: 85px; }
    .check-requirement .check { margin-top: 30px; padding: 0 15px 20px; height: auto; margin: 0; max-width: 100%; }
    .number { display: grid; grid-template-columns: 40% 60%; margin: 38px auto 0; width: 80%; height: 184px; }
    .counter { font-size: 36px; line-height: 40px; top: 10px; }
    .symbol { font-size: 36px; line-height: 40px; top: 10px; }
    .number-detail { width: auto; }
    .number-description { line-height: 20px; }
    .why-right .video iframe { width: 100%; height: 388px; }
    .why-left { padding-right: 0; }
    .btn-more { margin-bottom: 15px; }
    .htapply .col-htapply:first-child .item-htapply { padding-right: 0; }
    .item-htapply:before { width: 40px; background-position: right; left: -41px; }
    .htapply { padding-top: 20px }
    .btn-act .btn-apply { margin-left: 45px; }
    .check-fee-detial { display: grid; width: 100%; grid-template-columns: 50% 50%; }
    .box-3 { padding: 40px 0 20px; width: 100%; }
    .row-fees { display: block; margin-bottom: 20px; margin: 10px 0; }
    .check-lft { margin-right: 0; padding-left: 60px; }
    .result { margin-left: 0; padding-top: 35px; margin-top: 70px; margin-right: 60px; }
    .row-fees label.field-name { padding-top: 0; width: 100%; display: block }
    .wrap-srv-box-4 { margin-top: 15px; }
    .pd-col { padding: 0 5px 0 5px; }
    .box-4 { padding: 15px 0; }
    .box-5 { padding: 45px 0 15px; }
    .pd-row { margin: 0 -5px; grid-template-columns: 50% 50%; }
    .item-box-4 ._img { height: auto; }
    .box-search { left: 20px; position: initial; }
    .step-tit { font-size: 16px; line-height: 30px; text-align: left; }
    p.price-description { padding-bottom: 30px; margin-bottom: 30px; }
    .btn-apply a { padding: 0 40px; }
    a.btn-read-more { padding: 0; width: 142px; text-align: center }
    .slider-clients .lSAction > .lSPrev { left: -15px; display: none; top: 150px; }
    .slider-clients .lSAction > .lSNext { right: -15px; top: 150px; display: none; }
    .red-lft p.child { padding-right: 30px; }
    .calvisa .result { margin: 50px 20px 0 25px; }
    .calvisa p.price-description { margin-bottom: 30px; }
    .sup-login { grid-template-columns: 77% 23%; }
    .suplog-rght button { margin-left: 15px; }
    .introduce { display: block; }
    .box-1 { padding-bottom: 15px; }
    .box-2 { padding: 15px 0; }
    .item-box-4 ._img h3 { padding: 0 10px 10px; font-size: 16px; }
    .slider-clients { padding-top: 15px; }
    .box-6 { padding: 40px 0; }
    .ready-content { padding-bottom: 0; }
    footer { padding-top: 15px; }
    .menu-left { width: 50%; }
    .header-bottom { overflow-y: auto; border: initial; max-height: calc(100% - 66px); }
    .sub-menu li:first-child { border: none; }
    .nav .sub-menu li { line-height: 24px }
    .arrow .icon-menu { float: right; position: absolute; top: 6px; right: 0; transform: initial !important; font-size: 20px; }
    ._contact:first-child { padding: 0; margin-top: 15px; }
    .wrap-asked-questions { margin-bottom: 0; }
    .popular { padding-top: 0; }
    .post-item { padding-bottom: 15px; }
    .tab-booking { width: 79%; }
        .tab-booking .steps::before { width: 120px; background-position-x: center; }
        .tab-booking .steps { margin: 0 10px; }
    .h1 h1 { margin: 15px 0; }
    .item-input { padding-bottom: 15px; margin: 0; width: 100%; }
    .cir-step1 { display: block; margin: 0; }
    p.red-phonenumber { margin: 10px 0; display: inline-block; }
    .pd-col-step2 { margin-bottom: 10px; }
    .menu-right { width: 100%; bottom: 0; }
    tbody tr td { padding: 5px; font-size: 13px; }
    tbody tr { width: initial }
    .button-system { font-size: 14px; line-height: 35px; display: block; width: 100%; }
    .text-widget ul li { padding-bottom: 10px }
    .menu-cent { padding-bottom: 86px; }
    #banner-visa .text-center { top: 25px }
    .check-requirement .check .check-visa { position: initial }
    .with-us { position: initial; justify-content: space-around; padding-top: 10px; }
    .menu-cent > ul > li.menu-item:before { display: none }
    li.menu-item.arrow { grid-column: 1/3; }
    .menu-cent { width: 100% }
    .header-top { padding: 10px 0; background-color: #fff; }
    .taskebar-rght .top-header ul, .search-header { display: none }
}

@media screen and (max-width: 992px) {
    .number { display: block; margin: 0 !important; box-shadow: initial; }
    .step-detail { font-size: 15px; line-height: 24px; height: 48px; text-align: left }
    .lSSlideOuter .lSPager.lSpg > li a { background: #ddd; width: 10px; height: 10px }
    .check-requirement .lSSlideOuter { box-shadow: 0 0 10px rgba(0,0,0,.2); border-radius: 5px; padding: 10px 0; background: #fff; position: relative; overflow: initial; }
    .check-requirement .lSAction > a:before { content: '\f105'; font: normal normal normal 14px/1 FontAwesome; color: #000; font-size: 24px; }
    .check-requirement .lSAction > a { opacity: 1; z-index: 999; text-align: center; right: -7px; width: 24px; height: 24px; line-height: 13px; border-radius: 50%; background: #fff; border: 1px solid #ddd9d9; }
    .check-requirement .lSSlideWrapper { position: initial }
    .check-requirement .lSAction > .lSPrev:before { content: '\f104' }
    .check-requirement .lSAction > .lSPrev { left: -7px }
    .page-in { padding: 0 }
    .review-your-order { margin-top: 15px }
    .visa-share .check-box-frm { padding-left: 0 }
        .visa-share .check-box-frm .item-frm p { padding-right: 0 }
            .visa-share .check-box-frm .item-frm p small { padding-left: 0 }
    .pd-col-step2 .check-box-frm { padding-top: 0; }
    .visa-share .check-box-frm .item-frm { padding-top: 0; }
    .pd-col-step2:last-child { margin-bottom: 0 }
    .ready-content.content-box-4 .red-lft { height: auto }
    .ready-content.content-box-4 { margin-left: 0 }
    .result#result1 { margin: 60px 10px; height: 350px; }
    .check-fee-detial { margin: 0 -10px; }
        .check-fee-detial .check-lft { margin: 0 10px; margin-right: 30px; display: block; }
    .ready-content.content-box-4 .red-lft p.child { padding-top: 0 }
    .box-5 { padding: 15px 0 }
    .banner-affiliate { display: table; width: 100% }
    .user-form { width: 100%; padding-left: 0; padding-top: 29px; text-align: center; }
    .affliate-form { height: 195px }
    .row-fees select { width: 100%; /* background-position-x: 310px; */ }
    .nav .sub-menu li { padding: 0 0 0 15px; margin: 0; }
    .menu-cent { padding-bottom: 0 }
    .pay.pay-step-2 { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; grid-row: 2/3; }
    .check-requirement { top: 200px }
        .check-requirement .check .check-visa { padding-top: 15px }
    .note-banner { padding: 15px 0 }
    .cir-box2 .htapply { width: 100%; padding-top: 0; grid-row: 1/2; padding: 0 0 20px 0; }
    .cir-box2 .video-box2 { width: 100% }
    .item-htapply { display: block; margin-right: 0; border-bottom: 0 }
        .item-htapply ._img { height: 80px; }
    .cir-box2 { padding-top: 0; display: grid; padding-bottom: 20px; }
    .step-item { padding-bottom: 0 }
    .btn-act { margin: 15px 0px; grid-row: 2/3; }
    .introduce { padding-top: 15px }
    p.item-introduce { float: left; padding-right: 20px; width: initial !important }
    .lst-ft .ft-col:first-child h3.widget-title { display: block }
    .taskebar-lft { display: none }
    .head-mobile { display: block; overflow: hidden; background: initial; padding: 15px 0; }
        .head-mobile.taskebar-lft ul li { width: calc(100% - 15px); float: left; background: #1F3040; margin: 0 7.5px 7.5px !important; padding: 11px 5px !important; border-radius: 5px; font-size: 12px; text-align: center; }
        .head-mobile ul li:last-child { width: calc(100% - 15px); }
    .taskebar-lft ul li:nth-child(-n + 2) { margin-left: 7.5px !important; }
    .grid-banner { grid-template-columns: 50% 50%; }
        .grid-banner .item { margin: 15px 15px 20px 15px; min-height: 300px; }
    .grid-news { display: block }
        .grid-news .item { padding: 10px 0 !important }
    .Visa-News { padding: 30px 0 }
}

@media screen and (max-width: 812px) {
    .wrapper { padding-top: 0 }
    .menu-cent { width: 100%; }
        .menu-cent ul { display: block; }
    .slider-clients .lSAction > .lSPrev { top: 100px; }
    .slider-clients .lSAction > .lSNext { top: 100px; }
    .check-lft { padding-left: 0; }
    .result { margin-right: 0; }
    .check-fee-detial { display: grid; grid-template-columns: 55% 45%; }
    .text-widget { display: none; }
        .text-widget.open { display: block }
    .vall-log ul li label { padding-left: 7px; }
    .regislog-ct { padding: 25px 30px 40px 30px; }
    .sup-login { grid-template-columns: 60% 34%; }
    .msa-ct { padding: 25px 30px 40px 30px; }
    .corpor-rlctr ul li label { padding: 4px 0 4px 13px; }
    .corpor-rlctr ul li input { height: 58px; }
    .box-search { left: 0 }
}

@media screen and (max-width: 768px) {
    .country p { max-width: 100% }
    .country { padding: 20px 0 }
        .country span { font-size: 18px }
        .country .btn-search { margin-top: 20px }
    .ready-apply { background-position: center; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; }
    .head-tb { height: auto; line-height: 50px; color: #1A1A1A; display: -webkit-box; }
    .note-require { padding-top: 10px; padding-left: 0px; }
    .item-l { position: relative; height: 455px; border-radius: 6px; overflow: hidden; margin-bottom: 20px; }
        .item-l > a > h2 { position: absolute; bottom: 0 !important; font-weight: 700; font-size: 30px; line-height: 40px; color: #fff; left: 0 !important; z-index: 1; top: initial !important; }
    .item-r { width: 100%; height: 455px; position: relative; margin-bottom: 20px; border-radius: 6px; overflow: hidden; }
    .ml-5,
    .mx-5 { margin-left: 0 !important; }
    .fatrop-list { display: block }
    .wrtransport .wrts-ct .wrtsc-tit h2 { font-size: 20px }
    .wrap-primary-content h3 { font-size: 18px }
    .wrtsct-img img { width: 100% }
    .ready-content { display: block !important; }
    .tit-recent h1 { font-size: 20px }
    .lst-ft { display: block !important; padding-bottom: 20px; }
    h3.widget-title { margin: 0 0 10px; border: initial }
    .size-h1-cus h1 { font-size: 24px; margin: 10px 0; }
    #banner-visa { height: auto; padding: 30px 0; }
    .btn-more { margin: 15px auto !important; text-align: center; }
    .btn-act .btn-more, .btn-act .btn-apply { margin: 0 10px !important; width: calc(50% - 20px); }
    .btn-apply a { font-size: 15px }
    .item-box-4 { margin-bottom: 10px }
    .service-price { font-size: 20px; margin-bottom: 15px; }
    .result { padding: 60px 15px; }
    .item-htapply ._img { margin-left: 0; width: 50px; }
    ._logo-rp img { width: 150px; }
    .with-us { text-align: center; top: 70px; padding-top: 20px; font-size: 16px; }
    .item-input-lft { margin: 0 }
    .item-input-rght { margin: 0 }
    .logo { display: none }
    .table-review-order { padding: 15px; }
    .review-order-item label { width: 100%; margin-bottom: 0; }
    .review-order-item span { width: 100%; }
    .slider-clients .item:nth-child(even) .desc-txt { display: block }
    .step-index .lst-item { grid-template-columns: 50% 50% }
        .step-index .lst-item .item:last-child { grid-column: 1/3 }
    .tab-works .nav-tabs { grid-template-columns: repeat(2,1fr); grid-gap: 10px; margin-bottom: 1.5rem; }
    .tab-works { margin: 20px 0 0; }
    .grid-tab-works .item { margin: 0 0 20px; width: 100%; }
        .grid-tab-works .item:before { height: 30px; width: 1px; left: 50%; transform: translateX(-50%); top: 100% }
    .grid-tab-works { display: block; margin-bottom: 0; }
    .grid-Popular { grid-template-columns: repeat(5,200px); overflow-x: auto; overflow-y: hidden; margin: 30px 0 20px; padding-bottom: 30px; }
    .grid-why .item { width: 100%; padding: 0; margin-bottom: 20px }
    .see-more_v2 { margin-top: 10px }
}

@media screen and (max-width: 767px) {
    .why-right .video iframe { height: 250px }
    .grid-news .item h3 { font-size: 14px }
    .title-h2 h2 { font-size: 14px; margin-bottom: 10px; }
    .box-3 { padding: 20px 0; background-size: cover; background-position: center; clear: both; }
    .tooltip-process { top: calc(-100% + -10px) !important; padding: 5px 10px 5px 10px !important; right: 0; }
        .tooltip-process:before { top: 100% !important; border-top: 9px solid #ff8a00 !important; border-bottom: 10px solid transparent !important; }
        .tooltip-process p { font-size: 11px !important; }
    .note-required { font-size: 12px; margin-left: 0; position: absolute; top: 35px; left: 0; }
    .successfull { width: 100% !important }
        .successfull .h1-title-borderd { font-size: 23px }
    .lst-ft { display: grid; grid-template-columns: calc(100%/3) calc(100%/3) calc(100%/3); }
    .ft-col:last-child { grid-column: 2/4; }
    .box-3 .container { max-width: 100%; }
    .check-fee-detial .check-lft { padding-left: 0 !important; margin: 0; }
    .check-fee-detial { display: grid; grid-template-columns: 55% 45%; margin: 0; }
    .box-checkstt { width: 65%; }
    .calvisa .row-fees select { width: 70%; }
    .calvisa :not(.input-group) > .bootstrap-select.form-control:not([class*="col-"]) { width: 70%; }
    .vall-log ul li:first-child input { height: 66px; }
    .corpor-rlctr ul li label { padding: 4px 0 4px 3px; }
    .suplog-rght button { margin-left: 0; margin-top: 5px; }
    .suplog-lft span { padding-right: 2px; }
    .number { width: 100%; margin-top: 15px; }
    .tit-h2 h2 { font-size: 24px; }
    .introduce { padding-top: 0; }
    .item-htapply:before { display: none; }
    .step-item { text-align: center; align-items: center; }
    .result { margin-top: 15px; padding: 20px 15px; }
    .tit-child { font-size: 15px; display: none; }
    ._contact:first-child { margin-bottom: 15px; }
    ._contact .tit-button { padding-bottom: 15px; }
    .show-pri p:first-child { float: initial; }
    .show-pri { margin: 0; }
        .show-pri .d-flex { position: relative }
    .wrap-primary-content h3 { padding-top: 0; font-size: 14px; }
    .desc-post { width: 100%; padding-top: 10px; }
    .post-item.d-flex { display: table !important; padding-bottom: 15px; }
    .img-post { width: 100% }
    .desc-post > span { padding: 0; }
    .desc-post > p { padding: 0; }
    .desc-post > a > h3 { padding: 0; }
    .dots_pagination { width: 30px; height: 30px; }
    .popularz { padding-top: 15px !important; }
    .pop-items { padding-bottom: 15px; }
    .item-input .form-group { width: 100%; }
    .tab-booking .steps::before { display: none; }
    .tab-booking { width: 100%; display: grid; grid-template-columns: calc(100%/3)calc(100%/3)calc(100%/3); margin: 0 -10px 20px; }
        .tab-booking .steps { width: auto; margin: 0; }
    .lft-rght-pay { display: grid; width: 100%; justify-content: initial; text-align: center; }
        .lft-rght-pay .pay:nth-child(2) { grid-row: 1/2; text-align: center; }
    .img-all-visa img { max-width: 52px }
    .nxt-step a { padding: 10px; font-size: 16px; }
    .services-lst { display: block; }
    span.free-value { float: initial; display: flex; flex-direction: column; width: 100%; padding-left: 0; text-align: left; }
        span.free-value br { display: none }
        span.free-value span { text-align: left }
    .item:nth-child(3) .review-order-item { display: flex; flex-direction: column; }
    .review-order-item .Processing { float: initial; width: 100%; text-align: left; }
    .fee-detail { text-align: left; }
    .tit-review-ord { display: block; }
    .txt-tip-price { width: 100%; display: block !important; }
    .input-apply-promotion { display: inline-block; }
    button.btn-step3 { line-height: 40px; display: block; margin-top: 10px; }
    ul.table-service li.item-table-service { display: block; }
    li.item-table-service.srv-last { padding-top: 10px }
    ul.table-service li.item-table-service:nth-child(-n + 2) { display: flex }
    .item-table-service:nth-child(n + 3) span.srv-rght { width: 100% }
    button.btn-process { margin-top: 10px; }
    .review-your-order { padding: 15px 0; margin-top: 15px; }
    .group-area input[type="checkbox"] + label span { margin-left: 0; }
    .tbl-border-visa { width: 670px; }
    .tbl-visa-option { overflow-x: auto; margin-bottom: 20px; }
    .select { width: 100% }
    .btn-act { display: flex; justify-content: space-between; }
    a.btn-read-more { width: 100%; }
    #banner-visa .text-center span { top: 44px; font-size: 14px; line-height: 20px; }
    .check-requirement .check .check-visa { padding: 20px 0 0; left: 0; font-size: 15px; }
    .btn-search { width: initial; padding: 0; }
    .box-search .input-search #countries { font-size: 14px; height: 47px; }
    .button-check-req { padding: 0; font-size: 14px; line-height: 47px; }
    .number-description { font-size: 14px }
    .check-box-frm1 p { padding-right: 15px }
    .result#result1 { height: auto; margin: 20px 0 0; padding: 15px }
    .ready-content.content-box-4 .red-lft h2 { font-size: 25px }
    .ready-content.content-box-4 .red-lft p.child { padding-right: 0; font-size: 16px; padding-bottom: 10px; }
    .txt-ft { padding: 0 }
    .fatroc-rm a { width: 45%; }
    .with-us { display: block }
    .size-h1-cus h1 { font-size: 20px }
    .repre-lft .rows { padding-bottom: 15px }
    ._contactus { width: 100%; margin-bottom: 10px }
    .wrap-primary-content { padding: 15px 0; overflow: hidden; }
        .wrap-primary-content ul { padding-left: 15px }
    ._contact { margin-bottom: 15px }
    .popup-note { width: 357px }
    .content-popup .check-box-frm1 { padding-left: 0 }
    .all-rght-ft { display: block; text-align: center; }
    ul.mxh { justify-content: center; margin-top: 5px }
    .form-l { display: none }
    .affliate-form { background: #ecf4fd; height: auto }
    .user-form { padding-top: 0 }
    .wp-inpt-regis { padding-top: 0 }
    .aff-content { display: table }
    .in_single .input-search { padding-right: 0; width: 100%; }
    .in_single .button-check-req { width: 150px; line-height: 40px; }
    .nxt-step a i { margin-left: 30px }
    ._logo-rp { top: 0 }
    .nxt-step { width: 145px; margin-left: 0px !important; margin-bottom: 15px; float: initial; }
    .note-banner { height: 120px; overflow-y: auto; padding-right: 3px; }
    .item-htapply { display: flex; flex-direction: initial; padding: 0 }
    .step-detail { height: auto }
    .step-number span { margin-top: 0 }
    .pay.pay-step-2 .prv-step a { display: block; font-size: 16px; text-transform: lowercase; }
    .pay.pay-step-2 .prv-step { width: 50%; }
    .wrap-primary-content ul li { line-height: 24px; margin-bottom: 5px }
    .pay.pay-step-2 .nxt-step { margin-left: 15px; margin-bottom: 0; }
    p.item-introduce:nth-child(Odd) { float: initial; }
    p.item-introduce { float: initial }
    .lst-ft .ft-col:first-child { padding: 0; }
    .info-footer { position: relative; }
    .show-pri .nav-tabs { margin-left: 0px; }
    .wrap-asked-questions .card .card-header a { padding: 10px }
    .item-r > a > h3 { font-size: 16px; line-height: 24px }
    .box-search.in_single { flex-direction: column; justify-content: flex-end; }
        .box-search.in_single .btn-search { margin: 10px 0 0; text-align: right; justify-self: flex-end; display: block; }
    ._contact .tent-tact ul { padding: 15px }
    .btn-process { margin: 10px auto 0; }
    span.srv-lft { width: 100%; }
    span.srv-rght { width: 100%; text-align: left; }
    .review-your-order ul.table-service li.item-table-service { display: block; }
    .slider-clients .desc-txt > * { height: auto; padding: 0; }
    .slider-clients .desc-txt > .flex-txt { padding: 20px 0 30px; }
    .slider-clients .desc-txt .txt-div > a { font-size: 20px }
    .grid-banner .item { width: 266px; background-size: 100% 100%; min-height: 238px; padding: 20px 0; padding-left: 84px !important; }
    .grid-banner .ic { max-width: 40px; margin-bottom: 15px }
    .grid-banner .item h3 { font-size: 15px; margin-bottom: 10px }
    .grid-banner .item p { height: 72px; }
    .taskebar-lft ul li:nth-child(-n + 2) { border-right: none; }
    .tottal { padding: 15px 0 0 0; text-align: center; }
    .form-step1 { padding: 15px 0; }
    .grid-tab-works .item { position: relative; padding-left: 125px; }
        .grid-tab-works .item .icon { width: 110px; position: absolute; top: 0; left: 0; height: inherit; }
    #banner-visa .grid-tab-works .item .icon img { height: 4rem; width: initial; object-fit: initial; max-height: initial; max-width: initial; }
    .grid-tab-works .item h4 { text-align: left; min-height: initial; margin-bottom: 10px; }
        .grid-tab-works .item h4:before { display: none; }
    .grid-tab-works .item p { text-align: left; }
    .tab-works .nav-tabs .nav-item { font-weight: 500; line-height: 1.4; padding: 4px; }
    .avatar img { max-width: 100% !important; max-height: initial !important; }
    .lst-form-step2-evisa .item-applicant { padding: 10px 15px; }
    .avatar { width: 100%; }
        .avatar img.avatar_hochieu { width: 100%; }
}

@media screen and (max-width:667px) {
    .ft-col:last-child { grid-column: 2/4; }
    .check-fee-detial { display: grid; grid-template-columns: 60% 40%; }
    .check-lft { padding-left: 10px; }
    .suplog-lft span { padding-right: 3px; }
    .btn-area { display: flex; flex-direction: column; }
    .or-see { width: initial; margin-left: 0; }
    .showpri-ttour { min-width: 700px }
    .calvisa .row-fees { padding: 0 10px }
    .grid-news .item:first-child .img { height: auto }
}

@media screen and (max-width: 568px) {
    .step-index .lst-item { display: block }
    .step-index .online { margin: 15px auto 0 }
    .menu-cent ul li { height: 40px; line-height: 35px; }
    .row-fees select { width: 100%; }
    .check-fee-detial { display: grid; grid-template-columns: 55% 45%; }
    .box-search { left: 0px; }
    .btn-apply a { padding: 0 46px; }
    .item-htapply:before { width: 60px; left: 57px; }
    .introduce { display: block; }
    .box-checkstt { width: 100%; }
    .bcstt-box button { width: 100%; }
    .wrap-primary-content p { margin-bottom: 10px; text-align: justify; }
    .sup-login { grid-template-columns: 57% 43%; }
    .logo-ft img { width: 200px; margin: 0 auto 10px; display: block }
    .grid-banner { display: block }
        .grid-banner .item { width: 300px; margin: 15px auto; }
    .check-fee-detial { display: block; }
}

@media screen and (max-width: 441px) {
    .popup-resquest-sub { width: calc(100% - 30px); top: 50%; transform: translateX(-50%) translateY(-50%); }
    .lst-ft { display: grid; grid-template-columns: 50% 50%; }
    .ft-col:last-child { grid-column: 1/3; }
    .menu-cent ul { display: block; }
        .menu-cent ul li { height: 50px; line-height: 35px; }
    .row-fees select { background-position-x: 350px; }
    .row-fees select { width: 100%; }
    .box-search .input-search #countries { width: 100%; text-indent: 5px; }
    .check-requirement { width: 96%; left: 8px; right: 8px; height: 70%; top: initial; bottom: 0; margin: 0; }
    .help, .chat { width: 100%; padding-bottom: 7px; }
    .call-us { grid-column: 1/3; }
    .btn-more { margin-bottom: 15px; margin-left: 45px; }
    .result { margin-left: 0; }
    .why-right .video iframe { height: 237px; }
    .item-htapply:before { width: 100px; left: 0; background-position: right; }
    .btn-apply a { padding: 0 27px; font-size: 14px; }
    .btn-act .btn-more { margin-left: 0; }
    .btn-act .btn-apply { margin-left: 0; }
    .introduce { display: block; }
    .ready-content { display: block; }
    .calvisa .check-fee-detial { display: block; }
    .calvisa .check-lft { padding-left: 6px; }
    .calvisa .row-fees select { width: 100%; }
    .calvisa :not(.input-group) > .bootstrap-select.form-control:not([class*="col-"]) { width: 97%; }
    .calvisa .bootstrap-select > select { width: 97% !important; background: #ffffff; left: 0; }
    .calvisa .result { margin: 30px 10px 20px 10px; padding: 30px 15px 20px; }
    .shpri-name { position: unset; }
    ._jtable { overflow-x: auto; }
    .calvisa .box-3 { margin-top: 20px; }
    /*login*/
    .val-ct { display: block; }
    .val-what { padding-left: 0; }
    .corpor-rlctr ul li label { padding: 4px 0 4px 27px; }
    .rlct-all { display: block; }
    .rlct-rght { padding-left: 0; }
    .sup-login { grid-template-columns: 66% 34%; }
    .vall-log ul li:first-child input { height: 42px; }
    .tab-booking .steps .step-title { font-size: 14px }
}

@media screen and (max-width: 414px) {
    .head-tb { height: auto; line-height: 50px; color: #1A1A1A; display: block; }
    .show-nt { font-size: 16px; font-weight: 700; padding-top: 10px; padding-right: 20px; color: #1a1a1a; }
    #menu1 { overflow-x: auto; }
    #menu2 { overflow-x: auto; }
    .tb-exemtion { overflow-x: auto; }
    .item-l { position: relative; height: 270px; border-radius: 6px; overflow: hidden; margin-bottom: 20px; }
        .item-l > a > h2 { position: absolute; top: 75%; font-weight: 700; font-size: 20px; line-height: 30px; color: #fff; left: 32px; z-index: 1; }
    .item-r { width: 100%; height: 270px; position: relative; margin-bottom: 20px; border-radius: 6px; overflow: hidden; }

    .post-item { width: 100%; height: 180px; padding-bottom: 48px; }
    .desc-post > a > h3 { padding-left: 10px; font-weight: 700; font-size: 16px; line-height: 20px; }
    .desc-post > span { padding-left: 10px; font-size: 14px; color: #666; }
    .desc-post > p { padding-left: 10px; font-size: 14px; height: 25px; overflow: hidden; }
    .dataTables_paginate { width: 100%; }
    .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; display: flex; justify-content: center; margin-top: -5px; }
        .pagination > li > a,
        .pagination > li > span { position: relative; float: left; width: 30px; height: 30px; text-decoration: none; background-color: #fff; box-shadow: 0 7px 24px rgba(0, 0, 0, .07); border-radius: 50%; margin-left: 12px; text-align: center; line-height: 35px; font-size: 22px; }
    .ml-5,
    .mx-5 { margin-left: 0 !important; }
    .title-recent .title-h1 { font-size: 22px; margin-top: 5px; margin-bottom: 5px; color: #1A1A1A; font-weight: 700; }
    .wrap-primary-content h2 { font-size: 20px; font-weight: 700; color: #1A1A1A; }
    .step-tit { font-size: 13px }
}

@media screen and (max-width:375px) {
    .row-fees select { background-position-x: 315px; }
    .corpor-rlctr ul li label { padding: 4px 0 4px 13px; }
    .vall-log ul li label { padding-left: 4px; }
    .suplog-rght button { margin-left: 7px; margin-top: 8px; }
    .msa-ct { padding: 25px 23px 30px 23px; }
    .regislog-ct { padding: 25px 23px 30px 23px; }
    .btn-check-req { display: table-cell; position: relative; color: #fff !important; font-size: 18px; font-style: normal; line-height: 21px; background: linear-gradient(190.34deg, #055588 -24.49%, #0092CF 107.99%); text-align: center; font-weight: 700; }
    .item-l { position: relative; height: 247px; border-radius: 6px; overflow: hidden; margin-bottom: 20px; }
        .item-l > a > h2 { position: absolute; bottom: 0; font-weight: 700; font-size: 16px; line-height: 35px; color: #fff; left: 0; z-index: 1; }
    .item-r { width: 100%; height: 247px; position: relative; margin-bottom: 20px; border-radius: 6px; overflow: hidden; }
    .pagination > li > a,
    .pagination > li > span { position: relative; float: left; width: 30px; height: 30px; border-radius: 20px; text-decoration: none; background-color: #fff; box-shadow: 0 7px 24px rgba(0, 0, 0, .07); border-radius: 50%; margin-left: 12px; text-align: center; line-height: 34px; font-size: 18px; }
    .dataTables_paginate { width: 100%; }
    .ml-5 { margin-left: 0 !important; }
    .popular { padding-top: 30px; }
    .post-item { width: 100%; height: 180px; padding-bottom: 48px; }
    .desc-post > a > h3 { padding-left: 10px; font-weight: 700; font-size: 14px; line-height: 18px; }
    .desc-post > span { padding-left: 10px; font-size: 11px; color: #666; }
    .desc-post > p { padding-left: 10px; font-size: 14px; height: 30px; overflow: hidden; }
    .continues a { color: #0092CF !important; font-size: 14px !important; }
    .continues .fa-angle-double-right { padding-left: 5px; font-size: 13px; }
    .title-recent .title-h1 { font-size: 20px; margin-top: 5px; margin-bottom: 5px; color: #1A1A1A; font-weight: 700; }
    .wrap-primary-content h2 { font-size: 18px; font-weight: 700; color: #1A1A1A; }
    .check-box-frm1 { clear: both }
}

@media screen and (max-width: 320px) {
    header { width: 270px; }
    #banner-visa .text-center { top: 30px; }
        #banner-visa .text-center span { top: 125px; }
    a.btn-read-more { padding: 0 50px; }
    .btn-apply a { padding: 0 59px; }
    .btn-more { margin-left: 40px; }
    .btn-act .btn-apply { margin-left: 40px; }
    .button-system.button { padding: 0 13px; }
    .button-border { padding: 0 11px; }
    .vall-log ul li:first-child input { height: 66px; }
    .head-tb { height: auto; line-height: 50px; color: #1A1A1A; display: block; }
    .show-nt { font-size: 16px; font-weight: 700; padding-top: 10px; padding-right: 20px; color: #1a1a1a; }
    .nav-link { display: block; padding: 10px 30px; font-size: 13px; font-weight: 700; color: #1a1a1a; }
    .btn-check-req { display: table-cell; position: relative; color: #fff !important; font-size: 14px; font-style: normal; line-height: 20px; background: linear-gradient(190.34deg, #055588 -24.49%, #0092CF 107.99%); text-align: center; font-weight: 700; }
    .popularz p { font-size: 14px; line-height: 25px; color: #1A1A1A; }
    .desc-post > a > h3 { padding-left: 10px; font-weight: 700; font-size: 12px; line-height: 12px; }
    .desc-post > p { padding-left: 10px; font-size: 12px; height: 27px; overflow: hidden; }
    .continues a { color: #0092CF !important; font-size: 12px !important; }
    .title-recent .title-h1 { font-size: 20px; margin-top: 5px; margin-bottom: 5px; color: #1A1A1A; font-weight: 700; }
    .wrap-primary-content h2 { font-size: 18px; font-weight: 700; color: #1A1A1A; }
}