/*
<!--***********************************************************-->
<!-- Designed & Developed by COLORGB  -   https://colorgb.com  -->
<!-- giaphv@colorgb.com, rocket@colorgb.com, datnt@colorgb.com -->
<!--***********************************************************-->
*/
@media (min-width: 1025px) { .page-ntd .footer-top .row-2 .col-md-4 { width: 35% } .page-ntd .section-3 .owl-pagination, .page-ntv .section-2 .owl-pagination { display: none } } @media (max-width: 991px) { .container { width: 100% } .page-ntd .header h1 { font-size: 40px; line-height: 1.4; } .page-ntd .section-3 h2.text-center { font-size: 36px } .page-ntd .footer-top .row-2 .col-md-2 { width: 20%; float: left } .page-ntd .footer-top .row-2 .col-md-3 { width: 30%; float: left } .page-ntd .footer-top .row-2 .col-md-4 { width: 100%; float: left } .page-ntd .box .owl-buttons .owl-next { right: 10px } .page-ntd .box .owl-buttons .owl-prev { left: 10px } .page-ntd .box .owl-buttons div { width: 20px; height: 20PX; font-size: 20px } .page-ntv .section-2 h2.text-center { font-size: 26px } } @media (max-width: 768px) { .page-ntd .footer .share, .page-ntd .header h1 span.yellow, .page-ntd .intro-help { /* display:block */ } .page-ntd-dk .container { width: 90% } .page-ntd-dk input[type=checkbox].css-checkbox + label.css-label, .page-ntd-dk input[type=checkbox].css-checkbox + label.css-label.clr { float: right; margin-top: 8px } .page-ntd-dk .custom-block .col-sm-3 .control-label { line-height: 50px } .page-ntd .section-1 .container { padding-top: 50px } .page-ntd .owl-pagination { float: none } .page-ntd .header .header-top .btn-download { font-size: 13px !important; border-radius: 0 !important; } .page-ntd .section-2 .wrap-1 .btn-download-free { text-align: center; margin: 20px auto; display: block; max-width: 150px; } .page-ntd .btn-download-free { padding: 10px 30px !important; font-size: 15px !important; /* border-radius:5px!important */ } .page-ntd .header .hope-bot .message { font-size: 13px; line-height: 20px } .page-ntd .header h1 { font-size: 24px; line-height: 1.4; } .page-ntd .section-3 h2.text-center { font-size: 22px } .page-ntd .section-2 .wrap-1 h3 { font-size: 18px } .page-ntd .footer .share { /* text-align:center; */ float: none !important; margin-top: 10px !important; } .copyright { /* text-align:center; */ float: initial !important; } .page-ntd .footer-top .row-2 h4 { font-size: 12px; display: inline-block; margin-bottom: 10px; } .visible-xs .nav-tabs { border: 0; float: right; margin-bottom: 10px } .visible-xs .nav-tabs li.active { border: 0 } .visible-xs .nav-tabs li.active a { background: #efef10; padding: 5px 17px; margin-top: -2px; border: 0 } .visible-xs .nav-tabs li a { border: 0; display: inline-block; background: #ccc; padding: 3px 15px; color: #333; font-weight: 600; z-index: 99; margin: 0 } .page-ntv .header .pull-right h4 { padding-right: 0; font-size: 12px } .page-ntv .header .logo { padding-left: 0 } .page-ntd-dk .form-bottom .pull-right .btn { width: 40px; height: 40px; font-size: 12px; padding: 8px; margin-bottom: 10px } .page-ntd-dk .text-center h1 { font-size: 30px } .page-ntd-dk .image-upload-wrap { height: initial } .page-ntd-dk .control-label { font-size: 18px } .section .container { padding: 5px 15px; } .section.success .container { padding: 40px 0 } .page-ntd-dk .image-upload-wrap .avatar, .page-ntd-dk .image-upload-wrap .cover { position: relative; top: 10px; bottom: initial; margin: auto; left: 0; right: 0 } .page-ntd-dk .form-bottom .row-2 .help-required, .page-ntd-dk .form-bottom .row-2 strong { line-height: 25px; font-size: 14px; float: left !important; /* margin-bottom: 5px; */ } .page-ntd .footer-top .row-2 .col-md-2, .page-ntd .footer-top .row-2 .col-md-3 { width: 50%; margin-bottom: 20px; float: left } .page-ntd-dk .form-bottom { padding-bottom: 120px } .page-ntd-dk .validate-success:after { font-size: 22px } .page-ntd-dk .custom-block .validate-success:after { top: 67px } .page-ntd-dk .custom-block.block-4 .validate-success:after { top: 15px } } @media (max-width: 480px) { .page-ntd .footer-bottom { padding-bottom: 10px; } .registration-form fieldset>.container { width: 100%; } .page-ntd .footer-top .row-2 .col-md-3 { width: 100%; float: left; margin-bottom: 10px } .page-ntd .section-1 .container { padding-top: 50px } .header .slogan { font-size: 9px; right: 0; } .page-ntv .header .box-content h1 span:last-child { font-size: 16px } .page-ntv .header .box-content h1 span:first-child { font-size: 29px } .page-ntv .header .box-content { bottom: 35px; left: 0; right: 0 } .page-ntv .header .box-content h1 { text-align: center } .page-ntv .header .wrap { padding-top: 160px } .page-ntv .header .btn-download-free { font-size: 24px; margin: auto auto 20px; width: initial; border-radius: 10px !important; height: inherit; max-width: 300px } .page-ntv .btn-download { margin: 10px auto; max-width: 230px; height: 52px; float: none; display: block } .page-ntd .footer-top .row-2 .col-md-2 { width: 50%; float: left; margin-bottom: 15px; min-height: 152px; } .page-ntv .section-2 p.text-center { font-size: 13px } .page-ntv .section-2 h2.text-center { font-size: 22px; line-height: 30px } .page-ntv .section-2 .box-item { margin-top: 50px } .page-ntd .footer-top .row-2 .col-md-4 { width: 100%; float: left } .follow.pull-right { float: left !important } .page-ntd .header a { font-size: 13px } .page-ntd .header .header-top .logo img { height: 40px; margin-top: 5px; } .page-ntd .header .header-top .btn-download { padding: 7px !important; border-radius: 0 !important; font-size: 12px !important; margin-top: 25px; } .page-ntd .header .hope-bot .message { font-size: 11px; line-height: 20px } .form-bottom .row-1 .container, .form-bottom .row-1 .container .form-box{ padding: 0 !important; width: 100%; } .page-ntd .header .box-content{ } .header-bottom{ background-image: none !important; } .page-ntd .header .box-content { padding-top: 70px; } .header .container { min-height: initial; } } @media (max-width: 420px) { .visible-xs.box-xs { min-height: 400px } } @media (max-width: 320px) { .page-ntd .header h1{ font-size: 20px; } .page-ntd .header .header-top .btn-download { padding: 6px !important; font-size: 11px !important } .page-ntd .header h1 span.intro{ font-size: 14px; } .visible-xs.box-xs { min-height: 450px } }