@media(min-width:992px) and (max-width:1199px){
.menu ul {
    gap: 11px;
}

.hero_content h1 {
    font-size: 45px;
}

.hero_section {
    height: 500px;
}

.counter_section {
    background-size: cover;
}
}
@media(max-width:991px){

.main_menu .menu {
    position: fixed;
    background: #fff;
    width: 250px;
    padding: 15px;
    left: -250px;
    top: 0;
    display: block;
    height: 100%;
    transition: 0.5s;
}

.main_menu.active .menu {
    left: 0;
}

.bar_icon {
    display: flex;
}

.menu ul {
    display: block;
    margin-bottom: 20px;
}

.menu ul li {
    border-bottom: 1px solid #80808045;
    padding: 10px 0;
}

.menu ul li:last-child {
    border: 0;
}
}

@media(min-width:768px) and (max-width:991px){
.hero_section {
    height: 500px;
}

.hero_content h1 {
    font-size: 52px;
}

.about_img {
    margin-top: 25px;
}

.mission_content {
    margin-top: 25px;
}

.counter_section {
    background-size: cover;
}

.counter_section .item:nth-child(2) {
    border: 0;
}

.counter_section .item {
    margin-top: 25px;
}


}


@media(min-width:570px) and (max-width:767px){
    .hero_content h1 {
    font-size: 45px;
}
.contact_form {
    margin-top: 25px;
}

.about_img {
    margin-top: 25px;
}

.mission_content {
    margin-top: 25px;
}

.counter_section {
    background-size: cover;
}

.counter_section .item:nth-child(2) {
    border: 0;
}

.counter_section .item {
    margin-top: 25px;
}

.quick_links, .contact_use {
    margin-top: 20px;
}
}

@media(max-width:569px){
        .hero_content h1 {
    font-size: 45px;
}

.contact_form {
    margin-top: 25px;
}

.about_img {
    margin-top: 25px;
}

.mission_content {
    margin-top: 25px;
}

.counter_section {
    background-size: cover;
}

.counter_section .item:nth-child(2) {
    border: 0;
}

.counter_section .item {
    margin-top: 25px;
}

.hero_content h1 {
    font-size: 29px;
}

.hero_section {
    height: 490px;
    background-position: 95% 0;
}

.hero_content h5 {
    font-size: 15px;
}

.about_content h2 {
    font-size: 25px;
}

.main_heading h3 {
    font-size: 25px;
}

.products_box h4 {
    font-size: 17px;
}

.mission_content h2 {
    font-size: 25px;
}

.vision_box p {
    font-size: 15px;
    margin: 0;
}

.vision_box h4 {
    font-size: 20px;
}
.quick_links, .contact_use {
    margin-top: 20px;
}

.top_number ul {
    gap: 10px;
}

.top_number ul li a {
    font-size: 14px;
}

.contact_form h3, .courses_Content h3 {
    font-size: 25px;
}
}