Оптимизация сайта под мобильные устройства

@media {
/* нужный вам код */
}

#header {
    width: 100%;
    position: relative;
    height: 200px;
    background-image: url(images/backgrounds/background-red.jpg);
    border-bottom: 5px groove #c96815;
}
 
 
#main{
    width: 100%;
    position: relative;
    height: 1560px;
    background-image: url(images/backgrounds/background-yellow.jpg);
    background-repeat: repeat;
    border-bottom: 5px groove #43ac63;
}
 
#bottom {
    width: 100%;
    position: relative;
    height: 200px;
    background-image: url(images/backgrounds/background-blue.jpg);  
    z-index: 1;
}
 
.border {
    position: absolute;
    border-style: groove;
    border-radius: 20px;
    border-width: 5px;
    left: 12.8%;
    width: 72%/*915px*/;
    top: 37px;
}
 
#main_border {
    background: #e0e021;
    height: 1477px;
}
 
.borders{
    border-style: groove;
    border-radius: 10px;
    border-width: 2px;
}
 
.rules_blocks_options{
    position: absolute;
    height: 500px;
    width: 45.5%;
}
 
#rules_block1 {
    height: 250px;
    width: auto;
    left: 10%; 
    top: 50px;
    right: 3%;
}
 
#rules_block2 {
    left: 3%; 
    top: 360px;
}
 
#rules_block3 {
    top: 360px;
    right: 3%;
}
 
#seller_form {
    left: 3%; 
    top: 920px;
}
 
#map_block {
    top: 920px;
    right: 3%;
}