html {scroll-behavior: smooth}
/* --------------------------------------
   Body 
	 disable code:
 -webkit-user-select: none;
        -webkit-touch-callout: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
   -------------------------------------- */
@font-face {
                font-family: "Knockout-Welterweight";
                src: url('../fonts/Knockout-Welterweight.woff') format('woff'),
        url('../fonts/Knockout-Welterweight.woff2') format('woff2'),
        url('../fonts/Knockout-Welterweight.eot'),
        url('../fonts/Knockout-Welterweight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Knockout-Welterweight.otf') format('truetype');

                font-weight: bolder;
                font-style: normal;
                font-display: swap;
            }

     

.row {margin-left: 0; margin-right: 0;}

body, html { 
	overflow-x:hidden !important; 
}

a, a:hover {color: inherit;}

a[href^=tel] { 
	color: inherit; 
	text-decoration: none; } 

body { 
	
		font-family:"Verdana", "serif";
	font-weight: normal;
	
	color: #333; background: #fff;	
	font-size: 18px; 
	overflow-x: hidden; 
}

h1 {
	font-size: 26px; 
			font-family:"Verdana", "serif";
	 color:#104b87;font-weight: bold; 
}

h2, h3, h4, h5, h6 { 	font-size: 26px;
			font-family:"Verdana", "serif";
	font-weight: bold;
	 color:#104b87;

}


a{ 
	transition: all 0.2s ease-in-out 0s;}
 a:hover { 
 text-decoration: underline;
	transition: all 0.2s ease-in-out 0s;
}

p {
		font-family:"Verdana", "serif";
	text-shadow:none;
	
}

div.container {	
	position:relative;}

.floatLeft { float:left}
.floatright { float:right}
.broynparkokl_nopadding{padding:0!important}
.broynparkokl_nomargin{margin:0!important}
.broynparkokl_seperator{border-left: 2px solid #0c4175}


/* --------------------------------------
   header padding and background
   -------------------------------------- */
.broynparkokl-padding_around, .broynparkokl-padding_around3 {
	padding: 0vh 0vw;
}


/* --------------------------------------
   logo and phone header
   -------------------------------------- */
.navbar-inverse .navbar-brand  h1{width: 400px; font-size: 30px;
color:#fff; margin: 10px; padding: 0; text-transform: uppercase;
	 font-family: "Knockout-Welterweight", Constantia, Lucida Bright, DejaVu Serif, Georgia, serif;	 }
.navbar-inverse .navbar-brand{padding: 20px 15px; padding-right: 20px; height: auto; line-height: inherit;background-color: #033d77;  }
.navbar-inverse .navbar-brand  a:hover{text-decoration: none; color: #fff; text-shadow: none !important}
.navbar-brand {
-webkit-clip-path: polygon(0 0, 100% 0%, 92% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0%, 92% 100%, 0% 100%);}
.navbar-brand {color: #fff; }
.broynparkokl-logo  p{font-size: 18px; color:#000; text-align: left;}
.broynparkokl-logo {margin-bottom: 10px;}
.broynparkokl_seo{color: #fff; margin: 10px 0; font-size: 20px; text-align: center}
p.broynparkokl_phoneheader a{  text-align: center; padding: 10px 5px; text-shadow: 1px 1px 2px #103c68;
	color: #c0ddf9;   font-weight: bold;font-size: 20px; display: inline-block; 
	
 }
.broynparkokl_phoneheader a:hover{ 
	color: #fff; text-decoration: none;}

.broynparkokl_cc1 {width: 190px; height: auto; margin-top: 15px;}

.broynparkokl_bgheader {
background:#1c67b2;
 }
.navbar-brand h1{width: inherit}

/* --------------------------------------
   Navigation
   -------------------------------------- */
.broynparkokl_noborder-right{border-right: none !important}
.navbar-inverse{ border-top:none;
	 	transition: all 0.2s ease-in-out 0s; color: #fff;	
			font-family:"Verdana", "serif";}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {   padding:20px 10px!important; font-weight: bold; 
color:#fff; 
background: #012549;


  }

	
.navbar-inverse .navbar-nav > li > a{
		 		font-family:"Verdana", "serif";
	 padding:20px 10px; background-color: #176cc1;  margin-right: 5px;
opacity: 1; 
	 font-size:18px;  font-weight: bold;
	 color: #fff;   transition: all 0.3s ease-out;
}

.navbar-inverse .navbar-nav > li > a::before {
  content: "";
  position: absolute;
  bottom: 10px;
	left:35%;
  width: 30%;
  height: 3px; 
  background-color: #033d77;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease-out;
	
}


.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {color:#fff;  opacity: 0.9;  }
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover::before {
	transform: scaleX(1);}

.navbar { 
	margin-bottom:0; }
	
.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;}

.navbar .navbar-collapse {
  text-align: center;}

.navbar-inverse{
		border-bottom: none;}
/* --------------------------------------
schema
   -------------------------------------- */

#broynparkokl-box_schemacss {	 color:#f4f4f4; }
#broynparkokl-box_schemacss a{color:#fff;} 			  
#broynparkokl-box_schemacss h2{	color:#f4f4f4 ;}	
.broynparkokl-box_schema_add_map div {	display: inline;}

/* --------------------------------------
   (white)
   -------------------------------------- */


.broynparkokl-white1 {padding: 20px 40px; }
.broynparkokl_contentbox{margin-top: 40px; margin-bottom: 20px;}

.broynparkokl-content-textimg2 { float: right;margin: 10px 0px 10px 30px;
	width: 400px; height: auto; box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px; border-radius: 5px; padding: 10px;}


.broynparkokl-btn a{
		font-family:"Verdana", "serif";
color: #fff !important;
padding:10px 40px; font-weight: bold;
display: inline-block; 
cursor: pointer; text-align: center; margin-top: 10px; margin-bottom: 10px;
	border-radius: 5px; background: #01305e;
}

.broynparkokl-btn a:hover{ text-decoration: none !important;
	background: #033d77 !important; color:#fff !important;
webkit-animation:fadeinout 0.7s ease-out;
        animation:fadeinout 0.7s ease-out;
        -webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;}

.broynparkokl-white a:hover{color:#111; text-decoration: underline; }
.broynparkokl-white a{color:#000;}

.broynparkokl-white p, .broynparkokl-white ul, .broynparkokl-white li{color:#222;}
.broynparkokl-white ul{ margin-left: 20px; }
.broynparkokl-white li {color:#222; list-style: square}
.broynparkokl-white ul, .broynparkokl-white li{color:#222}
.section-sub-title {
    position: relative;
    display: inline-block;
}

.section-sub-title::before {
    position: absolute;
    content: "";
    height: 5px;
    width: 15px; border-radius: 10px;
    background: #147de5;
    left: 0;
    top: 19px;
}

.section-sub-title::after {
    position: absolute;
    content: "";border-radius: 10px;
    height: 5px;
    width: 15px;
    background: #147de5;
    left: -10px;
    top: 28px;
}

.section-sub-title h1, .section-sub-title h2, .section-sub-title h3, .section-sub-title h4, .section-sub-title h5, .section-sub-title h6 { 
    color: #104b87; 
    margin-bottom:20px;
    position: relative;
    padding: 0 30px 0;}


/* --------------------------------------
   dark section
   -------------------------------------- */
.section-sub-title2 {
    position: relative;
    display: inline-block;
}

.section-sub-title2::before {
    position: absolute;
    content: "";
    height: 3px;
    width: 15px;
    background: #fff;
    left: 0;
    top: 19px;border-radius: 10px;
}

.section-sub-title2::after {
    position: absolute;
    content: "";
    height: 3px; border-radius: 10px;
    width: 15px;
    background: #fff;
    left: -10px;
    top: 28px;
}

.section-sub-title2 h1, .section-sub-title2 h2, .section-sub-title2 h3, .section-sub-title2 h4, .section-sub-title2 h5, .section-sub-title2 h6 { 
    color: #fff; 
    margin-bottom:20px;
    position: relative;
    padding: 0 30px 0;}

.broynparkokl-dark2 {background: #104b87;  padding:80px 20px; clip-path: polygon(50% 0%, 87% 2%, 100% 4%, 100% 96%, 68% 100%, 32% 100%, 0 97%, 0 3%, 12% 2%); }
.broynparkokl-btn2 a{
		font-family:"Verdana", "serif";
color: #033d77 !important;
padding:10px 40px; font-weight: bold;
display: inline-block; 
cursor: pointer; text-align: center; margin-top: 10px; margin-bottom: 10px;
	border-radius: 5px; border:2px solid #033d77;
}

.broynparkokl-btn2 a:hover{ text-decoration: none !important;
	background: #033d77 !important; color:#111 !important;
webkit-animation:pulse 0.5s ease;
        animation: pulse 0.5s ease;
        -webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;}

.broynparkokl-dark2 a{color: aqua}
.broynparkokl-dark2 p{color:#fff;}
.broynparkokl-dark2 ul{ margin-left: 20px; }
.broynparkokl-dark2 li {color:#fff; list-style: square}
.broynparkokl-dark2 ul, .broynparkokl-dark2 li{color:#fff}
/* --------------------------------------
   Section banner services
   -------------------------------------- */
.nopaddingbottom {padding-bottom: 0 !important}
.broynparkokl_bgservicesbg{background:#033d77; padding: 10px 50px;  }
.broynparkokl_bgservicesbg strong{font-size: 26px; color: #fff;}
.broynparkokl_bgservices {margin-top: 70px;}
.broynparkokl_padding-area{margin-top: 30px;}
.padding-services:hover{webkit-animation:fadeinout 0.7s ease;
        animation: fadeinout 0.7s ease; filter: brightness(120%);
        -webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;}
.padding-services img{margin-bottom: 10px;}
.padding-services{background: #104b87; padding: 20px; color: #fff;}
.bannerservices{background: #104b87; padding-top: 20px; padding-bottom: 20px; background-image: url(../images/brooklyn-park-locksmith-bg.jpg); background-attachment: fixed; }
.bannerservices p{text-align: center; background:rgba(0, 0, 0, 0.7); color: #fff; width: 400px;  font-size: 24px; padding: 20px; margin: 5px auto}
.bannerservices img{margin-top: 30px; margin-bottom: 10px; box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset; border:3px double #104b87;}
.bannerservices img:hover{
webkit-animation: pulse 1s ease;
        animation: pulse 1s ease;
        -webkit-animation-iteration-count: 1;
	animation-iteration-count: 1; filter:grayscale(40%); border-radius: 5px}
/* --------------------------------------
   Section footer services
   -------------------------------------- */

/* --------------------------------------
   Section footer links
   -------------------------------------- */
.broynparkokl-copyright a{color: #fff}
.broynparkokl-copyright a:hover{color: #bfe5fc; text-decoration: none}
.broynparkokl-copyright { color:#fff; margin-top: -2px;
background-color:#104b87; padding: 40px 10px;}


#broynparkokl-schema { color:#fff; }
#broynparkokl-schema h2{color:#fff; font-size: 20px;}
.broynparkokl-schema_add_map div{display:inline}
.broynparkokl-copyright li {color:#fff; list-style: square}
.broynparkokl-socialmedia{width: 200px;  height: auto; margin: 0px}
.broynparkokl-socialmedia img:hover{opacity: 0.8; border-radius:20px; }
.broynparkokl-socialmedia img{border-radius: 10px; padding: 5px;  width: 40px;   -webkit-transition:all 0.3s 0s ease-in-out;
	transition:all 0.3s 0s ease-in-out; float: left}
/* --------------------------------------
BackToTop button css 
-------------------------------------- */
#scrolltop {
	position:fixed;
	right:20px; border-radius: 20%;
	bottom:10px;
	cursor:pointer; 
	width:40px;
	height:40px;
	background-color:rgba(0, 0, 0, 0.7);
	text-indent:-9999px;
	display:none;

}
	
#scrolltop span {
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-8px;
	margin-top:-12px;
	height:0;
	width:0;
	border:8px solid transparent;
	border-bottom-color:#ffffff}
	
#scrolltop:hover {
	background-color:rgba(0, 0, 0, 0.9);
	
	opacity:1;filter:"alpha(opacity=100)";
	-ms-filter:"alpha(opacity=100)";}

@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

@keyframes fadeinout {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@keyframes pulse {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.5;
  }

  100% {
    opacity: 0;
  }
}

/* Small screen laptop and pc 150% */
@media (max-width: 1350px) {
	.broynparkokl_seo {font-size: 20px}
.navbar-inverse .navbar-brand {
  padding: 25px 5px;
 	padding-right: 10px;}
	.broynparkokl_contentbox {margin-top: 20px; margin-bottom: 20px;}
	
	h2, h3, h4, h5, h6 {font-size: 20px;}
	

	p.broynparkokl_phoneheader a {font-size: 18px}
	.broynparkokl_cc1 {width: 150px;}
	.broynparkokl-phone a{font-size: 18px; padding: 10px}
.broynparkokl_bgservices {
  margin-top: 20px;
}
img.logoimg {width: 60%; height: auto}	
}

/* Small screen laptop and pc 170% */
@media (max-width: 1150px) {

.broynparkokl_seo {font-size: 20px}
	.broynparkokl-padding_around4{padding-right:30px;}
	
	.broynparkokl_contentbox {margin-top: 20px; margin-bottom: 20px;}
	.broynparkokl-service-side-img{width: 300px}
	
.navbar-inverse{
background: #104b87;
          border-bottom: none;
            -webkit-transition: all 0.4s ease;
            transition: all 0.4s ease;}
.navbar-inverse.sticky {top:0;
            position: fixed;
	font-size:14px;
            width: 100%;          
		background:#104b87!important;
            text-align: left;
           			opacity:0.97 !important;	 }		
	
.navbar-inverse.sticky .navbar-nav > li > a{font-size:14px; 	
 padding:20px 5px; }
	
.navbar-inverse.sticky .navbar-nav > .active > a, .navbar-inverse.sticky .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover { 
	color:#fff; 
background: #012549;  padding:20px 5px;			 	font-family:"Verdana", "serif";text-shadow:none;  }

.navbar-inverse .navbar-nav > li > a{
		 	 	font-family:"Verdana", "serif";
	font-size:11px; }

		.broynparkokl-phone a{font-size: 16px;}
	.broynparkokl-dark img, img.broynparkokl-service-side-img {width: 300px}

	img.broynparkokl-content-textimg {width: 300px; height: auto;}
	.broynparkokl-content-textimg2  {width: 250px; height: auto;}
	.broynparkokl_seo {font-size: 16px;}
	
}


@media (max-width: 1123px) {

	.broynparkokl_phoneheader a{font-size: 16px !important}
	.broynparkokl_phoneheader, .navbar-inverse .navbar-brand h1{margin-bottom: 0;}
.navbar-inverse.sticky .navbar-nav > li > a{font-size: 14px;}	


}
@media (max-width:1033px) {
		
	
		.broynparkokl_phoneheaderpadd, .broynparkokl-quick, .broynparkokl_cc {margin: 5px; min-height: inherit; border: none !important}
	.broynparkokl-phone_top p{font-size: 12px;}
.broynparkokl-white-img-side { width: 250px; height: auto; }
			.broynparkokl-contact_info_text {padding: 10px 20px} 	
	.broynparkokl-contact_info_text a{font-size: 20px;}
	.navbar-inverse.sticky .navbar-nav > li > a{font-size: 11px;}

	.broynparkokl_phoneheaderpadd, .broynparkokl-quick, .broynparkokl_cc {font-size: 9px;}
	.broynparkokl_cc p {font-size: 8px}
	

	
	}

/* 200% size SM*/
@media (max-width:991px){
	.navbar-inverse .navbar-brand  h1{width: 190px;}
	.box{
    margin: 5px;
}
.single-box{
    width: 200px;
    height: 200px;
    perspective: 80px;margin: 0 auto;
}
	
.box
.sides{
    position: absolute;
    width: 200px;
    height: 200px;
    text-align: center;
}
.content strong{olor:#033d77; font-size: 12px;
}
.content p{ 
  padding: 5px; font-size: 10px;
  
}

}

@media (max-width:980px) {	


.broynparkokl_cc1 {
  width: 50px;}
	.broynparkokl_seo {
  font-size: 12px;
}

	
	.sticky.broynparkokl-logo a {font-size: 16px}
	
	.broynparkokl_phoneheader a {font-size: 8px; line-height: normal}
/*   Navigation */	
.navbar-inverse .navbar-nav > li > a{
	 font-size:12px;padding:20px 5px }
	.navbar-nav {margin-top: 5px; margin-bottom: 5px;}
	.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {padding: 20px 5px;}
	
	.navbar-inverse.sticky .navbar-nav > li > a{font-size: 9px;}
	
.broynparkokl-cc img{display:inline-block; width: 90px; height: auto}		
	
		.broynparkokl-phone a {font-size: 14px;}


	.broynparkokl-whitebox {padding: 20px;border-radius:0px 0px 20px 20px;} 
	.broynparkokl-white {margin-top: 10px;}
	.broynparkokl-dark img, img.broynparkokl-service-side-img {float: none; margin: 10px auto; width: 250px;}
	
.broynparkokl-darkbox {padding: 20px;border-radius:0px 0px 20px 20px;}
	.broynparkokl-dark {padding:30px 0;}
	.broynparkokl-dark > .container{width: 95%}	
	.broynparkokl-content-text {margin-left: -20px;}
	.broynparkokl-white1{padding: 20px}
	
}

/* Landscape phone to portrait tablet 260% */
@media (max-width: 767px) {
	.broynparkokl_logo_small_screen img{float: left; width: 200px; margin-left: 5px;}
	.section-sub-title::before, .section-sub-title2::before {
    
    top: 0px;}

.section-sub-title::after, .section-sub-title2::after {    
    top: 8px;}
	.bannerservices p {width:auto}
.broynparkokl-dark2{padding:10px;}	
	.broynparkokl-white1{padding: 10px;}
	.broynparkokl-dark2 {background-image: none; background-color: #104b87}

	.broynparkokl-Phone_visible_area_bg img:hover{filter:brightness(110%); border-radius: 5px;}
	.broynparkokl_contentbox {
  margin-top: 0px;
  margin-bottom: 0px;
}

	.bannerservices{background-image: none}
		
	/* navigation */

	.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > li > a:hover {color: #f4f4f4}
	
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: rgba(0, 0, 0, 0.1); }
	.pull-right{float: inherit !important }

.navbar-inverse{ background: #00386B; /* Old browsers */

		height:auto;
	opacity:0.9;}
	img.broynparkokl-content-textimg, .broynparkokl-content-textimg2 {float:inherit; margin: 5px auto; width: 200px}

	
	.broynparkokl_contentbox {padding: 10px 20px !important}

.navbar-inverse .navbar-nav > li > a{
	font-size:18px; background: none; 
	font-weight:bold; border-right: none !important;
	padding:5px 20px !important;}
	
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse 
.navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > 							
.active > a:hover {
	border:none;
	padding:5px 20px}

.navbar-nav{
	float: inherit!important;
	clear:left;
	margin:0px;}	

.navbar-collapse{
	padding-bottom:5px;}	

.navbar-inverse.sticky .navbar-nav > li > a{
	font-size:18px;
	font-weight:bold;
	padding:5px 30px !important; }
	
.navbar-inverse.sticky .navbar-nav > .active > a, 
.navbar-inverse.sticky .navbar-nav > .active > a:focus, .navbar-inverse.sticky .navbar-nav > 
.active > a:hover {	font-size:16px;
	border:none;
	padding:5px 30px}
	
.navbar-inverse.sticky{
	height:auto; 
	opacity:0.9 !important; }
	
.navbar-collapse.sticky{
	padding-bottom:5px;}	
			
	.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #ccc;
}
	/* navbar-toggle */
	.navbar-inverse .navbar-toggle { 
		border: none;
background: none;}	
		.navbar .navbar-collapse {padding-top: 5px; text-align: left; background: #104b87}
	.navbar-inverse.sticky {background: #104b87 !important;}	
	.navbar-inverse .navbar-toggle:focus{background:#333;}
	.navbar-inverse .navbar-toggle:hover { color: #fff; background:#222 }
	.padding-services{border:5px solid #fff;}
	/*body*/
	
		body {background-color: #fff; }
h1, h2, h3, h4, h5, h6 {font-size: 20px}	
	.broynparkokl-logo_small_screen a{color: #fff}
	.broynparkokl_logo_small_screen a{ padding-left: 4px; letter-spacing:1px; font-style: normal;		 text-transform: uppercase;
		font-family: "Knockout-Welterweight", Constantia, Lucida Bright, DejaVu Serif, Georgia, serif;
	color:#fff; margin: 5px 0 0 0; }
	
		.broynparkokl-bg_phone_tablet_area {text-align: center; padding: 1vh 2vw; background: #49bdfc; color:#111; font-size: 18px }
	.broynparkokl-bg_phone_tablet_area a{color:#000; font-size: 18px}
	.broynparkokl-bg_phone_tablet_area a:hover{text-decoration: underline; font-size: 18px}
.broynparkokl-dark > .container{width: auto}
	.broynparkokl-footerbox {   padding: 0px;}

	.broynparkokl_logo_small_screen.sticky a {color:#fff; text-shadow: none}
	.broynparkokl-service-side-img {width: 300px}
	
		
	.broynparkokl-white ul, .broynparkokl-white li{    margin-left: 0px;}	
	.broynparkokl-btn a{font-size: 18px}
.broynparkokl-logo_small_screen{font-size: 22px;    	font-family:"Verdana", "serif";
 margin: 5px;}
		.broynparkokl-Dark_bg-img, .broynparkokl-imgpostion, 	.broynparkokl-service-side-img{width: 200px;}
	.broynparkokl-white-img-side{float: inherit; margin: 5px auto; width:250px}
	.broynparkokl-white h1, .broynparkokl-white h2, .broynparkokl-white h3, .broynparkokl-white h4, .broynparkokl-white h5 {width: inherit}
	.broynparkokl-dark h1, .broynparkokl-dark h2, .broynparkokl-dark h3, .broynparkokl-dark h4, .broynparkokl-dark h5, .broynparkokl-dark h6  {width: inherit}

.broynparkokl-white h1, .broynparkokl-white h2, .broynparkokl-white h3, .broynparkokl-white h4, .broynparkokl-white h5 {margin-top: 5px; margin-bottom: 5px;}
	.broynparkokl-dark ul {margin-left:-20px}
	
	.broynparkokl-darkbox {margin: 5px; padding: 5px 20px;}
		.broynparkokl-white{ margin-top: 5px; margin-bottom: 5px; padding: 1vh 1vw;  }
	.broynparkokl-dark-textbgline h1, .broynparkokl-dark-textbgline h2, .broynparkokl-dark-textbgline h3, .broynparkokl-dark-textbgline h4, .broynparkokl-dark-textbgline h5, .broynparkokl-dark-dark-textbgline h6 {border-radius: 10px; padding: 5px 10px;}
	.broynparkokl-white h1, .broynparkokl-white h2, .broynparkokl-white h3, .broynparkokl-white h4, .broynparkokl-white h5 {border-radius: 10px; padding: 5px 10px;}
	.broynparkokl-whitebox{border-radius: 10px; padding: 5px 10px;}
	.broynparkokl-darkbox{border-radius: 10px; padding: 5px 10px;}

		.broynparkokl-phone a:hover, .broynparkokl-phone a{font-size: 20px}
	.broynparkokl-phone{display:flex; 
								justify-content:center;	align-items:center; width: 96%}	


	.broynparkokl-Phone_visible_area_bg img{width: 130px; margin: 5px auto}

	
	.broynparkokl-phone a:hover, .broynparkokl-phone a{font-size: 16px; display: inherit;}
	.broynparkokl-padding_around_services_footer {
    padding: 1vh 2vw;
}
	a, a:hover {font-size: 17px}
	
		.broynparkokl-headerbanner_services_action h5 {font-size: 18px; }
	.broynparkokl-darkmarginbottom{padding-bottom: 10px !important;}
	
	

}

/* Portrait & landscape phone */

@media (max-width: 670px) { 	
.broynparkokl-service-side-img {width: 200px}
	.broynparkokl-logo_small_screen a{font-size: 15px;}
	.broynparkokl-bg_phone_tablet_area a{font-size: 18px}
.broynparkokl-box-service p{font-size: 9px;}
		.broynparkokl-Dark_bg-img, .broynparkokl-imgpostion, .broynparkokl-service-side-img{width: 250px; margin: 5px auto}
		.broynparkokl-dark img, img.broynparkokl-service-side-img {width: 200px;}
	
	.broynparkokl_logo_small_screen img{float: left; width: 150px;}
}

@media (max-width: 420px) {
	
		
	body {background-color: #fff;  }
	
		.broynparkokl-phone a:hover, .broynparkokl-phone a{font-size: 16px; display: inline-block}
	
	p, ul, li {font-size: 14px;}
		h1, h2, h3, h4, h5, h6 {font-size: 18px}.broynparkokl-phone a:hover, .broynparkokl-phone a{font-size: 16px; display: inline-block}
	#scrolltop{display: none !important}

 .broynparkokl_logo_small_screen img{float: left; width: 140px;}

}

@media (max-width: 360px) {	

	
	h1, h2, h3, h4, h5, h6 {font-size: 18px}	
.broynparkokl-Dark_bg-img img, .broynparkokl-imgpostion img, .broynparkokl-service-side-img img{display: none}
	
	.broynparkokl-logo_small_screen{font-size: 13px;}	
img.broynparkokl-content-textimg, .broynparkokl-content-textimg2{display: none}
.broynparkokl-2,  .broynparkokl-darkgray,.broynparkokl-white,.broynparkokl-contact,.broynparkokl-headerbanner_services_action_bg
	{padding: 1vh 1vw;} 

				.broynparkokl-white_container { margin: 0; padding: 1vh 1vw;}

.broynparkokl-bg_phone_tablet_area a{font-size: 18px}
	.broynparkokl-phone_footer {font-size: 18px; padding: 1vh 1vw;}
	.broynparkokl-boxbg {display: none}

	.broynparkokl-phonefooter {font-size: 20px;}
 .broynparkokl_logo_small_screen img{float: left; width: 130px;}
}

@media (max-width: 280px) {	.broynparkokl-logo_small_screen{font-size: 10px;}	
		img.broynparkokl-content-textimg, .broynparkokl-darkimg {display: none;}
	.broynparkokl-headerbanner_services_action {text-align: center}
	#broynparkokl-schema {display: none}
	.broynparkokl-white-img-side img {display: none}
	.broynparkokl-bg_phone_tablet_area a{font-size: 16px}
	 .broynparkokl_logo_small_screen img{float: left; width: 110px;}
}




@media (min-width: 1200px) {


	
	.navbar .navbar-nav {margin-top: 10px; margin-bottom: 10px; }
	
	body {background-size: contain}	
.navbar-inverse{
background: #104b87;
          border-bottom: none;
            -webkit-transition: all 0.4s ease;
            transition: all 0.4s ease;}
	
.navbar-nav{margin:0;}
.navbar-inverse.sticky {top:0;
            position: fixed;
	font-size:18px;
            width: 100%;          
		background:#104b87!important;
            text-align: left;
           			opacity:0.98 !important;
					 }	
	
	.broynparkokl_bgheader.sticky{background-color: rgba(0, 0, 0, 0.7)}
	
.navbar-inverse.sticky .navbar-nav > li > a{font-size:18px; 	
 padding:20px 5px; background-color: #176cc1; color: #fff; 
 }
.navbar-inverse.sticky .navbar-nav > .active > a, .navbar-inverse.sticky .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover { 	 color:#fff; 
background: #012549;  padding:15px 5px; 
			 	font-family:"Verdana", "serif";
	
	text-shadow:none;  }
	.navbar-inverse.sticky .navbar-nav{margin: 10px 0;}	


.navbar-inverse .navbar-nav > li > a{
		 	 	font-family:"Verdana", "serif";

	 font-size:17px;  }
	 img.logoimg.sticky{width: 300px}
		
		
}

@media screen and (min-width: 1600px) and (max-width: 1912px) {
	.navbar-inverse .navbar-nav > li > a{
	 font-size: 18px;  }
	
		.navbar-inverse.sticky {font-size: 18px;}

		
#scrolltop {right:10}	
	.broynparkokl-white, .broynparkokl-dark {padding: inherit 0vw;}
	

	.broynparkokl-padding_around3 { padding: 0vh 5vw;}
		.navbar-inverse{
		border-bottom: none;}
	

}
	
@media screen and (min-width: 1920px) and (max-width: 2000px){ 
	.navbar-inverse .navbar-brand  h1{width: 500px; height: auto}
	.navbar-inverse .navbar-nav > li > a{
	  font-size: 20px;  }		

	.broynparkokl-padding_around4{ padding: 0vh 5vw; padding-left: 0}
	.broynparkokl-padding_around3 { padding: 0vh 13vw;}
		.navbar-inverse{
		border-bottom: none;}
	
img.logoimg {width: 80%; height: auto}

	
 .broynparkokl-white, .broynparkokl-dark {padding: inherit 0vw;}	
	
	p.broynparkokl_phoneheader a{
		font-size: 25px; }
	.navbar-inverse{background:#104b87}
	.navbar-inverse.sticky .navbar-nav > li > a{font-size:18px; 	
 padding:20px 15px; background-color: #176cc1; color: #fff; 
 }
.navbar-inverse.sticky .navbar-nav > .active > a, .navbar-inverse.sticky .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover { 	 color:#fff; 
background: #012549; padding:15px; 
			 	font-family:"Verdana", "serif";
	
	text-shadow:none;  }

	
}
@media (min-width: 2001px) and (max-width: 2558px) {
	.navbar-inverse .navbar-nav > li > a{
	  font-size: 20px;  }
	
	.broynparkokl-padding_around4{ padding: 0vh 0vw;}
	.broynparkokl-padding_around3 { padding: 0vh 15vw;}
		.navbar-inverse{
		border-bottom: none;}
	

	
	.navbar-inverse{background:#104b87}

.padding-banner-wrapper{ padding: 0vh 0vw;}
	
	
}


@media (min-width: 2560px) and (max-width: 3499px) {
	.navbar-inverse .navbar-nav > li > a{
	  font-size: 20px;  }
	.broynparkokl-padding_around4{ padding: 0vh 11vw;}
	.broynparkokl-padding_around3 { padding: 0vh 24vw;}
		.navbar-inverse{
		border-bottom: none;}
	.padding-banner-wrapper{ padding: 0vh 11vw;}
	
.navbar-inverse{background:#104b87}

}

@media screen and (min-width: 3500px)  and (max-width: 4499px) {
	.navbar-inverse .navbar-nav > li > a{
	  font-size: 20px;  }
	.broynparkokl-padding_around4{ padding: 0vh 26vw;}
	.broynparkokl-padding_around3 { padding: 0vh 27vw;}

	.navbar-inverse{
		border-bottom: none;}
	.padding-banner-wrapper{ padding: 0vh 26vw;}

}

@media screen and (min-width: 4500px)  and (max-width: 6399px) {
	.navbar-inverse .navbar-nav > li > a{
	  font-size: 20px;  }
	.broynparkokl-padding_around4{ padding: 0vh 31vw;}
	.broynparkokl-padding_around3 { padding: 0vh 33vw;}
	
	.navbar-inverse{
		border-bottom: none;}

	.padding-banner-wrapper{ padding: 0vh 31vw;}
	
	
}

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

	.navbar-inverse .navbar-nav > li > a{
	  font-size: 20px;  }
	.broynparkokl-padding_around4{ padding: 0vh 36vw;}
	.broynparkokl-padding_around3 { padding: 0vh 38vw;}

	.navbar-inverse{
		border-bottom: none;}
	
	.padding-banner-wrapper{ padding: 0vh 36vw;}


	}