.header-style{
    height: calc(100vh - 60px);
}
.banner_gallery{
    height: calc(100vh - 60px);
}
/* mobile nav styling */
nav.mobile_menu ul li a {
    font-size: 0.9rem;
}
nav.mobile_menu ul li {
    padding: 1rem .6rem;
}
.logo img {
    height: 4rem;
    width: 14rem;
    padding: .3rem .6rem;
    border-radius: .2rem;
}
.open_mobile_menu {
    position: absolute;
    top: 0.6rem;
    right: 1rem;
    box-shadow: -3px -3px 8px -1px black;
    z-index: 888888888888888;
}
.open_mobile_menu img {
    width: 3rem;
    height: 3rem;
}
.log_ssm_mobile img {
    display: none;
}
/* mobile nav styling close*/
nav ul li a {
    font-size: .7rem;
    padding: 0 .3rem;
    text-decoration: none;
    color: black;
    font-family: 'Asap', sans-serif;
}
nav ul li {
    list-style-type: none;
    padding: .5rem;
}
nav.nav-style ul {
    display: none;
}
.nav-style {
    height: auto;
    display: flex;
    flex-wrap: wrap;
    background: white;
}
.logo img {
    height: 4rem;
    width: 9rem;
}
.dot {
    display: inline-block;
    width: 0.7rem;
    height: .7rem;
    margin: 0 5px;
    border-radius: 50%;
    background-color: #ffffff;
    cursor: pointer;
}
.slider-title {
    top: 38%;
}
.slider-title h2 {
    font-size: 1rem;
    padding: 0 1rem;
    padding-bottom: .6rem;
}
.slide {
    transition: opacity 1.6s ease-in-out;
  }
.menu {
    grid-template-columns: 1fr;
    align-items: center;
    justify-items: center;
    height: auto;
    width: 100%;
    padding: 4rem 0;

}
/* slider animation */
.price_list {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.display-area-pic h2 {
    font-size: 1.2rem;
}
.slider.show {
    transform: translateX(0%);
    margin-top: 26rem;
}
/* special menu styling */

.special-menu {
    grid-template-columns: 1fr;
    padding: 4rem 0;
    height: auto;
}
.special-menu-item h3 {
    font-size: 1.3rem;
}
.special-menu-item h4 {
    font-size: 1.5rem;
}
.description h2 {
    font-size: 1.3rem;
}
.product_name {
    font-size: 1.01rem;
}
.price p {
    font-size: 1.5rem;
}
.special-menu-pic {
    display: grid;
    grid-template-columns: 1fr;
}
.special-menu-pic img {
    height: 11rem;
    width: 12rem;
}
.special-menu-item {
    padding-top: 4rem;
}
.menu-description {
    display: grid;
    grid-template-columns: 1fr;
}
img.sp-menu-other-two-pic {
    display: none;
}
.menu-description {
    text-align: center;
}
.price p::before {
    margin-top: 1rem;
}
.thum-image {
    margin-top: 1rem;
}
/* reservation area styling */

.reservation-area {
    grid-template-columns: 1fr;
    justify-content: center;
}

.left-pic img {
    height: 13rem;
    width: 13rem;
}
.form-heading-line h2 {
    font-size: 1.5rem;
    padding-bottom: .4rem;
    letter-spacing: 1px;
}
.form-heading-line h3 {
    font-size: 1.5rem;
    letter-spacing: 1px;
}
form select, form input {
    font-size: .7rem;
}
/* About Us Area styling */
.head-about {
    height: 100vh;
}

.about-mid-tag-line {
    display: flex;
    justify-content: center;
    align-items: center;
}
.about_mid_tag_line h2 {
    font-size: 1.6rem;
    position: absolute;
    top: 30%;
}
.about {
    display: grid;
    grid-template-columns: 1fr;
    height: auto;
    padding: 1rem;
}
.about-description h2 {
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    font-size: 1.5rem;
}
.left_pic_about_us {
    margin-top: 3rem;
}
.about-description p {
    padding: 0 1rem;
    text-align: justify;
}
.divider-line {
    display: inline-block;
    height: .2rem;
    width: 12rem;
    margin: 3rem 0;
}
.divider-line_white {
    display: inline-block;
    height: .2rem;
    width: 12rem;
    margin: 3rem 0;
}
.mission-and-vision {
    height: auto;
    grid-template-columns: 1fr;
    padding: 2rem .5rem;
}
.our-vision p {
    font-size: 1.1rem;
    padding: 0 ;
    text-align: justify;
}
.booking-description p {
    font-size: .8rem;
}
.booking-description h3 {
    font-size: 1.5rem;
    letter-spacing: .1rem;
    font-family: 'Poppins', sans-serif;
    text-align: center;
}
#book-btn {
    width: 9rem;
}
#book-btn {
    font-size: 1rem;
}
/* Contact area styling */
.head-contact {
    height: 100vh;
    background-size: cover;
    background-position: 60%;
}

.contact-mid-tag-line h2 {
    font-size: 1.5rem;
}

.contact-mid-tag-line p {
    font-size: 1rem;
    width: fit-content;
    margin-top: .5rem;
    border-radius: .4rem;
    padding: .5rem .5rem;
}

.contact-display-area {
    height: auto;
    padding: 6rem 0;
}
.contact-display-area h2{
    font-size: 1.3rem;
}
.contact-display-area h3 {
    font-size: 1.2rem;
    line-height: 2rem;
}
.line {
    width: 8rem;
}
.form-contact input {
    font-size: .8rem;
}
.contactfrom-heading h3 {
    font-size: 1rem;
}
.contactfrom-heading p {
    font-size: 1rem;
    margin: 1rem 0;
}
.contact_tel {
   
    font-size: 1rem;
}
.phone_num {
    padding: 1rem;
}
#text-area {
    font-size: 1rem;
}
.location h3 {
    font-size: 1rem;
}
.address ul li {
    font-size: .9rem;
}
.opening-hours h3, .contact-phone h3 {
    font-size: 1rem;
}
.location-content ul li {
    font-size: .9rem;
}
.location-outlet {
    text-align: center;
}
/* Blog area styling */
.blog-mid-tag-line {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.blog-mid-tag-line h2 {
    font-size: 1.5rem;
}
.blog-description p {
    font-size: .9rem;
}
.blog-mid-tag-line p {
    font-size: 1.1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem 2rem;
    margin-top: 0.3rem;
}
.blog-description h2 {
    font-size: 1rem;
    text-align: center;
}
.u-line {
    width: 100%;
    margin: auto;
}
.location-outlet {
    padding: 0 1rem;
    grid-template-columns: 1fr;
}
.divider-line-footer {
    height: .1rem;
    width: 10rem;
}
.inner-section-blog {
    height: auto;
    grid-template-columns: 1fr;
    grid-gap: 3rem;
    text-align: center;
}
/* Footer Menu Styling */
.ft {
    grid-template-columns: 1fr;
    grid-gap: 2rem;
}
.fot-menu ul li a {
    font-size: .9rem;
}
.another-content ul li {
    font-size: .9rem;
}
a .fab {
    font-size: 1.5rem;
    padding: .3rem;
    color: white;
}
/* the gallery styling from here */
.title_gallery h1 {
    font-size: 1.2rem;
}
.title_gallery h2 {
    font-size: 1rem;
    padding: 0rem 1rem;
    padding-bottom: .5rem;
}
.fot-menu ul li {
    border-bottom: .1rem solid white;
    padding: .5rem 0;
}
/* the accident claim page styling here */

p.accident_phone_call {
    font-size: 1rem;
    line-height: 1.5rem;
}
.slider_title_accident h2 {
    font-size: 1rem;
}
.ac_claim_pic img {
    height: 20rem;
    width: 20rem;
}
.image-container p {
    font-size: 1rem;
    line-height: 1.5rem;
}
.ac_management {
    padding: 2rem 2rem;
}
section.ac_management h1 {
    font-size: 1.1rem;
}
.logo_ac_claim img {
    width: 16rem;
}