/* ============================================================================ strony internetowe ============================================================================ */ .sublayer1-box {padding:0 0 30px 0;} .subpadd40 {padding:40px 0 0 0;} .sublayer1a-content-left {width:460px;float:left;} .sublayer1a-content-right {width:540px;float:right;} .sublayer1b-content-left {width:540px;float:left;} .sublayer1b-content-right {width:460px;float:right;} .step-content {padding:30px 0 0 0;} .step-content ul {list-style: none;padding:20px 0 0 0;} .step-content li {padding-left: 1.3em;margin-bottom:15px;} .step-content li:before { content: "\f101"; font-family: 'icomoon'; display: inline-block; margin-left: -1.3em; width: 1.3em; font-weight:400; font-size:12px; } .sublayer1c-content-left {width:540px;float:left;} .sublayer1c-content-right {width:540px;float:right;} .box-content {padding:30px 0 0 0;} .layer6-header {padding:60px 0 60px 0;} /* ============================================================================ RESPONSIVE ============================================================================ */ @media only screen and (min-width: 1180px) and (max-width: 1380px){ .sublayer1c-content-left {width:520px;float:left;} .sublayer1c-content-right {width:520px;float:right;} } @media only screen and (min-width: 959px) and (max-width: 1180px){ .sublayer1a-content-left {width:100%;float:none;margin:0 auto;text-align:center;} .sublayer1a-content-right {width:100%;float:none;margin:0 auto;} .sublayer1b-content-left {width:100%;float:none;margin:0 auto;} .sublayer1b-content-right {width:100%;float:none;margin:0 auto;text-align:center;} .sublayer1c-content-left {width:100%;float:none;margin:0 auto;} .sublayer1c-content-right {width:100%;float:none;margin:0 auto;padding:40px 0 0 0;} .layer6-header {padding:0 0 60px 0;} } @media only screen and (min-width: 768px) and (max-width: 959px){ .sublayer1a-content-left {width:100%;float:none;margin:0 auto;text-align:center;} .sublayer1a-content-right {width:100%;float:none;margin:0 auto;} .sublayer1b-content-left {width:100%;float:none;margin:0 auto;} .sublayer1b-content-right {width:100%;float:none;margin:0 auto;text-align:center;} .sublayer1c-content-left {width:100%;float:none;margin:0 auto;} .sublayer1c-content-right {width:100%;float:none;margin:0 auto;padding:40px 0 0 0;} .layer6-header {padding:0 0 60px 0;} } @media only screen and (min-width: 480px) and (max-width: 767px){ .sublayer1a-content-left {width:100%;float:none;margin:0 auto;text-align:center;} .sublayer1a-content-right {width:100%;float:none;margin:0 auto;} .sublayer1b-content-left {width:100%;float:none;margin:0 auto;} .sublayer1b-content-right {width:100%;float:none;margin:0 auto;text-align:center;} .sublayer1c-content-left {width:100%;float:none;margin:0 auto;} .sublayer1c-content-right {width:100%;float:none;margin:0 auto;padding:40px 0 0 0;} .layer6-header {padding:0 0 60px 0;} } @media only screen and (min-width: 320px) and (max-width: 479px){ .sublayer1a-content-left {width:100%;float:none;margin:0 auto;} .sublayer1a-content-right {width:100%;float:none;margin:0 auto;} .sublayer1b-content-left {width:100%;float:none;margin:0 auto;} .sublayer1b-content-right {width:100%;float:none;margin:0 auto;text-align:center;} .sublayer1c-content-left {width:100%;float:none;margin:0 auto;} .sublayer1c-content-right {width:100%;float:none;margin:0 auto;padding:40px 0 0 0;} .layer6-header {padding:0 0 60px 0;} }