/*
Theme Name: Brooklyn Child
Theme URI: http://www.unitedthemes.com
Description: Creative Portfolio
Version: 4.5.3
Author: United Themes
Author URI: http://www.unitedthemes.com
Template: brooklyn
*/

.site-logo img{
    width: 133px !important;
    height: 40px !important;
    max-width: initial !important;
}
.about-me-description{
    font-size: 18px;
    color: #666;
    font-family: ralewayregular;
}
.home .ut-portfolio-pagination{
    display: none;
}
.bklyn-testimonials-quote p{
   font-family: ralewayregular !important; 
   font-size: 16px;
}
.contact-wrap{
    max-width: 700px;
    margin: auto;
}
.cl-effect-18 a:hover::before,
.cl-effect-18 a:focus::before {
	-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
			transform: rotate(0deg);
	opacity: 0;
	transform: translateY(-20px);
}
.cl-effect-18 a:hover::after,
.cl-effect-18 a:focus::after {
	-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
			transform: rotate(0deg);
	opacity: 0;
    transform: translateY(20px);
}
#primary h1.page-title{
    text-align: center;
}
#primary .pt-style-2 h1.page-title:after{
    position: absolute;
    left: 50%;
    margin-left: -15px;
}
// portfolio
.ut-masonry{
    opacity: 1 !important;
}
.ut-next-portfolio{
	// background-color: red;
}
#ut-portfolio-navigation-wrap .ut-next-portfolio{
	position: relative !important;
}
#ut-portfolio-navigation-wrap .ut-next-portfolio i{
	// position: absolute;
    // right: 0;
    margin-left: calc(100% - 32px);
}
.img.portfolio-lazy.ut-animate-element.animated.fadeIn,
.ut-animate-element{
    opacity: 1 !important;
}
@media screen and (max-width: 767px) {
    .site-logo img{
        width: 133px !important;
        height: 40px !important;
        max-height: initial !important;
    }
    .hero-title{
        font-size: 20px !important;
        border: none !important;
        padding: 0;
    }
	.cl-effect-18 a {
        font-size: 14px;
	}
	.ut-bkly-qt-rotator .ut-prev-gallery-slide {
        left: 0;
    }
	.ut-bkly-qt-rotator .ut-next-gallery-slide {
        right: 0;
    }
	.ut-mm-trigger {
		display: block !important;
	}
}