/* desktop only */
@media screen and (min-width: 900px) {
  .bg{
    background-image: url(../img/banner_hypertek_labs.png);
    background-size: 100% 100%;
  }
  .desktop_view{
    display:block!important;
  }
  .mobile_view{
    display:none!important;
  }
}
/* tab */
@media screen and (max-width: 1024px) and (min-width: 600px) {


}
/* mobile */
/* @media only screen and (max-width: 420px){

} */
/* ----------- iPhone X ----------- */
@media only screen
and (min-width: 200px)
and (max-width: 899px){
  .header-row{
    margin-top: 10px !important;
  }
  .slide:nth-child(1) .slide__bg {
    background-size: 100% 100%;
    left: 0;
    background-image: url("../img/iphone_pic.jpg") !important;
  }
  .slide:nth-child(2) .slide__bg {
    background-size: 100% 100%;
    left: 0;
    background-image: url("../img/iphone_pic.jpg") !important;
  }
  .slide:nth-child(3) .slide__bg {
    background-size: 100% 100%;
    left: 0;
    background-image: url("../img/iphone_pic.jpg") !important;
  }
  .slide:nth-child(4) .slide__bg {
    background-size: 100% 100%;
    left: 0;
    background-image: url("../img/iphone_pic.jpg") !important;
  }
  .choose_us_text{
    font-size: 12px !important;
  }
  .scale_circle{
  transition: 0.3s;
  transform:scale(0.5) !important;
  z-index: 99;
}
  .choose_us_mobile{
    font-size: 10px;
    width: 200px;
    font-weight: bold;
    line-height: 15px;
    text-align: justify;
  }
  .mobile_no_margin{
    margin-top: 0px !important;
    position: absolute;
    padding: 5px;
    top: 325px;
    right: 5px;
    font-size: 10px;
    width: 200px;
    font-weight: bold;
    line-height: 15px;
    text-align: justify;
  }
  .mobile_about_us{
    position: absolute;
    padding: 5px;
    top: 78px;
    right: 5px;
    font-size: 10px;
    width: 200px;
    font-weight: bold;
    line-height: 15px;
    text-align: justify;

  }
  .mobile_our_services{
    color:black;
    font-weight: bolder;
    font-size: 14px;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .mobile_no_padding{
    padding: 0px!important
  }
  .background_mobile{
    background: white!important;
    height: 750px !important
  }
  /* .mobile_width{
  transform: scale(0.5);
  } */
  .top-left{
    transform: scale(0.5);
    position: absolute;
    top: 185px !important;
    right: -78px !important;
  }
  .top-right{
    transform: scale(0.5);
    position: absolute;
    top: 10px !important;
    margin-left: -94px !important;
    z-index: 10;
  }
  .middle-left{
    transform: scale(0.5);
    position: absolute;
    top: 331px !important;
    right: 8px !important;
  }
  .middle-right{
    transform: scale(0.5);
    position: absolute;
    top: 157px !important;
    margin-left: -7px !important;
    z-index: 10;
  }
  .bottom-left{
    transform: scale(0.5);
    position: absolute;
    top: 380px !important;
    right: -78px !important;
  }
  .bottom-right{
    transform: scale(0.5);
    position: absolute;
    top: 206px  !important;
    margin-left: -94px !important;
    z-index: 10;
  }
  .row{
    margin-right:0px!important;
    margin-left:0px!important
  }
  .text-3-5{
    font-size: 0.5em!important;
  }
  .brands_prev{
    left: 98px !important;
    top: -60px !important;
  }
  .brands_next{
    left: 420px !important;
    top: -60px !important;
  }
  .brands{
    width: 100%;
    padding-top: 90px;
    padding-bottom: 90px;
    position: relative;
    top: 630px !important;
    right: 86px !important;
  }
  .desktop_view{
    display:none;
  }
  .mobile_view{
    display:block!important;
  }
  .bg{
    background-image: url(../img/banner_mobile.png);
  }
  .mobile_display_none{
    display:none !important;
  }
  .padding_top_none_mobile{
    padding-top: 0px !important;
  }
  .padding_bottom_none_mobile{
    padding-bottom: 0px !important
  }
  .header-body{
    height: 100px!important;
  }

  .officer_login_side_mobile{
    bottom: 60px !important;
    right: -66px !important;
    width: 72% !important;

  }
  .owner_login_side_mobile{
    bottom: -2px !important;
    right: -143px !important;
    width: 80% !important;
    max-width: 40ch !important;
  }
  .header-logo{
    margin-top: 10px !important;
  }
  .header-column{
    margin-top: -30px;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
  }
  .free_trial>p{
    color: black !important
  }
  .text_centerise{
    font-size:  2.6em !important;
    line-height: 100px !important;
  }
  .margin-bot-80{
    margin-bottom: -120px;
    padding: 10px;
  }
  .panel-heading {
    display: flex;
    height: 100px;
    justify-content: space-around;
    flex-direction: column;
  }
  .panel_1{
    background: linear-gradient(142deg, rgba(133,26,124,1) 0%, rgba(255,116,44,1) 100%);
  }
  .panel_2{
    background: linear-gradient(135deg, rgba(0,27,88,1) 0%, rgba(0,132,213,1) 100%);
  }
  .panel_3{
    background: linear-gradient(135deg, rgba(45,0,83,1) 0%, rgba(162,0,16,1) 100%);
  }
  .panel_4{
    background: linear-gradient(135deg, rgba(0,99,136,1) 0%, rgba(9,169,38,1) 100%);
  }
  .panel_5{
    background: linear-gradient(135deg, rgba(5,24,93,1) 0%, rgba(185,0,99,1) 100%);
  }
  .color_white{
    color:white !important;
    font-weight:bold;
    vertical-align: -webkit-baseline-middle !important;
    font-size: 12px;
    text-align: initial;
  }
  .panel{
    margin-bottom: -6px !important;

    border: 0px solid transparent !important;
  }
  .hero-wrap{
    height:800px !important
  }
  .brands_slider_container{
    margin-left: 20px;
    width: 500px;
    margin-top: -132px;
  }

}
/* ----------- iPad 1, 2, Mini and Air ----------- */

/* Portrait and Landscape */
/* @media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 1) {

} */

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

/* Portrait and Landscape */
/* @media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 2) {

} */

/* ----------- iPad Pro 10.5" ----------- */

/* Portrait and Landscape */
@media only screen
and (min-device-width: 834px)
and (max-device-width: 1366px)
and (-webkit-min-device-pixel-ratio: 2) {

}