@media (max-width: 1024px){
.content-qt{
margin: 0 80px !important;
}
}
@media (max-width: 912px){
.nhom-quy-trinh .quy-trinh-con{
margin: 0 10px !important;
}
.content-qt{
margin: 0 20px !important;
}
}
@media (max-width: 820px){
.nhom-quy-trinh .quy-trinh-con{
margin: 0 5px !important;
width: 150px !important;
height: 150px !important;
font-size: 15px !important;
}
.content-qt{
margin: 0 10px !important;
}
}
@media (max-width: 768px){
.nhom-quy-trinh .quy-trinh-con{
margin: 0 !important;
}
}
@media (max-width: 767px){
.nhom-quy-trinh{
display: none !important;
}
.quytrinh-mobile{
display: block !important;
}
#sticky-nav-bar .wrapper-sticky-nav-bar ul{
flex-wrap: unset !important;
}
}
@media (max-width: 540px){
#sticky-nav-bar .wrapper-sticky-nav-bar ul li a{
padding: 10px 20px !important;
}
}
@media (max-width: 430px){
#sticky-nav-bar .wrapper-sticky-nav-bar ul li a{
font-size: 16px !important;
padding: 5px 10px !important;
}
}
@media (max-width: 390px){
#sticky-nav-bar .wrapper-sticky-nav-bar ul li a{
line-height: 20px !important;
padding: 5px 6px !important;
}
}
@media (max-width: 360px){
.qtm-item h3{
font-size: 18px;
}
#sticky-nav-bar .wrapper-sticky-nav-bar ul li a{
font-size: 15px !important;
padding: 5px !important;
}
}
@media (max-width: 280px){
#sticky-nav-bar .wrapper-sticky-nav-bar ul li a{
font-size: 14px !important;
padding: 5px 0 !important;
}
}