@media screen and (min-width:768px) and (max-width:1024px) {
.mid-content{ min-height:80vh; }

}
@media (max-width:767px) {

h1{font-size:60px}
.top-links{display:none}
.top-links-mb{display:block}
.sidenav{display:block}

.toggle-wrap {
  padding: 10px;
  position: relative;
  cursor: pointer;
  float: left; 

  /*disable selection*/
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.toggle-bar,
.toggle-bar::before,
.toggle-bar::after,
.toggle-wrap.active .toggle-bar,
.toggle-wrap.active .toggle-bar::before,
.toggle-wrap.active .toggle-bar::after {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.toggle-bar {
  width: 26px;
  margin: 6px 0px 6px 0px;
  position: relative;
  border-top: 2px solid #fff;
  display: block;z-index:9999
}
.toggle-bar::before,
.toggle-bar::after {
  content: "";
  display: block;
  background: #fff;
  height: 2px;
  width: 26px;
  position: absolute;
  top: -10px;
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -ms-transform-origin: 6%;
  -webkit-transform-origin: 6%;
  transform-origin: 6%;
}
.toggle-bar::after {
  top: 6px;
}
.toggle-wrap.active .toggle-bar {
  border-top: 2px solid transparent;
}
.toggle-wrap.active .toggle-bar::before {
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.toggle-wrap.active .toggle-bar::after {
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
header.sticky  .toggle-bar {  border-top: 2px solid #2ba4dc;}
header.sticky .toggle-bar::before,
header.sticky .toggle-bar::after {background:#2ba4dc}

header .menu-mb{font-size:30px;cursor:pointer; color:#fff}
header.sticky .menu-mb{color:#2ba4dc}
header.sticky .sidenav ul li a ,header.sticky .sidenav a {color: #fff;}
 /* The side navigation menu */
.sidenav {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 5; /* Stay on top */
  top: 0; /* Stay at the top */
  right: 0;
  background-color: #000; /* Black*/
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 0px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
  
}

/* The navigation menu links */
.sidenav ul{margin:50px 20px; padding:20px}
.sidenav ul li{margin:0px; padding:0px; list-style:none}
.sidenav ul li a {
  padding: 8px 8px 8px 8px;
  text-decoration: none;
  font-size: 16px;
  color: #fff;
  display: block;
  transition: 0.3s;
}

.sidenav ul li a:hover ,.sidenav ul li a:active{
  color: #5d5d5d;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover, header.sticky .sidenav a:hover {
  color: #5d5d5d;
}



}


@media (max-width:680px) {

.con-inner{display:flex; justify-content:center; align-items:center; flex-direction:column; padding:25px 25px ; flex-wrap:wrap; text-align:center; }
/*.outer-con {    background: url(../images/bnr-img.jpg) no-repeat 35% 0% / cover;}*/
}


@media (max-width:575px) {
h1{font-size:40px}
.bnr-pos{ min-height:100vh}
.banner-text h1 span{font-size:14px}


}
@media (max-width:480px) {
body{font-size:15px}
.logo img,.logo-stick img{max-width:200px}
h1{font-size:28px; }
.banner-text h1{padding-left:15px}
.banner-text h1 span{padding-left:0px}
.container#services{padding:0px}
.mid-content{ min-height:60vh; }

.address{width:290px;  }
.address p{line-height:24px; margin-bottom:0px; padding-bottom:0px}

footer br{display:block} 


}



@media (max-width:380px) {
/*.outer-con {
    background: url(../images/bnr-img.jpg) no-repeat 38% 0% / cover;}*/
}