Aricus

$(document).ready(function () {
	functuion resizeSubmenu() {
		...
	}
	resizeSubmenu();
	$(window).on('resize', function(){
		resizeSubmenu();
	});
});

body{
 background-image: url("https://dwstroy.ru/lessons/les3397/demo/img/ep_naturalwhite.png");
}
.social{
 position: fixed;
 top: 50px;
 right: 0;
 z-index: 1000;
}
.dws-button{
 background-color: #3b5998;
 width: 100px;
 height: 25px;
 padding: 5px;
 transition: all 0.5s;
}
a{
 color: #ffffff;
 text-decoration: none;
}
a i.fa{
 font-size: 25px;
 text-align: center;
 display: block;
}
.dws-share{
 float: right;
 width: 40px;
}
.dws-text{
 float: left;
 font-size: 20px;
 position: relative;
 top: 2px;
 left: 5px;
}
.dws-facebook {background-color: #3b5998;}
.dws-vk {background-color: #507299;}
.dws-twitter {background-color: #33bdf1;}
.dws-youtube {background-color: #e62117;}
.dws-odnoklassniki {background-color: #ee8208;}
.dws-envelope-o {background-color: #656766;}

.dws-button{
 width: 40px;
 height: 25px;
 padding: 5px;
 overflow: hidden;
 margin-left: auto;
}
.dws-button:hover{
 background-color: #000;
 width: 50px;
 padding-right: 15px;
}
.dws-facebook:hover{width: 75px}
.dws-vk:hover,.dws-youtube:hover{width: 95px}

@media only screen and (max-width: 1024px)
.bee3D--effect__carousel {
    transform: scale(0.9);
    margin: -38px 0;
}
@media only screen and (max-width: 786px)
.bee3D--effect__carousel {
    transform: scale(0.8);
    margin: -65px 0;
}
@media only screen and (max-width: 610px)
.bee3D--effect__carousel {
    transform: scale(0.67);
    margin: -93px 0;
}
@media only screen and (max-width: 480px)
.bee3D--effect__carousel {
    transform: scale(0.55);
    margin: -120px 0;
}

position: relative;
right: 112px;

.box_red {
  background-color: #fe3a3a;
  max-width: 1050px;
  width: 100%;
  margin-left: -100px;
}