@media screen and (max-width: 1200px) and (min-width: 1025px) {             /*1200px*/
#hiddeninformation,#js_off_squere,#ipad_makup,#key1{display: none}
ul li a:hover{text-decoration: none}
/*sekcja ukryta dla  desktowpów i tabletów - widoczna tylko tylko dla smartfonów*/
#smartphone_view{display: none}
/*sekcja ukryta dla  desktowpów i tabletów - widoczna tylko tylko dla smartfonów*/

.leftside_ofer .back {top: 5%}

/* wolna przestrzeń między "o nas" i "oferta" */
.free_space{
	margin-top: 50px;
}

#RWD_tester{
	display: none;
}
#gwiazdka {bottom: 70px}
.start, .about, #portfolio, .contact{
	min-height: 100%;
	padding: 20px 0
}
#nav_spinner {margin: 0 auto !important}
nav#nav_fixed{font-family: 'latobold'; padding-left:20px}
#menu_call img {padding: 10px 20px 0 !important}
#nav_icons {margin: -28px 170px 0 0}
.about .header {margin: 13px auto 0}
.header{
	margin: 50px auto;
	width: 100%}
.header_line,.header_line_two{display: none}
.about{width: 100%}
#about_still{}
#leftside_ofer{width: 1024px}
#about_move{width: 1024px;margin: 0 auto}
.ofer_start{width: 1200px;}
.rowspacer{
	width: 16px;
	margin: 0 10px 0 0;
	height: 10px;
	float: left
}
.leftside_ofer{width: 100%}
.www_direct p {
    font-size: 13px;
    line-height: 14px
}
.www_direct_lists li {
    font-size: 13px;
    line-height: 14px;
}
.www_direct {width: 1000px}
.www_direct_header p {margin: 10px auto}
.www_direct_row1, .www_direct_row2, .www_direct_row3 {
    margin:0 auto 0 20px;
    width: 220px;
}
.inner {font-size: 13px}

.adds_direct_row, .apps_direct_row1, .apps_direct_row2 {
    width: 220px;
}
.www_direct_row3{width: 460px !important}
.about .bx-wrapper {margin: -60px auto 0!important}
.about .bx-wrapper .bx-controls-direction a {
    top: -6%!important}
#direct_switch{opacity: 1}
#coffee {display: none}
.row_one_persons{margin: -80px auto 160px;}
.row_one_persons .small_header {
    /*margin: 80px*/
	clear: both;
}

}
@media screen and (max-width: 1024px) and (min-width: 769px) {             /*1024px*/
ul li a:hover{text-decoration: none}
.start{
    background-image: url("../bg/ws4.jpg");
    display: inline-block;
}
.start, .about, .news, .contact{
    background-size:cover;
    background-repeat: no-repeat;
}
.row_tree_high,.row_tree_low{
    opacity: 1;
}
.row_tree_high{top: 0px}
.row_tree_low{top: 0px}

.row_tree_high.animate,.row_tree_low.animate,.newses_initial.animate,
.newses_right_initial.animate
{
    -webkit-animation-name: none; /* Chrome, Safari, Opera */
    animation-name: none;
    -ms-animation-name: none;
    -o-animation-name: none;
}

.newses_initial, .newses_right_initial{
    left: 0;
    opacity: 1
}

#hiddeninformation,#js_off_squere,#ipad_makup,#key1{display: none}
/*sekcja ukryta dla  desktowpów i tabletów - widoczna tylko tylko dla smartfonów*/
#smartphone_view{display: none;background-color: #d5d9dc}
/*sekcja ukryta dla  desktowpów i tabletów - widoczna tylko tylko dla smartfonów*/

.leftside_ofer .back {top: 5%}

.start, .about, .contact {
    min-height: 768px!important;
    padding: 20px 0;
}

#video_background{display: none}
.video_pattern{display:none}

#subtext {
    margin: 34px auto;
    width: 90%;
}
.spinner_personslider {
    margin: 0 auto;
    width: 900px !important;
}
.about .header {
    margin: 15px auto 0;
}
.spinner_personslider .bx-viewport{
    height: 240px!important
}
.row_one_persons {
    margin: -70px auto 130px;
    opacity: 1;
    width: 900px;
}
.personeslider{margin: 100px 0 0 0}
.personeplace img{width: 140px}
.personephoto_hovering{margin: 0 0 0 -146px}

.row_one_persons .bx-prev{
    margin-top: 150px!important;
    margin-left: -40px
}
.row_one_persons .bx-next{
    margin-top: 150px!important;
    right: 1%!important;
}


#welcome_content {margin: 2% auto 20%}
#socialicons_new .socialicon img{
    margin: 23px 31px 0;
}
#weel{display: none}
#gwiazdka {bottom: 70px}
.start, .about, .contact{
	min-height: 100%;
	padding: 20px 0
}
#portfolio {
    background: url("../img/bg_news.jpg") repeat scroll -280px -38px rgba(0, 0, 0, 0)
}

#portfolio{height: 880px; padding: 20px 0;}
#nav_spinner {width: 1024px!important}


nav#nav_fixed{font-family: 'latobold'; padding-left:20px}
#menu_call img {padding: 10px 20px 0 !important}
#nav_icons {margin: -29px 27px 0 0}
.header{
	margin: 10px auto;
	width: 100%}

#portfolio .header, .contact .header{
    margin:50px auto 0;
}    
.header_line,.header_line_two{display: none}
.about{width: 100%}
#leftside_ofer{width: 1024px}
#about_move{width: 1024px;margin: 0 auto}
.ofer_start{width: 1200px;padding: 0 30px}
.rowspacer{
	width: 16px;
	margin: 0 10px 0 0;
	height: 10px;
	float: left
}
.leftside_ofer{width: 100%}
.www_direct p {
    font-size: 13px;
    line-height: 14px;
}
.www_direct_lists li {
    font-size: 13px;
    line-height: 14px;
}
.www_direct {width: 940px}
.www_direct_header p {margin: 10px auto}
.www_direct_row1, .www_direct_row2, .www_direct_row3 {
    margin:0 auto 0 20px;
    width: 200px;
}
.inner {font-size: 13px}
.about .bx-wrapper {padding: 0 10px}

.adds_direct_row, .apps_direct_row1, .apps_direct_row2 {
    width: 200px;
}
.www_direct_row3{width: 460px !important}
.about .bx-wrapper {margin: -60px auto 0!important}

.about .bx-wrapper .bx-controls-direction a {
    top: -6%!important;
}
.newses_initial, .newses_right_initial, .newses, .newses_right {width: 400px;}
#neswcontainer {width: 870px}
#neswcontainer p{font-size: 14px;text-shadow: none; color:#FFF;}

.row_tree_high p, .row_tree_low p {font-size: 13px}


#direct_switch {
    opacity: 1;
    cursor: pointer;
    height: 56px;
    margin: -46px 0 0 75px;
    width: 56px;
    background-image: url('../img/ipad_toggle.png')
}

#archiw_button {margin: -320px 0 0}
#coffee {display: none}}

@media screen and (max-width: 768px) and (min-width: 481px) {             /*768px*/
ul li a:hover{text-decoration: none}
.start{
    background-image: url("../bg/ws4.jpg");
    display: inline-block;
}
#hiddeninformation,#js_off_squere,#ipad_makup,#key1,.start,header,#smartphone_view,.about,#portfolio,.contact,#googlemaps

{display: none}

/*sekcja ukryta dla  desktowpów i tabletów - widoczna tylko tylko dla smartfonów*/
#smartphone_view{display: none;background-color: #d5d9dc}
/*sekcja ukryta dla  desktowpów i tabletów - widoczna tylko tylko dla smartfonów*/


#RWD_768_sceenflip{
	background: url('../img/rwd768.svg') rgba(255,255,255,1) no-repeat center center;
    position: fixed;
	background-position: cover;
	z-index: 99999;
	top:0;
	bottom: 0;
	width: 100%;
	height: 100%;
	display: block;
}
#video_background{display: none}
.video_pattern{display:none}
#coffee {display: none}
}
@media screen and (max-width: 480px) and (min-width: 10px) {             /*480px*/
.mobi_dis{display: none}
.dectop_dis{display: inline-block;}

ul li a:hover{text-decoration: none}
.og-grid li, .all.self-portrait.og-expanded {
    height: 250px !important;
}
.og-expander {
    display: none !important;
}
p.hidden_txt{
    display: inline-block;
    margin: 0 6px;
    text-align: center;

}
.parallaxing {
    background-size: 500% auto !important;
    background-position: 50% top !important;
    background-attachment: scroll!important;
    top: 500px !important;
}
.start{
    background-image: url("../bg/ws4.jpg");
    display: inline-block;
    position: fixed;
    top:0!important;
}


.start, .about, .news, .contact{
    background-size:cover;
    background-repeat: repeat-y;
}

.row_one_persons{display: none}
.row_tree_high,.row_tree_low{
    opacity: 1;
}
.row_tree_high{top: 0px}
.row_tree_low{top: 0px}
.row_tree_high.animate,.row_tree_low.animate
{
    -webkit-animation-name: none; /* Chrome, Safari, Opera */
    animation-name: none;
    -ms-animation-name: none;
    -o-animation-name: none;
}

#hiddeninformation,#js_off_squere,#ipad_makup,#key1{display: none}
 /*scroll*/
 .nicescroll-rails{
    display: none
 }
.back{display: none}


/*style dotyczące nowego sposobu prezentacji portfolio*/
.testalpha{
    display:none;
}
.bx-controls-direction{
    display: none
}

#smartphone_view{
    display:inline-block;
    height: auto;
    margin: 0 auto;
    width: 100%;
    background:url(../img/rwd_bg.jpg);
}
#projekt_presentation{
    height: 100%;

}
.macup_projects{
    margin: 10px auto 50px;
    width:100%;
    text-align: center;
   /* border-bottom: 1px solid #ccc;*/
}
.macup_projects img{
    width:100%;
}
.discription p{
    font-family: 'latobold';
    margin: 0 10px
}
#smartphone_view h1,.discription p{
    color: #366181
}


/*style dotyczące nowego sposobu prezentacji portfolio*/
.og-fullimg img {
    display: inline-block;
    max-height: 100%;
    max-width: 223%!important;
    margin: 0 -150px;
}
.og-fullimg {
    height: 100%!important;
    width: 100%;
}
#socialicons_new,#start_menu{
    display: none
}

#logo {
    margin: 0 auto;
    width: 100%;
}

.subtext p {
    font-family: "latoblack";
    font-style: italic;
    font-size: 41px;
    font-weight: 900;
    width: 100%;
    letter-spacing: 4px;
    line-height: 29px;
    margin: 50px auto 0;
}
#welcome_content {
    margin: 13% auto;
    position: relative;
    width: 90%;
}

#welcome_screen {
    background: url("../img/ws4.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 491px;
    list-style: outside none none;
    position: relative;
    width: 100%;
    z-index: 5;
}

.artics img{ float: none}

#video_background{display: none}
.video_pattern{display:none}
header {
    margin: -3px auto 0 !important;
    width: auto;
    z-index: 1001;
}

header ul li img {display: none}
#menu_call {display: none}

nav#nav_fixed {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 1);
    animation-name: none;
    left: auto;
    display: none;
    margin: 0 auto;
    width: 100%;}

#nav_spinner {margin:0 auto !important}


/*ul {display: none}*/
#nav_icons_rwd{display: block; position: fixed; top:15px; left:0}
#nav_icons {display: none}
#nav_icons img, #nav_icons_rwd img {margin:  0 12px;height: 19px}
#gwiazdka {bottom:87px}
#mail_facebook{display: none}
.start {
    min-height: 564px !important;
    top: -29px;
}
.start .bx-wrapper .bx-viewport {
	height: 491px !important;
	background-image: url("../video/pattern2.png"), url("../img/ws4.jpg");
	z-index:-9;
}
.bx-wrapper .bx-controls-direction a {top: 74% !important}
.start {
    /*height: 491px;*/
    top:0}
#welcome_content {margin: 17% 10px 20%;z-index: 9999}
#weel{display: none}
#welcome_title {
    font-family: "latoblack";
    font-style: italic;
    font-size: 39px;
}
#welcome_content img{max-width: 100%}
#welcome_title img{display:none !important;}
#logo img {width: 100%}
.subtext{width: 100%}
.subtext p {
    font-family: "latoblack";
    font-style: italic;
    font-weight: 900;
    width: 100%;
}
.header_line, .header_line_two {
    display: none;
}
.about {
    margin: 0 auto;
    width: 100%;
    /*height: 1650px*/
}
.header {
    margin: 90px auto 0;
    width: 100%
}
.row_img {
    display: none;
}
.small_header {
    margin: 0 auto;
    width: 100%;
}

.row_one {
    float: none;
    margin: 0 auto;
    width: 100%;
}
.row_one p {
    font-size: 14px;
    line-height: 15px}

#about_still {
    height: 280px;
    margin: 55px auto;
    width: 90%
}

.rowspacer {display: none}
.row_tree_high, .row_tree_low {
	float: none!important;
	animation-name: none!important;
	margin: 70px auto;
	opacity: 1;
}


.row_tree_high a, .row_tree_low a {
    display: none;
}
.leftside_ofer {display: none}
.about .bx-wrapper .bx-controls-direction a {
    display: none!important}

.about .bx-wrapper .bx-viewport{
	overflow: visible!important;
}
.ofer_start {
    margin: 150px auto;
    width: 100%;
}

#portfolio {
    background: url("../img/bg_news.jpg") repeat scroll 820px 471px rgba(0, 0, 0, 0);
    height: 1420px;
    padding: 0 0 15px;
    width: 100%;
}

.textinfobox a {
    display: none;
}

#archiw_button {display: none}

.contact {
    height: 530px;
    width: 100%;
    min-height: 290px;

}

.contact .header {
    margin: 70px auto 0;
    width: 100%;
}

#contact_main {
    margin: -160px auto;
    position: relative;
    width: 220px;
    z-index: 2;
    height: 300px;
    min-height: 290px;
}

#logo_two {
    margin: 0 auto;
    width: 100%;
}
#logo_two img {
    margin: 0 auto 20px;
    vertical-align: middle;
    width: 180px;
}

#form_bg {
    height: 502px;
    margin: -732px auto 0}

#form{
	display: none
}

footer{
	margin: 181px auto 0 !important;
    width: 65%;
}
#dane_info h3{
     margin: -32px 0 10px
}

#form_mech {
    margin: 190px auto 0;
}

#portfolio .bx-wrapper .bx-viewport {
	top: 0!important;
}

#key1,#coffee{display: none}
#coffee {display: none}

#hiddeninformation{
    display: none
}

#up{
    bottom: 10px;
    display: block;
    opacity: 1;
    position: fixed;
    right: 10px;
    z-index: 99;

}


}
/*Tahoma, Geneva, sans-serif*/