.suttoolh {
      margin-top: -50%;
    }

    .iconcolor {
      color: black;
      font-weight: 500 !important;
    }

    .toolbarimg {
      width: 70%;
      margin-bottom: 15%;
    }

    .swiper-slide span {
      text-align: center;
      display: block;
    }

    .sulist {
      float: left;
      margin-right: 20px;
      padding-block-start: 2%;

    }

    .color-custom {
      color: black;

    }


    /* ===========sliderone=================*/
    .default-img {
      background-image: url(images/wall/b0.png) !important;
      background: no-repeat center center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      width: 100%;
    }

    .my-image {
      background-image: url(images/wall/b1.png) !important;
      background: no-repeat center center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      width: 100%;
    }

    .my-image1 {
      background-image: url(images/wall/b2.png) !important;
      background: no-repeat center center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      width: 100%;
    }

    .my-image2 {
      background-image: url(images/wall/b3.png) !important;
      background: no-repeat center center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      width: 100%;
    }

    .my-image3 {
      background-image: url(images/wall/b4.png) !important;
      background: no-repeat center center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      width: 100%;
    }

    .my-image4 {
      background-image: url(images/wall/b5.png) !important;
      background: no-repeat center center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      width: 100%;
    }

    .my-image5 {
      background-image: url(images/wall/b6.png) !important;
      background: no-repeat center center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      width: 100%;
    }

    .my-image6 {
      background-image: url(images/wall/b7.png) !important;
      background: no-repeat center center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      width: 100%;
    }

    .my-image7 {
      background-image: url(images/wall/b8.png) !important;
      background: no-repeat center center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      width: 100%;
    }

    /* ======================================== */
    /* ===========Animated=================*/
    /* ======================================= */

    .my-image8 {
      background-image: url(images/wall/ani/b0.gif) !important;
      background: no-repeat center center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      width: 100%;
    }

    .my-image9 {
      background-image: url(images/wall/ani/b1.gif) !important;
      background: no-repeat center center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      width: 100%;
    }

    .my-image10 {
      background-image: url(images/wall/ani/b2.gif) !important;
      background: no-repeat center center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      width: 100%;
    }

    .my-image11 {
      background-image: url(images/wall/ani/b3.gif) !important;
      background: no-repeat center center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      width: 100%;
    }

    .my-image12 {
      background-image: url(images/wall/ani/b4.gif) !important;
      background: no-repeat center center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      width: 100%;
    }

    .my-image13 {
      background-image: url(images/wall/ani/b5.gif) !important;
      background: no-repeat center center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      width: 100%;
    }

    /* ===================================== */
    /* ===========bagwall=================*/
    /* ======================================= */
    .default-page-background-img {
      background-image: url(images/wall/b0.png) !important;
      background: no-repeat center center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }

    .page-background-img {
      background-image: url(images/wall/b1.png) !important;
      background: no-repeat center center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;

    }

    .page-background-img1 {
      background-image: url(images/wall/b2.png) !important;
      background: no-repeat center center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }

    .page-background-img2 {
      background-image: url(images/wall/b3.png) !important;
      background: no-repeat center center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }

    .page-background-img3 {
      background-image: url(images/wall/b4.png) !important;
      background: no-repeat center center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }

    .page-background-img4 {
      background-image: url(images/wall/b5.png) !important;
      background: no-repeat center center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }

    .page-background-img5 {
      background-image: url(images/wall/b6.png) !important;
      background: no-repeat center center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }

    .page-background-img6 {
      background-image: url(images/wall/b7.png) !important;
      background: no-repeat center center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }

    .page-background-img7 {
      background-image: url(images/wall/b8.png) !important;
      background: no-repeat center center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }

    /* ======================================= */
    /* Animate Bagwall img */
    /* ======================================= */
    .page-background-img8 {
      background-image: url(images/wall/ani/b0.gif) !important;
      background: no-repeat center center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }

    .page-background-img9 {
      background-image: url(images/wall/ani/b1.gif) !important;
      background: no-repeat center center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }

    .page-background-img10 {
      background-image: url(images/wall/ani/b2.gif) !important;
      background: no-repeat center center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }

    .page-background-img11 {
      background-image: url(images/wall/ani/b3.gif) !important;
      background: no-repeat center center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }

    .page-background-img12 {
      background-image: url(images/wall/ani/b4.gif) !important;
      background: no-repeat center center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }

    .page-background-img13 {
      background-image: url(images/wall/ani/b5.gif) !important;
      background: no-repeat center center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }

    /* ======================================= */

   /* ======================================= */

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

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .iconimg {
    width: 54px;
    height: 54px;
    border-radius: 15%;
  }

  .iconnames {
    text-align: center;
    display: block;
    margin: 0;
    font-size: 8px;
    border-radius: 15%;
    margin-bottom: 2%;

  }

  .icondispay {
    margin-left: 7%;
    margin-top: 4%;
    height: -webkit-fill-available;
  }

  .sulistUl {
    margin-top: 3%;
    margin-bottom: 2%;
  }

  #subtn1 {
    width: 45px;
    height: 45px;
    padding-left: 2px;
    padding-top: 9px !important;
    padding-right: 1px;
    margin-left: 3px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn2 {
    width: 45px;
    height: 45px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 3px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn3 {
    width: 45px;
    height: 45px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 3px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn4 {
    width: 45px;
    height: 45px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 3px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn5 {
    width: 45px;
    height: 45px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 3px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn6 {
    width: 45px;
    height: 45px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 3px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn7 {
    width: 45px;
    height: 45px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 3px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn8 {
    width: 45px;
    height: 45px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 3px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn9 {
    width: 45px;
    height: 45px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 3px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn10 {
    width: 45px;
    height: 45px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 3px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn11 {
    width: 45px;
    height: 45px;
    padding-left: 2px;
    padding-top: 8px !important;
    padding-right: 1px;
    margin-left: 3px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn12 {
    width: 45px;
    height: 45px;
    padding-left: 2px;
    padding-top: 8px !important;
    padding-right: 1px;
    margin-left: 3px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn13 {
    width: 90px;
    height: 50px;
    padding-left: 2px;
    padding-top: 8px !important;
    padding-right: 1px;
    margin-left: 5px !important;
    border-radius: 10px !important;
    background-color: white;
  }

  #subtn14 {
    width: 90px;
    height: 50px;
    padding-left: 2px;
    padding-top: 8px !important;
    padding-right: 1px;
    margin-left: 20px !important;
    border-radius: 10px !important;
    background-color: white;
  }

  #subtn15 {
    width: 90px;
    height: 50px;
    padding-left: 2px;
    padding-top: 8px !important;
    padding-right: 1px;
    margin-left: 20px !important;
    border-radius: 10px !important;
    background-color: white;
  }

  .toolbar-cus {
    margin-top: -55%;
    margin-left: 35%;
  }

  #okBtn {
    top: 61%;
    right: 70px;
  }


}

/* ----------- iPhone XR, iPhone 11 Portrait ----------- */
@media only screen and (min-device-width: 414px) and (max-device-width: 896px) and (device-height: 896px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  



.imgbtn
{
  top: 527px !important;
}



.toggle-top
{
  top: 336px !important;
  left: 264px !important;
}

.toggle-bottom
{
  top: 389px !important;
  left: 208px !important;
}


.alertpopup
{
  height: 21% !important;
  margin-left: 65px !important;
}

 

.imgbtn
{
 /* left: 63px !important;*/
  top: 583px !important;
}














  .iconimg {
    width: 65px;
    height: 65px;
    border-radius: 15%;
  }

  .iconnames {
    text-align: center;
    display: block;
    margin: 0;
    font-size: 10px;
    border-radius: 17%;
    margin-top: 4px;
  }

  .icondispay {
    margin-left: 8%;
    /* margin-top: -75%; */
    margin-top: 9%;
    height: -webkit-fill-available;
  }

  .sulistUl {
    margin-top: 5px;
  }

  #subtn1 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 9px !important;
    padding-right: 1px;
    margin-left: 10px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn2 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 14px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn3 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 14px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn4 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 14px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn5 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 14px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn6 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 14px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn7 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 10px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn8 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 14px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn9 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 14px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn10 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 14px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn11 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 14px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn12 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 8px !important;
    padding-right: 1px;
    margin-left: 14px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn13 {
    width: 90px;
    height: 50px;
    padding-left: 2px;
    padding-top: 8px !important;
    padding-right: 1px;
    margin-left: 19px !important;
    border-radius: 10px !important;
    background-color: white;
  }

  #subtn14 {
    width: 90px;
    height: 50px;
    padding-left: 2px;
    padding-top: 8px !important;
    padding-right: 1px;
    margin-left: 20px !important;
    border-radius: 10px !important;
    background-color: white;
  }

  #subtn15 {
    width: 90px;
    height: 50px;
    padding-left: 2px;
    padding-top: 8px !important;
    padding-right: 1px;
    margin-left: 20px !important;
    border-radius: 10px !important;
    background-color: white;
  }

  .toolbar-cus {
    margin-top: -60%;
    margin-left: 37%;
  }

  #okBtn {
    top: 51%;
    right: 70px;
  }
}

/* ----------- iPhone 12 Mini Portrait ----------- */
@media only screen and (min-device-width: 360px) and (max-device-width: 780px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {}

@media only screen and (min-device-width: 360px) and (max-device-height: 780px) and (-webkit-device-pixel-ratio: 2) and (orientation : portrait) {
  .iconimg {
    width: 54px;
    height: 54px;
    border-radius: 15%;
  }

  .iconnames {
    text-align: center;
    display: block;
    margin: 0;
    font-size: 8px;
    border-radius: 15%;
    margin-bottom: 2%;

  }

  .icondispay {
    margin-left: 7%;
    margin-top: 4%;
    height: -webkit-fill-available;
  }

  .sulistUl {
    margin-top: 3%;
    margin-bottom: 2%;
  }

  #subtn1 {
    width: 45px;
    height: 45px;
    padding-left: 2px;
    padding-top: 9px !important;
    padding-right: 1px;
    margin-left: 3px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn2 {
    width: 45px;
    height: 45px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 3px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn3 {
    width: 45px;
    height: 45px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 3px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn4 {
    width: 45px;
    height: 45px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 3px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn5 {
    width: 45px;
    height: 45px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 3px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn6 {
    width: 45px;
    height: 45px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 3px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn7 {
    width: 45px;
    height: 45px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 3px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn8 {
    width: 45px;
    height: 45px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 3px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn9 {
    width: 45px;
    height: 45px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 3px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn10 {
    width: 45px;
    height: 45px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 3px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn11 {
    width: 45px;
    height: 45px;
    padding-left: 2px;
    padding-top: 8px !important;
    padding-right: 1px;
    margin-left: 3px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn12 {
    width: 45px;
    height: 45px;
    padding-left: 2px;
    padding-top: 8px !important;
    padding-right: 1px;
    margin-left: 3px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn13 {
    width: 90px;
    height: 50px;
    padding-left: 2px;
    padding-top: 8px !important;
    padding-right: 1px;
    margin-left: 5px !important;
    border-radius: 10px !important;
    background-color: white;
  }

  #subtn14 {
    width: 90px;
    height: 50px;
    padding-left: 2px;
    padding-top: 8px !important;
    padding-right: 1px;
    margin-left: 20px !important;
    border-radius: 10px !important;
    background-color: white;
  }

  #subtn15 {
    width: 90px;
    height: 50px;
    padding-left: 2px;
    padding-top: 8px !important;
    padding-right: 1px;
    margin-left: 20px !important;
    border-radius: 10px !important;
    background-color: white;
  }

  .toolbar-cus {
    margin-top: -55%;
    margin-left: 35%;
  }

  #okBtn {
    top: 51%;
    right: 70px;
  }


}

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

    .imgbtn1
    {
      top: 39% !important;
    }


  .iconimg {
    width: 66px;
    height: 66px;
    border-radius: 15%;
  }

  .iconnames {
    text-align: center;
    display: block;
    margin: 0;
    font-size: 10px;
    border-radius: 17%;
    margin-top: 4px;
  }

  .icondispay {
    margin-left: 7%;
    /* margin-top: -45%; */
    margin-top: 7%;
    height: -webkit-fill-available;
  }

  .sulistUl {
    margin-top: 5px;
  }

  #subtn1 {
    width: 45px;
    height: 45px;
    padding-left: 2px;
    padding-top: 9px !important;
    padding-right: 1px;
    margin-left: 10px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn2 {
    width: 45px;
    height: 45px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 10px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn3 {
    width: 45px;
    height: 45px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 10px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn4 {
    width: 45px;
    height: 45px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 10px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn5 {
    width: 45px;
    height: 45px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 10px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn6 {
    width: 45px;
    height: 45px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 10px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn7 {
    width: 45px;
    height: 45px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 10px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn8 {
    width: 45px;
    height: 45px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 10px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn9 {
    width: 45px;
    height: 45px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 10px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn10 {
    width: 45px;
    height: 45px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 10px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn11 {
    width: 45px;
    height: 45px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 10px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn12 {
    width: 45px;
    height: 45px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 10px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn13 {
    width: 90px;
    height: 50px;
    padding-left: 2px;
    padding-top: 8px !important;
    padding-right: 1px;
    margin-left: 20px !important;
    border-radius: 10px !important;
    background-color: white;
  }

  #subtn14 {
    width: 90px;
    height: 50px;
    padding-left: 2px;
    padding-top: 8px !important;
    padding-right: 1px;
    margin-left: 20px !important;
    border-radius: 10px !important;
    background-color: white;
  }

  #subtn15 {
    width: 90px;
    height: 50px;
    padding-left: 2px;
    padding-top: 8px !important;
    padding-right: 1px;
    margin-left: 20px !important;
    border-radius: 10px !important;
    background-color: white;
  }

  .toolbar-cus {
    margin-top: -50%;
    margin-left: 37%;
  }

  #okBtn {
    top: 67%;
    right: 70px;
  }
}

/* ----------- iPhone X, iPhone XS, iPhone 11 Pro, iPhone 12 mini, iPhone 13 mini Portrait ----------- */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {



 


.imgbtn
{
  /*left: 55px !important;*/
/*  top: 527px !important;*/
}

.imgbtn1
{
 /*  left: 55px !important;*/
  /* top: 527px !important;*/
}

.jail
{
  top: 445px !important;
 /*
 */
}

/*#text1
{
  top: 446px !important;
  left: 104px !important;
}


#text2
{
  top: 446px !important;
  left: 116px !important;
}
*/



  .iconimg {
    width: 65px;
    height: 65px;
    border-radius: 15%;
  }

  .iconnames {
    text-align: center;
    display: block;
    margin: 0;
    font-size: 10px;
    border-radius: 17%;
    margin-top: 4px;
  }

  .icondispay {
    margin-left: 5%;
    /* margin-top: -75%; */
    margin-top: 20%;
    height: -webkit-fill-available;
  }

  .sulistUl {
    margin-top: 5px;
  }

  #subtn1 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 9px !important;
    padding-right: 1px;
    margin-left: 10px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn2 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 14px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn3 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 14px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn4 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 14px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn5 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 14px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn6 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 14px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn7 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 10px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn8 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 14px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn9 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 14px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn10 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 14px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn11 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 14px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn12 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 8px !important;
    padding-right: 1px;
    margin-left: 14px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn13 {
    width: 90px;
    height: 50px;
    padding-left: 2px;
    padding-top: 8px !important;
    padding-right: 1px;
    margin-left: 19px !important;
    border-radius: 10px !important;
    background-color: white;
  }

  #subtn14 {
    width: 90px;
    height: 50px;
    padding-left: 2px;
    padding-top: 8px !important;
    padding-right: 1px;
    margin-left: 20px !important;
    border-radius: 10px !important;
    background-color: white;
  }

  #subtn15 {
    width: 90px;
    height: 50px;
    padding-left: 2px;
    padding-top: 8px !important;
    padding-right: 1px;
    margin-left: 20px !important;
    border-radius: 10px !important;
    background-color: white;
  }

  .toolbar-cus {
    margin-top: -60%;
    margin-left: 37%;
  }

  #okBtn {
    top: 51%;
    right: 70px;
  }
}

/* ----------- iPhone 12 Pro, iPhone 12, iPhone 13, iPhone 13 pro Portrait----------- */
@media only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
 





.imgbtn
{
  top: 546px !important;
}

.jail
{
  top: 462px !important;
}


.imgbtn1
{
/* top: 546px !important;*/
}

/*#text1
{
  top: 463px !important;
  left: 123px !important;
}

#text2
{
  top: 463px !important;
    left: 123px !important;
}*/

.toggle-top
{
  top: 366px !important;
  left: 247px !important;
}

.toggle-bottom
{
  top: 315px !important;
  left: 190px !important;
}










/* my custom css*/

  #btnJb
  {
   top: 2rem;
  }

  #okBtn
  {
    top: 28rem !important;
    left: 5rem !important;
  }

  #defaultIconTheam1  {
    margin-top: 7rem;
    margin-left: 2rem;
   }


   #defaultIconTheam2
   {
      margin-top: 7rem;
    margin-left: 2rem;
   }


/* my custom css end*/


  .iconimg {
    width: 63px;
    height: 63px;
    border-radius: 15%;
  }

  .iconnames {
    text-align: center;
    display: block;
    margin: 0;
    font-size: 10px;
    border-radius: 17%;
    margin-top: 4px;
  }

  .icondispay {
    margin-left: 8%;
    /* margin-top: -45%; */
    margin-top: 7%;
    height: -webkit-fill-available;
  }

  .sulistUl {
    margin-top: 5px;
  }

  #subtn1 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 9px !important;
    padding-right: 1px;
    margin-left: 14px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn2 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 14px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn3 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 14px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn4 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 14px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn5 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 14px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn6 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 13px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn7 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 14px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn8 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 14px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn9 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 14px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn10 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 14px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn11 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 14px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn12 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 8px !important;
    padding-right: 1px;
    margin-left: 13px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn13 {
    width: 90px;
    height: 50px;
    padding-left: 2px;
    padding-top: 8px !important;
    padding-right: 1px;
    margin-left: 37px !important;
    border-radius: 10px !important;
    background-color: white;
  }

  #subtn14 {
    width: 90px;
    height: 50px;
    padding-left: 2px;
    padding-top: 8px !important;
    padding-right: 1px;
    margin-left: 20px !important;
    border-radius: 10px !important;
    background-color: white;
  }

  #subtn15 {
    width: 90px;
    height: 50px;
    padding-left: 2px;
    padding-top: 8px !important;
    padding-right: 1px;
    margin-left: 20px !important;
    border-radius: 10px !important;
    background-color: white;
  }

  .toolbar-cus {
    margin-top: -47%;
    margin-left: 38%;
  }

  #okBtn {
    top: 51%;
    right: 70px;
  }
}






/* ----------- iPhone XS Max, iPhone 11 Pro Max Portrait ----------- */
@media only screen and (min-device-width: 414px) and (max-device-width: 896px) and (max-device-height: 896px)and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
 


.imgbtn
{
  top: 581px !important;
 /* left: 64px !important;*/
}



.imgbtn1
{
 /* top: 581px !important;*/
  /*left: 64px !important;*/
}

/*#text1
{
  top: 493px !important;
  left: 144px !important;
}

#text2
{
   top: 493px !important;
  left: 144px !important;
}*/

.toggle-top
{
  top: 389px !important;
  left: 267px !important;
}

.toggle-bottom
{
  top: 334px !important;
  left: 210px !important;
}







  #defaultIconTheam1  {
    margin-top: 7rem !important;
    margin-left: 2rem !important;
   }


   #defaultIconTheam2
   {
      margin-top: 7rem;
    margin-left: 2rem;
   }


/* my custom css end*/


  .iconimg {
    width: 65px;
    height: 65px;
    border-radius: 15%;
  }

  .iconnames {
    text-align: center;
    display: block;
    margin: 0;
    font-size: 10px;
    border-radius: 17%;
    margin-top: 4px;
  }

  .icondispay {
    margin-left: 8%;
    /* margin-top: -75%; */
    margin-top: 10%;
    height: -webkit-fill-available;
  }

  .sulistUl {
    margin-top: 5px;
  }

  #subtn1 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 9px !important;
    padding-right: 1px;
    margin-left: 10px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn2 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 14px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn3 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 14px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn4 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 14px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn5 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 14px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn6 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 14px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn7 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 10px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn8 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 14px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn9 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 14px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn10 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 14px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn11 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 14px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn12 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 8px !important;
    padding-right: 1px;
    margin-left: 14px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn13 {
    width: 90px;
    height: 50px;
    padding-left: 2px;
    padding-top: 8px !important;
    padding-right: 1px;
    margin-left: 19px !important;
    border-radius: 10px !important;
    background-color: white;
  }

  #subtn14 {
    width: 90px;
    height: 50px;
    padding-left: 2px;
    padding-top: 8px !important;
    padding-right: 1px;
    margin-left: 20px !important;
    border-radius: 10px !important;
    background-color: white;
  }

  #subtn15 {
    width: 90px;
    height: 50px;
    padding-left: 2px;
    padding-top: 8px !important;
    padding-right: 1px;
    margin-left: 20px !important;
    border-radius: 10px !important;
    background-color: white;
  }

  .toolbar-cus {
    margin-top: -60%;
    margin-left: 37%;
  }

  #okBtn {
    top: 61%;
    right: 70px;
  }
}

/* ----------- iPhone 6+, 7+ and 8+ Portrait----------- */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (max-device-height: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
  
.imgbtn1
{
  top: 39% !important;
}



.jail
{
  top: 494px !important;
  /*margin-left: 22px !important;*/
}

.alertpopup
{
  height: 25% !important;
  margin-left: 63px !important;
}




  .iconimg {
    width: 73px;
    height: 73px;
    border-radius: 15%;
  }

  .iconnames {
    text-align: center;
    display: block;
    margin: 0;
    font-size: 10px;
    border-radius: 17%;
    margin-top: 4px;
  }

  .icondispay {
    margin-left: 8%;
    /* margin-top: -45%; */
    margin-top: 7%;
    height: -webkit-fill-available;
  }

  .sulistUl {
    margin-top: 5px;
  }

  #subtn1 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 9px !important;
    padding-right: 1px;
    margin-left: 14px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn2 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 14px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn3 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 14px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn4 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 14px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn5 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 14px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn6 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 13px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn7 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 14px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn8 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 14px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn9 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 14px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn10 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 14px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn11 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 14px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn12 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 8px !important;
    padding-right: 1px;
    margin-left: 13px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn13 {
    width: 90px;
    height: 50px;
    padding-left: 2px;
    padding-top: 8px !important;
    padding-right: 1px;
    margin-left: 37px !important;
    border-radius: 10px !important;
    background-color: white;
  }

  #subtn14 {
    width: 90px;
    height: 50px;
    padding-left: 2px;
    padding-top: 8px !important;
    padding-right: 1px;
    margin-left: 20px !important;
    border-radius: 10px !important;
    background-color: white;
  }

  #subtn15 {
    width: 90px;
    height: 50px;
    padding-left: 2px;
    padding-top: 8px !important;
    padding-right: 1px;
    margin-left: 20px !important;
    border-radius: 10px !important;
    background-color: white;
  }

  .toolbar-cus {
    margin-top: -47%;
    margin-left: 38%;
  }

  #okBtn {
    top: 61%;
    right: 70px;
  }
}



@media only screen and (min-device-width: 414px) and (max-device-width: 896px) and (device-height: 896px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait)
{




.jail
{
  top: 493px !important;
 /* left: 166px !important;*/
}

















/* my custom css*/

  #btnJb
  {
   top: 6rem;
  }

  #okBtn
  {
    top: 31rem !important;
    left: 5rem !important;
  }

  #defaultIconTheam1  {
    margin-top: 7rem;
    margin-left: 3rem;
   }


   #defaultIconTheam2
   {
      margin-top: 7rem;
    margin-left: 2rem;
   }


/* my custom css end*/

}









/* ----------- iPhone 12 Pro Max, iPhone 13 Pro Max Portrait----------- */

@media only screen and (min-device-width: 428px) and (max-device-width: 926px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
 




.imgbtn
{
  top: 603px !important;
/*  left: 65px !important;*/
}

.jail{

  top: 513px !important;
  /*left: 175px !important;*/
}



.imgbtn1
{
  /*top: 603px !important;*/
/*  left: 65px !important;*/
}

/*#text1{

  top: 515px !important;
  left: 143px !important;
}


#text2{

  top: 515px !important;
  left: 143px !important;
}
*/

.toggle-top
{
  top: 405px !important;
  left: 278px !important;
}

.toggle-bottom
{

  top: 347px !important;
  left: 220px !important;
}

.alertpopup
{
  width: 335px !important;
  margin-left: 46px !important;
  height: 195px !important;
  margin-top: 361px !important;
}

.textmsg
{
  padding: 25px !important;
}








/* my custom css*/

  #btnJb
  {
   top: 6rem;
  }

  #okBtn
  {
    top: 31rem !important;
    left: 5rem !important;
  }

/*  #defaultIconTheam1  {
    margin-top: 7rem;
    margin-left: 2rem;
   }


   #defaultIconTheam2
   {
      margin-top: 7rem;
    margin-left: 2rem;
   }
*/

/* my custom css end*/


  .iconimg {
    width: 73px;
    height: 73px;
    border-radius: 15%;
  }

  .iconnames {
    text-align: center;
    display: block;
    margin: 0;
    font-size: 10px;
    border-radius: 17%;
    margin-top: 4px;
  }

  .icondispay {
    margin-left: 8%;
    /* margin-top: -45%; */
    margin-top: 7%;
    height: -webkit-fill-available;
  }

  .sulistUl {
    margin-top: 5px;
  }

  #subtn1 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 9px !important;
    padding-right: 1px;
    margin-left: 14px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn2 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 14px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn3 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 14px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn4 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 14px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn5 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 14px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn6 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 13px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn7 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 14px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn8 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 14px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn9 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 14px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn10 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 14px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn11 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-right: 1px;
    margin-left: 14px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn12 {
    width: 48px;
    height: 48px;
    padding-left: 2px;
    padding-top: 8px !important;
    padding-right: 1px;
    margin-left: 13px !important;
    border-radius: 50px !important;
    background-color: white;
  }

  #subtn13 {
    width: 90px;
    height: 50px;
    padding-left: 2px;
    padding-top: 8px !important;
    padding-right: 1px;
    margin-left: 37px !important;
    border-radius: 10px !important;
    background-color: white;
  }

  #subtn14 {
    width: 90px;
    height: 50px;
    padding-left: 2px;
    padding-top: 8px !important;
    padding-right: 1px;
    margin-left: 20px !important;
    border-radius: 10px !important;
    background-color: white;
  }

  #subtn15 {
    width: 90px;
    height: 50px;
    padding-left: 2px;
    padding-top: 8px !important;
    padding-right: 1px;
    margin-left: 20px !important;
    border-radius: 10px !important;
    background-color: white;
  }

  .toolbar-cus {
    margin-top: -47%;
    margin-left: 38%;
  }

  #okBtn {
    top: 61%;
    right: 70px;
  }
}



/* =========================================================== */
/* ==============Lanndscape block with icon hide============== */
/* =========================================================== */

/*        5s landscape       */
@media only screen and (max-width: 660px) and (orientation : landscape) {
  #defaultIconTheam1 {
    display: none !important;

  }

  #defaultIconTheam2 {
    display: none !important;
  }

  #defaultIconTheam3 {
    display: none !important;
  }

  #ToolbarDefa {
    display: none !important;
  }

  #animateIconTheam1 {
    display: none !important;
  }

  #animateIconTheam2 {
    display: none !important;
  }

  #animateIconTheam3 {
    display: none !important;
  }

  #ToolbarAni {
    display: none !important;
  }

  #darkIconTheam1 {
    display: none !important;
  }

  #darkIconTheam2 {
    display: none !important;
  }

  #darkIconTheam3 {
    display: none !important;
  }

  #ToolbarDark {
    display: none !important;
  }

  #swiper-pagination-bullets {
    display: none !important;
  }

  #firstSlide,#secondSlide,#LastSlide{
    display: none !important;
  }
}

/*        6, 6s, 7 landscape       */
@media only screen and (min-width: 662px) and (max-width: 730px) and (orientation : landscape) {
  #defaultIconTheam1 {
    display: none !important;
  }

  #defaultIconTheam2 {
    display: none !important;
  }

  #defaultIconTheam3 {
    display: none !important;
  }

  #ToolbarDefa {
    display: none !important;
  }

  #animateIconTheam1 {
    display: none !important;
  }

  #animateIconTheam2 {
    display: none !important;
  }

  #animateIconTheam3 {
    display: none !important;
  }

  #ToolbarAni {
    display: none !important;
  }

  #darkIconTheam1 {
    display: none !important;
  }

  #darkIconTheam2 {
    display: none !important;
  }

  #darkIconTheam3 {
    display: none !important;
  }

  #ToolbarDark {
    display: none !important;
  }

  #swiper-pagination-bullets {
    display: none !important;
  }

  #firstSlide,#secondSlide,#LastSlide{
    display: none !important;
  }
}

/*        6 Plus, 6s Plus landscape       */
@media only screen and (min-width: 732px) and (max-width: 860px) and (orientation : landscape) {
  #defaultIconTheam1 {
    display: none !important;
  }

  #defaultIconTheam2 {
    display: none !important;
  }

  #defaultIconTheam3 {
    display: none !important;
  }

  #ToolbarDefa {
    display: none !important;
  }

  #animateIconTheam1 {
    display: none !important;
  }

  #animateIconTheam2 {
    display: none !important;
  }

  #animateIconTheam3 {
    display: none !important;
  }

  #ToolbarAni {
    display: none !important;
  }

  #darkIconTheam1 {
    display: none !important;
  }

  #darkIconTheam2 {
    display: none !important;
  }

  #darkIconTheam3 {
    display: none !important;
  }

  #ToolbarDark {
    display: none !important;
  }

  #swiper-pagination-bullets {
    display: none !important;
  }
  #firstSlide,#secondSlide,#LastSlide{
    display: none !important;
  }
}

/*        iPad portrait       */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {


.imgbtn
{
       top: 681px !important;
}



  #defaultIconTheam1 {
    display: none !important;
  }

  #defaultIconTheam2 {
    display: none !important;
  }

  #defaultIconTheam3 {
    display: none !important;
  }

  #ToolbarDefa {
    display: none !important;
  }

  #animateIconTheam1 {
    display: none !important;
  }

  #animateIconTheam2 {
    display: none !important;
  }

  #animateIconTheam3 {
    display: none !important;
  }

  #ToolbarAni {
    display: none !important;
  }

  #darkIconTheam1 {
    display: none !important;
  }

  #darkIconTheam2 {
    display: none !important;
  }

  #darkIconTheam3 {
    display: none !important;
  }

  #ToolbarDark {
    display: none !important;
  }

  #swiper-pagination-bullets {
    display: none !important;
  }

  #firstSlide,#secondSlide,#LastSlide{
    display: none !important;
  }
}

/*        iPad landscape       */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
  #defaultIconTheam1 {
    display: none !important;
  }

  #defaultIconTheam2 {
    display: none !important;
  }

  #defaultIconTheam3 {
    display: none !important;
  }

  #ToolbarDefa {
    display: none !important;
  }

  #animateIconTheam1 {
    display: none !important;
  }

  #animateIconTheam2 {
    display: none !important;
  }

  #animateIconTheam3 {
    display: none !important;
  }

  #ToolbarAni {
    display: none !important;
  }

  #darkIconTheam1 {
    display: none !important;
  }

  #darkIconTheam2 {
    display: none !important;
  }

  #darkIconTheam3 {
    display: none !important;
  }

  #ToolbarDark {
    display: none !important;
  }

  #swiper-pagination-bullets {
    display: none !important;
  }

  #firstSlide,#secondSlide,#LastSlide{
    display: none !important;
  }
}

/* ====All desktop device ==== */
@media all and (min-device-width : 1300px) {
  #defaultIconTheam1 {
    display: none !important;
  }

  #defaultIconTheam2 {
    display: none !important;
  }

  #defaultIconTheam3 {
    display: none !important;
  }

  #ToolbarDefa {
    display: none !important;
  }

  #animateIconTheam1 {
    display: none !important;
  }

  #animateIconTheam2 {
    display: none !important;
  }

  #animateIconTheam3 {
    display: none !important;
  }

  #ToolbarAni {
    display: none !important;
  }

  #darkIconTheam1 {
    display: none !important;
  }

  #darkIconTheam2 {
    display: none !important;
  }

  #darkIconTheam3 {
    display: none !important;
  }

  #ToolbarDark {
    display: none !important;
  }

  #swiper-pagination-bullets {
    display: none !important;
  }

  #firstSlide,#secondSlide,#LastSlide{
    display: none !important;
  }
}


    /* ===========Icon Theme show hide styles============== */

    .showDefaultIconTheam {
      display: block !important;
    }

    .hideDefaultIconTheam {
      display: none !important;
    }

    .showAnimateIconTheam {
      display: block !important;
    }

    .hideAnimateIconTheam {
      display: none !important;
    }

    .showDarkIconTheam {
      display: block !important;
    }

    .hideDarkIconTheam {
      display: none !important;
    }

    /* =====Tool Bar icon show hide styles== */

    .showDefaultToolbarTheam {
      display: block !important;
    }

    .hideDefaultToolbarTheam {
      display: none !important;
    }

    .showAnimateToolbarTheam {
      display: block !important;
    }

    .hideAnimateToolbarTheam {
      display: none !important;
    }

    .showDarkToolbarTheam {
      display: block !important;
    }

    .hideDarkToolbarTheam {
      display: none !important;
    }

    /* ============ Hide and Show hideshowJB apps =============== */

    .hideJB{
      display: none;
    }

    .showJB{
      display: block;
    }

    /* ==========change Page Background color theme */
    .change-background-color-to-default {
      background-color: #fff;
      color: black !important;
    }

    .change-background-color-to-dark {
      background: linear-gradient(to bottom left, #000000 0%, #333333 124%);
      color: white !important;
    }

    .change-background-color-to-green {
      background: linear-gradient(to bottom, #66ff33 0%, #ffccff 124%);
      color: black !important;
    }

    .change-background-color-to-color {
      background: linear-gradient(to top, #33ccff 0%, #ff99cc 100%);
      color: black !important;
    }

    /* ===RowColor== */
    .change-row-background-color-to-default {
      background-color: #eef2f4 !important;
      color: black !important;
    }

    .change-row-background-color-to-dark {
      background-color: #181818 !important;
      color: white !important;
    }

    .change-row-background-color-to-green {
      background-color: #a3f67e !important;
      color: black !important;
    }

    .change-row-background-color-to-color {
      background-color: #d199b8 !important;
      color: black !important;
    }