@media(max-width:1700px){
    .buy-btn{
        margin-top: 72px;
    }
}
@media(max-width:1600px){
    .about-us-inner .about-detail{
        width:80%;
    }
    .offer-title h5.text-right{
        left: 29%;
    }
}
@media(max-width:1400px){
    .gray-shap2 {
    width: 50%;
}
.media .modal-content {
    max-width:500px;
}
.social-media-section .fab, .social-media-section .far{
        font-size:18px;
    }
    .medicine-offer p{
        font-size:24px;
    }
    .zota-detail p {
    font-size: 17px;
}
section#why-us a {
    text-decoration: none;
    font-size: 16px;
}
.team-detail h6,
article.node-card h5{
    font-size: 15px;
    }
    .team-detail p {
    font-size: 13px;
}
.find-store-bg label{
    margin-right:60px;
}
.buy-btn{
    margin-top:0;
}
.overlay {
    padding:130px 20px 0;
}
.blog-inner .box h4,
div#team-slider .team-description p{
    font-size: 16px;
}

section#join-davaindia .kapil-img {
 top: -398px;
}
section#join-davaindia h3,
section#join-davaindia h4{
    font-size: 36px;
    }
    #why-us ul.cs-hidden2 h3 {
    font-size:45px;
}
.navigation__link:link, .navigation__link:visited {
    font-size: 20px;
    padding:5px 0;
}
.offer-title h5.text-right {
    left: 33%;
}
.about-detail p,
div#aboutModal p,
.career-box td,
.career-box h4,
div#privacyModal p{
    font-size:16px;
}
div#aboutModal .tagline p {
    font-size: 20px;
    left: -47%;
}
.offer-banner h5.text-right {
  font-size: 11px;
    right: 5px !important;
    top: 33px;
}
.medicine-offer p,
.reaching-across-section li {
    font-size: 20px;
}
.tagline {
    top: 40%;
}
nav.navigation__nav .offer-banner h5.text-right {
  
    top:40%;
}
.offer-banner-inner .hand-img img {
    top: -238px;
}
.reaching-across-section li {
       font-size: 16px;
    margin-bottom: 20px;
}
.tagline p {
    font-size: 30px;
}
.reaching-across-section .orange-overlay {
    padding: 50px 0;
}
.footer-ads p {
    font-size: 20px;
}
.tab button{
   padding-right: 30px; 
}
.footer-ads span {
    font-size: 9px;
   
   
    left: -7px;
    top: -5px;
}
}
@media(max-width:1296px){
    section#why-us a{
        font-size:16px;
    }
}
@media(max-width:1176px){
    .social-media-section li {
          margin-right:2px;
}
.about-detail p,
.zota-detail p,
.reaching-across-section li{
    font-size: 16px;
}
.medicine-offer p {
    font-size: 17px;
    line-height: 30px;
}
.tagline p {
    font-size: 26px;
    }
    .medicine-bottle img{
        width:200px;
    }
    .pills.aos-init.aos-animate{
        width:150px;
    }
    .vision-mision {
    padding: 50px 20px;
    }
    h5.subtx{
        font-size:14px;
    }
    div#team-slider .team-description p,
    div#aboutModal p,
    section.gallery .title h4,
    .career-box h4,
    .carrer-btn .link2 a,
    .carrer-btn .link1 a {
        font-size: 14px;
}
.carrer-btn .link1 a,
.blog-inner p{
    font-size: 10px;
}
div#aboutModal .tagline p{
        left: -180%;
}
.find-store-bg label{
    margin-right:10px;
}
div#storeModal .find-store-bg{
    max-width:100%;
    left:0;
}
.find-store-bg h2,
.offer-banner-inner h2{
    font-size:24px;
    }
    .contact-detail{
      padding: 20px 10px;
    }
    .find-store-bg p{
        font-size:16px;
    }
    .tab button{
            padding-right:10px;
    }
    .contact-detail .submit-btn, .comment-form .submit-btn{
        align-items: end;
    }
    button.accordion-button.collapsed {
    font-size: 16px;
    }
    section#join-davaindia h3, section#join-davaindia h4 {
    font-size:20px;
    }
    .career-box td {
        font-size: 16px;
    }
    .section-title h2 {
       font-size: 36px;
    }
    .contact-detail{
        height:700px;
    }
    .team-detail h6, article.node-card h5 {
    font-size: 12px;
}
.tab button{
    font-size: 16px;
}
section#join-davaindia .kapil-img img{
    max-width:100%;
}
section#join-davaindia .kapil-img {
    top: -305px;
}
}
@media (max-width:1024px){
section#why-us a {
    font-size: 13px;
}
#why-us ul.cs-hidden2 h3 {
    font-size: 40px;
}
h2.main-title.-second {
    font-size: 30px;
}
.vision-mission-detail {
    padding: 0px 30px 50px;
}
h6.text-right.animate__animated.animate__fadeInDown{
       bottom: -14%; 
}
.social-media-section .fab, .social-media-section .far{
        padding: 8px;
}
.social-media-section i.fab.fa-facebook-f {
    padding: 8px 10px;
}
.latest-update-slider p {
    font-size: 14px;
}
.medicine-offer p{
    padding:0 20px;
}
.zota-detail p {
    font-size:14px;
    line-height:22px;
    z-index: 99;
    position: relative;
}

.pills.aos-init.aos-animate {
    width: 80px;
}
section#why-us li.item-a:hover .whyus-info{
    padding:5px;
}
section#why-us .whyus-info p{
    font-size:12px;
}
.medicine-img.text-end img{
    width:50%;
}
.medicine-img.text-end{
    right:0;
}
img.pharmacy2 {
 
    left: 55%;
    top: 50%;
}
img.pharmacy4 {
   
    left: 77%;
    bottom: -25px;
    width: 35% !important;
}
.find-store-bg{
    padding:20px;
}
.total-store.mt-5 {
    margin-top: 20px !important;
}
.retail-detail h2,
.offer-banner-inner p{
    font-size: 15px;
}
 .retail-detail p {
    font-size: 11px;
}   
.offer-banner-inner .hand-img img {
    top: -156px;
}
.mobile-img {
   text-align: center;
}
.mobile-img img{
    max-width:70%;
}
.hand-img img,
section#join-davaindia .kapil-img img{
    max-width:80%;
}
}
@media(max-width:991px){
    .footer-bottom p {font-size: 13px;}
}
@media(max-width:912px){
    .offer-title h1,
    div#aboutModal .offer-banner h3, div#faqModal .offer-banner h3, div#storeModal .offer-banner h3,
    #why-us ul.cs-hidden2 h3{
       font-size: 30px;
    }
    .offer-title h2 {
        font-size: 50px;
    }
    .offer-title span,
    .offer-title p,
    div#aboutModal .offer-banner h2, div#faqModal .offer-banner h2, div#storeModal .offer-banner h2,
    section#join-davaindia h3, section#join-davaindia h4{
        font-size: 18px;
    }
    
    nav.navigation__nav span, div#aboutModal .offer-banner span,
    div#aboutModal .offer-banner p, div#faqModal .offer-banner p, div#storeModal .offer-banner p{
    font-size: 13px;
    line-height: 24px;
     font-size: 12px;
    }
    .social-media-section .fab, .social-media-section .far{
        padding: 8px;
    }
    .social-media-section i.fab.fa-facebook-f {
        padding: 8px 11px;
    }
    h2,
    div#aboutModal h2#exampleModalLabel, div#faqModal h2#exampleModalLabel, div#storeModal h2#exampleModalLabel, div#privacyModal h2#exampleModalLabel, div#blogModal h2#exampleModalLabel{
        font-size: 24px;
    }
    .about-us-inner .about-detail{
        padding:40px;
    }
    .offer-banner h5.text-right {
  
    right: 1px !important;
    top: 15px;
}
div#aboutModal .col-md-10 {
    padding: 20px 0px;
}
.zota-detail p {
 
    line-height: 24px;
}
 .zota-detail p, .reaching-across-section li,
 section.footer-section a,
 .footer-ads p ,
 .reaching-box li{
    font-size: 14px;
}
.medicine-offer p {
    font-size: 13px;
    line-height: 24px;
}
#why-us ul.cs-hidden2 li.item-a{
    padding: 70px 10px;
}
section#why-us a,
.team-detail p,
.retail-detail p{
    font-size: 10px;
}
.vision-mission-detail p,
.vision-mision h4,
.retail-detail h2,
.find-store-bg p{
    font-size: 14px;
}
.team-detail{
    min-height: 90px;
}
.find-store-bg h2,
.offer-banner-inner p{
        font-size: 20px;
}
.total-store.mt-5 {
    margin-top: 10px !important;
}
.find-store-bg h2, .offer-banner-inner h2 {
    font-size: 24px;
}
.offer-banner-inner .hand-img img{
        top: -153px;
}
.offer-banner-inner{
    margin: 200px 0 100px 0;
}
.slick-slide{
    margin:0;
}
.contact-detail{
    padding:30px 10px;
}
.career-box td {
    font-size: 13px;
}
section#join-davaindia .kapil-img img{
    width:350px;
}
section#join-davaindia .kapil-img {
    top: -283px;
}
section.footer-section h4{
    font-size:18px;
}
nav.navigation__nav h2, div#aboutModal .offer-banner h2{
      font-size:20px;
}
nav.navigation__nav h3, div#aboutModal .offer-banner h3{
    font-size:40px;
}
.slider-detail .offer-title h2 span{
     font-size:16px;
     margin-left: -5px;
}
.slider-detail .title{
    padding-right: 0px;
}
}

@media(max-width:767px){
    
    .franchies-inner{
            max-width: 100%;
    }
    #why-us .slider ul,
    .team-inner{
        display:block;
    }
    #why-us li.item-a{
        width:100%;
    }
    section#why-us a{
    font-size: 20px;
}
 #why-us ul.cs-hidden2 h3 {
    font-size: 50px;
}
.medicine-img.text-end{
    right:0;
}
.vision-mission-detail p, .vision-mision h4,
.reaching-box h5 {
    font-size: 20px;
}
.team-box {
    margin-bottom:130px;
}
.team-detail.team1 {
    width: 100%;
    padding: 30px;
}
.navbar-brand img{
    width:200px;
}
.navigation__button{
    right: 1rem;
}
.navigation__background {
    right: 2rem;
}
.main-carousel .cards {
    display: block;
}
.mobile-img {
    position: relative;
    }
    .offer-banner-inner .hand-img img{
        top:0;
        position:relative;
    }
    .social-icons {
    text-align: center;
    margin-top: 20px;
}
.social-media-section .fab, .social-media-section .far {
    padding: 10px 12px;
}
.social-icons i{
    font-size:20px !important;
}
.social-media-section i.fab.fa-facebook-f {
    padding: 10px 15px;
}
.davaindia-logo.aos-init.aos-animate{
    text-align:center;
}
.client-logo-section {
    padding: 30px 0;
}
.client-logo{
    margin-bottom:10px;
}
.about-us-inner .about-detail {
    left: 0%;
    max-width: 60%;
    transform: translate(33%, 14%);
    padding: 10px;
    
}
.zota-detail img{
    text-align:center;
}
.franchies-inner{
    padding: 15px 30px 15px 30px;
}
.medicine-offer{
    padding:30px 0;
}
.medicine-offer p {
    font-size: 16px;}
.tagline {
    top: 0%;
    padding: 10px 0;
}
.tagline p {
   
    font-size: 20px;
    transform: inherit;
    position: relative;
    top: 0%;
    left: 0%;
    margin: 0;
  }
  .orange-shap,
  .plus-img1, .plus-img2,
  .main-carousel::after,
  .button-arrow.-left,
  .button-arrow.-right{
    display:none;
  }
  section#why-us {
    margin-top: 30px;
}
#why-us ul.cs-hidden1 li.item-a {
    padding: 20px 0;
}
#why-us ul.cs-hidden1 .slide-img {
    top: -40px;
}
#why-us ul.cs-hidden2 li.item-a {
    padding: 30px 10px;
}
#why-us ul.cs-hidden2 li.item-a{
     border-bottom:1px solid #ccc !important;
}
.main-carousel {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 10px;
}
article.node-card {
    margin-top: 0%;
    z-index: 0;
    max-width: 100%;
}
.time{
    margin-top: 20px;
}
.reaching-across-section .orange-overlay {
    padding: 30px 0;
    }
    .reaching-box li {
    font-size: 16px;
    margin-bottom: 15px;
}
 .team-detail p{
    font-size: 18px;
 }
 .team-detail h6{
    font-size: 20px;
}
.team-detail.team1 {
    left:0;
}
.find-store-bg {
    padding: 30px 20px;
}
.mobile-img {
  top: 20px;
 text-align: center;
}
.offer-banner-inner {
    margin: 20px 0px;
}
.offer-detail {
    text-align: center;
    padding-top: 20px;
}
.section-title h2 {
    font-size: 30px;
}
.contact-us-inner img{
    top:0;
    width:30%;
    right:0;
}
section#join-davaindia .kapil-img {
    top: 0px;
}
section#join-davaindia .kapil-img img {
    width: 120px;
}
section#join-davaindia{
    padding: 50px 0 75px;
}
.play-video-btn a{
        font-size: 15px;
}
.play-video-btn a{
        padding: 15px;
}
section.faq-section .float-start{
    width:100%;
}
section.faq-section {
    margin: 20px 0;
}
section.footer-section .footer-title {
    margin-bottom: 20px;
}
.retail-detail h2{
    font-size: 20px;
}
.retail-detail p {
    font-size: 16px;
}
.navigation__nav{
    top: -1%;
}
nav.navigation__nav .offer-banner{
    width:250px;
}
nav.navigation__nav .col-md-5 {
    justify-content: center;
    display: block;
}
.navigation__checkbox:checked+.navigation__button .navigation__icon::before {
    top: 18px;
    left: -10px;
    transform: rotate(140deg);
}
.navigation__checkbox:checked+.navigation__button .navigation__icon::after {
    top: 17px;
    left: -8px;
    transform: rotate(218deg);
   
}
div#team-slider .carousel-item {
    padding: 0;
}
section.testimonial-slider .davaindia-detail{
    padding-left: 50px;
}
div#why-slider .details, div#why-slider2 .details{
        padding: 30px;
}
div#why-slider .why-box:before, div#why-slider2 .why-box:before{
    top:0;
}
div#privacyModal .modal-body {
    padding: 10px;
}
 div#privacyModal p {
    font-size: 14px;
}
.tabcontent{
    padding:0;
}
.accordion-item {
    
    margin: 10px 0;
}
nav{
    padding: 10px;
}
.client-logo {
    margin-bottom: 30px;
}
.franchies {
    position: relative;
}
.swiper-slide{
    width:100% !important;
    margin-right:0 !important;
}
h6.text-right.animate__animated.animate__fadeInDown{
    bottom: -10%;
}
div#aboutModal .tagline p,
div#aboutModal .tagline{
    left: 0px;
    font-size: 12px;
}
@keyframes myfirst {
 0%   { left: 0px; top: 0px;}
  25%  { right:10px; top: 0px;}

  75%  {left: 10px; right: 10px;}
  100% { left: 10px; top: 0px;}
}
article.node-card h5 {
    font-size: 18px;
}
.carousel-indicators{
    bottom:auto;
}
.line.mb-5 {
    margin-bottom: 20px !important;
}
sup {
    font-size:15px !important;
}
img.pharmacy4{
    width: 20% !important;
}
.medicine-img.text-end img {
    width: 40%;
}
.medicine-img.text-end img {
    width: 30%;
}
.davaindia-logo{
    text-align:center;
}
.offer-banner-inner .col-md-3{
    display:none;
}
#gallery img{
    width:100%;
}
section.footer-section .social-media ul{
    justify-content: flex-start;
}
section.footer-section .social-media-section li {
    margin-right: 10px;
}
.footer-list{
    margin-top:0 !important;
}
iframe{
    width:100%;
    padding:10px;
}
nav.navigation__nav img.img-fluid {
    margin-bottom: 40px;
    margin-top: 40px;
}
section#zota-section {
    margin-top: 0;
}
.about-us-inner .about-img{
    margin-bottom: 160px;
}
}
@media(max-width:575px){
.footer-content{flex-direction: column !important;}
.footer-bottom .left-side{max-width: 100% !important;float: none !important;text-align: center;}
.left-side.float-start ul {display: flex !important;flex-direction: column !important;justify-content: center !important;align-items: center !important;row-gap: 5px !important;margin-bottom: 10px !important;}
.left-side.float-start li { padding-right: 0 !important;margin-bottom: 0 !important}
.footer-bottom .footer-content .centered-text {max-width: 100% !important;padding-right: 0 !important;}
.footer-bottom .footer-content .right-side{float: none !important;max-width: 100% !important;text-align: center !important;margin-bottom: 10px !important}
.footer-bottom p{margin-bottom: 10px}
}
@media (max-width:560px){
.about-us-inner {
    position: relative;
    background: #f15e25;
    background: -moz-linear-gradient(left,  #f15e25bd 0%,#eb7a23db 100%);
    background: -webkit-linear-gradient(left,  #f15e25bd 0%,#eb7a23db 100%);
    background: linear-gradient(to right, #f15e25bd 0%,#eb7a23db 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f15e25', endColorstr='#eb7a23',GradientType=1 );
    width: 100%;
    padding: 1rem 0rem 0rem 0rem;
    margin-bottom: 2rem;
}
.about-us-inner .about-detail {
    position: relative;
    width: 100%;
    max-width: 100%;
    transform: none;
}

.about-us-inner .about-img{display: none;}
}

