@media(min-width: 769px){

    .hamburger {
        display: none;
    }

    /* .body__header {
        background-color: #002506c2;
    } */

    .body__header header {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 10px 0 10px;
    }

    .header__nav ul {
        display: flex;
    }

    /*  header nav
    ============================================= */
    .nav__list + li {
        margin-left: 40px;
    }
    
    .nav__link:hover {
        color: rgb(219, 219, 219);
        transition: ease-in-out 300ms;
        -webkit-transition: ease-in-out 300ms;
        -moz-transition: ease-in-out 300ms;
        -ms-transition: ease-in-out 300ms;
        -o-transition: ease-in-out 300ms;
    }

    .fixed-header .nav__link {
        color: #111111;
    }

    /* ===========================================

        #body footer

    ===============================================*/
    .banner__sm {
        display: none;
    }

    .banner__lg {
        width: 100%;
        height: 100vh;
    }

    .testimonial__container {
        width: 50%;
        margin: 0 auto;
    }

    .iframe__map {
        width: 100%;
        min-height: 600px;
    }

    .section__contact .container > div {
        align-items: stretch;
    }

    /* footer nav
    ==================================== */
    .footer__nav {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    .footer__nav li::after {
        content: "|";
        margin: 0 30px;
        color: #fff;
    }
    
    .footer__nav li:last-child::after  {
    content: " ";        
    }
.sticky__enquiry{
  position: fixed;
  text-align: center;
  z-index: 99;
        right: 40px;
        bottom: 30px;
    }

    
.sticky__enquiry a {
    display: inline-block;
    padding-top: 5px;
    width: 60px;
    height: 60px;
    background-color: var(--color-theme);
    color: #fff;
    font-size: 30px;
    line-height: 60x;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    box-shadow: 0 0 15px rgba(18, 16, 16, 0.534);
    border: 1px solid #0c1a4b;
  }
  
  .mobile__sticky {
   display: none; 
  }

  .google__map {
      width: 600px;
      height: 450px;
  }
}

@media(max-width: 768px){
    .header__text {
        font-size: 30px;
    }

    .sub__header {
        font-size: 17px;
    }

    .hamburger {
        position: absolute;
        top: 20px;
        right: 2%;
        background-color: var(--color-theme);
        padding: 10px 15px 7px;
    }

    .under__line::after {
        width: 13%;
        left: 44%;

    } 
    
    .under__line-left::after {
        
        width: 13%;
        left: 44%;
    }

    .under__line-left::before {
        left: 50%;   
    }

    .section__feature-right .section__header {
        text-align: center;
    }

    .hamburger i {
        font-size: 20px;
        color: #fff;
    }

    .body__header {
        /* background-color: rgba(237, 237, 237, 0.767); */
        padding: 30px 0 10px;
        background-color: rgba(255, 255, 255);
    }

    .header__brand {
        margin-bottom: 20px;
        /* text-align: center; */
    }

    .header__nav {
        text-align: center;
        width: 100%;
        height: 90vh;
        padding: 30px 0;
        position: absolute;
        left: 0;
        background-color: rgb(46, 46, 46);
        display: none;
    }

    .nav__link {
        display: block;
        /* margin-bottom: 1px; */
        padding: 8px 0;
        border-bottom: 1px solid #111111;
        /* background-color: #232323c9; */
        /* background-color: var(--color-theme); */
    }

    
    .nav__list:first-child .nav__link {
        border-top: 1px solid #111111;

    }
 
    .nav__list:last-child {
        /* margin-top: 30px; */
        border-top: 4px solid rgba(111, 111, 111, 0.507);
        border-bottom: 4px solid rgba(111, 111, 111, 0.507);
    }

    

    .nav__list:last-child .nav__link {
        background-color: var(--color-theme);
    }

    
    .iframe__map {
        width: 100%;
        min-height: 400px;
    }

    .body__footer {
        margin-bottom: 40px;
    }
    
    /* ===========================================

        #body footer

    ===============================================*/
    .banner__lg {
        display: none;
    }

    .banner__sm {
        width: 100%;
        height: 100vh;
    }

    
/* 
    .sticky__enquiry {
        right: 10px;
        bottom: 10px;
    } */

    /* =======================================
    
        fixed botttom enquiry
    
    =========================================*/
    .sticky__enquiry{
        /* width: 100%; */
        position: fixed;
        z-index: 99;
        bottom: 0;
    }
    
    .sticky__enquiry a {
        text-align: center;
        display: block;
        padding-top: 5px;
        width: 100%;
        background-color: var(--color-theme);
        color: #fff;
        font-size: 30px;
        line-height: 60x;
       
        box-shadow: 0 0 15px rgba(18, 16, 16, 0.534);
        border: 1px solid #0c1a4b;
      }
      
  
    .desktop__sticky {
        display: none; 
    }

    .mobile__sticky {
        width: 100%;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 999;
        background-color: rgb(4, 17, 58);
        padding: 10px;
        text-align: center;
        color: #fff;
        border-top: 1px solid rgb(146, 147, 148)
    }

    .google__map {
        width: 100%;
        height: 400px;
    }

    .section__course article{
        text-align: center;
        margin: 10px 0;

    }
}

@media(max-width: 768px) and (min-width: 575px){
    
}