@import url('_iphone.css'); 
 

/* ----------- iPad Pro 12.9" ----------- */


/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 833px) 
  and (max-device-width: 1366px) {
    html {
        overflow-y: hidden;
    }
    html,
    #content-wrapper, #example-wrapper, html body .scrollContent, .panel{
        width: 1366px;
        height:990px !important;
    }
    body:after { 
        bottom: 55px;  
      }
      
    .panel{ 
        position: relative;
    }
    .lightbox-target {
        z-index: 5; 
    }

   #p1 .backandforth-c8 {
     
       left: 7%;
          bottom: 8%;
    }
    #p1 .backandforth-c6 {
        
        left: 46%;
          top: 23%;
        }

        #p1  .backandforth-c5 {
        
        left: 42%;
          bottom: 27%;
        }
        #p1 .backandforth-c7 {
        
    left: 27%;
    bottom: 21%;
            }
    
            #p1  .backandforth-c4 {
                left: 38%;
                top: 8%;
            }

    .search-wrapper {      
       
        position: absolute;
        bottom: 0;         
        left: 65%;        
        border-radius: 50%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
       
      }

      .logo {
          top:35%;
          right: auto;
      }
      .search-wrapper h1 { bottom: 34%;}
      .search-wrapper h2 { bottom: 31%; }

      #p0 .circle-7 {
        bottom: 25%;
        right: 40%;
    }
    #p4 .backandforth-c7 {
        left: 42%;
        top: 73%;
    }
    .go-to-products {
        left: 69%;
    bottom: 14%;
    font-size: 0.8rem;
    }
    .search-wrapper.inner h1 {
         
        font-size: 2rem;
        bottom: 29%;
    }
    .go-to-products.last {
        right: 32%;
        bottom: 19%;
        width: 100px;
        height: 100px;
        line-height: 100px;
        left: auto;
    }
    .go-to-home {
        bottom: 10%;
        right: 15%;
    }

    .pentagon ul:nth-child(3) {
        left:16%;
        top:55%;
      }
      .pentagon ul:nth-child(3) li:first-child {
        margin-right:85px;
      }

      .pentagon.triangle ul:nth-child(2) {
        top: 31%;
    }

    .panel ul {
        text-align: center;
        justify-content: space-between;
        margin: 10% 0 2%;
        width: 60%;
        margin-right: 24%;
        display: block;
        clear: both;
        float: none;
   
    }

    #solar.panel ul {
       
        margin: 23% 0 0;
    }

    .search-wrapper h3 {

        font-size: 2rem;
        bottom:37%;
    }
    #turn-key ul{
        margin-top:11%;
      } 
    #turn-key ul li{
       
        width: 20%;
        margin: 8px;
        padding-bottom: 20%;
      } 
     
     
}