/*@media (min-width: 768px) and (max-width:1400px){
	table.datatable{
		display: block;
		overflow-x: scroll;
	}
}
*/

#chart{
	width: 100%;      
	resize: both;
	overflow-x: auto;
	height: 200px; 
	overflow-y: hidden;
}
#heartRateChart{
	 width: 100%;      
	resize: both;
	overflow-x: auto;
	overflow-y: hidden;
	}
	
#rrIntervalChart{
	width: 100%;      
	resize: both;
	overflow-x: auto;
	overflow-y: hidden;
}

@media (max-width: 1400px) {
	table.dataTable{
		overflow-x: scroll;
		 display: block;
		 position: relative;	  	
	}
		
	button.cust-btn{
		padding: 1px 1px;
    }
	.upcoming {
		font-size: 18px;

	}
}

@media (min-width:767px)and (max-width:1100px){
	.navbar-expand-lg .navbar-toggler {
	    display: block !important;
	}
 .navbar>.container-fluid{
	    flex-wrap: wrap;
	    
}
.navbar-expand-lg .navbar-nav {
    flex-direction: column;
	margin-left: 0px !important;
}

.navbar-expand-lg .navbar-collapse.show{
    display: flex !important;
    flex-basis: 100%;
}

.navbar-expand-lg .navbar-collapse{
	display: none!important;
}
.navbar-toggler.collapsed .navbar-collapse.collapse {
    	transition: box-shadow .15s ease-in-out;
}
.main-content {
    padding-left: 90px;
}
.hero-section {
    min-height: 65vh;
}

}

@media (max-width:1024px){
	.top-header{
	    z-index: 1;
	}

    .mini-sidebar .page-content-wrapper{
	    margin-left: 78px;
    }

	.page-content-wrapper {
		margin-left:0px ;
	}
	#dashboard-image .h-550px{
		height: 350px;
	}
	.blog-posts h2 {
	    font-size: 25px !important;
		}
}


@media (max-width:767px){
	#dashboard-image .h-550px{
			height: 450px;
		}
		.dashboard-images {
		    position: absolute;
		    left: 0;
		    right: 0;
		    margin: 0 auto;
			width: 100%;
			max-width: 70%;
			}
		.animated-image{
			max-width: 80%;
		}
	   div.dataTables_wrapper div.dataTables_paginate ul.pagination {
	    justify-content: center !important;
	    flex-wrap: wrap;
        }
 
       .custom-dropdown-arrow{
	     width:33% !important;
        }

        #windowSlider{
	     width: 50px; 
	     max-width: 50px;
	     width: 100%;
	     display: inline;
	     vertical-align: middle;
         }

        .btn-group, .btn-group-vertical {
          position: relative;
           display: flex;
          vertical-align: middle;
         flex-wrap: wrap;
        justify-content: center;
        align-items: center;
      }
	  
	  /* faq section css*/
	  .timeline-title {
	      font-size: 15px!important;
      }
		  .timeline-item.left {
		      padding-left: 55px;
		      padding-right: 18px;
		  }
		  .timeline-item:after{
			right: 2px;
		  }
		  .timeline-item.right {
		      padding-left: 40px;
			  padding-right: 30px;
		  }
		  .timeline-item.right:after, .timeline-item.left:after {
		             left: 5px;
			  clip-path: polygon(100% 19%, 30% 59%, 100% 100%);
		  }
		  .timeline-item.left:after {
			left: 17px;
			clip-path: polygon(100% 19%, 30% 59%, 100% 100%);
			right: auto;
		  }
		  
		  .accordion-body li{
			font-size: 12px;
		  }
		  .timeline-content{
			padding: 15px 10px;	
		  }	 
		  details > summary {
		    padding-right: 18px;
		  }
		  .timeline-container::before{
			left: auto;
		  }
		  .timeline-container{
			margin: 0 15px;
		  }
		  .recent-posts h3{
			line-height: 0.8;
		  }
}

@media (max-width:430px){
	.swiper-slide h2 a {
		        font-size: 20px !important;
		    }
}