@media (min-width: 1200px){
    .home-body .container {
        max-width: 1024px;
    }
}

@media (max-width: 1199px){
    .heading-table tr td:first-child {
        width: 107px;
    }
    .heading-table tr td:nth-of-type(2) {
        width: 237px;
    }
}

@media (max-width: 991px){
    .eng-body .banner-section .sidebar {
        width: 160px;
    }
    .main-menu,.home-tab-content{
        padding-left: 30px;
    }
    .heading-table tr td:first-child {
        width: 117px;
    }
    .heading-table tr td:nth-of-type(2) {
        width: 249px;
    }

}

@media (min-width: 768px){
.sidebar-btn{
    display: none;
}
}
@media (max-width: 767px){
    .top-header .left-logo a img,.footer-logo a img {
        height: 45px;
        object-fit: cover;
    }
    .header-main{
        padding: 15px 0;
    }
    .top-header .right-logo a img {
        height: 50px;
        object-fit: cover;
    }
    .footer-main{
        padding: 15px 0;
    }
    .bottom-logo a img {
        height: 100px;
        object-fit: cover;
    }
    .banner-section .sidebar {
        width: 170px !important;
        position: fixed !important;
        height: 100%;
        top: 39px;
        left:0;
       border-radius: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        z-index: 99999;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out;
        -webkit-transition: all 0.1s ease-in-out;
        -ms-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        overflow-y: auto;
    }

    .banner-section .sidebar.open{
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }

    .side-head{
        display: none;
    }
    .banner-section .sidebar ul li:first-child a {
        padding-top: 30px;
    }
    .online-body .banner-section .sidebar{
        top: 0;
        z-index: 10000;
    }
    .main-menu,.home-tab-content{
        padding-left: 10px;
    }
    .main-menu{
        margin-top: -40px;
    }
    .app-box {
        padding: 20px 10px;
    }
}

@media (max-width: 576px){
    .main-menu ul li a {
        padding: 6px 6px 5px;
       font-size: 12px;
    }
    .main-menu,.home-tab-content{
        padding-left: 0px;
    }
    .status-form .form-check-label {
        width: 85%;
    }

}
@media (max-width: 479px) {
    .check-bx {
        float: left;
        margin: 5px 34px 10px;
    }
    .app-box-steps ul li {
        margin: 5px;
    }
}
@media (max-width: 379px){
    .main-menu ul li a {
        padding: 5px 4px 5px;
    }
    .footer-logo img {
        margin-bottom: 20px;
    }
    .xs-full .col-5,.xs-full .col-7,.app-form form .col-4,.preview-body .app-form .col-5,.preview-body .app-form .col-7{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .preview-body .app-form p {
        display: block;
    }
    .preview-body .app-form label {
        margin-bottom: 4px;
    }
    .app-form form .col-6 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .status-form input.form-control {
        width: 100%;
        margin-top: 5px;
    }
    .app-form form .form-group select.form-control,.app-form form .form-group .form-control[data-toggle="datepicker"]{
        width: 100%;
    }
    .app-box-steps ul {
        display: table;
        margin: 0 auto;
        width: 177px;
    }

    .app-box-steps {
        float: none;
    }

}