@charset "utf-8";
@media screen and (max-width:1800px){
    footer{
        background-repeat: repeat;
    }
    footer .nav{
        width: 84%;
        /*margin: auto;*/
        margin-left: 80px;
    }
    footer .nav > li {
        /*width: 30%;*/
    }
    footer .nav > li + li{
        margin-left: 130px;
    }
    footer #contact {
        width: 90%;
        /*margin: auto;*/
    }
    footer > p {
        width: 90%;
        margin: auto;
    }
    footer #contact .right > img{
        height: auto;
    }
}
@media screen and (max-width: 1440px){
  /*  footer .nav{
        width: 84%;
        !*margin: auto;*!
        margin-left: 80px;
    }*/
    footer{
        background-size: 132%;
    }
}
@media screen and (max-width: 1300px){
    footer #contact .right{
        top:30px;
    }
}
@media screen and (max-width: 1200px){
    footer{
        background: rgba(0,0,0,.9);
    }
    footer #contact .right{
        top:20px;
    }
    footer .nav > li {
        width: 30%;
    }
    footer .nav > li + li{
        margin-left: 0;
    }
}
@media screen and (max-width:800px){
    footer .nav > li {
        width: 50%;
        margin-bottom: 20px;
    }
    footer .nav li h3{
        margin-bottom: 10px;
    }
    footer #contact .right{
        top: 0;
        width: 100%;
        margin-top: 185px;
        margin-bottom:20px ;
    }
    footer #contact .right > img:nth-of-type(3){
        height: auto;
    }
}
@media screen and (max-width:520px){
    footer .nav{
        margin: auto;
    }
}
@media screen and (max-width: 414px) {
    footer .nav > li{
        width: 33%;
    }
    footer .nav li h3{
        font-size: 14px;
    }
    footer .nav li ul li a{
        font-size: 12px;
    }
    footer #contact{
        margin-top: 0;
    }
    footer #contact .left{
        width: 100%;
        text-align: center;
    }
    footer #contact .left h3{
        display: inline-block;
    }
    footer #contact .left p{
        font-size: 12px;
    }
}