на ios айфон сафари сдвигаются элементы(

На этой ссылке если нажать на Иконку Печать, то на предпросмотре видно, что фото маленькие смешаются по левому краю, а должны быть все 5 фото по горизонтале (1 большая и 4 маленьких). Но увидеть это вы сможете только на айфоне или сафари.
Как вообще решаются такие проблемы? На всех других устройствам все отображается нормально.

Вот кусок css кода

.print-header.row
{display: -ms-flexbox!important;
    display: flex!important;    -ms-flex-align: center!important;
    align-items: center!important;}
.print-header .print-header-left
{width:45%;padding:10px;}
.print-header .print-header-right
{width:54%;padding:10px;}
.print-main-image
{width:50%;float:left;}
.print-main-image img:nth-child(1)
{height:250px;}
.print-gallery
{width: 50%;
    float: right;padding-left:5px;}
.print-header .print-header-right ul li
{display:inline-block; width: 50% ! important;}
.print-gallery-image
{display:inline-block;height:125px;   
  max-height:150px;
    padding: 5px!important;}
	.print-banner img
	{height:100%;}
  .print-sub-gallery .print-gallery-image
{    display: inline-block;
    height: 125px;
    width: 24.4%;
    padding: 0px!important;}
  .print-gallery-image:nth-child(1)
  {padding-bottom:5px!important;}
    .print-gallery-image:nth-child(2)
  {padding-bottom:5px!important;}
.print-header-detail-left
{width:calc(100% - 170px);float:left;}
.print-gallery img, .print-gallery img
{height:100%;}

Где .print-main-image {width:50%;float:left;} это большой фото слева, и .print-gallery{width: 50%;float: right;padding-left:5px;} это 4 фото справа.

Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]