@media screen and (max-width: 344px) {
.header .logo img {
max-height: 32px;
width: auto;
}
.main-title h2{
font-size:20px;
}
}
@media screen and (max-width: 767px) {
.broucher {
padding: 0px;
}
.main-title h2{
font-size:20px;
}
.client-review .col-md-4 {
border-right: 0px dashed black;
border-bottom: 1px dashed black;
padding: 20px 0px;
}

.client-review .col-md-4:last-child {
border-bottom: 0px dashed black;
padding:0px;
padding-top:20px;
}
.header .logo img {
height: auto;
width: 250px;}

.mob-flex,
.video-section {
display: flex;
gap: 20px;
flex-direction: column;
}

.mob-flex .col-12,
iframe {
width: 100%;
}

.broucher .col-md-10 {
justify-content: center;
}

.broucher .row {
padding: 0px;
justify-content: center;
gap: 10px;
text-align: center;
}

.key-feature {
text-align: justify;
}
.theme_nav_tab_item .nav-tabs {
justify-content: flex-start;
display: flex;
flex-wrap: wrap;
gap: 5px;
}

.theme_nav_tab_item .nav-tabs .nav-link {
flex: 1;
flex-basis: max-content;
margin-right: 0px;
}

.theme_nav_tab {
padding: 15px;
}
.section-title {
padding-bottom: 15px;
}

.contact-mob {
display: block !important;
}

.contact-info {
display: none !important;
}
section {
padding: 15px 0;
}
.top-bar {
text-align: center;
}
.card .description {
margin-bottom: 25px;
}
.main-slider img {
width: 100% !important;
height: auto;
}
.thumbnails {
gap: 15px;
}
.thumbnails .thumb {
height: 100px;
}
.top-bar .contact-info {
display: block;
margin-top: 5px;
}
#navmenu {
background-color: transparent;
}
.bottom-header {
width: auto;
position: absolute;
}
#navmenu ul {
height: auto;
inset: 0;
}
.main-banner-carousel .w-100 {
height: 250px;
width:auto;
object-fit:cover;
}
.main-menu {
display: flex;
flex-direction: column;
gap: 20px;
}
#header {
position: relative;
}
.search-results {
left: 0;
top: 120px;
width: 100%;
}
.menu-search {
width: 100%;
}
#search {
width: 100%;
}
.label-section .col-md-8 {
gap: 10px;
}
.video-section {
flex-direction: column;
}
.main-heading {
font-size: 1.5rem;
}
.video-section iframe {
width: 100%;
}
.affordable-tag img {
width: 75px;
height: 75px;
object-fit: contain;
}
.tag1 img {
width: 45px;
height: 45px;
}
.affordable-tag p{
font-size:13px;
}
.affordable-price .d-flex{
justify-content: space-evenly;
}
.service-1 {
margin: 0;
min-width: 100%;
}
.about_three_flex {
display: flex !important;
flex-wrap: wrap;
}
.section-title h2,
.h1-title{
font-size: 1.5rem !important;
font-weight: 600 !important;
margin-bottom: 30px !important;
}
.our-service {
display: flex;
flex-wrap: nowrap;
overflow-x: scroll;
scroll-behavior: smooth;
}
#enquiryForm img {
display: none;
}
.spy-nav {
top: 0;
}
.media-item {
width: auto;
height: 250px !important;
}
.img-item img{
height: 80px;
object-fit: cover;
}
.img-item{
flex: 1;
flex-basis:min-content;
}
.video-icon {
font-size: 50px;
position: absolute;
bottom: 0;
left: 50%;
}
}
@media screen and (min-width: 767px) and (max-width: 991px) {

.spy-nav {
top: 0;
}
.mob-flex,
.video-section {
display: flex;
gap: 20px;
flex-direction: column;
}
.mob-flex .col-12,
iframe {
width: 100%;
}
#navmenu {
background-color: transparent;
}
.main-menu {
display: flex;
flex-direction: column;
gap: 20px;
}
.contact-info {
display: none !important;
}
.bottom-header {
width: auto;
position: absolute;
}


}