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: "LilitaOne";

                src: url('../fonts/LilitaOne.woff') format('woff'),

        url('../fonts/LilitaOne.woff2') format('woff2'),

        url('../fonts/LilitaOne.svg#LilitaOne') format('svg'),

        url('../fonts/LilitaOne.eot'),

        url('../fonts/LilitaOne.eot?#iefix') format('embedded-opentype'),

        url('../fonts/LilitaOne.ttf') format('truetype');



                font-weight: normal;

                font-style: normal;

                font-display: swap;

            }



     



body, html { 

	overflow-x:hidden !important; 

}



a, a:hover {color: inherit;}



a[href^=tel] { 

	color: inherit; 

	text-decoration: none; } 



body {



	background-position: left top; 



	font-family:"Arial", Verdana, sans-serif;color: #111; 

	background-color: #f4f4f4;	

	font-size: 18px;

	overflow-x: hidden; 

}



h1 {

	font-size: 30px; 

	font-family:"Arial", Verdana, sans-serif;
font-weight: 700;

}



h2, h3, h4, h5, h6 {
font-weight: 700;
	font-size: 28px; 

	font-family:"Arial", Verdana, sans-serif;  



}



li {

	list-style-image: url(../images/locksmith-midlothian_lock.png);

}



a, a:hover { 

	color: #0f3e96; 

	transition: all 0.2s ease-in-out 0s;

}



p {	

	font-family:"Arial", Verdana, sans-serif;

	text-shadow:none; 

	font-size:18px; 

}



div.container {	

	position:relative;}



.floatLeft { float:left}

.floatRight { float:right}

.extrapadding{padding: 20px!important}

/* --------------------------------------

   header padding and background

   -------------------------------------- */



.Mithiandlo-logoimg{float:left; margin-right: 10px;}

.Mithiandlo-logo_phone{background: #0f3e96; margin-bottom: 10px; padding-bottom: 10px; }



.Mithiandlo-padding_around {

	padding: 0vh 3vw;

}

.Mithiandlo-socialmedia{width: 150px;  height: auto; margin: 0px auto}

.Mithiandlo-socialmedia img:hover{opacity: 0.8; border-radius:20px; }

.Mithiandlo-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}



.Mithiandlo_phoneheader{ 

	text-align: right; 

}



.Mithiandlo_phoneheader a{

	font-size: 18px; 

	text-transform: uppercase;  

	display: inline-block; 

	color: #f4f4f4; 

padding: 10px 20px; font-weight: bold; background:#0f3e96;  border-radius: 5px;  margin-top: 3px;

	

	font-family:"Arial", Verdana, sans-serif;

	

}



.Mithiandlo_phoneheader a:hover{ 

	color: #fff;background:#333 !important;

}



.Mithiandlo-box-content {margin-top: 40px; }

/* --------------------------------------

   logo and phone header

   -------------------------------------- */

.Mithiandlo-phone_top p{  padding: 5px; margin: 0; color:#f4f4f4; text-align: right;font-family:"Arial", Verdana, sans-serif; }



.Mithiandlo-phone_top a:hover{filter: brightness(110%)}

.Mithiandlo-phone_top img{ height: auto; width: 200px; text-align: right;  float: right; margin-bottom: 10px; margin-top: 7px;}

.Mithiandlo-phone_top{padding: 5px;}	



.Mithiandlo-mobiletext { color: #f4f4f4; 	font-family:"Arial", Verdana, sans-serif; }



.Mithiandlo-logo h1{  font-family:"LilitaOne", Verdana, sans-serif; text-shadow: 2px 4px 0px #000;

	font-size: 36px; font-weight: bolder; letter-spacing: 0px !important;

 margin: 5px 0 0 0;}



.Mithiandlo-logo a{color: #ffbd59;}

.Mithiandlo-logo a:hover{	text-decoration: none;color: #fff; }



.Mithiandlo-cc img{display:inline-block; width: 200px; height: auto}





/* --------------------------------------

   Navigation

   -------------------------------------- */

.navbar-inverse{ border-top:none; background: none;

	 	transition: all 0.2s ease-in-out 0s;

		font-family:"Arial", Verdana, sans-serif;}



.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {  padding:20px 15px !important;

	color:#fff; 

background: #1157b7;

-webkit-border-top-left-radius: 10px;

-moz-border-radius-topleft: 10px;

border-top-left-radius: 10px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);





 }

	

.navbar-inverse .navbar-nav > li > a{

		 font-family:"Arial", Verdana, sans-serif;font-weight: 600;   

	 padding:20px 15px; 

transition: all 0.2s ease-in-out 0s;

	 font-size:18px;  background: rgba(255, 255, 255, 0.9);

	

	-webkit-border-top-left-radius: 20px;

-webkit-border-top-right-radius: 20px;

-moz-border-radius-topleft: 20px;

-moz-border-radius-topright: 20px;

border-top-left-radius: 20px;

border-top-right-radius: 20px; margin-left: 5px;

	

	 color: #02133b; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3)}



.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {

	color:#06337c; -webkit-animation: blink 1s ease;

        animation:blink 1s ease;

        -webkit-animation-iteration-count: 1;

        animation-iteration-count: 1;}



.navbar { 

	margin-bottom:0; }

	

.navbar .navbar-nav {

  display: inline-block;

  float: none;

  vertical-align: top;}



.navbar .navbar-collapse {

  text-align: center;}





/* --------------------------------------

   (white)

   -------------------------------------- */

.Mithiandlo-maincontentbg{  margin-bottom: 40px; border-radius: 10px;

box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; padding: 40px; background:rgba(255, 255, 255, 0.5);

}

.Mithiandlo-text-align_center {text-align: center !important}



.Mithiandlo-white h1, .Mithiandlo-white h2, .Mithiandlo-white h3, .Mithiandlo-white h4, .Mithiandlo-white h5 {

	color:  #02133b; }



.Mithiandlo-white a:hover{color:#02133b;}

.Mithiandlo-white a, .Mithiandlo-white p, .Mithiandlo-white ul, .Mithiandlo-white li{color:#222;}

.Mithiandlo-white ul{ margin-left: 20px; list-style: none}

.Mithiandlo-white li{list-style-image: url(../images/locksmith-midlothian_lock.png);}

.Mithiandlo-white_img_services{float: left;  margin: 10px 20px 10px 0px; border-radius: 25px; }

.Mithiandlo-white h1, .Mithiandlo-white h2, .Mithiandlo-white h3, .Mithiandlo-white h4, .Mithiandlo-white h5{position: relative; margin-bottom: 20px; color: #02133b}
.Mithiandlo-white h1::before, .Mithiandlo-white h2::before, .Mithiandlo-white h3::before, .Mithiandlo-white h4::before, .Mithiandlo-white h5::before {
  content: '';
  position: absolute;
  width: 20px;
  height:7px;
  background-color: #02133b;
  border-radius: 7px;
  top: -20px;
	left: -2px;}

.Mithiandlo-white h1::after, .Mithiandlo-white h2::after, .Mithiandlo-white h3::after, .Mithiandlo-white h4::after, .Mithiandlo-white h5::after{
  content: '';
  position: absolute;
  border-bottom: 5px dotted #02133b;
  width: 20px;
  top: -20px;
  left: 20px;
}





/* --------------------------------------

   (Dark_section)

   -------------------------------------- */

.Mithiandlo-Dark_bg{ margin-bottom: 40px;  background: #02133b; border-radius: 20px; padding: 40px;}

.Mithiandlo-Dark_gray h1, .Mithiandlo-Dark_gray h2, .Mithiandlo-Dark_gray h3, .Mithiandlo-Dark_gray h4, .Mithiandlo-Dark_gray h5{position: relative; margin-bottom: 20px; color: #fff}
.Mithiandlo-Dark_gray h1::before, .Mithiandlo-Dark_gray h2::before, .Mithiandlo-Dark_gray h3::before, .Mithiandlo-Dark_gray h4::before, .Mithiandlo-Dark_gray h5::before {
  content: '';
  position: absolute;
  width: 20px;
  height:7px;
  background-color: #f4f4f4;
  border-radius: 7px;
  top: -20px;
	left: -2px;}

.Mithiandlo-Dark_gray h1::after, .Mithiandlo-Dark_gray h2::after, .Mithiandlo-Dark_gray h3::after, .Mithiandlo-Dark_gray h4::after, .Mithiandlo-Dark_gray h5::after{
  content: '';
  position: absolute;
  border-bottom: 5px dotted #f4f4f4;
  width: 20px;
  top: -20px;
  left: 20px;
}



.Mithiandlo-Dark_gray a:hover{color:#f4f4f4;}

.Mithiandlo-Dark_gray p, .Mithiandlo-Dark_gray li{text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);}

.Mithiandlo-Dark_gray a, .Mithiandlo-Dark_gray p, .Mithiandlo-Dark_gray ul, .Mithiandlo-Dark_gray li{color:#fff;}

.Mithiandlo-Dark_gray ul{ margin-left: 20px; list-style: none}

.Mithiandlo-Dark_gray li{list-style-image: url(../images/locksmith-midlothian_lock-2.png);}

.Mithiandlo-Dark_grayright{float: right}

.Mithiandlo-Dark_grayimg {float:right; width: 400px;  border: 7px solid rgba(255, 255, 255, 0.1); margin: 30px; border-radius: 40px;

	box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;



}



/* --------------------------------------

   banner services

   -------------------------------------- */



.Mithiandlo-banner-version2_action_bg { background-image: url(../images/locksmith-midlothian_0_bg.jpg); background-position: center left; background-color: #031740; background-size: cover; background-repeat: no-repeat;border-top: 5px solid #02133b;  }

.Mithiandlo-banner-version2_action_bg h6{background: #0f3e96; padding: 20px 70px; width: 600px; 

-webkit-border-top-right-radius: 90px;

-webkit-border-bottom-right-radius: 90px;

-moz-border-radius-topright: 90px;

-moz-border-radius-bottomright: 90px;

border-top-right-radius: 90px;

border-bottom-right-radius: 90px;

	color:#fff; margin-top: 30px;text-shadow: 2px 2px 3px rgba(50, 67, 79,1);

}

.Mithiandlo-banner-version2_action_bgpadding{padding: 20px;}

.Mithiandlo-banner-version2_action_bg p, .Mithiandlo-banner-version2_action_bg h5{text-align: center; color:#111;}

.Mithiandlo-banner-version2_itempadding{padding:10px;}

.Mithiandlo-banner-version2_item {border-radius: 20px;

	box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;

background: rgba(255, 255, 255, 0.8); backdrop-filter:blur(5px); margin: 5px;}

.Mithiandlo-banner-version2_item:hover {

background:#fff; border-radius: 25px; 

	-webkit-animation: blur-saturate  0.3s ease;

        animation: blur-saturate   0.3s ease;

        -webkit-animation-iteration-count: 1;

        animation-iteration-count: 1; filter: brightness(110%)

}



.Mithiandlo-banner-version2_item img{border-radius: 30px; border:1px solid rgba(255, 255, 255, 0.4)}

.Mithiandlo-banner-version2_item ul{margin:20px}

.Mithiandlo-padding-banner-version2 {padding: 2vh 5vw}

.Mithiandlo-readmore a{ color:#fff !important; text-align: center; font-size: 18px; 

background: #0f3e96;  display: inline-block;

 border-radius: 10px;

font-family:"Arial", Verdana, sans-serif; padding: 10px 30px;

	transition: all 0.2s ease-in-out 0s !important;	 font-weight: bold; 

	



}



.Mithiandlo-readmore p{margin: 20px 0px;}

.Mithiandlo-readmore a:hover{	

	color:#fff!important;text-decoration: none !important;

	

	background: #333; 

}



/* --------------------------------------

  footer services

   -------------------------------------- */
.footerservicesbg1 {padding-top: 40px; padding-bottom: 40px; background: #fafafa; background-image: url("../images/locksmith-midlothian_0_bgfooter.jpg"); background-size:cover; }
.footerservicesbg{ ;padding-top: 40px; padding-bottom: 40px;}

.footerservicesbg1 h6{position: relative; margin-bottom: 20px; color: #02133b}
.footerservicesbg1 h6::before {
  content: '';
  position: absolute;
  width: 20px;
  height:7px;
  background-color: #02133b;
  border-radius: 7px;
  top: -20px;
	left: -2px;}

.footerservicesbg1 h6::after{
  content: '';
  position: absolute;
  border-bottom: 5px dotted #02133b;
  width: 20px;
  top: -20px;
  left: 20px;
}


.paddingfooterservices {padding: 5px;}

.paddingfooterservices strong{background: #666; padding:20px; display: inherit; border-radius: 10px; color: #fff; font-size: 22px;}

.paddingfooterservicesbg{padding: 20px; border-radius: 10px; background: rgba(255, 255, 255, 0.2); box-shadow: rgba(0, 0, 0, 0.1) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; margin-bottom: 20px}

.paddingfooterservicesbg:hover{-webkit-animation:blink 1s ease; 

        animation: blink 1s ease;

        -webkit-animation-iteration-count: 1;

        animation-iteration-count: 1;}

/* --------------------------------------

   phone button

   -------------------------------------- */

.Mithiandlo-phone a{ color:#111 !important; text-align: center; font-size: 20px; 

	 text-shadow:1px 1px 1px rgba(255, 255, 255, 0.3); 


box-shadow: rgba(255, 189, 89, 0.6) 0px 8px 24px;
background: #FFBD59;
background: linear-gradient(248deg,rgba(255, 189, 89, 1) 50%, rgba(252, 219, 169, 1) 100%);
border:2px solid rgba(255, 255, 255, 0.2);
font-weight: 900;
 border-radius: 25px; display: inline-block;

font-family:"Arial", Verdana, sans-serif; padding: 15px 40px;

	transition: all 0.2s ease-in-out 0s !important;	  }

.Mithiandlo-phone {margin:10px 0;}

.Mithiandlo-phone p{margin: 30px 0px;}

.Mithiandlo-phone a:hover{	
background: #111;
	color:#ffbd59!important; text-shadow: none !important;

	-webkit-animation:blink 1s ease; 

        animation: blink 1s ease;

        -webkit-animation-iteration-count: 1;

        animation-iteration-count: 1;}







/* --------------------------------------

   Section footer links

   -------------------------------------- */

 #Mithiandlo-footer {background-color: #222;

	 padding: 40px 5px; color: #fff; text-align: center; margin-top: -2px;}



	 

.Mithiandlo-footer_text_links a{color: #fff; transition: all 0.2s ease-in-out 0s;}

.Mithiandlo-footer_text_links a:hover{color:#71bdfc; text-decoration: underline;}





.Mithiandlo-coprightbg{ font-weight: bold; margin-top:10px; }

 /* footer Schema */ 

#Mithiandlo-schema {

	font-size: 18px;

	margin: 10px 0;

	 color:#fff; }

#Mithiandlo-schema a{color:#fff;} 			  

#Mithiandlo-schema h2{	color:#fff; font-size: 20px; font-family:"Arial", Verdana, sans-serif;

	margin:0;

}

.Mithiandlo-schema_add_mapSection div {

	display: inline;}











/* --------------------------------------

BackToTop button css 

-------------------------------------- */

#scrolltop {border-radius: 5px;

	position:fixed;

	right:15px;

	bottom:15px;

	cursor:pointer;

	width:40px;

	height:40px;

	background-color:#021d3f;

	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)";}

	



/* --------------------------------------

   animation

   -------------------------------------- */

@keyframes blur-saturate {

  0% {

    filter: none;

  }

  100% {

    filter: blur(5px) saturate(140%);

  }

}



@keyframes blink {

  0% {

    opacity: 1;

  }

  50% {

    opacity: 0;

  }

  100% {

    opacity: 1;

  }

}



@-webkit-keyframes lightSpeedIn {

  from {

    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);

    transform: translate3d(100%, 0, 0) skewX(-30deg);

    opacity: 0;

  }



  60% {

    -webkit-transform: skewX(20deg);

    transform: skewX(20deg);

    opacity: 1;

  }



  80% {

    -webkit-transform: skewX(-5deg);

    transform: skewX(-5deg);

  }



  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



@keyframes lightSpeedIn {

  from {

    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);

    transform: translate3d(100%, 0, 0) skewX(-30deg);

    opacity: 0;

  }



  60% {

    -webkit-transform: skewX(20deg);

    transform: skewX(20deg);

    opacity: 1;

  }



  80% {

    -webkit-transform: skewX(-5deg);

    transform: skewX(-5deg);

  }



  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}





@-webkit-keyframes swing

{

    15%

    {

        -webkit-transform: translateX(5px);

        transform: translateX(5px);

    }

    30%

    {

        -webkit-transform: translateX(-5px);

       transform: translateX(-5px);

    } 

    50%

    {

        -webkit-transform: translateX(3px);

        transform: translateX(3px);

    }

    65%

    {

        -webkit-transform: translateX(-3px);

        transform: translateX(-3px);

    }

    80%

    {

        -webkit-transform: translateX(2px);

        transform: translateX(2px);

    }

    100%

    {

        -webkit-transform: translateX(0);

        transform: translateX(0);

    }

}





@media (max-width: 1350px) {

	.Mithiandlo-padding_around {padding: 0vh 1vw;}



	

	h2, h3, h4, h5, h6 {font-size: 26px;}

	

	.Mithiandlo-phone_top{margin-top: 0}

	

	.Mithiandlo-phone_top p{font-size: 11px;}

	

.Mithiandlo-phone_top img {height: 20px; width: auto}

	

	.Mithiandlo-contact_info_text { border:30px solid #0f418c}

	.Mithiandlo-logo h1 {font-size:30px }

.navbar-inverse.sticky {top:0;

    position: fixed;           

	font-size:18px;

     width: 100%;          

	background:#05175b !important;

    text-align: left;

     opacity:0.94; }

	

.navbar-inverse.sticky .navbar-nav > li > a{

	font-size:16px;

	

 padding:10px}	

	

.navbar-inverse .navbar-nav > li > a{

	 font-size:18px; padding:20px 7px}}









/* Small screen laptop and pc */

@media (max-width: 1150px) {.Mithiandlo-maincontentbg {margin: 20px 40px}
.footerservicesbg1 {background-image: url("../images/locksmith-midlothian_0_bgfooter-1200.jpg"); background-size:cover; }
	.Mithiandlo-padding_around {padding: 0vh 3vw;}

	.Mithiandlo_phoneheader a {font-size: 18px;}

	.Mithiandlo-phone_top p {font-size: 12px}	

	.Mithiandlo_phoneheader{margin-top: 10px}

.navbar-inverse{background:#f4f4f4;

          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;

   padding-top: 10px; 

	font-size:18px;

     width: 100%;	background:#fff!important;

    text-align: left;

     opacity:0.94; }	



.navbar-inverse.sticky .navbar-nav > li > a{

	font-size:18px;  

 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;  

	padding:20px 5px;

			 font-family:"Arial", Verdana, sans-serif;

	text-shadow:none; 

	font-weight: 600; }

	

	.navbar-inverse.sticky .navbar-nav{margin: 0;}	

	

.navbar-inverse .navbar-nav > li > a{

		 font-family:"Arial", Verdana, sans-serif; font-weight: 600; 

	 font-size:16px; padding-left:8px; padding-right: 8px;  }}





@media (max-width: 1123px) {

img.Mithiandlo-Dark_grayimg {width: 200px; height: auto;float: none; margin: 20px auto; border-radius: 10px; border: 4px solid rgba(255, 255, 255, 0.1)}

.Mithiandlo-padding_around {padding: 0vh 2vw;}

	.Mithiandlo-phone_top{margin-top: 0}

.Mithiandlo_phoneheader{ text-align: right; }

	.Mithiandlo-mobiletext {font-size: 9px;}

.Mithiandlo_phoneheader a{

	font-size: 15px;

	text-transform: uppercase;

	display: inline-block;

	color: #22222;

	padding:5px;margin-bottom: 3px; margin-top: 3px;

	transition: all 0.2s ease-in-out 0s !important;

	font-family:"Arial", Verdana, sans-serif;}



.Mithiandlo-phone_top img {height: 15px; width: auto}

.Mithiandlo-cc img{display:inline-block; width: 150px; height: auto}



.Mithiandlo-phone_footer {font-size: 25px}

.navbar-inverse.sticky .navbar-nav > li > a{font-size: 14px;}}

@media (max-width:1033px) {
	.footerservicesbg1 {background-image: none; background: #fafafa}
	.Mithiandlo-banner-version2_action_bg {background-image: url(../images/locksmith-midlothian_0_bg-1.jpg);}

	.Mithiandlo-phone_top p{font-size: 12px;}

	.Mithiandlo-banner-version2_action_bg h6 {width:auto;}

	.Mithiandlo_phoneheader a {font-size: 14px;} .Mithiandlo_phoneheader {padding: 2px; }

		.Mithiandlo-contact_info_text {padding: 10px 20px} 	.Mithiandlo-1_banner_main_left h5{ font-size: 20px;}	

	.Mithiandlo-logo h1{font-size: 20px; text-transform: none}

	.Mithiandlo-contact_info_text a{font-size: 20px;}

	.navbar-inverse.sticky .navbar-nav > li > a{font-size: 11px;}.Mithiandlo-padding_around {padding: 0vh 3vw;}

}



@media (max-width:1003px) {.navbar-brand h1{font-size:20px;}

	.Mithiandlo-contact_info_text {padding: 10px 30px} 

.Mithiandlo-padding_around {padding: 0vh 3vw;}

	.Mithiandlo-banner-version2_item img {border-radius: 10px;}


}



@media (max-width:980px) {	.navbar-brand h1{font-size: 18px;} 

	.Mithiandlo_phoneheader a {font-size: 16px; letter-spacing: -1px;}

	.Mithiandlo-padding_around {padding: 0vh 3vw;}

/*   Navigation */	

.navbar-inverse .navbar-nav > li > a{

	 font-size:11px; padding: 20px 5px}

.Mithiandlo-cc img{display:inline-block; width: 90px; height: auto}	

	

	

	.Mithiandlo-banner1 p, .Mithiandlo-banner2 p, .Mithiandlo-banner3 p {font-size: 14px;}

	.Mithiandlo-phone a {font-size: 16px;}



	.Mithiandlo-banner-version2_action_bg {background-image: url(../images/locksmith-midlothian_0_bg-2.jpg);}

}



/* Landscape phone to portrait tablet */

@media (max-width: 767px) {.Mithiandlo-Dark_bg{ margin-bottom: 10px; margin-top: 10px; }
	.footerservicesbg1 {padding: 40px 80px}
	.Mithiandlo-banner-version2_action_bgpadding {padding: 0}

	.extrapadding{padding: 10px !important}

	.Mithiandlo-banner-version2_action_bg {background-image: url(../images/locksmith-midlothian_0_bg-3.jpg);}

	.Mithiandlo-banner-version2_itempadding {padding: 5px}

	.Mithiandlo-contacttxt {padding: 1vh 15vw}

	.Mithiandlo-banner-version2_action_bg {margin: 10px;}

	img.Mithiandlo-Dark_grayimg {float: none; width: 200px; margin: 5px auto} 

		body {background-color: #f4f4f4; }

		.Mithiandlo-logo_small_screen a{color: #ffbd59 }

	.Mithiandlo-box-content {margin-top: 5px; margin-bottom: 5px;}

.Mithiandlo-logo_small_screen{  text-align: left; 
	line-height: normal; padding: 0; padding-left:7px !important;

	font-family:"LilitaOne", Verdana, sans-serif; 
text-shadow: 1px 1px 0px #000;
	font-size: 20px;  font-weight: bolder;

 margin: 10px 0 0 2px; }

	.Mithiandlo-logoimg { margin-left: 5px;}

	.Mithiandlo-logo_small_screen a:hover{color: #fff; text-decoration: none}

	.Mithiandlo-Dark_bg {padding: 1vh 7vw;}

	

		.Mithiandlo-bg_phone_tablet_area {text-align: center; padding: 1vh 11vw; background: #f4f4f4; color:#333; }

	.Mithiandlo-bg_phone_tablet_area a{color:#111;}

	.Mithiandlo-bg_phone_tablet_area a:hover{color:#000;}



	#Mithiandlo-footer h6, .Mithiandlo-copyright h5 {font-size: 22px}

	.Mithiandlo-white{ padding: 1vh 4vw; margin: 5px}

	.Mithiandlo-contact-footerbg{ padding: 3vh 11vw; margin: 5px}

	.Mithiandlo-Dark_gray { padding:10px 60px}



		.Mithiandlo-phone a:hover, .Mithiandlo-phone a{font-size: 20px}

	.Mithiandlo-phone{display:flex; 

								justify-content:center;	align-items:center; width: 96%}	

	

	.Mithiandlo-white_img_services, .Mithiandlo-white_img_services2 { width: 160px; height: auto}

	.navbar .navbar-collapse {padding-top: 5px; text-align: left}

	.Mithiandlo-darkgray, .Mithiandlo-white {padding: 1vh 11vw; }

	

	.Mithiandlo-banner-version2_action_bg {padding: 10px; margin:5px 0 40px 0; min-height: inherit;}

	.Mithiandlo-banner-version2_item {min-height: inherit;}

	.Mithiandlo-contact-footer {margin-top: 5px; margin-bottom: 5px}

.Mithiandlo-banner-version2_action .post {

	padding: 5px;}

	.Mithiandlo-banner-version2_shadow {padding: 10px 20px; min-height: inherit;}

	.Mithiandlo-contact {padding: 10px; }

	.Mithiandlo-2_bg h1 {font-size: 22px}

	.Mithiandlo-phone a:hover, .Mithiandlo-phone a{font-size: 16px; display: inherit;}

	.Mithiandlo-padding_around_services_footer {

    padding: 1vh 2vw;

}

	a, a:hover {font-size: 17px}

	.Mithiandlo-2, #Mithiandlo-footer, .Mithiandlo-darkgray,.Mithiandlo-white,.Mithiandlo-banner-version2_action_bg

	{padding: 10px 20px;}

	.Mithiandlo-contact{padding: 30px;}

	.Mithiandlo-banner-version2_action h5 {font-size: 22px; }

	

	.Mithiandlo-1_banner_main_right_service > .col-sm-12 {padding: 0}

					.Mithiandlo-1_banner_main_left{text-align: center; }

				.Mithiandlo-1_banner_main_left > .clearfix, .Mithiandlo-1_banner_main_right, .Mithiandlo-phone{display:flex; 

								justify-content:center;	align-items:center; width: 96%}	

.Mithiandlo-1_banner_main_right_service{width: 155px; height: auto;  padding-right: 10px}

		



	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {

    border-color: rgba(0, 0, 0, 0.1);

}

	.Mithiandlo-banner-version2_action_bg p{padding: 10px;}

.navbar-inverse{

	height:auto; background: #0f3e96;

	opacity:0.9;}

	

.navbar-inverse .navbar-nav > li > a{

	font-size:18px;  margin-bottom: 5px;

	font-weight:bold;

	padding:5px 20px !important;}

	

	.navbar-inverse.sticky { background: #0f3e96 !important; opacity:0.95 !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; }

	

.navbar-collapse.sticky{

	padding-bottom:5px;}	

	.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {

		color: #fff;}

	

	.Mithiandlo-white_img_services2 img {width: 250px; height: auto}

	.Mithiandlo-white_img_services img {width: 250px; height: auto}

	

	h1, h2, h3, h4, h5, h6 {font-size: 20px}

	/* navbar-toggle */

	.navbar-inverse .navbar-toggle { 

		border-radius: 5px;

		border: none;



background: #02296d



		}	

	.navbar-inverse .navbar-toggle:hover {background:#02173d; color: #fff}

	

	.Mithiandlo-maincontentbg {padding: 10px}

	.paddingfooterservices strong {font-size: 18px; padding: 10px}

}



/* Portrait & landscape phone */

@media (max-width: 670px) { 	body {background-color: #fff; }

	.Mithiandlo-banner-version2_action_bg {background-image: url(../images/locksmith-midlothian_0_bg-4.jpg); }

		.Mithiandlo-1_banner_main_right_service {padding: 10px;}	

	.Mithiandlo-1_banner_main_right_service:last-child img{padding-right: 0px }

.Mithiandlo-1_banner_main_right_service:last-child{width: 110px; height: auto;}

.Mithiandlo-1_banner_main_right_service{width: 115px; height: auto;  padding-right: 5px}

.Mithiandlo-1_banner_main_left h5{  font-size: 17px;}

	.Mithiandlo-1_banner_main_left_cc {width: 100px; height: auto;}



	.Mithiandlo-banner-version2_action_bg h6 {font-size: 20px}

	.Mithiandlo-logo_small_screen a{font-size: 15px;}

	.Mithiandlo-bg_phone_tablet_area a{font-size: 20px}

	.Mithiandlo-white_img_services, .Mithiandlo-white_img_services2, .Mithiandlo-contact-footer_img_services {width: 130px}	#Mithiandlo-footer h6, .Mithiandlo-copyright h5 {font-size: 20px}

}



@media (max-width: 420px) {	.Mithiandlo-banner-version2_action_bg {background-image: none; }

	body {background-color: #fff; background-image:none; }

		.Mithiandlo-bg_phone_tablet_area { background:#fff; }

	.Mithiandlo-contact-footer_img_services {display: none}

		.Mithiandlo-phone a:hover, .Mithiandlo-phone a{font-size: 16px; display: inline-block}

	

	.Mithiandlo-logo_small_screen{font-size: 12px;}



	p, ul, li {font-size: 14px;}

	.Mithiandlo-white_img_services, .Mithiandlo-white_img_services2{width: 110px;}

	h1, h2, h3, h4, h5, h6 {font-size: 18px}.Mithiandlo-phone a:hover, .Mithiandlo-phone a{font-size: 16px; display: inline-block}

	.Mithiandlo-1_banner_main_right_service:last-child{width: 85px; height: auto;}

.Mithiandlo-1_banner_main_right_service{width: 90px; height: auto;  padding-right: 5px}

	#scrolltop{display: none !important}

	

		#Mithiandlo-schema a{font-size: 14px}

	#Mithiandlo-schema p{font-size: 14px}

		#Mithiandlo-schema {font-size: 14px}

	#Mithiandlo-schema strong{font-size: 14px}

	

}



@media (max-width: 360px) {		h1, h2, h3, h4, h5, h6 {font-size: 18px}	

	

	.Mithiandlo-logo_small_screen{font-size: 13px;}	

	.Mithiandlo-1_banner_main_right_service:last-child img{padding-right: 0px }

.Mithiandlo-1_banner_main_right_service:last-child{width: 70px; height: auto;}

.Mithiandlo-1_banner_main_right_service{width: 75px; height: auto;  padding-right: 5px}

.Mithiandlo-2, #Mithiandlo-footer, .Mithiandlo-darkgray,.Mithiandlo-white,.Mithiandlo-contact,.Mithiandlo-banner-version2_action_bg

	{padding: 1vh 11vw;} 



			.Mithiandlo-white_img_services, .Mithiandlo-white_img_services2{width: 80px;}

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



.Mithiandlo-bg_phone_tablet_area a{font-size: 18px}

	.Mithiandlo-phone_footer {font-size: 18px; padding: 1vh 11vw;}

}



@media (max-width: 280px) {	.Mithiandlo-logo_small_screen{font-size: 10px;}	

	.Mithiandlo-banner-version2_action {text-align: center}

	#Mithiandlo-schema {display: none}

	.Mithiandlo-white_img_services2 img {display: none}

	.Mithiandlo-white_img_services img {display: none}

	.Mithiandlo-white img{display: none}



	.Mithiandlo-bg_phone_tablet_area a{font-size: 16px}

}





@media (min-width: 1200px) {	

	

.navbar-inverse{

background: none;

	background-color: none;



          border-bottom: none;

            -webkit-transition: all 0.4s ease;

            transition: all 0.4s ease;}



#Mithiandlo_banner{margin:0px auto 0; background:#05175b;}



.navbar-nav{ margin:0 !important;	}

.navbar-inverse.sticky {top:0;

            position: fixed; padding-top: 10px;

         border-bottom: 3px solid #0f3e96;

	font-size:18px;

            width: 100%;	background:#fff!important;

            text-align: left;

           			opacity:0.94 !important;

					 }	



.navbar-inverse.sticky .navbar-nav > li > a{font-size:18px;  	

 padding:20px 10px;

 }

.navbar-inverse.sticky .navbar-nav > .active > a, .navbar-inverse.sticky .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover { 

	color:#fff;  padding:20px 10px;

			 font-family:"Arial", Verdana, sans-serif;text-shadow:none; font-weight: 600; }

	.navbar-inverse.sticky .navbar-nav{margin: 0;}	





.navbar-inverse .navbar-nav > li > a{

		 font-family:"Arial", Verdana, sans-serif; font-weight: 600; 	

	 font-size:18px;  }}



@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;}

	

}

	

@media screen and (min-width: 1920px) and (max-width: 2000px){  

	.Mithiandlo-padding_around {padding: 0vh 15vw;}



.navbar-inverse .navbar-nav > li > a{

	  font-size: 20px;  }

.Mithiandlo-logo_phone{padding-bottom: 10px; }
		.Mithiandlo-padding-banner-version2 {padding: 40px 90px;}

}
@media (min-width: 2001px) and (max-width: 2558px) {.Mithiandlo-padding_around {padding: 0vh 15vw;}



.navbar-inverse .navbar-nav > li > a{

	  font-size: 20px;  }

.Mithiandlo-logo_phone{padding-bottom: 10px; }
		.Mithiandlo-padding-banner-version2 {padding: 40px 320px;}}


@media (min-width: 2560px) and (max-width: 3499px) {

	.Mithiandlo-padding_around {padding: 0vh 16vw;}

	

	



	 .Mithiandlo-contactbg, .Mithiandlo-banner-version2_action_bg {margin: 0vh 16vw;}

	.Mithiandlo-white, .Mithiandlo-Darkpadd{padding: 15px}

	 .Mithiandlo-contacttxt{padding: 50px 40px}

	.Mithiandlo-padding-banner-version2 {padding: 40px 180px;}



		#scrolltop {right: 16vw}

}

@media screen and (min-width: 3500px)  and (max-width: 4499px) {

	.Mithiandlo-padding_around {padding: 0vh 25vw;}

	



	 .Mithiandlo-contactbg, .Mithiandlo-banner-version2_action_bg {margin: 0vh 25vw;}

	.Mithiandlo-white, .Mithiandlo-Darkpadd{padding: 15px}

	 .Mithiandlo-contacttxt{padding: 50px 40px}

	.Mithiandlo-padding-banner-version2 {padding: 40px 180px;}



	#scrolltop {right: 25vw}

}



@media screen and (min-width: 4500px)  and (max-width: 6399px) {.Mithiandlo-padding_around {padding: 0vh 28vw;}

	

	



 .Mithiandlo-contactbg, .Mithiandlo-banner-version2_action_bg {margin: 0vh 28vw;}

	.Mithiandlo-white, .Mithiandlo-Darkpadd{padding: 15px}

	 .Mithiandlo-contacttxt{padding: 50px 40px}

	.Mithiandlo-padding-banner-version2 {padding: 40px 180px;}



		#scrolltop {right: 28vw}

}

@media screen and (min-width: 6400px)  {.Mithiandlo-padding_around {padding: 0vh 33vw;}

	

	

	

 .Mithiandlo-contactbg, .Mithiandlo-banner-version2_action_bg {margin: 0vh 33vw;}

	.Mithiandlo-white, .Mithiandlo-Darkpadd{padding: 15px}

	 .Mithiandlo-contacttxt{padding: 50px 40px}

	.Mithiandlo-padding-banner-version2 {padding: 40px 180px;}

	



}