/*
Theme Name:     twelve-theme-child 
Theme URI:      
Description:    Twelve-theme child theme.
Author:         Me
Author URI:     
Template:       twelve-theme
Version:        0.1.0
*/


/*youtube video style*/
.ytvideo iframe{
	width: 100%;
	min-height: 500px;
}
/**/
/*phone header*/
.header_top p{
	float: right !important;
	font-size: 20px;
	color: #fff!important;
}
/**/

/* style homepage*/
.home #recent-works-header h2{
	font-weight: 400;
}
.home .portfolio img{
	border-radius: 0 !important;
}
.home #recent-works-header{
	position: relative;
	margin-bottom: 30px;
}
.home #recent-works-header h2{
	margin-bottom: 0;
}
.home #recent-works-header a{
	position: absolute;
	top: 100%;
	z-index: 999;
	margin-top: 0 !important;
	transition: all 0.4s;
}
.home #recent-works-header a:hover{
	opacity: 0.7;
}
.home #recent-works-header a.prev{
	left: 0;
	background-image: url("assets/images/left.png")!important;
	background-color: transparent !important;
	background-position-x: 0!important;
	background-position-y: center!important;
}
.home #recent-works-header a.next{
	right: 0;
	background-image: url("assets/images/right.png")!important;
	background-color: transparent !important;
	background-position-x: 10px!important;
	background-position-y: center!important;
}
/**/

/*style portfolio single_twelve_portfolio*/
.single-twelve_portfolio .navigation_project li{
	font-family: "Open Sans" !important;
	opacity: 1 !important;
}
.single-twelve_portfolio .navigation_project li a{
	transition: all 0.4s;
}
.single-twelve_portfolio .navigation_project li a:hover{
	opacity: 0.7;
}
.single-twelve_portfolio li.prev_project{
	background-image: url("assets/images/left.png")!important;
}

.single-twelve_portfolio li.prev_project a:last-child{
	padding-left: 12px;
}
.single-twelve_portfolio li.next_project{
	background-image: url("assets/images/right.png")!important;

}
.single-twelve_portfolio li.next_project a:last-child{
	padding-right: 12px;
}
.single-twelve_portfolio li.prev_project a:last-child, .single-twelve_portfolio li.next_project a:last-child {
	color: #000;
	font-size: 16px;
}
/**/

/*remove portfolio img border-radius*/
.portfolio img, .view .mask{
	border-radius: unset!important;
	
}

/*Responsive*/
@media (max-width: 767px){
	.ytvideo iframe{
		min-height: 300px;
	}
}
@media (min-width:768px) and (max-width:991px){
	.portfolio li:nth-child(2n+1){
		clear: both;
	}
}
@media (min-width:992px){
	.portfolio li:nth-child(3n+1){
		clear: both;
	}
}
/**/