@media screen and (min-width:320px) and (max-width:500px) {
    .remont h1 {
        font-size: 32px;
    }
}

@media screen and (min-width:320px) and (max-width:1063px) {	   .class-img-header a {color: #333; text-decoration: underline;}	
    .previous {
        position: relative;
        left: 0;
    }


    .previous, .next {
        background: url("../img/prev.png") no-repeat;
        width: 33px;
        height: 64px;
        margin-top:0px;

    }

    .next {
        background: url("../img/next.png") no-repeat;
    }


    .next {
        position: relative;
        right: 0;
    }

    body {
        overflow-x: hidden;
    }
}

@media screen and (min-width:1122px) and (max-width:5000px) {
    .previous {
        position: absolute;
        left: 3%;
    }


    .previous, .next {
        background: url("../img/prev.png") no-repeat;
        width: 33px;
        height: 64px;
        margin-top:130px;

    }

    .next {
        background: url("../img/next.png") no-repeat;
    }


    .next {
        position: absolute;
        right: 3%;
    }
}

@media screen and (min-width:1064px) and (max-width:1121px) {
    .previous {
        position: absolute;
        left: 0;
    }

    .next {
        position: absolute;
        right: 0;
    }
}

@media screen and (min-width:320px) and (max-width:720px) {	   .class-img-header a {color: #333; text-decoration: underline;}	
    .cont-text-1 {
        padding: 0;
    }

    .onas p {
        padding: 0;
    }
}