Here is the CSS CODE for the landing page
@import url(‘https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&family=Quicksand:wght@300;400;500;600;700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap’); /* font-family: ‘Oswald’, sans-serif; / / font-family: ‘Quicksand’, sans-serif; / / font-family: ‘Roboto’, sans-serif; / @font-face { font-family: “avenir light”; src: url(“Avenir_Light.ttf”) format(“truetype”); } @font-face { font-family: “avenir regular”; src: url(“Avenir_Regular.ttf”) format(“truetype”); } @font-face { font-family: “avenir medium”; src: url(“Avenir_Medium.ttf”) format(“truetype”); } @font-face { font-family: “avenir book”; src: url(“Avenir_Book.ttf”) format(“truetype”); } @font-face { font-family: “avenir black”; src: url(“Avenir_Black.ttf”) format(“truetype”); } @font-face { font-family: “avenir heavy”; src: url(“Avenir_Heavy.ttf”) format(“truetype”); } @font-face { font-family: “avenir oblique”; src: url(“Avenir-Oblique.ttf”) format(“truetype”); } body{ font-family: “avenir regular”; font-size: 26px; color:#000; } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .justify-content-center { -ms-flex-pack: center !important; justify-content: center !important; } .tb-row{ margin-top: 0px; margin-bottom: 0px; } .col-6{ position: relative; width: 50%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-lg-6, .col-md-6, .col-sm-6, .col-lg-8, .col-md-8, .col-lg-4, .col-md-4, .col-4, .col-lg-3, .col-12{ position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } @media (min-width:575px){ .col-sm-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media (min-width:768px){ .col-md-6{ -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-8{ -webkit-box-flex: 0; -ms-flex: 0 0 66.667%; flex: 0 0 66.667%; max-width: 66.667%; } .col-md-4{ -webkit-box-flex: 0; -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; max-width: 33.333%; } } @media (min-width:992px){ .col-lg-6{ -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-8{ -webkit-box-flex: 0; -ms-flex: 0 0 66.667%; flex: 0 0 66.667%; max-width: 66.667%; } .col-lg-4{ -webkit-box-flex: 0; -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; max-width: 33.333%; } .col-lg-3{ -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } } .col-left { padding-left: 0; padding-right: 0px; } img { max-width: 100%; height: auto; } .btn:not(:disabled):not(.disabled) { cursor: pointer; } .btn { display: inline-block; text-align: center; white-space: inherit; border: 1px solid transparent; border-radius: 50px; text-transform: uppercase; font-weight: 600; padding: 20px 65px 15px; font-size: 26px; line-height: 26px; border-radius: 70px; letter-spacing: 1px; font-family: “avenir black”; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; } .btn-primary_1{ color: #fff; background-color: #68a1b2; } .btn-primary_2{ color: #fff; background-color: #c88500; } .tb-unset{ margin-top:0px; margin-bottom:0px; } .text-left{ text-align:left !important; } h2{ font-size: 46px; font-family: “avenir black”; text-transform:uppercase; } .text-primary_1{ color: #68a1b2 !important; } .text-primary_2{ color:#c88500 !important; } .text-dark{ color:#000000 !important; } .text-white{ color:#ffffff !important; } .title_sec{ font-size: 46px !important; text-transform: uppercase; font-family: “avenir heavy” !important; } .desc, .desc > { font-size: 28px !important; font-family: “avenir medium” !important; } .accordion-content.desc, .accordion-content.desc > { font-size: 26px !important; } @media (max-width:1199px){ .title_sec, h2 { font-size: 34px !important; } .desc, .desc > , .page-content .rte, { font-size: 24px !important; } } @media (max-width:991px){ .btn{ padding: 16px 40px 13px; font-size: 24px; line-height: 24px; } } @media (max-width:767px){ .title_sec, h2 { font-size: 30px !important; } .desc, .desc > , .page-content .rte{ font-size: 24px !important; } } @media (max-width:575px){ .btn{ font-size: 20px; line-height: 20px; } .title_sec, h2 { font-size: 28px !important; } .desc, .desc > , .page-content .rte{ font-size: 22px !important; } } @media (max-width:479px){ .title_sec, h2 { font-size: 26px !important; } .desc, .desc > , .page-content .rte{ font-size: 18px !important; } } / -------------------top-main-section------------- / .top-main-section { padding: 60px 72px 30px; / background-position: 0 72%; / background-repeat: no-repeat; background-size: cover; } .top-main-section { padding: 50px 72px 60px; background-position: 0 15%; } .main-title .short-title h4{ text-transform: uppercase; margin-top: 70px; font-size: 20px; font-weight: 600; color: #000; font-family: “avenir book”; } .logo-image img { max-width: 200px; } .main-title .big-title h1 { font-size: 60px; font-family: Quicksand,sans-serif; color: #68a1b2; } .main-title .top-title-text h4 { text-transform: capitalize; margin-top: 20px; font-family: “avenir book”; color: #000; font-size: 22px; letter-spacing: 1px; } .main-title .top-title-button { margin-top: 40px; } .main-title .top-title-img { margin-top: 50px; } / .main-title .top-title-img img { max-width: 485px; width: 100%; } / .main-title .top-title-img .ingredient-list .ii-box img { max-width: 80px; width: 100%; height:auto; margin:0 auto; } .main-title .top-title-img .ingredient-list .ii-box span { display: block; font-size: 16px; color: #06444b; font-weight: 700; font-family: Quicksand,sans-serif; line-height: 16px; } .ingredient-list { display: flex; flex-wrap: wrap; margin: 0px -4px; } .ingredient-item { flex: 0 0 auto; width: 25%; padding: 0px 4px; } .ii-box { text-align: center; margin-top: 10px; } .top-main-image { margin-top: 70px; text-align: center; } .top-main-image img{ / max-width:592px; / width: 100%; } @media (min-width:1200px){ .d-none-call{ display:none; } } @media (min-width:1450px){ .landing-top-sec .container-fluid { max-width: 1420px; margin: 0 auto; } } @media (max-width:1399px){ .landing-top-sec .row.tb-unset { align-items: center; } .top-main-image { margin-top: 0; } } @media (max-width:1199px){ .top-main-section .col-lg-4 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .top-main-section .col-lg-8 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .d-show-call{ display:none; } .main-title .top-title-button { text-align: center; } } @media (max-width:991px){ } / ----------------energizing-section------------------- / .energizing-section { background-color: #e7bf68; padding: 90px 0px; } .energizing-section .energizing-box { max-width: 1080px; text-align: center; margin-left: auto; margin-right: auto; } .energizing-box .energizing-text p { margin-top: 20px; margin-bottom: 0; color:inherit; } .energizing-box .image-box-button{ margin-top: 40px; } .image-box-button .btn{ font-family: “avenir black”; letter-spacing: 1px; } / ------------health-section------------------ / .health-section .health-col-image { padding-top: 100%; position: relative; height: 100%; } .health-col-image img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; object-fit: cover; object-position: center center; } .health-box .ht-padd { padding: 70px 30px; text-align: center; } .health-box .health-title { max-width: 500px; margin: 0 auto; } .health-box .health-title h2{ font-weight: 500; font-family: “avenir black” !important; } .bboxflex:nth-child(2n+1) { /first/ background-color: #fff5e0; } .bboxflex:nth-child(2n) { /second/ background-color: #f3fffd; } .health-box .bboxflex{ padding: 40px 100px 40px 55px; display: flex; justify-content: space-between; } .bboxflex .bbox-col h4 { color: #000; text-transform: uppercase; font-weight: 500; font-family: “avenir medium”; font-size: 26px; position: relative; padding-left: 25px; } .bboxflex .bbox-col h4::before { content: “+”; position: absolute; left: 0; font-weight:100; } .f-healh-acc{ display:flex; } .fhe-content{ padding-left:0px !important; } .f-healh-acc .content-normal .accordion-content{ font-size:20px !important; line-height:normal; } .bboxflex .bbox-col-f { width: 50%; } .bboxflex .bbox-col-s{ width: 50%; } / --------------image-section-------------------- / /.image-section { background-color: #e7bf68; padding: 60px 0 60px; } .image-section .image-box { max-width: 1000px; text-align: center; margin-left: auto; margin-right: auto; } .image-box .title-image img{ margin-right: 15px; } .image-box .image-box-title{ margin-top: 40px; } .image-box .image-box-title p{ font-size: 31px; font-family: “avenir medium”; color: #fff; margin-top: 0px; margin-bottom: 0; line-height: 40px; } .image-box .image-box-button{ margin-top: 40px; } .image-box-button .ib-button{ padding: 20px 65px 15px; border-radius: 50px; text-transform: uppercase; font-weight: 600; font-size: 24px; color: #fff; background-color: #c88500; font-family: “avenir black”; letter-spacing: 1px; }/ / ----------------organic-bg-section----------------- / .organic-bg-section { background-position: center; background-repeat: no-repeat; background-size: cover; padding: 28% 0px; } .organic-bg-section .organic-title{ / max-width: 772px; / text-align: center; margin-left: auto; margin-right: auto; } .organic-bg-section .organic-title h2 { letter-spacing: 1px; font-weight: 700; text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.44); } / -------------so-special-section---------------- / .so-special-section { background-color: #fff; padding: 70px 0 0px; } .so-special-section .so-special-box{ max-width: 1114px; text-align: center; margin-left: auto; margin-right: auto; } .so-special-box .so-special-title h2{ letter-spacing: 1px; } .so-special-box .so-special-text p { margin: 0; line-height: 40px; font-weight: 600; letter-spacing: 1px; } .so-special-section .special-list{ margin-top:60px; } .special-list .list-item-box { background-color: #adc7d6; display: flex; align-items: center; padding: 0 0 0 80px; height: 190px; } .list-item-box .list-item-text{ padding-left: 40px; line-height: 35px; } .list-item-box .list-item-text h3{ text-transform: uppercase; color: #fff; font-size: 31px; font-family: “avenir heavy”; letter-spacing: 1px; } .list-item-box .list-item-text p{ margin : 0; color: #fff; font-size: 28px; font-family: “avenir medium”; font-weight: 700; letter-spacing: 1px; } .list-item-box.list-item-second { background-color: #486f6a; } .list-item-box.list-item-third { background-color: #e3a9cc; } .list-item-box.list-item-four { background-color: #fcc469; } .list-item-box.list-item-five { background-color: #81a190; } .list-item-box.list-item-six { background-color: #a1d8d2; } .list-item-box.list-item-seven { background-color: #79c1aa; } .list-item-box.list-item-eight { background-color: #8ac8ff; } .list-item-box .list-item-img { max-width: 20%; width: 100%; } / -----------img-ashwamaka-section--------------- / .img-ashwamaka-section { background-color: #fff; padding: 118px 0px 95px; } .img-ashwamaka-section .ashwamaka-box { max-width: 1030px; text-align: center; margin-left: auto; margin-right: auto; } .ashwamaka-box .as-box-title h2, #sec-6896c584-6b5b-48c5-b6e0-b7247c58aa2e .energizingas-box-title h2{ font-size: 67px; font-family: Quicksand,sans-serif; letter-spacing: 2px; color: #68a1b2; } .ashwamaka-box .as-box-title, #sec-6896c584-6b5b-48c5-b6e0-b7247c58aa2e .energizingas-box-title{ margin-top: 40px; margin-bottom:60px; } .ashwamaka-box .as-box-text { margin-bottom: 70px; } .ashwamaka-box .as-box-text p { font-family: “avenir oblique” !important; font-weight: 600; margin-top: 0; margin-bottom: 5px; } .ashwamaka-box .as-box-list p { margin-bottom: 30px; line-height: 35px; } .ashwamaka-box .as-box-button{ margin-top:60px; } .as-box-button .btn{ font-family: “avenir black”; letter-spacing: 1px; } / ------------gentle-bg-section----------------- / / .gentle-bg-section { background-position: center; background-repeat: no-repeat; background-size: cover; padding: 20% 0 20%; } .gentle-bg-section .gentle-title{ max-width: 888px; text-align: center; margin-left: auto; margin-right: auto; } .gentle-bg-section .gentle-title h2{ font-size: 45px; color: #fff; font-family: “avenir heavy”; text-transform: uppercase; letter-spacing: 2px; } / / ------------customer-section---------------- / .customer-section { background-color: #fff5e0; padding: 100px 0px; } .customer-box .customer-box-title { text-align: center; max-width: 1280px; margin-left: auto; margin-right: auto; } .customer-box .customer-box-title h2{ letter-spacing: 1px; } .customer-box .customer-box-title p{ margin-top: 0; margin-bottom: 0; color: #000; font-size: 31px; font-family: “avenir medium”; font-weight: 700; letter-spacing: 1px; } .customer-box .happy-wrapp { max-width: 1280px; margin-left: auto; margin-right: auto; } .review-box { margin-bottom: 16px; } .review-box p { font-size: 18px; } .review-box .blockquote-footer { position: relative; font-size: 18px; color: #666; line-height: normal; } .review-box .blockquote-footer::before { content: “\2014\00a0”; } .review-box .blockquote-footer .icon.icon-star { width: auto; height: auto; vertical-align: top; color: #F68E1F; line-height: 22px; } .text-nowrap { white-space: nowrap !important; } .font-weight-bold { font-weight: bold; } .text-bright-green { color: #4CD964; } .d-none { display: none !important; } .happy-wrapp .row { margin-bottom: 0; } @media (min-width:992px){ .review-box .d-lg-block { display: block !important; } } / ------------hand-section----------- / .hand-section { background-color: #f3fffd; padding: 100px 0px; } .hand-section .col-hand-image{ margin-top:50px; } .hand-section .as-todat-box { max-width:670px; } .as-todat-box .as-today-title{ margin-bottom:20px; } .as-todat-box .as-today-title h2{ font-weight: 500; } .as-todat-box .as-todat-text p { line-height: 35px; margin-bottom: 30px; } .as-today-button{ margin-top:60px; } .as-today-button .btn{ font-family: “avenir black”; letter-spacing: 1px; } / ------------frequently-section------------- / .frequently-section { background-color: #fff; padding: 100px 20px; } .frequently-section .frequently-box{ max-width: 1320px; text-align: left; margin-left: auto; margin-right: auto; } .frequently-box .frequently-title h2{ font-weight: 700; } .accordion-container { position: relative; width: 100%; border-top: none; outline: 0; cursor: pointer } .faq-heading h2.title{ color: #68a1b2; font-size: 28px; font-family: “avenir heavy”; margin-top: 60px; margin-bottom: 15px; } .faq-box article.content-entry{ border-bottom: 1px solid #e7e7e9; } .acc-f-border:first-child{ border-top: 1px solid #e7e7e9; } .accordion-container .article-title { font-size: 28px; font-family: “avenir book”; color: #000; font-weight: 700; position: relative; cursor: pointer; padding: 20px 0 20px; padding-left: 40px; } .accordion-container .article-title:hover, .accordion-container .article-title:active, .accordion-container .content-entry.open .article-title { color: #000; } .accordion-container .article-title:hover i:before, .accordion-container .article-title:hover i:active, .accordion-container .content-entry.open i { color: #000; } .accordion-container .content-entry i { position: absolute; top: 0; left: 0; font-style: normal; color: #000; } .accordion-container .content-entry i::before { content: “+”; position: absolute; left: 0; border: 2px solid #000; width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; top: 25px; font-weight: 100; } .accordion-container .content-entry.open i:before { content: “-”; position: absolute; left: 0; border: 2px solid #000; width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; top: 25px; font-weight: 100; } .accordion-content { display: none; padding-left: 2em; } / ------------capsules-section--------------- / .capsules-section { background-color: #e7bf68; padding: 50px 0px; } .capsules-section .as-capsules-box{ text-align:center; } .as-capsules-box .as-capsules-title h2 { color: #fff; font-size: 74px; font-family: Quicksand,sans-serif; margin-top: 20px; } .cap-sort-title .s-capsuls-title { font-size: 50px; text-transform: uppercase; font-family: “avenir heavy”; color: #9c3154; margin-top: 15px; } .as-cap-products .ca-bottol-price { font-size: 26px; color: #9c3154; font-family: “avenir medium”; font-weight: 100; } .as-cap-products .ca-bottol-price span{ color:#fff; } / .as-capsules-box .ca-bottol-box { max-width: 322px; margin-left: auto; margin-right: 30px; } / .ca-bottol-btn{ margin-top:15px; } .ca-bottol-btn .btn{ font-family: “avenir black”; letter-spacing: 1px; } / .as-capsules-box .ca-bottol-box2 { max-width: 322px; margin-right: auto; margin-left: 30px; } / .as-cap-products { max-width: 1280px; margin: 0 auto; } .ca-bottol-img img { max-height: 390px; } / ------------why ashwamaca new---------------/ .special-list .list-item-box { background-color: transparent; } .col-left.list-item-f { background-color: #adc7d6; } .col-left.list-item-second { background-color: #486f6a; } .col-left.list-item-third { background-color: #e3a9cc; } .col-left.list-item-four { background-color: #fcc469; } .col-left.list-item-five { background-color: #81a190; } .col-left.list-item-six { background-color: #a1d8d2; } .col-left.list-item-seven { background-color: #79c1aa; } .col-left.list-item-eight { background-color: #8ac8ff; } .col-left.list-item-nine { background-color: #a0a312; } .col-left.list-item-ten { background-color: #516a25; } .accordion-container.why-ashwamaca-drop .article-title { padding: 0px; } .why-article .accordion-content { padding: 20px 20px 20px 80px; } .special-list .accordion-container .content-entry i { color: #fff; top: 37px; left: 30px; } .special-list .accordion-container .content-entry i::before { border-color:#fff; } .special-list .accordion-container .content-entry.open i:before { border-color:#fff; } .special-list .accordion-container .article-title:active i, .special-list .accordion-container .article-title:hover i::before, .special-list .accordion-container .content-entry.open .article-title i{ color:#fff; } / --------------------------responsive css--------------------- / @media (max-width:1199px){ .main-title .big-title h1, #sec-6896c584-6b5b-48c5-b6e0-b7247c58aa2e .energizingas-box-title h2, .ashwamaka-box .as-box-title h2, .as-capsules-box .as-capsules-title h2{ font-size: 60px !important; } .main-title .short-title h4, .main-title .top-title-text h4, .list-item-box .list-item-text h3, .list-item-box .list-item-text p{ font-size: 24px; } .energizing-box .energizing-text p { margin-top: 0px; } .energizing-section, .img-ashwamaka-section, .customer-section, .hand-section, .frequently-section { padding: 60px 0 60px; } .so-special-section{ padding-top: 45px; } .so-special-section .special-list { margin-top: 45px; } .bboxflex .bbox-col h4 { font-size: 22px; padding-left: 20px; } .health-box .bboxflex { padding: 30px 30px 30px 30px; } .bboxflex .bbox-col-f { width: 50%; } .bboxflex .bbox-col-s { width: 50%; } .health-box .ht-padd { padding: 45px 15px; } .as-title-img img { max-width: 100px; } #sec-6896c584-6b5b-48c5-b6e0-b7247c58aa2e .energizingas-box-title, .ashwamaka-box .as-box-title { margin-top: 10px; margin-bottom: 20px; } .ashwamaka-box .as-box-text { margin-bottom: 0; } .ashwamaka-box .as-box-list p { margin-bottom: 20px; line-height: normal; } .ashwamaka-box .as-box-button { margin-top: 30px; } .ca-bottol-img img { max-height: 320px; } .ca-bottol-btn .btn { padding: 12px 30px 11px; font-size: 20px; } } @media (max-width:1099px){ .ca-bottol-img img { max-height: 290px; } } @media (max-width:1024px){ .special-list .list-item-box { padding: 0 0 0 40px; height: 170px; } .why-article .accordion-content { padding: 20px 20px 20px 40px; } .list-item-box .list-item-text p { font-size: 20px; } .accordion-content p { font-size: 18px; } .list-item-box .list-item-text { padding-left: 30px; line-height: 24px; padding-right: 10px; } .col-md-4.col-12-f { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .as-cap-products .col-md-4.col-12-f { order: 1; } .as-cap-products .col-md-4.order-f { order: 2; } .as-cap-products .col-md-4.order-s { order: 3; } .as-cap-products .col-md-4.order-f, .as-cap-products .col-md-4.order-s{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .ca-bottol-img img { max-height: 500px; } .special-list .accordion-container .content-entry i { left: 6px; } } @media (max-width:991px){ .landing-top-sec .row.tb-unset .col-lg-6 { text-align: center; } .top-main-image { margin-top: 0px; margin-bottom: 0px; } .main-title .top-title-button { margin-top: 40px; } .main-title .top-title-img, .main-title .short-title h4{ margin-top: 50px; } .health-box .bboxflex { justify-content: space-evenly; } .accordion-container .article-title { font-size: 24px; } .accordion-content.desc, .accordion-content.desc > * { font-size: 22px !important; } .faq-heading h2.title { margin-top:30px; font-size: 28px !important; } .main-title .big-title h1, #sec-6896c584-6b5b-48c5-b6e0-b7247c58aa2e .energizingas-box-title h2, .ashwamaka-box .as-box-title h2, .as-capsules-box .as-capsules-title h2{ font-size: 54px !important; } } @media (max-width:767px){ .main-title .big-title h1, #sec-6896c584-6b5b-48c5-b6e0-b7247c58aa2e .energizingas-box-title h2, .ashwamaka-box .as-box-title h2, .as-capsules-box .as-capsules-title h2{ font-size: 50px !important; } .top-main-image img { max-width: 500px; } .title-image img { max-width: 46px; } .energizing-box .image-box-button, .as-today-button { margin-top: 20px; } .so-special-box .so-special-text p { line-height: normal; font-weight: 500; } .content-entry.why-article { padding: 20px; } .why-article .list-item-img img { max-height: 70px; } .special-list .list-item-box { padding: 0px; height: auto; } .why-article .accordion-content { padding: 0px; } .list-item-box .list-item-text { padding-left: 20px; } .ashwamaka-box .desc, .ashwamaka-box .desc > * { font-size: 20px !important; } .hand-section .col-hand-image { margin-top: 0; } .faq-heading h2.title { margin-top: 30px; font-size: 24px !important; } .accordion-container .article-title { font-size: 22px; padding: 10px 0 10px 40px; } .accordion-container .content-entry i::before, .accordion-container .content-entry.open i::before { width: 20px; height: 20px; top: 15px; } .accordion-content.desc, .accordion-content.desc > * { font-size: 18px !important; } .cap-sort-title .s-capsuls-title, .cap-sort-title .two-n-title{ font-size: 40px; } / .as-capsules-box .ca-bottol-box, .as-capsules-box .ca-bottol-box2{ max-width: 260px; margin-left: auto; margin-right: auto; } / .as-cap-products .col-md-4.col-12-f .ca-bottol-box2 { margin-bottom: 40px; } .special-list .accordion-container.why-ashwamaca-drop .article-title { padding: 0 0 0 40px; } .special-list .accordion-container .content-entry i { top: 0px; } } @media (max-width:575px){ .top-main-section, .energizing-section, .customer-section, .hand-section, .frequently-section, .capsules-section { padding: 30px 0px 30px; } .so-special-section{ padding-top: 30px; } .so-special-section .special-list { margin-top: 30px; } .main-title .top-title-text h4 br { display: none; } .health-box .ht-padd { padding: 30px 15px 25px; } .health-box .bboxflex { flex-wrap: wrap; } / .bboxflex .bbox-col-f, .bboxflex .bbox-col-s{ width: 100%; } .bboxflex .bbox-col-s{ margin-top:20px; }/ .bboxflex .bbox-col h4 br { display: none; } .bboxflex .bbox-col h4 { font-size: 16px; padding-left: 15px; } .health-box .bboxflex { padding: 20px 15px; } .faq-heading h2.title { margin-top: 20px; font-size: 20px !important; } .list-item-box .list-item-text h3, .list-item-box .list-item-text p{ font-size: 20px; } .bboxflex .bbox-col-f { width: 55%; } .bboxflex .bbox-col-s { width: 45%; padding-left: 8px; } .main-title .top-title-text h4, .main-title .short-title h4 { font-size: 20px; } .small-title{ font-size: 22px; } } @media (max-width:516px){ .ca-bottol-btn .btn-primary_2{ font-size: 16px; } } @media (max-width:479px){ .top-main-section { padding-top: 10px; } .logo-image img { max-width: 140px; } .main-title .short-title h4{ margin-top: 10px; } .main-title .big-title h1 { font-size: 40px !important; } .main-title .short-title h4 { font-size: 16px; } .main-title .top-title-text h4 { margin-top: 6px; font-size: 16px; } .top-main-image { margin-top: 10px; margin-bottom: 0; } .main-title .top-title-button { margin-top: 0px; } .main-title .top-title-img { margin-top: 30px; } .top-main-image img { max-width: 240px; } .ingredient-item { width: 33.333%; } .ingredient-list { justify-content: center; } } @media (max-width:462px){ .ca-bottol-btn .btn-primary_2{ font-size: 14px; padding: 17px 25px 14px; } .accordion-container .article-title { font-size: 16px; padding: 10px 0 10px 30px; } .health-box .bboxflex { padding: 10px 10px; } } @media (max-width:379px){ / .bboxflex .bbox-col-s{ margin-top:10px; } */ .main-title .big-title h1, #sec-6896c584-6b5b-48c5-b6e0-b7247c58aa2e .energizingas-box-title h2, .ashwamaka-box .as-box-title h2, .as-capsules-box .as-capsules-title h2{ font-size: 44px !important; } .ca-bottol-btn .btn-primary_2 { font-size: 12px; padding: 11px 17px 11px; line-height: 18px; } } .section-1629544449ede52cb1, .section-16295393651e5661a1{ margin-top:0px !important; margin-bottom:0px !important; }