/* Extra Small Devices, Phones */ 

@media only screen and (max-width : 920px) {
.modal {
    
    top: 50px;
	}
 
	.nopadding.hospital_left.nav-side-menu {
		width:100% !important;
		position: absolute;
	}
	 .hospital-management-content .page-inner {
	    margin-left: 0;
	   
	} 
	.hospital_left ul li a {float: left;width:100%;}
	
	
/***************************** Tooltip *************************************/
 
.nav-side-menu .toggle-btn, .nav-side-menu .brand {
  background: #2e353d none repeat scroll 0 0;
  color: #ffffff;
  display: block;
  position: relative;
  width: 100%;
  z-index: 4;
}
  .brand {
    text-align: left !important;
    font-size: 22px;
    padding-left: 20px;
    line-height: 50px !important;
  }
   .nav-side-menu .toggle-btn {
  background-color: #ffffff;
  color: #000000;
  cursor: pointer;
  display: block;
  font-size: 27px;
  height: 32px;
  padding: 3px;
  position: absolute;
  right: 12px;
  text-align: center;
  top: 10px;
  width: 48px;
}
.collapse.out {
Display:none !important;
}
.nav.nav-pills.nav-stacked.collapse.in {
  background: #2e353d none repeat scroll 0 0;
  margin-top: 0;
  display: block !important;
  position: absolute;
  width: 100%;
  z-index: 4;
}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    position: relative;
	
   
}
}
@media only screen and (max-width : 768px) {
.addScroll{
  overflow-y:auto;
  height: 200px;
 
}
.modal {
    
    top: 50px;
	}

.right_side .panel.info-box .panel-body {
  background-position: right 0;
}
.overlay-content {
  left: 15%;
  width: 96%;
}
#group_form input{
	margin-bottom:5px;
}
.col-md-4.member_right {
    margin-left: 0%;
    width: 100%;
}
.membr_left img {
   height: 210px;
    width: 134px;
}
.col-sm-3.border.groups-list {
    margin-left: 0.5%;
    width: 49%;
}
.right_side
 {
    margin-top: 41px;
 }
}
@media only screen and (max-width : 600px) {
	.mainpage .navbar h3 span {
	  display: none;
	}
	
	.right_side .panel.info-box .panel-body {
  background-position: right 0;
}
.rediospan{
    margin-left:12px;
}
.top1{
margin-top: 5px;
}
.otehrservice{
    margin-left: 15px;
    margin-top: 5px;
}
.otehrservice1{
   margin-top: 5px;
}
#wpbody select {
   
    font-size: 12px;
}
.right_side
 {
    margin-top: 50px;
 }
.membr_left img {
    height: 150px;
   width: 100px;
 
	
}
.addScroll{
  overflow-y:auto;
  height: 150px;
 
}

}

@media screen and (max-width : 780px) and (min-width : 320px) {
.open>.dropdown-menu {
    top: auto;
   bottom: 100%;
   width: 259px;
   height: 200px;
   overflow: auto;
   padding: 0px;
}
.modal 
{
    top: 60px;
}
.tab-content {
    padding: 0px;
	}
  .formError .formErrorContent {
  margin-left: -70px;
  }
  .col-md-8.col-sm-8.col-xs-6 {
	  width: 20%;
	}
	.nav.navbar-right.col-md-4.col-sm-4.col-xs-6 {
	  width: 79%;
	}
	.right_side .col-xs-6 
	{
	  width: 100%;
	}
	#main-wrapper .col-xs-6 
	{
	  width: 100%;
	}
	.info-box .panel-body {
	  background-position: right center !important;
	}
	#calendar .fc-toolbar .fc-left,
	#calendar .fc-toolbar .fc-right,
	#calendar .fc-toolbar .fc-center
	{float:left;width: 100%;padding-bottom:10px;}
	.table .btn-primary{width: 100%;margin-bottom:5px;}
	.period_box {
	  position: relative;
	  white-space: normal;
	}
	
	.team .team-member{width:100%;}
	.page-title h3{
	font-size: 17px;
	}
	.panel .panel-heading+.panel-body {
    padding: 0 20px 20px;
    display: inline-flex;
}
.rediospan{
    margin-left:12px;
}
.top1{
margin-top: 5px;
}
.otehrservice{
    margin-left: 10px;
    margin-top: 5px;
}
.otehrservice1{
   margin-top: 5px;
}
#wpbody select {
   
    font-size: 12px;
}
.right_side
 {
    margin-top: 50px;
 }
.membr_left img {
    height: 150px;
   width: 150px;
 
	
}
.membr_left .col-md-6.right_side 
{
    padding: 0;
    width: 100%;
}

.col-sm-3.border.groups-list
{
     
    width: 100%;
}
.col-md-4.member_right
{
    margin-left: 0.5%;
    margin-top: 5px;
    width: 100%;
}
.txt_color 
{
    width: 60px;
}
.panel .panel-body {
    position: relative;
    padding: 2px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.inbox-widget {
    height: 200px!important;
}
.addScroll{
  overflow-y:auto;
  height: 150px;
 
}

 .sermon-audio {
margin: 5px;
width:96%;
 }
.fc-popover
{
	top: 50px !important;
}


.navbar .open .dropdown-menu {
    visibility: visible;
    opacity: 1;
    margin-top: 2px !important;
    margin-left: -4px !important;
}
.aud_width{
width: 96%;
margin:5px;
}
.txt_color {
    width: 123px;
}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    position: relative;
	margin-left:-15px;
	
   
}
.sermon_image{
	width:100% !important;
	height:200px !important;
}
.nav-tab  {
    margin: 10px 10px 0 0 !important;
    border-bottom: 1px solid #ccc !important;
}
.toleb{
	margin-top:10px !important;
}
.payment_invoice_popup {
    overflow-y: auto;
    min-height: 280px;
    max-height: 350px;
}
.page-title {
	padding: 22px 20px 20px 20px !important;
  }
  #main-wrapper {
    margin: 20px 20px 20px 30px !important;
 }
 .panel-body p .img-circle{
    margin: 0px 10px !important;
}
	#calendar
	{
		padding:10px !important;
	}
	.page-inner 
	{
		margin-left: -20px;
		min-height:500px;
	}
	.panel-body h2 
	{
		margin-top: 0px !important;
    
    }
	 /* table.dataTable > tbody > tr.child ul li 
	{
		padding: 0em 0 !important;
	} */
	li
	{
		margin-bottom: 0px !important;
    } 
	#download_csv_headers
	{
		margin-bottom:10px !important;
	}
	.right_side .table i 
	{
		padding-right: 10px  !important;
		float:left  !important;
		margin-bottom:7px  !important;
    }
	.button_top{
		margin-top:5px !important;
	}
	.modal-backdrop {
     top:500px!important;
   }
   .overlay-content {
    left: 15%;
    width: 96%;
    min-height: 350px;
    }
	.modal-content,.category_list,.invoice_data,.modal-body{
	min-height: 350px;
	}
	.status{
	float:left;
	width:100%;
	}
	.marginbottom{
		margin-bottom:20px;
	}
	
	.otehrs
	{
		margin-left: 15px;
		margin-top:-25px;
	}
}
@media screen and (min-width: 720px) {
.modal {
    
    top: 50px;
	}
.fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active {
    z-index: 3;
}
.out
{
Display:block;
}
.membr_left img {
    height: 250px;
    width: 200px;
    margin-top: 29px;
}
.rediospan{
    margin-left:12px;
}

 .sermon-audio {
    margin: 5px;
width:96%;
}
.fc-popover
{
top:100px;

}
.navbar .open .dropdown-menu {
    visibility: visible;
    opacity: 1;
    margin-top: 2px !important;
    margin-left: -8px !important;
}
 
}
@media screen and (max-width : 360px) and (min-width : 320px) {
	.right_side1 .table i{
		width:20px;
	}
}
@media screen and (max-width : 400px) and (min-width : 320px) {
	a.fc-more {
		margin: 0px 0px;
		font-size: 0.7em;
		cursor: pointer;
		text-decoration: none;
	}
}