/*-----------------------------------------------------------------------
Low desktop
-----------------------------------------------------------------------*/
@media(max-width:1280px){
    /*General
    ------------------------------------------------------------------*/
    .max-width-site{
        padding-left: 24px;
        padding-right: 24px;
    }
}
@media(max-width:1024px){
    /*Header
    ------------------------------------------------------------------*/
    #header_contact>.social-media{
        display: none;
    }
    #top_navigation .navitation_wrapper{
        grid-template-columns:1fr;
    }
    #top_navigation .logo-container{
        grid-template-columns: 240px  1fr;
        max-width: 100%;
    }
    #top_navigation  .social-media{
        display: grid;
        align-items: center;
    }
    #top_navigation  .social-media ul{
        justify-content: flex-end;
    }
    #top_navigation  .social-media ul i{
        font-size: 24px;
    }
}
@media(max-width:800px){
    #video_background>video, #image_background>img{
        position: absolute;
        height: 100%;
    }
    /*Header
    ------------------------------------------------------------------*/
    #header_contact{
        display: flex;
        justify-content: space-between;
    }
    #header_contact [class*="contact-"]{
        display: none;
    }
    #header_contact .social-media{
        display: grid;
    }
    #header_contact .social-media i{
        font-size: 20px;
    }
    #top_navigation  .social-media{
        display: none;
    }
    #top_navigation .logo-container{
        grid-template-columns: 48px 240px 1fr;

    }
    #top_navigation .logo-container .mobile-icon{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #top_navigation .logo-container .mobile-icon .menu-icon{
        display: grid;
        grid-gap: 4px;
    }
    #top_navigation .logo-container .mobile-icon .menu-icon div{
        height: 4px;
        width: 28px;
        background-color: #000;
        border-radius: 8px;
    }
    #top_navigation .navitation_wrapper{
        position: relative;
        background: white;
    }
    .navitation_wrapper #header_nav{
        position: absolute;
        top:78px;
        left: 0;
        width: 100%;
        display: block;
        background: #fff;
        max-height: unset;
        overflow: hidden;
        box-shadow: 0 4px 16px rgba(0,0,0,0.3);
        z-index: -1;
        height: 0;
    }
    .navitation_wrapper #header_nav>ul{
        display: grid;
        margin: 24px;
    }
    .navitation_wrapper #header_nav>a{
        margin: 24px;
    }
    #top_navigation.active .navitation_wrapper #header_nav{
        height: unset;
    }
    /*footer
------------------------------------------------------------------*/
footer>.col-3{
    grid-template-columns: 1fr;
}

    /*about-us
    ------------------------------------------------------------------*/
    #description>div,#mission>div>div{
        grid-template-columns: 1fr;
    }

    /*services
------------------------------------------------------------------*/
#description>div>div{
    grid-template-columns: 1fr;
}
#services>div>div{
    grid-template-columns: 1fr 1fr;
}


#maps + #contact>div>div{
        grid-template-columns: 1fr;
    }
    #maps + #contact>div>div>:first-child{
        order:2
    }
}
@media(max-width:520px){

    /*header
------------------------------------------------------------------*/
#header_contact .social-media{
    display: none;
}

    #header_nav .language-select{
        display: block;
        float: unset;
        margin: 24px 24px 0;
    }
    .language-select>.curent-lang{

        width: unset;
    }
body{
    padding-top: 80px;
}
body>header{
    display: none;
}
body>nav{
    position: fixed;
}
#top_navigation .logo-container{
    grid-template-columns: 48px 1fr 24px;
    grid-gap: 12px;
}

    /*general
------------------------------------------------------------------*/
h1,h2{
    font-size: 28px;
}
/*footer
------------------------------------------------------------------*/
footer>:nth-child(2) .text-right{
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 8px;
    text-align: left;
}
footer>:nth-child(2) .text-right span.px-12{
    display: none;
}
/*services
------------------------------------------------------------------*/
    #services>div>div{
        grid-template-columns: 1fr;
    }

}