@media only screen and (min-width:992px){
    .content-body{
        padding:30px 100px;
    }
}


@media (min-width: 768px) and (max-width: 991.98px) { 
/*--nav bar css--*/
.slidetoggle{
    display: flex;
    position: absolute;
    right: 8px;
    top: 5px;
    cursor: pointer;
}
.sildebarlogo img{
    width: 60px;
    transition: all .1s ease-in;
}
.sidebar{
    width:66px;
    padding: 23px 10px;
    transition: all .1s ease-in;
}
.menubar li > a span{
    white-space: nowrap;
    visibility: hidden;
    transition: all .1s ease-in;
    display: none;
}
.innerbody{
    padding-left: 68px;
}
.innerbody.extand-menu{
    padding-left: 260px;
}
.innerbody.extand-menu .menubar li > a span{
    visibility: visible;
    display: block;
}
.innerbody.extand-menu .sidebar{
    width: 260px;
}
.innerbody.extand-menu .sildebarlogo img{
    width:auto;
}
/*--nav bar css--*/
}

@media only screen and (max-width:991px){
    .crt-gp-form{
        margin-bottom: 20px;
    }
}

@media only screen and (max-width:767px){
    /*--nav bar css--*/
    .sidebar{
        max-width: 100%;
        height: auto;
        padding: 10px;
    }
    .innerbody {
        padding-left:0;
        padding-top: 60px;
      }
      .innerbody.extand-menu {
        padding-left:0px;
      }
      .sildebarlogo{
        margin: 0 0 0!important;
        float: left;
      }
      .sildebarlogo img{
        width:100px ;
      }
      .slidetoggle {
        display: block;
        float: right;
      }
      .menubar-holder{
        width: 100%;
        display: none;
      }
      .innerbody.extand-menu .menubar-holder{
        display: block;
        min-height: auto;
      }
    /*--nav bar css--*/
    .filterby h6{
        margin-right: 10px;
    }
    .filterby .form-select{
        width: 100px;
        margin-right: 10px!important;
    }
}
@media only screen and (max-width:575px){
    .add-expertphoto-file{
        margin:0 auto 20px;
    }
}