@media only screen and (max-width:979px) {
    header.home .container h1 {font-size: 32px; margin: 0 0 38px;}
    header.home .container p {font-size: 12px; letter-spacing: 2px; margin: 0 0 38px;}
    header.home .scrollIcon {width: 24px; height: 42px;}
    .hIntro h2 {font-size: 28px;}
    .hIntro .col2 ul li .desc strong {font-size: 16px; margin: 0 0 6px;}
    .hIntro .col2 ul li .desc p {font-size: 12px; line-height: 18px;}
    .solutions {display: block;}
    .solutions .leftbox, .solutions .rightbox {display: block; width: 100%;}
    .solutions .leftbox {padding: 32px 4%;}
    .solutions .leftbox h3 {margin: 10px 0;}
    .leavemess h2 {font-size: 28px;}
    .leavemess .rightbox h3 {font-size: 26px; margin: 0 0 20px;}
    .leavemess .rightbox p {font-size: 16px;}
    footer .tbl .col4 h4 {font-size: 14px;}
}
@media only screen and (max-width:579px) {
    header.home .container h1 {font-size: 22px; letter-spacing: 4px;}
    header.home .container .btnBan {font-size: 12px; line-height: 26px; border-radius: 8px; padding: 0 16px;}
    .hIntro .col2 ul li, .hIntro .col2 ul li:nth-child(2n+1), .hIntro .col2 ul li:nth-child(2n) {width: 100%; padding: 0;}
    .brands h2, .leavemess h2 {font-size: 22px;}
    .leavemess .rightbox h3 {font-size: 18px;}
    .leavemess .rightbox p {font-size: 11px;}
    .leavemess .leftbox .form ul li input[type="text"] {height: 28px;}
    .leavemess .leftbox .form ul li input[type="submit"] {font-size: 12px; height: 30px;}
    footer .tbl {display: block;}
    footer .tbl .col4 {display: block; margin: 0; padding: 14px 0; width: 100%;}
}
@media only screen and (max-width:479px) {
    .topNav nav ul li a {font-size: 12px;}
    .topNav .logo img {height: 38px;}
    .topNav.fix .logo img {height: 36px;}
}
@media only screen and (max-width:379px) {
    .topNav nav {width: calc(100% - 84px - 4px);}
}