.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  background-color:#fff;
  overflow-x: hidden;
  transition: .5s
}
.sidenav .dropdown-menu{
  background: transparent;
  width: 100%;
}
.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
    color: var(--color-first);
  display: block;
  transition: .3s
}
.sidenav .dropdown-menu a{
  padding: 2px;
  color: var(--color-first);
  padding-left: 10px;
  white-space: break-spaces;
}
.sidenav a:hover, .sidenav a:focus {
color:var(--color-first);   
}
.dropdown-item.active, .dropdown-item:active{
color:#fff;
background:var(--color-first);   
}
.sidenav .closebtn {
  position: absolute;
  top: 15px;
  right: 5px
}
.sidenav-padding {
  padding-top: 60px
}
@media only screen and (max-width: 1200px) {
	.navbar .navbar-nav .nav-link{ margin-right:12px; }
	.navbar-brand img{width:160px}
}
@media only screen and (max-width: 991.98px) {
.navbar .navbar-nav {
padding: 0 15px;
background: var(--primary);
}

.navbar .navbar-nav .nav-link  {
margin-right: 0;
padding: 10px 0;
}
.mainBanner .carousel-caption{top: 0}
.mainBanner,.mainBanner .carousel-item img{height: 250px}
.menu-icon {
  font-size: 2rem !important;
  color:var(--color-first);
  cursor: pointer;
}
}
@media only screen and (max-width: 768px) {
.internalBanner h1{font-size:1.6rem;}
	.footer ul li{display: inline-block;}
  .ipguideList{column-count: 1}
  .service-item a.btn {color: #fff}
  .service-item a.btn::before {
    width: 100%;
    background: var(--color-first);
    opacity:1 ;
  }
}
@media only screen and (max-width: 500px) {
	.mainBanner,.mainBanner .carousel-item img{height: 350px;}
	.navbar-brand img{width: 150px;}
}
@media only screen and (max-width: 400px) {
	.webContent .carousel-caption  .mainHeading{font-size: 1.5rem}
	.webContent .carousel-caption  p{font-size: 0.95rem}
}