/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
      
    .view-construction-team .slick-list, .view-development-team .slick-list, .view-management-team .slick-list  {
        padding: 0px 30px !important;
    }
    body #page-wrapper {
      font-family: 'Open Sans', sans-serif;
      color: #808285;
      font-size: 1.15em;
    }
    video {
      width: 100%;
    }
    .menu .col-md-12 {
        padding: 0;
    }
    ul#superfish-1-accordion {
      margin-top: 45px;
    }
    #superfish-1-toggle {
        background: url("/sites/all/modules/adminimal_admin_menu/images/menu.svg") no-repeat scroll 8px 16px rgba(0, 0, 0, 0);
        font-size: 23px;
        padding: 10px 34px;
        float: left;
    }
    #superfish-1-toggle span {
        display: block;
        line-height: 1.188em;
        float: left;
    }
    #logo img {
        width: 100%;
    }

    #motion-graphic {
      min-height: initial;
      overflow: hidden;
      position: relative;
    }
    .tp-banner {
      height: auto !important;
      min-height: initial !important;
    }
    #cap1 {
      z-index: 3;
      font-size: 1.25em;
      line-height: 1.25em;
      left: 20px !important;
      top: 30px;
    }
    #cap2 {
      z-index: 3;
      line-height: 1.25em;
      font-size: 1.25em;
      left: 25px !important;
      top: 60px;
    }

    .region-home-content {
      padding-top: 15px;
      padding-bottom: 15px;
    }

    #our-communities img {
      width: 100%;
    }

    #services {      
      height: auto;
      width: 100%;
    }
    .services {
      width: 100%;
      float: none;        
    }
    .services:nth-child(2) {
      margin: 0;
    }
    .services .sc-bg-fancy {
      opacity: 1;
    }
    #development .service-container {
        background: url(/sites/all/themes/homeleasing/images/development.png) no-repeat;
        background-size: cover;
        min-height: 300px;
    }
    #management .service-container {
        background: url(/sites/all/themes/homeleasing/images/management.png) no-repeat;
        background-size: cover;
        min-height: 300px;
    }
    #construction .service-container {
        background: url(/sites/all/themes/homeleasing/images/construction.png) no-repeat;
        background-size: cover;
        min-height: 300px;
    }
    .services .sc-bg-fancy .sc-title {
      line-height: 0.5;
    }

    #header-section-container #title-section {
      margin-top: -10px;
    }
    #header-section-container {
      top: 55px;
    }
    #header-image {
        height: auto;
        overflow: hidden;
        width: 100%;
    }
    #header-section-container #logo-section {
      background: rgba(255,255,255, .75);
      width: 100%;
      padding: 10px;
    }
    #header-section-container #logo-section .container {
        width: 60%;
        text-align: left;
        margin-left: 0;
    }
    #header-section-container #title-section #page-title {
        font-size: 1.5em;
    }
    #menu-476-1 ul {
        height: 250px;
        overflow: auto;
    }
    .view-current-projects .slide__grid img, .view-current-projects.view-display-id-dev_current .slick--view--current-projects img {
      width: 100%;
      height: auto;
    }
    
    /*  NEWS  */
    .date-container {
        width: 100%;
        float: left;
    }
    .date-holder {
        width: 100%;
    }
    .news-content-container {
        float: left;
        width: 100%;
    }
    #current-projects-section {
        width: 100%;   
    }
}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
    .view-construction-team .slick-list, .view-development-team .slick-list, .view-management-team .slick-list  {
        padding: 0px 30px !important;
    }
    .menu .col-md-12 {
        padding: 0;
    }
    ul#superfish-1-accordion {
      margin-top: 45px;
    }
    #superfish-1-toggle {
        background: url("/sites/all/modules/adminimal_admin_menu/images/menu.svg") no-repeat scroll 8px 16px rgba(0, 0, 0, 0);
        font-size: 23px;
        padding: 10px 34px;
        float: left;
    }
    #superfish-1-toggle span {
        display: block;
        line-height: 1.188em;
        float: left;
    }
    #logo img {
        width: 100%;
    }

    #motion-graphic {
      min-height: initial;
      overflow: hidden;
      position: relative;
    }
    .tp-banner {
      height: auto !important;
      min-height: initial !important;
    }
    #cap1 {
      z-index: 3;
      font-size: 1.25em;
      line-height: 1.25em;
      left: 20px !important;
      top: 30px;
    }
    #cap2 {
      z-index: 3;
      line-height: 1.25em;
      font-size: 1.25em;
      left: 25px !important;
      top: 60px;
    }

    .region-home-content {
      padding-top: 15px;
      padding-bottom: 15px;
    }

    #our-communities img {
      width: 100%;
    }

    #services {      
      height: auto;
      width: 100%;
    }
    .services {
      width: 100%;
      float: none;        
    }
    .services:nth-child(2) {
      margin: 0;
    }
    .services .sc-bg-fancy {
      opacity: 1;
    }
    #development .service-container {
        background: url(/sites/all/themes/homeleasing/images/development.png) no-repeat;
        background-size: cover;
        min-height: 300px;
    }
    #management .service-container {
        background: url(/sites/all/themes/homeleasing/images/management.png) no-repeat;
        background-size: cover;
        min-height: 300px;
    }
    #construction .service-container {
        background: url(/sites/all/themes/homeleasing/images/construction.png) no-repeat;
        background-size: cover;
        min-height: 300px;
    }
    .services .sc-bg-fancy .sc-title {
      line-height: 0.5;
    }
    #current-projects-section {
        width: 100%;   
    }
    #menu-476-1 ul {
        height: 250px;
        overflow: auto;
    }
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
    .view-construction-team .slick-list, .view-development-team .slick-list, .view-management-team .slick-list  {
        padding: 0px 30px !important;
    }
    .menu .col-md-12 {
        padding: 0;
    }
    ul#superfish-1-accordion {
      margin-top: 45px;
    }
    #superfish-1-toggle {
        background: url("/sites/all/modules/adminimal_admin_menu/images/menu.svg") no-repeat scroll 8px 16px rgba(0, 0, 0, 0);
        font-size: 23px;
        padding: 10px 34px;
        float: left;
    }
    #superfish-1-toggle span {
        display: block;
        line-height: 1.188em;
        float: left;
    }
    #logo img {
        width: 100%;
    }

    #motion-graphic {
      min-height: initial;
      overflow: hidden;
      position: relative;
    }
    .tp-banner {
      height: auto !important;
      min-height: initial !important;
    }
    #cap1 {
      z-index: 3;
      font-size: 2.25em;
      line-height: 2.25em;
      left: 20px !important;
      top: 30px;
    }
    #cap2 {
      z-index: 3;
      line-height: 2.25em;
      font-size: 2.25em;
      left: 25px !important;
      top: 60px;
    }

    .region-home-content {
      padding-top: 15px;
      padding-bottom: 15px;
    }

    #our-communities img {
      width: 100%;
    }

    #services {      
      height: auto;
      width: 100%;
    }
    .services {
      width: 100%;
      float: none;        
    }
    .services:nth-child(2) {
      margin: 0;
    }
    .services .sc-bg-fancy {
      opacity: 1;
    }
    #development .service-container {
        background: url(/sites/all/themes/homeleasing/images/development.png) no-repeat;
        background-size: cover;
        min-height: 300px;
    }
    #management .service-container {
        background: url(/sites/all/themes/homeleasing/images/management.png) no-repeat;
        background-size: cover;
        min-height: 300px;
    }
    #construction .service-container {
        background: url(/sites/all/themes/homeleasing/images/construction.png) no-repeat;
        background-size: cover;
        min-height: 300px;
    }
    .services .sc-bg-fancy .sc-title {
      line-height: 0.5;
    }
    #current-projects-section {
        width: 100%;   
    }
    #menu-476-1 ul {
        height: 250px;
        overflow: auto;
    }

}

/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */

/* 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, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
    .view-construction-team .slick-list, .view-development-team .slick-list, .view-management-team .slick-list  {
        padding: 0px 30px !important;
    }
    .menu .col-md-12 {
        padding: 0;
    }
    #superfish-1-toggle {
        background: url("/sites/all/modules/adminimal_admin_menu/images/menu.svg") no-repeat scroll 8px 16px rgba(0, 0, 0, 0);
        font-size: 23px;
        padding: 10px 34px;
        float: left;
    }
    #superfish-1-toggle span {
        display: block;
        line-height: 1.188em;
        float: left;
    }
    #logo img {
        width: 100%;
    }

    #motion-graphic {
      min-height: initial;
      overflow: hidden;
      position: relative;
    }
    .tp-banner {
      height: auto !important;
      min-height: initial !important;
    }
    #cap1 {
      z-index: 3;
      font-size: 1.25em;
      line-height: 1.25em;
      left: 20px !important;
      top: 30px;
    }
    #cap2 {
      z-index: 3;
      line-height: 1.25em;
      font-size: 1.25em;
      left: 25px !important;
      top: 60px;
    }

    .region-home-content {
      padding-top: 15px;
      padding-bottom: 15px;
    }
    #current-projects-section {
        width: 100%;   
    }
    #menu-476-1 ul {
        height: 250px;
        overflow: auto;
    }

}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
      .view-construction-team .slick-list, .view-development-team .slick-list, .view-management-team .slick-list  {
        padding: 0px 30px !important;
    }

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
    .view-construction-team .slick-list, .view-development-team .slick-list, .view-management-team .slick-list  {
        padding: 0px 30px !important;
    }
    .menu .col-md-12 {
        padding: 0;
    }
    ul#superfish-1-accordion {
      margin-top: 45px;
    }
    #superfish-1-toggle {
        background: url("/sites/all/modules/adminimal_admin_menu/images/menu.svg") no-repeat scroll 8px 16px rgba(0, 0, 0, 0);
        font-size: 23px;
        padding: 10px 34px;
        float: left;
    }
    #superfish-1-toggle span {
        display: block;
        line-height: 1.188em;
        float: left;
    }
    #logo img {
        width: auto;
    }

    #motion-graphic {
      min-height: initial;
      overflow: hidden;
      position: relative;
    }
    .tp-banner {
      height: auto !important;
      min-height: initial !important;
    }
    #cap1 {
      z-index: 3;
      font-size: 2.25em;
      line-height: 2.25em;
      left: 20px !important;
      top: 75px;
    }
    #cap2 {
      z-index: 3;
      line-height: 2.25em;
      font-size: 2.25em;
      left: 25px !important;
      top: 120px;
    }

    .region-home-content {
      padding-top: 15px;
      padding-bottom: 15px;
    }

    #our-communities img {
      width: 95%;
    }

    #services {      
      height: auto;
      width: 100%;
    }
    .services {
      width: 100%;
      float: none;        
    }
    .services:nth-child(2) {
      margin: 0;
    }
    .services .sc-bg-fancy {
      opacity: 1;
    }
    #development .service-container {
        background: url(/sites/all/themes/homeleasing/images/development.png) no-repeat;
        background-size: cover;
        min-height: 300px;
    }
    #management .service-container {
        background: url(/sites/all/themes/homeleasing/images/management.png) no-repeat;
        background-size: cover;
        min-height: 300px;
    }
    #construction .service-container {
        background: url(/sites/all/themes/homeleasing/images/construction.png) no-repeat;
        background-size: cover;
        min-height: 300px;
    }
    .services .sc-bg-fancy .sc-title {
      line-height: 0.5;
    }
    
    #header-section-container #title-section {
      margin-top: -10px;
    }
    #header-section-container {
      top: 140px;
    }
    #header-image {
        height: auto;
        overflow: hidden;
        width: 100%;
    }
    #header-section-container #logo-section {
      background: rgba(255,255,255, .75);
      width: 100%;
      padding: 10px;
    }
    #header-section-container #logo-section .container {
        width: 60%;
        text-align: left;
        margin-left: 0;
    }
    #header-section-container #title-section #page-title {
        font-size: 1.5em;
    }
    .view-current-projects .slide__grid img, .view-current-projects.view-display-id-dev_current .slick--view--current-projects img {
      width: 100%;
      height: auto;
    }

    /*  NEWS  */
    .date-container {
        width: 15%;
        float: left;
    }
    .date-holder {
        width: 70%;
    }
    .news-content-container {
        float: left;
        width: 75%;
    }
    #footer-first img {
        width: auto !important;
    }
    #current-projects-section {
        width: 100%;   
    }
    #menu-476-1 ul {
        height: 150px;
        overflow: auto;
    }
}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* 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) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
    
    #logo img {
        width: auto;
    }
    #header-image {
        height: auto;
        overflow: hidden;
        width: 100%;
    }
    #footer-first img {
        width: auto !important;
    }
    #current-projects-section {
        width: 100%;   
    }
    #menu-476-1 ul {
        height: 150px;
        overflow: auto;
    }
}

/* ----------- iPhone X ----------- */

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

}

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

}

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

}