@media only screen and (min-width: 48em) {
    .one-half{
        width: 50%;
        float: left;
        padding: 0 10px;
    }
    #header{
        padding-top: 50px;
        padding-bottom: 40px;
        background: rgba(15,75,155,0.6);
    }
    #header .logo{
        max-width: 320px;
    }
    #navigation{
        padding-top: 50px;
    }
    #navigation .logo{
        margin-bottom: 0;
    }
    #header-info{
        padding: 0;
    }
    #header-info .box1,
    #header-info .box2,
    #header-info .box3{
        width: 25%;
        padding: 30px 10px;
        float: left;
        border-bottom: 1px solid #fff;
        font-size: 20px;
        line-height: 1.2em;
    }
    #header-info .box1,
    #header-info .box2{
        border-right: 1px solid #fff;
    }
    #header-info .box4{
        width: 100%;
        padding: 30px 10px;
        font-size: 20px;
        line-height: 1.2em;
    }
    #header .header-menu span{
        font-size: 30px;
        font-weight: 700;
    }
    #header .header-menu span.tp{
        margin-top:15px;
        font-size:24px;
    }
    #header .header-menu ul li a{
        color: #fff;
        font-size: 16px;
        line-height: 1.4em;
        font-weight: 400;
    }
    #header .langswitch{
        margin-top: 40px;
    }
    .nav-btn{
        top: 50px;
    }
    #header .header-menu{
        width: calc(100% - 350px);
        float: right;
        margin-top: 0px;
    }
    #navigation .logo{
        float: left;
        margin: 0;
    }
    #navigation .nav-widgets{
        width: calc(100% - 225px);
        float: left;
        float: right;
        max-width: 1000px;
    }
    #navigation .nav-widget{
        width: 33.3333%;
        float: left;
    }
    .home-feature{
        width: 33.3333%;
        float: left;
    }
    .footer-widget{
        width: 25%;
        float: left;
    }
    .footer-logos .footer1{
        margin: 0;
        float: left;
    }
    .footer-logos .footer2{
        margin: 0;
        float: right;
    }
    #header-wrapper .arrow-text{
        font-size: 12px;
        display: block;
        text-align: center;
        position: absolute;
        left: 0;
        margin-left: 0;
        bottom: 200px;
        cursor: pointer;
        color: #fff;
        width: 100%;
    }
}
@media only screen and (min-width: 62em) {
    .container{
        padding: 0 30px;
    }
    #header .container{
        width: 100%;
        max-width: 100%;
    }
    #navigation .container{
        width: 100%;
        max-width: 100%;
    }
    .nav-btn{
        right: 30px;
    }
    #navigation .nav-widgets{
        padding: 0 60px;
    }
    #header-info .box1,
    #header-info .box2,
    #header-info .box3{
        border-right: 1px solid #fff;
        width: 200px;
        float: left;
        padding: 64px 0;
        border-bottom: none;
    }
    #header-info .box4{
        width: calc(100% - 800px);
        float: left;
        padding: 64px 0;
        line-height: 1.2em;
    }
    #nav_menu-7{
        width: 30%;
    }
    #nav_menu-6,
    #nav_menu-5{

    }
    #text-5{
        width: 20%;
    }
}
@media only screen and (max-width: 30em) {
    .footer-logos .footer2{
        max-width: 240px;
        margin-top: 25px;
    }
}
