@media screen and (max-width: 1024px) and (min-width: 320px) {
.container{
width: 100%;
padding: 0 2%;
}
.header{
text-align: center;
} 
.logo {
float: none;
}
.logo img{
position: inherit;
}
.menu {
float: none;
text-align: center;
}
.side-bar {
width: 70px;
top: 40%;
} 
.appointment p{
display: none;
}
.footer ul {
width: 48%;
margin: 15px 1%;
min-height: 300px; 
}
.title-txt h2::before {
left: 18%;
}
.title-txt h2::after {
right:18%;
}
.banner-inner img {
height: 24vh;
width: 100%; 
}
.banner-inner{
height: 25vh !important;
}
.contact-inner-lt {
width: 100%;
float: none;
display: inline-block;
text-align: center;
}
.contact-inner-rt {
width: 100%;
float: none;
display: inline-block;
}
.product-list ul li {
width:50%;
}
.title-txt p, .title-txt-one p{
text-align: justify
}
.doc-pic-rt ul li{
text-align: left; 
}
.top-logo {
    left: 27%;
}
.top-head-one-lt, .top-head-one-rt {
float: none;
display: inline-block;
margin: 5px auto;
text-align: center;
width: 100%;
}
.top-head-one-lt p, .top-head-one-rt p{
float: none;
display: inline-block;
}
}

@media screen and (max-width: 930px) and (min-width: 320px) {
.health-text p{
margin:inherit;
}
.vis-mis-content{
float: none;
margin: 0 auto;
text-align: center;
padding: inherit;
width: 100%;
}
.vis-mis-pic{
float: none;
margin: 0 auto;
text-align: center;
padding: inherit;
width: 100%;
}
.title-txt h2::before {
left: 12%;
}
.title-txt h2::after {
right: 12%;
}  
}
@media screen and (max-width: 900px) and (min-width: 320px) {
.top-logo {
left: 16%;
}
.banner-inner img {
height: 50vh;
width: 100%; 
}
.banner-inner{
height: 50vh !important;
} 
 .side-bar{
  top: 80%;
 }
}

@media screen and (max-width: 812px) and (min-width: 320px) {
}
@media screen and (max-width: 768px) and (min-width: 320px) {
.banner .item img, .banner{
height: inherit;
}
.leaf-left{
width: 25%;
bottom: inherit;
}
.leaf-right{
width: 25%;
bottom: inherit;
}
.title-txt h2::before {
left: 9%;
}
.title-txt h2::after {
right: 10%;
}  
.doc-pic-lt, .doc-pic-rt{
float:none;
text-align:center; 
width:100%;
}
.doc-pic-lt p, .doc-pic-rt p{
text-align: justify;
} 
.doc-pic-lt img {
width: 30%;
}
.test_left p{
width:100%;
}
.side-bar {
width:50px;
top: 29%;
} 
.appointment p{
display: none;
} 
.mission ul li{
text-align: left;
font-size: 14px; 
}
.health-text {
width:100%;
 height: inherit;
}
.health-pic{
width:100%;
height:40px;
}
marquee {
margin: inherit;
}
.footer ul{
width: 100%;
padding: 0 15px;
margin: inherit;
min-height: inherit; 
}
.contact-us {
padding:inherit;
}
.team{
padding-top: 10px; 
}
.top-logo {
top: 11%;
left: 19%;
}
 .top-logo img{
width:35%;  
 }
 .thirukural-lt{
  width:100%;
}
 .thirukural-rt{
  width:100%;
}  
 .pop_inr{
  width: 100%;
 }
.banner-inner img {
height: 25vh;
width: 100%; 
}
.banner-inner{
height: 25vh !important;
}  
}

@media screen and (max-width: 767px) and (min-width: 320px) {
.logo {
float: left;
text-align: left;
margin-bottom: inherit;
width: 50%; 
}
.logo img{
width: 65%;
animation: none; 
} 
.menu {
margin: 14px 0;
} 
.res_menu {
display: block;
float: right;
margin-top: 9px;
padding: inherit; 
}
.whatsapp {
display: block;
float: right;
margin-top: 9px;
padding: inherit; 
} 
.menu-list {
display: none;
width: 100%;
}
.menu-list li {
margin: inherit;
text-align: left;
width: 100%;
margin: 10px 0;
}
.menu-list li a {
border-right: 0;
}
.side-bar {
width:50px;
top: 58%;
}  
.article-lt, .article-rt{
width: 100%;
}
.art p{
text-align: justify;
}
.title-txt h2::before {
left: 2%;
}
.title-txt h2::after {
right: 2%;
}
.title-txt{
padding: inherit;
}
.title-txt p, .title-txt-one p {
width: 100%;
}
.relax-vis-mis{
padding:10px 0;
}
.health-text p {
font-size:16px; 
}
.therapy h2 {
margin: 30px 0 0 20px;
}
.therapy p {
width:100%;
margin: 30px 0 0 20px; 
}
.view-btn{
 margin: 30px 0 0 20px; 
}
.post-title a {
font-size:20px; 
}
.article-rt h4{
font-size:20px;  
}
.therapy-products {
    padding: 10px 0;
}
.footer ul {
min-height: 120px;
}
.footer {
padding: 10px 0;
}
.about{
padding: 10px 0; 
}
.art img {
width: 30%;
}
.thirukural-lt p {
font-size: 10px;
}
.vaazhum {
  padding: 10px 0;
 }
.tour{
width:50px;
 height:50px;
padding: 9px 8px; 
}
.tour i{
padding: 6px 9px;
} 
.tour h3{
font-size:12px;
} 
 .forms{
  width:100%;
 }
 .pop_inr_1{
  width: 100%;
 }
 .tour h3{
     display:none;
 }
 .brochure_in, .brochure_in img {
     height:100% !important;
 }
}



@media screen and (max-width: 740px) and (min-width: 320px) {
.top-logo {
top: 33%;
left: 14%;
}
}

@media screen and (max-width: 736px) and (min-width: 320px) {

}

@media screen and (max-width: 667px) and (min-width: 320px) {
.title-txt h2 {
font-size:22px;
}
.test_left p{
text-align: justify;
}
.footer ul {
width: 100%;
padding: 0 15px;
margin: inherit;
}
.side-bar a {
padding: 4px;
}
.side-bar {
width: 40px;
top: 60%;
}
.top-logo {
top: 30%;
  left:9%;
} 
}
@media screen and (max-width: 640px) and (min-width: 320px) {
.side-bar {
width: 40px;
top:75%;
}
}

@media screen and (max-width: 600px) and (min-width: 320px) {
.side-bar {
width: 40px;
top: 80%;
}
}

@media screen and (max-width: 568px) and (min-width: 320px) {
.logo{
  width: 100%;
}
.logo img {
width: 45%;
} 
.product-list ul li {
width:100%;
}
.art img {
width: 50%;
} 
.regards img {
width: 35%;
border-radius: 50%;
}
.side-bar {
width: 40px;
top: 80%;
}
.top-logo {
top: 23%;
left: 0;
 right:0;
 margin:0 auto;
 text-align: center;
}
.top-logo img {
display: block;
margin: 0 auto; 
}
.thiru-details li p {
font-size:12px; 
}
.res_menu {
 margin-top: -54px;
  animation: pulse 7s infinite; 
}
 .tour{
 bottom: 40px; 
  animation: jello 5s infinite; 
 }
.form-actions li{
  width:inherit;
} 
}
@media screen and (max-width: 520px) and (min-width: 320px) {
.title-txt h2 {
font-size: 24px;
}
.title-txt h2::before {
display: none;

} 
.title-txt h2::after {
display: none;
}
.side-bar {
top: 80%;

}
}

@media screen and (max-width: 480px) and (min-width: 320px) {
}
@media screen and (max-width: 470px) and (min-width: 320px) {
 
}
@media screen and (max-width: 425px) and (min-width: 320px) {
 .side-bar{
top: 80%; 
 }
 .tour{
  left:inherit;
  right:10px;
 }
.analaysis {
width:30px;
height:30px;

}
.tour{
width:30px;
height:30px;
right:20px;
} 
 .tour i{
width:15px;
 height:15px;
 background-color: inherit;
padding: 0px 3px;
font-size:14px;   
 }
.tour h3{
text-align:inherit;
margin: 30px -4px;
font-size: 9px;
width: 100%;
display:none;
 }
}
@media screen and (max-width: 414px) and (min-width: 320px) {
.side-bar {
width: 40px;
top: 25%;
}
.res_menu{
margin-top: -40px;
}
 
.tour h3{
display: none;
 } 
.side-bar img {
width: 25px;
height: 25px;
}  
.side-bar a {
padding:1px;
}
.top-head-one-lt, .top-head-one-lt p {
text-align: left;
} 
.top-logo img{
    width:65%;
}
.whatsapp {
margin-top: 0px;
}
}

@media screen and (max-width: 384px) and (min-width: 320px) {
.side-bar img {
width: 25px;
height: 25px;
}
.side-bar {
width: 40px;
}

}

@media screen and (max-width: 375px) and (min-width: 320px) {
.side-bar {
width: 40px;
top: 34%;
}
.res_menu{
margin-top: -40px;

}
.whatsapp {
margin-top: -7px;
} 
.side-bar a {
padding:inherit;
} 
.top-head-one-rt{
    text-align:left;
}
.tour {
bottom: 10px;
}

}

@media screen and (max-width: 360px) and (min-width: 320px) {
.side-bar {
width: 40px;
top: 21%;
}
.address-1 span{
 display: none !important;
}
.top-head-one-rt p{
float:left;
} 
.top-head-one-lt{
    width:80%;
    float:left;
    
}
.top-head-one-rt{
    width:15%;
    float:right;
}

}

@media screen and (max-width: 320px) and (min-width: 320px) {
.side-bar a {
padding:inherit;
}
.side-bar {
width: 30px;
top: 21%;
}
.side-bar img {
width: 20px;
height: 20px;
} 
.res_menu{
margin-top: -40px;
}
.tour {
bottom: 10px;
}
.tour h3{
margin: 9px -4px;
 } 
}