@media screen and (max-width: 1740px) {
	#gallery .galleries li a span {
		font-size: 180%;
	}
}
@media screen and (max-width: 1540px) {
	#gallery .galleries li a span {
		font-size: 140%;
	}
}
@media screen and (max-width: 1200px) {
	#gallery .galleries li,
	#gallery .galleries li:nth-child(3n) {
		width: 48%;
		margin-right: 4%;
	}
	#gallery .galleries li:nth-child(2n) {
		margin-right: 0;
	}
	
}

@media (min-width: 220px) and (max-width: 1050px) { 
    #index{
        min-height: 100% !important;
    }

    /*#about{
        background-size: 75%;
    }*/

    .page .container{
        width: auto !important;
        margin: 10% 40px !important; 
    }

    .container .column{
        float: none !important;
        width: auto !important;
        margin-bottom: 2em !important;
    }

    #partners ul.logo li{
        text-align: center;
        min-width: 40%;
    }

    #contacts p{
        margin-top: -3em;
    }

    form{
        margin-top: 4em;
        text-align: center;
    }

    #contacts p{
        text-align: center;
        margin: 0 auto;
    }

    #contacts dl{
        margin-bottom: 2em;
    }

    #contacts dt, #contacts dd{
        float: none !important;
        display: block;
        text-align: center;
        margin-bottom: .4em;
    }

    #contacts dd{
        margin: -.6em 0 1em !important;
    }

 

    #main-menu{
        font-size: 100%;
    }
    
    
    #main-menu, #main-container{
        overflow: visible;
        -webkit-transition: -webkit-transform .2s linear;
        -moz-transition: -moz-transform .2s linear;
        -o-transition: -o-transform .2s linear;
        -ms-transition: -ms-transform .2s linear;
        transition: transform .2s linear;
    }

    #main-menu menu{
        position: fixed;
        top: -20px;
        bottom: -2000px;
        right: -240px;
        width: 230px;
        z-index: 2;
        padding-top: 1px;
        background: #fff;
    }

    .visible-menu #main-menu{
        -webkit-transform: translateX(-230px);
        -moz-transform: translateX(-230px);
        -o-transform: translateX(-230px);
        -ms-transform: translateX(-230px);
        transform: translateX(-230px);
    }

    .visible-menu #main-container{
        -webkit-transform: translateX(-230px);
        -moz-transform: translateX(-230px);
        -o-transform: translateX(-230px);
        -ms-transform: translateX(-230px);
        transform: translateX(-230px);
    }

    #main-menu menu li{
        float: none;
        display: block;
        text-align: center;
    }

    #main-menu menu li a{
        display: inline-block;
        color: #473d36;
        border-bottom: 1px solid #fff;
    }

    #main-menu .menu-mobile{
        display: inline-block;
        margin: 26px 20px 0 0;
        float: right;
    }

    #main-menu .to-index{
        display: block;
    }

    #main-menu .to-index a{
        display: block;
        height: 200px;
        background: #fff url(../img/logo-small.png) no-repeat 50% 50%;
        border: none !important;
    }
}

@media (min-width: 220px) and (max-width: 767px) { 
	.slider-item-name {
		font-size: 40px;
		line-height: 50px;
	}
	#gallery .galleries li a span {
		font-size: 135%;
	}
	
   /* #about{
        background-size: 75%;
        background-position: 100% 100% !important;
   }*/

    #index p{
        line-height: 120%;
        font-size: 110%;
    }

    .page .container{
        margin: 0 40px !important;
    }

    h1{
        margin: 0 0 1em 0 !important;
    }

  /*  #about{
        background-size: 75%;
  }*/

    #about h1{
        margin-top: .6em !important;
    }

    #about h2{
        width: auto;
    }



    #service li, 
    #service p {
        margin-left: 3em;
    }
    
    
   #gallery .gallery-wrapper{
        padding: 20px 0;
    }

    #gallery .gallery-wrapper .info{
        left: 20px;
    }

    #gallery-fullscreen .gallery-wrapper{
        overflow: auto;
    }

    #gallery-fullscreen .loading::after{
        display: none;
    }

    #gallery-fullscreen .gallery-wrapper .controls,
    #gallery-fullscreen .gallery-wrapper.info .controls,
    #gallery-fullscreen .gallery-wrapper .gallery-slider,
    #gallery-fullscreen .gallery-wrapper .controls .description{
        overflow: visible;
        position: relative !important;
        width: auto !important;
        height: auto !important;
        margin-left: 0 !important;
    }

    #gallery-fullscreen .gallery-wrapper .controls{
        padding-top: 30px;
    }

    #gallery-fullscreen .gallery-wrapper .gallery-slider img{
        vertical-align: bottom;
        margin-bottom: 20px;
        max-height: auto;
    }

    #gallery-fullscreen .gallery-wrapper .controls .description h1{
        margin: .8em 0 .4em !important;
        font-size: 180%;
    }

    #gallery-fullscreen .gallery-wrapper .button{
        display: none;
    }

    #gallery-fullscreen .gallery-wrapper .close.button{
        display: block;
        position: fixed;
        top: 20px;
    }

    #gallery-fullscreen .gallery-wrapper .controls .description .inset{
        padding: 0;
    }

    #gallery .galleries li{
	    margin-right: 0;
        float: none;
        width: 100%;
        margin-bottom: 30px;
    }
    
	#gallery .galleries li:nth-child(3n) {
		width: 100%;
		margin-right: 0;
	}
}

@media (min-width:480px) and (max-width: 599px) { 
    #about{
        background-size: 75% !important;
        background-position: 100% 100% !important;
    }

    #about h2{
        width: auto;
    }
}


@media (min-width: 220px) and (max-width: 599px) { 
	.slider-item-name {
		font-size: 26px;
		letter-spacing: 2px;
		line-height: 36px;
	}
	.header-contacts {
		display: none;
	}
	
	
    h1{
        margin: .6em 0 1em 0 !important;
        font-size: 270%;
    }

    .page .container{
        margin: 0 20px !important;
    }

    #main-logo, #main-menu .logo a{
        -webkit-transform: scale(0.75);
        -moz-transform: scale(0.75);
        -o-transform: scale(0.75);
        -ms-transform: scale(0.75);
        transform: scale(0.75);
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }
    #main-menu .logo p {
    	width: 240px;
    	display: inline-block;
    }

    #main-menu .logo a{
        -webkit-transform-origin: 0 50%;
        -moz-transform-origin: 0 50%;
        -o-transform-origin: 0 50%;
        -ms-transform-origin: 0 50%;
        transform-origin: 0 50%;
    }

    /*#about{
        background-size: 125%;
        background-position: -30% 100%;
        padding-bottom: 280px;
    }*/

    #about h1{
        text-align: center;
    }

    #about h2{
        width: auto;
    }

    #about p{
        width: auto;
    }

    #partners ul.logo li{
        display: block !important;
        float: none !important;
        width: auto !important;
        text-align: center;
    }

    #contacts input, #contacts textarea{
        width: 80% !important;
    }

}


@media (min-width: 220px) and (max-width: 480px) { 
    #index p{
        display: none;
    }

    #gallery .gallery-wrapper.info{
        padding-left: 320px;
    }

    #gallery .gallery-wrapper.info .controls{
        width: 320px;
        max-width: 100%;
    }

    #gallery .gallery-wrapper .controls .description{
        width: 280px;
    }

    #gallery .galleries li a span{
        font-size: 180%;
    }
}


@media (min-width: 220px) and (max-width: 800px) {
	#how h2.centered {
		margin: 40px 0 30px 0;
	}
	#how ol {
		column-count: 1;
	}
	#how ol li {
		margin-bottom: 40px;
		
		padding-left: 60px;
	}
	#how ol li:before {
		width: 40px;
		height: 40px;
		
		font-size: 20px;
		line-height: 40px;
	}
	
	#how .feature-item {
		margin-bottom: 40px;
		
		width: 100%;
	}
}