Почему плывет верстка элемента на других мониторах?

Question

[Heavinly_Devil]

Есть блок (SHIPSNAB.RU ОСНАЩЕНИЕ СУДОВ навигационным, аварийно-спасательным, и штурманским оборудованием
)

css(
media screen and (max-width: 1599px) and (min-width: 1300px) {
nav[role=navigation] .nav-justified {
width: 40%;
}
.container-page #block-block-15 {
margin-top: 150px;
margin-right: 225px;
}
.container-page #block-block-15 p {
float: right;
width: 500px;
height: 170px;
}
.container-page #block-block-15 p span:nth-child(1) {
font-size: 65px;
color: #bea67c;
display: block;
height: 90px;
}
.container-page #block-block-15 p span:nth-child(2) {
color: #fff;
font-size: 12px;
}
}
)

так же есть 2 ноутбука, 1) на котором делается сайт и 2) простой.
вот так на 1-м ноуте.


а вот так на 2-м


стили все одинаковые, кеши чистил.
Разрешение экранов одинаковое, 1366x768

залил сайт на хостинг ( ship.wind2015.tmweb.ru )

Есть что то не так, извините, первые раз тут.