/*

	-----------------------------------
	Project Name: Pumah
	File Name: responsive.css
	-----------------------------------

	Only Mobile Site	
	-----------------------------------
*/

@media (max-width:1420px) {

	/*  Navigation  */
	.side-image { /*top: 7%;*/ width: 26%; }
}
@media (max-width:991px) {

	/*  Navigation  */
	.nav > li > a { padding: 10px 7px; }

	/*  Side paper title  */
	.title h2 { font-size: 26px; }

	/*  Logo  */
	.logo { top: 25px; }
	.navbar { top: 90px; }
}
@media (min-width:768px) {

	/*li.dropdown.active > ul.dropdown-menu{display: block;opacity: 1; visibility: visible;} */
	.side-image img { /*width: 100%; */ max-width: 620px; }
	section > .container.mrg-top { margin-top: 310px }
}
@media (max-width:767px) {

	/*  logo  */
	header { margin-bottom: 30px; min-height: 235px; }

	/*  logo  */
	.logo { left: 0; right: 0; top: 85px; z-index: 9997; }

	/*  maenner logo  */
	.maenner-project-logo { left: 0; right: auto; text-align: left; z-index: 9999; }
	.maenner-project-logo img { padding: 0 15px; }

	/*  Navigation  */
	.navbar { background-image: url(../images/navigation-bg.jpg); /*border-left: 2px solid rgba(0, 0, 0, 0.50); box-shadow: 1px 1px 1px 0 rgba(255, 255, 255, 0.5); -moz-box-shadow: 1px 1px 1px 0 rgba(255, 255, 255, 0.5); -webkit-box-shadow: 1px 1px 1px 0 rgba(255, 255, 255, 0.5); -o-box-shadow: 1px 1px 1px 0 rgba(255, 255, 255, 0.5);*/ left: 0; margin: 0; right: auto; top: 0; width: 100%; z-index: 9998; }

	/*  navbar btn  */
	.navbar-btn { /*padding-top: 32px;*/ margin-top: 12px; }
	.pull-left.navbar-btn { float: none !important; }
	.navbar-toggle,
	.navbar-default .navbar-toggle { margin: 0; right: 12px; border-left: 2px solid rgba(0, 0, 0, 0.50); border-radius: 0; border-bottom: 0; border-right: 0; border-top: 2px solid rgba(0, 0, 0, 0.50); box-shadow: 1px 1px 1px 0 rgba(255, 255, 255, 0.5); -moz-box-shadow: 1px 1px 1px 0 rgba(255, 255, 255, 0.5); -webkit-box-shadow: 1px 1px 1px 0 rgba(255, 255, 255, 0.5); -o-box-shadow: 1px 1px 1px 0 rgba(255, 255, 255, 0.5); height: 34px; width: 44px; }
	.navbar-default .navbar-toggle:focus,
	.navbar-default .navbar-toggle:hover { background-color: transparent; }
	.navbar-default .navbar-toggle .icon-bar { background-color: #fff; border-radius: 0; }

	/*  navbar collapse  */
	.navbar-toggle { transition: all 400ms ease-in-out 0s;}
	.navbar-toggle.active span:nth-child(2) { display: none; }
	.navbar-toggle.active span:nth-child(3) { margin: 0; position: relative; top: 2px; transform: rotate(45deg); }
	.navbar-toggle.active span:nth-child(4) { margin: 0; transform: rotate(-45deg); }
	.navbar-collapse,
	.navbar-default .navbar-collapse { border: 2px solid rgba(0, 0, 0, 0.50); border-right: 0; border-bottom: 0; box-shadow: 1px 1px 1px 0 rgba(255, 255, 255, 0.5); -moz-box-shadow: 1px 1px 1px 0 rgba(255, 255, 255, 0.5); -webkit-box-shadow: 1px 1px 1px 0 rgba(255, 255, 255, 0.5); -o-box-shadow: 1px 1px 1px 0 rgba(255, 255, 255, 0.5); float: left; margin: 15px 2% 0; top: 0; width: 96%; }
	.navbar-nav { float: none !important; width: 100%; margin: 0; display: table; margin: 0 auto; width: 70%; }
	.navbar-nav.pull-left { padding-top: 6%; }
	.navbar-nav.pull-right { padding-bottom: 6%; }

	/*  navbar default  */
	.navbar-nav li { float: left; width: 100% }
	.navbar-default .navbar-nav > li > a { padding: 10px 11px; }
	.navbar-default .navbar-nav > li.dropdown { position: relative; }
	.dropdown-toggle { display: none; border-left: 2px solid rgba(0, 0, 0, 0.5); border-top: 2px solid rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 1px 0 rgba(255, 255, 255, 0.5); float: right; height: 38px; margin: 0; position: absolute; right: 0; top: 0; width: 38px; z-index: 9999; padding: 15px 13px; }
	.dropdown-toggle span { background-image: url(../images/toggle-bg.png); background-position: 0 5px; float: left; height: 5px; padding: 0; width: 9px; }
	.open .dropdown-toggle span { background-position: 0 11px; }
	.dropdown .dropdown-menu { float: left; left: auto; margin: 0 0 0 35px; position: relative; right: auto; width: 100%; }
	.dropdown .dropdown-menu  a { font-size: 14px; font-weight: 700; }
	.dropdown-menu,
	.navbar-nav .open .dropdown-menu { margin: 0 auto; opacity: 1; visibility: visible; border: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; width: 270px; background-image: none; }

	/*  content  */
	.content { padding-bottom: 220px; background-image: url(../images/smartphone_320_568.png); padding-left: 16px; padding-right: 15px; }

	/*  side paper  */
	.side-paper { width: 100%; }
	.side-paper .title { background-size: 100%; width: 100%; padding: 39px 15px 0 0; min-height: 113px; }
	.side-paper .text { background-size: 100%; width: 100%; padding: 21px 15px 0 0; }
	.center-image { top: inherit; }
	.text .csc-textpic-imagewrap .csc-textpic-center-outer { right: 0; width: 100%; }
	.text .csc-textpic-imagewrap .csc-textpic-center-outer .csc-textpic-center-inner { right: 0; width: 100%; }
	.slider { /*padding: 0 15px;*/ display: none; }
	.owl-carousel { display: inline-block !important; }
	.project-slideshow .bottomcarousel { background-size: 100%; }
	#owl-demo .item img { /*max-height: 248px; min-height: 248px; max-width: 312px;*/ width: 80%; }
	.center-image { margin: 15px 0; height: auto; }

	/*.right-side-image { position: inherit; }*/
	.right-side-image img { max-width: 100%; float: right; height: auto; }
	.side-image { float: left; left: -10px; /* margin: -75px auto 0; */ /* position: inherit; */ top: 50px; width: 45%; }
	.right-side-image div.csc-textpic-center .csc-textpic-center-outer { position: inherit; }
	.right-side-image div.csc-textpic-center .csc-textpic-center-inner { position: inherit; right: 0; width: 100%; }
	.right-side-image .csc-textpic-center-outer { width: 100%; }
	.kontakt form { margin-top: 25px; }
	.success { margin: 0; }
	.col-xs-10 { width: 81.3333%; }

	/*  footer bg  */
	.footer-bg { background-image: none; position: relative; }
	.footer-content { float: left; margin: 0 auto; width: 100%; position: absolute; top: -100px; }
	.footer-nav { width: 100%; float: left; }
	.footer-nav li { padding: 0; width: 100%; line-height: 24px; }
	.footer-content p { float: left; }
}
@media (max-width:600px) {

	/*  fixBottom  */
	.fixBottom { bottom: -11px; }
	.side-paper .title { min-height: 92px; }
}
@media (max-width:535px) {

	/*  project slideshow  */
	.project-slideshow { width: 100%; }
	.project-slideshow .bottomcarousel { background-size: 100%; }
	.item > img { height: auto; max-width: 100%; padding: 0; /* padding: 40px; */ width: 100%; }
	.side-paper .title { min-height: 81px; }
}
@media (max-width:480px) {

	/*  switchImage  */
	.switchImage { padding: 7px 0; }
	.title h2 { font-size: 18px; }
	.side-paper .title { min-height: 73px; }
	.slider { height: 297px; margin: 0 auto 45px; overflow: hidden; width: 192px; }
	.slider > img { min-width: 768px; }
}
@media (max-width:390px) {

	/*  side paper  */
	.side-paper .title { min-height: 47px; padding-top: 25px; }
}