/* ================= responsive :start=================
  */

  @media only screen and (max-width: 1199px) {
    .header2-head1{
        max-width: 270px!important;
    }
    .header2-container{
        max-width: 93%;
    }
    .nav-link-main a{
        margin-left: 24px;
        font-size: 18px;
    }
  }

  @media only screen and (max-width: 991px) {
    .nav-link-main{
        flex-direction: column;
    }
    .nav-link-4 a{
        display: block;
    }
    .header2-container{
        max-width: 100%!important;
    }
    .header2-head2 {
        background-color: pink;
        max-width: 350px!important;
        height: 100%;
        z-index: 10;
        height: 100vh;
        position: fixed;
        top: 0px;
        right: 0px;
        margin-right: -350px;
        overflow: hidden;
    }
    .header2-row{
        justify-content: flex-start;
    }
.nav-link-1 a{
    margin-bottom: 40px!important;
    display: block;
}
.nav-link-2, .nav-link-3, .nav-link-4 a{
    margin-bottom: 40px;
}
.closebtn{
    display: block;
}
.menubar{
    display: block;
}
#mySidenav{
    transition: 0.5s all;
}

.header4-head1, .header4-head2, .header4-head3{
    max-width: 80%!important;
    margin: auto;
    margin-top: 25px;
    padding-bottom: 100px!important;
}
.header5-head2-1 img{
    width: 100%;
    height: auto;
    object-fit: cover;
}

.header6-contact, .header6-map, .header6-useful-link, .header6-photo{
    max-width: 50%!important;
    
}
.header6-head2{
    width:80%;
    margin: auto;
}
.header6-head3{
    width: 80%;
    margin: auto;
}
/* .header6-contact, .header6-photo{
    margin-top: 50px!important;
} */
.header7-head1{
    text-align: center;
}
.header7-head2{
    text-align: center;
}

  }


  @media only screen and (max-width: 767px) {

  .header6-contact, .header6-map, .header6-useful-link, .header6-photo{
    max-width: 100%!important;
    
}
.header6-head2{
    width:100%;
}
.header6-head3{
    width: 100%;
}
.header6-img1 img{
    width: 31%;
    height: 130px;
}
.header3-head2-box{
    width: 100%;
    margin-left: inherit;
    
}


  }
  

  
  @media only screen and (max-width: 525px) {
        .header4-head1, .header4-head2, .header4-head3{
            max-width: 100%!important;
        }
        .header2-head1 {
            max-width: 190px!important;
        }
  }