@media only screen and (min-width:1200px){

  #menuicn {
    visibility: hidden;
    opacity: 0;
  }
}
@media only screen and (min-width:1024px){
  .grid-4-desktop .box {
    min-width: calc(100% / 4 - 25px);
    
}
.image-container {
  max-width: 200px;
}
}
@media only screen and (min-width:992px){
    .navcontainer {
       
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
      
    }
    .navcontainer.navtoggle {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
     
      }
      .main {
      
      margin-left:300px;
      }
      .navcontainer.navtoggle+.main {
        margin-left:0;
      }
      .btn-link {
        min-width: 139px;
      }
      .searchbar select {
      
        font-size: 15px;
     
        min-width: 154px;
      }
    
}
@media only screen and (min-width:767px) {
    .thememodal-content  {
      min-width:550px
    }
    .box-before{
      min-height: 103px; 
      
    }
    .mobile-only {
      display: none !important;
  }
  .time-row {
/*    width: calc(50% - 5px);*/
/*    align-items: flex-end;*/
margin-bottom:10px;
}
.time-row .btn-wrap {
  width: 60px;
  justify-content: flex-start;
}
}
@media only screen and (max-width:991px){
  .hidesmall{
    display: none !important;
  }
    .navcontainer {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
       
      
    }
    .navcontainer.navtoggle {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
     
      }
      .navtoggle .menu-close {
        display:inline-block;
       
    }
    .content-wrap.container, .topbar {
        padding-inline: 10px;
    }
  
    .searchbtn {
        width: 48px;
       height:48px;
    }
    .box-container {
        gap:20px;
    }
    .max-td {
        max-width: 200px;
      }
      .btn-link {
      
        height: 48px;
      }
      .adduser-btn {
        max-width: 64px;
    }
}
@media only screen and (max-width:767px) {
    .thememodal.fancybox-content {
      padding: 10px;
      min-width: 90%;
  }
   
    .thememodal .form-wrap{
      padding: 0 20px;
    }
    .login-from-wrap {
      max-width: 80%;
    }
    .login-from {
      padding: 68px 20px 20px;
  }
  .form-heading {
    font-size: 22px;
  }
  .submit-btn input {
    height: 40px;
    font-size: 18px;
  }
  .side-img {
  
    height: 59px;
  
    width: 60px;
  
    font-size: 25px;
  }
  .box-container {
    gap: 10px;
  }


  .thememodal-heading {
    padding: 15px;
    font-size: 18px;
  
    margin-bottom: 40px;
  }
  .thememodal-footer {
    margin-bottom: 40px;
  }
  .mt-50 {
    margin-top: 15px;
  }
  .table-container th:first-child, .table-container td:first-child {
  
    box-shadow: -1px 0 1px rgba(0, 0, 0, 0.2) inset;
  }
  .box-content-bottom {
    text-align: right;
}
/*}

@media only screen and (max-width:480px) {*/
  
.box-content-price {
  font-size: 18px;
 }
 .box-content-title {
  font-size: 12px;
}
  .dt-length label {
    font-size: 0;
}
.searchbar select {
  display: none;
}
.searchbar input {
 
  padding: 0;
   border-left: 0;
  margin-left: 0;
 
}
.form-fields-container {
  flex-wrap: wrap;
}
.form-fields-container .inputwrap {
 
  width: 100%;
}
.subscription-section .round-img {
  width: 30px;
  height: 30px;
}
.user-device .mumicon {
  font-size: 18px;
}
.subscription-name {
  font-size: 13px;
}
.input-radio-group label {
   min-width: 48%;
}
.mobile-logo img {
  width: 40px;
}
  .searchbtn {
      width: 30px;
      height: 30px;
      background: transparent;
      border: 0;
  }
    .btn-link {
      height: 40px;
      width: 40px;
  }
  .searchbar input {
    height: 40px;
  }
  .searchbar {
   
    padding-inline: 8px;
}
.time-row {
  width: 100%;
  align-items: flex-end;
}
.inputwrap .file-upload-text {
   min-width: 160px;
}
.time-row label {
  display:block;
  width: 100%;
}
.time-row .btn-wrap {
  align-items: flex-end;
  flex-direction: column;
}
.time-row input {
  flex: 1;
}
.starttime, .endtime {
  width: calc(50% - 10px);
}
}