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

aside.left-panel button.logout_btn{
  width: 100%;  
}
.header-menu {
  padding-left: 0px;
}
.col-md-12.main_list_projects {
    max-height: 275px;
    overflow-x: hidden;
    padding: 0px 30px;
}
footer.site-footer .footer-inner a {
  margin-left: 0px;
}

.menutoggle {
  right: 30px;
}
.navbar-header {
  padding: 5px 0px;
}

.right-panel .navbar-brand img {
  height: 49px;
}
.menutoggle {
  top: 6px;
}
.col-md-12.custom_view_choose_project_sec {
  padding-bottom: 85px;
}

/*second_page==========================================================
===================================================*/

.col-md-12.top_categories {
  display: block;
}
.col-md-12.top_categories .col-md-3 {
    margin-bottom: 8px;
}
.col-md-12.top_categories .col-md-3:last-child{
  margin-bottom: 0px;
}
.main_form, .submit_btn {
  width: 100%;
}
span.or{
      margin: 0px auto 10px auto;
}
.submit_btn {
  text-align: center;
  padding: 0px 5px;
}
.col-md-12.project_counters {
  display: block;
}
.col-md-12.project_counters .col-md-2{
  margin-bottom: 10px;
}
.col-md-12.project_counters .col-md-2:last-child{
  margin-bottom: 0px;
}
.light_blue_strip{
      display: block;
      padding:15px;
}
body.open footer.site-footer .footer-inner a {
  margin-left: 0px !important;
}
/*third_page==========================================================
===================================================*/

/*fourth_page==========================================================
===================================================*/

/*fivth_page==========================================================
===================================================*/

/*sixth_page==========================================================
===================================================*/
.col-md-12.form_btn {
  flex-flow: column;
}
.approval_btn {
  margin-left: 0px;
}
.col-md-12.ticket_form_head_sec ul {
  display: block;
}



}

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

.right-panel header.header, .right-panel header.header .top-left {
  padding: 0px 10px;
}
span.brand_name {
  display: none;
}
.main_section, .partners_sec, .location_sec, .extra_progress{
  padding: 10px;
}
.col-md-12.main_content_top_sec {
  display: flex;
  flex-flow: column;
}
.col-md-12.main_content_top_sec .col-md-4 {
  flex: 100% 0 0;
  max-width: 100%;
  padding: 0px !important;
  margin-bottom: 5px;
}
.carousel-item.active {
    display: inline-flex;
}
.controls-top, .extra_progress {
  margin: 5px 0px;
}
.col-md-12.project_sec {
  display: block;
}
.col-md-12.project_sec .project_image, .col-md-12.project_sec .project_details{
width: 50% !important;
float: left;
}
.col-md-12.project_sec .project_other_details {
  width: 100% !important;
  display: flex;
}
.col-md-12.project_sec .gen_report_sec {
  width: 100%;
}
.project_details {
  top: 15px;
}
.project_other_details {
    padding: 15px 0px;
}
.top_section {
  flex-flow: column-reverse;
}

/*second_page==========================================================
===================================================*/

.blue_strip {
  display: block;
  height: auto;
}

.form-group.choose_project, .expand_tabs.main-tab, .custom_view_all_project_btn{
  width: 100%;
}

.custom_view_main_section{
  padding: 15px 0px 50px 0px !important;
}

/*third_page==========================================================
===================================================*/

/*fourth_page==========================================================
===================================================*/

.add_expenses_top_head h2::after{
  display: none;
}

/*fivth_page==========================================================
===================================================*/

/*sixth_page==========================================================
===================================================*/
form.report_page_filter_form .col-md-3, form.report_page_filter_form .col-md-9 {
    padding-right: 0px;
}
 form.report_page_filter_form .col-md-9 .col-md-3 {
  padding-left: 0px;
  margin-bottom: 10px
 }
 form.report_page_filter_form .submit_btn {
  width: 120px;
 }

 /*all_screen_moniter_page==========================================================
===================================================*/
.col-md-9.all_screens {
    max-height: 630px;
    overflow-x: hidden;
    overflow-y: scroll;
}
.user_detail {
  display: block !important;
}
.top_head {
  padding: 0px 15px !important; 
}
.edit_profile_inputs {
  padding: 5px 0px !important;
}
.custom_input_design {
    flex: 100% !important;
    padding: 0px 15px !important;
}
.upload_image_sec_crop {
  padding: 0px 15px !important
}
.edit_profile_sec {
  margin-top: 0px !important
}

}


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

/*second_page==========================================================
===================================================*/
.form-group.choose_project{
  width: 25%;
}
.expand_tabs.main-tab{
  width: 50%;
}
.blue_strip{
  padding:6px 18px;
}
.custom_view_all_project_btn{
  width: 25%;
}
.col-md-12.custom_view_choose_project_sec {
  padding-bottom: 55px;
}

/*third_page==========================================================
===================================================*/

/*fourth_page==========================================================
===================================================*/

/*fivth_page==========================================================
===================================================*/

/*sixth_page==========================================================
===================================================*/


}



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

aside.left-panel {
    max-width: 280px;
    width: 280px;
}
aside.left-panel .navbar .navbar-nav li > a {
  max-width: 100%;
  font-size: 13px;
}
aside.left-panel .navbar .navbar-nav li a .menu-icon {
  width: 40px;
  text-align: left;
}

.open aside.left-panel {
      width: 83px;
      transition: ease-out all 0.2s;
}

aside.left-panel button.logout_btn {
  width: 280px !important;
}
aside.left-panel button.logout_btn span {
  display: inline-block !important;
  margin-left: 5px; 
}

body.open aside.left-panel button.logout_btn {
  width: 83px !important;
}
body.open aside.left-panel button.logout_btn span{
 display: none !important; 
}
ul.nav.navbar-nav li a.dropdown-toggle::before {
    display: block !important;
}

/*second_page==========================================================
===================================================*/

/*third_page==========================================================
===================================================*/

/*fourth_page==========================================================
===================================================*/

/*fivth_page==========================================================
===================================================*/

/*sixth_page==========================================================
===================================================*/

}

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

ul.nav.navbar-nav li a {
    display: inline-flex;
    align-items: center;
    font-family: poppins;
    font-weight: 500;
    font-size: 13px;
}
.right-panel .navbar-brand {
  width: 160px;
}
.right-panel .top-left {
    width: 250px;
    height: 100%;
    display: flex;
    align-items: center;
}

/*second_page==========================================================
===================================================*/

/*third_page==========================================================
===================================================*/

/*fourth_page==========================================================
===================================================*/

/*fivth_page==========================================================
===================================================*/

/*sixth_page==========================================================
===================================================*/


}


@media screen and (min-width: 769px) and (max-width: 1010px){

aside.left-panel button.logout_btn span{
  display: none;
    transition: ease-out all 0.3s;
}
aside.left-panel button.logout_btn {
    width: 83px;
      transition: ease-out all 0.3s;
}
aside.left-panel.open-menu button.logout_btn span {
   display: inline-block;
   margin-left: 5px;
}
aside.left-panel.open-menu button.logout_btn  {
  width: 280px;
}

}

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

.main_heading h2, .beneficiaries_sec h2 {
    font-size: 18px;
    font-weight: 600;
}

/*second_page==========================================================
===================================================*/

/*third_page==========================================================
===================================================*/

/*fourth_page==========================================================
===================================================*/

/*fivth_page==========================================================
===================================================*/

/*sixth_page==========================================================
===================================================*/

  
}

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

ul.nav.navbar-nav li a {
    display: flex;
    align-items: center;
}

/*fourth_page==========================================================
===================================================*/
form.add_expenses_form .expense_date:first-child, 
form.add_expenses_form .expense_date:last-child, 
form.add_expenses_form .expenses_type:first-child, 
form.add_expenses_form .expenses_type:last-child, 
.col-md-4.gst_selection {
  padding: 0px 15px !important;
}
.col-md-6.expenses_type span, .col-md-4.gst_selection span {
    right: 30px !important;
}
.submit_btn button {
      width: 125px;
}
aside.left-panel {
  top: 53px !important
}

.right-panel header.header {
  top: 28px;
}

/*fivth_page==========================================================
===================================================*/

.col-md-2.smtv_left-side .smtv_main_frame{
margin-right: 0px; 
}
.col-md-2.smtv_right-side .smtv_main_frame {
  margin-left: 0px;
}
.col-md-2.smtv_left-side, .col-md-2.smtv_right-side{
  padding: 0px;
}
.col-md-8.lgtv{
  margin-bottom: 80px;
  min-height: 300px;
}

/*sixth_page==========================================================
===================================================*/

form.report_page_filter_form {
  align-items: flex-end;
  padding: 15px;
}
aside.left-panel {
  height: 100%;
}
body.event_list_page_design.add_page.school_entry.beneficiary_form form:first-child{
 padding-left: 0px !important;
}  

}