@import url('../product.css');

@media (max-width:767px) {
    .banner {background-position:30% center}
    .section {padding:50px 0}
    .section img {display:block}
}
@media (min-width:768px) {
    .section {padding:50px 0}
    .section .text-wrap {margin-top:70px}
    .section h1 {font-size:26px;margin-bottom:20px}
    .section p {font-size:14px;line-height:1.6}
    .section .row > div {padding-left:20px;padding-right:20px}
    .section:nth-child(2) img {margin-left:-20px}
    .section:nth-child(4) .text-wrap {margin-left:10px}
    .section:nth-child(5) img {margin-left:15px}
}
@media (min-width:992px) {
    .section {padding:60px 0}
    .section .text-wrap {margin-top:100px}
    .section h1 {font-size:30px}
    .section p {font-size:16px}
    .section .row > div {padding-left:30px;padding-right:30px}
    .section:nth-child(2) img {margin-left:-30px}
    .section:nth-child(4) .text-wrap {margin-left:15px}
    .section:nth-child(5) img {margin-left:20px}
}
@media (min-width:1200px) {
    .section {padding:70px 0}
    .section .text-wrap {margin-top:120px}
    .section h1 {font-size:36px}
    .section p {font-size:16px}
    .section .row > div {padding-left:50px;padding-right:50px}
    .section:nth-child(1) .text-wrap {padding-top:1px}
    .section:nth-child(2) img {margin-left:-40px}
    .section:nth-child(4) .text-wrap {margin-left:20px}
    .section:nth-child(5) img {margin-left:30px}
}