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

@media (max-width: 1199px) {
#nav .nav-list {
	padding:7px 0px;
	font-size:12px;
}
#nav .nav-list li a {
	padding:7px 19px;
}
	
}

@media (max-width: 992px) {
#nav .nav-list {
	padding: 0px 0px;
	font-size:12px;
}
#nav .nav-list li a {
	padding:15px 3px;
}
.contact-set {
    margin: 5px 24px;
}
}

@media (max-width: 767px) {
  #header .top-list {
    display: none;
  }
  #header {
    padding:10px 0 0;
  }
  #header .nav-opener {
    display: inline-block;
  }
  #header.sticky {
    top: 0;
    left: 0;
    right: 0;
    position: fixed;
  }
  #header.sticky #nav {
    top: 100%;
    position: absolute;
  }
  #nav {
    top: 100%;
    height: 0;
    left: -15px;
    right: -15px;
    bottom: auto;
    overflow: hidden;
    max-height: 100vh;
    transition: all ease 0.3s;
  }
  #nav .nav-list {
    padding: 0;
    border-radius: 0;
  }
  #nav .nav-list li {
    padding: 0;
    display: block;
  }
  #nav .nav-list .button {
    float: none;
  }
  #nav .nav-list a {
    display: block;
    padding: 10px 20px;
  }
  #nav .nav-list li a {
  	padding:7px 3px;
  }
  .nav-active #nav {
    height: 300px;
    overflow-y: auto;
  }
  .top-list {
    text-align: left;
    padding: 40px 0 10px;
  }
  .top-list li {
    padding: 0 70px 20px;
  }
  .top-list li .fa {
    left: 0;
    right: auto;
  }
  .contact-set {
    margin: 5px 24px;
}
}
@media (max-width: 480px) {

.maduraiwebhosting-banner {
	padding:10px 15px;
}
.maduraiwebhosting-banner h1 {
    font-size: 20px;
	text-align:left;
}
.maduraiwebhosting-banner h2 {
    font-size: 18px;
}
.contact-set {
    margin: 5px 24px;
}
}