@media (max-width : 1260px)
{
  .tile .icon{max-width: 71%;height: 276px;}
}
@media(max-width:1024px){
  .contact-written{display:none;}
  .menu > li{font-size:12px;}
  .slides{background-blend-mode: multiply;background-color: #8d9aa0;}
}

@media (max-width : 768px)
{
  .upper-social a{margin: 1vw;font-size: 22px;}
  .menu-main-menu-container, .contact {display: none;}
  .hamburger{height: 51px;display:block;right:4vw;position:absolute;-ms-flex-item-align: center; -ms-grid-row-align: center; -webkit-align-self:center;align-self: center;}
  .main-logo{width: 165px;}
  .hamburger .line{width: 35px;height: 3px;background-color: #007668;display: block;margin:10px auto;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
  .hamburger.is-active .line:nth-child(2){opacity: 0;}
  .hamburger.is-active .line:nth-child(1){-webkit-transform: translateY(13px) rotate(45deg);-ms-transform: translateY(13px) rotate(45deg);transform: translateY(13px) rotate(45deg)}
  .hamburger.is-active .line:nth-child(3){-webkit-transform: translateY(-18px) rotate(-45deg);-ms-transform: translateY(-13px) rotate(-45deg);transform: translateY(-13px) rotate(-45deg);}
  .mobile-menu.is-active{display: -webkit-box;display: -ms-flexbox;display: flex;position: fixed;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;max-height: 82%;overflow:scroll;top: 160px;bottom:0;left:0; right:0;width: 100%;font-size:20px;background-color: #01af94;z-index: 9;}
  .menu{display: block;width:100%;height: 100%;color:#FFF;overflow: auto;}
  .menu > li{font-size:20px;position:relative;-ms-flex-item-align:end;align-self:flex-end;height: auto;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-ms-flex-line-pack:end;align-content:flex-end;width: 100%;border-bottom: 1px solid #089e87}
  .menu li:last-child{border:none;}
  .menu li a{-ms-flex-item-align:end;align-self:flex-end;padding: 3vw 5vw;    text-align: right;color:#FFF;}
  .sub-menu{padding:0;background-color:#089e87;display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;    width: 100%;border-bottom: 0;margin-left: auto;}
  .sub-menu > li{opacity:.8;-ms-flex-item-align:end;align-self:flex-end;height: auto;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-ms-flex-line-pack:end;align-content:flex-end;width: 100%;font-size:14px;}
  .image-opac{right: 0vw;padding: 3vw 4vw 1.5vw 4vw;}
  section{background-position: right bottom;}
  .container{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;    margin: 12vw auto;}
  .two-column > .container > p:first-of-type { padding-right: 0;padding-bottom: 12px;}
  .container > a{}
  .container > .info{padding-top: 5vw;}
  .container.only{ margin: 8vw auto 27vw auto;}
  body.page-template-page-interior-with-columns #case-study-has-sidebar {display: block;}
  body.page-template-page-interior-with-columns #case-study-has-sidebar {padding-bottom: 70px;padding-top: 0;}
  body.page-template-page-interior-with-columns #case-study-has-sidebar .container.int {margin: 70px auto 20px auto; }
  body.page-template-page-interior-with-columns #case-study-has-sidebar .right-sidebar {margin-top:20px;margin-left:0px;}
  .info.only{width: 74vw !important;}
  .slider-info{padding-left:0; width: 75%;margin: 0 auto;}
  .slides > .slider-info > a {font-size: calc(20px + .5vw);}
  .tiles{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; margin: 10vw auto;}
  .tile .icon{max-width: 50%;}
  .button{margin: 5vw auto 10vw auto;}
  .button.beige{margin: 5vw auto 0vw auto;}
  .footer-container{ width: 61%;text-align: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
  .bottom-footer{width: 84%;padding-bottom: 9vw;}
  .int-info{width: 70%;}
  .two-column > .container > p:nth-of-type(3) {padding-top: 12px;}
}

@media (max-width : 667px)
{
  .tile .icon{max-width: 80%;}
  .int-info{width: 80%;}
  .slides{ background-position: 30%;}
  section{background-position:right 108%;background-size:67%;}
  #tablepress-1_wrapper{overflow:scroll;}
  .button.green{width: 275px;}
}


@media (max-width : 480px)
{

}

/* -- iPad -- */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (-webkit-min-device-pixel-ratio: 1) {
    .menu-main-menu-container, .contact {display: none;}
    .hamburger{height: 51px;display:block;right:4vw;position:absolute;-ms-flex-item-align: center; -ms-grid-row-align: center; -webkit-align-self:center;align-self: center;}
    .main-logo{width: 165px;}
    .hamburger .line{width: 35px;height: 3px;background-color: #007668;display: block;margin:10px auto;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
    .hamburger.is-active .line:nth-child(2){opacity: 0;}
    .hamburger.is-active .line:nth-child(1){-webkit-transform: translateY(13px) rotate(45deg);-ms-transform: translateY(13px) rotate(45deg);transform: translateY(13px) rotate(45deg)}
    .hamburger.is-active .line:nth-child(3){-webkit-transform: translateY(-18px) rotate(-45deg);-ms-transform: translateY(-13px) rotate(-45deg);transform: translateY(-13px) rotate(-45deg);}
    .mobile-menu.is-active{display: -webkit-box;display: -ms-flexbox;display: flex;position: fixed;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;max-height: 82%;overflow:scroll;top: 160px;bottom:0;left:0; right:0;width: 100%;font-size:20px;background-color: #01af94;z-index: 9;}
    .menu{display: block;width:100%;height: 100%;color:#FFF;overflow: auto;}
    .menu > li{font-size:20px;position:relative;-ms-flex-item-align:end;align-self:flex-end;height: auto;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-ms-flex-line-pack:end;align-content:flex-end;width: 100%;border-bottom: 1px solid #089e87}
    .menu li:last-child{border:none;}
    .menu li a{-ms-flex-item-align:end;align-self:flex-end;padding: 3vw 5vw;    text-align: right;}
    .sub-menu{padding:0;background-color:#089e87;display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;    width: 100%;  border-bottom: 0;  margin-left: auto;}
    .sub-menu > li{padding:0;opacity:.8;-ms-flex-item-align:end;align-self:flex-end;height: auto;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-ms-flex-line-pack:end;align-content:flex-end;width: 100%;font-size:14px;}
    .image-opac{right: 0vw;padding: 3vw 4vw 1.5vw 4vw;}
    section{background-position: right bottom;}
    .container{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;    margin: 12vw auto;}
    .two-column > .container > p:first-of-type { padding-right: 0;padding-bottom: 12px;}
    .container > a{}
    .container > .info{padding-top: 5vw;}
    .container.only{ margin: 8vw auto 27vw auto;}
    .info.only{width: 74vw !important;}
    .slider-info{padding-left:0; width: 75%;margin: 0 auto;}
    .tiles{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; margin: 10vw auto;}
    .tile .icon{max-width: 80%;}
    .button{margin: 5vw auto 10vw auto;}
    .button.beige{margin: 5vw auto 0vw auto;}
    .footer-container{ width: 61%;text-align: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
    .bottom-footer{width: 84%;padding-bottom: 9vw;}
    .int-info{width: 70%;}
    .two-column > .container > p:nth-of-type(3) {padding-top: 12px;}
}

/* -- iPhone 6 -- */
@media only screen
and (max-device-width : 667px)
{

}

@media only screen
and (max-device-width : 667px)
and (orientation : landscape)
{

}

@media only screen
and (max-device-width : 667px)
and (orientation : portrait)
{

}
/* iPhone 8 and 8 plus */
/*
@media only screen
    and (device-width : 375px)
    and (device-height : 667px)
    and (-webkit-device-pixel-ratio : 2) {
    .slides > .slider-info > a {font-size: calc(20px + .5vw);}
    .tile h3 {font-size: calc(21px + .5vw);}
    .tile .icon{height: 230px;}
    .container > a {height: 170px;}
    }

    @media only screen
        and (device-width : 414px)
        and (device-height : 736px)
        and (-webkit-device-pixel-ratio : 3) {
        .slides > .slider-info > a {  font-size: calc(20px + .5vw);}
        .tile h3 {font-size: calc(21px + .5vw);}
        .tile .icon{height: 230px;}
        .container > a {height: 170px;}
         }
 */

/* mobile devices */
@media (max-width : 414px) {
  .slides h1{ font-size: 46px;}
    .slides > .slider-info > a {font-size: calc(20px + .5vw);}
    .tile {padding:40px; margin:15px 0;}
    .tile h3 {font-size: calc(21px + .5vw);}
    .tile .check{width: 33px;top: 5vw;right: 5vw;}
    .tile .icon{height: 230px;padding-bottom: 0px;}
    .info h2 {font-size:36px; padding-bottom:15px;}
    .info p{font-size:18px;}
    }