.header-logo img{
	max-width: 120%;
}
.sidebar-left .sidebar-widget{
	padding: 0px !important;
}
.sidebar-right .sidebar-widget {
    padding: 0px !important;
}
.header-style-1 .header-bottom, .header-style-2 .header-bottom, .header-style-2.header-style-3 .header-bottom {
    border-top: 1px solid #f4f5f9;
    height: 78px;
    line-height: 60px;
}
.main-menu > li{
	padding-top: 10px;
	padding: 14px;
    padding-left: 26px;
}
.main-header .main-nav ul li > a::after {
	left: 64%;
}
.header-style-2 .off-canvas-toggle-cover{
	padding-top: 10px;
}
.pt-10{
	padding-top: 10px;
}
.header-style-2 .search-form .search-icon, .offcanvas-sidebar .search-form .search-icon{
	top: 12px;
}
.mr-7{
	margin-right: 7px !important ;
}
.header-style-2 input.search_field, .offcanvas-sidebar input.search_field{
	width: 170px;
}
.slicknav_nav{
	display: grid;
}
.slicknav_nav .slicknav_row{
	margin: 2px 21px;
}

.sidebar-right .sidebar-widget {
    padding: 20px;
}
.sidebar-widget h4{
	font-size: 18px;
}
.widget-title span {
    font-weight: 900;
}
.text-limit-2-row{
	line-height: 29px;
}
.footer-bottom-area .footer-copy-right p a{
	color: #009cda !important;
	font-weight: 700;
}
.text-muted, .text-muted a{
	color: #000 !important;
}
.main-title h2{
	font-size: 20px;
}
.logo-mobile img{
	max-width: 225px;
}
.loop-list-style-1 .post-thumb img {
    width: 164px;
    height: 197px;
}
.pubish-date{
	margin-top: -13px;
}
.pubish-date span{
	font-size: 11px;
}
.footer-bottom-area .footer-copy-right p {
    font-weight: 300;
    line-height: 2;
    margin: 0;
}
.single-excerpt span{
	color:#0495d8;
}
.widget-header p{
	padding-top: 20px;
}
.bg-success {
    background-color: #0495d8!important;
}
.loop-list-style-1 ul{
	padding-left: 70px;
}
.loop-list-style-1 ul li{
	list-style: decimal;
    font-size: 19px;
    padding-top: 10px;
    padding-bottom: 11px;
    padding-left: 9px;
    border-bottom: 1px solid gainsboro;
}
.loop-list-style-1 ul li:last-child{
	border-bottom: none;
}
.loop-list-style-1 ul li a{
	color:#0495d8;
}
.loop-list-style-1 ul li a:hover{
	color:#fe6d49;
}
.media-1{
    background: white;
    border-radius: 11px;
    padding-top: 10px;
}
.media-2{
    background: white;
    border-radius: 11px;
    padding-top: 10px;
}
.media-2 ul li{
	list-style: none !important;
}
.media-2 ul li i{
	color: #e4bf4c;
}
.media-2 ul{
	padding-left: 30px;
	padding-right: 30px;
}
.white-background{
	background: #fff;
	border-radius: 10px;
    padding: 33px 40px;
        margin-right: -41px;
}
.post-aside-style-1 .post-thumb img {
     border-radius: unset; 
    
       margin-left: -16px;
    max-width: 173%;
}
.slide-bar li a{
	font-size: 17px;
}
.mtm-50{
	margin-top: -50px;
}
/*.entry-header-3 .img-hover-slide {
    min-height: 181px;
}*/

/*table*/
table { 
	border-collapse: collapse; 
	margin:50px auto;
	}

/* Zebra striping */
tr:nth-of-type(odd) { 
	background: #eee; 
	}

th { 
	background: #3498db; 
	color: white; 
	font-weight: bold; 
	}

td, th { 
	padding: 10px; 
	border: 1px solid #ccc; 
	text-align: left; 
	font-size: 18px;
	}

/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	table { 
	  	width: 100%; 
	}

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}

	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		/* Label the data */
		content: attr(data-column);

		color: #000;
		font-weight: bold;
	}

}

.folder {
    width: 131px;
    height: 85px;
    margin: 50px 50px;
    float: left;
    position: relative;
    background: rgb(110,166,239);
    background: linear-gradient(183deg, rgba(110,166,239,1) 11%, rgba(30,92,172,1) 100%);
    border-radius: 0 6px 6px 6px;
    transition: 0.10s ease-out;
    /* box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.59); */
}
.border-gray{
	border: 1px solid gainsboro;
	    height: 282px;
}
/*-------------folder box----x------- */
.folder:hover{
  transform: scale(1.2);
}
/*-------------file opener----------- */
.folder:before {
    content: '';
    width: 46%;
    height: 21px;
    clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
    border-radius: 4px 0px 0 0;
    background-color: #1e5cac;
    position: absolute;
    top: -10.3px;
    left: 0px;
}
/*-------------file opener----x------- */

/*------------- Document ----------- */
.folder:after {
    content: '';
    width: 29%;
    height: 5px;
    border-radius: 2px 2px 0 0;
    background-color: #ffffff;
    position: absolute;
    top: 5.6px;
    left: 4px;
}
.page-numbers {
    padding: 6px 11px;
    margin:3px;
    border-radius: 4px;
}
.page-numbers:hover{
    background: #f2546a;
    color: #fff;
}
.current{
    background: #f2546a;
    color: #fff;
}
.docs i{
    font-size: 50px;
    font-weight: 800;
}
.list-post .post-content {
    border-bottom: 1px solid #eef0f2;
}
.list-post li:last-child .post-content{
	border-bottom: none;
}

/* ---- Modern card polish ---- */
article.background-white,
.post-aside-style-1{
	box-shadow: 0 1px 3px rgba(16,24,40,.05);
	transition: box-shadow .25s ease, transform .25s ease;
}
article.background-white:hover{
	box-shadow: 0 10px 28px rgba(16,24,40,.10);
	transform: translateY(-2px);
}
.post-thumb img{
	transition: transform .35s ease;
}
.post-title a{
	transition: color .15s ease;
}