.main-slides {
                width: 50%;
                float: left
            }

            div.my3.third {
                width: 25%;
                float: left
            }

            .myrow div.my3.third>div {
                height: 200px
            }

            div.my3.third {
                box-sizing: border-box;
                padding: 0px;
                position: relative;
            }

            div.my3.third>div {
                overflow: hidden
            }

            div.my3.third>div {
                border: 1px solid #ddd;
                margin: 5px;
                padding: 0;
                background: #f3f3f3;
                box-shadow: 3px 3px 5px #eee;
            }

            div.my3.third ul li {
                color: brown
            }

            div.my3.third.news>div>ul {
                max-height: 89%;
            }

            .my-title {
                font-size: 2em;
                text-align: center;
                margin-bottom: 5px;
            }


            div.my3 div.a.red {
                position: relative;
                text-align: center;
                top: 0px;
                border: none;
                border-radius: 10px;
                font-size: 15px;
                font-weight: bold;
                margin: 5px 5px 0;
                white-space: normal
            }

            div.my3 div.a.red span {
                font-size: 15px;
            }

            .news img {
                width: 35%;
                float: right;
                padding-left: 10px
            }

            img.solny {
                float: right;
                width: 40%;
                max-width: 240px;
                border: 5px solid white;
                box-shadow: 0px 0px 4px #aaa;
                margin-left: 10px
            }


            div.myrow div.my3.third>div {
                position: relative;
                padding: 0 0 0 0
            }

            div.myrow div.my3.third>div>p {
                padding: 10px;
                margin: 0
            }

            div.myrow div.my3.third>div ul {
                margin-left: 15px;
                margin: 0
            }


            /*.my-tabs{width:50%;box-sizing:border-box;display:inline-box;}
  div.my3.third.half {width:50%;padding-bottom:30%;display:inline-box;position:absolute;right:0;bottom:0} 
*/

            /**/
            .my-tabs {
                width: 50%;
                box-sizing: border-box;
                float: left
            }

            div.my3.third.half {
                width: 50%;
                padding-bottom: 30%;
                float: left;
                margin-top: 84px
            }

            /**/

            div.my3.third.half>div {
                position: absolute;
                bottom: 0;
                top: 0;
                margin-top: 0;
            }


            @media screen and (max-width:1100px) {
                .my-tabs {
                    width: 66.66%;
                    float: left;
                }

                div.my3.third {
                    width: 66.66%;
                    clear: left
                }

                .myrow div.my3.third>div {
                    height: auto
                }

                div.myrow div.my3.third.news {
                    width: 33.33%;
                    position: absolute;
                    bottom: 0;
                    top: 0;
                    right: 0
                }

                div.myrow div.my3.third.news>div {
                    position: absolute;
                    top: 0px;
                    bottom: 0px;
                    margin-bottom: 5px
                }

                div.my3.third.half {
                    float: left;
                    width: 33.33%;
                    padding-bottom: 40%;
                    box-sizing: border-box;
                    clear: none
                }

                div.my3.third.half>div {
                    position: absolute;
                    bottom: 0;
                    top: 0;
                }
            }

            @media screen and (max-width:800px) {
                .my-tabs {
                    padding-bottom: 0;
                    height: auto;
                    width: 100%;
                }

                div.my3.third {
                    float: left
                }

                div.my3.third>div {
                    height: 200px
                }

                div.my3.third.half {
                    padding-bottom: 0;
                    height: auto;
                    width: 100%;
                    position: relative;
                    ;
                    margin-top: 0
                }

                div.my3.third.half>div {
                    float: none;
                    position: relative;
                    margin-top: 5px;
                }

                img.solny {
                    width: 20%;
                    min-width: 150px
                }

                #siedziba {
                    display: none
                }

                img.solny {
                    margin-bottom: 10px
                }
            }

            @media screen and (max-width:600px) {
                #siedziba {
                    display: none;
                }
            }

            @media screen and (max-width:600px) {
                div.my3.third {
                    width: 100%;
                }

                div.my3.third>div {
                    height: auto
                }

                div.my3.third.news>div>ul {
                    max-height: 200px;
                    height: 100%;
                }

                div.myrow div.my3.third>div {
                    position: relative;
                }

                div.myrow div.my3.third.news>div {
                    position: relative;
                    width: auto;
                    margin: 0px
                }

                div.myrow div.my3.third.news {
                    position: relative;
                    width: auto;
                    margin: 5px
                }
            }

            @media screen and (max-width:0px) {

                div.my3.third>div,
                div.my3.third.half {
                    height: auto
                }
            }


            .break {
                clear: left
            }

            div.mybrk {
                display: none
            }

            @media screen and (max-width:500px) {
                div.myrow div.my3.third {
                    display: table-row;
                }
            }

            .mapki {
                height: 200px;
                width: 100%;
                color: black;
                margin: 10px auto;
            }

            .li {
                cursor: pointer;
            }

            .li:hover {
                text-decoration: underline
            }