body {
    margin: 0;
    padding: 0;
    font-family: 'robotoregular';
    font-weight: normal;
}

div {
    box-sizing: border-box;
}

.d-flex {
    display: flex;
}

.justify-around {
    justify-content: space-around;
}

.justify-between {
    justify-content: space-around;
}

.align-items-center {
    align-items: center;
}

.align-items-start {
    align-items: flex-start;
}

.text-center {
    text-align: center;
}

.fix-header {
    background: rgba(0, 0, 0, .3);
    position: fixed;
    top: 0;
    transition: all .8s ease-in-out;
    /* transition: all 0.8s ease; */
}

header {
    display: flex;
    width: 100%;
    height: auto;
    position: fixed;
    z-index: 3;
}

header #logo {
    width: 100px;
    padding: 0 0 0px 10px;
    margin-right: auto;
    position: relative;
    z-index: 9;
}

header #logo>img {
    max-width: 100%;
    -ms-interpolation-mode: bicubic;
}

/* topnav */

.topnav {
    overflow: hidden;
    padding-top: 40px;
    margin-right: 15px;
}

.topnav a {
    float: left;
    display: block;
    /* color: #7d7d7d; */
    color: #fff;
    text-align: center;
    padding: 19px 16px;
    text-decoration: none;
    font-size: 19px;
    font-family: 'robotomedium';
}

.active {
    background-color: #bda1d8;
    color: #663398;
}

.topnav .icon {
    display: none;
}

.dropdown {
    float: left;
    overflow: hidden;
}

.dropdown .dropbtn {
    font-size: 19px;
    border: none;
    outline: none;
    /* color: #7d7d7d; */
    color: #fff;
    padding: 19px 16px;
    background-color: transparent;
    font-family: 'robotomedium';
    margin: 0;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #663398;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.dropdown-content a {
    float: none;
    color: #fff;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.topnav a:hover,
.dropdown:hover .dropbtn {
    background-color: #663398;
    /* color: #663398; */
    color: #fff;
}

.dropdown-content a:hover {
    background-color: #7e48b3;
    color: #fff;
}

.dropdown:hover .dropdown-content {
    display: block;
}

/* topnav */

/* .owl-dots{
    display: none;
} */

.banner-img-wrap {
    width: 100% !important;
    height: 100vh;
    background-size: cover !important;
    background-position-y: 0 !important;
}

.banner-wrap {
    /* background: url(../images/banner_slide_1.jpg) no-repeat; */
    /* background-size: cover; */
    /* background-position: top; */
    height: 100vh;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.banner-wrap-page {
    /* background: url(../images/line-img.png) no-repeat; */
    /* background-size: cover; */
    /* background-position: 0px 88%; */
    height: 240px;
    width: 100%;
    position: relative;
}

.banner {
    position: absolute;
    z-index: 2;
    left: 19%;
    display: flex;
    width: 900px;
    margin: 0px auto;
    padding-top: 20%;
}

.banner>div {
    width: 35%;
}

.banner>div h1 {
    font-family: 'roboto_condensedregular';
    font-size: 27px;
    font-weight: normal;
    color: #fff;
}

.banner>div p {
    font-size: 12px;
    color: #fff;
    line-height: 1;
}

.about-wrap {
    width: 100%;
    text-align: center;
    padding: 5% 0;
    background: #c94c86;
    color: #fff;
}

.container {
    width: 900px;
    margin: 0px auto;
}

.img-block {
    width: 250px;
    height: 250px;
    background: #fff;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.img-block img {
    width: 80%;
}

.about-content {
    width: 60%;
    text-align: left;
    margin-bottom: 10%;
    background: #c94c86;
    color: #fff;
}

.about-content h2 {
    font-family: 'roboto_condensedregular';
    font-weight: normal;
    font-size: 40px;
    position: relative;
}

/* .about-content ul {}
.about-content ul li{
    color: #fff;
    font-size: 19px;
    font-family: 'robotoregular';
    font-weight: normal;
    padding: 0;
    line-height: 1.3;
    padding-bottom: 15px;
} */

.about-content ul { 
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    text-align: left;
    justify-content: space-between;
    padding: 0;
    list-style: none;
    margin: 50px 0;
}
.about-content ul li{
    display: flex;
    width: 100%;   
    align-items: flex-start;
    color: #fff;
    font-size: 19px;
    font-family: 'robotoregular';
    font-weight: normal;
    padding: 0;
    line-height: 1.3;
    padding-bottom: 15px;
}
/* .why-we ul li p{
    width: calc(100% - 30px);
    padding: 0;
    margin: 0;
} */
.about-content ul li i{
    border-radius: 100%;
    font-size: 14px;
    padding: 8px;
    margin-right: 10px;
}
/* .about-content p {
    color: #fff;
    font-size: 19px;
    font-family: 'robotoregular';
    font-weight: normal;
    padding: 0;
    line-height: 1.3;
    padding-bottom: 15px;
} */

.learn-more {
    letter-spacing: 2px;
    margin: 0 0 0 0;
    font-family: 'robotobold';
    text-transform: uppercase;
    text-decoration: none;
    font-size: 20px;
    color: #c94c86;
    background: #fff;
    padding: 11px 20px;
    border-radius: 24px;
    -webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.17);
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.17);
}

.learn-more:hover {
    text-decoration: none;
}

.founder-content {
    width: 100%;
    text-align: center;
    padding: 5% 0;
    background: #f2f2f2;
}

/* .founder-content .learn-more {
    color: #e7a700;
}

.founder-content .border-bot::after {
    background: #e7a700;
} */

.founder-content h2 {
    text-align: center;
    font-family: 'robotoregular';
    font-weight: normal;
    font-size: 40px;
    padding-bottom: 15px;
}

.founder-left {
    width: 40%;
}

.founder-left img {
    border-radius: 20px;
}

.founder-left h3 {
    font-size: 34px;
    font-family: 'robotoregular';
    font-weight: normal;
    margin: 35px 0 3px 0;
}

.founder-left p {
    font-size: 18px;
    font-family: 'robotoregular';
    font-weight: normal;
    margin: 13px 0 98px 0;
    color: #646464;
    padding: 0;
}

.founder-left span {
    font-size: 27px;
}

.founder-right {
    width: 40%;
}

.founder-right img {
    border-radius: 20px;
}

.founder-right h3 {
    font-size: 34px;
    font-family: 'robotoregular';
    font-weight: normal;
    margin: 35px 0 3px 0;
}

.founder-right p {
    font-size: 18px;
    font-family: 'robotoregular';
    font-weight: normal;
    margin: 13px 0 50px 0;
    color: #646464;
    padding: 0;
}

.founder-right span {
    font-size: 27px;
}

/* .product-content {
    width: 100%;
    text-align: center;
}

.product-content .learn-more {
    color: #663398;
}

.product-content .border-bot::after {
    background: #663398;
}

.product-content h2 {
    text-align: center;
    font-family: 'robotoregular';
    font-weight: normal;
    font-size: 28px;
    padding-bottom: 15px;
    margin-bottom: 8%;
}

.product-left {
    width: 40%;
    text-align: center;
}

.product-left h3 {
    font-size: 24px;
    font-family: 'robotoregular';
    font-weight: normal;
    margin: 15px 0 3px 0;
}

.product-left p {
    font-size: 13px;
    font-family: 'robotoregular';
    font-weight: normal;
    margin: 13px 0 10px 0;
    color: #838282;
    padding: 0 10%;
}

.product-right {
    width: 40%;
    text-align: center;
}

.product-right h3 {
    font-size: 24px;
    font-family: 'robotoregular';
    font-weight: normal;
    margin: 15px 0 3px 0;
}

.product-right p {
    font-size: 13px;
    font-family: 'robotoregular';
    font-weight: normal;
    margin: 13px 0 10px 0;
    color: #838282;
    padding: 0 10%;
} */

/*-- company start --*/

.company {
    padding: 12% 0 5% 0;
}

.company h1 {
    margin: 0 0 50px 0;
    font-size: 34px;
    font-weight: normal;
    font-family: 'robotomedium';
    padding-bottom: 15px;
}

.company-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.company-left {
    width: 48%;
}

.company-left p {
    font-size: 18px;
    font-family: 'robotoregular';
    font-weight: normal;
    color: #838282;
}

.company-right {
    width: 48%;
}

.company-right img {
    width: 90%;
}

/*-- company end --*/

/*-- founders start --*/

.founders {
    padding: 12% 0 5% 0;
}

.founders h1 {
    margin: 0 0 50px 0;
    font-size: 34px;
    font-weight: normal;
    font-family: 'robotomedium';
    padding-bottom: 15px;
}

.founders .border-bot::after {
    background: #e7a700;
}

.founders-wrap {}

.founders-wrap>.founder-left {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin-bottom: 10%;
    justify-content: space-between;
    align-items: center;
}

.founders-wrap>.founder-left .founders-content {
    width: 55%;
}

.founders-wrap>.founder-left .img-wrap {
    width: 40%
}

.founders-wrap>.founder-left .img-wrap>img {
    width: 90%;
}

.founders-wrap>.founder-left p {
    padding: 0;
}

.founders-wrap>.founder-right {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.founders-wrap>.founder-right .founders-content {
    width: 55%;
}

.founders-wrap>.founder-right .img-wrap {
    order: 2;
    width: 40%
}

.founders-wrap>.founder-right .img-wrap>img {
    width: 90%;
}

.founders-wrap>.founder-right p {
    padding: 0;
}

/*-- founders end --*/

/*-- products start --*/

.products {
    margin: 0px auto 5% auto;
    padding: 12% 0 0% 0;
}

.products h1 {
    margin: 0 0 50px 0;
    font-size: 34px;
    font-weight: normal;
    font-family: 'robotomedium';
    padding-bottom: 15px;
}

.products .border-bot::after {
    background: #663398;
}

.products-wrap {
    display: flex;
    justify-content: space-between;
}

.products-left {
    width: 35%;
}

.products-left img {
    width: 90%;
}

.products-right {
    width: 60%;
}

.products-right h2 {
    font-size: 24px;
    font-family: 'robotoregular';
    font-weight: normal;
    margin: 13px 0 10px 0;
}

.products-right p {
    font-size: 18px;
    font-family: 'robotoregular';
    font-weight: normal;
    margin: 13px 0px 50px 0px;
    color: #838282;
}
.products-right img {
    width: 100%;
    margin: 0 0 30px 0px;
}

.learn-more-btn {
    font-family: 'robotoregular';
    font-weight: normal;
    text-decoration: none;
    font-size: 16px;
    color: #663398;
    border-radius: 20px;
    border: 2px solid #663398;
    padding: 7px 24px;
    margin-top: 15px;
    float: left;
}

/* .learn-more-btn{
    font-family: 'robotoregular';
    font-weight: normal;
    text-decoration: none;
    font-size: 16px;
    color: #e86f38;
    border-radius: 20px;
    border: 2px solid #e86f38;
    padding: 7px 24px;
    margin-top: 15px;
    float: left;
} */

.learn-more-btn:hover {
    color: #fff;
    background: #663398;
}

/*-- products end --*/

/*-- contact start --*/

.contact {
    padding: 17% 0 10% 0;
}

.contact h1 {
    margin: 0 0 25px 0;
    font-size: 34px;
    font-weight: normal;
    font-family: 'robotomedium';
    padding-bottom: 15px;
}

.contact-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.contact-wrap h2 {
    font-size: 24px;
    font-weight: normal;
    font-family: 'robotomedium';
}

.contact-btn {
    text-align: center;
    padding: 10px 30px;
    border: 2px solid rgb(29, 117, 193);
    border-radius: 50px;
    margin: 25px 10px;
    font-family: 'robotoregular';
    font-weight: normal;
    font-size: 26px;
    text-decoration: none;
    color: #1d75c1;
    width: auto;
}

.contact-btn:hover {
    background-color: rgb(95, 158, 212);
    color: #fff;
}

/*-- contact end --*/

/* ferticalm-wrap start */

.ferticalm-wrap {
    background: url(../images/fericalm_purpal_section.jpg) no-repeat;
    background-size: cover;
    width: 100%;
    color: #fff;
    padding: 4% 0 0 0;
}

.ferticalm-wrap .content {
    padding-top: 8%;
    width: 60%;
}

.ferticalm-wrap .content h3 {
    font-size: 50px;
    font-weight: normal;
    font-family: 'roboto_condensedregular';
    margin: 0;
}

.ferticalm-wrap .content p {
    font-size: 19px;
    font-weight: normal;
    font-family: 'robotoregular';
    padding-bottom: 6%;
}

/* ferticalm-wrap end */

/* fertistrong-wrap start */

.fertistrong-wrap {
    background: #e8ba42;
    width: 100%;
    color: #fff;
    padding: 4% 0 0 0;
}

.fertistrong-wrap .content {
    padding-top: 5%;
    width: 60%;
}

.fertistrong-wrap .content h3 {
    font-size: 50px;
    font-weight: normal;
    font-family: 'roboto_condensedregular';
    margin: 0;
}

.fertistrong-wrap .content p {
    font-size: 19px;
    font-weight: normal;
    font-family: 'robotoregular';
    padding-bottom: 6%;
}

/* fertistrong-wrap end */

/* why-we block start */

.why-we {
    background: url(../images/we_are_wew_different.jpg) no-repeat;
    background-size: cover;
    color: #fff;
    text-align: center;
    padding: 5% 0;
}

.why-we h2 {
    font-size: 50px;
    font-weight: normal;
    font-family: 'roboto_condensedregular';
    margin: 0;
    padding: 0;
}

.why-we p {
    padding: 2% 0 5% 0;
    font-size: 19px;
    font-family: 'robotoregular';
    font-weight: normal;
}
.why-we ul { 
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    text-align: left;
    justify-content: space-between;
    padding: 0;
    list-style: none;
    margin: 50px 0;
}
.why-we ul li{
    display: flex;
    width: 48%;
    margin-bottom: 20px;
    align-items: flex-start;
    font-size: 18px;
}
.why-we ul li p{
    width: calc(100% - 30px);
    padding: 0;
    margin: 0;
}
.why-we ul li i{
    border-radius: 100%;
    font-size: 14px;
    padding: 8px;
    margin-right: 15px;
}
.col-1{background: #663398;}
.col-2{background: #c94c86;}
.col-3{background: #e86f38;}
.col-4{background: #e8ba42;}
.col-5{background: #71c27b;}
.col-6{background: #5d9dd3;}


.why-are-we{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.why-are-we img {
    width: 40%;
}
.why-are-we p {
    font-size: 18px;
    color: #838282;
}
.why-are-we p:nth-of-type(1) {
    width: 50%;
}
.why-are-we .why-we {
    width: 100%;
    background: #fff;
    color: #838282;
}
.why-are-we .why-we h2{
    margin: 0 0 50px 0;
    font-size: 34px;
    font-weight: normal;
    font-family: 'robotomedium';
    padding-bottom: 15px;
}
.why-are-we .why-we ul {
    margin: 0;
}
.why-are-we .why-we ul li i {
    color: #fff;
}

.why-are-we .why-we ul li p {
    width: 100%;
}
/* why-we block end */

/*-- footer start --*/

footer {
    margin: 0;
    padding: 5% 0 0 0;
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    color: #fff;
    background: #e86f38;
}

.foo-logo .img-wrap {
    background: #fff;
    width: 120px;
    height: 120px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 50px;
}

.foo-logo .img-wrap img {
    width: 80%;
}

.foo-logo h2 {
    font-size: 74px;
    margin: 0;
    padding: 0;
    font-family: 'robotolight';
    text-transform: uppercase;
    line-height: 1;
}

.foo-logo p {
    padding: 0;
    margin: 0;
    font-size: 24px;
    font-family: 'robotoregular';
    text-transform: uppercase;
}

.foo-add {
    width: 35%;
}

.foo-add p {
    padding: 0 62px;
    margin: 0 0 15px 0;
    font-size: 16px;
    font-family: 'robotoregular';
    text-transform: uppercase;
    text-align: right;
}
.foo-add .email-link{
    padding: 0 62px 0 0;
    text-transform: lowercase;
    color: #fff;
    text-decoration: none;
    display: block;
    text-align: right;
}

.foo-link {}

.foo-link a {
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    display: block;
    text-align: right;
    text-transform: uppercase;
    margin: 0px 0 6px 0;
}

.foo-link .social-ico {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
}

.foo-link .social-ico a {
    width: 50px;
    margin: 0 10px
}

.foo-link .social-ico a i {
    font-size: 40px;
}

footer>p {
    font-family: 'robotolight';
    font-weight: normal;
    font-size: 13px;
    padding: 25px 0;
    color: #fff;
    background: #da642f;
    margin: 3% 0 0 0;
}

footer>p>a {
    color: #a0a0a0;
    padding: 0px 6px;
    font-size: 13px;
    text-decoration: none;
}


/*-- footer end --*/

@media screen and (max-width: 1920px) {
    .phone-ban{
        background-position: 0 -200px !important;
    }
    .couple-ban{

    }
    .meditating-ban{
        background-position: 0 -180px !important;
    }
    
    header #logo {
        width: 520px;
        padding: 12px 0 0px 10px;
        display: flex;
        align-items: center;
        text-decoration: none;
    }
    header #logo>img {
        max-width: 120px;
    }
    header #logo p {
        color: #fff;
        font-size: 32px;
        text-transform: uppercase;
        margin-left: 10px;
    }
    header #logo p>span {
        text-transform: initial;
        font-size: 13px;
        display: block;
        font-family: 'roboto_condenseditalic';
    }
    .banner {
        width: 1170px;
    }
    .banner>div {
        width: 50%;
    }
    .banner>div>img {
        width: 65%;
        margin: 20px 0;
    }
    .banner>div h1 {
        font-size: 52px;
        line-height: 1.2;
        margin: 0;
    }
    .banner>div p {
        font-size: 34px;
        margin: 0 0;
        padding: 5px 0;
        font-family: 'roboto_condenseditalic';
    }
    .banner-wrap-page {
        height: 240px;
        background-position: 50% 61%;
    }
}

@media screen and (max-width: 1600px) {
    .meditating-ban{
        background-position: 0 -100px !important;
    }
    .topnav {
        padding-top: 30px;
        padding-right: 15px;
    }
    .dropdown .dropbtn,
    .topnav a {
        font-size: 16px;
        padding: 16px 14px;
    }
    header #logo {
        width: 480px;
        padding: 0px 0 0px 10px;
    }
    header #logo>img {
        max-width: 100px;
    }
    header #logo p {
        font-size: 30px;
    }
    .banner {
        width: 900px;
        padding-top: 18%;
    }
    .banner>div {
        width: 55%;
    }
    .banner>div h1 {
        font-size: 48px;
    }
    .banner>div p {
        font-size: 28px;
    }
    .banner-wrap-page {
        height: 240px;
        background-position: 50% 55%;
    }
    .ferticalm-wrap .content {
        padding-top: 1%;
        width: 60%;
    }
    .ferticalm-wrap .container>img {
        width: 38%;
        height: auto;
    }
    .fertistrong-wrap .content {
        padding-top: 0%;
        width: 60%;
    }
    .fertistrong-wrap .container>img {
        width: 38%;
        height: auto;
    }
    .learn-more {
        font-size: 16px;
    }
    .founders h1 {
        margin: 0 0 0px 0;
    }
    .contact {
        padding: 17% 0 10% 0;
    }
}
@media screen and (max-width: 1440px) {
    .meditating-ban{
        background-position: 0 -150px !important;
        background-size: 100% auto !important;
    }
    .contact-btn {
        font-size: 20px;
    }
}
@media screen and (max-width: 1280px) {
    .topnav {
        padding-top: 30px;
    }
    header #logo {
        padding: 0px 0 0px 10px;
        width: 470px;
    }
    header #logo>img {
        max-width: 100px;
    }
    .topnav a {
        font-size: 13px;
    }
    .dropdown .dropbtn {
        font-size: 13px;
    }
    .founders {
        padding: 16% 0 5% 0;
    }
    .company {
        padding: 16% 0 5% 0;
    }
    .products {
        padding: 16% 0 0% 0;
    }
    .phone-ban{
        background-position: 0 0 !important;
    }
}

@media screen and (max-width: 768px) {
    .why-are-we {
        padding: 0px 30px;
    }
    .meditating-ban{
        background-position: 17% 0 !important;
        background-size: cover !important;
    }
    .banner-img-wrap {
        background-position: 58% 0 !important;
    }
    header #logo {
        flex-direction: column;
        width: 250px;
    }
    header #logo p {
        font-size: 22px;
        padding: 10px 0;
        margin: 0;
        text-align: center;
    }
    .topnav a {
        padding: 19px 10px;
    }
    .dropdown .dropbtn {
        padding: 19px 10px;
    }
    header #logo p>span {
        font-size: 10px;
    }
    .about-wrap .container {
        flex-direction: column;
    }
    .about-content {
        text-align: center;
        width: 80%;
    }
    .about-wrap .img-block {
        width: 200px;
        height: 200px;
    }
    .learn-more {
        font-size: 16px;
    }
    .founder-content .container {
        flex-direction: column;
    }
    .founder-left {
        width: 100%;
        padding-bottom: 10%;
    }
    .founder-right {
        width: 100%;
    }
    .founder-right>img,
    .founder-left>img {
        width: 60%;
    }
    .founder-right p,
    .founder-left p {
        font-size: 15px;
        margin: 13px 40px 50px 40px;
    }
    .ferticalm-wrap .container {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .ferticalm-wrap .container>img {
        width: 60%;
        order: 1;
    }
    .ferticalm-wrap .content {
        padding-top: 0%;
        width: 80%;
        text-align: center;
        order: 2;
        margin-top: -10%;
        margin-bottom: 10%;
    }
    .fertistrong-wrap .container {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .fertistrong-wrap .content {
        padding-top: 0%;
        width: 80%;
        text-align: center;
        margin-top: -8%;
        margin-bottom: 10%;
    }
    .fertistrong-wrap .container>img {
        width: 60%;
        height: auto;
    }
    .why-we {
        padding: 13% 0;
        background-position: right;
    }
    .why-we .container {
        width: 90%;
    }
    footer .container {
        padding: 0 3%;
    }
    .foo-add p {
        padding: 0 27px;
    }
    .foo-logo .img-wrap {
        margin-right: 20px;
    }
    /* .banner-wrap {
        background-position: 58% 0;
    }
    .banner-wrap::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        background: rgba(255, 255, 255, .7);
        z-index: 1;
    } */
    .banner {
        width: 100%;
        z-index: 2;
        left: 2%;
        top: 5%;
        /* position: relative; */
    }
    .banner>div {
        width: 82%;
        padding: 15% 8% 0% 5%;
    }
    .container {
        width: 100%;
    }
    .products {
        padding: 23% 0 0% 0;
    }
    .company {
        padding: 24% 0 5% 0;
    }
    .founders {
        padding: 22% 0 5% 0;
    }
    .founders h1 {
        margin: 0 0 30px 0;
    }
    .company-wrap {
        flex-direction: column;
        align-items: center;
    }
    .company-left {
        width: 100%;
        padding: 30px;
    }
    .company-left {
        width: 100%;
        padding: 15px;
    }
    .founders-wrap>.founder-left {
        flex-direction: column;
        margin-bottom: 0;
    }
    .founders-wrap>.founder-left .founders-content {
        width: 100%;
        padding: 30px;
        text-align: center;
    }
    .founders-wrap>.founder-right {
        flex-direction: column;
        margin-bottom: 5%;
    }
    .founders-wrap>.founder-right .img-wrap {
        order: 0;
    }
    .founders-wrap>.founder-right .founders-content {
        width: 100%;
        padding: 30px;
        text-align: center;
    }
    .products-right {
        padding-right: 30px;
    }
    
    .foo-add .email-link {
        padding: 0 27px 0 0;
    }
}

@media screen and (max-width: 767px) {
    .meditating-ban{
        background-position: 47% 0 !important;
    }
    .topnav {
        padding-top: 0px;
        margin-right: 0;
    }
    .topnav.responsive a {
        background: #663398;
    }
    .topnav.responsive .dropdown {
        background: #663398;
    }
    .learn-more-btn {
        float: none;
        margin: 0px auto;
    }
    .products-right p {
        margin-bottom: 40px;
    }
    header #logo {
        width: auto;
        padding: 0px 0 0px 10px;
        flex-direction: row;
    }
    header #logo>img {
        max-width: 70px;
    }
    header #logo p {
        /* display: none; */
    }
    header {
        -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.11);
        -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.11);
        box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.11);
    }
    .banner {
        width: 100%;
        /* position: relative; */
        z-index: 2;
        left: 0;
    }
    .banner>div {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        padding: 30px;
    }
    .banner>div h1 {
        text-align: center;
        font-size: 40px;
    }
    .banner>div P {
        text-align: center;
    }
    .about-wrap {
        padding: 20% 0 10% 0;
    }
    .about-content h2 {
        margin: 14% 0 0% 0;
    }
    .ferticalm-wrap {
        padding: 10% 0 10% 0;
    }
    .fertistrong-wrap {
        padding: 10% 0 10% 0;
    }
    footer {
        padding: 16% 0 0 0;
    }
    footer>p {
        margin: 10% 0 0 0;
    }
    footer .container {
        flex-direction: column;
        align-items: center;
    }
    .foo-add {
        width: 100%;
        margin: 20px 0 0px 0;
    }
    .foo-add p {
        text-align: center;
    }
    .foo-link .social-ico {
        justify-content: center;
    }
    .foo-link .social-ico a {
        text-align: center;
    }
    .foo-add .email-link{
        padding: 0 27px;
        display: block;
        text-align: center;
    }
    .foo-link {
        margin-top: 20px;
    } 
    .why-we .container {
        width: 80%;
        padding: 5% 0 10% 0;
    }
    
    .container {
        width: 100%;
    }
    .contact {
        padding: 25% 0 10% 0;
    }
    .company {
        padding: 35% 0 5% 0;
    }
    .company-left {
        width: 100%;
        padding: 15px 8%;
    }
    .founders {
        padding: 31% 0 5% 0;
    }
    .founders h1 {
        margin: 0px 0 30px 0;
    }
    .founder-left {
        width: 100%;
        margin-bottom: 10%;
    }
    .founder-left>img {
        width: 80%;
    }
    .founder-right {
        width: 100%;
        padding-bottom: 15%;
    }
    .founder-right>img {
        width: 80%;
    }
    .founder-content .d-flex {
        flex-direction: column;
        align-items: center;
    }
    .product-content .d-flex {
        flex-direction: column;
        align-items: center;
    }
    .product-left {
        width: 100%;
        margin-bottom: 10%;
    }
    .product-left>img {
        width: 80%;
    }
    .product-right {
        width: 100%;
    }
    .product-right>img {
        width: 80%;
    }
    .company-right {
        width: 100%;
    }
    .company-right img {
        width: 80%;
        margin: 0px auto;
        display: block;
    }
    .company-left p {
        text-align: center;
    }
    .contact-wrap h2 {
        font-size: 18px;
    }
    .contact-btn {
        font-size: 20px;
    }
    .founders-wrap>.founder-left .img-wrap {
        width: 80%;
    }
    .founders-wrap>.founder-right .img-wrap {
        width: 80%;
    }
    .products h1 {
        margin: 0 0 20px 0;
    }
    .products-left {
        width: 80%;
    }
    .products-left img {
        margin: 0px auto;
        display: block;
    }
    .products-right {
        text-align: center;
        width: 80%;
        padding: 0;
    }
    .products-wrap {
        flex-direction: column;
        align-items: center;
        padding: 0% 0 15% 0;
    }
    .founders-wrap>.founder-left .img-wrap>img,
    .founders-wrap>.founder-right .img-wrap>img {
        margin: 0px auto;
        display: block;
    }
    .founder-right p,
    .founder-left p {
        font-size: 15px;
        margin: 13px 10px 0px 10px;
    }
    .founder-left h3,
    .founder-right h3 {
        margin: 0px 0 3px 0;
    }
    .founder-left>p, .founder-right>p{
        padding: 0 20px 12% 20px;
    }
    .founder-left>img, .founder-right>img{
        margin-bottom: 15px;
    }
    .foo-logo{
        align-items: center;
    }
    .foo-logo .img-wrap {
        width: 100px;
        height: 100px;
    }
    .foo-logo h2 {
        font-size: 60px;
    }
    .foo-logo p {
        font-size: 20px;
    }
    .contact-btn {
        text-align: center;
        padding: 10px 15px;
        font-size: 17px;
    }
    .why-are-we {
        flex-direction: column;
    }
    .why-we ul li {
        width: 100%;
    }
    
    .why-are-we img {
        width: 90%;
    }
    .why-are-we p:nth-of-type(1) {
        width: 100%;
    }
}

@media screen and (max-width: 600px) {
    .topnav a,
    .dropdown .dropbtn {
        display: none;
    }
    .topnav a.icon {
        float: right;
        display: block;
        position: absolute;
        right: 0;
        top: 0;
    }
}

@media screen and (max-width: 600px) {
    .topnav.responsive {
        position: fixed;
        width: 100%;
        padding-top: 55px;
        background: #663398;
        box-sizing: border-box;
    }
    .topnav.responsive .icon {
        position: absolute;
        right: 0;
        top: 0;
    }
    .topnav.responsive a {
        float: none;
        display: block;
        text-align: left;
    }
    .topnav.responsive .dropdown {
        float: none;
    }
    .topnav.responsive .dropdown-content {
        position: relative;
    }
    .topnav.responsive .dropdown .dropbtn {
        display: block;
        width: 100%;
        text-align: left;
    }
}

@media screen and (max-width: 320px) {
    header #logo {
        width: 270px;
    }
    .company h1 {
        padding: 0px 10px 15px 10px;
    }
    .products {
        padding: 32% 0 0% 0;
    }
    .contact {
        padding: 35% 0 10% 0;
    }
}