@charset "utf-8";

@media screen and (min-width: 1200px)  {
	.main{width: 1170px; min-width: 1170px;}
}


/* Desktop */
@media screen and (max-width: 1199px)  {
	.main{width: 960px; min-width: 960px;}
	
	#header .header-top .header-phone {left: 340px!important;}
	#header .header-top .header-adres {left: 600px!important;}


	.container-services{width: 572px!important; margin: 0 auto;}	
	.position-about .row .col.big{width: 370px!important;}
	
	.position-portfolio a:nth-child(6){display: none!important;}
	.contact-info{margin: 0 0 0 -504px!important;}
	
	.full-contact{width: 590px!important;}
	.page-contacts #container:after {margin: 0 0 0 109px!important;}
	
}

/* Tablet */
@media screen  and (max-width: 979px)  { 
	.main{width: 700px; min-width: 700px;}

	#header .header-top .header-phone {left: 270px!important;top: 16px!important;}
	#header .header-top .header-adres {left: 270px!important;top: 62px!important;}	
	#header .header-top .header-phone .phone a {margin: 0 10px 0 0!important; font-size: 18px!important; display: inline-block!important;}
	#header .header-top .header-phone:before, #header .header-top .header-adres:before{display: none!important;}
	
	.slider{height: 320px!important;}
	.slider .owl-slider .main{height: 320px!important;}
	.position-box-icon .col{width: 230px!important;}
	.position-box-icon .col h3{font-size: 15px!important;}
	
	.position-about .row .col.big{width: 100%!important;margin: 0 0 50px 0;}
	.contact-info{margin: 0 0 0 -384px!important;width: 320px!important;}
	
	.full-contact{width: 460px!important;}
	.right-contact {width: 230px!important;}
	.forma-contact {padding: 40px 50px 20px 30px!important;}
	.forma .rsform-block textarea {width: 360px!important;}
	
	
	/* Modal --- */
	body.scrollmodal{overflow: hidden;}
    .modal_div, .modal_message { overflow: auto; width: 100%!important;height: 100%!important;position: fixed;top: 0!important;left: 0!important;margin-left: 0!important;}
    .modal_close {top: 0px!important;right: 0px!important;color: #B41F1E!important;}
    .modal-forma h3, #system-message-container .modal_div h3{width: 100%!important;color: #000!important;background-color: transparent!important; margin: 10px 0 20px 0!important;}
  
  #wrapper .forma .rsform-block label{width: 100%;}
  #wrapper .rsform-block.capcha .rsform-captcha-box {width: 20%!important;}
}

/* Mobile 440 */
@media screen and (max-width: 680px)  {
	.main{width: 440px; min-width: 440px;}
	
	#header .header-top .logo {top: 18px!important; left: 30px;}
	#header .header-top .logo a img {width: 130px!important;}
	#header .header-top .call {top: 102px!important; right: initial!important; left: 0;}

	#header .header-top .header-phone {left: 220px!important;top: 16px!important;}
	#header .header-top .header-adres {left: 220px!important;top: 62px!important;}	
	#header .header-top .header-phone .phone a {font-size: 16px!important;}

	
	
	.slider{height: 280px!important;}
	.slider .owl-slider .main{height: 280px!important;} 
	.position-box-icon .col {width: 140px!important; padding: 35px 0 0 0!important;} 
	.position-box-icon .col .media-left, .position-box-icon .col h3 {display: block!important;text-align: center;}
	.position-box-icon .col .break-line{display: none!important;}
	
	.container-services{width: 284px!important;}
	.position-services .container-services a.item-servec.big {width: 284px!important;}
	
	.position-about .row .col{width: 100%!important;margin: 0 0 50px -15px;}
	.contact-info{margin: 0 0 0 0!important;width: 100%!important;left: 0!important;background: rgba(39, 39, 39, 0.81)!important;}
	
	.position-about .row .col h3.title {margin: 16px 0 20px 0!important;}
	.position-portfolio a:nth-child(6){display: inline-block!important;}
	
	#footer  .copy{text-align: center;}
	
	.full-contact{width: 100%!important;}
	.right-contact {width: 100%!important;}
	.forma-contact {padding: 40px 20px 20px 20px!important;width: 100%;margin: 0!important;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
	.forma .rsform-block input{width: 100%!important;}
	.forma .rsform-block textarea {width: 100%!important;}
	
	.page-contacts #container:after{margin: 0!important; left: 0!important;}
	
	.zoo-gallery a {width: 210px; height: 140px;}
	
	.items li {width: 205px!important;} 
	.teaser-services .item-images a{width: 205px!important;} 
}

/* Mobile  350*/
@media screen and (max-width: 440px)  {
	.main{width: 350px; min-width: 350px; padding: 0!important; overflow: hidden;}

	#header {height: 351px!important;}
	#header .header-top {height: 301px!important;}
	
	#header .header-top .logo {top: initial!important;left: initial!important;position: initial!important;padding: 20px 0 0 0;margin-bottom: 20px;}
	#header .header-top .logo a img {width: 150px!important;margin: 0 auto;}
	#header .header-top .call {top: 102px!important; right: initial!important; left: 0;}
	#header .header-top .call span{display: inline-block;}

	#header .header-top .header-phone {position: initial!important;left: initial!important;top: initial!important;text-align: center;padding-bottom: 20px;}
	#header .header-top .header-adres {position: initial!important;left: initial!important;top: initial!important;text-align: center;width: initial!important;padding-bottom: 10px;}	
	#header .header-top .header-phone .phone a {font-size: 16px!important;}
	#header .header-top .call {position: initial!important;top: initial!important;right: initial!important;left: initial!important;text-align: center;}

	
	
	.slider{height: 180px!important;} 
	.slider .owl-slider .main{height: 180px!important;} 
	.position-box-icon {padding-bottom: 30px;}

	h1{margin-top: 20px;}
	.breadcrumbs{display: none!important;}
	
	.zoo-gallery a {width: 135px!important; height:125px!important;margin: 0 auto 15px!important;text-align: center;float: initial;}
	.zoo-gallery a img {width: auto!important; height: 100%!important;}


	.items li {width: 100%!important;margin: 0 0 30px 0!important;float: initial!important;}
	.teaser-services .item-images a {width: 100%!important;}
	.teaser-services .item-images a img{width: 100%!important; height: auto!important;}
	.teaser-services .item-images a:after {margin: -5px 0 0 -10px!important;}

	ul.items {margin: 0!important;}
}

/* Mobile 280 */
@media screen and (max-width: 350px)  {
	.main{width: 280px; min-width: 280px;}

	 
}