/* ------------------------------------------------------------------------ */
/* Media Queries
/* ------------------------------------------------------------------------ */
	
	/* ------------------------------------------------------------------------ */
	/* Smaller than standard 960 (devices and browsers) */
	/* ------------------------------------------------------------------------ */
	@media only screen and (max-width: 959px) {
#respond input#submit { margin: 0 !important; }
#boxed-layout { width: auto; margin: 0 !important; padding: 0 !important; border: none; }
#boxed-layout .container { padding-left: 0 !important; padding-right: 0 !important; }
#background { display: none; }
}
	
	/* ------------------------------------------------------------------------ */
	/* Tablet Portrait size to standard 960 (devices and browsers) / 1. Step */
	/* ------------------------------------------------------------------------ */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
#header-searchform { display: none; }
.post-content { width: 500px; }
.blog-medium .post-content { width: 216px; }
#author-info .author-bio { width: 394px; }
#respond-inputs p { width: 556px; margin:0 0 20px 0 !important; float: none; }
#respond-inputs input { width: 538px; }
#respond-textarea textarea { width: 538px; }
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		
		.portfolio-item.four { width: 364px !important; height: 296px; }
.portfolio-item.four img { width: 364px; height: 237px; }
.portfolio-item.four .portfolio-pic .portfolio-overlay { width: 364px; height: 237px; }
.portfolio-item.four .portfolio-pic .portfolio-overlay .overlay-link,  .portfolio-item.four .portfolio-pic .portfolio-overlay .overlay-lightbox { left: 157px }
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		
		.portfolio-item.one-third { width: 236px; height: 213px; }
.portfolio-item.one-third img { width: 236px; height: 154px; }
.portfolio-item.one-third .portfolio-pic .portfolio-overlay .overlay-link,  .portfolio-item.one-third .portfolio-pic .portfolio-overlay .overlay-lightbox { left: 93px }
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		
		.portfolio-item.eight { width: 364px; height: 296px; }
.portfolio-item.eight img { width: 364px; height: 237px; }
.portfolio-item.eight .portfolio-pic .portfolio-overlay .overlay-link,  .portfolio-item.eight .portfolio-pic .portfolio-overlay .overlay-lightbox { left: 157px }
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		
		.portfolio-item-one .portfolio-desc { width: 258px; }
.portfolio-item-one h4 { margin-top:0; }
.portfolio-item-one .button { padding: 10px 14px; }
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		/* Widgets */
		/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		
		.widget_portfolio .portfolio-widget-item .portfolio-pic { width: 40px; height:40px; }
.widget_search input { width:133px; }
#wp-calendar tbody td,  #wp-calendar thead th,  #wp-calendar caption { padding: 0; }
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		/* Shortcodes */
		/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	
		.pricing-table { width: 748px; }
.pricing-table.col-2 .plan { width:372px; }
.pricing-table.col-3 .plan { width:248px; }
.pricing-table.col-4 .plan { width:186px; }
.pricing-table.col-5 .plan { width:148px; }
.latest-blog .blog-item .blog-pic img { width:172px; height:112px; }
.latest-blog .blog-item h4 { font-size: 13px; }
.latest-blog .blog-item .post-icon { left:61px; top:31px !important; }
}
	
	/* ------------------------------------------------------------------------ */
	/* All Mobile Sizes (devices and browser) / all under Tablet */
	/* ------------------------------------------------------------------------ */
	@media only screen and (max-width: 767px) {
#infobar { position: absolute !important; /* RETHINK THIS */ }
#topbar { height:100px; }
#topbar.no-social { height:30px; border: none; }
#topbar .callus { /* RETHINK THIS */
			height:45px; line-height: 30px; width:100%; padding:0px 0px; text-align: center; background: #efefef; margin:0px 0 0 0 !important; }

#top_menu, #navigation { height:35px; margin-bottom:10px; border:none; background:none}
.ikonki, .ikonki ul {display: block;height: 40px;text-align: center; width:100%; margin:0}
.ikonki h2 { float:none;}
.oferta ul li { float:none; display:table; margin:0 auto}
.oferta ul  { display:table; text-align:center; width:100%}

#topbar .social-icons, #topbar .social-icons ul { text-align: center; width: 100%; font-size:0; display:inline-table }
.social-icons ul li { display: inline-table; float:none; height:40px }
.social-icons ul li a { display: block;  height:40px }
.social-icons { height:40px; margin:10px 0}

html body #header,  html body #header-v2,  html body #header-v3,  html body #header-v4,  html body #header-v5 { height: auto !important; margin: 0 !important; padding: 0 !important; }
html body .header-v2-container,  html body .header-v4-container,  html body .header-v5-container { height: auto !important; }
html body #header .logo,  html body #header-v2 .logo,  html body #header-v3 .logo,  html body #header-v4 .logo,  html body #header-v5 .logo { text-align: center; margin:25px 0 25px 0 !important; }
.logo img { max-width: 100%; }
#header #navigation ul,  #header-v2 #navigation ul,  #header-v3 #navigation ul,  #header-v4 #navigation ul,  #header-v5 #navigation ul { display:none; }
#header #header-searchform,  #header-v2 #header-searchform,  #header-v3 #header-searchform,  #header-v4 #header-searchform,  #header-v5 #header-searchform { display:none; }
#header-v2 .slogan,  #header-v4 .slogan,  #header-v5 .slogan { display:none; }
#header-v2 #navigation,  #header-v3 #navigation,  #header-v4 #navigation,  #header-v5 #navigation { border: none !important; margin: 0 !important; padding: 0 !important; background: none !important; }
#header #navigation .select-menu,  #header-v2 #navigation .select-menu,  #header-v3 #navigation .select-menu,  #header-v4 #navigation .select-menu,  #header-v5 #navigation .select-menu { display: inherit !important; width:100% !important; padding:8px !important; }
.flexslider { margin:0; }
#breadcrumbs { display: none;  /* RETHINK THIS */ }
#no-title #breadcrumbs { display: block; }
#sidebar { margin-top:40px; }
#back-to-top { display: none !important; }
#footer .widget,  #infobar .widget { margin-bottom:20px; }


#copyright .social-icons { display:none;  }

#copyright .copyright-text  { text-align:center;}

#filters ul li { display: block; float: none; }
#filters ul li a { display: block; float: none; border: none; border-bottom: 1px solid #dddddd; }
#filters ul li:last-child a { border: none; }
#portfolio-slider .overlay { display: none; }
.callout .callout-button { float: none; width: 100%; margin: 0 0 20px 0 !important; }
.callout .callout-button a.button { display: block; }
.callout .callout-content { float: none; width: 100%; text-align: center; }
.teaserbox { text-align: center; }
.teaserbox a.button { display: block; }
.tab { float: none; display: block; margin: 0 0 -1px 0; }
.tab a.selected { border-bottom-color: #d3d3d3; }
.panel div { max-width: 100%; }
}

	/* ------------------------------------------------------------------------ */
	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) 2. Step */
	/* ------------------------------------------------------------------------ */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
.gallery-wrap { margin:0 0 -20px 0; }
.latest-blog, .negative-wrap { margin:0 0px 0 0px; }
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		
		.post-content { width: 365px; }
.post-meta span { display: block; margin:0 0 5px 0; }
.blog-medium .post-content { width: 420px; }
.blog-medium .post-video,  .blog-medium .post-gallery,  .blog-medium .post-image,  .blog-medium .post-quote,  .blog-medium .post-audio,  .blog-medium .post-link { width: 420px; }
.blog-medium .post-gallery img,  .blog-medium .post-image img { width: 100%; height: auto; }
#author-info { margin: 0; }
#author-info .author-bio { float: left; width: 313px; }
.sharebox { margin: 0 0 30px 0; }
.sharebox h4 { display: none; }
#respond-inputs p { width: 420px; margin:0 0 20px 0 !important; float: none; }
#respond-inputs input { width: 403px; }
#respond-textarea textarea { width: 403px; }
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		
		.portfolio-wide #portfolio-slider,  .portfolio-wide #portfolio-video,  .portfolio-sidebyside #portfolio-slider,  .portfolio-sidebyside #portfolio-video { margin: 0 0 30px 0; }
#portfolio-related-post h3 { margin-left:0px; margin-right:0px; }
.projects-nav { display: none; }
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		
		.portfolio-item.four { width: 420px !important; height: 333px; margin-bottom:20px; }
.portfolio-item.four img { width: 420px; height: 274px; }
.portfolio-item.four .portfolio-pic .portfolio-overlay { width: 420px; height: 274px; }
.portfolio-item.four .portfolio-pic .portfolio-overlay .overlay-link,  .portfolio-item.four .portfolio-pic .portfolio-overlay .overlay-lightbox { left: 185px }
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		
		.portfolio-item.one-third { width: 420px !important; height: 333px !important; margin-bottom:20px; }
.portfolio-item.one-third img { width: 420px !important; height: 274px !important; }
.portfolio-item.one-third .portfolio-pic .portfolio-overlay { width: 420px; height: 274px; }
.portfolio-item.one-third .portfolio-pic .portfolio-overlay .overlay-link,  .portfolio-item.one-third .portfolio-pic .portfolio-overlay .overlay-lightbox { left: 185px }
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */		
		
		.portfolio-item.eight { width: 420px; height: 333px; margin-bottom:20px; }
.portfolio-item.eight img { width: 420px; height: 274px; }
.portfolio-item.eight .portfolio-pic .portfolio-overlay .overlay-link,  .portfolio-item.eight .portfolio-pic .portfolio-overlay .overlay-lightbox { left: 185px }
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		
		.portfolio-item-one { margin-bottom: 40px !important; }
.portfolio-item-one .portfolio-picwrap,  .portfolio-item-one .portfolio-picwrap img { width: 420px; height:228px; }
.portfolio-item-one .portfolio-picwrap,  .portfolio-item-one .portfolio-desc { width: 420px; clear: both; float: none !important; }
.portfolio-item-one .portfolio-picwrap .portfolio-overlay .overlay-link,  .portfolio-item-one .portfolio-picwrap .portfolio-overlay .overlay-lightbox { left: 185px }
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		/* Widgets */
		/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		
		.widget_search input { width:379px; }
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		/* Shortcodes */
		/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		
		.pricing-table { width: 420px; padding: 20px 0 0 0; }
.pricing-table.col-2 .plan,  .pricing-table.col-3 .plan,  .pricing-table.col-4 .plan,  .pricing-table.col-5 .plan { width:418px; margin-bottom:20px; }
.pricing-table .featured { margin-top:0; }
.latest-blog .blog-item { margin-bottom: 20px; }
.latest-blog .blog-item .blog-pic img { width:420px; height:273px; }
.latest-blog .blog-item .blog-overlay { width:420px; height:273px; }
.latest-blog .blog-item h4 { font-size: 13px; }
.latest-blog .blog-item .post-icon { left:185px; top:111px !important; }
.blog-medium .post-icon { display:none; }
}
	
	/* ------------------------------------------------------------------------ */
	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) 3. Step */
	/* ------------------------------------------------------------------------ */
	@media only screen and (max-width: 479px) {
.gallery-wrap { margin:0 0 -20px 0; }
.latest-blog, .negative-wrap { margin:0 0px 0 0px; }
.sidenav:after { display: none; }
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		
		.post-content { width: 245px; }
.post-meta span { display: block; margin:0 0 5px 0; }
.blog-medium .post-content { width: 300px; }
.blog-medium .post-video,  .blog-medium .post-gallery,  .blog-medium .post-image,  .blog-medium .post-quote,  .blog-medium .post-audio,  .blog-medium .post-link { width: 300px; }
.blog-medium .post-gallery img,  .blog-medium .post-image img { width: 100%; height: auto; }
#author-info { margin: 0; }
#author-info .author-bio { float: left; width: 193px; }
.sharebox { margin: 0 0 30px 0; }
.sharebox h4 { display: none; }
#respond-inputs p { width: 300px; margin:0 0 20px 0 !important; float: none; background: yellow; }
#respond-inputs input { width: 282px; }
#respond-textarea textarea { width: 282px; }
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		
		.portfolio-wide #portfolio-slider,  .portfolio-wide #portfolio-video,  .portfolio-sidebyside #portfolio-slider,  .portfolio-sidebyside #portfolio-video { margin: 0 0 30px 0; }
#portfolio-related-post h3 { margin-left:0px; margin-right:0px; }
.projects-nav { display: none; }
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		
		.portfolio-item.four { width: 300px !important; height: 255px; margin-bottom:20px; }
.portfolio-item.four img { width: 300px; height: 196px; }
.portfolio-item.four .portfolio-pic .portfolio-overlay { width: 300px; height: 196px; }
.portfolio-item.four .portfolio-pic .portfolio-overlay .overlay-link,  .portfolio-item.four .portfolio-pic .portfolio-overlay .overlay-lightbox { left: 125px }
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		
		.portfolio-item.one-third { margin-bottom:20px; }
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		
		.portfolio-item.eight { width: 300px; height: 255px; margin-bottom:20px; }
.portfolio-item.eight img { width: 300px; height: 196px; }
.portfolio-item.eight .portfolio-pic .portfolio-overlay .overlay-link,  .portfolio-item.eight .portfolio-pic .portfolio-overlay .overlay-lightbox { left: 125px }
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		
		.portfolio-item-one { margin-bottom: 40px !important; }
.portfolio-item-one .portfolio-picwrap,  .portfolio-item-one .portfolio-picwrap img { width: 300px; height:163px; }
.portfolio-item-one .portfolio-picwrap,  .portfolio-item-one .portfolio-desc { width: 300px; clear: both; float: none !important; }
.portfolio-item-one .portfolio-picwrap .portfolio-overlay .overlay-link,  .portfolio-item-one .portfolio-picwrap .portfolio-overlay .overlay-lightbox { left: 125px }
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		/* Widgets */
		/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		
		.widget_search input { width:258px; }
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		/* Shortcodes */
		/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		
		.pricing-table { width: 300px; padding: 20px 0 0 0; }
.pricing-table.col-2 .plan,  .pricing-table.col-3 .plan,  .pricing-table.col-4 .plan,  .pricing-table.col-5 .plan { width:298px; margin-bottom:20px; }
.pricing-table .featured { margin-top:0; }
.latest-blog .blog-item { margin-bottom: 20px; }
.latest-blog .blog-item .blog-pic img { width:300px; height:195px; }
.latest-blog .blog-item .blog-overlay { width:300px; height:195px; }
.latest-blog .blog-item h4 { font-size: 13px; }
.latest-blog .blog-item .post-icon { left:125px; top:72px !important; }
.blog-medium .post-icon { display:none; }
}
	
	/* ------------------------------------------------------------------------ */
	@media only screen and (min-width: 960px) {
/* ------------------------------------------------------------------------ */
		.flex-direction-nav .flex-next { right: -40px; *right:0;
}
.flex-direction-nav .flex-prev { left: -40px; *left: 0;
}
}
	
/* ------------------------------------------------------------------------ */
/* EOF
/* ------------------------------------------------------------------------ */
