@media(max-width:768px){
	
	   /* Макте Лэндинг */

   .navigation {
       margin: 0 0 0 0 !important;
       text-align: right !important;
       
       background: rgba(210, 174, 105, 0.73);
       height: 100px;
       
       padding: 0 0 0 0 !important;
   }

   .logo {	
        top: 0;
        position: absolute;
        left: 15px;
        height: 80px;
   }
  .logo a {
       height: 100%;
   }
   .logo img {
       height: 100%;
       width: auto;
   }

   .navigation .menu1 {
       margin-top: 100px;
   }

   .navigation .menu1, .navigation .menu3 {	
        width: 100%;
        /*position: absolute;
        top: 89px;
        right: 0;*/
        display: none;
       margin-left: 0;
   }

   .menu1 ul, .menu3 ul {   
       width: 200px;
       float: right;
       margin: 0 0 0 0;
        border-radius: 0 !important;
       padding: 0 10px 0 0 !important;
   }

    .button_menu {
        display: inline-block;
        width:45px;
        height:45px;
        
        position: absolute;
        right: 15px;
        top: 15px;
    }
    
    .button_menu div{
        width: 100%;
        height: 17%;
        margin-top: 10%;
        background: #ebebea;
    }

	.block_1, .block_2, .block_3 {
	    width: 100% !important;
	    float: none !important;
	    margin: 0 !important;
	}

    section > div {
        padding-top: 100px !important; /* отступ заголовка */
    }

   /* / Макте Лэндинг */
	
	.header {
		background:none;
	}
	.slider-caption h1 {
		font-size: 28px;
		line-height:80%;
	}
	
	.top-grid {
		padding: 1em 0;
		margin-bottom:1em;
		height:auto;
		
	}
	span.menu{
		display:block;
	}
	
	span.menu:before{
		content: url(img/nav-icon.png) no-repeat 0px 0px;
		cursor: pointer;
		position:absolute;
		right:0;
		top: -44px;
	}
	.top-nav{
		position: relative;
		clear: both;
		width: 100%;
		margin-top: 1em;
	}
	.top-nav ul{
		display:none;
	}
	.top-nav ul li {
		display:block;
	}
	.top-nav ul li a {
		width: 100%;
		margin:0;
		padding:0.7em 0;
		border-bottom:1px solid #EEE;
	}
	
	.top-grids {
		padding: 1.5em 0;
	}
	
	.bottom-grids {
		padding: 1em 0 0 0;
	}
	.bottom-grid-right{
		padding:1em 2em 0 2em;
	}
	.bottom-grid-right p{
		width:100%;
	}
	a.load-news {
		padding: 1em 0;
	}
}
@media(max-width:640px){
	
	.header {
		background:none;
		padding: 0.5em 0;
	}
	
	.slider-caption {
		width:50%;
	}
	
	.slider-caption h1 {
		font-size: 18px;
		line-height:24px;
	}
	
	.slider-caption p {
		display:none;
	}
	
	.top-grid {
		padding: 1em 0;
		margin-bottom:1em;
	}
	span.menu{
		display:block;
	}
	span.menu:before{
		content: url(img/nav-icon.png) no-repeat 0px 0px;
		cursor: pointer;
		position:absolute;
		right:0;
		top: -44px;
	}
	.top-nav{
		position: relative;
		clear: both;
		width: 100%;
		margin-top: 1em;
	}
	.top-nav ul{
		display:none;
	}
	.top-nav ul li {
		display:block;
	}
	.top-nav ul li a {
		width: 100%;
		margin:0;
		padding:0.7em 0;
		border-bottom:1px solid #EEE;
	}
	
	.top-grids {
		padding: 1.5em 0;
	}
	
	.bottom-grids {
		padding: 1em 0 0 0;
	}
	.bottom-grid-right{
		padding: 1em 1em 0 1em;
	}
	.bottom-grid-right p{
		width:100%;
	}
	a.load-news {
		padding: 1em 0;
	}
	
	
	
	a.caption-btn {
		padding: 0.7em 1em;
	}
	.helden {
		padding: 1.5em 0;
	}
	.blog-artical {
		margin-bottom: 1em;
	}
}
@media(max-width:480px){
	
	.header {
		background:none;
		padding: 0.5em 0;
	}
	
	
	.top-grid {
		padding: 0.1em 0 0.5em 0;
		margin-bottom:1em;
	}
	span.menu{
		display:block;
	}
	span.menu:before{
		content: url(img/nav-icon.png) no-repeat 0px 0px;
		cursor: pointer;
		position:absolute;
		right:0;
		top: -44px;
	}
	.top-nav{
		position: relative;
		clear: both;
		width: 100%;
		margin-top: 1em;
	}
	.top-nav ul{
		display:none;
	}
	.top-nav ul li {
		display:block;
	}
	.logo {
		margin-top: 1em;
	}
	.top-nav ul li a {
		width: 100%;
		margin:0;
		padding:0.7em 0;
		border-bottom:1px solid #EEE;
	}
	.slider-caption h1 {
		font-size: 20px;
	}
	.top-grids {
		padding: 1.5em 0;
	}
	
	.bottom-grids {
		padding: 1em 0 0 0;
	}
	.bottom-grid-right{
		padding: 1em 1em 0 1em;
	}
	.bottom-grid-right p{
		width:100%;
	}
	a.load-news {
		padding: 1em 0;
	}
	ul.pagenation {
		margin: 1em 0 2.5em 0;
	}
	
	.helden {
		padding: 1.5em 0;
	}
	.blog-artical {
		margin-bottom: 1em;
	}
	.helden-grids-caption-left {
		float: none;
		width:100%;
		margin-top:0em;
	}
	.helden-grids-caption-right {
		float: none;
		width:100%;
	}
	a.helden-btn {
		padding: 0.6em 1.5em;
		margin-top:1em;
	}
	
	a.more-btn {
		margin-top: 0em;
	}
	
}