.bethemesme_banner{
	background-repeat:no-repeat;
	background-size: cover;
    background-position: center;
    background-color: #bbb6b7;
}
.bethemesme_banner .bethemesme_banner_wrapper{
	height:740px;
}
.bethemesme_banner .banner_btn {
	padding:15px;
}
.bethemesme_banner .slider-caption {
	padding: 10% 0 0;
}
.bethemesme_banner .bethemesme_banner_overlay {
  position: absolute;  
  width: 100%; 
  height: 100%; 
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2; 
}
.bethemesme_banner .banner_btn_el {
	padding: 20px 38px;
	position: relative;
	color:#ff0000;
}
.bethemesme_banner .banner_btn_el:hover, .banner_btn_el:focus {
	color: #fff;
}
.bethemesme_banner .banner_btn_el:hover::before, .banner_btn_el:focus::before {
	opacity: 0;
	-webkit-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	-o-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2);
}
.bethemesme_banner .banner_btn_el:hover::after, .banner_btn_el:focus::after {
	opacity: 1;
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
}

.bethemesme_banner .banner_btn_el::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	border: 2px solid #ff0000;
	-webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
	-o-transition: all 0.35s;
	transition: all 0.35s;
}
.bethemesme_banner .banner_btn_el::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	background-color: rgba(255, 255, 255, 0.25);
	-webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
	-o-transition: all 0.35s;
	transition: all 0.35s;
	-webkit-transform: scale(0.5, 0.5);
	-moz-transform: scale(0.5, 0.5);
	-ms-transform: scale(0.5, 0.5);
	-o-transform: scale(0.5, 0.5);
	transform: scale(0.5, 0.5);
}
.bethemesme_banner .slider-caption {
	padding: 70px 0 0;
}
.bethemesme_banner .slider-caption {
	display: block;
}
.bethemesme_portfolio .portfolio-caption{
	background-color: rgba(0,0,0,.8)!important;
}
.bethemesme_portfolio .portfolio-caption .entry-title {
	color:#fff;
}
/*=============== Line In top ==================*/
.bethemesme_banner .bethemesme_vertical_line.first::before {
	content: '';
	position: absolute;
	background-color: pink;
	width: 100%;
	height: 1px;
	top: 30%;
	left: 0;
	background-color: rgba(255,255,255,.16);
	z-index: 50;
}
.bethemesme_banner .bethemesme_vertical_line.second::after {
	content: '';
	position: absolute;
	background-color: pink;
	width: 100%;
	height: 1px;
	bottom: 40%;
	left: 0;
	height: 1px;
	background-color: rgba(255,255,255,.16);
	z-index: 50;
}
.bethemesme_banner .bethemesme_vertical_line.first span{
	background-image: linear-gradient(92deg, #f87c57, #f2296f);
	width: 60px;
	height: 3px;
	position: absolute;
	right: 55%;
	top: 221px;
	z-index: 99;
	animation: el_line_banner alternate 8s ease-in-out infinite;
}
.bethemesme_banner .bethemesme_vertical_line.second span{
	background-image: linear-gradient(92deg, #f87c57, #f2296f);
	width: 60px;
	height: 3px;
	position: absolute;
	left: 55%;
	bottom: 295px;
	z-index: 99;
}
.bethemesme_banner .bethemesme_vertical_line.second span:first-of-type {
	left: 20%;
	width: 100px;
	animation: first-of-type alternate 8s ease-in-out infinite;
}
.bethemesme_banner .bethemesme_vertical_line.second span:last-of-type {
	left: 45%;
	width: 30px;
	animation: last-of-type alternate 8s ease-in-out infinite;
}
@keyframes el_line_banner {
	0% {  right: 35%; }
	50% {  right: 55%; }
	100% {  right: 35%; }
}
@keyframes first-of-type {
	0% {  left: 15%; }
	50% {  left: 30%; }
	100% {  left: 15%; }
} 
@keyframes last-of-type {
	0% {  left: 40%; }
	50% {  left: 60%; }
	100% {  left: 40%; }
}
.slider-caption h1.banner_title{
	font-size:56px;
}
.slider-caption p{
	padding:40px 0px;
	color:#fff;
}
@media screen and (min-width:992px) and (max-width:1200px){
	.bethemesme_banner .bethemesme_vertical_line.first::before {
		top: 35%;
	}
	.bethemesme_banner .bethemesme_vertical_line.first span {
		top: 258px;
	}
	.bethemesme_banner .bethemesme_vertical_line.second::after {
		bottom: 36%;
	}
	.bethemesme_banner .bethemesme_vertical_line.second span {
		bottom: 265px;
	}
}				
@media screen and (min-width:768px) and (max-width:991px){
	.bethemesme_banner .bethemesme_vertical_line.first::before {
		top: 20%;
	}
	.bethemesme_banner .bethemesme_vertical_line.first span {
		top: 147px;
	}
	.bethemesme_banner .bethemesme_vertical_line.second::after {
		bottom: 40%;
	}
	.bethemesme_banner .bethemesme_vertical_line.second span {
		bottom: 294px;
	}
	.bethemesme_banner .slider-caption {
		text-align: center;
		padding: 10% 0 0;
	}
	li#wp-admin-bar-my-account{
		display:none;
	}
	.site-title a {
		font-size:32px;
	}
}
@media screen and (min-width:576px) and (max-width:767px){
	.bethemesme_banner > span {
		display: none;
	}
	.bethemesme_banner .slider-caption {
		text-align: center;
	}
	.site-title a {
		font-size:32px;
	}
	.admin-bar .site-header{
		padding-top:5px!important;
	}
}
@media screen and (min-width:320px) and (max-width:575px){
	.bethemesme_banner > span {
		display: none;
	}
	.bethemesme_banner .slider-caption {
		text-align: center;
	}
	.site-title a {
		font-size:26px;
	}
	.site-branding {
		width: 80%;
	}
	.admin-bar .site-header{
		padding-top:5px!important;
	}
	.slider-caption h1.banner_title {
		font-size: 42px;
	}
}