/*

Theme Name: Brooklyn Child

Theme URI: http://www.unitedthemes.com
Description: Creative Portfolio
Version: 4.9.5
Author: United Themes
Author URI: http://www.unitedthemes.com
Template: brooklyn

*/




/*----------------------------------------------------------------------------------------------------
                        DECKSTOP MEDIA CSS
-----------------------------------------------------------------------------------------------------*/


@media only screen and (min-width:1025px) {

	.ut-header-extra-module li:first-child .ut-main-navigation-link {
	    padding: 10px 20px !important; 
	}
	.ha-header-perspective > div {
	    position: relative;
	    display: flex;
	    padding: 0 50px;
	    justify-content: space-between;
	}
	
	.single-post #header-section #navigation.ut-horizontal-navigation a { color: rgba(48, 48, 48, 0.5)!important; }	
	.single-post #header-section #navigation.ut-horizontal-navigation a.active { color:#151515!important; }	
	.single-post #header-section #navigation.ut-horizontal-navigation .bklyn-btn-menu a.bklyn-btn { color:#fff!important; }
	
}



@media only screen and (min-width:1160px) and (max-width:1490px) {
	.vc_section {
	    padding-top:75px!important;
	    padding-bottom:75px!important;
	}	
   	.vc_row { padding:0 50px!important; }
   	.vc_row .wpb_wrapper .vc_inner { padding: 0!important; }
   	.vc_column_container>.vc_column-inner {
	    padding-left: 0px!important;  
	    padding-right: 0px!important;
	}

}

	
	

@media only screen and (min-width:1025px) and (max-width:1260px) {

	.ha-header-perspective > div {
    	padding: 0 25px;
    }
    .ut-main-navigation-link { padding-left: 10px; }
	
	.bklyn-btn {   
	 	padding: 7px 15px!important;
    	margin: 25px 0 0!important; 
    	font-size: 14px!important;
    }
	.ut-header-extra-module li:first-child .ut-main-navigation-link {
	    padding: 7px 15px!important;
	    font-size: 14px!important;
	}	
	.ut-horizontal-navigation a {
    	font-size: 14px!important;
	}	

}



@media only screen and (min-width:1025px) and (max-width:1180px) {
	.vc_section {
	    padding-top: 60px!important;
	    padding-bottom: 60px!important;
	}
	


/*----- |-- Home - productsectino --| ------*/
	.hm-row-product .vc_col-sm-4  { width: 40%; }	 
	.hm-row-product .vc_col-sm-8  { width: 60%; }
			
	.hm-produc-part2 .hm-prdct-bx .vc_column-inner .wpb_wrapper .wpb_content_element:last-child {
	    padding: 120px 40px 50px;
	}
	.hm-prdct-rgt .wpb_content_element h3 ,
	.hm-prdct-rgt .wpb_content_element p b { 
		left: 40%!important; 
	}
	


}



@media only screen and (min-width:1025px) {

	.big-section.vc_section { padding: 145px 0!important }
	 


/*----- |- Header Menu -| ------*/
	.ut-horizontal-navigation ul { 
		display: flex;
		align-items: center;
	}	
	.ut-header-extra-module-company-social .fa-ul.ut-navigation-menu li .ut-main-navigation-link {
	    height: 90px;
	    display: flex;
	    align-items: center;
	}
	#header-section.ut-secondary-custom-skin .ut-horizontal-navigation .sub-menu li > a {
		color: rgba(48, 48, 48, 0.5)!important;
	}
	.single-post .ha-header-perspective > div { 
		background-color: #fff!important;
	}

	.single-post .ha-header #menu-main li a { 
		color: rgba(48, 48, 48, 0.5)!important;
	}
	.single-post .ha-header #menu-main li a.active {
		color: #313131!important;
	}
	.single-post .ha-header #menu-main li a.active span {
		color: #313131!important;		
	}	


/*----- |- HM - About Swetmet -| ------*/
	.hm-colm-about .wpb_wrapper .wpb_row .vc_column-inner {
	    padding-left: 0px!important;
	    padding-right: 0px!important;
	}		


/*----- |------------| ------*/
	.hm-prdct-rgt .wpb_content_element p b {
		position: absolute;
	  	top:20%;
	  	left: 30%;	
	} 
	.hm-prdct-rgt .wpb_content_element h3 {
		position: absolute;
		top: 10%;
		left: 30%;
	}	
	.hm-produc-part2 .wpb_column:last-child { margin-top:50px; }
	

/*-------- |---- ABOUT PAGE  --| --------*/
	.au-abtrow-inner2 > .wpb_column:first-child .vc_column-inner {
	    padding-right: 40px!important;
	}	

/*-------- |---- ALL SERVICE PAGE --| --------*/
	.all-src-row .wpb_column:first-child {
	 padding-right: 50px; 
	}


}




@media only screen and (min-width:768px) {

/*----- |- ABOUT SWEMET -| ------*/
	.hm-colm-about .vc_inner:nth-child(even){
		display: flex; 
		flex-direction: row-reverse;
	}
	.hm-colm-about .wpb_wrapper .wpb_row { 
		margin-bottom: 0px; 
		align-items: center;
	}

}



@media only screen and (min-width:767px) and (max-width:1060px) {
	.row-col50 .wpb_column { width: 50%; }
	.pt-style-1.header-tablet-left { padding-right: 0px; }

	.row-100 > .wpb_column { width:100%!important; }


/*----- |--  PRODUCT PAGE --| ------*/
	.pr-rowsr4 .vc_col-sm-3 {
	    width: 50%;
	    margin-left: 0px;
	}



}



/*----------------------------------------------------------------------------------------------------
                        TABLATE MOBILE MEDIA CSS
-----------------------------------------------------------------------------------------------------*/

@media only screen and (max-width:1024px) {
	
	.vc_section {
	    padding-top:50px!important;
	    padding-bottom:50px!important;
	}
	.bklyn-btn.bklyn-btn-normal {
    	font-size: 14px!important;
	    padding: 7px 30px!important;
	}                                                    
	.pb-0 { padding-bottom: 0px!important; }

	
	
	.single-post #header-section.ut-primary-custom-skin {
		background: #ffffff !important;
	}
	.single-post #ut-sitebody .ut-mm-trigger #ut-open-mobile-menu.ut-hamburger:not(.is-active) span {
		background-color: rgba(21, 21, 21, 1)!important;	
	}	
	.single-post #ut-sitebody .ut-mm-trigger #ut-open-mobile-menu.ut-hamburger span::before { 
		background-color:#000!important;
	}
	/* 	#ut-sitebody .ut-mm-trigger #ut-open-mobile-menu.ut-hamburger span::before {
			background-color:#000!important;
	}*/
	
	#ut-sitebody .ut-mm-trigger #ut-open-mobile-menu.ut-hamburger span::before, 
	#ut-sitebody .ut-mm-trigger #ut-open-mobile-menu.ut-hamburger:not(.is-active) span, 
	#ut-sitebody .ut-mm-trigger #ut-open-mobile-menu.ut-hamburger span::after
	{
			background-color:#000!important;
	}
	
/*-----------------------------------------------
		|---- Home page ----|
------------------------------------------------- */
	.vc_col-sm-3 { width: 40%; margin-left: 20px; }

/*---- |-- About swetmet --| ----*/
	.hm-smart-gard .vc_column-inner .lead p { -webkit-line-clamp: 3; }
	.hm-smart-gard .vc_column-inner {
	    padding-left:0px!important;
	    padding-right: 0px!important;
	}

/*---- |-- Product --| ----*/
	.hm-row-product .wpb_column { width: 100%!important; }
	.hm-prdct-bx .wpb_wrapper .ut-animated-image-zoom {
		left: 0;
	}
	.hm-produc-part2 .hm-prdct-bx .vc_column-inner .wpb_wrapper .wpb_content_element:last-child {
		padding: 120px 30px 30px;
	}
	.hm-prdct-bx.wpb_column { margin-bottom: 40px; } 


/*---- |-- Integrated solutions --| ----*/	
	.hm-colum-intergraterd .ut-parallax-quote-title .ut-block-revealer-content {
		font-size: 16px;
    	font-weight: 500;
    	line-height: 1.5;
	}

}



@media only screen and (max-width:996px) {

/*---- |-- Regular --| ----*/	
	h2.section-title span {
	    font-size: 26px!important;
	    line-height: 1.3;
	}
		

/*-----------------------------------------------
		|---- Home page ----|
------------------------------------------------- 

/*---- |-- hm-banner --| ----*/
	.hm-sec-banner .wpb_wrapper .wpb_raw_code { margin-bottom: 0px!important; }
	.n2-ss-layer { margin-bottom: 0px!important; }
	h2.n2-ss-item-content { 
		font-size: 34px!important;
		font-weight: 700!important;
	}
	.n2-ss-layer h5 { font-size: 16px!important; }
	.n2-ss-item-content .n2-ow {
		padding: 0.5em 1.5em!important;
	}
	.n2-ss-layer h6 {
		display: -webkit-box!important;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 2;
	    padding: 0;
	    font-size: 16px!important;
    	margin: 5px 0 20px!important;
	    overflow: hidden;		
	}
	.n2-ss-layer .n2-ss-button-container { margin-top:0px; }
	div#n2-ss-2 .n2-ss-slider-1 { min-height:390px!important; }


/*---- |-- About swetmet --| ----*/	
	.hm-colm-about .vc_inner:nth-child(even) .vc_col-sm-6:last-child {
	    padding-right: 25px;
	}
	.hm-colm-about .vc_inner:nth-child(odd) .vc_col-sm-6:last-child {
	    padding-left: 25px;
	}
	.hm-colm-about .vc_inner .pt-style-1 { padding-right: 0px!important; }
	.hm-smart-gard .vc_col-sm-6 .wpb_wrapper h2.section-title span {
	    font-size: 18px!important;
	    line-height: 1.3;
	}

}


@media only screen and (max-width:767px) {

	.wpb_column { margin-bottom: 20px; }
	.vc_row .wpb_column:last-child { margin-bottom:0px!important; }

	.hm-colm-about .vc_column-inner .wpb_wrapper .wpb_row:last-child  { margin-bottom: 0px!important; }


/*---- |-- About swetmet --| ----*/	
	.hm-colm-about .vc_inner:nth-child(even) .vc_col-sm-6:last-child {
	    padding-right:0;
	}
	.hm-colm-about .vc_inner:nth-child(odd) .vc_col-sm-6:last-child {
	    padding-left: 0;
	}
	.vc_col-sm-3 {
	    width:100%; 
	    margin-left: 0;
	}

	.ut-sub-footer-content { 
		text-align: center;
	 }	
	 .ut-sub-footer-style-2.ut-sub-footer-style-2-reverse {
	    display: flex;
	    flex-direction: column-reverse;
	    text-align: center;
	}

/*---- |-- Product  --| ----*/	
	.hm-prodct-inner {
	    display:flex; flex-direction: column;
	}
	.hm-prodct-inner .vc_col-sm-3 {
	 	border:0px!important; 
	 	width: 100%; margin-left: 0px; 
	}
	.hm-prodct-inner .vc_col-sm-3 .wpb_wrapper { 
	   	padding: 0 30px 10px;
	}
	
}



@media only screen and (max-width:480px) {
	h2.n2-ss-item-content {
	    font-size: 26px!important;
	    font-weight: 700!important;
	}
	.hm-prdct-bx.wpb_column { margin-bottom: 30px; } 


}



/*----------------------------------------------------------------------------------------------------
                       MOBILE MENU
-----------------------------------------------------------------------------------------------------*/
.inner-custom-menu li img { max-width: 100%; height: auto; }

.ut-header-extra-module-right {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.flag-menu li img { max-width: 100%; height: auto; }
ul.custom-menu { display: flex;  }

ul.flag-menu { 
	width:100%!important; display:flex; 
	justify-content: space-between;
 	margin-bottom:10px; margin-left: 0px!important;
}
ul.flag-menu li { margin-right: 10px; }

 
.ut-horizontal-navigation.ut-navigation-style-separator ul li a::after { display: none; }

ul#ut-mobile-menu li { position: relative; }

/*------- |-- sub menu --| ----------*/
#menu-main li ul.sub-menu {
    background-color: #00adef!important;
    padding: 20px 10px;   
    border: 0;
}

#ut-sitebody .ut-horizontal-navigation ul.sub-menu li {
    padding: 0px!important;
}

ul.sub-menu li a { 
    color: #000!important;
    line-height: 1!important;
    margin-bottom: 20px;
}
ul.sub-menu li a { 
    color: #000!important;
    line-height: 1!important;
    margin-bottom: 20px;
}
ul.sub-menu li { margin-left: 0!important; }    
li.menu-item-has-children > a { position: relative; margin-right:10px; }
li.menu-item-has-children > a::before {
    position: absolute;
    content: "";
    right:0px;
    top: 8px;
    margin: auto;
    width: 8px;
    height: 8px;
    border: solid 2px #00adef;
    border-left: none;
    border-top: none;
    transform: rotate(45deg);
    transition: 1s all;
}
li.menu-item-has-children > a:hover::before {
    transform: rotate(-135deg);
    top: 8px;
}


/*-------------------------------------------------------------
                    DECKSTOP MEDIA CSS
--------------------------------------------------------------*/


@media only screen and (min-width:1025px) {


.grid-70 {
    float: left;
    width: 84%!important;
 }

.flg-none-desktop { display: none!important; } 

ul.ut-header-extra-module-custom-fields li a {
	padding: 20px;
	color: #fff!important;
	background-color: #000;	
	transition: 0.4s all;
}	

ul.ut-header-extra-module-custom-fields li a:hover {
	background-color:#666666 !important;
}



/*------- |-- sub menu --| ----------*/
	li.menu-item-has-children { position: relative; margin-right: 10px; }
	.ut-header-extra-module-right .ut-horizontal-navigation {
		width:100%!important;
	} 
	li.free_qtn { display: none!important; }



}




/*-------------------------------------------------------------
                    RESPONSIVE MEDIA CSS
--------------------------------------------------------------*/

@media only screen and (max-width:1025px) {

	ul#ut-mobile-menu { width: 100%!important; }
	ul#ut-mobile-menu li a { display: inline-block!important; padding: 0px; }
	ul#ut-mobile-menu li { margin: 10px 0; }
	
	.ut-mobile-menu a::before { display: none; }

	.bklyn-btn-menu a.bklyn-btn {
	    padding: 10px 20px!important;
	}
	.ut-mobile-menu .sub-menu { margin: 0; }

	ul.sub-menu { padding: 10px 10px; }

	ul.flag-menu {
	    width: auto!important;
	    margin: 0px!important;
	    position: absolute;
	    right: 70px;
	    top: 20px;
	    align-items: center;
	    height: auto;
	}		
	

/*------ | sub menu | --------*/
    ul.sub-menu { 
        display: none; 
        position: relative;
        background-color: transparent;
        z-index: 111;
    }
    li.menu-item-has-children::before {
        position: absolute;
        content: "";
        right: 10px;
        top: 5px;
        width:11px;
        height: 11px;
        border: solid 2px #000;
        border-left: none;
        border-top: none;
        transform: rotate(45deg);
        transition: 0.5s all;
    }
     li.active.menu-item-has-children::before {
        transform: rotate(-135deg);
        top: 7px;
    }
    li.menu-item-has-children > a::before { display: none; }

    ul.sub-menu li a { margin-bottom: 0px; }

    li.free_qtn a { 
    	background-color: #000;
    	color: #fff;
	    padding: 10px 20px!important;
	    transition: 0.4s;
    }
    
    #ut-sitebody.ut-mobile-menu-open #ut-mobile-menu li.free_qtn a:not(.bklyn-btn) {
    	color: #fff!important;
    }
    #ut-sitebody.ut-mobile-menu-open #ut-mobile-menu li.free_qtn a:not(.bklyn-btn):hover {
    	background-color: #666666!important;
    }	


}




@media only screen and (max-width:767px) { 
	ul.flag-menu {
	    right: 55px;
	    top: 10px;
	}
	
/* 	.single-post .main-content-background {
    	padding-top: 40px!important;
	}
	.single-post #ut-hero.hero {
		height: calc(50% - 0px) !important;
		min-height: calc(50% - 0px) !important;
	}	 
	.single-post .hero-holder .hero-inner h1.hero-title { font-size:28px!important; }	
	 */
	
	
}