/* Header Css Start */

header nav {z-index: 9999;}
#main-ul li a:hover {
  color: var(--tw-teal-cf);
}
#main-ul li a.btn:hover {
  background: #fff;
  color: #000;
}
/* Header Css End */


/* Footer Css Start */
.social-icons a svg:hover path {
  fill: var(--tw-teal-cf);
  transition: 0.7s;
}
/* Footer Css End */


/* Resposnive Start */

@media all and (max-width: 1280px) {
  #main-ul li a {
    padding: 10px;
  }
} 

@media all and (max-width: 1024px) {
    /* Header Start */
    header nav a.logo img {max-width: 200px;}
    #main-ul {background: #000;padding: 15px;margin-top: 15px;}
    #main-ul li {text-align: center;}
    #main-ul li .btn {max-width: 250px;text-align: center;margin: 0 auto;}
    /* Header End */
}

@media all and (max-width: 767px) {
    /* Footer Css Start */
  #footer .foot-box img {margin: 0 auto;}
  #footer .foot-box .social-icons {justify-content: center;}
  #footer .foot-box {text-align: center; margin-top: 10px;}
  #footer .foot-box ul {max-width: 100%; margin-top: 10px;}
  /* Footer Css End */
}
/* Responsive End */