@media screen and (max-width: 1044px) {
	body {
		overflow-x: hidden;
	}

	#wrapper {
		position: relative;
	}

    #header, .powered, .home #zone_4 {
        margin-bottom: 15px;
    }

	.home #wrapper {
		background-image: none;
	}

	nav, .home nav {
		position: relative;
		top: 0;
		left: 1.4%;
		width: 97.2%;
		margin-right: 0;
		margin-bottom: 15px;
		background-color: transparent;
		border-bottom: none;
	}

	.nav {
		display: none;
	}

    nav li {
    	display: block;
    	float: none;
    	border-bottom: 1px solid #666;
    	position: relative;
    	clear: both;
    }

    nav li a {
    	padding: 12px 0;
    	display: block;
    	color: #666;
    }

    nav:hover a, nav li a.activeLink, nav li:hover > a,
    nav li:hover > a.activeLink, nav .dropDownStyle a.activeLink {
    	color: black;
    	text-shadow: none;
    	text-decoration: none;
    }

    nav:hover a {
    	color: #666;
    }

    nav li .dropDownStyle {
    	position: relative;
    }

    .home nav, .home nav .dropDownStyle ul {
    	border-bottom: none;
    }

    nav li .dropDownStyle ul {
    	background: transparent;
        padding: 0 2%;
        width: 96%;
    }

	.lowResHref {
		display: block;
		width: 50px;
		height: 30px;
		background: url(/themes/mobilni/css/../images/lowResBg.png) center
			no-repeat;
		text-indent: -9999px;
	}

    .spanMenuDropdown {
    	width: 20%;
    	height: 100%;
    	margin-top: 0;
    }

    .spanMenuDropdown, nav:hover .spanMenuDropdown {
    	background: url(/themes/mobilni/css/../images/navArrowSingle.png)
    				right 18px no-repeat;
    }

    nav li.active .spanMenuDropdown, nav li:hover > .spanMenuDropdown,
    nav li.active:hover > .spanMenuDropdown,
    nav .dropDownStyle li.active > .spanMenuDropdown {
    	background:
    		url(/themes/mobilni/css/../images/navArrowSingleBlack.png)
    		right 18px no-repeat;
    }

    .spanMenuDropdown.active, nav:hover .spanMenuDropdown.active,
    nav li.active .spanMenuDropdown.active {
    	background-position: right -24px;
    }

    .dropdownToggle a {
    	margin-right: 0;
    }

    .dropdownToggle > a {
    	margin-right: 20%;
    }

    #header, #pageContainer, #footer, .powered {
		width: 100%;
		margin-left: auto !important;
	}

	.home #zone_0 {
		background: url(/themes/mobilni/css/../images/wrapperBg1000.jpg)
			repeat;
	}

	.carousel-caption {
		width: 70%;
        top: 16%;
	}

	.carousel-caption h4 {
		font-size: 4.5em;
	}

	.carousel-caption p {
		font-size: 2.5em;
	}

    .home #zone_1 .bi2 {
        width: 28%;
        margin: 1% 2%;
        margin-top: -65px;
    }

    .home #zone_1 .bi2:nth-child(n+4) {
        margin-top: 1%;
    }

    .home #zone_2 {
        margin-bottom: 0;
    }

    .home #zone_3 {
        width: 52%;
        padding: 0 4%;
    }

    .home #zone_3 .GalleryGrid {
        padding: 0;
    }

    .home #zone_3 h4 {
        margin-top: 25px;
    }

    .home .gallery_list li.gb5 {
        width: 23%;
        margin: 0.8% 4.1%;
    }

    .home #zone_4 {
        margin-top: 20px;
    }

    .home #zone_4 h2 {
        font-size: 1.5em;
    }

    .home #zone_4, .home #zone_5 {
        width: 100%;
        height: auto;
        padding: 10px 0;
    }

    .home #zone_4 article.bi2, .home #zone_5 article {
        width: 24.6%;
        margin: 10px 4.15%;
        display: inline-block;
        float: none;
    }

	.loader {
		display: none;
	}

    #footer {
        border-left: none;
        border-radius: none;
    }

    #footer, .home #zone_2, .home #zone_3, .home #zone_4 {
        margin-top: 15px;
    }

    .contact-form .iTxt, .contact-form .message-area {
        width: 98.5%;
        padding: 0.6%;
        -webkit-appearance: none;
    }

    .gallery_list li.gb3, .gallery_list li.gb4 {
        width: 31%;
    }
}

@media screen and (max-width: 782px) {
    .logo {
        margin-left: 0;
        float: none;
    }

    .logo h1 {
        text-align: center;
    }

    #header .social {
        float: none;
        margin: 15px 0;
        text-align: center;
    }

    #header .social .social_menu {
        display: inline-block;
    }

	nav li {
		width: auto;
	}

	nav li a {
		width: auto;
		text-align: left;
	}

    .lowResHref {
    	padding: 0;
    }

    nav li .dropDownStyle {
    	float: left;
    }

    .dropDownStyle a {
    	margin-left: 0;
    }

    .home #zone_3 h4 {
        margin-top: 20px;
        font-size: 1.2em;
    }

    .home .gallery_list li.gb5 {
        width: 20%;
        margin: 0.8% 5.6%;
    }

    .home #zone_4 article.bi2 > a, .home #zone_4 article.bi2 img {
        margin-bottom: 1em;
    }

    #footer {
        height: auto;
    }

    #footer .logo {
        float: none;
        border-left: none;
        border-bottom: 1px solid #b3b3b3;
    }

    #footer .social {
        height: auto;
        border-right: none;
        float: none;
    }

    #footer .social ul {
        margin: 10px 30px;
        text-align: center;
    }

    .contact-form .iTxt {
        height: 25px;
    }

    #wrapper .contact-form .btn {
        margin-bottom: 1% !important;
    }

    .gallery_list li.gb1, .gallery_list li.gb2 {
        width: 46.9%;
    }

    .gallery_list li.gb1 .imgLink, .gallery_list li.gb2 .imgLink {
        width: 98%;
        padding: 1%;
        margin: 0 0 1em 0;
    }

    .gallery_list li.gb3, .gallery_list li.gb4 {
        width: 47%;
    }

    .gallery_list li.gb6 {
        width: 48.5%;
    }

    article.bi1, article.bi4, article.bi5, article.bi6 {
        margin-top: 3%;
        margin-bottom: 3%;
    }

    article.bi2, article.bi3 {
        width: 46.9%;
    }

    .productItem.pi4 {
        width: 22.5%;
        margin: 2% 1%;
    }
}

@media screen and (max-width: 500px) {
    h4 {
        text-align: left;
    }

    #header {
        border-width: 10px;
    }

    #header, .powered {
        margin-bottom: 10px;
    }

    nav .nav li .dropdownSecondLevel {
        left: 0;
    }

    .carousel-caption {
        top: 30%;
        left: 7%;
        padding: 0;
    }

    .carousel-caption h4 {
        font-size: 2.5em;
    }

    .carousel-caption p {
        display: none;
    }

    .carousel-control {
        bottom: 15px;
    }

    .carousel-control.left {
        right: 42px;
    }

    .carousel-control.right {
        right: 0;
    }

    .home #zone_1 {
        margin-top: 0;
        padding: 10px 7%;
    }

    .home #zone_1 .ContentBoxContainer, .home #zone_4 .ContentBoxContainer,
    .home #zone_5 .ContentBoxContainer {
        padding: 0;
    }

    .home #zone_1 article.bi2 {
        margin: 10px 0;
        padding: 0;
        width: 100%;
    }

    .home #zone_2 {
        width: 86%;
        padding: 0 7%;
        margin-top: 0;
    }

    .home #zone_3 {
        width: 86%;
        padding: 0 7% 20px;
        margin-top: 0;
        height: auto;
    }

    .home #zone_3 h4 {
        font-size: 1.5em;
    }

    .home .gallery_list li.gb5 {
        width: 25%;
        margin: 0.8% 3.1%;
    }

    .home #zone_4 {
        margin-top: 0;
        margin-bottom: 0;
    }

    .home #zone_4 article.bi2, .home #zone_5 article {
        width: 86%;
        margin: 10px 7%;
        float: left;
    }

    .home #zone_4 h2 {
        font-size: 1.5em;
        margin-bottom: 0.5em;
    }

    .home #zone_4 article.bi2 img {
        margin-bottom: 1em;
    }

    #footer {
        margin-top: 10px;
    }

    article.ab1 img, article.ab1 iframe, article.ab2 img, article.ab2 iframe {
        width: 50%;
    }

    article.ab1 img, article.ab1 iframe {
        margin-right: 2.8%;
        float: left;
    }

    article.ab2 img, article.ab2 iframe {
        margin-left: 2.8%;
        float: right;
    }

    .contact-form .iTxt {
        height: 30px;
    }

    #wrapper .contact-form .btn {
        margin-bottom: 2% !important;
    }

    .gallery_list li.gb1, .gallery_list li.gb2 {
        width: 46.7%;
    }

    .gallery_list li.gb1 .imgLink, .gallery_list li.gb2 .imgLink {
        width: 96%;
        padding: 2%;
    }

    article.bi2, article.bi3 {
        width: 100%;
        padding: 0;
        margin: 2% 0;
    }

    .pi1 .productItem, .productItem.pi2 {
        margin: 2% 1%;
    }

    .productItem.pi3 {
        margin: 3% 0;
    }

    .productItem.pi4 {
        width: 46.7%;
        margin: 3% 1.4%;
    }
}