/* media 1249 */
@media screen and (max-width: 1249px) {
	.top .topContent {
		margin-left: 5%;
		margin-right: 5%;
		width: 90%;
		display: inline-block;
	}
	.loginBg .register form .inputs{
		display: table;
        width:100%;
	}
	.loginBg .register form .inputs > span{
		clear: none;
		max-width:80%;
		float:right;
	}
	.loginBg .register form .inputs label{
		margin-top:6px;
        width:16%;
	}

	.top .topContent .gpwTraderLogo {
		width: 180px;
		margin-top: 48px;
	}

	.top .topContent .gpwLogo {
		width: 200px;
		margin-top: 35px;
	}

	.top .topContent .fundacjaLogo {
		width: 200px;
	}

	.top .topContent .language .lang.pl {
		margin-right: 0;
	}

	.top .topContent .timer .text {
		font-size: 14px;
	}

	.top .topContent .timer .text .dateInfo .spacer {
		margin: 0 7px;
	}

	.content {
		width: 100%;
	}

	.content h2 {
		margin-top: 45px;
		font-size: 42px;
		line-height: 1.3;
	}

	.content .index-btns, .content .blueText {
		margin-top: 20px;
	}

	.content h2, .content .index-btns, .content .social, .content .footer {
		width: 90%;
		padding-left: 5%;
		padding-right: 5%;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.content .blueText, .content .film {
		margin-left: 5%;
		margin-right: 5%;
		padding: 5%;
		width: 80%;
		min-height: 0;
		padding-bottom: 20px !important;
	}

	.content .film, .content h2, .content .index-btns {
		padding-top: 0;
		padding-bottom: 0;
	}

	.content .film p {
		margin-left: 0;
	}

	.content .film .video {
		margin-left: 0;
		width: 100%;
		text-align: center;
	}

	.content .blueText .left, .content .blueText .right {
		width: 48%;
	}

	.content .social {
		text-align: center;
	}

	.content .social .social-group {
		float: left;
		width: 100%;
	}
	.content .social .singleSocial {
		margin-top: 0;
		margin-left: 67px;
		margin-right: 67px;
		margin-bottom: 20px;
	}

	.content .social .singleSocial:nth-child(3n+1) {
		float: left;
	}

	.content .social .singleSocial:nth-child(3n+3) {
		float: right;
	}

	.content .footer .copyright, .content .footer .linki {
		width: 99%;
	}

	/* register form */
	.loginBg .register {
		width: 640px;
		margin-left: -320px;
	}

	.loginBg .register .text, .loginBg .register form {
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
	}

	.loginBg .register .text {
		font-size: 12px;
		margin-top: 17px;
	}

	.loginBg .register form input {
		width: 60%;
		padding: 2%;
		float: right;
		font-size: 12px;
		line-height: 1.2;
	}

	.loginBg .register form .left, .loginBg .register form .right {
		width: 49%;
		margin: 0;
	}

	.loginBg .register form label, .loginBg .register form .right label {
		font-size: 12px;
    	margin-left: 0;
    	padding-right: 2%;
    	width: 34%;
    	font-size: 10px;
    	margin-top: -24px;
	}

	.loginBg .register form .checkbox {
		width: 100%;
		margin-left: 0;
	}

	.loginBg .register form .obowiazek {
		margin-left: 6%;
		width: 90%;
		font-size: 10px;
		margin-top: 5px;
	}

	.loginBg .register form .checkbox .checkWrap {
		width: 100%;
	}

	.loginBg .register form .button-wrapper {
		width: 100%;
	}

	.loginBg .register form .checkbox label {
		margin-left: 6%;
		width: 94%;
		margin-top: -20px;
		font-size: 10px;
	}

	/* index check */

	.top.zalogowany .topContent .gpwLogo {
		margin-left: 0;
		margin-top: 50px;
		height: 46px;
		width: 156px;
	}

	.top.zalogowany .user-account {
/*		width: 100%;
		margin: 0; */
	}

	.top.zalogowany .user-account .user, .top.zalogowany .user-account .main-account {
		width: auto;
		float: left;
		margin: 10px 20px;
	}

	.content-zalogowany .menu.zalogowany  .menu.content,
	.content-zalogowany .submenu,
	.content-zalogowany .tables,
	.content-zalogowany .footer,
	.content-zalogowany .rachunek-content,
	.content-zalogowany .historia-content,
	.content-zalogowany .notowania-content,
	.content-zalogowany .aktywny,
	.content-zalogowany .zlecenia-aktywne,
	.content-zalogowany .rank-block,
	.content-zalogowany .edukacja-content {
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
		/*min-width: 324px;*/
	}

	.menu.zalogowany .menu.content .list li {
		font-size: 11px;
	}

	.menu.zalogowany .menu.content .list li {
		width: auto !important;
		padding-left: 2%;
		padding-right: 2%;
		margin: 0;
		min-height: 50px;
	}

	.menu.zalogowany .menu.content .list a {
		padding-top: 20px;
	}

	.menu.zalogowany .menu.content .list li.home {
		width: 10px !important;
	}

	.menu.zalogowany .menu.content .list li.home.active {
		background-size: 80%;
	}

	.menu.zalogowany .menu.content .list li.check {
		/*width: 25px !important;*/
		padding: 0 4px !important;
		background-size: 80% auto !important;
	}

	.tables {
		width: 100%;
	}

	.tables .blockleft {
		margin-top: 30px;
		margin-left: 0;
		margin-right: 0;
		width: 100%;
		height: auto;
		min-height:0;
	}

	.tables .blockleft .single-block,
	.tables .blockleft .single-block.informacje .info,
	.tables .blockleft .single-block.informacje .newsc {
		width: 100%;
	}

	.tables .blockleft .single-block.informacje .newsc p br {
		display: none;
	}

	.tables .blockright {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
		min-height:0;
	}

	.tables .blockleft .single-block .scrollerX {
		width: 98%;
		left: 2%;
	}

	.tables .table-custom th {
		text-align: left;
	}

	.popup {
		left: 5%;
		margin: 0;
		top: 280px;
		width: 90%;
	}

	.popup::before {
		left: 110px;
		top: -17px;
		-ms-transform: rotate(90deg); /* IE 9 */
    	-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
		transform: rotate(90deg);
	}

	.submenu.content .single-block {
		width: auto !important;
		padding: 0 5px !important;
		height: 80% !important;
		margin: 15px 0 0 !important;
	}

	.submenu.content .single-block h4 {
		font-size: 12px !important;
	}

	.submenu.content .single-block p {
		font-size: 16px !important;
	}

	.submenu.content .single-block.stan p {
		font-size: 12px !important;
	}

	.submenu.content .button {
		width: 105px;
		margin: 15px 3px 0;
	}

	.submenu.content .button span {
		display: none;
	}

	.submenu.content .button p {
		font-size: 13px;
		margin-top: 18px !important;
		margin-right: 30px !important;
	}

	.submenu.content .order p {
		margin-top: 10px !important;
	}

	.submenu.content .button div {
		margin-left: 75px !important;
	}

	.submenu.content .single-block.stan img {
		left: 110px;
	}

	/* settings */
	.ustawienia {
		width: 90%;
		left: 5%;
		margin: 0;
		font-size: 12px;
		padding-bottom: 25px;
	}

	.ustawienia * {
		font-size: 12px !important;
	}

	.ustawienia .header {
		height: 40px;
	}

	.ustawienia .header p {
		font-size: 15px !important;
		padding-top: 12px;
	}

	.ustawienia .header .close {
		top: 12px;
	}


	.ustawienia .button {
    	width: 30%;
    	margin: 0 2px 10px;
    	height: 40px !important;
    	box-sizing: border-box;
    	min-height: 0;
	}

	.ustawienia .button p {
		font-size: 15px !important;
		margin-top: 12px;
	}

	.ustawienia .button.usun,
	.ustawienia .button.zapisz,
	.ustawienia .button.odswiez,
	.ustawienia .button.resetuj {
		background-position: 95% center;
		background-size: 16px;
	}

	.ustawienia .button.usun {
		background-size: 12px;
	}

	.ustawienia .button.zapisz {
		background-size: 14px;
	}

	/* samouczki */
	.samouczki-block {
		width: 100%;
		float: left;
		height: auto;
	}

	.samouczki-block .samouczki-h, .samouczki-block .video-block, .zlecenie-block, .zlecenie-block3, .zlecenie-block4 {
		padding-top: 25px;
		margin: 0 5%;
		width: 90%;
	}

	.samouczki-block .video-block .yt {
		width: 48%;
		margin-right: 2%;
		float: left;
		min-height: 330px;
	}

	.samouczki-block .video-block .yt .player {
		width: 100%;
		background-repeat: no-repeat;
	}

	/* szybkie zlecenie */
	.zlecenie-block3 .content-block .buttony .button-zlecenie {
		position: static;
	}

	.kupno .button-kupno, .sprzedaz .button-kupno {
		left: 50%;
		margin-left: -184px;
		margin-top: 10px;
	}

	.zlecenie-block .button-sprzedaz {
		left: 50%;
		margin-left: 30px;
		margin-top: 10px;
	}

	.zlecenie-block .wyborBlock {
		width: 100%;
		height: auto !important;
	}

	.zlecenie-block .buttony {
		width: 100%;
		text-align: center;
		margin-top: 0 !important;
	}

	.zlecenie-block3 .content-block .instr1,
	.zlecenie-block3 .content-block .instr-table,
	.zlecenie-block4 .content-block .instr1,
	.zlecenie-block4 .content-block .instr-table {
		left: 50%;
		margin-left: -270px;
		position: relative;
	}

	.zlecenie-block .buttony .button-przelicz{
		position: static;
		margin:0;
	}

	.zlecenie-block3 .content-block .buttony .button-przelicz {
		position: static;
	}

	.zlecenie-block .buttony .button-zlecenie {
		position: static;
	}

	.zlecenie-block .wyborBlock {
		margin-top: 60px;
	}

	.zlecenie-block, .zlecenie-block3, .zlecenie-block4 {
		margin-top: -16px;
	}


	.zlecenie-block .wyborBlock .center {
		width: 500px;
	}

	.zlecenie-block .wyborBlock .center label {
		left: 100px;
	}

	.zlecenie-block .wyborBlock .center input, .wyborBlock .inputs {
		right: -100px;
		position: relative;
	}

	.zlecenie-block3 .content-block .instr-table:after {
		width: 100%;
		left: 0;
		display: none;
	}

	.zlecenie-block3 .content-block .buttony {
		width: 100%;
		border-top: 1px solid #525e75;
		margin-top: 0;
		padding-top: 27px;
		text-align: center;
	}

	.spinner .arrows {
		right: 60px;
	}

	.zlecenie-block .wyborBlock .center .info {
		right: 20px;
	}

	.wyborBlock .center .infoBox {
		left: 51px !important;
	}

	.wyborBlock .center .infoBox::before {
		transform: rotate(180deg);
		left: auto;
		right: -12px;
	}

	.zlecenie-block3 .content-block, .zlecenie-block4 .content-block {
		left: 0;
		margin-left: 0;
		width: 100%;
	}

	/* rachunek */
	.universal-table th {
		padding: 5px;
	}

	.rachunek-content .srodki,
	.rachunek-content .derywaty,
	.rachunek-content .derywaty .derywaty-head,
	.rachunek-content .derywaty .derywaty-data,
	.historia-content .historia-list,
	.historia-content .historia-data,
	.notowania-content .notowania-list,
	.notowania-content .depozyt-wrap,
	.edukacja-content .edukacja-list,
	.edukacja-content .edukacja-block {
		width: 100%;
		height: auto;
	}

    .rankings-list {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }

	.rachunek-content .derywaty .derywaty-data {
		overflow: auto;
	}

	.rachunek-content .derywaty {
		margin-top: 12px;
	}

	.rachunek-content .srodki {
		padding-bottom: 20px;
	}

	.rachunek-content .srodki .finansowe {
		width: 37%;
		margin: 0 4% 0 8%;
		height: auto;
	}
	.rachunek-content .srodki .portfel {
		width: 38%;
		margin: 0 8% 0 4%;
		height: auto;
		min-height: 0;
	}

	.rachunek-content .srodki .refresh {
		width: 88%;
		margin: 0 6%;
	}

	.rachunek-content .srodki .finansowe h4,
	.rachunek-content .srodki .portfel h4 {
		width: 100%;
		margin: 20px 0 0;
		font-size: 18px;
	}

	.rachunek-content .srodki .finansowe .wplacone,
	.rachunek-content .srodki .finansowe .wolne,
	.rachunek-content .srodki .finansowe .doplata,
	.rachunek-content .srodki .portfel .wartosc,
	.rachunek-content .srodki .portfel .zysk,
	.rachunek-content .srodki .portfel .procent {
		width: 100%;
		margin: 0;
		padding: 2px 0 6px;
	}

	.rachunek-content .srodki .finansowe span,
	.rachunek-content .srodki .portfel span {
		position: static !important;
		font-size: 12px !important;
	}

	.rachunek-content .srodki .finansowe span:first-child,
	.rachunek-content .srodki .portfel span:first-child {
		display: inline-block;
		width: 68%;
		text-align: left;
	}

	.rachunek-content .srodki .finansowe span:last-child,
	.rachunek-content .srodki .portfel span:last-child {
		display: inline-block;
		width: 30%;
		text-align: right;
		font-size: 14px !important;
	}

	.rachunek-content .srodki .refresh {
		margin-top: 20px;
		text-align: right;
	}

	.rachunek-content .srodki .refresh .button-refresh,
	.rachunek-content .srodki .refresh .button-reset {
		margin: 20px 0 20px 10px;
		display: inline-block;
	}

	/* historia */
	.historia-content .historia-data .historia-options {
		position: relative;
	}

	.historia-content .historia-data .historia-options .options-wrapper {
		width: 520px;
		margin-left: 5px;
		left: 50%;
		margin-left: -340px;
		position: relative;
	}

	.historia-content .historia-data .historia-options .options-wrapper > div {
		float: left;
		margin: 0;
	}

	.historia-content .historia-data .historia-options .options-wrapper > div label {
		font-size: 11px;
		float: left;
		margin-top: 22px;
		padding-left: 10px !important;
	}

	.historia-content .historia-data .historia-options .options-wrapper > div input {
		font-size: 11px;
		padding: 5px 0 5px 5px;
		width: 60px;
		float: left;
		margin-top: 15px;
	}

	.historia-content .historia-data .historia-options .do-data.zrealizowane,
	.historia-content .historia-data .historia-options .do-data.rodzaj {
		padding-top: 0;
		width: 196px;
		height: 45px;
	}

	.historia-content .historia-data .historia-options .do-data.rodzaj {
		width: 250px;
	}

	.historia-content .historia-data .historia-options .do-data.zrealizowane .inputs,
	.historia-content .historia-data .historia-options .do-data.zlozenie .inputs,
	.historia-content .historia-data .historia-options .do-data.instrument .inputs,
	.historia-content .historia-data .historia-options .do-data.rodzaj .inputs {
		width: 140px;
		top: 15px;
	}

	.historia-content .historia-data .historia-options .do-data.zrealizowane .inputs > div,
	.historia-content .historia-data .historia-options .do-data.zlozenie .inputs > div,
	.historia-content .historia-data .historia-options .do-data.instrument .inputs > div,
	.historia-content .historia-data .historia-options .do-data.rodzaj .inputs > div {
		font-size: 11px;
		padding: 7px 5px 8px;
	}

	.historia-content .historia-data .historia-options .do-data.zrealizowane .inputs .invisible,
	.historia-content .historia-data .historia-options .do-data.zlozenie .inputs .invisible,
	.historia-content .historia-data .historia-options .do-data.instrument .inputs .invisible,
	.historia-content .historia-data .historia-options .do-data.rodzaj .inputs .invisible {
		line-height: 1.2;
	}

	.historia-content .historia-data .historia-options .do-data.zrealizowane .inputs .visible:after,
	.historia-content .historia-data .historia-options .do-data.zlozenie .inputs .visible:after,
	.historia-content .historia-data .historia-options .do-data.instrument .inputs .visible:after,
	.historia-content .historia-data .historia-options .do-data.rodzaj .inputs .visible:after {
		top: 10px;
	}

	.historia-content .historia-data .historia-options .do-data.zlozenie,
	.historia-content .historia-data .historia-options .do-data.instrument {
		padding-top: 0;
	}

	.historia-content .historia-data .historia-options .do-data.zlozenie {
		width: 220px;
	}

	.historia-content .historia-data .historia-options .do-data.zlozenie .inputs {
		width: 110px;
	}

	.historia-content .historia-data .historia-options .do-data.instrument {
		width: 221px;
		margin-left: 9px;
	}

	.historia-content.transactions .historia-data .historia-options .do-data.instrument {
		margin-left: 238px;
	}

	.historia-content .historia-data .historia-options .do-data.zrealizowane {
		width: 240px;
	}

	.historia-content .historia-data .historia-options .do-data.zrealizowane .inputs {
		z-index: 999;
		width: 150px;
	}

	.historia-content .historia-data .historia-options .do-data.instrument {
		width: 231px;
	}

	.historia-content .historia-data .historia-options .do-data.instrument .odLabel {
		margin-left: 35px;
	}

	.historia-content .historia-data .historia-options .do-data.instrument .inputs {
		width: 110px;
	}

	.ui-datepicker {
		z-index: 9 !important;
	}

	.historia-content .historia-data .historia-options .button-search {
		margin-top: 35px;
		position: absolute;
		left:50%;
		margin-left: 169px;
	}

	.historia-content.funding .historia-data .historia-options .button-search {
		margin-top: 13px;
	}

	.historia-content .historia-data .historia-options .od {
		width: 75px !important;
	}

	/* notowania */
	.content-zalogowany .notowania-content {
		position: relative;
	}

	/* sub menu */
	.content-zalogowany .menu-list ul li {
		font-size: 12px;
		padding-left: 2% !important;
		padding-right: 2% !important;
		width: auto !important;
	}

	/* aktywny rachunek */
	.content-zalogowany .aktywny {
		height: auto;
		padding-bottom: 40px;
	}

	.content-zalogowany .aktywny .content-block {
		margin-left: auto;
		margin-right: auto;
		width: 84%;
		max-width: 670px;
	}

	.content-zalogowany .aktywny .content-block .dost,
	.edukacja-content .edukacja-block h4,
	.mobile-header  {
		font-size: 18px;
		padding-top: 20px;
		font-weight: 600;
		margin-top: 0;
		margin-left: 0;
	}

	.content-zalogowany .aktywny .content-block .aktywny-head:after,
	.content-zalogowany .aktywny .content-block .aktywny-data::after {
		width: 100%;
	}

	.content-zalogowany .aktywny .content-block .nazwa,
	.content-zalogowany .aktywny .content-block .status,
	.content-zalogowany .aktywny .content-block .aktualnie,
	.content-zalogowany .aktywny .content-block .oper {
		width: auto;
	}

	/* edukacja */
	.content-zalogowany .edukacja-content .edukacja-block {
		position: static;
		display: inline-block;
	}

	.content-zalogowany .edukacja-content .edukacja-block .edukacja-data,
	.edukacja-content .edukacja-block h4,
	.mobile-header  {
		margin-left: auto;
		margin-right: auto;
		width: 84%;
		max-width: 790px;
	}

	.edukacja-content .edukacja-block .edukacja-data .lista {
		margin-left: 34px;
	}

	.edukacja-content .edukacja-block .edukacja-data .lista li::after,
	.edukacja-content .edukacja-block .edukacja-data .lista li:first-child > *:after {
		width: 100%;
	}

	.edukacja-content .edukacja-block .edukacja-data .lista li > * {
		width: 90%;
		display: inline-block;
	}

	.edukacja-content .edukacja-list ul {
		margin-left: 0;
	}

	.notowania-content .notowania-list ul li.active, .rankings-list ul li.active {
		padding-bottom: 16px;
		padding-top: 8px;
		top: 0;
	}

	.field-error {
		left: 250px;
	}

	.logotypes-left {
		width: 50%;
		margin-left: 50px !important;
	}

	.logotypes-right {
		width: 40%;
	}

	.logotypes img {
		margin-right: 10px;
	}
}

/* media 767 */
@media screen and (max-width: 767px) {
	.logotypes .logotypesBox{
		width:45%;
		margin:10px;
	}

	.slider .slide {
		width: auto;
	}
    .loginBg .register form .inputs > span{
        clear: none;
        max-width:65%;
        float:right;
    }
    .loginBg .register form .inputs label{
        width:15%;
        text-align:left;
    }
	.top {
		background: transparent;
	}

	.top .topContent {
		margin-top: 20px;
	}

	.top .topContent .gpwTraderLogo, .top .topContent .gpwLogo {
		margin: 10px 0 0;
		max-width: 48%;
	}

	.top .topContent .timer {
		display: none;
	}

	.top .topContent .gpwLang {
		margin-top: 5px;
		position: absolute;
		right: 5%;
		top: 0;
	}

	.content h2 {
		text-align: center;
		font-size: 30px;
		margin: 0;
		padding: 0;
		width: 100%;
	}

	.content .index-btns {
		text-align: center;
	}

	.content .index-btns .button {
		margin-bottom: 40px;
		min-width: 289px;
		margin-left: 0;
		margin-right: 0;
		background-position: 95% center;
		margin-right: 3%;
	}

	.content .index-btns .button span {
		display: none;
	}

	.content .blueText .left, .content .blueText .right {
		width: 100%;
	}

	.content .blueText .right {
		margin-top: 35px;
		margin-bottom: 35px;
	}

	.content .film p {
		position: static;
		margin-left: 0;
		margin-top: 25px;
		width: 90%;
		padding-left: 35px;
	}

	.content .social .singleSocial {
		margin: 0 22px 20px;
	}

	.content .social .singleSocial:nth-child(3n+1) {
		float: none;
	}

	.content .social .singleSocial:nth-child(3n+3) {
		float: none;
	}

	.content .footer .linki {
		text-align: center;
	}

	/* register form */
	.loginBg .register {
		width: 280px;
		margin-left: -140px;
	}

	.loginBg .register .header p {
		font-size: 18px;
		margin-left: 3%;
		margin-right: 15%;
	}

	.loginBg .register .text, .loginBg .register form {
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
	}

	.loginBg .register .text {
		font-size: 13px;
		padding: 0;
		text-align: center;
		line-height: 1.3;
		margin-bottom: 10px;
	}

	.loginBg .register form input {
		margin-top: 10px;
		width: 68%;
		line-height: 1.4;
	}

	.loginBg .register form .left, .loginBg .register form .right {
		width: 100%;
	}

	.loginBg .register form label, .loginBg .register form .right label {
		width: 24%;
		padding-right: 4%;
		margin-top: -25px;
	}

	.loginBg .register form .checkbox label {
		margin-left: 10%;
		width: 90%;
	}

	.loginBg .register form .button {
		width: 252px;
		background-position: 200px center;
	}

	/* login form */
	.loginBg.logowanie .form {
		width: 280px;
		margin-left: -140px;
	}

	.loginBg .form .header p {
		font-size: 18px;
		margin-left: 3%;
		margin-right: 15%;
	}

	.loginBg .form form {
		width: 96%;
	}

	.loginBg .form form input {
		width: 160px;
		height: auto;
		padding-top: 5px;
		padding-bottom: 5px;
		margin-left: 76px;
		margin-top: 10px;
	}

	.loginBg .form form > label {
		position: static;
		float: left;
		margin-top: -26px;
		width: 70px;
		text-align: right;
		font-size: 12px;
	}

	.loginBg .form form > label[for="rememberme"] {
		float: none;
		margin-left: 114px;
		margin-top: 10px;
	}

	.loginBg .form form .button {
		width: 99%;
		background-position: 230px center;
	}

	.loginBg .form form div {
		width: 92%;
		margin-left: 4%;
		line-height: 1.3;
	}

	/* remind pass */
	.loginBg .remind.remindMe {
		width: 280px;
		margin-left: -140px;
		height: auto;
	}

	.loginBg .remind .header p {
		font-size: 18px;
		margin-left: 3%;
		margin-right: 15%;
	}

	.loginBg .remind .text {
		margin-left: 4%;
		width: 92%;
		line-height: 1.3;
		margin-top: 10px;
	}

	.loginBg .remind form {
		width: 96%;
		height: auto;
	}

	.loginBg .remind form input {
		width: 166px;
		height: auto;
		padding-top: 5px;
		padding-bottom: 5px;
		margin-left: 70px;
		margin-top: 10px;
	}

	.loginBg .remind form > label {
		position: static;
		float: left;
		margin-top: -26px;
		width: 65px;
		text-align: right;
	}

	.loginBg .remind form .button {
		width: 99%;
		background-position: 230px center;
	}

	.reset-div .field-error {
		margin-left: 5px;
	}

	/* index check */

	.show-menu {
		display: block !important;
		cursor: pointer;
		float: left;
		height: 35px;
		left: 5%;
		padding-bottom: 0;
		position: relative;
		top: 0;
		width: 56px;
	}

	.show-menu.active {
		background-color: #34486f;
	}

	.show-menu:before {
		content: "";
		position: absolute;
		left: 12px;
		top: 7px;
		width: 32px;
		height: 4px;
		background: #fff;
		box-shadow: 0 8px 0 0 #fff, 0 16px 0 0 #fff;
		border-radius: 4px;
	}

	.menu.zalogowany.active .show-menu {
		background-color: #007cd2;
	}

	.top.zalogowany .topContent .gpwLogo {
		margin-left: 0;
		height: 34px;
		width: 115px;
		margin-top: 16px;
	}

	.top .topContent .gpwTraderLogo {
		margin-top: 10px;
	}

	.top.zalogowany .user-account .user, .top.zalogowany .user-account .main-account {
		margin: 20px 0 0;
		width: 100%;
	}

	.top.zalogowany .user-account {
		margin-top: 20px;
		margin-bottom: 4px;
		width: 80%;
		z-index: 9;
		position: relative;
	}

	.top.zalogowany .user-account .user, .top.zalogowany .user-account .main-account {
		margin: 0  !important;
		width: 50%;
		height: auto;
	}

	.top.zalogowany .user-account .user *, .top.zalogowany .user-account .main-account * {
		font-size: 10px;
	}

	.top.zalogowany .user-account .user img, .top.zalogowany .user-account .main-account img {
		width: 90%;
	}

	.top.zalogowany .user-account .user .icon1 {
		width: 24px;
	}

	.top.zalogowany .user-account .main-account .icon2 {
		width: 24px;
		margin-top: 5px;
	}

	.top.zalogowany .user .text1 {
		margin-left: 0;
		margin-top: 2px;
	}

	.top.zalogowany .user .text1 .settings {
		margin-top: 0;
	}

	.menu.zalogowany {
		margin-top: -35px;
		min-height: 35px;
		position: relative;
	}

	.menu.zalogowany .menu.content {
		display: none;
	}

	.menu.zalogowany.active .menu.content {
		display: block;
		position: absolute;
		z-index: 1001;
		top: 35px;
	}

	.menu.zalogowany.active .menu.content ul {
		padding-top: 7px;
		width: 182px;
		float: left;
		background-color: #007cd2;
	}

	.menu.zalogowany .menu.content .list li, .menu.zalogowany .menu.content .list li.home {
		width: 182px !important;
		padding: 0 !important;
		float: left;
		background-color: #007cd2 !important;
		text-align: left;
	}

	.menu.zalogowany .menu.content .list li:hover,
	.menu.zalogowany .menu.content  li.active {
		background-color: #263652 !important;
	}

	.menu.zalogowany .menu.content .list li.home {
		background-image: url("../img/home.png") !important;
		background-size: auto !important;
		background-position: 15px center;
	}

	.menu.zalogowany .menu.content .list li.check {
		width: 182px !important;
		padding: 0 !important;
		margin: 0 !important;
		background-size: auto !important;
		background-position: 15px center;
	}

	.menu.zalogowany .menu.content .list li.check a {
		margin-left: 18px;
	}

	.menu.zalogowany .menu.content .list li a,
	.menu.zalogowany .menu.content .list li.hide span {
		padding-left: 18px;
		padding-right: 18px;
	}

	.menu.zalogowany .menu.content .list li.hide {
		display: block !important;
		cursor: pointer;
	}

	.submenu.content {
		background: transparent;
	}

	.submenu.content .single-block {
		height: auto !important;
		width: 100% !important;
		padding: 10px 0 !important;
		background-color: #eaca31;
		margin-top: 0px !important;
		margin-bottom: 10px !important;
		text-align: center;
	}

	.submenu.content .single-block p {
		font-size: 20px !important;
	}

	.submenu.content .single-block h4 {
		font-size: 14px !important;
	}

	.submenu.content .button {
		width: 100%;
		margin: 0 0 10px;
	}

	.submenu.content .button div {
		margin: 0 !important;
		right: 15px;
		width: 30px !important;
		background-position: center center !important;
	}

	.tables .blockright {
		margin-top: 0;
		min-height:0;
	}

	.popup {
		/*
		top: 180px;
		padding-bottom: 70px;
		height: auto;
		*/
	}

	.popup .foot {
		/*
		width: 86%;
		left: 7%;
		bottom: 10px;
		*/
	}
	/* settings form */
	.ustawienia {
		top: 20px;
		padding-bottom: 20px;
	}

	.ustawienia form .left, .ustawienia form .right {
		width: 96%;
		margin: 0 2%;
	}

	.ustawienia .text {
		margin-top: 15px;
		margin-left: 5%;
	}

	.ustawienia .button {
		width: 94%;
	}

	.submenu.content .order p {
		margin-top: 18px !important;
	}

  /* samouczki */
 .samouczki-block .video-block .yt {
 	width: 90%;
 	margin-right: 0;
 }

 /* szybkie zlecenia */
	.zlecenie-block3, .zlecenie-block4 {
		top: 0px;
		float: left;
		min-height: 700px;
	}

	.zlecenie-block .content-block,
	.zlecenie-block3 .content-block,
	.zlecenie-block4 .content-block,
	.zlecenie-block3 .content-block .instr1 {
		left: 0;
		margin: 0;
		width: 100%;
	}

	.zlecenie-block3 .content-block .instr1,
	.zlecenie-block3 .content-block .instr-table,
	.zlecenie-block4 .content-block .instr1,
	.zlecenie-block4 .content-block .instr-table {
		width: 100%;
		height: auto;
		left: 0;
		margin-left: 0;
	}

	.zlecenie-block3 .content-block .instr1 .instrument3,
	.zlecenie-block3 .content-block .instr1 .nazwa-instrumentu,
	.zlecenie-block4 .content-block .instr1 .instrument3,
	.zlecenie-block4 .content-block .instr1 .nazwa-instrumentu {
		margin: 0 5% 15px;
		width: 90%;
		text-align: left;
	}

	.zlecenie-block3 .content-block .instr-table,
	.zlecenie-block4 .content-block .instr-table {
		background-color: #273652;
		padding-bottom: 40px;
	}

	.zlecenie-block3 .content-block .instr-table > div,
	.zlecenie-block4 .content-block .instr-table > div {
		margin: 0 5% 15px !important;
		width: 90% !important;
		text-align: left !important;
	}

	.zlecenie-block3 .content-block .buttony {
		width: 100%;
		margin: -28px 0 0;
		padding-bottom: 8px;
		background-color: #273652;
	}


	.zlecenie-block3 .content-block .buttony > div {
		width: 90%  !important;
		margin: 0 0 10px !important;
	}

	.zlecenie-block3 .content-block .instr-table::after {
		display: none;
	}

	.kupno .button-kupno, .sprzedaz .button-kupno, .zlecenie-block .button-sprzedaz {
		left: 5%;
		width: 90%;
		margin: 0;
	}

	.zlecenie-block .button-sprzedaz {
		margin-top: 60px;
	}

	.kupno .button-kupno span,
	.sprzedaz .button-kupno span,
	.zlecenie-block .button-sprzedaz span {
		display: none;
	}

	.zlecenie-block .wyborBlock {
		margin-top: 30px;
	}

	.zlecenie-block .wyborBlock .center {
		width: 100%;
		max-width: 324px;
	}

	.zlecenie-block .wyborBlock .center label {
		left: 10px;
		width: 85px;
	}

	.zlecenie-block .wyborBlock .center input, .wyborBlock .inputs {
		left: 43px;
	}

	.spinner .arrows {
		right: 25px;
	}

	.zlecenie-block .buttony .button-przelicz,
	.zlecenie-block .buttony .button-zlecenie {
		left: 5%;
		width: 90%;
		margin: 0 0 10px;
	}

	.zlecenie-block {
		float: left;
		top: 0;
	}

	.zlecenie-block .wyborBlock .center .info {
		right: 2px;
	}

	.wyborBlock .center .infoBox {
		left: 5% !important;
		width: 85%;
	}

	.zlecenie-block .wyborBlock .center .prowizja {
		left: 0;
	}

	.zlecenie-block .wyborBlock .center .prowizja-wynik,
	.zlecenie-block .wyborBlock .center .srodki-wynik {
		left: 55%;
	}

	.zlecenie-block .wyborBlock .center .srodki {
		left: 20px;
	}

	/* rachunek */
	.rachunek-content .srodki .finansowe,
	.rachunek-content .srodki .portfel {
		width: 84%;
		margin: 0 8%;
		height: auto;
	}

	.rachunek-content .srodki .refresh {
		text-align: center;
	}

	.rachunek-content .srodki .refresh .button-refresh,
	.rachunek-content .srodki .refresh .button-reset {
		margin: 10px 0;
		display: inline-block;
	}

	/* historia */
	.historia-content .historia-list ul li {
		width: 96% !important;
	}

	.historia-content .historia-data .historia-options {
		position: relative;
		padding-bottom: 45px;
		min-height: 141px;
		margin-bottom: 9px;
	}

	.historia-content .historia-data .historia-options .clickable, .menu-list-options .clickable, .options-action {
		content: '';
		height: 30px;
		width: 30px;
		cursor: pointer;
		bottom: 10px;
		left: 50%;
		margin-left: -15px;
		cursor: pointer;
		position: absolute;
		background: transparent url('../img/up3.png') center 15px no-repeat;
		display: block !important;
		z-index: 0;
	}

	.historia-content .historia-data .historia-options .options-wrapper {
		width: 314px;
		margin-left: -157px;
		left: 50%;
		position: relative;
	}

	.historia-content .historia-data .historia-options .options-wrapper .singleInput .article-info {
	  width: 100%;
		display: inline-block;
	}

	.historia-content .historia-data .historia-options .button-search {
		position: absolute;
		left: 50%;
		bottom: 36px;
		margin-right: 0;
		margin-left: 70px;
		width: 80px;
	}

	.historia-content .historia-data .historia-options .button-search p {
		font-size: 14px;
		display: inline-block;
		position: static;
		text-align: center;
		width: 100%;
		margin-top: 7px;
	}

	.historia-content .historia-data .historia-options .do-data.instrument {
		margin-left: 32px;
		width: 185px;
	}

	.historia-content .historia-data .historia-options .do-data.zrealizowane {
		margin-left: 16px;
	}

	.historia-content .historia-data .historia-options .do-data.zrealizowane .inputs,
	.historia-content .historia-data .historia-options .do-data.zlozenie .inputs,
	.historia-content .historia-data .historia-options .do-data.instrument .inputs {
		top: 10px;
	}

	.historia-content .historia-data .historia-options .do-data.zlozenie .inputs {
		top: 0;
	}

	.historia-content .historia-data .historia-options .do-data.instrument .inputs {
		top: 17px;
	}

	.historia-content .historia-data .historia-options .do-data.zlozenie label {
		margin-top: 12px;
		text-align: right;
		width: 95px;
	}

	.historia-content .historia-data .historia-options .do-data.instrument .odLabel {
		margin-left: 0px;
	}

	.historia-content .historia-data .historia-options .do-data.zlozenie {
		z-index: 3;
		margin-left: -3px;
	}

	.historia-content .historia-data .historia-options .options-wrapper .od-data {
		margin-left: 36px;
	}

	.historia-content .historia-data .historia-options .options-wrapper .do-data.zrealizowane label {
		margin-top: 17px;
	}

	.historia-content .historia-data .historia-options .do-data.zlozenie label {
		margin-top: 8px;
	}

	.historia-content .historia-list {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 1000;
		height: 145px;
		padding: 10px 0 30px;
	}

	.historia-content .historia-list .clickable, .menu-list .clickable {
		display: block !important;
		content: '';
		height: 30px;
		width: 30px;
		cursor: pointer;
		bottom: 5px;
		left: 50%;
		margin-left: -15px;
		cursor: pointer;
		position: absolute;
		background: transparent url('../img/up2.png') center center no-repeat;
	}

	.historia-content .historia-data .historia-options .do-data.rodzaj .odLabel {
		margin-left: 12px;
	}

	.historia-content {
		position: relative;
	}

	.historia-list {
		display: none;
	}

	.historia-list.visible-on-mobile {
		display: block
	}

	.historia-content.transactions .historia-data .historia-options .do-data.instrument {
		margin-left: 38px;
		top: -15px;
	}

	.historia-content .historia-data .historia-options .do-data.rodzaj {
		top: -5px;
		left: 4px;
		width: 249px;
		z-index: 9;
	}

	.historia-content.funding .historia-data .historia-options .button-search {
		top: 70px;
	}


	/* sub menu */
	.content-zalogowany .menu-list:not(.rankings-list) ul li {
		font-size: 12px;
		padding-left: 0px;
		padding-right: 0px;
		width: 96% !important;
		margin-left: 2%;
	}

	.content-zalogowany .menu-list:not(.rankings-list) {
		display: none;
		position: absolute;
		top: 0;
		z-index: 1000;
		padding-bottom:30px;
	}

	.menu-list-options {
		position: relative;
		padding-bottom: 45px;
		background-color: #dedede;
		border-bottom: 1px solid #fff;
	}

	.menu-list.visible-on-mobile {
		display: block
	}

	.menu-list-options2 {
		top: 45px;
		background-color: #34486f;
		padding-bottom: 30px;
		margin-bottom: 20px;
	}

	.menu-list-options2 .clickable {
		background-image: url(../img/up2.png);
	}

	/* edukacja */
	.edukacja-content .edukacja-block h4,
	.mobile-header {
		background-color: #34486f;
		color: #FFFFFF;
		font-size: 11px;
		line-height: 1.3;
		padding: 15px 10% 15px 3%;
		width: 87%;
		height: 15px;
	}

	.edukacja-content .edukacja-block .edukacja-data .lista {
		font-size: 12px;
	}

	/* data picker */
	.ui-datepicker {
		z-index: 999 !important;
	}

	/* submenu */
	.menu.zalogowany .menu.content .list li .mobile-submenu {
		display: block !important;
		padding: 0 !important;
	}

	.menu.zalogowany .menu.content .list li .mobile-submenu li {
		font-size: 12px !important;
		background: #34486e !important;
	}

	.menu.zalogowany .menu.content .list li .mobile-submenu li.active * {
		font-weight: 700;
	}

	.mobile-header {
		display: inline-block !important;
		margin-bottom: 0;
	}

	/* options for history */
	.content-zalogowany .hidden-options .options-div {
		padding: 0;
		min-height: 0;
		height: 0;
		overflow: hidden;
	}

	.content-zalogowany .options-header-action .show-search {
		background: transparent center center url("../img/up2.png") no-repeat;
		width: 40px;
		height: 40px;
		cursor: pointer;
		top: 2px;
		right: 0;
		position: absolute;
		display: block;
	}

	.content-zalogowany .hidden-options .options-header-action .show-search {
		transform: rotate(180deg);
	}

	.rachunek-content .srodki .finansowe h4, .rachunek-content .srodki .portfel h4 {
		padding-bottom: 20px;
		font-size: 16px;
	}

	.rachunek-content .srodki .finansowe h4 {
		margin-top: 10px;
	}

	.field-error {
		left: 105px;
	}

	.rwd-hidden, .rwd-tr-hidden {
		display: none;
	}

	.rwd-tr-show {
		display: table-row;
	}

	.loginBg .remind, .loginBg .new-password {
		width: 90%;
		left: 5%;
		margin-left: 0;
		top: 50px;
	}

	.logotypes-left, .logotypes-right {
		width: 100%;
		text-align: center;
	}

	.logotypes-left {
		margin-bottom: 50px;
		margin-left: 15px !important;
	}

	.logotypes img {
		margin-right: 10px;
		float: none;
	}

	.top .topContent .fundacjaLogo {
  		clear: both;
    	float: left;
	    margin-left: 0 !important;
	    max-width: 100%;
	    margin-top: 10px;
	    margin-bottom: 10px;
	}

}

/* media 499 */
@media screen and (max-width: 499px) {
	.new-password-group, .new-password-group label,
	.loginBg .new-password form input {
		width: 100%;
		margin-top: 0;
	}

 	.loginBg .new-password form .button {
 		width: 100%;
 		margin: 21px 0 0;
 	}

 	.loginBg .new-password form .button p {
    	width: 95%;
    	display: inline-block;
    	position: static;
    	text-align: center;
    	margin-top: 17px;
 	}

 	#new-password-form label  {
 		width: 100%;
 		margin: 10px 0;
 	}
}

/* media 359 */
@media screen and (max-width: 359px) {
	.top.zalogowany .user-account .main-account .icon2 {
		display: none;
	}

	.top .main-account .text2 {
		margin-left: 20px;
	}

	.submenu.content .single-block.stan img {
		left: 80px;
	}

	.zlecenie-block .wyborBlock .center label,
	.wyborBlock .inputs,
	.zlecenie-block .wyborBlock .center input {
		width: 90%;
		margin: 0 5%;
		position: static;
		display: inline-block;
		text-align: left;
	}

	.zlecenie-block .wyborBlock .center input {
		width: 84%;
		padding-left: 3%;
		padding-right: 3%;
	}

	.zlecenie-block .wyborBlock .center label {
		margin-bottom: 10px;
	}

	.zlecenie-block .wyborBlock .center .info {
		right: 8px;
	}

	.zlecenie-block .wyborBlock {
		margin-top: 10px;
	}

	.field-error {
		position: static;
		margin: 0 5%;
		width: 90%;
	}
}