@media (max-width: 1600px){
	.container-checkbox:not(:last-child) {
    margin-right: 20px;
}
}

@media (max-width: 1499px){
  .remark-check label.container-checkbox:last-child{margin-top: 15px;}
  html{font-size: 12px;}
}

@media (max-width: 1150px){
.custom-file-input , .input-file{max-width: 110px;}
.status-box.flex-wrap {
    /* justify-content: space-between; */
	margin: 0 -1%;
}
.box-col {     flex-basis: 31.3%;     max-width: 31.3%; }
.box-col ,.box-col:not(:last-child){          margin: 1%;     }
/* .status-box:after{content: ""; flex: auto;} */
.grievance-age-area .two-col-wrap {     margin-bottom: 10px;     flex-flow: wrap;     margin-top: 25px;     }
.heading-right-area .input-icon.search-icon {
    margin-right: 8px;
}
}

@media (max-width: 1024px){
.grievance-details-left {flex-basis: 100%; max-width: 100%;}
}

@media (max-width: 991px){
.grievance-details-left {flex-basis: 100%; max-width: 100%;}
.box-col { flex-basis: calc(100% / 2 - 2%);}

    .main-header-heading{margin-left: 0}
    .pie-chart-area{margin-right: 0;}
    
    .pagi-number, .pagi-text { width: 100%; text-align: center; margin-top: 15px; }
    .checkbox-set {

       justify-content: end;
       margin-top: 15px;
    }
    .received-grievance .checkbox-set label.container-checkbox {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .received-grievance .heading-area .flex-wrap {
    flex-flow: column;
}
.received-grievance .pagination-area .flex-wrap { flex-flow: wrap; justify-content: center; }
.export-wrap .select-two-icon,.heading-right-area .input-icon.search-icon{max-width: 135px;}
.standard-header .clean-india img{max-width: 125px;}
.standard-header .logo img{max-width: 35px; max-height: 35px;}

}





@media (max-width: 767px){

  .main-header-area { flex-direction: column; }
  
   
  .get-otp-btn.last-child{padding-left: 15px;}
  .content-area-wrapper{padding: 0 15px;}
  .collapse-wrap{display: none}
  .sidebar-menu , .content-area-wrapper{width: 100%;}
  .roles-permissons-area , .header-content-wrap {flex-flow: column;}
  .main-header-heading{margin-left: 0; margin-top: 15px; text-align: center}
  .dashboard-header{justify-content: center;}
  
  .header-notification{margin-right: 0; margin-top: 30px;}
  .sidebar-menu{position: static;}
  ul.pagination , .checkbox-set{     flex-flow: wrap; }
  .menu-wrap{display: none;}
  html{font-size: 10px; line-height: normal}
  .modal-footer button:nth-of-type(n), .modal-footer select:nth-of-type(n) { margin-bottom: 15px; }
  .dis-enab-swtc{margin-right: 0; margin-bottom: 10px;}
  .filter-area .input-icon{max-width: 100%;}
  .filter-area .input-icon , span.pipe{margin-right: 7px;}
  .track-form-wrap {     border-right: none;     padding-right: 0; width: 100%;}
  .add-grievance{margin-top: 30px;}
  .petionar-info {     text-align: center; }
  .two-col-header span.logo-text,.two-col-header .petionar-info {     text-align: left; }
  .two-col-header .right-text{flex: 1 0 auto;}
 .right-toggle{margin-top: 20px;}
 .checkbox-set { margin-bottom: 15px;}
 .track_box {     max-width: 320px;     padding: 45px 25px; }
 .form-group.field-reportsearch-division{max-width: 100%;}
  #grid-tbl-filters {     flex-flow: row; justify-content: space-between;}
  .standard-header .logo img {            padding-right: 0;     border-right: none;     margin-right: 0;     margin-bottom: 10px; }
  .main-heading-content{margin-bottom: 10px;}
  .heading-right-area .input-icon.search-icon{max-width: 100%;}
  .sidebar-menu{height: 100%;}
  .standard-header#header .flex-wrap{flex-flow: column}
  .standard-header#header span.logo-text{text-align: center}

  .public_grievance_box {max-width: 320px;padding: 45px 25px; flex-wrap: wrap;}
  .public_left,.public_right{width:100%;}
  .Add_flex_dir{flex-direction: column; height:auto;}
  .Add_flex_dir .track_box {   margin-top: 30px;}

}

@media (max-width: 500px){
  .box-col:not(:last-child) , .box-col{margin: 2%;}
  .flex-wrap{flex-flow: column;}
  .checkbox-set { flex-flow: wrap;}
  .file-upload .flex-wrap , .notification-area-inner.flex-wrap {flex-flow: wrap;}
  .gv-details-btn-set.btn-set{padding-left: 15px;}
  .btn-set button:not(:last-child) {     margin-right: 0;     margin-bottom: 10px; }
  .box-col {     flex-basis: 100%;     max-width: 100%; }
  .status-box.flex-wrap{margin: 0 -2%;}
   .two-col-header .flex-wrap {     flex-flow: unset; 	flex: 1 0 auto; 	 }
  .clean-india img {     width: 90px;     height: 55px;    }
  .track_box_backend{padding: 36px 25px; max-width: 350px;}
  .logo , .breadcrumb{margin-bottom: 15px;}
  .right-text { flex-flow: column-reverse; }
  .select-wrap, .export-wrap{max-width: 148px;}
  span.logo-text{     text-align: center; }
  .lang-option{margin: 10px 0 0;}
  .pagination > li > a, .pagination > li > span{padding 6px 10px;}

}

@media (max-width: 320px){
 .pagination > li > a, .pagination > li > span{padding: 6px 8px}
 div#loginform-recaptcha-recaptcha-login-form div, div#loginform-recaptcha-recaptcha-login-form iframe {width: 100% !important;}

}

@media (min-width: 768px){
  .mobile-toggle{display: none;}
  body.login-page{    overflow-y :  hidden; } 
  .track-form-wrap{max-width: calc(486px - 70px);     flex-basis: calc(486px - 70px);}
}

@media (min-width: 1500px){
  .remark-check label.container-checkbox:last-child{margin-left: auto;}
}