/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
}

/* Landscape */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}

/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
}

/* Landscape */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {

}

/* Landscape */
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 414px)
  and (max-device-width: 736px)
  and (-webkit-min-device-pixel-ratio: 3) {

}

/* Portrait */
@media only screen
  and (min-device-width: 414px)
  and (max-device-width: 736px)
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) {

.top-bar {
  width: 414px;
}

.banner {
  width: 414px;
  object-fit:cover;
}

.banner .img-responsive {
  width: 414px;
  height: 120px;
  object-fit:cover;
}

.logo-resolve-banner {
  width: 155px;
  bottom:5%;
  left:20px;
  position:absolute;
  z-index:7;
}

.box-ResolveProject {
  background-color:#F1F1F2;
  float:left;
  margin-bottom:50px;
  width:414px;
  height: 900px;
}

.fpTitle {
  font-size:24px;
  margin-bottom:25px;
  margin-top:25px;
  text-align:center;
}

.textcontainer {
  margin-left:auto;
  margin-right:auto;
  width:414px;
}

.wrapperResolveProject {
  margin:0 auto 75px;
  width:414px;
}

.fpBox1,.fpBox2,.fpBox3 {
  width:414px;
}

.fpBox1 img,.fpBox2 img, .fpBox3 img {
object-fit:cover;
margin: 0 auto;
height: 150px;
}


.Box1Caption,.Box2Caption,.Box3Caption {
  display:table-cell;
  vertical-align:middle;
  margin: 0 auto;
  width:300px;
  position: absolute;
  margin-left: 57px;
  padding: 20px;
}

.fpNewsSlider {
  background-color:#F1F1F2;
  float:left;
  margin-left:17px;
  height:303px;
  width:380px;
}

.wrapperNews {
  margin:0 auto 75px;
  width:414px;
}


.fpBox5 img {
  float:left;
  height:150px;
  margin-bottom:3px;
  margin-right:3px;
  object-fit:cover;
  width:80px;
}

.fpBox5 {
  float:left;
  margin-top: 25px;
  margin-left:17px;
}

.newsText {
  background-color:#F1F1F2;
  float:left;
  height:150px;
  padding-top:15px;
  width:297px;
}


.box-last {
  background-color:#F1F1F2;
  color:#000000;
  float:left;
  height:930px;
  margin-top:25px;
  width:414px;
}

.box-last-wrapper {
  margin:0 auto;
  width:414px;
}

.box1-last,.box2-last,.box3-last,.box4-last {
  margin:0 auto;
  background-color:#FFFFFF;
  float:left;
  height:145px;
  text-align:center;
  vertical-align:middle;
  width:145px;
  margin-top: 25px;
  margin-left: 40px;
}

.box1-last-description, .box2-last-description, .box3-last-description, .box4-last-description {
  display: none;
}

.footer {
  float:left;
  width:414px;
  height: 500px;
}

.footerWrapper {
  margin:0 auto;
  width:414px;
}

.logo-i3s {
  margin:0 auto;
  float: left;
  object-fit:cover;
}

.footer-logos {
  margin:0 auto;
  float: left;
  margin-left: 15px;
  width: 380px;
  object-fit:cover;
}
.social {
  margin-right: 20px;
}

}

/* Landscape */
@media only screen
  and (min-device-width: 414px)
  and (max-device-width: 736px)
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) {

}


/* ----------- iPad mini ----------- */

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Portrait */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Landscape */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* ----------- iPad 1 and 2 ----------- */
/* Portrait and Landscape */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Portrait */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Landscape */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 2) {

    #frontpage {
      margin: 0 auto;
      width: 768px;
    }


  .textcontainer {
    margin: 0 auto;
    width:768px;

  }

  .footerWrapper {
    margin: 0 auto;
    width: 768px;
}

  .footer {
    width:768px;
  }

  .wrapperResolveProject {
    margin:0 auto;
    width:768px;
  }

  .wrapperResolveProject div{
    margin:0 auto;
    width:240px;
    margin-bottom: 50px;
  }

  .wrapperNews {
  margin:0 auto;
  width:768px;
}

.wrapperNews div{
float: left;
}

.box-last-wrapper {
  margin:0 auto;
  width:768px;
}

.box-last-wrapper div {
  margin-top: 50px;
  margin:0 auto;
  width:150px;
}

}

/* Landscape */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 2) {

    #frontpage {
      width: 1024px;
    }
}