/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
.blog .blog-1 {
	height: 382px;
}
.blog .blog-2,
.blog .blog-3 {
	height: 530px;
}
	.inner-content .pirkt .color-gold {
		display: block;
	}
	
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
.menu-bar .container {
	padding-left: 0;
	padding-right: 0;
	margin: 0 auto;
	max-width: 100%;
}
.blog .blog-1,
.blog .blog-2,
.blog .blog-3 {
	height: auto;
	margin: 0;
	}
	.blog {
		padding-bottom: 80px;
	}
	.about .content-image {
		margin-top: 0;
	}
	.about .content-image img {
		max-height: 200px;
	}

	/*INNER PAGE*/
	.inner-page .inner-menu {
		width: 100%;
		padding-top: 20px;
	}
	.inner-page .inner-menu select {
		display: block;
		width: 100%;
		height: 40px;
	}
	.inner-page .inner-menu ul {
		display: none;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	
	/*Disable Animation on Mobile Devices*/
	.animated {
		/*CSS transitions*/
		-o-transition-property: none !important;
		-moz-transition-property: none !important;
		-ms-transition-property: none !important;
		-webkit-transition-property: none !important;
		transition-property: none !important;
		/*CSS transforms*/
		-o-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		/*CSS animations*/
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
	}


.menu-bar .container {
	padding-left: 0px;
	padding-right: 0px;
	position: relative;
}


.menu-bar .dropdown-menu{
	top: 18px!important;
}


.woocommerce-mini-cart__empty-message {
    padding: 15px;
    margin-bottom: 0;
}

header .overlay, .ph-ruler .overlay {
    background-color: rgba(21, 58, 71, .2);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.menu-bar .mobile-btn {
	position: absolute;
	top: 13px;
	right: 20px;
	background-image: url(../img/menu.png);
	background-repeat: no-repeat;
	-webkit-background-size: 8px 30px;
	background-size: 7px 22px;
	background-position: right center;
	width: 40px;
	height: 30px;
}
.menu-bar .mobile-menu {
padding-left: 30px;
}
.menu-bar .mobile-menu ul li {
	line-height: 50px;
}
.menu-bar .mobile-menu ul li img {
	padding-right: 20px;
	max-height: 30px; 
}
.menu-bar .logo {
	display: flex;
	height: 40px;
	padding-left: 20px;
	padding-top: 10px;
}
.menu-bar .logo img {
	max-height: 30px;
}
.menu-bar .contacts {
	padding: 0;
	margin: 0;
	position: fixed;
	top: 0;
	left: 0;
	right:0;
	z-index: 999;
	padding-bottom: 16px;
}


.mobile-cart{
	display: flex;
	position: absolute;
	top: 17px;
	text-align: right;
	right: 115px;
}


.menu-bar .mobile-languages{
    display: flex;
	position: absolute;
	top: 17px;
	text-align: right;
	right: 45px;
}


.menu-bar .dropdown-languages-menu{
	top: 25px;
}

	


.menu-bar .main-menu {
	display: none;
}
.menu-bar .content {
	display: none;
}
.menu-bar .languages {
	display: inline-block;
	margin: 0 auto;
	margin-left: 20px;
}
.menu-bar .top-carousel {
	margin-top: 56px;
}
.menu-bar .top-carousel .img-slide {
	height: 350px;
	color: #fff;
}
.menu-bar .top-carousel .img-slide .overlay {
	background: rgb(49,132,111,.5);
	}
	.menu-bar .top-carousel .img-slide .slide-content {
		padding: 0;
		top: 0;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 20px;
		text-align: center;
	}
	.menu-bar .top-carousel .prevArrow,
.blog .blog-carousel .prevArrow {
	-webkit-background-size: 10px 19px;
	background-size: 10px 19px;
	width: 10px;
	height: 19px;
	bottom: 50%;
	right: initial;
	left: 10px;

}
.menu-bar .top-carousel .nextArrow,
.blog .blog-carousel .nextArrow {
	-webkit-background-size: 10px 19px;
	background-size: 10px 19px;
	position: absolute;
	width: 10px;
	height: 19px;
	bottom: 50%;
	right: 10px;
}
.blog {
	margin-top: 15px;
	padding-bottom: 15px;
}
.blog .blog-1,
.blog .blog-2,
.blog .blog-3 {
	height: auto;
	margin: 0;
	}
	.about .content {
		padding-left: 10px;
	}
	.about .content-buttons {
		padding-left: 0;
		text-align: center;
	}
	.about .content-buttons .btn {
		padding-left: 12px;
		padding-right: 12px;
		margin-left: 8px;
		margin-right: 8px;
	}
	.about .content-image {
		margin: 0;
		display: none;
	}
	.ph-ruler {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	footer .blocks {
		text-align: center;
	}
	footer h2 {
		margin-top: 20px;
		margin-bottom: 10px;
		text-align: center;
	}
	footer .footer-menu {
		display: none;
	}
	footer .contacts ul {
		max-width: 200px;
		padding-left: 20px;
		margin: 0 auto;
	}
	footer ul {
		margin: 0 auto;
	}
	.inner-content .work h2,
	.inner-content .contacts h2 {
		margin-top: 20px;
		margin-bottom: 10px;
		text-align: center;
	}
	.inner-content .work ul {
		margin: 0 auto;
	}
	.inner-content .contacts ul {
		max-width: 200px;
		padding-left: 20px;
		margin: 0 auto;
	}
	/*CATALOG*/
	.inner-content .catalog-carousel .catalog-slide {
		height: 240px;
	}
	.inner-content .catalog-carousel {
		margin-bottom: 20px;
	}
	.inner-content .catalog-nav {
		margin-bottom: 40px;
	}
	.inner-content .pirkt .color-gold {
		display: block;
	}
	.inner-content .dokumenti {
		text-align: center;
	}


}


/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {


}