/*!
 * CSS-Doc for mBank.pl (RWD styles) :: 17/06/2015 @ vlk
 * version: 0.20 release: 12/08/2022 @ pp
 */
/*
 * v. 0.13 @ pp: poprawka pozycji linku push-message oraz przycisku CTA (<= 768) (SKCZDEV-379)
 * v. 0.14 @ mpd (23/10/18): New design of general navigation, content navigation and action button (SKCZDEV-374)
 * v. 0.15 @ mpd (07/01/19): Minor bug in the top-banner-box portlet (SK only) (SKCZDEV-402)
 * v. 0.16 @ mpd (25/06/19): infobox-grid lifting (SKCZDEV-419)
 * v. 0.17 @ fs (12/11/19): styles for dropdown main menu and offer boxes (SKCZDEV-441)
 * v. 0.18 @ fs (22/05.20): bledy na prod (SKCZDEV-379)
 * v. 0.19 @ fs (19/05/21): default font change (SKCZDEV-541)
 * v. 0.20 @ pp (09/08/22): dodanie regul dla pol <input> <= 640 (SKCZDEV-618)
 */

@media only screen and (max-width: 1217px) {
    .contact-one .before-inner {width: 90%;}

    body.economic .link-boxes .item {width: 22%;}
}
@media screen and (max-width: 1200px) {
    .link-boxes .item {width: 30%;}

    #sfi-filter-bar a {display: inline-block; min-width: 10%; width: auto !important; padding: 0.5rem 0.5rem 0.5rem 0 !important; text-align: center;}
}

@media screen and (max-width: 1100px) {
    section.article .column.wide .articleContent img {max-width: 100%; height: auto;}

    body.economic.weekstars .include-php  > div > div.inner {float: none; width: 100%;}
    body.economic.weekstars .include-php div.text-block-standard {margin-left: 0 !important;}
    body.economic.weekstars #single-col > .include-php div.datatop5 {position: static !important;}

    .legal-text:before {right: 30px;}
    .legal-text {left: 0px;}
}

@media only screen and (min-width: 1025px)  /* special for half-long portlets */ {
    .col-md-6 .contact-one .inner {width: 100%;}
}

@media only screen and (max-width: 1024px) {
    .contact-one .before-inner, .contact-one .image-box, .contact-one .text-box {width: 100%; text-align: center;}
}

@media screen and (max-width: 959px) {
    .link-boxes .item {width: 30%;}
    body.economic .link-boxes .item {width: 22%;}
    body.economic .link-boxes {width: 100%; overflow: auto;}
    body.economic .link-boxes .row {width: 1200px;}
}

@media screen and (max-width: 920px) {
    .lp #page-head nav {height: auto;}
    .proper-head, body.cats .proper-head, body.community .proper-head {padding-top: 0; padding-bottom: 0;}
    /*body.logout #page-head nav {height: 43px;}*/

    body.ind nav ul.submenu .rwd-add-menu a.ind, body.corpo nav ul.submenu .rwd-add-menu a.corpo, body.biz nav ul.submenu .rwd-add-menu a.biz, body.priv nav ul.submenu .rwd-add-menu a.priv, body.em nav ul.submenu .rwd-add-menu a.em {display: inline-table !important;}

    body.forum #page-head ul.actions li#other-option a.ind, body.community #page-head ul.actions li#other-option a.ind, body.ind:not(.career) #page-head ul.actions li#other-option a.ind, body.biz #page-head ul.actions li#other-option a.biz {display: table-cell !important;}
    body #page-head ul.actions li#other-option a.home {display: table-cell !important;}
    body.no-contact #page-head #head ul.actions li#other-option a.contact {display: none !important;}

    #tooltip:not(.pm) {z-index: 14 !important;}

    .legal-text {width: 320px;}
}

@media screen and (max-width: 875px) {
    .link-boxes .item {margin: 10px 8px;}
}

@media screen and (max-width: 830px) {
    #blog-widget a {margin-right: 5px;}
}

@media (max-width: 800px) {
    ul.actions #log-in button.button {font-size: .4rem;}
}

@media screen and (max-width: 768px) {
	.container .headline h2, .container .headline h3, .container .headline h4, .title p {font-size: .8rem;}

    .link-boxes .item {width: 49%; margin: 5px auto; float: none; left: -10px;}

    #contact, #agencies {display: none !important;}

    .contact-three .inner {width: 50%;}
    .contact-three .inner.first {width: 100%;}
    .contact-three .inner.first {height: auto;}
    .contact-three .inner.first .img-box {height: 200px;}
    .contact-three .inner.first, .text-bullet ul li  {width: 100% !important;}
    .contact-three .inner {width: 50%; padding: 15px 0;}

    .contact-one .inner {width: 50%;}
    .contact-one .text-box .text {font-size: .5em; padding: 10px 0;}

    body.economic .link-boxes .item {width: 24%;}
}

@media screen and (max-width: 767px) {
    .include-php #currency {float: left; margin: 15px 15px 0;}
}

@media screen and (max-width: 690px) {
    #sfiStockBox {width: 100%; overflow-x: auto; overflow-y: hidden;}
    .relation-bar {display: none !important;}
}

@media screen and (max-width: 640px) {
	.bg1 {padding-bottom: 50px;}
    .bg1 > .fr {width: 100%;}
    .bg1 > .fr a {float: left;}

    .contact-one .inner {width: 100%;}

    .after-text.small-text {padding: 0 15px;}anner.video-s {display: block;}]

    #tooltip div.inner {text-align: left;}

	/* safari fix for fonts of inputs */
	html.safari input,
	html.safari select, 
	html.safari textarea {font-size: 16px;}
}

@media screen and (max-width: 480px) {
    .container .headline h2, .container .headline h3, .container .headline h4, .title p {font-size: .7rem;}

    .inner {padding: 15px 0;}

    .link-boxes .item, .col-md-6 .link-boxes .item {width: 100%;}

    .contact-three .inner .img-box {display: none;}
    .contact-three .inner .text-box, .contact-three .inner.first .text-box {width: 100%; margin-left: 0;}

    #filters {border-left: 0;}
}

@media screen and (max-width: 450px) {
    #tooltip {margin: auto 5%;}
    #tooltip.calc {left: 51px !important; margin-left: 0; margin-right: 0;}
    #tooltip.pm.calc {left: 66px !important;}
    #tooltip.calc .inner {margin: 0 5px; padding: 5px;}
}

@media screen and (max-width: 420px) {
    img.ui-datepicker-trigger {display: block; height: 0; margin-top: 10px;}
    /*#page-head nav ul.submenu {font-size: 1.18em;}*/
}

@media screen and (max-width: 400px) {
    .contact-one .number p {font-size: .75em;}
}