/* ============================================================================ audyty stron ============================================================================ */ .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;} .sublayer1c-content-left {width:540px;float:left;} .sublayer1c-content-right {width:540px;float:right;} .box-content {padding:30px 0 0 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;} } @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;} } @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;} } @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;} }