@media (min-width: 1200px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1100px;
}
}
@media (min-width: 1281px) {

  }

  @media (min-width: 1200px) and (max-width: 1280px) {
    .cokjd {
      width: 155px;
  }
  .inpu-styl {
    margin-bottom: 20px;
}
}






  @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {


  }
  @media (max-width: 767px){
    .avatar-upload .avatar-preview {
      margin: 0 auto;
    }
    .inpu-styl {
      margin-bottom: 10px;
  }
  .log-brnd img {
    width: 200px;
}
  }
  @media (max-width: 768px){

    .cokjd {
      width: 100%;
      margin: 10px 0px;
  }
  .sljdu {
    float: inherit;
    margin: 0px 0px;
}
.h-om{
  margin-bottom: 20px;
}
.inm {
  width: 100%;
}

  }

  @media (min-width: 768px) and (max-width: 1024px) {

    .cokjd {
      width: 100%;
      margin: 10px 0px;
  }
  .sljdu {
    float: inherit;
    margin: 10px 0px;
}
.inm {
  width: 80%;
}
.inpu-styl {
  margin-bottom: 20px;
}
  }
  @media (min-width: 1024px) and (max-width: 1200px) {
    .inm {
      width: 40%;
  }
    .cokjd {
      width: 100%;
      margin: 20px 0px;
  }
  .sljdu {
    float: inherit;
    margin: 20px 0px;
}
.inpu-styl {
  margin-bottom: 20px;
}
  }
  @media (min-width: 481px) and (max-width: 767px) {
    .inpu-styl {
      margin-bottom: 20px;
  }
  }



  @media (min-width: 320px) and (max-width: 480px) {

  }


  /* home */
  @media (min-width: 992px) {
    #mainNav .navbar-brand {
        width: 250px;
      }
      #mainNav .navbar-collapse {
        overflow: visible;
        max-height: none;
      }
      #mainNav .navbar-collapse .navbar-sidenav {
        position: absolute;
        top: 0;
        left: 0;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 56px;
      }
      #mainNav .navbar-collapse .navbar-sidenav > .nav-item {
        width: 250px;
        padding: 0;
      }
      #mainNav .navbar-collapse .navbar-sidenav > .nav-item > .nav-link {
        padding: 1em;
      }
      #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level,
      #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level {
        padding-left: 0;
        list-style: none;
      }
      #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li,
      #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li {
        width: 250px;
      }
      #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a,
      #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a {
        padding: 10px;
      }
      #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a {
        padding-left: 70px;
      }
      #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a {
        padding-left: 3.75em;
      }
      #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link {
        min-width: 0;
      }
      #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
        width: 24px;
        text-align: center;
      }
      #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown .dropdown-menu > .dropdown-item > .dropdown-message {
        max-width: 300px;
      }
    #mainNav.fixed-top .navbar-sidenav {
        /* height: calc(100vh - 112px); */
        height: 90vh;
        overflow: auto;
      }
      #mainNav.fixed-top .sidenav-toggler {
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: calc(100vh - 56px);
      }
      #mainNav.fixed-top .sidenav-toggler > .nav-item {
        width: 250px;
        padding: 0;
      }
      #mainNav.fixed-top .sidenav-toggler > .nav-item > .nav-link {
        padding: 1em;
      }
    #mainNav.static-top .sidenav-toggler {
        display: flex;
      }
    #mainNav.navbar-light .navbar-collapse .navbar-sidenav {
      background: #f8f9fa;
    }
    #mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a {
      color: #000 !important;
      background-color: #e9ecef;
    }
    #mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a:focus, #mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a:hover {
      color: #000;
    }
    #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level,
    #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level {
      background: #f8f9fa;
    }
    footer.sticky-footer {
        width: calc(100% - 250px);
      }
      body.sidenav-toggled footer.sticky-footer {
          width: calc(100% - 55px);
        }
        #mainNav.navbar-dark .navbar-collapse .navbar-sidenav {
            background: #131721;
            width: 280px;
          }
          #mainNav.navbar-dark .navbar-collapse .navbar-sidenav li.active a {
            color: white !important;
            background-color: #495057;
          }
          #mainNav.navbar-dark .navbar-collapse .navbar-sidenav li.active a:focus, #mainNav.navbar-dark .navbar-collapse .navbar-sidenav li.active a:hover {
            color: white;
          }
          #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level,
          #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level {
            background: #343a40;
          }
          body.sidenav-toggled .content-wrapper {
            margin-left: 55px;
          }
          .content-wrapper {
            margin-left: 280px;
          }
  }