@media (max-width:1440px) {
    .container{max-width: 1328px}
    .hero-img-area .content{padding: 140px 0}
    .hero-img-area .content h1{font-size: 66px; line-height: 74px;}
    .hero-img-area .content p {font-size: 20px; line-height: 32px;}
    .hero-img-area .img-block{right: 80px}

    .howitwork-section ul.step-list li .step-block h3{font-size: 20px}
    .why-kelter-section h3{padding: 0 40px 18px 40px}
    .get-in-touch-section .newsletter-area{padding: 50px 120px}
}

@media (min-width: 1366px) and (max-width: 1366px){
    .container{max-width: 1328px}
    .hero-img-area .content{padding: 120px 0}
    .hero-img-area .content h1{font-size: 66px; line-height: 74px;}
    .hero-img-area .content p {font-size: 20px; line-height: 32px;}
    .hero-img-area .img-block{right: 80px}

    .howitwork-section ul.step-list li .step-block h3{font-size: 20px}
    .why-kelter-section h3{padding: 0 40px 18px 40px}
    .get-in-touch-section .newsletter-area{padding: 50px 120px}


}

@media (min-width: 768px) and (max-width: 1024px){

    header .header-inner{padding: 10px 0}
    header .header-inner .logo-block {width: 120px; z-index: 1;}
    header .header-inner ul.main-menu {display: block; position: fixed; top: 0px; background: #fff; width: 100%; height: 100%; overflow-y: scroll; padding-top: 70px;right: -100%; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
    header .header-inner ul.main-menu.show{right: 0px; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
    header .header-inner ul.main-menu::before{content: ''; position: absolute; top: 60px; width: 100%; height: 1px; background: #e4cfe7}
    header .header-inner ul.main-menu li a{width: 100%; display: block; padding: 10px 0; font-size: 16px;}
    header.fixed .header-inner ul.main-menu li a{padding: 10px 0}
    header .header-inner ul.main-menu li a.btn-test-menu::before{top: 18px}
    header.fixed .header-inner ul.main-menu li a.btn-test-menu::before{top: 18px}
    header .header-inner ul.main-menu li a.dropdown-toggle::before{top: 18px}
    header.fixed .header-inner ul.main-menu li a.dropdown-toggle::before{top: 18px}
    header .header-inner ul.main-menu li .dropdown-menu.show {transform: translate(0px, 47px) !important; width: 100%;}
    header.fixed .header-inner ul.main-menu li .dropdown-menu.show{transform: translate(0px, 47px) !important; width: 100%;}
    header .header-inner .full-menu-test{position: relative; top: 0px; padding: 0; box-shadow: none; border: none}
    header .header-inner .full-menu-test.show{display: none;}
    header .header-inner .full-menu-test .tab-part {width: 100%;}
    header .header-inner .full-menu-test .testlist{width: 100%; padding: 10px 0 0 0}
    header .header-inner .full-menu-test .tab-part .nav-link{font-size: 12px; font-weight: 400; padding: 6px 8px; margin-bottom: 3px; border-radius: 5px;}
    header .header-inner .full-menu-test .tab-part .nav-link .icon {width: 20px; height: 20px; margin-right: 10px;}
    header .header-inner .full-menu-test .tab-part .nav-link::before {top: 7px; right: 7px;}
    header .header-inner .full-menu-test .testlist .cate-name{font-size: 18px; line-height: 20px; margin: 0 0 5px 0;}
    header .header-inner .full-menu-test .testlist ul.test-list-ul li{width: 100%}
    header .header-inner .full-menu-test .testlist ul.test-list-ul li a{font-size: 13px; line-height: 22px}
    header .header-inner .full-menu-test .testlist ul.test-list-ul li a::before {top: 8px}
    header .header-inner .mobile-menu-submenu{display: none;}
    header .header-inner .mobile-menu-submenu.show{display: block;}
    header .header-inner .mobile-menu-submenu ul{margin: 0px; padding: 0px; list-style: none}
    header .header-inner .mobile-menu-submenu ul .nav-link{position: relative; border: #E4CFE7 1px solid; border-radius: 10px; padding: 6px 10px !important; font-size: 13px; line-height: 20px; color: var(--color3); background: #fff; display: block; width: 100%; display: flex; align-items: center; font-weight: 400; margin-bottom:5px}
    header .header-inner .mobile-menu-submenu ul .nav-link::before{content: ''; position: absolute; top: 7px; right: 6px; width: 10px; height: 18px; background: url(../images/right-arrow.png) center center no-repeat}
    header .header-inner .mobile-menu-submenu ul .nav-link:hover,
    header .header-inner .mobile-menu-submenu ul .nav-link.active{background: #F9EEFB}
    header .header-inner .mobile-menu-submenu ul .nav-link .icon{width: 20px; height: 20px; margin-right: 10px}
    header .header-inner .mobile-menu-submenu ul .nav-link .icon img{width: 100%}
    header .header-inner .mobile-menu-submenu ul .nav-link:last-child{margin: 0px}

    header.fixed .header-inner .full-menu-test{top: 0px;}
    header .rightside .btn-login{font-size: 0px; width: 36px; height: 36px; padding: 10px}
    header .rightside .btn-login svg{margin-right: 0px}
    header .rightside .btn-blue{width: 36px; height: 36px; padding: 10px; margin-left: 5px}
    header .rightside .btn-blue img{width: 100%; height: 100%}
    header .rightside .btn-menu {width: 36px; height: 36px; border: none; background: var(--color1); position: relative; padding: 0px; transition: all .5s ease;  margin-left: 5px; display: block; border-radius: 50%}
    header .rightside .btn-menu span{width: 20px; height: 2px; background: #fff; display: block;  transition: all .5s ease;}
    header .rightside .btn-menu span:nth-of-type(3n+1){position: absolute; top: 10px; left: 8px; transition: all .5s ease;}
    header .rightside .btn-menu span:nth-of-type(3n+2){position: absolute; top: 17px; width:15px; left: 8px; transition: all .5s ease;}
    header .rightside .btn-menu span:nth-of-type(3n+3){position: absolute; bottom: 10px; left:8px; transition: all .5s ease;}
    header .rightside .btn-menu.active span:nth-of-type(3n+1){  transform: rotate(-45deg); left: 8px; top:17px; transition: all .5s ease;}
    header .rightside .btn-menu.active span:nth-of-type(3n+2){display: none;}
    header .rightside .btn-menu.active span:nth-of-type(3n+3){ transform: rotate(45deg);left: 8px; transition: all .5s ease; bottom: 17px;}

    .hero-img-area {margin-top: 60px;}
    .hero-img-area .content {width: 100%; padding: 25px 0; text-align: center;}
    .hero-img-area .content h1{font-size: 36px; line-height: 42px;}
    .hero-img-area .content p {font-size: 16px; line-height: 24px;}
    .hero-img-area .img-block{width: 80%; height: auto; position: relative; margin: 0 auto;}
    .hero-img-area .img-block img{width:100%}
    .hero-img-area .container .logo-icon{height: auto; width: 100%}

    .titlearea h2 {font-size: 24px;}
    .titlearea h2 span{font-size: 14px; margin-bottom: 5px;}
    .titlearea .btn-view {font-size: 13px; padding: 10px 18px; display: inline-flex; align-items: center; margin-top: 10px}

    .test-section{padding: 40px 0}
    .test-section .owl-nav{top: -57px; right: 170px;}
    .test-section .test-block .pd-20 {padding: 15px;}
    .test-section .test-block .test-name{font-size: 20px; line-height: 22px; padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: #E4CFE7 1px solid;}
    .test-section .test-block p {font-size: 13px; line-height: 20px;}
    .test-section .test-block .biomarkers{font-size: 13px; margin: 0 0 10px 0;}
    .test-section .test-block .biomarkers span {width: 26px; height: 26px; line-height: 26px; font-size: 10px; margin-right: 8px;}
    .test-section .test-block ul li {font-size: 13px; line-height: 22px;}
    .test-section .test-block ul li::before {top: 4.5px}
    .test-section .test-block .bottom-part{padding:10px 15px}
    .test-section .test-block .bottom-part .price {font-size: 18px; line-height: 22px;}
    .test-section .test-block .bottom-part .btn-cart{font-size: 13px; padding: 10px 16px;}
    .test-section .test-block .bottom-part .btn-cart img{width: 20px;}
    .test-section .test-block:hover .test-name{border-bottom: #ACD8ED 1px solid;}

    .weight-care-section .weight-care-block {display: block;}
    .weight-care-section .weight-care-block .photo{width: 100%; margin: 0 0 15px 0}
    .weight-care-section .weight-care-block .content{width: 100%; padding: 0px}
    .weight-care-section .weight-care-block .content h2{font-size: 24px; margin: 0px 0px 10px 0px}
    .weight-care-section .weight-care-block .content h2 span{font-size: 14px; margin-bottom: 5px;}
    .weight-care-section .weight-care-block .content h3{font-size: 14px; margin: 0 0 10px 0}
    .weight-care-section .weight-care-block .content ul li{margin: 0 5px 5px 0;}
    .weight-care-section .weight-care-block .content ul li a{font-size: 12px; padding: 8px 15px;}
    .weight-care-section .weight-care-block .content p{font-size: 13px; line-height: 20px;}
    .weight-care-section .weight-care-block .btn-cart{font-size: 13px; padding: 10px 16px;}
    .weight-care-section .weight-care-block .btn-cart img{width: 20px;}

    .howitwork-section{padding: 40px 0 20px 0}
    .howitwork-section ul.step-list li{width: 50%; margin-bottom: 20px}
    .howitwork-section ul.step-list li .step-block{padding: 15px}
    .howitwork-section ul.step-list li .step-block .icon{width: 120px; height: 120px}
    .howitwork-section ul.step-list li .step-block h3{margin: 15px 0 10px 0; font-size: 18px; line-height: 24px;}
    .howitwork-section ul.step-list li .step-block p{font-size: 13px; line-height: 20px;}

    .review-section h2{position: relative; font-size: 24px; margin: 0px 0px 20px 0px;}
    .review-section h2 span{font-size: 14px; margin-bottom: 5px;}
    .review-section .owl-nav {position: absolute; top: -46px; left: auto; margin-left: 0; right: 0;}
    .review-section .review-block .photo1{display: none}
    .review-section .review-block .photo2{width: 50%; height: 420px; }
    .review-section .review-block .content{width: 50%; padding-left: 20px; height: 420px; padding-right: 0;  }
    .review-section .review-block .content .name{font-size: 24px; line-height: 24px; padding: 0 0 14px 0; margin: 0 0 10px 0;}
    .review-section .review-block .content .name span{margin-top: 10px; font-size: 13px; line-height: 13px;}
    .review-section .review-block .content p{font-size: 13px; line-height: 20px;}

    .article-section{padding: 40px 0}
    .article-section .owl-nav{position: absolute; top: -52px; right: 0; margin-right: 0;}
    .article-section .article-block{display: block;}
    .article-section .article-block .article-photo{width: 100%; height: 200px;}
    .article-section .article-block .article-content{width: 100%}
    .article-section .article-block .article-content .top{padding: 15px;}
    .article-section .article-block .article-content h3{font-size: 18px; line-height: 24px;}
    .article-section .article-block .article-content p{font-size: 13px; line-height: 20px;}
    .article-section .article-block .article-content .btn-more{padding: 10px 15px; border-top: #E4CFE7 1px solid; font-size: 15px;}

    .why-kelter-section .light-blue{padding: 20px 20px 0 20px}
    .why-kelter-section h2{position: relative; font-size: 24px; margin: 0px 0px 20px 0px; text-align: center;}
    .why-kelter-section h2 span{font-size: 14px; margin-bottom: 5px;}
    .why-kelter-section .icon{width: 180px; margin: 0 auto;}
    .why-kelter-section .icon img{width: 100%}
    .why-kelter-section h3{font-size: 18px; line-height: 22px; padding: 0 0px 18px 0px; margin-bottom: 12px;}
    .why-kelter-section p{font-size: 13px; line-height: 20px; margin: 0 0 20px 0}

    .get-in-touch-section{padding: 40px 0 20px 0}
    .get-in-touch-section h2{position: relative; font-size: 24px; margin: 0px 0px 20px 0px;}
    .get-in-touch-section h2 span{font-size: 14px; margin-bottom: 5px;}
    .get-in-touch-section .content-area{padding: 0px}
    .get-in-touch-section .content-area .form-area{width: 50%; margin-bottom: 20px;}
    .get-in-touch-section .content-area .form-area::before {content: none}
    .get-in-touch-section .content-area .form-area .mb-2{margin-bottom: 10px !important}
    .get-in-touch-section .content-area .form-area .form-control{padding: 10px 15px; font-size: 13px;}
    .get-in-touch-section .content-area .form-area .btn-submit{font-size: 13px; padding: 10px 18px; display: inline-flex; align-items: center; }
    .get-in-touch-section .content-area .img-men{width: 45%; bottom: -20px; right: 0px}
    .get-in-touch-section .newsletter-area{padding: 20px 25px}
    .get-in-touch-section .newsletter-area h3{font-size: 24px; line-height: 30px;}
    .get-in-touch-section .newsletter-area p{font-size: 13px; line-height: 20px;}
    .get-in-touch-section .newsletter-area .input-area .form-control{padding: 14px 25px; font-size: 14px;}
    .get-in-touch-section .newsletter-area .input-area .btn-sign{background: var(--color2); font-size: 13px; padding: 10px 18px; display: flex; align-items: center; top: 5px; justify-content: space-between;}

    .flex-row{display: block; padding-bottom: 20px;}
    .flex-row .col-16{width: 100%; margin-bottom: 20px}
    .flex-row .col-34{width: 100%}
    .footer-area ul.footer-link{display: flex; flex-wrap: wrap;}
    .footer-area ul.footer-link li{width: 25%}
    .footer-area ul.footer-link li a{font-size: 12px; line-height: 20px;}
    .footer-area ul.footer-link li a::before {top: 9px}
    .footer-area h2 {font-size: 18px; line-height: 20px; margin: 0 0 3px 0;}
    .footer-area .copyright p{font-size: 13px; line-height: 18px; text-align: center;}
    .footer-area .copyright ul.bottom-link{justify-content: center; margin-top: 5px}
    .footer-area .copyright ul.bottom-link li:first-child{margin: 0px}
    .footer-area .copyright ul.bottom-link li {margin-left: 30px;}
    .footer-area .copyright ul.bottom-link li a{font-size: 13px;line-height: 18px;}
    .footer-area .copyright ul.bottom-link li::before {top: 0px; left: -19px;}

    .search-area{margin-top: 50px; padding: 40px 0}
    .search-area .w-80{width: 100%}
    .search-area h1{font-size: 32px; line-height: 32px; margin: 0 0 10px 0}
    .search-area p{font-size: 13px; line-height: 20px;}


    .cate-list {margin: 0px -2px; }
    .cate-list li{padding: 0 2px; width: 25%; margin-top: 4px;}
    .cate-list li .cate-block a{padding: 8px 0px; font-size: 10px; line-height: 13px; font-weight: 400; }
    .cate-list li .cate-block a .icon {width: 40px; height: 40px; margin: 0 auto 10px auto;}

    .test-page{padding: 0 0 30px 0}
    .test-page .filter-area{padding: 15px 0}
    .test-page .filter-area p{margin-bottom: 10px; font-size: 13px; line-height: 20px;}
    .test-page ul.test-list li{width: 50%; margin: 0 0 20px 0}
    .test-page .test-block .pd-20 {padding: 15px;}
    .test-page .test-block .test-name{font-size: 20px; line-height: 22px; padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: #E4CFE7 1px solid;}
    .test-page .test-block p {font-size: 13px; line-height: 20px;}
    .test-page .test-block .biomarkers{font-size: 13px; margin: 0 0 10px 0;}
    .test-page .test-block .biomarkers span {width: 26px; height: 26px; line-height: 26px; font-size: 10px; margin-right: 8px;}
    .test-page .test-block ul li {font-size: 13px; line-height: 22px; margin: 0px !important; width: 100%}
    .test-page .test-block ul li::before {top: 4.5px}
    .test-page .test-block .bottom-part{padding:10px 15px}
    .test-page .test-block .bottom-part .price {font-size: 18px; line-height: 22px;}
    .test-page .test-block .bottom-part .btn-cart{font-size: 13px; padding: 10px 16px;}
    .test-page .test-block .bottom-part .btn-cart img{width: 20px;}
    .test-page .test-block:hover .test-name{border-bottom: #ACD8ED 1px solid;}
    .test-page .pagination{margin-top: 20px}
    .test-page .page-item .page-link { width: 40px; height: 40px; line-height: 38px}

    .how-it-work-section {margin-top: 50px; padding: 40px 0;}
    .how-it-work-section::before {height: 470px;}
    .how-it-work-section h1{font-size: 32px; line-height: 32px; margin: 0 0 10px 0}
    .how-it-work-section p{font-size: 13px; line-height: 20px; width: 100%}
    .how-it-work-section ul{padding: 50px 0px 0px 0px}
    .how-it-work-section ul li{padding-bottom: 50px}
    .how-it-work-section ul li .icon{width: 150px; height: 150px; margin-right: 60px;}
    .how-it-work-section ul li .content-block{padding-left: 60px}
    .how-it-work-section ul li::before {width: 120px; margin-left: -60px;}
    .how-it-work-section ul li .content-block .number{left: -87px}
    .how-it-work-section ul li .content-block .bg{padding: 0px 30px;}
    .how-it-work-section ul li .content-block h2{font-size: 18px; line-height: 24px; margin: 0px 0 5px 0}
    .how-it-work-section ul li .content-block p{font-size: 13px; line-height: 21px;}
    .how-it-work-section ul li:nth-child(2n) .icon{margin-left: 60px}
    .how-it-work-section ul li:nth-child(2n) .content-block{padding-right: 60px}
    .how-it-work-section ul li:nth-child(2n) .content-block .number{right: -86px}

    .faq-section{margin-top: 50px; padding: 40px 0;}
    .faq-section::before {height: 470px;}
    .faq-section h1{font-size: 32px; line-height: 32px; margin: 0 0 10px 0}
    .faq-section p{font-size: 13px; line-height: 20px; width: 100%}
    .faq-section .accordion{width: 100%}
    .faq-section .accordion .accordion-item{margin-top: 12px;}
    .faq-section .accordion .accordion-button{font-size: 18px; padding: 15px}
    .faq-section .accordion .accordion-body {padding: 0 15px 15px 15px; font-size: 13px; line-height: 20px;}
    .faq-section .accordion .accordion-body .line{margin-bottom: 15px}

    .about-top-photo{margin-top: 50px; position: relative; background: #691E73; padding: 120px 0;}
    .about-top-photo h1 {font-size: 36px; line-height: 36px; padding-bottom: 18px; margin-bottom: 12px;}
    .about-top-photo p{font-size: 18px; line-height: 26px;}

    .our-story{padding: 40px 0;}
    .our-story .inner-area{display: block;}
    .our-story .inner-area .img-50 {width: 532px; padding: 0px; margin: 0 auto;}
    .our-story .inner-area .content-block{width: 100%;}
    .our-story .inner-area .content-block h2{font-size: 24px; margin: 0px 0px 10px 0px}
    .our-story .inner-area .content-block h2 span{font-size: 14px; margin-bottom: 5px;}
    .our-story .inner-area .content-block ul li{font-size: 13px; line-height: 20px;}
    .our-story .inner-area .content-block ul li::before {top: 5px;}

    .mission-area .photo-bg {background: url(../images/mission-photo.jpg) top/cover no-repeat fixed; padding: 30px;}
    .mission-area .photo-bg .black-box{padding: 30px; width: 50%;}
    .mission-area .photo-bg .black-box h2{font-size: 24px; line-height: 28px;}
    .mission-area .photo-bg .black-box p {font-size: 13px; line-height: 18px; margin: 0 0 12px 0;}

    .values-area{padding: 40px 0;}
    .values-area .titlearea{margin: 0 0 0px 0;}
    .values-area .value-block{padding: 15px; min-height: 200px;}
    .values-area .value-block .icon{width: 90px; height: 90px;}
    .values-area .value-block h3{font-size: 18px; line-height: 20px; margin: 0 0 6px 0;}
    .values-area .value-block p{font-size: 13px; line-height: 18px;}

    .vision-area{padding: 0 0 40px 0;}
    .vision-area .photo-bg{background: url(../images/vision-photo.jpg) top/cover no-repeat fixed; padding: 60px;}
    .vision-area .photo-bg h2{font-size: 24px; line-height: 28px; margin: 0 0 10px 0;}
    .vision-area .photo-bg p{font-size: 13px; line-height: 18px;}

    .contact-map-top{margin-top: 50px; height: 360px;}
    .contact-page ul.contact-info-list{margin: 0 -8px 0 -8px;}
    .contact-page ul.contact-info-list li{padding: 0px 8px; width: 40%;}
    .contact-page ul.contact-info-list li:first-child{width: 30%;}
    .contact-page ul.contact-info-list li:last-child{width: 30%;}
    .contact-page .contact-form-area {width: 100%; margin: 0 auto; padding: 40px 320px 60px 10px;}
    .contact-page .contact-form-area .contact-img{width: 300px;}
    .contact-page .contact-form-area h2{font-size: 32px; line-height: 36px;}
    .contact-page .contact-form-area p {font-size: 12px; line-height: 18px;}
    .contact-page .contact-form-area .input-block{margin-bottom: 12px}
    .contact-page .contact-form-area .input-block .form-control{font-size: 13px; padding: 10px 20px}

    .health-hub-page{margin-top: 50px; padding: 40px 0;}
    .health-hub-page::before {height: 470px;}
    .health-hub-page h1{font-size: 32px; line-height: 32px; margin: 0 0 10px 0}
    .health-hub-page p{font-size: 13px; line-height: 20px; width: 100%; margin: 0 auto 15px auto}
    .health-hub-page ul.cate-block {margin: 0px -3px 15px -3px;}
    .health-hub-page ul.cate-block li{margin-bottom: 6px; padding: 0 3px;}
    .health-hub-page ul.cate-block li a{padding: 10px 14px; font-size: 12px; line-height: 14px;}
    .health-hub-page ul.list li{width: 50%}
    .health-hub-page .article-block{display: block;}
    .health-hub-page .article-block .article-photo{width: 100%; height: 240px;}
    .health-hub-page .article-block .article-content{width: 100%}
    .health-hub-page .article-block .article-content .top{padding: 15px;}
    .health-hub-page .article-block .article-content h3{font-size: 18px; line-height: 24px;}
    .health-hub-page .article-block .article-content p{font-size: 13px; line-height: 20px;}
    .health-hub-page .article-block .article-content .btn-more{padding: 10px 15px; border-top: #E4CFE7 1px solid; font-size: 15px;}

    /**landing page**/
    .inside-top-photo{padding: 300px 0 40px 0;}
    .inside-top-photo .container{padding: 0 30px;}
    .inside-top-photo h1{font-size: 36px; line-height: 36px; width: 100%;}

    .first-content-section{padding: 50px 0 0 0;}
    .first-content-section .container{padding: 0 30px;}
    .first-content-section .inner-flex{display: block;}
    .first-content-section .inner-flex h2{width: 100%; margin-bottom: 15px;}
    .first-content-section .inner-flex .content-right{width: 100%;}
    
    .three-box-area{padding: 50px 0 0 0;}
    .three-box-area .container{padding: 0 30px;}
    .three-box-area h2{font-size: 24px; line-height: 34px;}
    .three-box-area ul li{width: 50%;}

    .left-photo-section{padding: 50px 0 0 0;}
    .left-photo-section .container{padding: 0 30px;}
    .left-photo-section .inner-block{display: block;}
    .left-photo-section .inner-block .leftpart .photo-block{height: 400px;}
    .left-photo-section .inner-block .leftpart{width: 100%; min-height: auto;}
    .left-photo-section .inner-block .content-block{padding: 20px 0 0 0; width: 100%;}
    .left-photo-section .inner-block .content-block h2{font-size: 24px; line-height: 30px;}

    .right-photo-section{padding: 50px 0 0 0;}
    .right-photo-section .container{padding: 0 30px;}
    .right-photo-section .inner-block{display: block;}
    .right-photo-section .inner-block .leftpart .photo-block{height: 400px;}
    .right-photo-section .inner-block .leftpart{width: 100%; min-height: auto;}
    .right-photo-section .inner-block .content-block{padding: 20px 0 0 0; width: 100%;}
    .right-photo-section .inner-block .content-block h2{font-size: 24px; line-height: 30px;}

    .full-photo-section{padding: 50px 0 0 0;}
    .full-photo-section .container{padding: 0 30px;}
    .full-photo-section .inner-block{display: block;}
    .full-photo-section .inner-block .leftpart{width: 100%; min-height: auto;}
    .full-photo-section .inner-block .leftpart .photo-block{height: 400px;}
    .full-photo-section .inner-block .content-block{padding: 30px; width: 100%;}
    .full-photo-section .inner-block .content-block h2{font-size: 24px; line-height: 30px;}
    
    .faq-area{padding: 50px 0;}
    .faq-area .container{padding: 0 30px;}
    .faq-area h2{font-size: 24px; line-height: 30px;}
    .faq-area .accordion .accordion-button{font-size: 20px; font-weight: 400;}
    .faq-area .accordion .accordion-item {margin-top: 10px;}

    .review-section.pd-80{padding-bottom: 50px;}
    .review-section.pd-80 .container{padding: 0 30px;}

    .question-area{padding: 0 0 50px 0;}
    .question-area .container{padding: 0 30px;}
    .question-area .question-inner{padding: 20px 0 20px 133px;}
    .question-area .question-inner .question-photo{left: 30px; width: 80px;}
    .question-area .question-inner .question-photo img{width: 100%;}
    .question-area .question-inner .question-heading h2{font-size: 20px; line-height: 20px; margin: 0 0 8px 0;}
    .question-area .question-inner .question-heading p{font-size: 16px; line-height: 20px; width: 70%;}
    .question-area .question-inner .right-part{padding: 30px 30px 32px 45px; }
    .question-area .question-inner .right-part .call-icon{position: absolute; width: 60px; height: 60px;}
    .question-area .question-inner .right-part span{font-size: 16px; line-height: 16px;}
    .question-area .question-inner .right-part span strong{font-size: 24px; line-height: 18px;}


}
@media (max-width: 767px) {
header .header-inner{padding: 10px 0}
header .header-inner .logo-block {width: 120px; z-index: 1;}
header .header-inner ul.main-menu {display: block; position: fixed; top: 0px; background: #fff; width: 100%; height: 100%; overflow-y: scroll; padding-top: 70px;right: -100%; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
header .header-inner ul.main-menu.show{right: 0px; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
header .header-inner ul.main-menu::before{content: ''; position: absolute; top: 60px; width: 100%; height: 1px; background: #e4cfe7}
header .header-inner ul.main-menu li a{width: 100%; display: block; padding: 10px 0; font-size: 16px;}
header .header-inner ul.main-menu li a .line{display: none;}
header.fixed .header-inner ul.main-menu li a{padding: 10px 0}
header .header-inner ul.main-menu li a.btn-test-menu::before{top: 18px}
header.fixed .header-inner ul.main-menu li a.btn-test-menu::before{top: 18px}
header .header-inner ul.main-menu li a.dropdown-toggle::before{top: 18px}
header.fixed .header-inner ul.main-menu li a.dropdown-toggle::before{top: 18px}
header .header-inner ul.main-menu li .dropdown-menu.show {transform: translate(0px, 47px) !important; width: 100%; border: #E5D7E7 1px solid; border-radius: 10px;}
header.fixed .header-inner ul.main-menu li .dropdown-menu.show{transform: translate(0px, 47px) !important; width: 100%;}
header .header-inner .full-menu-test{position: relative; top: 0px; padding: 0; box-shadow: none; border: none}
header .header-inner .full-menu-test.show{display: none;}
header .header-inner .full-menu-test .tab-part {width: 100%;}
header .header-inner .full-menu-test .testlist{width: 100%; padding: 10px 0 0 0}
header .header-inner .full-menu-test .tab-part .nav-link{font-size: 12px; font-weight: 400; padding: 6px 8px; margin-bottom: 3px; border-radius: 5px;}
header .header-inner .full-menu-test .tab-part .nav-link .icon {width: 20px; height: 20px; margin-right: 10px;}
header .header-inner .full-menu-test .tab-part .nav-link::before {top: 7px; right: 7px;}
header .header-inner .full-menu-test .testlist .cate-name{font-size: 18px; line-height: 20px; margin: 0 0 5px 0;}
header .header-inner .full-menu-test .testlist ul.test-list-ul li{width: 100%}
header .header-inner .full-menu-test .testlist ul.test-list-ul li a{font-size: 13px; line-height: 22px}
header .header-inner .full-menu-test .testlist ul.test-list-ul li a::before {top: 8px}
header .header-inner .mobile-menu-submenu{display: none;}
header .header-inner .mobile-menu-submenu.show{display: block;}
header .header-inner .mobile-menu-submenu ul{margin: 0px; padding: 0px; list-style: none}
header .header-inner .mobile-menu-submenu ul .nav-link{position: relative; border: #E4CFE7 1px solid; border-radius: 10px; padding: 6px 10px !important; font-size: 13px; line-height: 20px; color: var(--color3); background: #fff; display: block; width: 100%; display: flex; align-items: center; font-weight: 400; margin-bottom:5px}
header .header-inner .mobile-menu-submenu ul .nav-link::before{content: ''; position: absolute; top: 7px; right: 6px; width: 10px; height: 18px; background: url(../images/right-arrow.png) center center no-repeat}
header .header-inner .mobile-menu-submenu ul .nav-link:hover,
header .header-inner .mobile-menu-submenu ul .nav-link.active{background: #F9EEFB}
header .header-inner .mobile-menu-submenu ul .nav-link .icon{width: 20px; height: 20px; margin-right: 10px}
header .header-inner .mobile-menu-submenu ul .nav-link .icon img{width: 100%}
header .header-inner .mobile-menu-submenu ul .nav-link:last-child{margin: 0px}
header .header-inner .mobile-menu-submenu ul .nav-link:last-child::before{content: none;}

header.fixed .header-inner .full-menu-test{top: 0px;}
header .rightside .btn-lug{margin-right: 5px; font-size: 16px;}
header .rightside .btn-login{font-size: 0px; width: 36px; height: 36px; padding: 10px}
header .rightside .btn-login svg{margin-right: 0px}
header .rightside .btn-blue{width: 36px; height: 36px; padding: 10px; margin-left: 5px}
header .rightside .btn-blue img{width: 100%; height: 100%}
header .rightside .btn-menu {width: 36px; height: 36px; border: none; background: var(--color1); position: relative; padding: 0px; transition: all .5s ease;  margin-left: 5px; display: block; border-radius: 50%}
header .rightside .btn-menu span{width: 20px; height: 2px; background: #fff; display: block;  transition: all .5s ease;}
header .rightside .btn-menu span:nth-of-type(3n+1){position: absolute; top: 10px; left: 8px; transition: all .5s ease;}
header .rightside .btn-menu span:nth-of-type(3n+2){position: absolute; top: 17px; width:15px; left: 8px; transition: all .5s ease;}
header .rightside .btn-menu span:nth-of-type(3n+3){position: absolute; bottom: 10px; left:8px; transition: all .5s ease;}
header .rightside .btn-menu.active span:nth-of-type(3n+1){  transform: rotate(-45deg); left: 8px; top:17px; transition: all .5s ease;}
header .rightside .btn-menu.active span:nth-of-type(3n+2){display: none;}
header .rightside .btn-menu.active span:nth-of-type(3n+3){ transform: rotate(45deg);left: 8px; transition: all .5s ease; bottom: 17px;}

.hero-img-area {margin-top: 60px;}
.hero-img-area .content {width: 100%; padding: 25px 0; text-align: center;}
.hero-img-area .content h1{font-size: 30px; line-height: 36px;}
.hero-img-area .content p {font-size: 16px; line-height: 24px;}
.hero-img-area .img-block{width: 80%; height: auto; position: relative; margin: 0 auto; right: 0px;}
.hero-img-area .img-block img{width:100%}
.hero-img-area .container .logo-icon{height: auto; width: 100%}

.titlearea{display: block; text-align: center;}
.titlearea h2 {font-size: 24px;}
.titlearea h2 span{font-size: 14px; margin-bottom: 5px;}
.titlearea .btn-view {font-size: 13px; padding: 10px 18px; display: inline-flex; align-items: center; margin-top: 10px}

.test-section{padding: 40px 0}
.test-section .owl-nav{position: absolute; top: -10px; right: 50%; margin-right: -42px;}
.test-section .test-block{margin-top: 24px}
.test-section .test-block .pd-20 {padding: 15px;}
.test-section .test-block .test-name{font-size: 20px; line-height: 22px; padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: #E4CFE7 1px solid;}
.test-section .test-block p {font-size: 13px; line-height: 20px;}
.test-section .test-block .biomarkers{font-size: 13px; margin: 0 0 10px 0;}
.test-section .test-block .biomarkers span {width: 26px; height: 26px; line-height: 26px; font-size: 10px; margin-right: 8px;}
.test-section .test-block ul li {font-size: 13px; line-height: 22px;}
.test-section .test-block ul li::before {top: 4.5px}
.test-section .test-block .bottom-part{padding:10px 15px}
.test-section .test-block .bottom-part .price {font-size: 18px; line-height: 22px;}
.test-section .test-block .bottom-part .btn-cart{font-size: 13px; padding: 10px 16px;}
.test-section .test-block .bottom-part .btn-cart img{width: 20px;}
.test-section .test-block:hover .test-name{border-bottom: #ACD8ED 1px solid;}

.weight-care-section .weight-care-block {display: block;}
.weight-care-section .weight-care-block .photo{width: 100%; margin: 0 0 15px 0}
.weight-care-section .weight-care-block .content{width: 100%; padding: 0px}
.weight-care-section .weight-care-block .content h2{font-size: 24px; margin: 0px 0px 10px 0px}
.weight-care-section .weight-care-block .content h2 span{font-size: 14px; margin-bottom: 5px;}
.weight-care-section .weight-care-block .content h3{font-size: 14px; margin: 0 0 10px 0}
.weight-care-section .weight-care-block .content ul li{margin: 0 5px 5px 0;}
.weight-care-section .weight-care-block .content ul li a{font-size: 12px; padding: 8px 15px;}
.weight-care-section .weight-care-block .content p{font-size: 13px; line-height: 20px;}
.weight-care-section .weight-care-block .btn-cart{font-size: 13px; padding: 10px 16px;}
.weight-care-section .weight-care-block .btn-cart img{width: 20px;}

.howitwork-section{padding: 40px 0 30px 0}
.howitwork-section ul.step-list li{width: 100%; margin-bottom: 10px}
.howitwork-section ul.step-list li .step-block{padding: 15px}
.howitwork-section ul.step-list li .step-block .icon{width: 120px; height: 120px}
.howitwork-section ul.step-list li .step-block h3{margin: 15px 0 10px 0; font-size: 18px; line-height: 24px;}
.howitwork-section ul.step-list li .step-block p{font-size: 13px; line-height: 20px;}

.review-section h2{position: relative; font-size: 24px; margin: 0px 0px 20px 0px; text-align: center;}
.review-section h2 span{font-size: 14px; margin-bottom: 5px;}
.review-section .owl-nav {position: absolute; top:-8px; left: 50%; margin-left: -42px;}
.review-section .review-block{display: block; margin-top: 25px}
.review-section .review-block .photo1{display: none}
.review-section .review-block .photo2{width: 220px; margin: 0 auto 20px auto; height: 220px; border-radius: 50%;}
.review-section .review-block .content{width: 100%; height: auto; padding-left: 0; padding-right: 0; text-align: center; }
.review-section .review-block .content .name{font-size: 24px; line-height: 24px; padding: 0 0 14px 0; margin: 0 0 10px 0;}
.review-section .review-block .content .name span{margin-top: 10px; font-size: 13px; line-height: 13px;}
.review-section .review-block .content .name::before {left: 50%; margin-left: -45px}
.review-section .review-block .content p{font-size: 13px; line-height: 20px;}

.article-section{padding: 40px 0}
.article-section .owl-nav{position: absolute; top: -10px; right: 50%; margin-right: -42px;}
.article-section .article-block{margin-top: 25px; display: block;}
.article-section .article-block .article-photo{width: 100%; height: 200px;}
.article-section .article-block .article-content{width: 100%}
.article-section .article-block .article-content .top{padding: 15px;}
.article-section .article-block .article-content h3{font-size: 18px; line-height: 24px;}
.article-section .article-block .article-content p{font-size: 13px; line-height: 20px;}
.article-section .article-block .article-content .btn-more{padding: 10px 15px; border-top: #E4CFE7 1px solid; font-size: 15px;}

.why-kelter-section .light-blue{padding: 20px 20px 0 20px}
.why-kelter-section h2{position: relative; font-size: 24px; margin: 0px 0px 20px 0px; text-align: center;}
.why-kelter-section h2 span{font-size: 14px; margin-bottom: 5px;}
.why-kelter-section .icon{width: 180px; margin: 0 auto;}
.why-kelter-section .icon img{width: 100%}
.why-kelter-section h3{font-size: 18px; line-height: 24px; padding: 0 0px 18px 0px; margin-bottom: 12px;}
.why-kelter-section p{font-size: 13px; line-height: 20px; margin: 0 0 20px 0}

.get-in-touch-section{padding: 40px 0 20px 0}
.get-in-touch-section h2{position: relative; font-size: 24px; margin: 0px 0px 20px 0px; text-align: center;}
.get-in-touch-section h2 span{font-size: 14px; margin-bottom: 5px;}
.get-in-touch-section .content-area{padding: 0px}
.get-in-touch-section .content-area .form-area{width: 100%; margin-bottom: 15px}
.get-in-touch-section .content-area .form-area::before {content: none}
.get-in-touch-section .content-area .form-area .mb-2{margin-bottom: 10px !important}
.get-in-touch-section .content-area .form-area .form-control{padding: 10px 15px; font-size: 13px;}
.get-in-touch-section .content-area .form-area .btn-submit{font-size: 13px; padding: 10px 18px; display: inline-flex; align-items: center; }
.get-in-touch-section .content-area .img-men{width: 80%; position: relative; right: 0px; margin-left: 10%}
.get-in-touch-section .newsletter-area{padding: 20px 25px}
.get-in-touch-section .newsletter-area h3{font-size: 24px; line-height: 30px;}
.get-in-touch-section .newsletter-area p{font-size: 13px; line-height: 20px;}
.get-in-touch-section .newsletter-area .input-area .form-control{padding: 14px 25px; font-size: 14px;}
.get-in-touch-section .newsletter-area .input-area .btn-sign{position: relative; background: var(--color2); top: 0; right: 0; margin-top: 8px; font-size: 13px; padding: 10px 18px; display: flex; align-items: center; width: 100%; justify-content: space-between;}

.flex-row{display: block; padding-bottom: 20px;}
.flex-row .col-16{width: 100%; margin-bottom: 20px}
.flex-row .col-34{width: 100%}
.footer-area ul.footer-link{display: flex; flex-wrap: wrap;}
.footer-area ul.footer-link li{width: 50%}
.footer-area ul.footer-link li a{font-size: 12px; line-height: 20px;}
.footer-area ul.footer-link li a::before {top: 9px}
.footer-area h2 {font-size: 18px; line-height: 20px; margin: 0 0 3px 0;}
.footer-area .copyright{display: block; padding: 15px 0 10px 0}
.footer-area .copyright p{font-size: 13px; line-height: 18px; text-align: center;}
.footer-area .copyright ul.bottom-link{justify-content: center; margin-top: 5px}
.footer-area .copyright ul.bottom-link li:first-child{margin: 0px}
.footer-area .copyright ul.bottom-link li {margin-left: 30px;}
.footer-area .copyright ul.bottom-link li a{font-size: 13px;line-height: 18px;}
.footer-area .copyright ul.bottom-link li::before {top: 0px; left: -19px;}

.search-area{margin-top: 50px; padding: 40px 0}
.search-area .w-80{width: 100%}
.search-area h1{font-size: 32px; line-height: 32px; margin: 0 0 10px 0}
.search-area p{font-size: 13px; line-height: 20px;}
.search-area .input-area .form-control{padding: 14px 25px; font-size: 14px;}
.search-area .input-area .btn-sign{position: relative; background: var(--color2); top: 0; right: 0; margin-top: 8px; font-size: 13px; padding: 10px 18px; display: flex; align-items: center; width: 100%; justify-content: center;}

.cate-list {margin: 0px -2px; flex-wrap: inherit; overflow-x: scroll;}
.cate-list li{padding: 0 2px; width: auto; margin-top: 4px;}
.cate-list li .cate-block a{padding: 8px 0px; font-size: 10px; line-height: 13px; font-weight: 400; min-width: 160px;}
.cate-list li .cate-block a .icon {width: 40px; height: 40px; margin: 0 auto 10px auto;}

.test-page{padding: 0 0 30px 0}
.test-page .filter-area{display: block; padding: 15px 0}
.test-page .filter-area p{margin-bottom: 10px; font-size: 13px; line-height: 20px;}
.test-page ul.test-list li{width: 100%; margin: 0 0 10px 0}
.test-page .test-block .pd-20 {padding: 15px;}
.test-page .test-block .test-name{font-size: 20px; line-height: 22px; padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: #E4CFE7 1px solid;}
.test-page .test-block p {font-size: 13px; line-height: 20px;}
.test-page .test-block .biomarkers{font-size: 13px; margin: 0 0 10px 0;}
.test-page .test-block .biomarkers span {width: 26px; height: 26px; line-height: 26px; font-size: 10px; margin-right: 8px;}
.test-page .test-block ul li {font-size: 13px; line-height: 22px; margin: 0px !important}
.test-page .test-block ul li::before {top: 4.5px}
.test-page .test-block .bottom-part{padding:10px 15px}
.test-page .test-block .bottom-part .price {font-size: 18px; line-height: 22px;}
.test-page .test-block .bottom-part .btn-cart{font-size: 13px; padding: 10px 16px;}
.test-page .test-block .bottom-part .btn-cart img{width: 20px;}
.test-page .test-block:hover .test-name{border-bottom: #ACD8ED 1px solid;}
.test-page .pagination{margin-top: 20px}
.test-page .page-item .page-link { width: 40px; height: 40px; line-height: 38px}

.how-it-work-section {margin-top: 50px; padding: 40px 0;}
.how-it-work-section::before {height: 470px;}
.how-it-work-section h1{font-size: 32px; line-height: 32px; margin: 0 0 10px 0}
.how-it-work-section p{font-size: 13px; line-height: 20px; width: 100%}
.how-it-work-section ul{padding: 40px 0px 0px 0px}
.how-it-work-section ul li{display: block; padding-bottom: 40px}
.how-it-work-section ul li::before {content: none}
.how-it-work-section ul li .icon{margin: 0 auto; width: 140px; height: 140px;}
.how-it-work-section ul li .content-block{width: 100%; padding-top: 50px; padding-left: 0px}
.how-it-work-section ul li .content-block .bg{border-left: none; text-align: center; padding: 30px 0; background: #fff;}
.how-it-work-section ul li .content-block .bg::before{content: none}
.how-it-work-section ul li .content-block .bg::after {margin-left: -6px; background: var(--color1); bottom: 0; left: 50%;}
.how-it-work-section ul li .content-block h2{font-size: 18px; line-height: 24px; margin: 0px 0 5px 0}
.how-it-work-section ul li .content-block p{text-align: center; font-size: 13px; line-height: 21px;}
.how-it-work-section ul li .content-block .number{position: relative; top: 0; margin: -48px auto 15px auto; left: 0;}
.how-it-work-section ul li:nth-child(2n) .icon{margin: 0 auto;}
.how-it-work-section ul li:nth-child(2n) .content-block{padding: 50px 0 0 0; width: 100%; text-align: center;}
.how-it-work-section ul li:nth-child(2n) .content-block .bg{border-right: none; padding: 30px 0; background: #fff; text-align: center;}
.how-it-work-section ul li:nth-child(2n) .content-block p{text-align: center;}
.how-it-work-section ul li:nth-child(2n) .content-block .number{position: relative; top: 0; margin: -48px auto 15px auto; left: 0;}
.how-it-work-section ul li:nth-child(2n) .content-block .bg::after {right: 50%; margin-right: -5px}

.signin-bg{background: #fff}
.signin-area{padding: 0;}
.signin-area.login-page{padding: 0px; height: auto;}
.signin-area.login-page .container{padding: 0px}
.signin-area .inner-area{box-shadow: none; background: #fff; border-radius: 0px}
.signin-area .inner-area .form-area{padding: 30px 25px}
.signin-area .inner-area .form-area .input-block.otp-block .form-control{margin: 0 5px; text-align: center; font-size: 18px; font-weight: 700; line-height: 20px; padding: 12px 12px 14px 12px;}
.signin-area .inner-area .form-area .choose-id-flex{display: block;}
.signin-area .inner-area .form-area .choose-id-flex h2{margin-bottom: 10px}
.signin-area .inner-area .form-area .input-block{margin-bottom: 12px}
.signin-area .inner-area .form-area .input-block .form-select{font-size: 13px; padding: 10px 20px}
.signin-area .inner-area .form-area .input-block .form-control{font-size: 13px; padding: 10px 20px}

.faq-section{margin-top: 50px; padding: 40px 0;}
.faq-section::before {height: 470px;}
.faq-section h1{font-size: 32px; line-height: 32px; margin: 0 0 10px 0}
.faq-section p{font-size: 13px; line-height: 20px; width: 100%}
.faq-section .accordion{width: 100%}
.faq-section .accordion .accordion-item{margin-top: 12px;}
.faq-section .accordion .accordion-button{font-size: 18px; padding: 15px}
.faq-section .accordion .accordion-body {padding: 0 15px 15px 15px; font-size: 13px; line-height: 20px;}
.faq-section .accordion .accordion-body .line{margin-bottom: 15px}

.about-top-photo{margin-top: 50px; position: relative; background: #691E73; padding: 0 0 25px 0;}
.about-top-photo .photo-area {position: relative; width: 100%; height: auto;}
.about-top-photo .photo-area img{position: relative;}
.about-top-photo .photo-area::before {content: none;}
.about-top-photo .w-50{width: 100% !important; padding-top: 25px;}
.about-top-photo h1 {font-size: 36px; line-height: 36px; padding-bottom: 18px; margin-bottom: 12px;}
.about-top-photo p{font-size: 18px; line-height: 26px;}

.our-story{padding: 40px 0;}
.our-story .inner-area{display: block;}
.our-story .inner-area .img-50 {width: 100%;}
.our-story .inner-area .content-block{width: 100%;}
.our-story .inner-area .content-block h2{font-size: 24px; margin: 0px 0px 10px 0px}
.our-story .inner-area .content-block h2 span{font-size: 14px; margin-bottom: 5px;}
.our-story .inner-area .content-block ul li{font-size: 13px; line-height: 20px;}
.our-story .inner-area .content-block ul li::before {top: 5px;}

.mission-area .photo-bg {background: url(../images/mission-photo.jpg) top/cover no-repeat fixed; padding: 10px;}
.mission-area .photo-bg .black-box{padding: 20px;}
.mission-area .photo-bg .black-box h2{font-size: 24px; line-height: 28px;}
.mission-area .photo-bg .black-box p {font-size: 13px; line-height: 18px; margin: 0 0 12px 0;}

.values-area{padding: 40px 0;}
.values-area .titlearea{margin: 0 0 45px 0;}
.values-area .owl-nav{position: absolute; top: -34px; right: 50%; margin-right: -42px;}
.values-area .value-block{padding: 15px; min-height: 200px;}
.values-area .value-block .icon{width: 90px; height: 90px;}
.values-area .value-block h3{font-size: 18px; line-height: 20px; margin: 0 0 6px 0;}
.values-area .value-block p{font-size: 13px; line-height: 18px;}

.vision-area{padding: 0 0 40px 0;}
.vision-area .photo-bg{background: url(../images/vision-photo.jpg) top/cover no-repeat fixed; padding: 25px;}
.vision-area .photo-bg h2{font-size: 24px; line-height: 28px; margin: 0 0 10px 0;}
.vision-area .photo-bg p{font-size: 13px; line-height: 18px;}

.contact-map-top{margin-top: 50px; height: 360px;}
.contact-page{padding-top: 30px;}
.contact-page ul.contact-info-list{margin: 0; display: block;}
.contact-page ul.contact-info-list li {width: 100%; margin-bottom: 15px; padding: 0px;}
.contact-page ul.contact-info-list li .icon{position: relative; top: 0px;}
.contact-page .contact-form-area {width: 100%; margin: 0 auto; padding: 30px 0px 0px 0px;}
.contact-page .contact-form-area .contact-img{position: relative;bottom: 0px; right: 0px; width: 60%; margin-left: 20%; margin-top: 20px;}
.contact-page .contact-form-area h2{font-size: 32px; line-height: 36px;}
.contact-page .contact-form-area p {font-size: 12px; line-height: 18px;}
.contact-page .contact-form-area .input-block{margin-bottom: 12px}
.contact-page .contact-form-area .input-block .form-control{font-size: 13px; padding: 10px 20px}

.health-hub-page{margin-top: 50px; padding: 40px 0;}
.health-hub-page::before {height: 470px;}
.health-hub-page h1{font-size: 32px; line-height: 32px; margin: 0 0 10px 0}
.health-hub-page p{font-size: 13px; line-height: 20px; width: 100%; margin: 0 auto 15px auto}
.health-hub-page ul.cate-block {margin: 0px -3px 15px -3px;}
.health-hub-page ul.cate-block li{margin-bottom: 6px; padding: 0 3px;}
.health-hub-page ul.cate-block li a{padding: 10px 14px; font-size: 12px; line-height: 14px;}
.health-hub-page ul.list li{width: 100%}
.health-hub-page .article-block{display: block;}
.health-hub-page .article-block .article-photo{width: 100%; height: 200px;}
.health-hub-page .article-block .article-content{width: 100%}
.health-hub-page .article-block .article-content .top{padding: 15px;}
.health-hub-page .article-block .article-content h3{font-size: 18px; line-height: 24px;}
.health-hub-page .article-block .article-content p{font-size: 13px; line-height: 20px;}
.health-hub-page .article-block .article-content .btn-more{padding: 10px 15px; border-top: #E4CFE7 1px solid; font-size: 15px;}

/**landing page**/
    .inside-top-photo{padding: 300px 0 30px 0;}
    .inside-top-photo .container{padding: 0 20px;}
    .inside-top-photo h1{font-size: 26px; line-height: 34px; width: 100%;}

    .first-content-section{padding: 30px 0 0 0;}
    .first-content-section .container{padding: 0 20px;}
    .first-content-section .inner-flex{display: block;}
    .first-content-section .inner-flex h2{width: 100%; margin-bottom: 15px; padding: 0px; font-size: 22px; line-height: 30px;}
    .first-content-section .inner-flex .content-right{width: 100%;}
    
    .three-box-area{padding: 30px 0 0 0;}
    .three-box-area .container{padding: 0 20px;}
    .three-box-area h2{font-size: 22px; line-height: 30px;}
    .three-box-area ul li{width: 100%; padding: 10px 12px 0px 12px;}
    .three-box-area ul li .block{padding: 18px; min-height: auto;}
    .three-box-area ul li .block h3{font-size: 18px; line-height: 24px;}

    .left-photo-section{padding: 30px 0 0 0;}
    .left-photo-section .container{padding: 0 20px;}
    .left-photo-section .inner-block{display: block;}
    .left-photo-section .inner-block .leftpart .photo-block{height: 300px;}
    .left-photo-section .inner-block .leftpart{width: 100%; min-height: auto;}
    .left-photo-section .inner-block .content-block{padding: 20px 0 0 0; width: 100%;}
    .left-photo-section .inner-block .content-block h2{font-size: 22px; line-height: 30px;}

    .right-photo-section{padding: 30px 0 0 0;}
    .right-photo-section .container{padding: 0 20px;}
    .right-photo-section .inner-block{display: block;}
    .right-photo-section .inner-block .leftpart .photo-block{height: 300px;}
    .right-photo-section .inner-block .leftpart{width: 100%; min-height: auto;}
    .right-photo-section .inner-block .content-block{padding: 20px 0 0 0; width: 100%;}
    .right-photo-section .inner-block .content-block h2{font-size: 22px; line-height: 30px;}

    .full-photo-section{padding: 30px 0 0 0;}
    .full-photo-section .container{padding: 0 20px;}
    .full-photo-section .inner-block{display: block;}
    .full-photo-section .inner-block .leftpart{width: 100%; min-height: auto;}
    .full-photo-section .inner-block .leftpart .photo-block{height: 300px;}
    .full-photo-section .inner-block .content-block{padding: 20px; width: 100%;}
    .full-photo-section .inner-block .content-block h2{font-size: 22px; line-height: 30px;}
    
    .faq-area{padding: 30px 0;}
    .faq-area .container{padding: 0 20px;}
    .faq-area h2{font-size: 24px; line-height: 30px;}
    .faq-area .accordion .accordion-button{font-size: 16px; font-weight: 400;}
    .faq-area .accordion .accordion-item {margin-top: 10px;}

    .review-section.pd-80{padding-bottom: 30px;}
    .review-section.pd-80 .container{padding: 0 20px;}

    .question-area{padding: 0 0 30px 0;}
    .question-area .question-inner{padding: 0px; border-radius: 20px; display: block; overflow: hidden;}
    .question-area .question-inner .question-heading{padding: 20px 20px 40px 20px;}
    .question-area .question-inner .right-part{position: relative; border-radius: 20px 20px 0 0; padding: 35px 20px 20px 20px;}
    .question-area .question-inner .right-part .call-icon{width: 40px; height: 40px; left: 20px; padding: 10px; top: -20px; position: absolute;}
    .question-area .question-inner .right-part .call-icon img{width: 100%}
    .question-area .question-inner .question-photo{left: auto; width: 80px; right: 12px; bottom: 70px;}
    .question-area .question-inner .question-photo img{-webkit-transform: scaleX(-1); transform: scaleX(-1);}

    .question-area .question-inner .question-heading h2{font-size: 20px; line-height: 20px; margin: 0 0 8px 0;}
    .question-area .question-inner .question-heading p{font-size: 15px; line-height: 20px; width: 70%;}
    .question-area .question-inner .right-part span{font-size: 16px; line-height: 16px;}
    .question-area .question-inner .right-part span strong{font-size: 24px; line-height: 18px;}

}