/* breakpoints */
.grid-position {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  float: left; }

html:lang(ar) .grid-position {
  float: right; }

.gallery .title {
  color: #ffffff;
  padding: 0 8.66% 40px;
  font-weight: bold; }
  @media all and (max-width: 1023px) {
    .gallery .title {
      padding: 0 30px 30px; } }

.gallery ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center; }
  .gallery ul li {
    width: 33.33%;
    padding: 0 8px; }

.gallery .bg-img-cover {
  height: 630px;
  max-height: 630px; }
  @media all and (min-width: 1024px) and (max-width: 1439px) {
    .gallery .bg-img-cover {
      height: 480px;
      max-height: 480px; } }
  @media (max-width: 1199.98px) {
    .gallery .bg-img-cover {
      height: 460px;
      max-height: 460px; } }
  @media all and (min-width: 600px) and (max-width: 1023px) {
    .gallery .bg-img-cover {
      height: 340px;
      max-height: 340px; } }
  @media all and (max-width: 599px) {
    .gallery .bg-img-cover {
      height: 300px;
      max-height: 100%; } }