@media screen and (max-width: 1100px) {
    .nav-pag{
        float: left;
        width: 80%;
        margin: 0px 0px;
        padding: 10px 10px;
        border-bottom: 6px solid #b4bbc8;
    }
    header{
        border-bottom: 6px solid #616a71;
    }
    .nav-pag-last{
        margin: 0px 0px 0px 0px;
    }
    .fltrs-box{
        margin-top: 3%;
    }
    .nav-cont-box{
        margin-top: 3%;
    }
    .nav-cont-box{
        width: 70%;
    }
    .fltrs-box{
        min-width: 115px;
    }
}
@media screen and (max-width: 753px) {
    .nav-cont-box{
        width: 65%;
    }
    .nav-cont input{
        margin: 19px 5px;
        width: 30%;
    }
    .nav-cont h4{
        margin: 19px -80px 19px 5px;
    }
    .nav-cont img{
        margin: 15px 5px 18px 5px;
    }
    .middle{
        text-align: center;
    }
    .left{
        margin-left: 10px;
    }
    .right{
        margin-right: 10px;
    }
}
@media screen and (max-width: 648px) {
    .nav-cont-box{
        width: 53%;
    }
}
@media screen and (max-width: 487px) {
    header{
        margin: auto auto;
        padding-top: 0px;
        height: auto;
    }
    header img{
        margin: 10px 6.25%;
    }
    .nav-pag{
        width: 95.5%;
        text-align: center;
    }
    header ul li{
        display: block;
        margin-right: 0px;
        padding: 2px 0px 0px 0px;
    }
    .fltrs-box{
        margin-left: 2%;
        width: 92.5%;
        height: auto;
    }
    .fltrs{
        padding: 5px 5px;
    }
    .fltrs ul li{
        display: inline-block;
        padding-top: 0px;
    }
    .nav-cont-box{
        margin-right: 5px;
        width: 100%;
    }
    .nav-cont input{
        margin: 19px 0px;
        width: 30%;
    }
    .left{
        margin-left: 10px;
    }
    .right{
        margin-right: 10px;
    }
    .middle{
        text-align: center;
    }
    .nav-cont img{
        margin: 15px 5px 18px 5px;
    }
    .nav-cont h4{
        margin: 19px -20px 19px 5px;
    }
}