@media (min-width: 320px) and (max-width: 767px) {
ul.menu {
    flex-direction: column;
    gap: 10px;
    position: fixed;
    right: -30px;
    top: 116px;
    width: 100%;
    background: #fff;
    padding: 34px 20px;
    transform: rotateX(90deg);
    transform-origin: top;
    transition: 0.5s;
    visibility: hidden;
    opacity: 0;
}

.blog-detail-para img {width:100%;}

.toggleBtn {
    display: block;
}

.toggleBtn div {
    width: 100%;
    height: 5px;
    background: #fff;
    margin: 5px auto;
    transition: all 0.3s;
    backface-visibility: hidden;
}



.toggleBtn {
    width: 30px;
    background: #000;
    height: 30px;
}

.header-button {
    display: none;
}

.banner-image img {
    width: 100%;
    margin-top: 30px;
}

.about-image img {
    width: 100%;
    height: 100%;
}

#counter .item {
    height: auto;
}

.card {
    position: relative;
    padding: 30px 20px;
    height: 100%;
}

.topbar {
    display: block;
  
}

ul.menu.active {
    transform: rotateX(0deg);
    visibility: visible;
    opacity: 1;
    transform-origin: top;
    transition: 0.5s;
    z-index: 2;
}

.toggleBtn active .one {
    transform: rotate(45deg) translate(5px, 5px);
}

.toggleBtn active .two {
    opacity: 0;
}

.toggleBtn active .three {
    transform: rotate(45deg) translate(7px, -8px);
}

#counter {
    display: block;
}

.desktop-image img {
    width: 100%;
}

.desktop-image {
    margin-left: 0px;
}

ul.menu.active a {
    color: #222;
}

.footer-service.mb-5 {
    margin: 0 auto;
}

.footer-text {
    text-align: left;
    padding: 0 0px;
}

.quick-book-para.pt-5 p {
    padding-right: 0px;
}

.accordion-item h5 {
    font-size: 16px;
    width: 80%;
}

.bring-shadow {
    height: auto;
    margin: 10px;
}
.desktop-images img {
    width: 100%;
}

.list-item {
    padding: 4px 10px;
}

.bottom-border p {
    font-size: 12px;
    padding: 10px 34px;

}

.quickbook-heading.text-center p {
    font-weight: 500;
    padding: 0 0px;
}

.explaining-heading h2 {
    width: 100%;
}

.card.about-border-height {
    height: 100%;
}

.blog-card {
    margin: 10px;
}

.menu-list ul li ul.dropdown {
    position: absolute;
    background: #28a745;
    top: 25px;
    display: none;
    width: 320px;
    transition: 0.5s;
    /* margin-left: 0; */
    padding: 16px 20px;
    left: -100px;
    z-index: 4;
}

.author-bg {
    background: #E3FFE1;
    display: block;
    gap: 20px;
    padding: 15px;
}

.error-images img {
    width: 100%;
}

#popup_content {
    width: 100%;
    height: 100%;
    padding: 20px;
    top: 33px;
    left: 8px;
}

.quick-card {
    height: auto;
    margin: 10px;
}

.search-button {
    padding: 8px 20px;
}

.search-icon {
 margin-left: 10px;
}

.search-container {
    width: 85%;
    left: 8%;
}

.search-container-blog {
    margin-top: 20px;
	width:100%;
}

.banner-get p {
    width: 100%;
}

.banner-content h1 {
    font-size: 18px;
    width: 100%;
}

.left {
    text-align: center;
}

.right.social-icons {
    text-align: center;
	padding-top: 8px;
}

.topbar {
    padding-right: 0;
}
/* 
.background-color: white;
    padding: 5px 9px;
    line-height: 22px;
  
  } */ 
  
  .about-text p {
    text-align: left; 
}

button.owl-next span {
    top: -140px;
}
button.owl-prev span
{
	top: -140px;
}

.quic-card-text p {
    text-align: left;
}


.list-section ul li {
    padding: 7px 10px;
    line-height: 1.2;
}

.left:before {
	display:none;
  
}
	
.search-container input {
    width: 100%;
}



.business-service p {
    width: 80%;
}

.banner-text h1 {
    font-size: 24px;
}

.banner-text p {
    font-size: 16px;
}


.banner-btn {
    flex-direction: column;
    text-align: center;
}


.banner-btn a:first-child {
    width: 100%;
    display: inline-block;
}

.banner-btn a:last-child {

    width: 100%;
    display: inline-block;
}


.about-heading h2 {
    font-size: 22px;
}

#counter .item .count {
    font-size: 42px;
}

.heading-choose h3 {
    font-size: 22px;
}

.choose-subheading p {
    width: 100%;
}

.heading-help h3 {
    font-size: 22px;
}

.heading-help p {
    width: 100%;
}

.booking-card {
    height: auto;
}


.blog-heading h3 {
    font-size: 22px;
    padding-bottom: 0;
}

section.bg-blog {
    padding: 15px;
}


.connect p {
    padding: 15px 0;
    font-size: 14px;

}

.footer-text p {
    font-size: 14px;
}

.quickbook-headings h3 {
    font-size: 22px;
}
  
 } 


/* ....tab media query..... */

@media (min-width: 768px) and (max-width: 1024px) {
ul.menu {
    flex-direction: column;
    gap: 10px;
    position: fixed;
    right: -30px;
    top: 116px;
    width: 100%;
    background: #fff;
    padding: 34px 20px;
    transform: rotateX(90deg);
    transform-origin: top;
    transition: 0.5s;
    visibility: hidden;
    opacity: 0;
}
.blog-detail-para img {width:100%;}

.toggleBtn {
    display: block;
}

.toggleBtn div {
    width: 100%;
    height: 5px;
    background: #fff;
    margin: 5px auto;
    transition: all 0.3s;
    backface-visibility: hidden;
}



.toggleBtn {
    width: 30px;
    background: #000;
    height: 30px;
}

.header-button {
    display: none;
}

.banner-image img {
    width: 100%;
}

.about-image img {
    width: 100%;
    height: 100%;
}

#counter .item {
    height: auto;
}

.card {
    position: relative;
    padding: 30px 20px;
    height: 100%;
}

.topbar {
    display: block;
  
}

ul.menu.active {
    transform: rotateX(0deg);
    visibility: visible;
    opacity: 1;
    transform-origin: top;
    transition: 0.5s;
    z-index: 2;
}

.toggleBtn active .one {
    transform: rotate(45deg) translate(5px, 5px);
}

.toggleBtn active .two {
    opacity: 0;
}

.toggleBtn active .three {
    transform: rotate(45deg) translate(7px, -8px);
}

#counter {
    display: block;
}

.desktop-image img {
    width: 100%;
}

.desktop-image {
    margin-left: 0px;
}

ul.menu.active a {
    color: #222;
}

.footer-service.mb-5 {
    margin: 0 auto;
}

.footer-text {
    text-align: left;
    padding: 0 0px;
}

.quick-book-para.pt-5 p {
    padding-right: 0px;
}

.accordion-item h5 {
    font-size: 16px;
}

.bring-shadow {
    height: auto;
    margin: 10px;
}
.desktop-images img {
    width: 100%;
}

.list-item {
    padding: 4px 10px;
}

.bottom-border p {
    font-size: 16px;
    padding: 10px 34px;

}

.quickbook-heading.text-center p {
    font-weight: 500;
    padding: 0 0px;
}

.explaining-heading h2 {
    width: 100%;
}

.card.about-border-height {
    height: 100%;
}

.blog-card {
    margin: 10px;
}

.menu-list ul li ul.dropdown {
    position: absolute;
    background: #28a745;
    top: 25px;
    display: none;
    width: 320px;
    transition: 0.5s;
    /* margin-left: 0; */
    padding: 16px 20px;
    left: -100px;
    z-index: 4;
}

.author-bg {
    background: #E3FFE1;
    display: block;
    gap: 20px;
    padding: 15px;
}

.error-images img {
    width: 100%;
}

#popup_content {
    width: 406px;
    height: 100%;
    padding: 20px;
    top: 33px;
    left: 8px;
}

.quick-card {
    height: auto;
    margin: 10px;
}

.search-button {
    padding: 8px 20px;
}

.search-icon {
 margin-left: 10px;
}

.search-container {
    width: 85%;
    left: 8%;
}

.search-container-blog {
    margin-top: 20px;
	width:100%;
}

.banner-get p {
    width: 100%;
}

.banner-content h1 {
    font-size: 18px;
    width: 100%;
}

.left {
    text-align: center;
}

.right.social-icons {
    text-align: center;
	padding-top: 8px;
}

.topbar {
    padding-right: 0;
}
/* 
.background-color: white;
    padding: 5px 9px;
    line-height: 22px;
  
  } */ 
  
  .about-text p {
    text-align: left; 
}

button.owl-next span {
    top: -140px;
}
button.owl-prev span
{
	top: -140px;
}

.quic-card-text p {
    text-align: left;
}


.list-section ul li {
    padding: 7px 10px;
    line-height: 1.2;
}

.left:before {
	display:none;
  
}

.service-card
{
    display: block;
}

figure.wp-block-image.aligncenter.size-full img {
    width: 100%;
}

.author-images img {
    width: 50%;
}

.author-detail {
    padding-top: 25px;
}


.service-image img {
    width: 20% !important;
}

.service-heading h4 {
    padding-top: 20px;
}



.business-service p {
    width: 80%;
}

.banner-text h1 {
    font-size: 24px;
}

.banner-text p {
    font-size: 16px;
}


.banner-btn {
    flex-direction: column;
    text-align: center;
}


.banner-btn a:first-child {
    width: 100%;
    display: inline-block;
}

.banner-btn a:last-child {

    width: 100%;
    display: inline-block;
}


.about-heading h2 {
    font-size: 22px;
}

#counter .item .count {
    font-size: 42px;
}

.heading-choose h3 {
    font-size: 22px;
}

.choose-subheading p {
    width: 100%;
}

.heading-help h3 {
    font-size: 22px;
}

.heading-help p {
    width: 100%;
}

.booking-card {
    height: auto;
}


.blog-heading h3 {
    font-size: 22px;
    padding-bottom: 0;
}

section.bg-blog {
    padding: 15px;
}


.connect p {
    padding: 15px 0;
    font-size: 14px;

}

.footer-text p {
    font-size: 14px;
}
  
 }