/* Media query for mobile devices */
@media (max-width: 767px) {
  /* Move the hamburger button to the left side */
  .navbar-toggler {
    order: -1; /* Change the order to -1 to move it before the logo */
  }

  /* Adjust the spacing between the logo and the button */
  a.navbar-brand {
    margin-right: 0; /* Change the margin as needed */
  }
}	

/* Add this CSS to your existing styles or in a separate CSS file */
.footer-about .foooter-list-title {
    margin-top: 0px; /* Adjust the top margin as needed */
	margin-left: 2rem;
}

.footer-about .foooter-list-item {
    padding-left: 2rem; /* Adjust the left padding as needed */
}

/* To align the "About" section with other sections in mobile view */
@media (max-width: 1200px) {
    .footer-about	{
        margin-top: 1rem;
        margin-left: -2rem;
    }
}

/* Add this CSS to your existing styles or in a separate CSS file */
.footer-follow .foooter-list-title {
    margin-top: 0px; /* Adjust the top margin as needed */
	margin-left: -1rem;
}

/* To align the "About" section with other sections in mobile view */
@media (max-width: 767px) {
    .footer-follow {
        margin-left: 1rem;
        margin-top: 1rem; 
    }
}

@media (max-width: 768px) {
    /* Example adjustment for smaller screens */
    #myBtn {
        display: none;
		position: fixed;
        bottom: 20px;
        right: 20px;
        z-index: 999;
    }
}

  @media screen and (max-width: 768px) {
	#btnParent {
  font-size: 13px;
	}
}

 @media screen and (max-width: 768px) {
.modal-content {
	left: 9%;
    width: 86%;
    }
 }

@media (max-width: 768px) {
            .mym-open-title {
                font-size: 20px;
            }
            .open-btn {
                font-size: 14px;
            }
        }