@media (min-width: 501px) and (max-width: 660px) {

.logo {
    width: 206px;
}

.rejestracja-logowanie .sub_log2 {
  padding-left:30px;
}    

#footer_m{width: 480px;margin: 0 auto;}
.footer_item {
    margin-bottom: 10px;
    font-size: 16px;
}
.footer_top a {
    width: 50%;
    box-sizing: border-box;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.konto_right, .hist_right3_con{width: 480px;}
.hist_right3{width: 480px;box-sizing: border-box;}
#updatePanel {width: 480px;}

.box_z1 {min-width: 157px;box-sizing: border-box;}
.box_z2 {min-width: 157px;box-sizing: border-box;}
.wyk_big {min-width: 135px;box-sizing: border-box;padding-left: 13px;}
.box_z4 {width: 270px;width: 100%;box-sizing: border-box;}
.hist_right4 {box-sizing: border-box;padding: 7px 10px;}

.hist_nag3 {min-width: 230px;width: 50%;box-sizing: border-box;}
.hist_nag4 {min-width: 141px;width: 50%;box-sizing: border-box;padding-left: 70px;}
.hist_nag5 {min-width: 260px;width: 100%;box-sizing: border-box;padding-left: 10px;float: none;}

.hist_nag5 .hist_nag6 {padding-left: 100px;}

.login-button {padding-left: 15px;width: 130px;}
.log-help {float: left;margin-left: 30px;padding-top: 20px;}

.wp_l11{float:left;margin-top:7px;width: 100%;overflow: hidden;}
.wp_r21{float:left;margin-top:7px;width: 100%;}
.wp_box {width:100%;box-sizing:border-box;float: left;margin-right: 1%;}
.przyciski_btn {margin-left: 0;}
.waluta_btn {margin-left: 10px;}
.kal_tab3 { width: 310px;}
.kal_td_div {width: 100%;}
.dodaj_konto td {padding: 6px 15px 10px 15px;}

.wp_l {width: 100%;}
.wp_r {width: 100%;padding: 10px 15px 10px 50px;}
.wp_r2 {width: 100%;}
.kroki-wyplata div{width: 33%;font-size: 14px;}
.wyplata .kwoty3 {width: 225px;}
.wyplata #green_box {padding-left: 120px;}

#tab_srodki .grey {width: 100px;padding-left: 15px;font-size: 14px;}
#tab_srodki .rest {font-size: 14px;padding-left: 15px;}
#tab_srodki .green {font-size: 14px;padding-right: 15px;width: 180px;}
#tab_srodki .op_history {
    padding-right: 15px;
    text-align: right;
}
.hist_right10, .hist_right8{width: 480px;}
.container {width: 480px;}

.kal_tab3 {
  width: 100%;
}

.kal_akcept {
  height: auto;
}

.sub_left, .sub_right {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}


.konto_right11 {
  padding-left: 0;
  width: auto;
}

.moje-dane .konto_right11 {width: 100%;}
.moje-dane #dane_tab1{width: 100%;box-sizing: border-box;}
.moje-dane  #dane_tab_con1 {width: 100%;box-sizing: border-box;}

#dane_tab1 {
  width: 100%;
}

#dane_tab_con1 {
  width: 100%;
}

.but_top {
    display: none;
}


.oferty_1{margin-left:137px;text-align:center;width:50px;box-sizing:content-box;}
.oferty .sub_log6{box-sizing:content-box;padding: 2px 0 4px 40px;}

.hist_right11_2 .box_z8{width: 49%;margin-right: 1%;}
.hist_right11_2 .box_z42{width: 100%;}
.hist_nag5_op {margin-left: 15px;width: 210px;}
.hist_nag10 {float: left;font-size: 16px; margin-left: 15px; width:435px;}
.operacje .hist_nag6 {padding-left: 0;}
.select_wal_op {width: 210px;}
.kwoty2 {width: 120px;}

.operacje .ofe_tab_of td, .operacje .ofe_tab_on td,.operacje .ofe_tab_top td {padding: 5px 10px 5px 10px;}
.operacje table.ofe_tab tr td:nth-child(5){width: 75px;padding: 3px;}
.operacje table.ofe_tab tr td:nth-child(2){width: 60px;padding: 3px;}



.lower-menu1 ul li, .lower-menu2 ul li, .lower-menu3 ul li {display: block;float: left;}
.lower-menu1 ul li a, .lower-menu2 ul li a, .lower-menu3 ul li a {
  color: #000;
  transition: all 0.2s ease 0s;
  font-size: 15px;
  display: block;
  line-height: 43px;
  padding: 0 18px; /*!!!*/
}


.lower-menu1, .lower-menu2, .lower-menu3 {height: 43px;}
.lower-active {background-color: #ffe709;}

#mid-lvl-menu a:hover {background-color: #ffe709;}

.upper-menu ul li a span#shortMenuText {
    display: inline;
}

.upper-menu ul li a span#longMenuText {
    display: none;
}

.upper-menu ul li{box-sizing:border-box;width: 50%;}
.upper-menu ul li:nth-child(-n+2){border-bottom: 1px solid #fff;}
.upper-menu ul li:nth-child(even){border-left: 1px solid #fff;}
.upper-menu {height:87px;}

.page-header h1 {
    font-size: 26px;
    margin-top: 0;
    padding-top: 40px;
}
.page-header h3 {font-size: 13px;}

.lower-menu2 ul li a{font-size: 14px;padding: 0 20px 0 25px;}

/*kalkulator START*/
#Calc .calc-wrap {
    height: 391px;
}
.calc-step-5 {height: auto}
.calc-step-1, .calc-step-2, .calc-step-3, .calc-step-4{
    box-sizing: border-box;
    float: left;
    height: 165px;
    position: relative;
}
.calc-step-2 {
    padding-top: 60px;
}
.calc-step-1, .calc-step-2, .calc-step-3, .calc-step-4 {
    box-sizing: border-box;
    float: left;
    height: 165px;
    position: relative;
}
.calc-step-1, .calc-step-2, .calc-step-3, .calc-step-4 {
    width: 50%;
}
.bg-swap-2, .bg-swap-3 {
    background-color: #f7f7f7;
}
.calc-step-4 {
    padding-top: 27px;
}
.calc-step-5 {
    width: 100%;
}
.start-button {
    height: 61px;
    line-height: 61px;
    margin: 0;
    width: 100%;
    font-size: 16px;
}
.bg-swap-1, .bg-swap-4, .bg-swap-5 {
    background-color: #fff;
}

.step-head {
    color: #000;
    font-size: 18px;
    padding: 10px 0;
    text-align: center;
}
.cal-button {
    color: #000;
    display: block;
    font-size: 17px;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    margin: 0 auto 20px;
    text-indent: 10px;
    transition: all 0.2s ease 0s;
    width: 219px;
}

.dropdown-list {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ababab;
    height: 40px;
    margin: 0 auto;
    width: 219px;
}
.dropdown-input {
    float: left;
    width: 113px;
}


.dropdown-list-2 {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ababab;
    height: 40px;
    width: 219px;
}
.dropdown-list-2 {
    margin: 20px auto 0;
}
.dropdown-input-2 input {
    border: medium none;
    box-sizing: border-box;
    color: #000;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    text-indent: 5px;
    width: 100%;
}
.calc-arrow {
    float: right;
    height: 16px;
    width: 18px;
}
.cal-bottom-box {
    margin: 0 auto;
    padding-top: 5px;
    width: 100%;
}

.po-kursie {
    display: table;
    margin-left: 23px;
    width: 198px;
}
/*kalkulator END*/


/*Oplaty transakcyjne START*/
.hist_nag1{width: 100%;text-align: center;}
.hist_nag2{width: 100%;text-align: center;line-height: 46px;}
.hist_nag2 .tbl_historia{width: 100%;}
.hist_nag1 a{padding: 7px 30px;font-size: 15px;margin-right: 20px;}
.hist_nag2 td{padding-right: 4px;font-size: 15px;}
.hist_nag2 .data_tekts2 {text-align: right;}
.tabela_operacje td {padding: 5px 10px 5px 5px;}
/*Oplaty transakcyjne END*/

#dane_tab1 .btn {padding-right: 0;}
#dane_tab2 {width: auto;}
#dane_tab_con1 .right {padding-right: 0;}
.strefa-zysku .hist_right{padding: 10px 20px;}
.strefa-zysku .hist_nag1{float: left;width: auto;font-size: 14px;}
.strefa-zysku textarea{width: 430px !important;height: 40px !important;}

.lower-menu5 .container .login-button2{float: right;margin-right: 113px}
.login-button2 {
  width: 130px;
  height: 34px;
  line-height: 33px;
  display: block;
  float: left;
  background: url("img/black-ar.png") no-repeat scroll 90% 50% #f9b00a;
  padding-left: 10px;
  margin-left: 1px;
  color: #000;
  font-size: 14px;
  box-sizing: border-box;
  transition: all 0.2s ease 0s;
  margin-top: 4px;
}
.lower-menu5 ul li {display: block;float: left;}
.lower-menu5 ul li a{
  color: #000;
  transition: all 0.2s ease 0s;
  font-size: 14px;
  display: block;
  line-height: 43px;
  padding: 0 15px;
}

.bez_submenu{height: 43px;}
/*kalkulator Kursy walut Plus kantor dodatkowe*/

#OfertyKursy  .ofe_tab_amount {width: 105px !important;}
#OfertyKursy .ofe_tab tr td:nth-child(5){display: none;}
#OfertyKursy .ofe_tab tr td:nth-child(6){width: 60px;text-align: center;padding-left: 0;font-size: 13px;}
.small_wykres{width: 165px;}
.country-name2{font-size: 12px;}

#OfertyKursy .ofe_tab_top td {font-size: 13px;}
#OfertyKursy .ofe_tab {font-size: 14px;}

#OfertyKursy .calc-flag {float: none;height: 25px;}
#OfertyKursy .parawalut .country-name {margin-left: 0;float: none;clear: both;}
#OfertyKursy .parawalut .calc-flag {float: left;}
/*kalkulator Kursy walut Plus kantor dodatkowe END*/

/*Kursy walut One start*/
#kurs_walut_one .c1-3{width: 100%;float: none;border-bottom: 1px solid #bdcae6;margin-bottom: 20px;padding-bottom: 15px;}
/*Kursy walut One END*/
.box_z11, .box_z21 {
    box-sizing: border-box;
    min-width: 157px;width: auto;
}
.wyk_big1 {
    box-sizing: border-box;
    min-width: 135px;
    padding-left: 13px;
    width: auto;
}
.box_z41 {
    box-sizing: border-box;
    width: 100%;
}
.historia-szczegoly .hist_nag5{display: none;}
.historia-szczegoly .hist_nag4{padding-left: 100px}
.moje-dane #dane_tab3 {margin-left: 30px;width: 450px;}
.moje-dane #dane_tab4_zm {margin-left: 30px;width: 450px;}
.moje-dane #dane_tab4 {margin-left: 30px;width: 450px;}
.moje-dane  .info11 {padding-left: 30px}

.moje-dane .selectTerm4 {width: 180px;}
.moje-dane  #dane_tab_con1 .right {padding-right: 10px;}
.moje-dane #dane_tab1 .btn {padding-right: 10px;}
.moje-dane .btn_save{display: block;line-height: 23px;float: right; width: 116px;}

.c50-1{width: 100%;float: left;}
.pa30{padding:20px;}
.tab_5050 tr td:nth-child(even){width:60%;padding: 0 10px;}
.tab_5050 tr td:nth-child(odd){width: 40%;padding: 0 10px;}
.tab_5050 .selectTerm4 {width: 210px;}

/*kalkulator 2 punktowy*/
.calc-step-5{height: 61px !important;clear: both;}

.new-calc-step-1, .new-calc-step-2{
  box-sizing: border-box;
    float: left;
    height: 146px;
    position: relative;
}.new-calc-step-1 {
    width: 100%;
}
.new-calc-step-2 {
    width: 100%;
}

.new-calc-step-1 .step-head, .new-calc-step-2 .step-head{ font-size: 22px;font-weight: 300;}
.new-calc-step-1 .dropdown-list, .new-calc-step-2 .dropdown-list {width:85%;}

.wym_cal{text-align: center;font-size: 13px;margin-top: 8px;line-height: 15px;}
.wym_cal span{font-weight: 900;white-space:nowrap;}
.wym_cal a:hover{text-decoration: underline;color: #777;}
.wym_cal a{text-decoration: none;color: #000;}

.new-calc-step-1 .dropdown-input, .new-calc-step-2 .dropdown-input {width: 206px;}
.new-calc-step-1 .dropdown-input input, .new-calc-step-2 .dropdown-input input{width: 206px;}
.new-calc-step-2 .dropdown-list-2{ height: 32px; margin: 10px auto 0 35px; width: 169px;position: relative;float: left;}
.new-calc-step-2  .kurs-list .country-name {font-size: 13px;line-height: 22px;}
.new-calc-step-2 .cal-bottom-box {float: left;margin: 0 auto 0 10px;}

.ofe_tab .ofe_tab_top td:nth-child(3), .ofe_tab .ofe_tab_on td:nth-child(3), .ofe_tab .ofe_tab_of td:nth-child(3){width: 80px;}
.ofe_tab .ofe_tab_top td:nth-child(2), .ofe_tab .ofe_tab_on td:nth-child(2), .ofe_tab .ofe_tab_of td:nth-child(2){width: 80px;}
.cal-bottom-box {padding-top: 5px; width: 179px;}
#Calc input, #Calc textarea { padding: 8px 6px 7px;}
a.calc-arrow {padding: 12px 6px;}
.cal-cell .input_none {font-size: 13px;width: 52px;}
.cal-cell-1{font-size: 11px;}
.cal-cell-3{font-size: 11px;}
#Calc{height: 360px}
/*kalkulator 2 punktowy - END*/

    /*Nowy kalkulator start*/

    .nc-step-1, .nc-step-2, .nc-step-5 {width: 100%;float: none;}
    .nc-step-5{height: 266px !important;}
    .calc-wrap-new {height: 976px;}
    .new_cal{height: auto !important;}
    .nc-step-5 {border:none;margin-right: 0;margin-left: 0;}
    .nc-step-2{margin-left: 0;}
    .nc-step-1{margin-right: 0;}
    .dropdown-list-7 {width: 80%;}
    .new_cal .po-kursie{width: 80%;}
    .nc-step-5 .cal-cell-1, .nc-step-5 .cal-cell-3{font-size: 15px !important;}
    .nc-step-5 .cal-cell-2{font-size: 15px;width: 72px;}
    .dropdown-input-7 input{font-size: 16px;}
    .new_cal .cal-cell .input_none{font-size: 15px;width: 72px;}
    .change_input_right {margin-bottom: 15px;}
}