/* Designed by KinhDoanhWebNet */
 #widgetItem-footer-0>.widget-item-body{ padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px; max-height: auto; } #widgetItem-footer-0>.widget-item-body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #f5f5f5; border-radius: 3px; } #widgetItem-footer-0>.widget-item-body::-webkit-scrollbar { width: 6px; background-color: #f5f5f5; } #widgetItem-footer-0>.widget-item-body::-webkit-scrollbar-thumb { background-color: #cacaca; border-radius: 3px; } @media(max-width: 767px){ #widgetItem-footer-0>.widget-item-body{ padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px; max-height: auto; } } @media(min-width: 768px) and (max-width: 1023px){ #widgetItem-footer-0>.widget-item-body{ padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px; max-height: auto; } } @media(min-width: 1024px){ } #widgetItem-footer-0>.widget-item-body{ padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px; max-height: auto; } #widgetItem-footer-0>.widget-item-body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #f5f5f5; border-radius: 3px; } #widgetItem-footer-0>.widget-item-body::-webkit-scrollbar { width: 6px; background-color: #f5f5f5; } #widgetItem-footer-0>.widget-item-body::-webkit-scrollbar-thumb { background-color: #cacaca; border-radius: 3px; } @media(max-width: 767px){ #widgetItem-footer-0>.widget-item-body{ padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px; max-height: auto; } } @media(min-width: 768px) and (max-width: 1023px){ #widgetItem-footer-0>.widget-item-body{ padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px; max-height: auto; } } @media(min-width: 1024px){ } .service-description{ padding: 50px 10px; } .service-description>.flex{ justify-content: center; } .service-description>.flex>div{ width: 33.333333333333%; padding: 10px; text-align: center; transition: .4s all; } .service-description>.flex>div:hover{ opacity: .7 } .service-description>.flex>div>a>span{ display: block; line-height: 1.5 } .service-description>.flex>div .service-item-icon{ transition: .4s all; } .service-description>.flex>div:hover .service-item-icon{ transform: scale(1.1); } .service-description .service-item-icon{ display: block; text-align: center; } .service-description .service-item-icon>span{ width: 70px; height: 70px; border-radius: 50%; display: inline-block; padding: 5px; position: relative; } .service-description .service-item-icon>span>img{ max-width: 50px; max-height: 50px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .service-description-item-description{ font-size: 90%; line-height: 1.5 } @media(max-width: 767px){ .service-description>.flex>div{ width: 50%; padding: 10px; text-align: center; transition: .4s all; } } @media(min-width: 768px) and (max-width: 1023px){ .service-description>.flex>div{ width: 33.333333333333%; padding: 10px; text-align: center; transition: .4s all; } } @media(min-width: 1024px){ } main#main, #header>.header-body, #footer>.footer-body, .main-layout{ max-width: 1100px; margin: auto } .main-left{ width: 0% } .main-mid{ width: 70% } .main-right{ width: 30% }