@media only screen and (max-width: 699px) {
	#background {
		min-height: 800px;
		background: #040100 url("../images/bg-4.jpg") no-repeat top left!important;
		min-width: 380px!important;
	}

#header .text {
	width: auto!important;
}

#logo {
	top: 10px!important;
}

#menu-top {
	width: auto!important;
	top: 4px!important;
	left: 130px!important;
}

#menu-top li {
	float: inherit!important;
	background: none!important;
}

#container {
	width: auto!important;
}

#center {
	width: 98%!important;
}

#column-right {
	width: auto!important;
	float: inherit!important;
}

#column-right #wrapper {
	width: 100%!important;
}

#column-right .bottom-2 {
	width: auto!important;
}

#column-right #wrapper .bottom h4 {
	width: 220px!important;
}

#column-right #wrapper .bottom h3 {
	width: 220px!important;
}

#column-right #wrapper .bottom #products-links {
	width: auto!important;
}

#column-right #wrapper .bottom h3.main {
	margin-left: 50px!important;
}

#column-left {
	margin-left: 40px!important;
	margin-top: 30px!important;
}

#column-right #wrapper .bottom h2 {
	width: 320px!important;
}

#column-right #wrapper .bottom h2.wider {
	width: 320px!important;
}

#page {
	width: auto!important;
}

.box-1 {
	width: auto!important;
}

.tv-l {
	left: 20px!important;
}

.tv-b {
	left: 20px!important;
	width: 415px!important;
}

.tv-t {
	left: 20px!important;
	width: 370px!important;
}

.tv-r {
	left: 390px!important;
}

.yt {
	margin-left: 38px!important;
}

#column-right #wrapper .bottom div.opinia {
	margin-left: 55px!important;
	width: 70%!important;
}

#column-right #wrapper .bottom div.opinia p {
	margin-left: 10px!important;
}

#column-right #wrapper .bottom p img {
	width: 90%!important;
}

#column-right #wrapper .bottom p {
	width: 80%!important;
	margin-left: 50px!important;
	font-size: 15px;
}

#column-right #wrapper .bottom {
	padding-left: 10px!important;
	padding-right: 10px!important;
}


#column-right #wrapper .bottom #products-links a.link1 { position: absolute; top:0px; left: 58px!important;}
#column-right #wrapper .bottom #products-links a.link2 { position: absolute; top:25px; left: 58px!important;}
#column-right #wrapper .bottom #products-links a.link3 { position: absolute; top:50px; left: 58px!important;}
#column-right #wrapper .bottom #products-links a.link4 { position: absolute; top:75px; left: 58px!important;}

#footer {
	width: auto!important;
}

#aboutCookieFooter {
	width: auto!important;
}

#aboutCookieFooter .inner {
	width: auto!important;
}

#column-right #wrapper .bottom p img {
	margin-left: 15px!important;
}

#column-right #wrapper .bottom h5 {
	width: 320px!important;
}

ul {
	width: auto!important;
	max-width: 280px!important;
	margin-left: 54px!important;
}

#box-poprkrokdo .content ul {
	margin-left: 0px!important;
}

#box-poprkrokdo .content {
	width: 300px!important;
}

#box-poprkrokdo .content .button-save {
	bottom: -190px!important;
}

#box-poprkrokdo {
	width: 300px!important;
}

#decyzja {
	margin-left: 56px;
}

#img_kompendium {
	margin-left: 65px;
	max-width: 250px;
}

.btn {
	right: 15px!important;
}

.product-price2 {
	margin-left: 65px;
	padding-bottom: 100px!important;
}

}

    /* page
     ``````````````````````````````````````````````````````````````````````````` */

    #background { min-height: 800px; background: #040100 url("../images/bg-4.jpg") no-repeat top center; }

            #header { overflow: visible; height: 153px; position: relative; }

                #menu-top { width: 679px; position: absolute; top: 120px; left: 175px; }
                #menu-top li { float: left; display: inline; }
                #menu-top li { padding: 5px 20px 0 8px; background: url("../images/icon-2.png") no-repeat 100% 60%; text-indent: -7777em; display: block; }
                #menu-top li a { display: block; height: 37px; background: url("../images/menu-top-noactive.jpg") no-repeat; }
                #menu-top li a:hover, #menu-top li.active a { background: url("../images/menu-top-active.jpg") no-repeat; }
                #menu-top li.zrodlo-sukcesu a { width: 132px; display: block; }
                #menu-top li.ludzie-sukcesu a { background-position: -160px 0px; width: 130px; display: block; }
                #menu-top li.jak-to-mozliwe a { background-position: -311px 0; width: 138px; display: block; }
                #menu-top li.tworca-praw-sukcesu { padding-right: 0; }
                #menu-top li.tworca-praw-sukcesu a { background-position: -480px 0; width: 181px; display: block; }

                #logo { background: url("../images/logo-2.jpg") no-repeat; width: 129px; height: 210px; position: absolute; left: 50px; top: 12px; text-indent: -7777em; }
 
        #container { width: 998px; margin-left: -2px; margin-top: 40px; }
            #center { background: none; padding-bottom: 10px; margin-bottom: 20px; }

                #column-right { width: 690px; float: right; display: inline; margin-top: -40px; margin-right: 40px; }
                #column-right #wrapper { background: url("../images/wrapper-middle.png") repeat-y; width: 690px; }
                #column-right #wrapper .top { background: url("../images/wrapper-top.jpg") no-repeat left top; }
                #column-right #wrapper .bottom { position: relative; z-index: 10; font-size: 14px; padding: 80px; min-height: 750px; no-repeat 17px 100%; }
                #column-right #wrapper .bottom h3 { margin: 0 auto; width: 420px; text-align: center; font-size: 24px; color: #3D1408; border-bottom: 1px solid #3D1408; }
                #column-right #wrapper .bottom h4 { margin: 3px auto 15px auto; width: 500px; text-align: center; font-size: 17px; color: #3D1408; font-family: "Times New Roman",Times,FreeSerif,serif; }
                #column-right #wrapper .bottom h2 { margin: 3px auto 15px auto; width: 420px; text-align: center; font-size: 20px; color: #3D1408; font-family: "Times New Roman",Times,FreeSerif,serif; padding-bottom: 15px; padding-top: 0; border-bottom: 1px solid #3D1408;}
                #column-right #wrapper .bottom h2.wider { width: 480px;}
                #column-right #wrapper .bottom h5 { margin: 0 auto; width: 500px; text-align: center; font-size: 16px; color: #3D1408; }
                #column-right #wrapper .bottom p { text-align: justify; color: #3d1408; margin: 0 auto; width: 100%; padding: 15px 0; }
                #column-right #wrapper .bottom p img { text-align: center; }
                #column-right #wrapper .bottom div.opinia { width: 360px; padding: 5px 20px 5px 20px; margin:20px auto 0 auto; border: 1px solid #D4AE7D;background-color: #E9D4B5;}
                #column-right #wrapper .bottom div.opinia p { width: 100%; padding-top: 5px; }
                #column-right #wrapper .bottom div.opinia span.header { width: 100%; display: block; padding: 4px 0 4px 0; background-color: #DEC199; text-align: center;} 
                #column-right #wrapper .bottom div.opinia span.footer { width: 100%; display: block; padding-top: 10px; border-top: 1px solid #D4AE7D; text-align: right;}
                #column-right #wrapper .bottom #products-links {height: 100px; width: 400px; margin: 20px auto; position: relative;}
                #column-right #wrapper .bottom #products-links a { text-shadow: 0px 0px 7px #AAAAAA; font-weight: bold; font-size: 16px; color: #e00;}
                #column-right #wrapper .bottom #products-links a:hover { text-shadow: 0px 0px 7px #ffffff; text-decoration: none;}
                #column-right #wrapper .bottom #products-links a.link1 { position: absolute; top:0px; left: 103px;}
                #column-right #wrapper .bottom #products-links a.link2 { position: absolute; top:25px; left: 101px;}
                #column-right #wrapper .bottom #products-links a.link3 { position: absolute; top:50px; left: 98px;}
                #column-right #wrapper .bottom #products-links a.link4 { position: absolute; top:75px; left: 75px;}
                #column-right .bottom-2 { margin-top: -108px; width: 690px; height: 193px; background: url("../images/wrapper-bottom-2.png") no-repeat; position: relative; }
                #column-right .bottom-2 .element-sixteen{ position: absolute; bottom: -60px; right: 130px; }
                #column-right .bottom-2 h4 { position: absolute; bottom: 80px; left: 130px; }

                #column-left { width: 250px; margin-left:17px; margin-top: 83px; }
                #column-left ul li { position: relative; margin-bottom: -9px; }
                #column-left ul li span.b { background: url("../images/menu-left-bar.png") no-repeat; display: block; height: 15px; width: 191px; margin: 0 auto -6px 26px; position: relative; z-index: 1000; }
                #column-left ul li a { position: relative; margin-top: 0px; display: block; color: #fff; display: block; padding: 0; }
                #column-left ul li a:hover { background: url("../images/menu-left-hover.png") repeat-y; color: #fff; display: block; padding: 0; }
                #column-left ul .active a { background: url("../images/menu-left-hover.png") repeat-y; }
                #column-left ul li a span { color: #fff;  display: block; background: url("../images/menu-left-noactive.png") no-repeat top center; text-indent: -7777em; }
                #column-left ul li a:hover span, #column-left ul li.active a span { background: url("../images/menu-left-noactive_1.png") no-repeat top center;  }

                #column-left ul li.I-prawo a span { background-position: 50% -10px; height: 55px; }
                #column-left ul li.II-prawo a span { background-position: 50% -68px; height: 55px; }
                #column-left ul li.III-prawo a span { background-position: 50% -128px; height: 55px; }
                #column-left ul li.IV-prawo a span { background-position: 50% -188px; height: 55px; }
                #column-left ul li.V-prawo a span { background-position: 50% -248px; height: 55px; }
                #column-left ul li.VI-prawo a span { background-position: 50% -308px; height: 55px; }
                #column-left ul li.VII-prawo a span { background-position: 50% -368px; height: 55px; }
                #column-left ul li.VIII-prawo a span { background-position: 50% -428px; height: 67px; }
                #column-left ul li.IX-prawo a span { background-position: 50% -492px; height: 70px; }
                #column-left ul li.X-prawo a span { background-position: 50% -565px; height: 55px; }
                #column-left ul li.XI-prawo a span { background-position: 50% -625px; height: 55px; }
                #column-left ul li.XII-prawo a span { background-position: 50% -685px; height: 55px; }
                #column-left ul li.XIII-prawo a span { background-position: 50% -745px; height: 55px; }
                #column-left ul li.XIV-prawo a span { background-position: 50% -805px; height: 55px; }
                #column-left ul li.XV-prawo a span { background-position: 50% -865px; height: 55px; }
                #column-left ul li.XVI-prawo a span { background-position: 50% -925px; height: 55px; }
                #column-left ul li.break span { display: block; cursor:auto; height: 65px !important; }
                #column-left ul li.XVI-praw a span { background-position:  50% -1045px; height: 55px; }
                
                #column-left ul li ul { background: url("../images/menu-left-bar.png") no-repeat 50% 0; padding: 22px 0 2px 30px; margin-top: -8px; position: relative; z-index: 30; }
                #column-left ul li ul li { font-size: 14px; background: url("../images/icon-4.png") no-repeat 23px 50%; padding-left: 43px; margin-bottom: 14px; }
                #column-left ul li ul li a { padding: 0; color: #ffa622; height: auto!important; width: 213px; display: block; background: none!important; text-indent: 0; }
                #column-left ul li ul li a:hover { color: #fff; text-decoration: none; background: none!important; }
                .tv-t { height: 50px; width: 458px; background-image: url("../images/player/border.png"); position: absolute; left: 115px; }
                .tv-b { height: 50px; width: 458px; background-image: url("../images/player/border.png"); position: absolute; left: 115px; top: 555px; background-position:0 bottom; }
                .tv-l { height: 390px; width: 50px; background-image: url("../images/player/border.png"); position: absolute; left: 115px; }
                .tv-r { height: 390px; width: 50px; background-image: url("../images/player/border.png"); position: absolute; left: 530px; background-position: right 0; }
                .yt { margin-left: 80px; margin-top: 80px; width: 400px;}
                .text-adamczrankiewicz { text-indent: -7777em; margin: 0x; width: 196px; height: 41px; background: url("../images/text-adamcyrankiewicz.png") no-repeat; } 
                #column-right #wrapper .bottom h3.main { border: none; margin-bottom: 40px;}
                
                #box-poprkrokdo {  background: none !important; }
                .br-none { border: 0 !important; height: 90px !important; }
                #column-right #wrapper .bottom p.wall {width:400px;}
          
                .formularz .register { color: #3D1408; }
                .formularz .register .input-line {width:100%;overflow:hidden;height:30px;}
                .formularz .register .input-line label {float:left;width:190px;text-align:right;margin-right:14px;padding-top:6px;font-size:15px;color:black;background:none;}
                .formularz .register .input-line .input {border:1px solid #999;padding:4px 10px 4px 10px;font-family:times new roman, serif;width:200px;background-color:white;margin-top:3px;color:black;}
                #inputFaktura { margin-top: 10px !important; }
                .formularz .register .input-line .small {width:118px;}
                .formularz .register .input-line .vsmall {width:39px;margin-right:2px;}
                .formularz .register .textarea-line {width:100%;overflow:hidden;}
                .formularz .register .textarea-line label {float:left;width:190px;text-align:right;margin-right:14px;padding-top:6px;font-size:16px;color:black;background:none;}
                
                .product-price2 { font-size:30px; padding-bottom:21px; padding-left:0px; width:300px; clear:both;}
                .product-price2 strike {font-size:22px;}
                .product-img {float:left;}
                .product-content {clear:both;padding-bottom:25px;margin-bottom:18px;border-bottom:1px solid #A98C61;}
                 p span.black {font-size:19px;}
                 .form-header {text-align:center !important;text-decoration:underline;}
                 .btn {width: 288px; position: absolute; right: 0pt; bottom: 5px;}
                 .zamow { background: url("../images/zamow.png") repeat scroll 0 0 transparent; clear: both; display: block; height: 64px; text-indent: -9999px; width: 288px;}
                .zamow:hover { background-position: 0 -72px;}
                .product-desc {position:relative;}
                .border-none {border:none !important;}