body {
  background-color: #fff;
  font-family: 'Roboto', sans-serif;
  margin: 0px;
  padding: 0px;
}

html, body {
  width: auto !important;
  overflow-x: hidden !important;
}


#dimensions {
  float: left; position: absolute;
  font-size: 10px;
}



h1,h2,h3,h4,h5,h6 {
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
}

#panel01 {
  padding-top: 30px;
  background-color: #fff;
}

#panel01 .description h1 { margin: 0px;}
#logos li { display: inline-block; padding: 0px; margin: 0px;}




#panel08 {
  background-color: #fff;
  height: 500px;
  background-image: url("../images/bg_09.png");
}

#panel08 .holdpanel08 {
  position: relative;
}

#panel08 .holdpanel08 .leftbox {
  width: 250px;
  height: auto;
  display: inline-block;

}
 
#panel08 .holdpanel08 .leftbox img, .rightbox img {
position: relative;
}

#panel08 .holdpanel08 .leftbox img {
left: 200px;
}

#panel08 .holdpanel08 .rightbox img {
width: 500px;
top: 40px;
left: 200px;
}

#panel08 .holdpanel08 .rightbox {
  width: 250px;
  height: auto;   display: inline-block;
 }

#panel09 {
text-align: center;
background-image: url("../images/09_bg.jpg");
height: 130px;
padding-top: 30px;
}

#panel09 .one  {
  font-size: 25px ;
  color: #6abd45;
}

#panel09 .two {
  font-size: 25px ;
  color: #606061;
}


#footersocialmedia li {
display: inline-block;
}


@media only screen and (min-width : 280px) {
  #panel01 {
     background-image: url("../images/01-bg.jpg");
     text-align: center;
     background-size: 430%;
     background-position: middle;
     background-repeat: no-repeat;
     height: auto;
  }

  #panel01 img#androidoneg1b {
    position: relative;
    height: auto;
    width: 200px;
  }

  #panel01 img#androidoneg1 {
    position: relative;
    height: auto;
    width: 200px;
  }

  #panel01 .description {
    background-color: #fff;
    width: 100%;
    padding: 0px;
    margin: 0px;
  }

  #panel02 {                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          
    background-image: url("../images/bg02_c.png");
    height: 150px;
    padding: 0px;
    margin: 0px;
    text-align: center;
    background-position: bottom;
  }

  #panel02 .description h4 { text-align: center; margin: auto; padding: 0px; width: auto; padding-top: 20px; font-size: 15px; }
  #panel02 .description {
    background-repeat: no-repeat;
    background-size: 100%;
    height: 150px;
    padding-top: 20px;
    text-align: center;
  
  }

   #panel03 {
      background-color: #fff;
      height: 450px;
      background-image: url("../images/bg03_a.png");
      background-repeat: no-repeat;
      background-position: 500px -20px ;
      background-size: 45%
    }

    #panel103 .g1specs { position: relative; }
    #panel03 .g1specs h3 { margin: 10px; }

    #panel03 .g1specs {
      text-align: right;
      width: 280px;
    }

    #panel03 .g1specs  { position: relative; top: 20px; }


    #panel03 .g1specs div > span {
      color: #575757;
    }

    #panel03 .g1specs div > h3 {
      color: #282a29;
    }

      #panel04 {
        height: 500px;
        background-repeat: no-repeat;
        background-color: #f1f1f0;
        background-size: 200%;
        background-color: #fff;
        background-image: url("../images/bg04_a.png");

      }

      #panel04 .description {
        padding-top: 250px;
        height: 500px;
      
        position: relative;
       }


      #panel04 .description p {
          position: relative;
          width: auto;
          font-family: 'Roboto', sans-serif;
          font-weight: bold;
          font-size: 15px;
          padding-top: 60px;
          text-align: center;
       }

      #panel04 .description ul {
          position: relative;
          left: -30px;
          width: auto;
      }

      #panel04 .description ul li {
          display: inline-block;
          padding-left: 40px;
          padding-top: 20px;
      }

      #panel04 .description ul li h3 {
          margin: 0px;
      }

       #panel05 {
      }

    #panel06 {
    background-image: url("../images/06_bg2.png");
    height: 280px;
    padding: 0px;
    margin: 0px;
    background-size: 200%;

    }

    #panel06 .description {
      width: 310px;
      padding-left: 20px;
      padding-top: 50px;
      text-align: center;
    }

    #panel06 .description p {
      font-size: 20px;
      font-weight: bold;
    }

    #panel07 {
      background-image: url("../images/bg_07.jpg");
      height: 180px;
      background-size: 100%;
    }

    #panel08 {
      background-color: #fff;
      height: 600px;
      background-image: url("../images/bg_09b.png");
      background-size: 120%;
    }

    #panel08 .holdpanel08 {
      position: relative;
    }

    #panel08 .holdpanel08 .leftbox {
      width: 90px;
      height: auto;
      display: inline-block;

    }
     
    #panel08 .holdpanel08 .leftbox img, .rightbox img {
    position: relative;
   left: 20px;
   top: 30px;
    }

    #panel08 .holdpanel08 .leftbox img {
     width: 180px;
     left: 50px;
    }

    #panel08 .holdpanel08 .rightbox img {
    width: 400px;
    top: 50px;
    left: -80px;
    }

    #panel08 .holdpanel08 .rightbox {
      width: 250px;
      height: auto;   display: inline-block;
     }





      #panel09 .one  {
        font-size: 20px ;
        color: #6abd45;
      }

      #panel09 .two {
        font-size: 20px ;
        color: #606061;
      }


} 

@media only screen and (min-width : 350px) {
  #panel01 {
     background-image: url("../images/01-bg.jpg");
     text-align: center;
     background-size: 320%;
     background-position: middle;
     background-repeat: no-repeat;
     height: auto;
  }

    #panel03 {
      background-color: #fff;
      height: 450px;
      background-image: url("../images/bg03_a.png");
      background-repeat: no-repeat;
      background-position: 500px -20px ;
      background-size: 45%
    }

    #panel103 .g1specs { position: relative; }
    #panel03 .g1specs h3 { margin: 10px; }

    #panel03 .g1specs {
      text-align: right;
      width: 300px;
    }

    #panel03 .g1specs  { position: relative; top: 20px; }


    #panel03 .g1specs div > span {
      color: #575757;
    }

    #panel03 .g1specs div > h3 {
      color: #282a29;
    }

    #panel06 {
    background-image: url("../images/06_bg2.png");
    height: 280px;
    padding: 0px;
    margin: 0px;
    background-size: 200%;

    }

    #panel06 .description {
      width: 310px;
      padding-left: 50px;
      padding-top: 50px;
      text-align: center;
    }

    #panel06 .description p {
      font-size: 20px;
      font-weight: bold;
    }

    #panel07 {
      background-image: url("../images/bg_07.jpg");
      height: 180px;
      background-size: 100%;
    }

    #panel08 {
      background-color: #fff;
      height: 600px;
      background-image: url("../images/bg_09b.png");
      background-size: 120%;
    }

    #panel08 .holdpanel08 {
      position: relative;
    }

    #panel08 .holdpanel08 .leftbox {
      width: 90px;
      height: auto;
      display: inline-block;

    }
     
    #panel08 .holdpanel08 .leftbox img, .rightbox img {
    position: relative;
   left: 50px;
   top: 30px;
    }

    #panel08 .holdpanel08 .leftbox img {
     width: 180px;
     left: 80px;
    }

    #panel08 .holdpanel08 .rightbox img {
    width: 400px;
    top: 40px;
    left: -80px;
    }

    #panel08 .holdpanel08 .rightbox {
      width: 250px;
      height: auto;   display: inline-block;
     }



}


@media only screen and (min-width : 400px) {
  #panel01 {
     background-image: url("../images/01-bg.jpg");
     text-align: center;
     background-size: 280%;
     background-position: middle;
     background-repeat: no-repeat;
     height: auto;
  }
}

@media only screen and (min-width : 530px) {
      #panel01 {
         background-image: url("../images/01-bg.jpg");
         text-align: center;
         background-size: 200%;
         background-position: middle;
         background-repeat: no-repeat;
         height: auto;
      }

      #panel04 {
        background-image: url("../images/bg04_a.png");
        height: 350px;
        background-repeat: no-repeat;
        background-color: #f1f1f0;
        background-size: 130%;
      }

      #panel04 .description {
        background-image: url("../images/bg02_a.png");
        height: 300px;
        background-position: 100px 0px;
        background-repeat: no-repeat;
        position: relative;
       }


      #panel04 .description p {
          position: relative;
          left: 320px;
          width: 200px;
          font-family: 'Roboto', sans-serif;
          font-weight: bold;
          font-size: 15px;
          padding-top: 60px;
          text-align: center;
       }

      #panel04 .description ul {
          position: relative;
          left: 200px;
          width: 400px;
      }

      #panel04 .description ul li {
          display: inline-block;
          padding-left: 40px;
          padding-top: 20px;
      }

      #panel04 .description ul li h3 {
          margin: 0px;
      }


}

@media only screen and (min-width : 600px) {
  #panel01 {
     background-image: url("../images/01-bg.jpg");
     text-align: center;
     background-size: 200%;
     background-position: middle;
     background-repeat: no-repeat;
     height: auto;
  }

  #panel01 img#androidoneg1b {
    position: relative;
    height: auto;
    width: 200px;
  }

  #panel01 img#androidoneg1 {
    position: relative;
    height: auto;
    width: 300px;
  }

  #panel01 .description {
    background-color: #fff;
    width: 100%;
    padding: 0px;
    margin: 0px;
  }

  #panel02 {                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          
  background-image: url("../images/bg02_b.png") ;
  background-size: 100%;
  height: 150px;
  padding: 0px;
  margin: 0px;
  text-align: center;
  background-position: bottom;
}

#panel02 .description h4 { text-align: center; margin: auto; padding: 0px; width: 600px; padding-top: 20px; }
#panel02 .description {
  background-image: url("../images/bg02_a.png");
  background-repeat: no-repeat;
  background-size: 100%;
  height: 150px;
  line-height: 100%;
  text-align: center;
  padding-top: 40px;
}

    #panel03 {
      background-color: #fff;
      height: 400px;
      background-image: url("../images/bg03_a.png");
      background-repeat: no-repeat;
      background-position: 480px 0px ;
      background-size: 45%
    }

    #panel103 .g1specs { position: relative; left: 300px;}
    #panel03 .g1specs h3 { margin: 10px;}

    #panel03 .g1specs {
      text-align: right;
      width: 400px;
    }

    #panel03 .g1specs  { position: relative; top: 50px; }
    #panel03 .g1specs div { position: relative; }
    #panel03 .g1specs div.specs1 { left: 150px; }
    #panel03 .g1specs div.specs2 { left: 100px; }
    #panel03 .g1specs div.specs3 { left: 50px; }
    #panel03 .g1specs div.specs4 { left: 30px; }

    #panel03 .g1specs div > span {
      color: #575757;
    }

    #panel03 .g1specs div > h3 {
      color: #282a29;
    }

    #panel04 {
      background-image: url("../images/bg04_a.png");
      background-size: 100%;
      height: 300px;
    }

    #panel04 .description {
      position: relative;
      background-image: url("../images/bg02_a.png");
      background-position: 200px 0px;
     }


    #panel04 .description p {
        font-family: 'Roboto', sans-serif;
        font-weight: bold;
        font-size: 15px;
        text-align: center;
        position: relative;
        top: -250px;
        left: 380px;
        width: 400px;
     }

    #panel04 .description ul {
        position: relative;
        left: 400px;
        width: 400px;
        top: -250px;


    }

    #panel04 .description ul li {
        display: inline-block;
        padding-left: 40px;
        padding-top: 20px;
    }

    #panel04 .description ul li h3 {
        margin: 0px;
    }

    #panel05 {
      background-image: url("../images/05_bg.jpg");
      height: 280px;
      width: 100%
      padding: 0px;
      margin: 0px;
      background-size: 92%;
      background-repeat: no-repeat;
      background-color: #fbfbfb;
      background-position: center top;
    }

    #panel06 {
    background-color: #fbfbfb;
    background-image: url("../images/06_bg.png");
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: right;
    height: 340px;
    padding: 0px;
    margin: 0px;
    }

    #panel06 .description {
      width: 330px;
      padding-left: 50px;
      padding-top: 50px;
      text-align: center;
    }

    #panel06 .description p {
      font-size: 20px;
      font-weight: bold;
    }

    #panel07 {
      height: 440px;
    }


    #panel08 {
      background-color: #fff;
      height: 500px;
      background-image: url("../images/bg_09.png");
    }

    #panel08 .holdpanel08 {
      position: relative;
    }

    #panel08 .holdpanel08 .leftbox {
      width: 250px;
      height: auto;
      display: inline-block;
    }
     
    #panel08 .holdpanel08 .leftbox img, .rightbox img {
      position: relative;
    }

    #panel08 .holdpanel08 .leftbox img {
      left: 150px;
      height: 200px;
      width: auto;
    }

    #panel08 .holdpanel08 .rightbox img {
      width: 450px;
      height: auto;
      top: 40px;
      left: 20px;
    }

    #panel08 .holdpanel08 .rightbox {
      width: 250px;
      height: auto;   display: inline-block;
     }

    #panel09 {
    text-align: center;
    background-image: url("../images/09_bg.jpg");
    height: 130px;
    padding-top: 30px;
    }

    #panel09 .one  {
      font-size: 20px ;
      color: #6abd45;
    }

    #panel09 .two {
      font-size: 20px ;
      color: #606061;
    }



}


@media only screen and (min-width : 890px) {
  #panel01 {
     background-image: url("../images/01-bg.jpg");
     text-align: center;
     background-size: 200%;
     background-position: middle;
     background-repeat: no-repeat;
     height: auto;
  }

  #panel01 img#androidoneg1 {
    position: relative;
    height: auto;
    width: 300px;
  }

    #panel01 img#lte64bit {
    position: relative;
    top:-50px;
    left: -10px;
  }


  #panel01 .description {
    background-color: #fff;
    width: 100%;
    padding: 0px;
    margin: 0px;
  }

}



@media only screen and (min-width : 950px) {
  #panel01 {
     background-image: url("../images/01-bg.jpg");
     text-align: center;
     background-size: 180%;
     background-position: middle;
     background-repeat: no-repeat;
     height: auto;
  }

  #panel01 img#androidoneg1 {
    position: relative;
    height: auto;
    width: 300px;
  }

  #panel01 img#androidoneg1b {
    position: relative;
    height: auto;
    width: 500px;
  }

  #panel01 img#lte64bit {
    position: relative;
    top:-150px;
    left: -10px;
  }


  #panel01 .description {
    background-color: #fff;
    width: 100%;
    padding: 0px;
    margin: 0px;
  }


  #panel02 {                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          
    background-image: url("../images/bg02_b.png") ;
    background-size: 100%;
    height: 150px;
    padding: 0px;
    margin: 0px;
    text-align: center;
    background-position: bottom;
  }

  #panel02 .description h4 { text-align: center; margin: auto; padding: 0px; width: 600px; padding-top: 20px; }
  #panel02 .description {
    background-image: url("../images/bg02_a.png");
    background-repeat: no-repeat;
    background-size: 100%;
    height: 150px;
    line-height: 100%;
    text-align: center;
    padding-top: 40px;
  }


    #panel03 {
      background-color: #fff;
      height: 400px;
      background-image: url("../images/bg03_a.png");
      background-repeat: no-repeat;
      background-position: 500px -20px ;
      background-size: 45%
    }


    #panel103 .g1specs { position: relative; left: 300px;}
    #panel03 .g1specs h3 { margin: 10px;}

    #panel03 .g1specs {
      text-align: right;
      width: 400px;
    }

    #panel03 .g1specs  { position: relative; top: 50px; }
    #panel03 .g1specs div { position: relative; }
    #panel03 .g1specs div.specs1 { left: 200px; }
    #panel03 .g1specs div.specs2 { left: 150px; }
    #panel03 .g1specs div.specs3 { left: 100px; }
    #panel03 .g1specs div.specs4 { left: 30px; }

    #panel03 .g1specs div > span {
      color: #575757;
    }

    #panel03 .g1specs div > h3 {
      color: #282a29;
    }

    #panel05 {
      background-image: url("../images/05_bg.jpg");
      height: 350px;
      width: 100%
      padding: 0px;
      margin: 0px;
      background-size: 92%;
      background-repeat: no-repeat;
      background-color: #fbfbfb;
      background-position: center top;
    }


}







@media only screen and (min-width : 1279px) {
  #panel01 {
     background-image: url("../images/01-bg.jpg");
     text-align: center;
     background-size: 180%;
     background-position: middle;
     background-repeat: no-repeat;
     height: auto;
  }

  #panel01 img#androidoneg1 {
    position: relative;
    height: auto;
    width: 350px;
  }

  #panel01 img#lte64bit {
    position: relative;
    top:-150px;
    left: -10px;
  }

  #panel01 .description {
    background-color: #fff;
    width: 100%;
    padding: 0px;
    margin: 0px;
  }

  #panel02 {                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          
    background-image: url("../images/bg02_b.png") ;
    background-size: 100%;
    height: 245px;
    padding: 0px;
    margin: 0px;
    text-align: center;
    background-position: bottom;
  }

  #panel02 .description h4 { text-align: center; margin: auto; padding: 0px; width: 600px; padding-top: 20px;  font-size: 30px; }
  #panel02 .description {
    background-image: url("../images/bg02_a.png");
    background-repeat: no-repeat;
    background-size: 100%;
    height: 255px;
    line-height: 100%;
    font-size: 30px;
    text-align: center;
    padding-top: 40px;
  }


  #panel05 {
  background-image: url("../images/05_bg.jpg");
  height: 400px;
  width: 100%
  padding: 0px;
  margin: 0px;
  background-size: 95%;
  background-repeat: no-repeat;
  background-color: #fbfbfb;
  background-position: center top;
  }

  #panel06 {
  background-color: #fbfbfb;
  background-image: url("../images/06_bg.png");
  background-repeat: no-repeat;
  background-position: 570px 0px;
  height: 350px;
  padding: 0px;
  margin: 0px;
  background-size: 50%;

  }

  #panel06 .description {
    width: 620px;
    padding-left: 50px;
    padding-top: 100px;
    text-align: center;
  }

  #panel06 .description p {
    font-size: 20px;
    font-weight: bold;
  }



  #panel07 {
  background-image: url("../images/bg_07.jpg");
  height: 620px;
  background-size: 100%;

}





}