@media (max-width: 991px) {	
	.single-maytech_project .post-body  {
		padding-bottom: 30px;
	}	
}

@media (min-width: 992px) {
	.single-maytech_project .post-body  {
		padding-bottom: 40px;
	}
}	




@media (max-width: 575px) {	
	.project-basic-info .info:first-child {
		margin-bottom: 30px;
	}	
}

@media (min-width: 576px) {	
	.project-basic-info .info:first-child {
		margin-right: 30px;
	}
	
	.project-basic-info .info {
		margin-top: auto;
		margin-bottom: auto;
	}
}



@media (max-width: 991px) {	
	.project-basic-info {		
		margin-bottom: 30px;
	}	
}

@media (min-width: 992px) {
	.project-basic-info {		
		margin-bottom: 40px;
	}
}	






.project-details h2 {
	margin-bottom: .5em;
}




@media (max-width: 991px) {	
	.detail-paragraph {
		margin-bottom: 30px;
	}
		
}

@media (min-width: 992px) {
	.detail-paragraph {
		margin-bottom: 35px;
	}
	
}









.project-slider .p-title {
	width: calc(100% - 20px);
	margin: auto;
	margin-bottom: 5px;
}


.project-slider .slick-slide {
	margin-left: 10px;
	margin-right: 10px;
}


@media (max-width: 991px) {	
	.project-slider {
		width: calc(86% + 20px);
		margin: auto;
		margin-bottom: 35px;
	}	
}

@media (min-width: 992px) {
	.project-slider {		
		width: calc(88% + 20px);
		margin: auto;
		margin-bottom: 45px;
	}
	
}


.project-screenshots {
	margin-bottom: 60px;
}













/* Project Techs */

.project-techs {
	margin-bottom: 25px;	
}

.project-tech {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
}

.project-tech:last-child {
	margin-right: 0;
}


.project-tech img {
	height: 50px;
	width: auto;
	padding: 10px;
	box-shadow: 3px 5px 10px rgba(0,0,0,0.15);
}





/* Project Info */

.project-info {
	font-family: 'Open Sans', sans-serif;
}


@media (max-width: 991px) {	
	.project-info {		
		margin-bottom: 30px;
	}	
}

@media (min-width: 992px) {
	.project-info {		
		margin-bottom: 40px;
	}
}	

.project-info td {
	padding-top: 10px;	
	padding-bottom: 10px;
}

.project-info tr:nth-child(1) td {
	border-bottom: 1px solid rgba(150,150,180,.3);	
}

.project-info .column-01 {
	color: #302C51;
	border-right: 1px solid rgba(150,150,180,.3);
	padding-right: 20px;
}

.project-info .column-02 {
	color: #9595B5;
	padding-left: 20px;
}

















.single-maytech_project .post-featured-image {
	box-shadow: 0px 5px 15px rgba(0,0,0,.1);
}


.single-maytech_project .project-short-info h4 {
	font-weight: 600;
}

.single-maytech_project .project-short-info {
	margin: 20px 0;
}



@media (max-width: 767px) {
	.single-maytech_project .project-short-info h4  { font-size: 16px; } 
}

@media (min-width: 768px) and (max-width: 991px) {
	.single-maytech_project .project-short-info h4  { font-size: 16.5px; } 
}

@media (min-width: 992px) and (max-width: 1199px) {
	.single-maytech_project .project-short-info h4  { font-size: 17px; } 
}

@media (min-width: 1200px) and (max-width: 1399px) {
	.single-maytech_project .project-short-info h4  { font-size: 17.5px; }
}

@media (min-width: 1400px) {
	.single-maytech_project .project-short-info h4  { font-size: 18px; } 
}











.single-maytech_project .main-header {
	position: relative;
}

.single-maytech_project .main-content {
    background: #f6f6f6;
    border-top: 1px solid rgba(0,0,0,.1);
}





/* Project Footer | Tags */

.single-maytech_project .project-footer-tags {
	background: #fff;
	margin-top: 40px;
	border: 1px solid #e1e1e1;
	box-shadow: 0px 5px 15px rgba(0,0,0,.15);
}

.single-maytech_project .project-footer-tags .tags {
	margin-bottom: 0;
}

.single-maytech_project .project-footer-tags .tag {
	font-size: 14px;
	color: #302c51;
	transition: all ease-in-out .3s;
	padding: 5px 15px;
	background: #fff;
}



@media (min-width: 992px) {
	.single-maytech_project .project-footer-tags .tag:hover {
		background: #302c51;
		color: #fff;
		border-color: #302c51;
	}
	
}






@media (max-width: 991px) {
	.single-maytech_project .project-footer-tags {
		padding: 35px 7% 25px 7%;
	}
}

@media (min-width: 992px) {
	.single-maytech_project .project-footer-tags {		
		padding: 40px 6% 30px 6%;
	}	
}













/*** Images in Project Content ***/


.single-maytech_project .post-body .content-images-row img {
	transition: all ease-in-out .3s;
	box-shadow: 0px 5px 15px rgba(0,0,0,.2);
	border-radius: 15px;
	border-top: 20px solid #fff;
	border-bottom: 20px solid #fff;
	border-left: 10px solid #fff;
	border-right: 10px solid #fff;	
}



@media (min-width: 992px) {
	.single-maytech_project .post-body .content-images-row img:hover {
		box-shadow: 0px 5px 20px rgba(0,0,0,.3);
	}
}




@media (max-width: 991px) {
	.single-maytech_project .post-body .content-images-row {
		margin: 40px 0;
	}	
}

@media (min-width: 992px) {
	.single-maytech_project .post-body .content-images-row {
		margin: 50px 0;
	}	
}



@media (min-width: 576px) {
	.single-maytech_project .post-body .content-images-row .column {
		width: 32%;
		margin-right: 2%;
	}
	.single-maytech_project .post-body .content-images-row .column:last-child {
		margin-right: 0;
	}	
}







/* Post Footer | Post Contact Row */

@media (max-width: 991px) {
	.single-maytech_project .post-footer .post-contact-row {
		padding: 45px 7%;
	}
}

@media (min-width: 992px) {
	.single-maytech_project .post-footer .post-contact-row {
		padding: 50px 6%;
	}	
}




/* Post Footer | Related Post */

@media (max-width: 991px) {
	.single-maytech_project .post-footer .related-posts {
		padding: 45px 7%;
	}
}

@media (min-width: 992px) {
	.single-maytech_project .post-footer .related-posts {
		padding: 50px 6%;
	}	
}



/* Post Footer | Related Post | Article */

.post-footer .related-posts {
	background: #1c1b35;
}

.post-footer .related-posts a {
	margin-left: 10px; margin-right: 10px;
}

.post-footer .related-posts a p {
	color: rgba(255,255,255,.7);
	font-weight: 600; font-size: 14px;
	margin-top: 15px;
	transition: all ease-in-out .2s;
}




@media (min-width: 992px) {
	.post-footer .related-posts a:hover p {
		color: rgba(255,255,255,1);
	}
}





/*** Post Footer | Related Posts | Custom Slick Dots ***/

.post-footer .related-posts .slick-dots {
	margin-top: 20px;
}

.post-footer .related-posts .slick-dots li {
	background: rgba(255,255,255,.2);
	width: 10px; height: 10px;
}

.post-footer .related-posts .slick-dots .slick-active {
	background: rgba(255,255,255,1) !important;
}


/*** Post Footer | Related Posts | Custom Slick Arrows ***/

.post-footer .related-posts .slick-arrow { 
	font-size: 0;
	position: absolute;
	z-index: 100;
	background: #fff;
	border-radius: 50px;	
	border: none;
	box-shadow: 0px 3px 10px rgba(0,0,0,.3);
}


@media (max-width: 360px) {
	.post-footer .related-posts .slick-arrow { 
		top: 34%; transform: translateY(-34%);
		width: 24px; height: 24px;			
	}	
}


@media (min-width: 361px) and (max-width: 767px) {
	.post-footer .related-posts .slick-arrow { 
		top: 30%; transform: translateY(-30%);
		width: 26px; height: 26px;			
	}		
}


@media (min-width: 768px) and (max-width: 991px) {
	.post-footer .related-posts .slick-arrow { 
		top: 30%; transform: translateY(-30%);
		width: 28px; height: 28px;			
	}	
}


@media (min-width: 992px) {
	.post-footer .related-posts .slick-arrow { 
		top: 30%; transform: translateY(-30%);
		width: 30px; height: 30px;			
	}
}


















.post-footer .related-posts .slick-arrow:after {
    font: 20px/1 'FontAwesome';

}

.post-footer .related-posts .slick-prev {
	left: 5%;
}

.post-footer .related-posts .slick-next {
	right: 5%;
}

.post-footer .related-posts .slick-next:after {
    content: "\f105";
}

.post-footer .related-posts .slick-prev:after {
    content: "\f104";
}
























.widget-title {
	padding: 20px;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 800; color: #08cbff;
}

.sidebar .widget {
	border-top: 5px solid #08cbff;
	background: #fff;
	box-shadow: 0px 5px 15px rgba(0,0,0,.2);
	border-bottom: 3px solid #31bdec;	
	border-radius: 5px;
}


.sidebar .post-categories .widget-title {
	border-bottom: 1px solid rgba(48,44,81,.3);
}

.sidebar .post-categories {
	padding-bottom: 20px;
}


/* Sidebar */

@media (max-width: 991px) {
	.sidebar .widget { margin-top: 40px;}
	.single-maytech_project .sidebar .post-tags  { margin-top: 40px;}
}

@media (min-width: 992px) {
	.single-maytech_project .sidebar .widget { margin-top: 50px;}
	.single-maytech_project .sidebar .post-tags  { margin-top: 50px;}
}



/* Sidebar | Tags */

.single-maytech_project .sidebar .post-tags a {
	font-size: 14px;
	padding: 5px 15px;
	border-radius: 2.5px;
	border: 1px solid rgba(0,0,0,.1); 
	/*background: #fff;*/
	margin-right: 12.5px; margin-bottom: 12.5px;
	display: inline-block;
	/*color: rgba(48,44,81,.6);*/
	transition: all ease-in-out .2s;
	color: #fff;
	/*background: rgba(48,44,81,.7);*/
	background: #08cbff
	
}


@media (min-width: 992px) {
	.single-maytech_project .sidebar .post-tags a:hover {
		background: #302c51;
	}

}









/* Sidebar | New Post */

.newest-posts {
	padding-bottom: 20px;
}

.post-link {
	display: block;
	border-bottom: 1px solid rgba(0,0,0,.1);
}

.post-link:last-child {
	border-bottom: none;
}

.post-link .post-title {
	padding: 15px 20px;
}

.post-link .post-title p {
	font-weight: 600; color: #302c51;
	line-height: 1.4em;
	margin-bottom: 0;
	font-family: 'Open Sans', sans-serif;	
	opacity: .5; transition: all ease-in-out .4s;
}

.post-link .post-title p:hover {
	opacity: 1; 
}


.first-post .post-title p {
	opacity: 1;
}






/** Sidebar | Search Form **/

textarea:focus, input:focus, button:focus {
    outline: none;
}

.search-row {
	border-radius: 50px;
	box-shadow: 0px 5px 15px rgba(28,1,127,.15);
	margin-left: auto !important;
	margin-right: auto !important;
}

.search-row input {
	width: 100%;
	font-family: SVN-Gilroy;
	border: none;
	border-radius: 5px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

::placeholder { color: rgba(44,48,81,.3)}

.search-row button {
	font-family: SVN-Gilroy;
	border: none;
	border-radius: 5px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	background-image: linear-gradient(-45deg, #f99f00, #fdd661);
	color: #fff;
	transition: all ease-in-out .3s;
}



@media (max-width: 992px) {
	.search-row button:hover {
		opacity: .7;
	}		
}




@media (max-width: 575px) {
	.search-row input,
	.search-row button {
		padding: 10px 15px;
	}		
}


@media (min-width: 576px) and (max-width: 767px) {
	.search-row input,
	.search-row button {
		padding: 12.5px 20px;
	}		
}


@media (min-width: 768px) and (max-width: 991px) {
	.search-row input,
	.search-row button {
		padding: 15px 25px;
	}	
}


@media (min-width: 992px) {
	.search-row input,
	.search-row button {
		padding: 17.5px 30px;
	}
}






















/**** UL ******/

.single-maytech_project .post-content ul,
.single-maytech_project .post-content ol {
	font-family: 'Open Sans', sans-serif;
	line-height: 1.9em;
	padding-left: 1.2rem; color: #302c51;
}

.single-maytech_project .post-content ul li,
.single-maytech_project .post-content ol li {
	margin-bottom: .3em;
}








.single-maytech_project .post-excerpt p {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	color: #302c51; line-height: 1.9em;
}




.single-maytech_project .post-content {
	padding-bottom: 20px;
}

.single-maytech_project .post-content p {
	font-family: 'Open Sans', sans-serif;
	font-weight: 500;
	color: #302c51; line-height: 1.9em;
}

.single-maytech_project .content-left {
	background: #fff;	
	border-radius: 5px;
	border: 1px solid #e1e1e1;
	border-top: 5px solid #08cbff;
	box-shadow: 0px 5px 15px rgba(0,0,0,.15);
}

.single-maytech_project .post-content h5 {
	font-weight: 800;
	color: #302c51;	
}


.single-maytech_project .post-content h4 {
	margin-top: 15px;
	margin-bottom: 15px;
}




@media (max-width: 991px) {
	.single-maytech_project .post-excerpt {
		margin-bottom: 25px;
	}
}

@media (min-width: 992px) {
	.single-maytech_project .post-excerpt {
		margin-bottom: 30px;
	}
}













/* Post Footer */






/* Post Meta */

.single-maytech_project .post-meta div {
	display: inline-block;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: .5px;
}

.single-maytech_project .post-meta .post-date {
	margin-right: 20px;
}

.single-maytech_project .post-meta a,
.single-maytech_project .post-meta {
	color: rgba(48,44,81,.5);
}















@media (max-width: 991px) {
	.single-maytech_project .post-area {
		width: 100%;
		padding-top: 0;
	}
	
	.single-maytech_project .post-body {
		width: 86%;
		margin: auto;
		padding-top: 40px;
		margin-bottom: 35px;
	}
	.single-maytech_project .content-right {
		margin-top: 30px;
		padding: 30px 7%;
	}
	.single-maytech_project .post-header {
		padding: 35px 7% 25px 7%;
	}
	
}

@media (min-width: 992px) {
	.single-maytech_project .post-body {
		width: 88%;
		margin: auto;
		padding-top: 50px;
		margin-bottom: 40px;
	}
	.single-maytech_project .post-header {
		padding: 40px 6% 30px 6%;
	}
	.single-maytech_project .post-area {
		padding-top: 80px;
	}		
}









.single-maytech_project .post-title h2 {
	margin-bottom: .3em;
}
















@media (max-width: 575px) {
	.single-maytech_project .main-footer .ft-row:last-child {
		padding-bottom: 50px;
	}
}


@media (min-width: 576px) and (max-width: 767px) {
	.single-maytech_project .main-footer .ft-row:last-child {
		padding-bottom: 60px;
	}
}


@media (min-width: 768px) and (max-width: 991px) {
	.single-maytech_project .main-footer .ft-row:last-child {
		padding-bottom: 70px;
	}
}


@media (min-width: 992px) and (max-width: 1199px) {
	.single-maytech_project .main-footer .ft-row:last-child {
		padding-bottom: 80px;
	}
}


@media (min-width: 1200px) and (max-width: 1399px) {
	.single-maytech_project .main-footer .ft-row:last-child {
		padding-bottom: 90px;
	}	
}


@media (min-width: 1400px) {
	.single-maytech_project .main-footer .ft-row:last-child {
		padding-bottom: 100px;
	}	
}




@media (max-width: 767px) {
	.single-maytech_project .post-body h2,
	.single-maytech_project .project-slider h2 { 
		font-size: 18px; 
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.single-maytech_project .post-body h2,
	.single-maytech_project .project-slider h2 { 
		font-size: 19.5px; 
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.single-maytech_project .post-body h2,
	.single-maytech_project .project-slider h2 { 
		font-size: 21px; 
	}
}

@media (min-width: 1200px) and (max-width: 1399px) {
	.single-maytech_project .post-body h2,
	.single-maytech_project .project-slider h2 { 
		font-size: 22.5px; 
	}
}

@media (min-width: 1400px) {
	.single-maytech_project .post-body h2,
	.single-maytech_project .project-slider h2 { 
		font-size: 24px; 
	}
}







/***********************************************/
/***********************************************/
/***********************************************/




/* Project Pages */



.project-post {
	float: left;
	transition: all ease-in-out .4s;
}



.project-post .post-title {
	text-align: center;
	color: #302c51; font-weight: 600;
}

.project-post .post-featured-image {
    position: relative;
    background: #000;
    overflow: hidden;
	margin-bottom: 20px;
	display: block;
	border-radius: 5px;
	box-shadow: 0px 10px 15px rgba(0,0,0,.1);
}

.project-post .post-featured-image:after {
    content: "";
    display: block;
	padding-top: 66.6%;
}

.project-post .post-featured-image img {
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: all ease-in-out .5s;
	border-radius: 5px;
}







@media (min-width: 992px) {
	.project-post:hover .post-featured-image img {
		box-shadow: 0px 5px 20px rgba(0,0,0,.4);
	}
} 







@media (max-width: 575px) {
	.project-post {
		margin-bottom: 40px;	
		width: 100%;
	}
} 

@media (min-width: 576px) and (max-width: 991px) {
	.project-post {
		width: 47.25%;
		margin-right: 5.5%;
		margin-bottom: 60px;		
	}	
	.project-post:nth-child(2n) {
		margin-right: 0;
	}		
}

@media (min-width: 992px) {
	.project-post {
		width: 31%;
		margin-right: 3.5%;
		margin-bottom: 70px;
	}	

	.project-post:nth-child(3n) {
		margin-right: 0;
	}
	
	.project-post:hover{
		transform: translateY(-15px);
	}
}