/* mobile.css */
/* 320 */
/* 480 */
/* 600 */
/* 768 */
/* 980 */
@media only screen and (max-width : 1004px) {
	.logos_320 { display: none; }
	.logos_600 { display: none; }
	.logos_768 { display: block; }
	.logos_980 { display: none; }
	.header-pievienojies-link {
		display: none;
	}
	.header-logo {
		left: 20px;
	}
	.lang-switch {
		float: right;
		margin-right: 20px;
		position: relative;
		bottom: 5px;
	}
	.header-socials {
		position: relative;
		bottom: 25px;
		left: 160px;
	}
	.header-menu {
		float: left;
		margin-left: 105px;
	}
	.header-slideshow {
		background-image: url('../img/bg_pattern.jpg');
		background-repeat: repeat;
		height: 210px;
	}
	.header-text {
		padding: 80px 0;
	}
	.header-text.smalltext {
		padding: 50px 0;
	}
	.header-text.smalltext h2 {
		white-space: nowrap;
		width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.header-slideshow img {
		/*display: none !important;*/
		margin-top: 100px;
	}
	.header-slideshow-text {
		height: 210px;
	}

	/* content */
	.content {
		width: 100%;
		overflow: auto;
	}
	.regular-content img {
		max-width: 90%;
	}
	.offer-box .offer-image img {
		max-width: 100%;
	}
	body.piedavajumi .regular-content {
		max-width: 671px !important; /* rewriting inline styling */
	}
	.regular-content.video-page {
		width: 700px;
		text-align: center;
	}
	.video-step-arrow {
		margin-left: 0px;
	}
	.step-box {
		width: 100px;
		margin-right: 20px;
	}
	.footer img.footer-line {
		width: 90%;
	}
	.company-profile {
		display: table;
		float: none;
	}
	.company-description-row {
		display: table-row;
		float: none;
	}
	.company-logo-wrap {
		display: table-cell;
		float: none;
		vertical-align: top;
	}
	.company-decsription {
		display: table-cell;
		float: left;
		width: auto;
		padding-left: 30px;
		vertical-align: top;
	}
	.company-sprites {
		display: table-cell;
		float: none;
		vertical-align: top;
	}
	.company-logo-frame {
		padding-right: 0;
	}
	.company-logo-frame img {
		position: relative;
		/*top: -77px;*/
	}
	.city-table {
		width: 100%;
	}
	.supporter-table a {
		width: 50%;
	}
	body.pilsetas img.content-line-long {
		display: none;
	}
}
@media only screen and (max-width : 766px) {
	.logos_320 { display: none; }
	.logos_600 { display: block; }
	.logos_768 { display: none; }
	.logos_980 { display: none; }
	.header-menu { display: none; }
	.header-socials a {
		margin-right: 20px;
	}
	#mobile-menu-icon {
		display: block;
		width: 21px;
		height: 18px;
		float: right;
		position: relative;
		bottom: 10px;
		left: 10px;
		padding: 4px;
		cursor: pointer;
	}
	.mobile-menu {
		display: none;
		position: absolute;
		right: 0;
		margin-top: 30px;
		padding: 10px;
		padding-bottom: 30px;
		z-index: 999999999;
		background-color: rgba(255, 255, 255, 0.9);
		width: 150px;
	}
	.mobile-menu a {
		position: relative;
		z-index: 9999999999;
	}
	.mobile-menu ul {
		margin: 0;
		list-style-type: none;
		text-align: right;
		text-transform: uppercase;
	}
	.mobile-menu ul li {
		padding-top: 3px;
		padding-bottom: 3px;
	}
	.mobile-menu > ul > li {
		padding-right: 20px;
	}
	.mobile-menu > ul > li.subcategory {
		background-image: url(../img/mobile-menu-subcategory-closed.png);
		background-repeat: no-repeat;
		background-position: right 13px;
	}
	.mobile-menu > ul > li.subcategory.active {
		background-image: url(../img/mobile-menu-subcategory-open.png);
	}
	.mobile-menu > ul > li.subcategory.active .subcategory-menu {
		display: block;
	}
	.mobile-menu > ul > li.subcategory.active .subcategory-menu a {
		font-weight: normal;
	}
	.mobile-menu .subcategory-menu {
		display: none;
	}
	.header-socials {
		bottom: 10px;
	}
	.lang-switch {
		bottom: 0;
		top: 10px;
		right: 50px;
	}
	#map {
		height: 350px;
	}
	.content-left,
	.content-right {
		float: none;
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
		box-sizing: border-box;
	}
	.regular-content p,
	.regular-content h2 {
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
		box-sizing: border-box;
		word-wrap: break-word;
	}
	body.karte { min-width: 580px; }
	body.par_projektu .regular-content,
	body.kontakti .regular-content {
		padding-right: 0;
		padding-left: 0;
	}
	.regular-content p {
		font-weight: normal;
	}
	.content-left p,
	.content-right p {
		padding: 0;
	}
	.city-link {
		display: inline-block;
		width: 45%;
	}
	.offer-box {
		margin: 0px auto;
		margin-bottom: 30px;
		display: block;
		float: none;
		width: 100%;
	}
	.offer-box .offer-image,
	.offer-box .offer .offer-header,
	.offer-box .offer .offer-text,
	.offer-box .offer .offer-link,
	.offer-box .offer .offer-footer {
		margin: 0px auto;
	}
	.footer-wrapper.map .line-box .line-end {
		max-width: 100%;
	}
}
@media only screen and (max-width : 500px) {
	.logos_320 { display: block; }
	.logos_600 { display: none; }
	.logos_768 { display: none; }
	.logos_980 { display: none; }
}
@media only screen and (max-width : 400px) {
	.supporter-table a {
		width: 100%;
	}
	.header-logo > a > img {
		width: 95px;
		height: 105px;
	}
	.header-socials {
		margin-left: -27px;
	}
	.lang-switch {
		float: right;
		margin-right: 20px;
		position: relative;
		bottom: 5px;
	}
}
/* Animation of mobile menu icon (burger to cross) */
#mobile-menu-icon a:hover { border-bottom: 0; }
#mobile-menu-icon .menu { position: absolute; display:  inline-block; bottom: 25px; right: 5px; }
#mobile-menu-icon .menu span { margin: 0 auto; position: relative; top: 12px; }
#mobile-menu-icon .menu span:before, #mobile-menu-icon .menu span:after { position: absolute; content: ''; }
#mobile-menu-icon .menu span, #mobile-menu-icon .menu span:before, #mobile-menu-icon .menu span:after {
	width: 22px;
	height: 3px;
	background-color: #8E1D37;
	.border-radius(5px, 5px, 5px, 5px);
	display: block;
}
#mobile-menu-icon .menu span:before { margin-top: -8px; }
#mobile-menu-icon .menu span:after { margin-top: 8px; }
#mobile-menu-icon .burger span {
	-webkit-transition-duration:0s;
	   -moz-transition-duration:0s;
	     -o-transition-duration:0s;
	        transition-duration:0s;
	-webkit-transition-delay:.2s;
	   -moz-transition-delay:.2s;
	     -o-transition-delay:.2s;
	        transition-delay:.2s;
}
#mobile-menu-icon .burger span:before {
	-webkit-transition-property:margin, -webkit-transform;
	   -moz-transition-property:margin, -moz-transform;
	     -o-transition-property:margin, -o-transform;
	        transition-property:margin, transform;
	-webkit-transition-duration:.2s;
	   -moz-transition-duration:.2s;
	     -o-transition-duration:.2s;
	        transition-duration:.2s;
	-webkit-transition-delay:.2s, 0;
	   -moz-transition-delay:.2s, 0;
	     -o-transition-delay:.2s, 0;
	        transition-delay:.2s, 0;
}
#mobile-menu-icon .burger span:after {
	-webkit-transition-property:margin, -webkit-transform;
	   -moz-transition-property:margin, -moz-transform;
	     -o-transition-property:margin, -o-transform;
	        transition-property:margin, transform;
	-webkit-transition-duration:.2s;
	   -moz-transition-duration:.2s;
	     -o-transition-duration:.2s;
	        transition-duration:.2s;
	-webkit-transition-delay:.2s, 0;
	   -moz-transition-delay:.2s, 0;
	     -o-transition-delay:.2s, 0;
	        transition-delay:.2s, 0;
}
#mobile-menu-icon .cross span {
	background-color: rgba(0,0,0,0.0);
	-webkit-transition-delay:.2s;
	   -moz-transition-delay:.2s;
	     -o-transition-delay:.2s;
	        transition-delay:.2s;
}
#mobile-menu-icon .cross span:after {
	margin-top: 0;
	-webkit-transition-delay:0, .2s;
	   -moz-transition-delay:0, .2s;
	     -o-transition-delay:0, .2s;
	        transition-delay:0, .2s;
	-webkit-transform:rotate(-45deg);
	   -moz-transform:rotate(-45deg);
	    -ms-transform:rotate(-45deg);
	     -o-transform:rotate(-45deg);
	        transform:rotate(-45deg);
}
#mobile-menu-icon .cross span:before {
	margin-top: 0;
	-webkit-transition-delay:0, .2s;
	   -moz-transition-delay:0, .2s;
	     -o-transition-delay:0, .2s;
	        transition-delay:0, .2s;
	-webkit-transform:rotate(45deg);
	   -moz-transform:rotate(45deg);
	    -ms-transform:rotate(45deg);
	     -o-transform:rotate(45deg);
	        transform:rotate(45deg);
}