@media screen and (max-width: 1024px) {

#glt-translate-trigger{
 display:block;
}
    .header_top, .menu_area {
         display:none;
     }
    #topnav {
        display: block;
        width: 100%;
    }
    .logo_mobile{
        width: 130px;
        padding: 10px 0 10px 5%;
    }
    .logo_mobile img{
        max-width: 100%;
    }
    .header {
        display: block;
        padding: 0;
        height: auto;
        position: relative;
    }
    #topnav nav {
        display: none;
        position: static;
        width: 100%;
        top: auto;
        right: auto;
    }
    #topnav nav ul li {
        float: none;
        margin: 0;
        position: relative;
        /* border-bottom: 1px solid rgba(100, 107, 107, 0.9); */
        border-bottom: 1px solid #2d6b24;
    }
    #topnav nav ul li a {
        display: block;
        /*    width: 100%;*/
        line-height: 1.5em;
        border: 0;
        padding: 10px 5%;
       /*  background: #717878; */
       background: #357c2b;
        font-family: 'OpenSansRegular'
    }
    #topnav nav ul li a:hover {
        /* background: rgb(100, 107, 107); */
        background: #2f6327
    }
    
    #topnav nav ul li a.sel {
        color: #000000;
        background: #CCD0CA;
    }
    
    #topnav #navbtn {
        display: block;
    }
    
    #topnav nav ul li ul {
        /*display: none;*/
        padding: 0 20px 10px 20px;
        background: #f1f1f1 ;
		
    }
    .arrow_res_down {
        background: url(../images/arrow_down.png) no-repeat center!important;
        left: -50px;
    }
    .menu_back{
        height: 20px;
        position: absolute;
        right: 0;
        top: 0;
        width: 40px !important;
        background: url(../images/arrow_up.png) no-repeat center -4px!important;
    }
    a.menu_back{
        width: 25px;
        background: #ccc;
        display: block;
    }
/*
    #topnav nav ul li:hover ul {
        display: block;
    }
*/
    
    #topnav nav ul li ul li {
        list-style: none;
        display: block;
        border: none;
    }
    
    #topnav nav ul li ul li a,
    #topnav nav ul li ul li a:hover {
        background: none;
    }
    #topnav nav ul li ul li a:hover{
        color: #fede00;
    }
    #topnav nav ul li ul li a{
        padding: 5px 5% 5px 5%;
		color: #2f6327 !important;
    }
    .page .container{
        max-width: 90%;
    }
    
    
    
    .google_translate {
        width: 100px;
        position: absolute;
        bottom: 28px;
    }
}


@media screen and (max-width: 1119px) {
/*
     .menu_area ul li{
         font-size: 30px;
     }
     .menu_area ul li a{
         padding: 8px 20px;
     }
*/
    .blocks{
        width: 204px;
        height: 204px;
        margin: 10px 10px 0 0;
    }
    .blocks h2 {
        font-size: 18px;
        line-height: 20px;
    }
    .start .main_section h1, .home .main_section h1, .page .main_section h1 {
            font-size: 24px;
    }
    .start .main_head_sec, .home .main_head_sec{
        width: 926px;
        padding: 0;
    }
    .start .container, .home .container {
        width: auto;
        max-width: 1100px;
        margin: 0 20px;
    }
 }

@media screen and (max-width: 979px) {
    .start .main_head_sec, .home .main_head_sec{
        max-width: 770px;
        width: 98%;
        padding: 0 0;
    }
    .start .main_section h1, .home .main_section h1, .page .main_section h1{
        font-size: 20px;
        line-height: 24px;
    }
    .blocks{
        width: 165px;
        height: 165px;
        margin: 10px 10px 0 0;
    }
    .blocks h2{
        font-size: 15px;
        line-height: 17px;
        height: 62px;
    }
    
    .address {
            width: calc(100% - 10px);
    }
    .ifr {
            width: calc(100% - 20px);
    }
}
@media screen and (max-width: 446px) {
    .blocks {
        width: 134px;
        height: 134px;
        margin: 10px 10px 0 0;
        border: 6px solid #fff;
    }
    .blocks h2 {
        font-size: 12px;
        line-height: 12px;
        height: 56px;
    }
}


 @media screen and (min-width: 1200px) and (max-width: 1600px) {
/*
    .blocks{
       margin: 1%;
       width: 21%;
    }
*/
 }
 @media screen and (min-width: 1023px) and (max-width: 1199px) {
    .blocks h2{
        font-size: 18px;
    }
 }

 @media screen and (min-width: 1025px) and (max-width: 1200px) {
     h1{
         font-size: 36px;
         line-height: 42px;
     }
     .start .container, .home .container {
        width: auto;
        max-width: 1100px;
    }
     .container{
         max-width: 90%;
     }
     .page .main_section h1{
         font-size: 30px;
         line-height: 30px;
     }
     .main_links_sec {
         text-align: center;
     }
     .menu_area ul li ul{
         top: 60px;
     }
/*
     .blocks{

         float: none;
         display: inline-block;
         vertical-align: top;
         margin: 7px 7px;
     }
*/


     .menu_area ul li{
         font-size: 22px;
         padding: 0;
     }
     .footer_section{
         padding: 5px 0;
     }
     .copyright{
         width: 100%;
         padding: 0;
     }
     .footer_links{
         width: 85%;
     }
}