/* iPhone 5, 5S, 5C and 5SE Portrait ONLY */
  @media only screen
    and (min-width: 320px)
    and (max-width: 568px)
    and (-webkit-min-device-pixel-ratio: 2)
    and (orientation: portrait) {

      .rotate {
        display: block
      }

      .hiderotate {
        display: hidden;
        display: none !important;
      }

      .mydate {
        margin: auto
      }

      .articlebutton {

        width: 74px;
        height: 60px;

      }


      .gang-field  {

       padding-bottom: 7px;
      }



      .soundbutton {
        display: none;
      }


  }

  /* ----------- iPhone 5, 5S, 5C and 5SE ----------- */
  @media (min-width: 320px)
    and (max-width: 568px)
    and (-webkit-min-device-pixel-ratio: 2) {

      


      .col-sm-3, .col-sm-4 {

        margin-left: 10px;
        margin-right: 10px;
      }





      .vonbis {
        width: 100%;
        margin-top: 50px;
        margin-left: auto;
        margin-right: auto;
      }


      .dashboardbtn {
        max-width: 300px
      }

      .dashboardadmin {
        max-width: 300px
      }


      .tabletab>li>a, .tabletab>li.active>a {
        padding: 2px 2px;
      }

      .ptab {
        font-size: 4.5vw;
        font-weight: 900;
      }

      

      .icontxt   {
          font-size: 9px;
      }


      .tablep {
        font-size: 13px;

      }

      .tableview {
        height: 35%;
        overflow: scroll;
        margin-bottom: 5px;
      }

      .ipadright {
        height: calc(65% - 45px);
      }

      .bottomnav {
        width: 100%
      }

      .resdetails {
        font-size: 10px;

      }

      .justarticles{
        max-height: calc(100% - 120px);
        overflow: scroll;
        padding-bottom: 30px;

      }

      .mycol, .mycol2 {
        width: 100%;
      }

      .myslider {
        padding-left: 5px;
        padding-right: 5px;
      }


      .col-xs-4 {
      	width: 50%
      }

      .user_field {
        margin-left: -10px !important;
        margin-right: -10px !important;

      }


      p {
          font-size: 10px;

      }

      h4 {
          font-size: 12px;

      }

      h3 {
          font-size: 12px;

      }


      .search_f {

        width: 100%;

      }



  }

  /* iPhone 6, 6S, 7 and 8 Portrait ONLY */
  @media only screen
    and (min-width: 370px)
    and (max-width: 667px)
    and (-webkit-min-device-pixel-ratio: 2)
    and (orientation: portrait) {

      .rotate {
        display: block
      }

      .hiderotate {
        display: hidden;
        display: none !important;
      }

      .mydate {
        margin: auto
      }

      .articlebutton {

        width: 87px;
        height: 60px;

      }

      .soundbutton {
        display: none;
      }








  }

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */
  @media (min-width: 400px) /* it was 375px before */
    and (max-width: 667px)
    and (-webkit-min-device-pixel-ratio: 2) {

      

      .soundbutton {
        display: none;
      }

      .ptab {
        font-size: 2.7vw;
        font-weight: 900;
      }


     

      .icontxt   {
          font-size: 9px;
      }

      .col-sm-3, .col-sm-4 {

        margin-left: 10px;
        margin-right: 10px;
      }

      .tablep {
        font-size: 14px;

      }

      .resdetails {
        font-size: 10px;
      }



      .dashboardbtn {
        max-width: 300px
      }

      .dashboardadmin {
        max-width: 300px
      }





      .vonbis {
        width: 100%;
        margin-top: 50px;
        margin-left: auto;
        margin-right: auto;
      }

      .tabletab>li>a, .tabletab>li.active>a {
        padding: 4px 4px;
      }

      .tableview {
        margin-bottom: 5px;
        height: 35%;
        overflow: scroll;
      }

      .ipadright {
        height: calc(65% - 45px);
      }

      .bottomnav {
        width: 100%
      }

      .justarticles{
        max-height: calc(100% - 120px);
        overflow: scroll;
        padding-bottom: 30px;

      }

      .mycol, .mycol2 {
        width: 100%;
      }

      .myslider {
        padding-left: 5px;
        padding-right: 5px;
      }



      .col-xs-4 {
      	width: 33.3%
      }


      p {
          font-size: 12px;

      }

      h4 {
          font-size: 16px;

      }

      h3 {
          font-size: 18px;

      }


      .search_f {

        width: 100%;

      }

  }

  /* iPhone 6+, 7+ and 8+ Portrait ONLY */
  @media only screen
    and (min-width: 414px)
    and (max-width: 800px)
    and (-webkit-min-device-pixel-ratio: 2)
    and (orientation: portrait) {

      .rotate {
        display: block
      }

      .hiderotate {
        display: hidden;
        display: none !important;
      }

      .mydate {
        margin: auto
      }


      .articlebutton {

        width: 76px;
        height: 60px;

      }




      .soundbutton {
        display: none;
      }



  }

/* ----------- iPhone 6+, 7+ and 8+ ----------- */
  @media (min-width: 414px)
    and (max-width: 800px)
    and (-webkit-min-device-pixel-ratio: 2) {

      


      .col-sm-3, .col-sm-4 {

        margin-left: 10px;
        margin-right: 10px;
      }

      .ptab {
        font-size: 2.7vw;
        font-weight: 900;
      }


      

      .icontxt   {
          font-size: 9px;
      }

      .tablep {
        font-size: 16px;

      }

      .col-xs-4 {
      	width: 33.3%
      }

      .mycol, .mycol2 {
        width: 100%;
      }

      .myslider {
        padding-left: 5px;
        padding-right: 5px;
      }



      .resdetails {
        font-size: 11px;

      }


      .dashboardbtn {
        max-width: 300px
      }

      .dashboardadmin {
        max-width: 300px
      }


      .tabletab>li>a, .tabletab>li.active>a {
        padding: 7px 6px;
      }

      .tableview {
        margin-bottom: 5px;
        height: 35%;
        overflow: scroll;
      }

      .ipadright {
        height: calc(65% - 45px);
      }

      .bottomnav {
        width: 100%
      }


      .justarticles{
        max-height: calc(100% - 120px);
        overflow: scroll;
        padding-bottom: 30px;
      }





      .vonbis {
        width: 100%;
        margin-top: 50px;
        margin-left: auto;
        margin-right: auto;
      }


      p {
          font-size: 13px;

      }

      h4 {
          font-size: 14px;

      }

      h3 {
          font-size: 16px;

      }

        


        .search_f {

          width: 100%;

        }

  }




/* ----------- iPad 3, 4 and Pro 9.7" ----------- */






/* ----------- iPad 3, 4 and Pro 9.7" ----------- */
@media (min-width: 768px)
      and (max-width: 1024px)
      and (-webkit-min-device-pixel-ratio: 2)
                        {

    

    .ptab {
      font-size: 2.5vw;
      font-weight: 900;
    }

    

    .icontxt   {
        font-size: 9px;
    }

    .tablep {
      font-size: 16px;

    }

    .tableview {
      margin-bottom: 5px;
      position: fixed;
      overflow: scroll;
      float: left;
      width: 50%;
      height: 100%;
    }

    .bottomnav {
      width: 50%
    }

    .resdetails {
      font-size: 12px;

    }

    .justarticles{
      overflow: scroll;
      max-height: calc(100% - 60px);
    }



    .vonbis {
      width: 70%;
      margin: auto;
      margin-left: 60px;
    }




    p {
        font-size: 14px;

    }

    h4 {
        font-size: 17px;

    }

    h3 {
        font-size: 19px;

    }

    .ipadright {
      float: right;
      width: 49.5%;
      margin-top: 5px;
      height: calc(100% - 45px);
    }

    .mycol {
      width: 40%;
    }

    .mycol2 {
      width: 70%
    }


    .tableviewtable {
      width: 99%
    }

    .myslider {
      padding-left: 70px;
      padding-right: 70px;
    }



}




/* ----------- "Samsung Galaxy Tab " ----------- */
@media (min-width: 800px)
      and (max-width: 1280px)
      and (-webkit-min-device-pixel-ratio: 2)
                        {

    

    .ptab {
      font-size: 2.5vw;
      font-weight: 900;
    }

   

    .icontxt   {
        font-size: 9px;
    }

    .tableview {
      margin-bottom: 5px;
      position: fixed;
      overflow: scroll;
      float: left;
      width: 50%;
      height: 100%;
    }

    .bottomnav {
      width: 50%
    }

    .resdetails {
      font-size: 12px;

    }

    .justarticles{
      max-height: calc(100% - 60px);
      overflow: scroll;
    }

    .col-xs-4 {
      width: 25%
    }


    p {
        font-size: 14px;

    }

    h4 {
        font-size: 17px;

    }

    h3 {
        font-size: 19px;

    }

    .ipadright {
      float: right;
      width: 49.5%;
      margin-top: 5px;
      height: calc(100% - 45px);
    }




    .tableviewtable {
      width: 99%
    }


}

@media (min-width: 1280px)  {

  

  .col-sm-3 {
  width: 16.66%;
    }




  .bigscreen {
    display: inline;
  }

  .ptab {
    font-size: 22px;
    font-weight: 900;
  }

  

  .ipadright {
    float: right;
    width: 49.5%;
    margin-top: 5px;
    height: calc(100% - 45px);
  }



  .tableview {
    float: left;
    width: 50%;
    overflow: scroll;
    height: 100%;
    position: fixed;
  }

  .bottomnav {
    width: 50%
  }


  .tableviewtable {
    width: 99%
  }

  .justarticles{
    max-height: calc(100% - 60px);
    overflow: scroll;

  }

}