@media only screen and (max-width : 1200px) {#services .box-container .box {width: 320px;}.container {padding: 0 20px;max-width: 100%;}#services .box-container .box .image-container {height: 120px;}section.introduce {padding: 125px 0 75px 0;}}@media only screen and (max-width : 1024px) {section {padding: 50px 0;}.container {padding: 0 20px;max-width: 100%;}.text-image, .text-image.custom-padding {padding: 0 0px;}#products .text-image {padding: 50px 0;}.text-image .image {align-items: flex-start;padding-top: 30px;}#topbar nav {position: absolute;left: 0;right: 0;top: 70px;padding: 0;border-bottom: #d4d4d4 1px solid;background-color: #ffffff;border-top: #d4d4d4 1px solid;display: flex;}#services .box-container .box {width: 300px;}.ref-grid {width: 100%;margin: 0;}.ref-grid .ref-box, .ref-grid .ref-box .content {width: 220px;height: 220px;}#promo-container {padding: 0 25px 75px 25px;}.breadcrumb {padding: 50px 5px 5px 5px;}section.introduce {padding: 50px 0 20px 0;}#services .box-container .box .image-container {height: 180px;}section.blog-detail {padding-top: 100px;}.blog-detail .container.content {flex-direction: column;}.blog-detail .container .action-col {width: 100%;margin-left: 0;margin-top: 35px;}h2.limited {padding: 0 60px;}.centered-content p {padding: 0 60px;}}@media only screen and (width : 768px) {section {padding: 50px 0;}section.entry {padding-top: 100px;}.container {max-width: 100%;}#topbar nav {position: absolute;left: 0;right: 0;top: 70px;padding: 0;border-bottom: #d4d4d4 1px solid;background-color: #ffffff;border-top: #d4d4d4 1px solid;display: flex;}text-image {padding: 0 0px;}.text-image .row, .text-image.reverse .row {flex-direction: column-reverse;padding: 0 30px;}.text-image .row .image {margin-bottom: 35px;}.text-image .text p.info {padding: 10px 0 0 0;}.text-image .image img {max-width: 100%;}.text-image .text p, .centered-content p {font-size: 15px;line-height: 24px;padding: 0 40px;}.text-image.more-space {padding: 20px 0;}#products .text-image {padding: 20px 10%;}#services .box-container .box .image-container {height: 180px;}#services .box-container .box {width: 320px;}section.introduce {padding: 50px 0 25px 0;}.box-content .box-container .box {width: 330px;}h2.limited {padding: 0 40px;}.breadcrumb {padding: 50px 5px 5px 5px;}.text-image .text p {padding: 0;}.blog-detail .container.content {flex-direction: column;}.blog-detail .container .detail {padding-right: 0;}.blog-detail .container .action-col {width: 100%;margin-left: 0;margin-top: 35px;}.ref-grid {width: 100%;margin: 0;}.ref-grid .ref-box, .ref-grid .ref-box .content {width: 220px;height: 220px;}.home-page-blog {padding: 50px 0;}.home-page-blog .ref-grid .ref-box:last-child {display: none;}.home-page-blog .button-set {margin-top: 20px;}.box-content .box-container {margin-top: 0;}.entry #promo {margin-top: 0;}.text-image .image {padding-top: 0;}section.blog-detail {padding: 100px 0 50px 0;}.blog-detail .container .header h1 {margin-bottom: 20px;}.ref-grid .ref-box:hover .content h3 {padding: 0 20px;}}@media only screen and (max-width : 760px) {.breadcrumb {padding: 0px 5px 5px 5px;}#mobile-menu-icon {position: fixed;right: 0px;top: 8px;z-index: 101;padding: 10px;}#mobile-menu-close-icon {position: fixed;right: 0px;top: 8px;z-index: 101;padding: 10px;}#mobile-menu {position: fixed;top: 70px;right: 0;left: 0;bottom: 0;z-index: 99;background-color: #ffffff;}.mobile-menu-links {display: flex;flex-direction: column;padding-top: 10px;}.mobile-menu-links a:link, .mobile-menu-links a:visited {padding: 15px 25px;border-bottom: #e8e8e8 1px solid;}.show-on-mobile {display: flex;}.hide-on-mobile {display: none;}.row {margin-right: 0;margin-left: 0;}.fw-mobile {width: 100%;}h1 {font-size: 40px;}h2 {font-size: 32px;line-height: 120%;}h2.limited {padding: 0 0;}h3 {font-size: 20px;line-height: 26px;}section {padding: 30px 0;}.container {max-width: 100%;}#topbar .buttons {display: none;}#topbar nav {display: none;}.entry {padding: 0;}.button-set a {display: flex;justify-content: center;flex: 1;}.text-image {padding: 0 0px;}.text-image .row, .text-image.reverse .row {flex-direction: column-reverse;}.text-image .row .image {margin-bottom: 35px;}.text-image .text p.info {padding: 10px 0 0 0;}.text-image .image img {max-width: 100%;}.text-image .text p, .centered-content p {font-size: 15px;line-height: 24px;}.text-image.more-space {padding: 20px 0;}#products .text-image {padding: 20px 0;}#services {padding: 35px 0;}.centered-content p {padding: 0;}#services .box-container {flex-direction: column;}#services .box-container .box h3 {margin: 20px 0;}.frow {flex-direction: column;}#callme .container .callme-form input {width: 100%;}.embedded-video {width: 100%;height: 200px;}#footer .container .links div:first-child {flex-wrap: wrap;margin-bottom: 25px;}#footer .container.social div {padding-top: 30px;padding-bottom: 30px;}#services .box-container .box {width: 100%;}#services .box-container .box .image-container {height: 160px;}.mtab-content {padding: 0;}#mdn .container p {font-size: 15px;line-height: 24px;padding: 10px 20px;}.mtab-container {flex-direction: column;border-radius: 6px 6px 0 0;}.mtab-container label {padding: 15px 10px;border-bottom: #d4d4d4 1px solid;}.form-el {width: 100%;}section.introduce {padding: 25px 0;}.home-page-blog {padding: 60px 20px;}.box-content .box-container .box h3.min-60 {min-height: unset;}section.blog-detail {padding-top: 30px;}.blog-detail .container {width: 100%;}.blog-detail .container.content {flex-direction: column;}.blog-detail .container .detail {padding-right: 0;padding-bottom: 30px;}.blog-detail .container .header h1 {font-size: 30px;margin-bottom: 10px;}.blog-detail .container .action-col {width: 100%;margin: 0;}.callme-container {width: 100%;bottom: 0;top: 0;left: 100%;box-shadow: unset;border-radius: 0;transition: all .5s;}.callme-container .frow {margin: 0;}.callme-container .button-set {padding: 15px 20px;}.callme-container.show {left: 0;}.callme-container .content {height: 100%;overflow: auto;}.callme-container .content textarea {height: 130px;}.box-content .box-container {margin-top: 30px;}.ref-grid {width: 95%;}.ref-grid .ref-box, .ref-grid .ref-box .content {width: 150px;height: 150px;}.ref-grid .ref-box:hover .content h3 {font-size: 15px;line-height: 18px;margin-top: 10px;padding: 0 20px;}.ref-grid .ref-box:hover .content label {font-size: 10px;}.ref-grid .ref-box:hover .content a {font-size: 12px;padding: 0 10px;text-align: center;}}