@media screen and (max-width: 999px) {
	div#cookiePolicyText {
	    padding: 10px;
	    box-sizing: border-box;
	}
	.mobile-menu {
	    width: 40px;
	    height: 40px;
	    float: right;
	    /*margin: 28px 25px 0 0;*/

	    cursor: pointer;
	    display: block;

	    position: absolute;
	    right: 20px;
	    top: 25px;
	}
	.bar {
	    width: 100%;
	    height: 5px;

	    background-color: red;
	    display: block;
	    margin-top: 6px;
	    transition: .3s;
	}

	ul.dropdown.open{
		display: block;
	}


	.mobile-menu.open .bar.first{
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		margin-top: 15px;
	}

	.mobile-menu.open .bar.last{
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		    margin-top: -5px;
	}

	.mobile-menu.open .bar.central{
		display: none;
	}
	.offer-box ul li {
    	min-height: 188px;
	}
	ul.dropdown {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    background: #191919;
	    padding-bottom: 50px;
    	/*box-shadow: 0 0 7px white;*/
    	box-shadow: 0px 2px 14px 0px #F3F3F3;
	}
	ul.dropdown ul {
		background: none repeat scroll 0 0 #191919;
	}
	ul.dropdown li {
		display: block;
		float: none;
	}
	ul.dropdown ul li{
		background: none;
	}
	ul.dropdown {
	    position: absolute;
	    top: 100px;
	    left: 0;
	    width: 100%;

	    display: none;
	}	
	ul.dropdown li {
	    display: block;
	    width: 100%;
	}
	ul.dropdown li.hover > a, ul.dropdown li:hover > a{
		background: none;
	}
	ul.dropdown ul {
		position: static;
		visibility: visible;
		width: 100%;
	}
	ul.dropdown li{
		height: auto;
	}
	ul.dropdown a, ul.dropdown ul a
	{
		text-align: center;
	}
	ul.dropdown a.on, ul.dropdown a#on{
		background: none;
	}
	ul.dropdown > li:first-child {
		display: none;
	}
	.ramka-slider {
	    background: url(../images/slider-mobile-bg.png) no-repeat;
	}

	ul.dropdown ul a {
	    width: 75%;
	}
	ul.dropdown a, ul.dropdown ul a {
	    width: 90%;
	    margin: auto;
	    border-bottom: 1px solid #675D5D;
	}

	ul.dropdown ul a {
	    border: none;
	    box-sizing: border-box;
	}
	#header {
	    left: 0;
	    top: 0;
	    margin: 0;

	    width: 100%;
	    height: 126px;

	    background-color: #F8F8F8;
	}
	.nivoSlider, .slideshow2.nivoSlider{
		height: 100%;
	}
	.nivoSlider img, .slideshow2.nivoSlider img{
		height: 100% !important;
	}
	.slider-box{
		right: 30px;
	}
	a#prev2{
		right: 154px;
	}
	a#next2{
		right: 30px;
	}

	a.archive {
	    margin-top: -42px;
	}
	#container-slider{
		overflow: visible !important;
	}
	a.archive.back {
		margin-top: 0;
	}

	/*a.ramka-slider{
		display: none;
	}*/
}

@media screen and (max-width: 1200px) {
	#container-slider{
		overflow: hidden;
	}
	.nivoSlider img, .slideshow2.nivoSlider img
	{
		height: 100% !important;
		width: auto !important;
	}
	.nivoSlider, .slideshow2.nivoSlider{
		height: 100%;
	}

	.partners-box h2, h1 {
	    max-width: 100%;
	}

	.partners-box h2
	{
		padding-left: 15px;
    	box-sizing: border-box;
    }

	#slider,
	#content,
	#footer,
	div#main_loga,
	#footer>div,
	div#main_loga>div,
	div#main_loga_els,
	#content-right,
	.news-main-box,
	.new,
	.contact,
	.ramka-slider,
	.new-content.no-photo,
	.gallery
	{
		width: 100%;
	}

	.slideshow2 li{
		width: 100% !important;
	}

	.new .photo{
		width: 35%;
		margin-right: 0;
    	box-sizing: border-box;
	}
	.new-content {
	    width: 60%;
	}

	
	.contact-left,
	.form-left,
	.form-right
	{
		width: 50%;
	}
	.map { width: 100%; }

	input[type="text"] {
	    width: 90%;
	    background-size: 100% 100%;
	    box-sizing: border-box;
	}
	textarea {
	    width: 95%;
	    background-size: 100% 100%;
	    box-sizing: border-box;
	}
	.kod > div> div {
		width: 100% !important;
		margin: 0px !important;
		margin-bottom: 5px !important;
	}
	.kod input[type="text"] {
	    width: 95%;
	    background-size: 100% 100%;
	}

	
	#content-right {
	    padding: 15px;
	    box-sizing: border-box;
	}
	a#logo {
	    padding-top: 30px;
	    padding-left: 20px;
	}
	
	
	#content-right {
	    width: 65%;
	}
	.news-main {
	    width: 100%;
	    padding: 0;
	}
	#content-right2 {
    	padding-right: 25px;
	}

	#footer {
		padding: 0 15px 0 15px;
		box-sizing: border-box;
	}

	.offer-box {
	    width: 100%;
	}
	.offer-box ul li {
	    width: 30%;
	    margin-right: 3%;
	}
	.offer-box ul li a span.photo img {
	    max-width: 100%;
	    box-sizing: border-box;
	}
	div.text img{
		max-width: 100%;
		height: auto !important;
	}
	span.span-contact-box.page-idm-8 div#content-right2 {
		display: none;
	}
	div#content-right.subpage.page-8{
		width: 100%;
	}

	.offer-box.detalis ul li {
	    min-height: 157px;
	}

	
}

@media screen and (max-width: 1150px) {
	span.span-contact-box {
    	display: block;
    	width: 100%;
	}
	span.span-contact-box #content-right2{
		float: left;
		padding-right: 0;
	}
	div#content-right.subpage {
	    width: 100%;

	}	
	div#content-right.subpage div.list-1 {
	    width: 100%;
	    max-width: 706px;
	    margin: 0 auto;
	}	
	div#content-right.subpage div.list-1 ul {
	    margin: 0 -8px;
	}	
	div#content-right.subpage div.list-1 ul li {
	    margin: 0;
	    padding: 0 8px 25px;
	    width: 33.33333333%;
	    box-sizing: border-box;
	}
	div#content-right.subpage div.list-1 ul li img {
		max-width: 100%;
	}
}

@media screen and (max-width: 935px) {
	#content-right {
	    width: 60%;
	}

	span.span-contact-box {
    	display: block;
    	width: 100%;
	}
	span.span-contact-box #content-right2{
		float: left;
		padding-right: 0;
	}
	div#content-right.subpage {
		width: 100%;
	}
	.offer-box ul li a span.photo {
    	width: 240px;
    	margin: auto;
	}
	.new .photo {
	    height: auto
	}
	.new .photo a img{
		width: 100%;
	}
	.offer-box ul li {
	    width: 33.3%;
	    margin-right: 0;
	}
	.offer-box ul li {
	    min-height: 225px;
	}

}

@media screen and (max-width: 850px) {
	.offer-box ul li a span.photo img {
	    border: 10px solid #2E2E2E;
	    max-width: 85%;
	}
}
@media screen and (max-width: 810px) {
	#content-right {
		width: 55%;
	}

	div#top img {
	    width: 290px;
	}
}


@media screen and (max-width: 740px) {
	.offer-box ul li {
	    width: 50%;
	}	    
	.offer-box ul li a span.photo img {
	    /*width: 85%;*/
	    height: 100%;
	}
	.offer-box ul li a span.photo {
    	width: 90%;
	}
}
@media screen and (max-width: 725px) {
	#content-right {
		width: 50%;
	}
}
@media screen and (max-width: 670px) {
	div#content-right.subpage div.list-1 ul li {
	    width: 50%;
	}	
	div#content-right.subpage div.list-1 ul li a{
	    max-width: 225px;
    	margin: 0 auto;
	}
}

@media screen and (max-width: 650px) {
	#content-right {
	    width: 100%;
	}
	#content-right2 {
    	float: left;
	}

	.slider-number{
		display: none;
	}
	div#slider-box{
		overflow: hidden;
	}	
}

@media screen and (max-width: 600px) {
	a.fbphoto.new-med2-photo {
	    width: 100%;
	}
	a.fbphoto.new-med2-photo {
		margin: auto;
		display: block;
	}
	.contact-left, .map, .form-left, .form-right,
	input[type="text"],
	textarea,
	.kod input[type="text"]
	 {
	    width: 100%;
	}
	.map iframe {
	    width: 95%;
	}
}
@media screen and (max-width: 575px) {
	.menu-bottom {
	    display: none;
	}
	#footer > div {
	    height: 40px;
	    padding-top: 25px;
	}
}

@media screen and (max-width: 525px) {
	.gallery ul li
	{
		width: 80%;
		height: auto;
		float: none;
    	margin: 10px auto;	
	}
	.gallery ul li a{
		width: 100%;
		height: auto;
	}

	.gallery ul li a img{
		width: 100%;
	}
}


@media screen and (max-width: 520px) {
	.offer-box ul li {
		width: 100%;
		min-height: auto;
	}

	

	.new .photo {
	    width: 90%;
	    margin: 0 auto 15px;
	    float: none;
	}
	.new-content {
	    float: none;
	    width: 100%;
	}
	
	#logo{
		width: 70%;
	}
	div#top img {
	    width: 90%;
	}
	
	.offer-box ul li a span.photo img {
    	width: 85%;
	}

}
@media screen and (max-width: 460px){
	div#content-right.subpage div.list-1 ul li {
	    width: 100%;
	}
	div#content-right.subpage div.list-1 ul li a > span{
	    text-align: center;
	    width: 100%;
	}		
	#slider-box,
	#next2,
	#prev2
	{
		display: none;
	}

	a#prev2,
	a#next2{
		width: 70px;
		bottom: 40px;
    	top: auto; 
	}
	a#prev2{
		right: 100px;

		background: url("../images/prev-mobile.jpg") no-repeat scroll 0 0 transparent;
	}

	a#next2{
		background: url("../images/next-mobile.jpg") no-repeat scroll 0 0 transparent;
	}

    
}
@media screen and (max-width: 420px) {
	button{
		width: 100%;
	}
	a.archive{
		margin-right: 0;
	}
}
@media screen and (max-width: 390px) {
	.footer-bottom div.left {
	    color: #929292;
	    font-size: 12px;
	    width: 100%;
	    text-align: center;
	}
	.span-footer {
	    width: 145px;
	    overflow: hidden;
	    height: auto;
	    display: block;
	    margin: auto;
	    padding-top: 5px;
	}
	#footer > div {
	    height: 55px;
	    padding-top: 23px;
	}
	div#content{
		overflow: hidden;
	}
}

@media screen and (max-width: 320px) {
	body,html{
		width: 319px;
	}
}