@media (max-width:1199px){ 
   

}

@media (max-width: 1024px){ 
 


}

@media (max-width: 991px){ 
.container{max-width:100%;} 
.menu ul.list-style li { margin-right: 0px;}
.header-nav{gap: 15px;} 
.aboutimg,
.tstimg{margin-block-end: 30px;}
.wayitem{max-width: 90%;}
h1{font-size: 35px;}
h2, .heading-h2 { font-size: 33px;}
.ps-5 { padding-left: calc(var(--bs-gutter-x) * .5) !important;}
.owl-dots{padding-top: 0px;}

}


@media (max-width:767px){ 
.header .menu{
       position: absolute;
        width: 230px;
        inset-inline-end: 0px;
        inset-block-start: calc(100% + 10px);
        background-color: rgb(255 255 255 / 1);
        padding: 5px 20px;
        border-radius: 10px;
        backdrop-filter: blur(5px);
        opacity: 0;
        pointer-events: none;

}
.header .menu ul{display: flex; flex-direction: column; gap: 0px;}
.menu ul.list-style > li > a {
    padding: 5px 0px;
    text-align: start;
    width: 100%;
}
.header.menuopen .menu{opacity: 1; pointer-events: all;}
button.mobbtn {
    background: transparent;
    padding: 0;
    color: #000 !important;
    min-width: 30px;
}

button.mobbtn svg.close {
    display: none;
}

.menuopen .mobbtn svg.close {
    display: block;
}

.menuopen .mobbtn svg.open {
    display: none;
}


.main-section {  padding: 40px 0px;}
 .col-xs-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
.col-xs-6 {-webkit-box-flex: 0;  -ms-flex: 0 0 50%; flex: 0 0 50%;    max-width: 50%;}
.xs-order-1,
.order-xs-1{  -webkit-box-ordinal-group: 3;    -ms-flex-order: 0 !important; order: 0 !important;}
.col-xs-hide {display: none;}
.heroheading {  text-align: center; background-color: rgba(255, 255, 255, 0.551); padding: 10px; border-radius: 10px;}
.main-section.item {  align-items: end; padding-bottom: 50px;}
.mb-5 {  margin-bottom: 2rem !important;}
.howwork_container { flex-direction: column; gap: 10px;}
.main-heading{text-align: center;}
.services_item{flex-direction: column;}
.sr_content,
.sr_img{width: 100%;} 
.wayitem{max-width: 100%; flex-direction: column;}
.wayimg { order: -1; } 
.wayimg img { height: auto; max-height: 200px; width: auto; min-width: auto; } 
.waycontent i.tcolor { display: none !important; }
.main-section{text-align: center;}
body{font-size: 15px;}
.map-img {  max-width: 100%;}
.map-img img{margin-inline:auto; max-width: 300px;}
footer.main-section.footer {  text-align: left; padding-top: 50px;}
.main-heading ul{flex-direction: column; text-align: left;}
.overview{gap: 15px; flex-wrap: wrap; flex-direction: column;}
.heroheading h1 { font-size: 20px;}
.typewrite{font-size: 15px;}
button, .btn, input[type="submit"] {  font-size: 16px;}
ul.checkbox_list li{text-align: left;}
h2, .heading-h2 { font-size: 24px;}
h3 { font-size: 22px;}
a.linkbtn {  font-size: 26px;   letter-spacing: 0px;}
.main-heading ul li{width: 100%;}
.locontainer h5 {  font-size: 13px;}
.location:before {  width: 90px;}
.help-btn small{display: none;}
.help-btn { font-size: 13px;  display: flex; font-weight: 700; align-items: center; gap: 15px;}
a.whatsapp-btn { position: fixed; left: auto; bottom: 40px;  z-index: 99;  right: 10px;}
.back-to-top{display: none !important;}
 .ovitem { width: 100%; text-align: center; margin-block-end: 10px; } 
 .ovitem .num { font-size: 20px; } 
 .ovitem h3 { font-size: 16px; } 
 .waysection .main-heading { position: relative; top: auto; } 
 .wayitem { top: 80px; padding: 15px; border-width: 2px;}
 .footer-widget.ps-5 {  padding-left: 0px !important;}
.typewrite h1 { font-size: 22px;}
.logo { max-width: 75px;}
.main-section.item.innerbanner {  height: auto; padding-block-start: 80px; padding-inline: 15px;}
.main-section.item{padding-inline: 15px;}
.typewrite{padding: 15px;}
.typewrite h1 { font-size: 20px;}

}