@media only screen and (max-width:1200px) and (min-width:960px) {
		.cd-container	{
		    width: 22.5%;
	}
	.cd-timeline-content {
    padding: 0px;
    width: 225px;
	}
	.cd-timeline-content .cd-date {
   right: 127%;
    width: 185px;
}
.cd-authors {
    right: 127%;
    width: 185px;
    top:25px;
}
	#documenter_sidebar {
		margin:0 auto;
		width:960px
	}

	#documenter_nav {
		height:50px;
		position:fixed;
		width:960px
	}
	#documenter_nav li a {
		font-size: 13px;
		padding: 3px 8px;
	}
	#Description{
		width: 75%;
	}
	.flip-container,.flip-container .front,.flip-container .back {
		height:360px;
		width:215px;
	}

	.flip-container .front,.flip-container .back {
		height:400px;
		overflow:hidden;
		width:215px;
	}

	.featured-thumbnail img {
		display:block;
		height:100%;
		margin:0 auto;
		width:75%
	}

	.anno-excerpt {
		color:#b3b6c8;
		font-size:14px;
		line-height:15px;
		padding:15px
	}

	.post-excerpt {
		font-size:12px!important;
		line-height:13px
	}

	.back h3 {
		font-size:14px;
		margin-top:10px;
		padding-left:5px;
		padding-right:5px
	}
}

@media only screen and (max-width:959px) and (min-width:768px) {
		.cd-container	{
		    width: 22.5%;
	}
	.cd-timeline-content {
		/*margin-left: 60px;*/
    padding: 0px;
    width: 225px;
	}
	.cd-timeline-content .cd-date {
   right: 127%;
    width: 185px;
}
.cd-authors {
    right: 127%;
    width: 185px;
    top:25px;
}
	section {
		padding-top:22px!important
	}
	#Description{ 
		width: 70%;
	}
	#documenter_sidebar {
		margin:0 auto;
		width:768px;
	}

	#documenter_nav {
		height:80px;
		position:fixed;
		width:768px;
	}

	#documenter_nav li {
		display:inline-block;
		height:40px;
		margin-bottom:5px
	}

	#documenter_nav li a {
		display:inline-block;
		font-size:16px;
		line-height:24px;
		margin:0 5px;
		padding:5px 10px
	}

	.flip-container,.flip-container .front,.flip-container .back {
		height:360px;
		width:215px;
	}

	.flip-container .front,.flip-container .back {
		height:400px;
		overflow:hidden;
		width:215px
	}

	.featured-thumbnail img {
		display:block;
		height:100%;
		margin:0 auto;
		width:75%
	}

	.anno-excerpt {
		color:#b3b6c8;
		font-size:14px;
		line-height:15px;
		padding:15px
	}

	.post-excerpt {
		font-size:12px!important;
		line-height:13px
	}

	.back h3 {
		font-size:14px;
		margin-top:10px;
		padding-left:5px;
		padding-right:5px
	}
}

.scroll-to-top-button {
	color:#fff;
	cursor:pointer;
	/* margin:20px;
	padding:30px;
	margin-top: 60px; */
	right: 20px;
    top: 50%;
    margin-top: -18px;
    text-align: center;
    width: 36px;
    height: 36px;
    border: 2px solid #363636;
    font-size: 0px;
    text-decoration: none;
    color: #363636;
    z-index: 10;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    -khtml-border-radius: 18px;
    border-radius: 18px;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
}
.scroll-to-top-button {
    border: 2px solid #ececec;
}

.scroll-to-top-button:before {
    content: "";
    display: block;
    width: 18px;
    height: 16px;
    background: url(go_up_icon.png) no-repeat;
    background-size: 18px 32px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -9px;
    margin-top: -8px;
}

.scroll-to-top-button:before {
    background: url(go_up_icon.png) left 100% no-repeat;
    background-size: 18px 32px;
}

.scroll-to-top-button:hover {
    opacity: 1 !important;
    height: 80px;
    margin-top: -42px;
    cursor: pointer;
}


@media only screen and (max-width:767px) {
		.cd-container	{
		    width: 22.5%;
	}
	.cd-timeline-content {
		margin-left: 60px;
    padding: 0px;
    width: 210px;
	}
	.cd-timeline-content .cd-date {
   right: 127%;
    width: 185px;
}
.cd-authors {
    right: 127%;
    width: 185px;
    top:25px;
}
	#Description{
		width: 40%;
	}
	section {
		padding-top:70px!important
	}

	#documenter_sidebar {
		margin:0 auto;
		width:480px
	}

	#documenter_nav {
		height:130px;
		position:fixed;
		width:480px
	}

	#documenter_nav li {
		display:inline-block;
		height:40px;
		margin-bottom:5px
	}

	#documenter_nav li a {
		display:inline-block;
		font-size:16px;
		line-height:24px;
		margin:0 5px;
		padding:5px 10px
	}

	.flip-container,.flip-container .front,.flip-container .back {
		height:360px;
		width:215px;
	}

	.flip-container .front,.flip-container .back {
		height:400px;
		overflow:hidden;
		width:215px
	}

	.featured-thumbnail img {
		display:block;
		height:100%;
		margin:0 auto;
		width:75%
	}

	.anno-excerpt {
		color:#b3b6c8;
		font-size:14px;
		line-height:15px;
		padding:15px
	}
}

@media only screen and (max-width:767px) and (min-width:480px) {
	.cd-container	{
		    width: 22.5%;
	}
	.cd-timeline-content {
		margin-left: 60px;
    padding: 0px;
    width: 210px;
	}
	.cd-timeline-content .cd-date {
   right: 127%;
    width: 185px;
}
.cd-authors {
    right: 127%;
    width: 185px;
    top:25px;
}

.md-modal {
    left: 50%;
    top: 50%;
    width: 75%;
}
	header h1 {
		font-size:22px!important
	}
	#Description{
		width: 70%;
	}

	.flip-container,.flip-container .front,.flip-container .back {
		height:360px;
		width:200px
	}

	.flip-container .front,.flip-container .back {
		height:400px;
		overflow:hidden;
		width:200px
	}

	.featured-thumbnail img {
		display:block;
		height:100%;
		margin:0 auto;
		width:75%
	}

	.anno-excerpt {
		color:#b3b6c8;
		font-size:14px;
		line-height:15px;
		padding:15px
	}

	.card-wrapper {
		float:none;
		margin-bottom:40px;
	}

	.post-excerpt {
		font-size:12px!important;
		line-height:13px
	}

	.back h3 {
		font-size:18px;
		margin-top:10px;
		padding-left:5px;
		padding-right:5px
	}
}

@media only screen and (max-width:479px) {
	.cd-container	{
		    width: 22.5%;
	}
	.cd-timeline-content {
		margin-left: 60px;
    padding: 0px;
    width: 210px;
	}
	.cd-timeline-content .cd-date {
   right: 127%;
    width: 185px;
}
.cd-authors {
    right: 127%;
    width: 185px;
    top:25px;
}

.md-modal {
    left: 50%;
    top: 50%;
    width: 75%;
}
	header h1 {
		font-size:22px!important
	}
	#Description{
		width: 70%;
	}

	.flip-container,.flip-container .front,.flip-container .back {
		height:360px;
		width:200px
	}

	.flip-container .front,.flip-container .back {
		height:400px;
		overflow:hidden;
		width:200px
	}

	.featured-thumbnail img {
		display:block;
		height:100%;
		margin:0 auto;
		width:75%
	}

	.anno-excerpt {
		color:#b3b6c8;
		font-size:14px;
		line-height:15px;
		padding:15px
	}

	.card-wrapper {
		float:none;
		margin-bottom:40px;
	}

	.post-excerpt {
		font-size:12px!important;
		line-height:13px
	}

	.back h3 {
		font-size:18px;
		margin-top:10px;
		padding-left:5px;
		padding-right:5px
	}
}
}