@media (max-width: 1300px) {
    .left-container {
        width: 265px;
    }
    .loaded .blur {
        width:265px;
    }
    .loaded .left-container {
        width:265px;
    }
     p , li{
        line-height: 29px;
        font-size: 19px;
    }
    h1 {
        font-size: 37px;
    }
}
@media (max-width: 900px) {
    .left-container {
        position:relative;
        height:100px;
        width:100%;
        background-color:#D1A74E;
    }
    .logo .light{
        display: none !important;
    }
    .logo .dark{
        display: block !important;
    }
    .lang a{
        color: #d1a74e;
    }
    .lang a.active{
        color: #e0c58b;
    }
    .loaded .left-container {
        width:100%;
        background-color:#F6EDDC;
    }
    body.home.loaded .left-container{
        background-color:#F6EDDC;
    }
    .nav-toggle {
        background: transparent url("../images/nav-dark.png") no-repeat scroll right center;
    }
    .left-container .logo {
        left: 5%;
        max-width: 226px;
        -moz-transform:translateX(0) translateY(-50%);
        -ms-transform:translateX(0) translateY(-50%);
        -webkit-transform:translateX(0) translateY(-50%);
        transform:translateX(0) translateY(-50%)
    }
    .left-container .logo img {
        display:block;
        height:64px;
        width:225px;
        -moz-transition:all 300ms ease;
        -o-transition:all 300ms ease;
        -webkit-transition:all 300ms ease;
        transition:all 300ms ease
    }
    .logo {
        margin-top: 0;
        top: 47%;
    }
    .wrapper .pages-container, .wrapper .home-container {
        margin-left: 0;
        max-width: 100%;
        width: 100%;
    }
    .pages-container{
        background: #fff;
    }
    .nav-toggle{
        right: 5%;
    }
    .wrapper .pages-bg {
        left: 0;
        max-width: 100%;
    }
    .home-container{
        margin-top: 28px;
    }
    .home-container p {
        line-height: 42px;
        font-size: 29px;
    }
}
@media (max-width: 430px) {
    .left-container .logo img {
        width: 143px;
        height: auto;
    }
    .lang a {
        padding: 0px 2px;
    }

    .lang{
        right: 68px;
    }
    p, li {
        line-height: 27px;
        font-size: 17px;
    }
}
@media (max-width: 940px) {
    .nav-toggle {
        text-indent:-9999px;
        top: 39px;
        position: absolute;
    }
   .nav-container .nav{
        max-width: 90%;
   }
   .lang {
    top: 40px;
    position: absolute;
    right: 89px;
   }
}
@media (max-height: 600px) {
    .nav-container .nav li a {
        padding:6px 0 6px 0;
        font-size:26px;
    }
    .nav-container .nav li a:hover{
        font-size:27px;
    }

}

@media (max-width: 940px) {
    .left-container .copyright,.blur{
        display:none !important
    }
}
@media (max-width: 1300px) {
    .blur {
        width:250px;
    }
    .home-container {
        margin-left:75px;
    }
    .pages-container{
        margin-left: 265px;
    }
    .pages-bg{
        left: 265px;
    }
}
@media (max-width: 640px) {
    .home-container {
        top:40px;
        width:100%;
        margin-left:0;
        padding:60px 30px 0 30px;
        text-align:left;
        -moz-transform:translateX(-50%) translateY(0);
        -ms-transform:translateX(-50%) translateY(0);
        -webkit-transform:translateX(-50%) translateY(0);
        transform:translateX(-50%) translateY(0)
    }
    .nav-container .nav li {
        margin: 0px 0 7px 0;
    }
    .home-container p {
        line-height: 34px;
        font-size: 24px;
    }
    .nav-container .nav li a {
        padding: 3px 0px;
        font-size: 26px;
    }
    .home-container a {
        -moz-transform:translateX(0);
        -ms-transform:translateX(0);
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    h1 {
        font-size: 28px;
        text-align: left;
        margin-top: 20px;
    }
    h2 {
        font-size: 22px;
    }
    .nav-toggle {
        right: 25px;
    }       
}