@media only screen and (min-width: 1400px) and (max-width: 1680px){

     .aboutus-section .dotted-shape-img{

          top: 11%;

          left: 37%;

     }

     .aboutus-section .round-shape-small-img{

          bottom: 25%;

          left: 1%;

     }

     .aboutus-section .triangle-shape-img{

          right: 10%;

     }

}



@media (min-width: 1400px){



}



@media only screen and (min-width: 1200px) and (max-width: 1399px){

   

     .theme-title h1, .theme-title h2{

          font-size: 40px;

     }

     .aboutus-section .dotted-shape-img{

          top: 11%;

          left: 35%;

     }

     .aboutus-section .round-shape-small-img{

          bottom: 25%;

          left: 3%;

     }

     .aboutus-section .triangle-shape-img{

          top: 30%;

          right: 10%;

     }

     .research-and-develop-section .triangle-shape-img{

          left: 10%;

          top: 35px;

     }

     .thumbnail-carousel .thumb{

          width: 100px;

          height: 100px;

     }

     .our-mission-section .container-fuild{

          padding-left: calc((100% - 1140px) / 2);

          padding-right: 0;

     }

     .our-mission-text-wrap{

          padding: 0 15px;

     }

     .our-mission-section .triangle-black-shape{

          top: 0;

     }

}



@media (max-width: 1199px){

     section,

     .main-footer{

          padding: 60px 0;

     }

     .header-wrp-sec .nav-link{

          font-size: 17px;

          margin: 0 20px;

     }

     .navbar-brand img {

          max-width: 180px;

          width: 100%;

      }

     .quote-btn a{

          padding: 12px 25px;

          font-size: 16px;

     }

     .quote-btn a img{

          width: 14px !important;

          height: 14px;

     }

     

     .theme-title h1, .theme-title h2, .theme-title h1 span, .theme-title h2 span{

          font-size: 40px;

     }

     .triangle-shape-img,

     .round-shape-lg-hf-img,

     .round-shape-small-img,

     .dotted-shape-img,

     .our-products-section .ginger-img,

     .triangle-black-shape,

     .mint-leave-img{

          display: none;

     }

     .main-banner-section .owl-item .banner-title{

          font-size: 60px;

     }

     .banner-desc p{

          font-size: 18px;

     }

     .main-banner-section{

          padding: 120px 0 125px;

     }
      .product-Ingredients ul{
          grid-template-columns: repeat(2, 1fr);
     }

}

@media only screen and (min-width: 992px) and (max-width: 1199px){

     .our-mission-section .container-fuild{

          padding-left: calc((100% - 960px) / 2);

          padding-right: 0;

     }

     .our-mission-text-wrap{

          padding: 10px 15px;

     }

     .breadcrumb-section{

          padding: 70px;

     }

     .breadcrumb-section h1{

          font-size: 50px;

     }

     .product-name-and-pack h2{

          font-size: 35px;

     }

     .product-name-and-pack h5{

          font-size: 23px;

     }

}

@media (min-width: 992px){

     .navbar-nav .dropdown-menu {

          display: block;

          visibility: hidden;

          opacity: 0;

          transform: translateY(10px);

          transition: all 0.5s ease;

          box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;

          border: none;

          min-width: 190px;

          width: 100%;

          top: 40px;

     }

     .navbar-nav .dropdown:hover > .dropdown-menu {

          visibility: visible;

          opacity: 1;

          transform: translateY(0);

     }

     .dropdown-menu li {

          /* padding: 3px 0; */

          border-bottom: 1px solid #e1e8fa;

     }

     .dropdown-menu li:last-child{

          border-bottom: 0;

     }

     .navbar-nav .dropdown li a{

          color: #000;

          padding: 8px 10px;

          font-size: 16px;

          transition: all 0.6s ease;

     }

     .navbar-nav .dropdown-menu li:hover a{

          background-color: #093888;

          color: #fff;

     }

}



@media only screen and (min-width: 768px) and (max-width: 991px){

     .aboutus-img-wrp,

     .research-and-develop-img-wrp{

          position: sticky;

          top: 100px

     }

     .marquee-slider-carousel h2{

          font-size: 70px;

     }

     .product-detail-img-slider{

          position: sticky;

          top: 100px;

     }

     .product-name-and-pack h2{

          font-size: 30px;

     }

     .product-name-and-pack h5{

          font-size: 20px;

     }

     .contact-info-wrap-box{

          height: 100%;

     }

}

@media (max-width: 991px){

     p,

     ul li{

          font-size: 16px;

     }

     section,

     .main-footer{

          padding: 50px 0;

     }

     .theme-title h1, .theme-title h2, .theme-title h1 span, .theme-title h2 span{

          font-size: 40px;

     }

     .offcanvas-logo img{

          max-width: 200px;

          width: 100%;

     }

     .header-wrp-sec .nav-link{

     margin: 8px 0;

     }

     .offcanvas{

          background-color: #e1e8fa;

     }

     .offcanvas .btn-close{

          background-color: #093888;

          background-image: url(../images/icon/close-arrow.png);

          opacity: 1;

          border-radius: 50%;

     }

     .navbar-toggler:focus{

          box-shadow: none;

          border: none;

     }

     .navbar-toggler{

          padding: 0;

          border: none;

     }

     .main-banner-section .owl-item .banner-title{

          font-size: 50px;

     }

     .banner-desc p{

          font-size: 18px;

     }

     .main-banner-section{

          padding: 100px 0 125px;

     }

     .our-mission-text-wrap{

          padding: 30px 30px;

     }

     .our-mission-img-wrp, .our-mission-img-wrp img{

          padding-left: 38px;

     }

     .our-mission-img-wrp::before{

          left: 38px;

          top: -20px;

     }

     .breadcrumb-section{

          padding: 70px 0;

     }

     .breadcrumb-section h1{

          font-size: 45px;

     }

     .our-mission-img-wrp img{

          aspect-ratio: 1 / 0.7;

     }

     .blog-detail-title h2{

          font-size: 30px;

     }

     .blog-desc h2, .blog-desc h3, .blog-desc h4, .blog-desc h5, .blog-desc h6{

          font-size: 20px;

     }

     

}



@media (max-width: 767px){

    .latest-updates-section .owl-nav{

          position: unset;

          margin-top: 25px;

          justify-content: center;

    }

    .available-on-am-flip-box::before{

          position: unset;

    }

    .available-on-am-flip-img{

          margin-top: 25px;

    }

    .meet-our-mentors-wrp-box h2{

          font-size: 18px;

    }

    .latest-updates-title,

    .latest-updates-text p{

          overflow: hidden;

          display: -webkit-box;

          -webkit-line-clamp: 2; /* number of lines to show */

                    line-clamp: 2; 

          -webkit-box-orient: vertical;

    }

     .breadcrumb-section{

          padding: 60px 0;

     }

     .breadcrumb-section h1{

          font-size: 40px;

     }

     .thumbnail-carousel .owl-prev{

          left: -6px;

     }

     .thumbnail-carousel .owl-next{

          right: -6px;

     }

}

@media only screen and (min-width: 576px) and (max-width: 767px){

     section,

     .main-footer{

          padding: 45px 0;

     }

    .theme-title h1, .theme-title h2, .theme-title h1 span, .theme-title h2 span{

          font-size: 35px;

     }

     .main-banner-section .owl-item .banner-title{

          transform: translateY(50px)

     }

     .banner-desc{

          transform: translateY(50px);

     }

     .theme-btn-wrp{

          transform: translateY(50px);

     }

     .banner-img img{

          object-position: center;

     }

     .main-banner-section .owl-item .banner-title{

          font-size: 50px;

     }

     .banner-desc p{

          font-size: 18px;

     }

     .main-banner-section{

          padding: 100px 0 125px;

     }

     .premi-quality-section .text-curve{

          font-size: 40px;

     }

     .marquee-slider-carousel h2{

          font-size: 60px;

     }

     .our-mission-text-wrap{

          padding: 30px 15px;

     }

     .our-mission-img-wrp, .our-mission-img-wrp img{

          padding-left: 15px;

     }

     .our-mission-img-wrp::before{

          left: 15px;

     }

     .our-mesaage-text-wrap p{

          font-size: 35px;

     }

     .our-mesaage-text-wrap::before{

          top: -7px;

     }

     .our-mission-text-wrap{

          padding: 30px 30px;

     }

     .our-mission-img-wrp, .our-mission-img-wrp img{

          padding-left: 30px;

     }

     .our-mission-img-wrp::before{

          left: 30px;

          top: -20px;

     }

     .product-name-and-pack h2{

          font-size: 35px;

     }

     .product-name-and-pack h5{

          font-size: 22px;

     }

     .blog-detail-title h2{

          font-size: 30px;

     }

}

@media (max-width: 575px){

     section,

     .main-footer{

          padding: 40px 0;

     }

     .theme-title h1, .theme-title h2, .theme-title h1 span, .theme-title h2 span{

          font-size: 33px;

     }

     .banner-img img{

          object-position: center;

     }

     .main-banner-section .owl-item .banner-title{

          transform: translateY(50px)

     }

     .banner-desc{

          transform: translateY(50px);

     }

     .available-on-am-flip-text .text-curve p{

          font-size: 35px;

     }

     .navbar-brand img,

     .footer-logo img{

          max-width: 150px;

          width: 100%;

     }

     .marquee-slider-carousel h2{

          font-size: 45px;

     }

     .marquee-slider-carousel .item h2::before{

          width: 25px;

          height: 25px;

     }

     .premi-quality-section .text-curve{

          font-size: 35px;

     }

     .main-banner-section .owl-item .banner-title{

          font-size: 40px;

     }

     .banner-desc p{

          font-size: 18px;

     }

     .theme-btn{

          font-size: 15px;

     }

     p, ul li{

          font-size: 15px;

     }

     .main-banner-section{

          padding: 100px 0 125px;

     }

     .our-mesaage-text-wrap p{

          font-size: 25px;

     }

     .our-mesaage-text-wrap::before{

          top: -8px;

     }

     .our-mesaage-text-wrap h4{

          font-size: 35px;

     }

     .our-mesaage-section{

          padding: 50px 0;

     }

     .our-mission-text-wrap{

          padding: 30px 15px;

     }

     .our-mission-img-wrp, .our-mission-img-wrp img{

          padding-left: 15px;

     }

     .our-mission-img-wrp::before{

          left: 15px;

          top: -10px;

     }

     .product-name-and-pack h2{

          font-size: 30px;

     }

     .product-name-and-pack h5{

          font-size: 20px;

     }

     .blog-detail-title h2{

          font-size: 29px;

     }
     .product-Ingredients ul{
          grid-template-columns: repeat(2, 1fr);
     }

}





@media (max-width: 480px){

     section,

     .main-footer{

          padding: 35px 0;

     }

     .theme-title h1, .theme-title h2, .theme-title h1 span, .theme-title h2 span{

          font-size: 30px;

     }

     .navbar-brand img,

     .footer-logo img,

     .offcanvas-logo img{

          max-width: 150px;

          width: 100%;

     }

     .quote-btn a{

          padding: 10px 17px;

          font-size: 15px;

     }

     .quote-btn a img{

          width: 13px !important;

          height: 13px;

     }

     .marquee-slider-carousel h2{

          font-size: 40px;

     }

     .marquee-slider-carousel .item h2::before{

          width: 25px;

          height: 25px;

     }

     .premi-quality-section .text-curve{

          font-size: 35px;

     }

     .main-banner-section .owl-item .banner-title{

          font-size: 40px;

     }

     .banner-desc p{

          font-size: 18px;

     }

     .theme-btn{

          font-size: 15px;

     }

     p, ul li{

          font-size: 15px;

     }

     .main-banner-section{

          padding: 100px 0 125px;

     }

     .breadcrumb-section{

          padding: 40px 0;

     }

     .breadcrumb-section h1{

          font-size: 30px;

     }

     .product-name-and-pack h2{

          font-size: 25px;

     }

     .product-name-and-pack h5{

          font-size: 18px;

     }

     .blog-detail-title h2{

          font-size: 27px;

     }
      .product-detail-section .logo-wrp a{
              padding: 8px 15px;
     }
     .product-detail-section .logo-wrp img{
          max-width: 75px;
     }
      .product-Ingredients ul{
          grid-template-columns: repeat(1, 1fr);
     }

}



@media (max-width: 375px){

     section,

     .main-footer{

          padding: 30px 0;

     }

     .theme-title h1, .theme-title h2, .theme-title h1 span, .theme-title h2 span{

          font-size: 28px;

     }

     .quote-btn a{

         padding: 9px 14px;

        font-size: 14px;

     }

     .quote-btn a img{

          width: 11px !important;

          height: 11px;

     }

     .navbar-brand img,

     .footer-logo img,

     .offcanvas-logo img{

          max-width: 115px;

          width: 100%;

     }

     .main-banner-section .owl-item .banner-title{

          font-size: 35px;

     }

     .banner-desc p{

          font-size: 18px;

     }

     .theme-btn{

          font-size: 15px;

     }

     .main-banner-section{

          padding: 100px 0 125px;

     }

     .blog-detail-title h2{

          font-size: 25px;

     }
     .product-detail-section .logo-wrp a{
              padding: 5px 12px;
     }
     .product-detail-section .logo-wrp img{
          max-width: 60px;
     }
}