/*******************
// Table of Contents
// 1. Responsive
// 		1.1 Responsive (align left)
// 		1.2 Responsive (align right)
// 		1.3 Responsive (align center)
// 		1.4 Responsive - Material
// 			1.4.1 Responsive - Material (align left)
// 			1.4.2 Responsive - Material (align right)
// 			1.4.3 Responsive - Material (align center)
// 		1.5 Responsive - Minimal
// 			1.5.1 Responsive - Minimal (align left)
// 			1.5.2 Responsive - Minimal (align right)
// 			1.5.3 Responsive - Minimal (align center)
// 		1.6 Responsive - Circle
// 			1.6.1 Responsive - Circle (align left)
// 			1.6.2 Responsive - Circle (align right)
// 			1.6.3 Responsive - Circle (align center)
// 		1.7 Responsive - Avatar
// 			1.7.1 Responsive - Avatar (align left)
// 			1.7.2 Responsive - Avatar (align right)
// 			1.7.3 Responsive - Avatar (align center)
// 		1.8 Responsive - Line
// 			1.8.1 Responsive - Line (align left)
// 			1.8.2 Responsive - Line (align right)
// 			1.8.3 Responsive - Line (align center)
// 		1.9 Responsive - Tooltip
// 			1.9.1 Responsive - Tooltip (align left)
// 			1.9.2 Responsive - Tooltip (align right)
// 			1.9.3 Responsive - Tooltip (align center)
// 		1.10 Responsive - Classic
// 			1.10.1 Responsive - Classic (align left)
// 			1.10.2 Responsive - Classic (align right)
// 			1.10.3 Responsive - Classic (align center)
********************/

@media (max-width:648px){
	/* 1. Responsive */
	/* 1.2 Responsive - Common (align left) */
	.mk-tl[data-mobile="left"]:not([data-align]) .mk-tl-list:before{
		left:68px;
	}
	.mk-tl[data-mobile="left"]:not([data-align]) .mk-tl-item{
		padding-left:70px;
	}
	.mk-tl[data-mobile="left"]:not([data-align]) .mk-tl-dot{
		left:auto;
		right:100%;
		margin-right:12px;
	}
	.mk-tl[data-mobile="left"]:not([data-align]) .mk-tl-date{
		left:auto;
		right:100%;
		margin-right:5px;
		margin-left:initial;
	}
	.mk-tl[data-mobile="left"]:not([data-align]) .mk-tl-event{
		left:auto;
		right:auto;
		width:100%;
		text-align:left;
		float:none!important;
	}
	.mk-tl[data-mobile="left"]:not([data-align]) .mk-tl-title{
		text-align:left;
	}
	/* 1.2 Responsive - Common (align right) */
	.mk-tl[data-mobile="right"]:not([data-align]) .mk-tl-list:before{
		left:auto;
		right:68px;
	}
	.mk-tl[data-mobile="right"]:not([data-align]) .mk-tl-item{
		padding-right:70px;
	}
	.mk-tl[data-mobile="right"]:not([data-align]) .mk-tl-event{
		left:auto;
		right:auto;
		width:100%;
		text-align:right;
		float:none!important;
	}
	.mk-tl[data-mobile="right"]:not([data-align]) .mk-tl-dot{
		left:100%;
		right:auto;
		margin-left:12px;
	}
	.mk-tl[data-mobile="right"]:not([data-align]) .mk-tl-date{
		right:auto;
		left:100%;
		margin-left:5px;
		margin-right:initial;
	}
	.mk-tl[data-mobile="right"]:not([data-align]) .mk-tl-title{
		text-align:right;
	}
	/* 1.3 Responsive - Common (align center) */
	.mk-tl[data-mobile="center"]:not([data-align]) .mk-tl-date{
		left:50%;
		top:-40px;
		right:auto;
		display:inline-block;
		-webkit-transform:translateX(-50%);
		transform:translateX(-50%);
	}
	.mk-tl[data-mobile="center"]:not([data-align]) .mk-tl-event{
		left:auto;
		right:auto;
		float:none;
		width:100%;
		margin:auto;
		max-width:600px;
		margin-top:50px;
		text-align:center;
	}
	.mk-tl[data-mobile="center"]:not([data-align]) .mk-tl-item:first-child .mk-tl-event{
		margin-top:0;
	}
	.mk-tl[data-mobile="center"]:not([data-align]) .mk-tl-dot{
		left:50%;
		margin:0;
		top:-12px;
		margin-left:-5px;
	}

	/* 1.4 Responsive - Material */
	.mk-tl[data-mobile="left"][data-style="material"]:not([data-align]) .mk-tl-date,
	.mk-tl[data-mobile="right"][data-style="material"]:not([data-align]) .mk-tl-date{
		top:0;
	}
	/* 1.4.1 Responsive - Material (align left) */
	.mk-tl[data-mobile="left"][data-style="material"]:not([data-align]) .mk-tl-list:before{
		left:20px;
	}
	.mk-tl[data-mobile="left"][data-style="material"]:not([data-align]) .mk-tl-item{
		padding-left:65px;
	}
	.mk-tl[data-mobile="left"][data-style="material"]:not([data-align]) .mk-tl-dot{
		margin-right:55px;
	}
	.mk-tl[data-mobile="left"][data-style="material"]:not([data-align]) .mk-tl-date{
		margin-right:2px;
	}
	.mk-tl[data-mobile="left"][data-style="material"]:not([data-align]) .mk-tl-date:before{
		left:-14px;
		right:auto!important;
		border-left-color:transparent!important;
		border-right:10px solid;
	}
	/* 1.4.2 Responsive - Material (align right) */
	.mk-tl[data-mobile="right"][data-style="material"]:not([data-align]) .mk-tl-list:before{
		right:20px;
	}
	.mk-tl[data-mobile="right"][data-style="material"]:not([data-align]) .mk-tl-item{
		padding-right:65px;
	}
	.mk-tl[data-mobile="right"][data-style="material"]:not([data-align]) .mk-tl-dot{
		margin-left:55px;
	}
	.mk-tl[data-mobile="right"][data-style="material"]:not([data-align]) .mk-tl-date{
		margin-left:2px;
	}
	.mk-tl[data-mobile="right"][data-style="material"]:not([data-align]) .mk-tl-date:before{
		right:-14px;
		left:auto!important;
		border-right-color:transparent!important;
		border-left:10px solid;
	}
	/* 1.4.3 Responsive - Material (align center) */
	.mk-tl[data-mobile="center"][data-style="material"]:not([data-align]) .mk-tl-date:before{
		display:none;
	}


	/* 1.5 Responsive - Minimal */
	/* 1.5.1 Responsive - Minimal (align left) */
	.mk-tl[data-mobile="left"][data-style="minimal"]:not([data-align]) .mk-tl-date{
		margin-left:0;
		margin-right:15px;
	}
	/* 1.5.2 Responsive - Minimal (align right) */
	.mk-tl[data-mobile="right"][data-style="minimal"]:not([data-align]) .mk-tl-date{
		margin-right:0;
		margin-left:15px;
	}
	/* 1.5.3 Responsive - Minimal (align center) */
	.mk-tl[data-mobile="center"][data-style="minimal"]:not([data-align]) .mk-tl-dot{
		top:auto;
		bottom:-12px;
	}
	.mk-tl[data-mobile="center"][data-style="minimal"]:not([data-align]) .mk-tl-date{
		margin:0!important;
		position:static;
		-webkit-transform:none;
		transform:none;
	}
	.mk-tl[data-mobile="center"][data-style="minimal"]:not([data-align]) .mk-tl-event{
		padding:10px;
		background-color:#fff;
	}


	/* 1.6 Responsive - Circle */
	/* 1.6.1 Responsive - Circle (align left) */
	.mk-tl[data-mobile="left"][data-style="circle"]:not([data-align]) .mk-tl-list:before{
		left:38px;
	}
	.mk-tl[data-mobile="left"][data-style="circle"]:not([data-align]) .mk-tl-item{
		padding-left:44px;
	}
	.mk-tl[data-mobile="left"][data-style="circle"]:not([data-align]) .mk-tl-dot{
		margin-right:16px;
	}
	.mk-tl[data-mobile="left"][data-style="circle"]:not([data-align]) .mk-tl-date{
		margin-right:-5px;
	}
	/* 1.6.2 Responsive - Circle (align right) */
	.mk-tl[data-mobile="right"][data-style="circle"]:not([data-align]) .mk-tl-list:before{
		right:38px;
	}
	.mk-tl[data-mobile="right"][data-style="circle"]:not([data-align]) .mk-tl-item{
		padding-right:44px;
	}
	.mk-tl[data-mobile="right"][data-style="circle"]:not([data-align]) .mk-tl-dot{
		margin-left:16px;
	}
	.mk-tl[data-mobile="right"][data-style="circle"]:not([data-align]) .mk-tl-date{
		margin-left:-5px;
	}
	/* 1.6.3 Responsive - Circle (align center) */
	.mk-tl[data-mobile="center"][data-style="circle"]:not([data-align]) .mk-tl-event{
		margin-top:70px!important;
		margin-bottom:30px;
	}
	.mk-tl[data-mobile="center"][data-style="circle"]:not([data-align]) .mk-tl-dot{
		top:auto;
		bottom:-12px;
	}
	.mk-tl[data-mobile="center"][data-style="circle"]:not([data-align]) .mk-tl-date{
		top:-54px;
		margin-left:-25px!important;
		-webkit-transform:none;
		transform:none;
	}


	/* 1.7 Responsive - Avatar */
	/* 1.7.1 Responsive - Avatar (align left) */
	.mk-tl[data-mobile="left"][data-style="avatar"]:not([data-align]) .mk-tl-list:before{
		left:48px;
	}
	.mk-tl[data-mobile="left"][data-style="avatar"]:not([data-align]) .mk-tl-item{
		padding-right:0;
	}
	.mk-tl[data-mobile="left"][data-style="avatar"]:not([data-align]) .mk-tl-dot{
		margin-right:12px;
	}
	.mk-tl[data-mobile="left"][data-style="avatar"]:not([data-align]) .mk-tl-date{
		text-align:left!important;
	}
	/* 1.7.2 Responsive - Avatar (align right) */
	.mk-tl[data-mobile="right"][data-style="avatar"]:not([data-align]) .mk-tl-list:before{
		right:48px;
	}
	.mk-tl[data-mobile="right"][data-style="avatar"]:not([data-align]) .mk-tl-item{
		padding-left:0;
	}
	.mk-tl[data-mobile="right"][data-style="avatar"]:not([data-align]) .mk-tl-dot{
		margin-left:12px;
	}
	.mk-tl[data-mobile="right"][data-style="avatar"]:not([data-align]) .mk-tl-date{
		text-align:right!important;
	}
	/* 1.7.3 Responsive - Avatar (align center) */
	.mk-tl[data-mobile="center"][data-style="avatar"]:not([data-align]) .mk-tl-item{
		padding:0;
	}
	.mk-tl[data-mobile="center"][data-style="avatar"]:not([data-align]) .mk-tl-dot{
		top:-25px;
		margin-right:0;
		margin-left:-25px;
	}
	.mk-tl[data-mobile="center"][data-style="avatar"]:not([data-align]) .mk-tl-date{
		margin-top:20px;
		text-align:center!important;
		-webkit-transform:none;
		transform:none;
	}


	/* 1.8 Responsive - Line */
	/* 1.8.1 Responsive - Line (align left) */
	.mk-tl[data-mobile="left"][data-style="line"]:not([data-align]) .mk-tl-list:before{
		left:70px;
	}
	.mk-tl[data-mobile="left"][data-style="line"]:not([data-align]) .mk-tl-item{
		padding-left:70px;
	}
	.mk-tl[data-mobile="left"][data-style="line"]:not([data-align]) .mk-tl-event{
		border-left:1px solid;
		border-right:none!important;
	}
	.mk-tl[data-mobile="left"][data-style="line"]:not([data-align]) .mk-tl-dot{
		margin-left:0;
		margin-right:10.5px;
	}
	.mk-tl[data-mobile="left"][data-style="line"]:not([data-align]) .mk-tl-date{
		margin-left:0;
		margin-right:18px;
	}
	/* 1.8.2 Responsive - Line (align right) */
	.mk-tl[data-mobile="right"][data-style="line"]:not([data-align]) .mk-tl-list:before{
		right:70px;
	}
	.mk-tl[data-mobile="right"][data-style="line"]:not([data-align]) .mk-tl-item{
		padding-right:70px;
	}
	.mk-tl[data-mobile="right"][data-style="line"]:not([data-align]) .mk-tl-event{
		border-right:1px solid;
		border-left:none!important;
	}
	.mk-tl[data-mobile="right"][data-style="line"]:not([data-align]) .mk-tl-dot{
		margin-right:0;
		margin-left:10.5px;
	}
	.mk-tl[data-mobile="right"][data-style="line"]:not([data-align]) .mk-tl-date{
		margin-right:0;
		margin-left:18px;
	}
	/* 1.8.3 Responsive - Line (align center) */
	.mk-tl[data-mobile="center"][data-style="line"]:not([data-align]) .mk-tl-event{
		background-color:#fff;
		border-left:1px solid;
		border-right:1px solid;
	}
	.mk-tl[data-mobile="center"][data-style="line"]:not([data-align]) .mk-tl-dot{
		top:auto;
		bottom:-10px;
		margin-right:0;
		margin-left:-5px!important;
	}
	.mk-tl[data-mobile="center"][data-style="line"]:not([data-align]) .mk-tl-date{
		position:static;
		margin:0!important;
		-webkit-transform:none;
		transform:none;
	}


	/* 1.9 Responsive - Tooltip */
	/* 1.9.1 Responsive - Tooltip (align left) */
	.mk-tl[data-mobile="left"][data-style="tooltip"]:not([data-align]) .mk-tl-list:before{
		left:21px;
	}
	.mk-tl[data-mobile="left"][data-style="tooltip"]:not([data-align]) .mk-tl-item{
		padding-left:30px;
	}
	.mk-tl[data-mobile="left"][data-style="tooltip"]:not([data-align]) .mk-tl-dot{
		margin-right:19px;
	}
	.mk-tl[data-mobile="left"][data-style="tooltip"]:not([data-align]) .mk-tl-title:before{
		top:0;
		width:2px;
		left:-25px;
		height:100%;
		background-color:inherit;
	}
	.mk-tl[data-mobile="left"][data-style="tooltip"]:not([data-align]) .mk-tl-title:after{
		width:0;
		height:0;
		right:100%!important;
		border:10px solid transparent!important;
		border-right:10px solid!important;
	}
	/* 1.9.2 Responsive - Tooltip (align right) */
	.mk-tl[data-mobile="right"][data-style="tooltip"]:not([data-align]) .mk-tl-list:before{
		right:20px;
	}
	.mk-tl[data-mobile="right"][data-style="tooltip"]:not([data-align]) .mk-tl-item{
		padding-right:30px;
	}
	.mk-tl[data-mobile="right"][data-style="tooltip"]:not([data-align]) .mk-tl-dot{
		margin-left:19px;
	}
	.mk-tl[data-mobile="right"][data-style="tooltip"]:not([data-align]) .mk-tl-title:before{
		top:0;
		width:2px;
		right:-25px;
		height:100%;
		background-color:inherit;
	}
	.mk-tl[data-mobile="right"][data-style="tooltip"]:not([data-align]) .mk-tl-title:after{
		width:0;
		height:0;
		left:100%!important;
		border:10px solid transparent!important;
		border-left:10px solid!important;
	}
	/* 1.9.3 Responsive - Tooltip (align center) */
	.mk-tl[data-mobile="center"][data-style="tooltip"]:not([data-align]) .mk-tl-dot{
		top:auto;
		bottom:-5px;
	}
	.mk-tl[data-mobile="center"][data-style="tooltip"]:not([data-align]) .mk-tl-date{
		display:none;
	}
	.mk-tl[data-mobile="center"][data-style="tooltip"]:not([data-align]) .mk-tl-title:after{
		top:-18px;
		right:auto;
		left:50%!important;
		margin-left:-10px;
		border:10px solid transparent!important;
		border-bottom:10px solid!important;
	}


	/* 1.10 Responsive - Classic */
	.mk-tl[data-mobile][data-style="classic"]:not([data-align]) .mk-tl-item{
		padding:0;
	}
	.mk-tl[data-mobile][data-style="classic"]:not([data-align]) .mk-tl-title{
		text-align:center;
	}
	.mk-tl[data-mobile="left"][data-style="classic"]:not([data-align]) .mk-tl-event,
	.mk-tl[data-mobile="right"][data-style="classic"]:not([data-align]) .mk-tl-event,
	.mk-tl[data-mobile="center"][data-style="classic"]:not([data-align]) .mk-tl-event{
		text-align:center;
		left:auto!important;
		right:auto!important;
	}
	/* 1.10.1 Responsive - Classic (align left) */
	.mk-tl[data-mobile="left"][data-style="classic"]:not([data-align]) .mk-tl-list:before{
		left:42px;
	}
	.mk-tl[data-mobile="left"][data-style="classic"]:not([data-align]) .mk-tl-dot{
		margin-left:0;
		left:22px!important;
		right:auto!important;
	}
	.mk-tl[data-mobile="left"][data-style="classic"]:not([data-align]) .mk-tl-content{
		padding-left:40px;
	}
	/* 1.10.2 Responsive - Classic (align right) */
	.mk-tl[data-mobile="right"][data-style="classic"]:not([data-align]) .mk-tl-list:before{
		right:42px;
	}
	.mk-tl[data-mobile="right"][data-style="classic"]:not([data-align]) .mk-tl-dot{
		margin-right:0;
		left:auto!important;
		right:22px!important;
	}
	.mk-tl[data-mobile="right"][data-style="classic"]:not([data-align]) .mk-tl-content{
		padding-right:40px;
	}
	/* 1.10.3 Responsive - Classic (align center) */
	.mk-tl[data-mobile="center"][data-style="classic"]:not([data-align]) .mk-tl-content{
		padding:4px;
		background-color:#fff;
	}
	.mk-tl[data-mobile="center"][data-style="classic"]:not([data-align]) .mk-tl-dot{
		top:auto;
		bottom:-13px;
		left:50%!important;
		border-color:inherit;
		right:auto!important;
		background-color:#fff;
	}
	.mk-tl[data-mobile="center"][data-style="classic"]:not([data-align]) .mk-tl-date{
		width:100%;
		margin-left:0;
		margin-right:0;
		-webkit-transform:none;
		transform:none;
	}
}