@-ms-viewport {
    width: device-width;
}

@media (min-width: 1201px) and (max-width: 1439px) {
    
    .row{
        margin: 0;
    }
    .header{
        height: 80px;
    }
    .header-top-inner{
        height: 80px;
    }
    .home-icon{
        display: none;
    }
    .header-top-right{
        top: 10px;
        right: auto;
        left: 0;
    }
    .logo img{
        height: 60px;
        max-width: 150px;
    }
    .header-top-button{
        top: 20px;
        left: 20%;
    }
    .header-top-button a{
        font-size: 14px;
        padding: 8px 20px 8px 20px;
        margin: 0 2px;
    }
    .header-top-search-icon{
        right: 10%;
        top: 25px;
    }
    .navigation{
        display: none;
    }
    .menuicon{
        display: block;
    }
    .loggedin-user-area {
        left: 150px;
        top: 15px;
    }
    .user-thumbnail img{
        width: 50px;
        height: 50px;
        border: 1px solid #ff007f;
    }
    .logged-user-info{
        padding: 0 0 0 10px;
    }
    .coupon-area{
        max-width: 900px;
        margin: 0 auto;
    }
    .coupon-item{
        width: 50%;
        margin: 10px 0
    }
    .vertical-arrow-01{
        display: none;
    }
    .vertical-arrow-02{
        display: none;
    }
    .vertical-arrow-03{
        display: none;
    }
    .vertical-arrow-04{
        display: none;
    }
    .vertical-arrow-05{
        display: none;
    }
    .vertical-arrow-06{
        display: none;
    }
}

@media (min-width: 1024px) and (max-width: 1200px) {
    .row{
        margin: 0;
    }
    .header{
        height: 80px;
    }
    .header-top-inner{
        height: 80px;
    }
    .home-icon{
        display: none;
    }
    .header-top-right{
        top: 10px;
        right: auto;
        left: 0;
    }
    .logo img{
        height: 60px;
        max-width: 150px;
    }
    .header-top-button{
        top: 20px;
        left: 20%;
    }
    .header-top-button a{
        font-size: 14px;
        padding: 8px 20px 8px 20px;
        margin: 0 2px;
    }
    .header-top-search-icon{
        right: 17%;
        top: 25px;
    }
    .navigation{
        display: none;
    }
    .menuicon{
        display: block;
    }
    .home-author-area {
        padding: 30px 0;
    }
    .home-services-area {
        padding: 30px 0;
    }
    .home-services-item {
        width: 23%;
        margin: 10px 1% 10px 1%;
    }
    .week-recommendation-area {
        padding: 30px 0 0 0;
    }
    .week-recommendation-content h3 {
        font-size: 36px;
        line-height: 40px;
    }
    .week-recommendation-info{
        padding: 0 0 20px 0;
    }
    .week-recommendation-pic img{
        max-width: 500px;
    }
    .additional-week-recommendation-info{
        padding: 0 0 30px 0;
        max-width: 650px;
    }
    .recommendation-top {
        padding: 30px 0;
    }
    .recommendation-top-info h1 {
        font-size: 36px;
        line-height: 36px;
    }
    .recommendation-top-info h3 {
        font-size: 36px;
        line-height: 36px;
    }
    .recommendation-info h2{
        font-size: 20px;
        line-height: 24px;
    }
    .recommendation-info p {
        font-size: 18px;
        line-height: 24px;
    }
    .sarvey-box-inner h2 {
        font-size: 40px;
        line-height: 40px;
    }
    .business-owner-area {
        padding: 30px 0 30px 0;
    }
    .buisness-owner-moto{
        position: static;
    }
    .buisness-owner-moto h1 {
        font-size: 50px;
        line-height: 50px;
        text-align: center;
    }
    .buisness-owner-moto h1 br{
        display: none;
    }
    .business-owner-info {
        padding: 20px 0 0 0;
    }
    .business-owner-info h4 {
        font-size: 24px;
        line-height: 34px;
        padding: 0 0 20px 0;
    }
    .promotion-area {
        padding: 30px 0;
    }
    .promotion-info h2 {
        font-size: 40px;
        line-height: 40px;
        padding: 0 0 20px 0;
    }
    .home-about-area {
        padding: 30px 0 0 0;
    }
    .home-about-heading h1 {
        font-size: 60px;
        line-height: 60px;
    }
    .home-about-content {
        padding: 0 0 0 0;
    }
    .home-about-picture img{
        max-width: 400px;
    }
    .home-gift-area {
        padding: 30px 0;
    }
    .home-gift-inner{
        padding: 0;
    }
    .home-product-area {
        padding: 30px 0;
    }
    .home-product-topinfo{
        padding: 0 0 30px 0;
    }
    .home-product-topinfo h3 {
        font-size: 36px;
        line-height: 40px;
    }
    .home-product-inner h2 {
        font-size: 24px;
        line-height: 30px;
    }
    .home-product-info{
        text-align: center;
    }
    .home-product-price{
        float: none;
        padding: 0 0 20px 0;
    }
    .home-product-add-cart{
        float:none;
    }
    .endorsement-heading h1 {
        font-size: 36px;
        line-height: 40px;
    }
    .endorsement-heading h2 {
        font-size: 36px;
        line-height: 40px;
    }

    /* for blog page */

    .blog-top-area{
        padding: 30px 0;
    }
    .page-title h1{
        font-size: 45px;
        line-height: 45px;
    }
    .page-title h2{
        font-size: 40px;
        line-height: 40px;
    }
    .page-title p{
        font-size: 24px;
        line-height: 24px;
    }
    .blog-row{
        column-count: 3;
        column-gap: 10px;
    }
    .blog-item{
        margin: 0 0 10px 0;
    }
    .blog-info{
        padding: 20px;
    }
    .blog-info h2{
        font-size: 30px;
        line-height: 30px;
    }
    .blog-info p{
        font-size: 20px;
    }

    /* for our team page */

    .recomended-top-area{
        padding: 30px 0 30px 0;
    }
    .recommended-top-picture img{
        max-width: 380px;
    }
    .recommended-title h1 {
        font-size: 50px;
        line-height: 50px;
    }
    .recommended-top-inner-info h3 {
        font-size: 40px;
        line-height: 46px;
    }
    .team-banner-area{
        min-height: 100px;
    }
    .our-team-area{
        padding: 30px 0;
    }
    .our-team-area h1{
        font-size: 40px;
        line-height: 45px;
        padding: 0 0 20px 0;
    }
    .our-team-wrap{
        padding: 20px 0 0 0;
    }
    .team-item{
        width: 31.33%;
        margin: 10px 1%;
    }
    
    /* the club page */

    .loggedin-user-area{
        left: 22%;
        top: 14px;
    }
    .logged-user-info{
        padding-left: 15px;
    }
    .user-thumbnail{
        padding: 0 0 0 0;
    }
    .user-thumbnail img{
        width: 50px;
        height: 50px;
        border: 1px solid #ff007f;
    }
    .club-banner-area{
        padding: 30px 0;
    }
    .club-page-title{
        text-align: center;
    }
    .club-page-title h1{
        font-size: 50px;
        line-height: 50px;
    }
    .club-people-pic{
        margin: 0 0 0 0;
    }
    .club-banner-info{
        padding: 20px 0;
    }
    .club-banner-icon img{
        width: 80px;
        height: 65px;
    }
    .club-banner-txt{
        padding: 0 20px 0 0;
    }
    .club-banner-content{
        justify-content: center;
    }
    .club-banner-content h1{
        font-size: 40px;
        line-height: 40px;
    }
    .club-banner-content h3{
        font-size: 30px;
        line-height: 36px;
    }
    .club-area{
        padding: 30px 0;
    }
    .club-top-content p{
        font-size: 24px;
        line-height: 34px;
    }
    .club-author-info{
        display: block;
        text-align: center;
    }
    .club-author-content{
        text-align: center;
        padding: 0 0 0 0;
    }
    .club-author-content p{
        font-size: 24px;
        line-height: 30px;
    }
    .club-button-link{
        padding: 20px 0 0 0;
    }
    
    /* for alumni form step 1 */

    .alumni-form-area{
        padding: 30px 0;
    }
    .alumni-top-info{
        padding: 0 0 20px 0;
    }
    .alumni-form-steps{
        padding: 0 0 20px 0;
    }
    .alumni-form-steps-item{
        text-align: center;
    }
    .alumni-form-steps-number{
        width: 100%;
        text-align: center;
    }
    .alumni-form-steps-number span{
        font-size: 90px;
        line-height: 90px;
    }
    .alumni-form-steps-info{
        width: 100%;
        text-align: center;
    }
    .alumni-form-steps-info p{
        font-size: 24px;
        line-height: 24px;
        padding: 0 10px 0 10px;
    }
    .alumni-form-item{
        padding: 0 0 30px 0;
    }
    .alumni-form-list{
        padding: 0 0 10px 0;
    }
    .alumni-form-list input{
        font-size: 18px;
    }
    .alumni-form-list textarea{
        font-size: 18px;
    }
    .alumni-form-list select{
        font-size: 18px;
    }
    .select-selected{
        font-size: 18px;
    }

    /* for form success page */

    .alumni-form-success-area{
        padding: 30px 0 30px 0;
    }
    .alumni-form-success-content h1{
        font-size: 40px;
        line-height: 40px;
        padding: 0 0 30px 0;
    }
    .alumni-form-success-content p{
        font-size: 24px;
        line-height: 34px;
        padding: 0 0 30px 0;
    }
    .alumni-form-success-content p br{
        display: none;
    }
    
    /* for cupon page */

    .cupon-banner-area{
        padding: 30px 0;
    }
    .cupon-banner-content h1{
        font-size: 50px;
        line-height: 50px;
    }
    .cupon-banner-content h2{
        font-size: 40px;
        line-height: 40px;
        margin: 0 0 0 0;
    }
    .cupon-banner-content h3{
        font-size: 28px;
        line-height: 30px;
    }
    .coupon-area{
        padding: 30px 0 0 0; 
    }
    .coupon-item{
        width: 50%;
        margin: 10px 0
    }
    .coupon-box {
        background: url(images/coupon-box-mobile-bg.png) no-repeat center top;
        max-width: 362px;
        height: 161px;
        padding: 20px 0 10px 0;
    }

    /* for about me page */

    .about-me-inner{
        padding: 0;
    }
    .about-middle-area{
        padding: 30px 0;
    }
    .about-right-content p{
        padding: 0 0 20px 0;
    }
    .about-right-content p br{
        display: none;
    }
    .our-mission-area{
        padding: 30px 0;
    }
    .our-mission-content h3{
        line-height: 36px;
        padding: 0 0 25px 0;
    }
    .our-mission-pic{
        padding: 0 0 0 0;
    }
    .about-content-area{
        padding: 30px 0;
    }
    .contact-bottom-info{
        max-width: 100%;
        text-align: center;
    }

    /* for default page */

    .default-banner-area{
        padding: 30px 0;
    }
    .default-banner-content h1{
        font-size: 50px;
        line-height: 50px;
    }
    .default-area{
        padding: 30px 0;
    }
    
    /* for login page */

    .login-area{
        padding: 0 0 30px 0;
    }
    .login-title{
        text-align: center;
        margin: 0 0 0 0;
    }
    .login-title h1{
        font-size: 50px;
        line-height: 50px;
    }
    .login-content-pic{
        position: static;
        left: 0;
        padding: 20px 0 20px 0;
        text-align: center;
    }
    .login-content{
        text-align: center;
        padding: 0 0 20px 0;
    }
    .login-content h3{
        font-size: 40px;
        line-height: 40px;
    }
    .login-content h4{
        font-size: 30px;
        line-height: 40px;
    }
    .login-content p{
        font-size: 24px;
        line-height: 30px;
    }
    .facebook-icon{
        background: url(images/login-facebook-icon.png) no-repeat 22% 15px;
        margin-top: 0;
    }
    .google-icon{
        background: url(images/login-google-icon.png) no-repeat 22% 15px;
    }
    .login-form-send{
        padding: 20px 0 0 0;
    }

    /* for signup page */
    
    .signup-form-row{
        padding: 0 0 20px 0;
    }
    .no-pad{
        padding: 0 0 20px 0;
    }
    .no-mrgn{
        margin-top: 0;
    }

    /* for contact page */

    .contact-top-area{
        padding: 30px 0;
    }
    .contact-page-title h1{
        font-size: 50px;
        line-height: 50px;
        text-align: right;
    }
    .contact-page-title h2{
        font-size: 40px;
        line-height: 40px;
    }
    .contact-page-title h4{
        font-size: 30px;
    }
    .contact-form-send{
        padding: 0 0 20px 0;
    }
    
    /* for recommended details */

    .limor-peretz-area{
        padding: 30px 0;
    }
    .recommended-top-info{
        padding: 0 0 20px 0;
    }
    .recommended-top-info h1{
        font-size: 40px;
        line-height: 40px;
    }
    .recommend-about-info p{
        line-height: 38px;
    }
    .personal-story-author-info h2{
        font-size: 70px;
    }
    .why-choose-area{
        padding: 30px 0;
    }
    .why-choose-info h3{
        font-size: 60px;
        line-height: 60px;
        padding: 0 0 20px 0;
    }
    .why-choose-info h4{
        font-size: 40px;
        line-height: 40px;
        padding: 0 0 0 0;
    }
    .why-choose-info p{
        font-size: 34px;
        line-height: 40px;
        padding: 0 0 20px 0;
    }
    .values-area{
        padding: 30px 0;
    }
    .values-wrap h2{
        font-size: 40px;
        line-height: 40px;
        padding: 0 0 20px 0;
    }
    .values-item-inner h4{
        font-size: 24px;
        line-height: 24px;
    }
    .recommended-bonus-area{
        padding: 30px 0;
    }
    .bonus-inner-info h3{
        font-size: 40px;
        line-height: 40px;
        padding: 0 0 20px 0;
    }
    .bonus-inner-info h4{
        font-size: 60px;
        line-height: 60px;
    }
    .bonus-picture{
        padding: 0 0 0 0;
    }

    /* for story details page */

    .story-top-content-area {
        padding: 30px 0;
    }
    .vertical-arrow-01{
        display: none;
    }
    .aromatic-oil-area {
        min-height: 100px;
        padding: 50px 0;
    }
    .story-author-content p{
        font-size: 24px;
        line-height: 34px;
    }
    .vertical-arrow-06{
        display: none;
    }
    .little-moment-right{
        width: 100%;
    }
    .little-moment-left{
        width: 100%;
        padding: 20px 0 0 0;
    }
    .story-message-content p{
        font-size: 24px;
        line-height: 34px;
    }
    .story-gallery-area{
        padding: 30px 0;
    }
    .vertical-arrow-01{
        display: none;
    }
    .vertical-arrow-02{
        display: none;
    }
    .vertical-arrow-03{
        display: none;
    }
    .vertical-arrow-04{
        display: none;
    }
    .vertical-arrow-05{
        display: none;
    }
    .video-holder{
        width: 100%;
        padding-bottom: 56.25%;
        padding-top: 25px;
    }
    .video-holder iframe{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    
}

@media (min-width: 769px) and (max-width: 1023px) {
      
    .row{
        margin: 0;
    }
    .header{
        height: 80px;
    }
    .header-top-inner{
        height: 80px;
    }
    .home-icon{
        display: none;
    }
    .header-top-right{
        top: 10px;
        right: auto;
        left: 0;
    }
    .logo img{
        height: 60px;
        max-width: 150px;
    }
    .header-top-button{
        top: 20px;
        left: 20%;
    }
    .header-top-button a{
        
        font-size: 14px;
        padding: 8px 20px 8px 20px;
        margin: 0 2px;
    }
    .header-top-search-icon{
        right: 17%;
        top: 25px;
    }
    .navigation{
        display: none;
    }
    .menuicon{
        display: block;
    }
    .home-banner-area{
        min-height: 100px;
    }
    .home-banner-info{
        max-width: 100%;
        padding: 100px 0 30px 0;
        overflow: hidden;
    }
    .home-banner-content{
        text-align: center;
    }
    .home-banner-content h1{
        font-size: 45px;
        line-height: 40px;
        padding: 0 0 10px 0;
    }
    .home-banner-content h3{
        font-size: 30px;
        line-height: 30px;
        padding: 0 0 25px 0;
    }
    .home-banner-recommend-form{
        padding: 0;
    }
    .home-author-area {
        padding: 30px 0;
    }
    .home-services-area {
        padding: 30px 0;
    }
    .home-services-item {
        width: 23%;
        margin: 10px 1% 10px 1%;
    }
    .week-recommendation-area {
        padding: 30px 0 0 0;
    }
    .week-recommendation-info-left{
        width: 63%;
    }
    .week-recommendation-content h3 {
        font-size: 36px;
        line-height: 40px;
    }
    .week-recommendation-info-right{
        width: 35%;
    }
    .week-recommendation-info{
        padding: 0 0 20px 0;
    }
    .additional-week-recommendation-info{
        padding: 0 0 30px 0;
    }
    .week-recommendation-col-01{
        position: static;
        text-align: center;
    }
    .week-recommendation-pic img{
        display: inline-block;
    }
    .recommendation-top {
        padding: 30px 0;
    }
    .recommendation-top-info h1 {
        font-size: 36px;
        line-height: 36px;
    }
    .recommendation-top-info h3 {
        font-size: 36px;
        line-height: 36px;
    }
    .recommendation-info h2{
        font-size: 20px;
        line-height: 24px;
    }
    .recommendation-info p {
        font-size: 18px;
        line-height: 24px;
    }
    .sarvey-box-inner h2 {
        font-size: 40px;
        line-height: 40px;
    }
    .business-owner-area {
        padding: 30px 0 30px 0;
    }
    .buisness-owner-moto{
        position: static;
    }
    .buisness-owner-moto h1 {
        font-size: 50px;
        line-height: 50px;
        text-align: center;
    }
    .buisness-owner-moto h1 br{
        display: none;
    }
    .business-owner-info {
        padding: 20px 0 0 0;
    }
    .business-owner-info h4 {
        font-size: 24px;
        line-height: 34px;
        padding: 0 0 20px 0;
    }
    .promotion-area {
        padding: 30px 0;
    }
    .promotion-info h2 {
        font-size: 40px;
        line-height: 40px;
        padding: 0 0 20px 0;
    }
    .home-about-area {
        padding: 30px 0 0 0;
    }
    .home-about-heading h1 {
        font-size: 60px;
        line-height: 60px;
    }
    .home-about-content {
        max-width: 100%;
        padding: 0 0 0 0;
    }
    .home-about-picture{
        position: static;
        text-align: center;
    }
    .home-gift-area {
        padding: 30px 0;
    }
    .home-gift-inner{
        padding: 0;
    }
    .home-gift-content h4 {
        font-size: 24px;
        line-height: 30px;
        padding: 0 0 20px 0;
    }
    .home-gift-content h2 {
        font-size: 36px;
        line-height: 36px;
        padding: 0 0 20px 0;
    }
    .home-gift-content h3 {
        font-size: 24px;
        line-height: 30px;
        padding: 0 0 20px 0;
    }
    .home-product-area {
        padding: 30px 0;
    }
    .home-product-topinfo{
        padding: 0 0 30px 0;
    }
    .home-product-topinfo h3 {
        font-size: 36px;
        line-height: 40px;
    }
    .home-product-inner h2 {
        font-size: 24px;
        line-height: 30px;
    }
    .home-product-info{
        text-align: center;
    }
    .home-product-price{
        float: none;
        padding: 0 0 20px 0;
    }
    .home-product-add-cart{
        float:none;
    }
    .endorsement-heading h1 {
        font-size: 36px;
        line-height: 40px;
    }
    .endorsement-heading h2 {
        font-size: 36px;
        line-height: 40px;
    }

    /* for blog page */

    .blog-top-area{
        padding: 30px 0;
    }
    .page-title h1{
        font-size: 45px;
        line-height: 45px;
    }
    .page-title h2{
        font-size: 40px;
        line-height: 40px;
    }
    .page-title p{
        font-size: 24px;
        line-height: 24px;
    }
    .blog-row{
        column-count: 3;
        column-gap: 10px;
    }
    .blog-item{
        margin: 0 0 10px 0;
    }
    .blog-info{
        padding: 20px;
    }
    .blog-info h2{
        font-size: 30px;
        line-height: 30px;
    }
    .blog-info p{
        font-size: 20px;
    }

    /* for our team page */

    .recomended-top-area{
        padding: 30px 0 30px 0;
    }
    .recommended-top-picture img{
        max-width: 380px;
    }
    .recommended-title h1 {
        font-size: 50px;
        line-height: 50px;
    }
    .recommended-top-inner-info h3 {
        font-size: 40px;
        line-height: 46px;
    }
    .team-banner-area{
        min-height: 100px;
    }
    .our-team-area{
        padding: 30px 0;
    }
    .our-team-area h1{
        font-size: 40px;
        line-height: 45px;
        padding: 0 0 20px 0;
    }
    .our-team-wrap{
        padding: 20px 0 0 0;
    }
    .team-item{
        width: 48%;
        margin: 10px 1%;
    }
    
    /* the club page */

    .loggedin-user-area{
        left: 22%;
        top: 14px;
    }
    .logged-user-info{
        padding-left: 15px;
    }
    .user-thumbnail{
        padding: 0 0 0 0;
    }
    .user-thumbnail img{
        width: 50px;
        height: 50px;
        border: 1px solid #ff007f;
    }
    .club-banner-area{
        padding: 30px 0;
    }
    .club-page-title{
        text-align: center;
    }
    .club-page-title h1{
        font-size: 50px;
        line-height: 50px;
    }
    .club-people-pic{
        margin: 0 0 0 0;
    }
    .club-banner-info{
        padding: 20px 0;
    }
    .club-banner-icon img{
        width: 80px;
        height: 65px;
    }
    .club-banner-txt{
        padding: 0 20px 0 0;
    }
    .club-banner-content{
        justify-content: center;
    }
    .club-banner-content h1{
        font-size: 40px;
        line-height: 40px;
    }
    .club-banner-content h3{
        font-size: 30px;
        line-height: 36px;
    }
    .club-area{
        padding: 30px 0;
    }
    .club-top-content p{
        font-size: 24px;
        line-height: 34px;
    }
    .club-author-info{
        display: block;
        text-align: center;
    }
    .club-author-content{
        text-align: center;
        padding: 0 0 0 0;
    }
    .club-author-content p{
        font-size: 24px;
        line-height: 30px;
    }
    .club-button-link{
        padding: 20px 0 0 0;
    }
    
    /* for alumni form step 1 */

    .alumni-form-area{
        padding: 30px 0;
    }
    .alumni-top-info{
        padding: 0 0 20px 0;
    }
    .alumni-form-steps{
        padding: 0 0 20px 0;
    }
    .alumni-form-steps-item{
        text-align: center;
    }
    .alumni-form-steps-number{
        width: 100%;
        text-align: center;
    }
    .alumni-form-steps-number span{
        font-size: 90px;
        line-height: 90px;
    }
    .alumni-form-steps-info{
        width: 100%;
        text-align: center;
    }
    .alumni-form-steps-info p{
        font-size: 24px;
        line-height: 24px;
        padding: 0 10px 0 10px;
    }
    .alumni-form-item{
        padding: 0 0 30px 0;
    }
    .alumni-form-list{
        padding: 0 0 10px 0;
    }
    .alumni-form-list input{
        font-size: 18px;
    }
    .alumni-form-list textarea{
        font-size: 18px;
    }
    .alumni-form-list select{
        font-size: 18px;
    }
    .select-selected{
        font-size: 18px;
    }

    /* for form success page */

    .alumni-form-success-area{
        padding: 30px 0 30px 0;
    }
    .alumni-form-success-content h1{
        font-size: 40px;
        line-height: 40px;
        padding: 0 0 30px 0;
    }
    .alumni-form-success-content p{
        font-size: 24px;
        line-height: 34px;
        padding: 0 0 30px 0;
    }
    .alumni-form-success-content p br{
        display: none;
    }
    
    /* for cupon page */

    .cupon-banner-area{
        padding: 30px 0;
    }
    .cupon-banner-content h1{
        font-size: 50px;
        line-height: 50px;
    }
    .cupon-banner-content h2{
        font-size: 40px;
        line-height: 40px;
        margin: 0 0 0 0;
    }
    .cupon-banner-content h3{
        font-size: 28px;
        line-height: 30px;
    }
    .coupon-area{
        padding: 30px 0 0 0; 
    }
    .coupon-item{
        width: 50%;
        margin: 10px 0
    }
    .coupon-box {
        background: url(images/coupon-box-mobile-bg.png) no-repeat center top;
        max-width: 362px;
        height: 161px;
        padding: 20px 0 10px 0;
    }

    /* for about me page */

    .about-me-area{
        padding: 30px 0 0 0;
    }
    .about-me-inner{
        padding: 0 0 0 0;
    }
    .about-me-inner h1.title{
        font-size: 50px;
        line-height: 50px;
        text-align: center;
    }
    .about-me-content{
        padding: 0 0 20px 0;
        max-width: 500px;
    }
    .about-me-content h2{
        font-size: 40px;
        line-height: 40px;
    }
    .about-me-content p{
        font-size: 20px;
        line-height: 24px;
        padding: 0 0 0 0;
    }
    .about-me-content h3{
        font-size: 28px;
        line-height: 30px;
    }
    .about-me-picture img{
        max-width: 300px;
    }
    .about-middle-area{
        padding: 30px 0;
    }
    .about-middle-right{
        width: auto;
        float: none;
        padding: 0 0 30px 0;
    }
    .about-right-content p{
        padding: 0 0 20px 0;
    }
    .about-right-content p br{
        display: none;
    }
    .about-middle-left{
        width: auto;
        float: none;
    }
    .our-mission-area{
        padding: 30px 0;
    }
    .our-mission-content h3{
        line-height: 36px;
        padding: 0 0 25px 0;
    }
    .our-mission-pic{
        padding: 0 0 0 0;
    }
    .about-content-area{
        padding: 30px 0;
    }
    .contact-bottom-info{
        max-width: 100%;
        text-align: center;
    }

    /* for default page */

    .default-banner-area{
        padding: 30px 0;
    }
    .default-banner-content h1{
        font-size: 50px;
        line-height: 50px;
    }
    .default-area{
        padding: 30px 0;
    }
    
    /* for login page */

    .login-area{
        padding: 0 0 30px 0;
    }
    .login-title{
        text-align: center;
        margin: 0 0 0 0;
    }
    .login-title h1{
        font-size: 50px;
        line-height: 50px;
    }
    .login-content-pic{
        position: static;
        left: 0;
        padding: 20px 0 20px 0;
        text-align: center;
    }
    .login-content{
        text-align: center;
        padding: 0 0 20px 0;
    }
    .login-content h3{
        font-size: 40px;
        line-height: 40px;
    }
    .login-content h4{
        font-size: 30px;
        line-height: 40px;
    }
    .login-content p{
        font-size: 24px;
        line-height: 30px;
    }
    .facebook-icon{
        background: url(images/login-facebook-icon.png) no-repeat 22% 15px;
        margin-top: 0;
    }
    .google-icon{
        background: url(images/login-google-icon.png) no-repeat 22% 15px;
    }
    .login-form-send{
        padding: 20px 0 0 0;
    }

    /* for signup page */
    
    .signup-form-row{
        padding: 0 0 20px 0;
    }
    .no-pad{
        padding: 0 0 20px 0;
    }
    .no-mrgn{
        margin-top: 0;
    }

    /* for contact page */

    .contact-top-area{
        padding: 30px 0;
    }
    .contact-page-title h1{
        font-size: 50px;
        line-height: 50px;
        text-align: right;
    }
    .contact-page-title h2{
        font-size: 40px;
        line-height: 40px;
    }
    .contact-page-title h4{
        font-size: 30px;
    }
    .contact-picture{
        left: 20px;
    }
    .contact-picture img{
        max-height: 300px;
    }
    .contact-form-send{
        padding: 0 0 20px 0;
    }
    
    /* for recommended details */

    .limor-peretz-area{
        padding: 30px 0;
    }
    .limor-peretz-info h1{
        font-size: 50px;
        line-height: 50px;
    }
    .limor-peretz-info p{
        font-size: 24px;
        line-height: 30px;
        padding: 0;
        margin: 0 0 0 0;
    }
    .recommend-about-area{
        padding: 30px 0 30px 0;
    }
    .recommend-about-info h3{
        font-size: 40px;
        line-height: 40px;
        padding: 0 0 20px 0;
    }
    .recommend-about-info p{
        font-size: 24px;
        line-height: 34px;
    }
    .recommend-about-picture{
        position: relative;
    }
    .recommend-about-title{
        position: static;
    }
    .recommend-about-title h2{
        font-size: 50px;
        line-height: 50px;
        padding: 20px 0 20px 0;
    }
    .recommended-top-info{
        padding: 0 0 20px 0;
    }
    .recommended-top-info h1{
        font-size: 40px;
        line-height: 40px;
    }
    .personal-story-area{
        padding: 0 0 0 0;
    }
    .personal-story-inner{
        padding: 20px;
        text-align: center;
    }
    .personal-story-author{
        position: static;
    }
    .personal-story-author-info{
        display: block;
    }
    .personal-story-author-info h2{
        font-size: 40px;
        line-height: 40px;
        padding: 10px 0 0 0;
    }
    .professional-experiences-area{
        display: flex;
        flex-wrap: wrap;
    }
    .professional-experiences-col{
        width:100%;
    }
    .mission-box{
        padding: 20px;
    }
    .experiences-box{
        padding: 20px;
    }
    .professional-experiences-area h3{
        margin: 0 0 0 0;
    }
    .professional-experiences-area p{
        padding: 20px 0 0 0;
    }
    .why-choose-area{
        padding: 30px 0;
    }
    .why-choose-right{
        width: 100%;
    }
    .why-choose-left{
        width: 100%;
        padding: 20px 0 0 0;
    }
    .why-choose-info h3{
        font-size: 40px;
        line-height: 40px;
        padding: 0 0 20px 0;
    }
    .why-choose-info h4{
        font-size: 30px;
        line-height: 32px;
        padding: 0 0 0 0;
    }
    .why-choose-info p{
        font-size: 24px;
        line-height: 30px;
        padding: 0 0 20px 0;
    }
    .why-choose-info p br{
        display: none;
    }
    .values-area{
        padding: 30px 0;
    }
    .values-wrap h2{
        font-size: 40px;
        line-height: 40px;
        padding: 0 0 20px 0;
    }
    .values-item-inner h4{
        font-size: 24px;
        line-height: 24px;
    }
    .recommended-bonus-area{
        padding: 30px 0;
    }
    .bonus-wrap p{
        font-size: 24px;
        line-height: 30px;
        padding: 0 0 20px 0;
    }
    .bonus-inner-info h3{
        font-size: 40px;
        line-height: 40px;
        padding: 0 0 20px 0;
    }
    .bonus-inner-info h4{
        font-size: 60px;
        line-height: 60px;
    }
    .bonus-picture{
        padding: 0 0 0 0;
    }

    /* for story details page */

    .story-top-content-area {
        padding: 30px 0;
    }
    .vertical-arrow-01{
        display: none;
    }
    .aromatic-oil-area {
        min-height: 100px;
        padding: 50px 0;
    }
    .story-author-content p{
        font-size: 24px;
        line-height: 34px;
    }
    .vertical-arrow-06{
        display: none;
    }
    .little-moment-right{
        width: 100%;
    }
    .little-moment-left{
        width: 100%;
        padding: 20px 0 0 0;
    }
    .story-message-content p{
        font-size: 24px;
        line-height: 34px;
    }
    .story-gallery-area{
        padding: 30px 0;
    }
    .vertical-arrow-01{
        display: none;
    }
    .vertical-arrow-02{
        display: none;
    }
    .vertical-arrow-03{
        display: none;
    }
    .vertical-arrow-04{
        display: none;
    }
    .vertical-arrow-05{
        display: none;
    }
    .vertical-arrow-06{
        display: none;
    }
    .video-holder{
        width: 100%;
        padding-bottom: 56.25%;
        padding-top: 25px;
    }
    .video-holder iframe{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

}

@media (min-width: 481px) and (max-width: 768px) {
    .row{
        margin: 0;
    }
    .header{
        height: 80px;
    }
    .header-top-inner{
        height: 80px;
    }
    .home-icon{
        display: none;
    }
    .header-top-right{
        top: 10px;
        right: auto;
        left: 0;
    }
    .logo img{
        height: 60px;
        max-width: 150px;
    }
    .header-top-button{
        top: 20px;
        left: 30%;
    }
    .header-top-button a{
        width: auto;
        font-size: 14px;
        padding: 8px 20px 8px 20px;
        margin: 0 2px;
    }
    .header-top-search-icon{
        right: 17%;
        top: 25px;
    }
    .navigation{
        display: none;
    }
    .menuicon{
        display: block;
    }
    .home-banner-area{
        min-height: 100px;
    }
    .home-banner-info{
        max-width: 100%;
        padding: 100px 0 30px 0;
        overflow: hidden;
    }
    .home-banner-content{
        text-align: center;
    }
    .home-banner-content h1{
        font-size: 45px;
        line-height: 40px;
        padding: 0 0 10px 0;
    }
    .home-banner-content h3{
        font-size: 30px;
        line-height: 30px;
        padding: 0 0 25px 0;
    }
    .home-banner-recommend-form{
        padding: 0;
    }
    .home-services-area{
        padding: 30px 0;
    }
    .home-services-item{
        width: 48%;
        margin: 0 1% 30px 1%;
    }
    .home-author-area{
        padding: 30px 0;
    }
    .home-author-inner{
        padding: 0 0;
    }
    .home-author-ideas{
        padding: 0;
    }
    .home-author-col-01{
        width: auto;
        float: none;
    }
    .home-author-col-02{
        width: auto;
        float: none;
    }
    .home-author-col-03{
        width: auto;
        float: none;
    }
    .home-author-col-inner{
        padding: 0 0;
    }
    .home-author-info{
        padding: 20px 0 0 0;
    }
    .home-author-info h3{
        font-size: 25px;
        line-height: 30px;
    }
    .author-idea-info p{
        padding: 0 0 20px 0;
    }
    .author-idea h4{
        font-size: 24px;
        line-height: 35px;
        padding: 0;
    }
    .home-author-picture{
        padding: 20px 0 0 0;
    }
    .week-recommendation-area{
        padding: 10px 0;
    }
    .week-recommendation-inner{
        background: none;
    }
    .additional-week-recommendation-info{
        text-align: center;
        padding: 0 0 30px 0;
    }
    .week-recommendation-col-01{
        position: static;
    }
    .week-recommendation-col-02{
        width: auto;
        float: none;
    }
    .week-recommendation-info{
        padding: 20px 0 20px 0;
        text-align: center;
    }
    .week-recommendation-info-left{
        width: auto;
        float: none;
    }
    .week-recommendation-icons{
        padding: 0 0 20px 0;
    }
    .week-recommendation-content h3{
        font-size: 30px;
        line-height: 35px;
        padding: 0 0 20px 0;
    }
    .week-recommendation-info-right{
        width: auto;
        float: none;
        padding: 20px 0 0 0;
    }
    .recommendation-top{
        padding: 30px 0 30px 0;
    }
    .recommendation-top-info h1{
        font-size: 35px;
        line-height: 35px;
    }
    .recommendation-top-info h3{
        font-size: 30px;
        line-height: 30px;
    }
    .recommendation-block{
        padding: 20px 0 20px 0;
    }
    .recommendation-item{
        width: 48%;
        margin: 10px 1%;
    }
    .recommendation-info{
        padding: 20px 0 0 0;
    }
    .recommendation-info h2{
        font-size: 35px;
        line-height: 30px;
    }
    .recommendation-info p{
        font-size: 20px;
        line-height:20px;
    }
    .sarvey-box-inner{
        padding: 20px 20px;
    }
    .sarvey-box-inner h2{
        font-size: 30px;
        line-height: 30px;
        padding: 0 0 20px 0;
    }
    .business-owner-area{
        padding: 30px 0 30px 0;
    }
    .business-owner-info{
        padding: 20px 0 0 0;
    }
    .business-owner-info h4{
        font-size: 25px;
        line-height: 30px;
        padding: 0 0 20px 0;
    }
    .business-owner-info ul li{
        padding: 10px 70px 10px 0;
        margin: 0 0 5px 0;
        font-size: 24px;
        line-height: 30px;
    }
    .buisness-owner-moto{
        position: static;
        left: 0;
        top: 0;
    }
    .buisness-owner-moto h1{
        font-size: 40px;
        line-height: 40px;
        text-align: center;
    }
    .buisness-owner-moto h1 br{
        display: none;
    }
    .promotion-area{
        padding: 30px 0 30px 0;
    }
    .promotion-inner-right{
        width: auto;
        float: none;
    }
    .promotion-info{
        padding: 0 0 0 0;
    }
    .promotion-info h2 {
        font-size: 40px;
        line-height: 46px;
    }
    .promotion-info h4{
        font-size: 30px;
        line-height: 30px;
        padding: 0 0 20px 0;
    }
    .promotion-info p{
        font-size: 20px;
        line-height: 20px;
        padding: 0 0 20px 0;
    }
    .promotion-button a{
        font-size: 20px;
        line-height: 20px;
        padding: 15px 10px 15px 10px;
    }
    .promotion-inner-left{
        width: auto;
        float: none;
    }
    .promotion-picture{
        padding: 20px 0 0 0;
        text-align: center;
    }
    .home-about-area {
        padding: 0 0 0 0;
    }
    .home-about-inner{
        min-height: 100px;
    }
    .home-about-heading{
        padding: 20px 0 20px 0;
    }
    .home-about-heading h1{
        font-size: 40px;
        line-height: 40px;
    }
    .home-about-content{
        max-width: auto;
        padding: 0 0 0 0;
    }
    .home-about-content h4{
        font-size: 30px;
        line-height: 30px;
    }
    .home-about-content h3{
        font-size: 40px;
        line-height: 40px;
        padding: 0 0 20px 0;
    }
    .home-about-content p{
        padding: 0 0 20px 0;
    }
    .home-about-picture{
        position: static;
    }
    .home-gift-area {
        padding: 30px 0 30px 0;
    }
    .home-gift-inner{
        padding: 0;
    }
    .home-gift-content h2 {
        font-size: 44px;
        line-height: 50px;
    }
    .home-gift-inner-right {
        width: auto;
        float: none;
        padding: 0 0 30px 0;
    }
    .home-gift-inner-left {
        width: auto;
        float: none;
    }
    .home-form-area {
        padding: 30px 0;
    }
    .home-form-info{
        padding: 0 0 30px 0;
    }
    .home-form-list {
        padding: 0 0 20px 0;
    }
    .home-form-item {
        float: none;
        width: auto;
        margin: 0 0 10px 0;
    }
    .home-product-area {
        padding: 30px 0;
    }
    .home-product-topinfo{
        padding: 0 0 30px 0;
    }
    .home-product-topinfo h3 {
        font-size: 44px;
        line-height: 40px;
    }
    .home-product-item{
        width: 48%;
        margin: 10px 1% 10px 1%;
    }
    .home-product-inner h2{
        font-size: 26px;
        line-height: 28px;
    }
    .home-product-info{
        text-align: center;
    }
    .home-product-price{
        float: none;
        padding: 0 0 20px 0;
    }
    .home-product-add-cart{
        float: none;
    }
    .endorsement-heading h1 {
        font-size: 44px;
        line-height: 50px;
    }
    .endorsement-heading h2 {
        font-size: 44px;
        line-height: 50px;
    }
    .footer-area {
        padding: 30px 0;
    }
    .footer-info-list{
        width: 100%;
        padding: 10px 0;
    }

    /* for blog page */

    .blog-top-area{
        padding: 30px 0;
    }
    .page-title h1{
        font-size: 45px;
        line-height: 45px;
    }
    .page-title h2{
        font-size: 40px;
        line-height: 40px;
    }
    .page-title p{
        font-size: 24px;
        line-height: 24px;
    }
    .blog-row{
        column-count: 2;
        column-gap: 10px;
    }
    .blog-item{
        margin: 0 0 10px 0;
    }
    .blog-info{
        padding: 20px;
    }
    .blog-info h2{
        font-size: 30px;
        line-height: 30px;
    }
    .blog-info p{
        font-size: 20px;
    }

    /* for our team page */

    .recomended-top-area{
        padding: 30px 0 30px 0;
    }
    .recommended-title h1 {
        font-size: 50px;
        line-height: 50px;
    }
    .recommended-top-inner {
        display: block;
        margin: 30px 0 0 0;
    }
    .recommended-top-inner-info{
        padding: 0;
        text-align: center;
    }
    .recommended-top-inner-info h3 {
        font-size: 40px;
        line-height: 46px;
    }
    .team-banner-area{
        min-height: 100px;
    }
    .our-team-area{
        padding: 30px 0;
    }
    .our-team-area h1{
        font-size: 40px;
        line-height: 45px;
        padding: 0 0 20px 0;
    }
    .our-team-wrap{
        padding: 20px 0 0 0;
    }
    .team-item{
        width: 48%;
        margin: 10px 1%;
    }
    
    /* the club page */

    .loggedin-user-area{
        left: 30%;
        top: 14px;
    }
    .logged-user-info{
        padding-left: 15px;
    }
    .user-thumbnail{
        padding: 0 0 0 0;
    }
    .user-thumbnail img{
        width: 50px;
        height: 50px;
        border: 1px solid #ff007f;
    }
    .club-banner-area{
        padding: 30px 0;
    }
    .club-page-title{
        text-align: center;
    }
    .club-page-title h1{
        font-size: 50px;
        line-height: 50px;
    }
    .club-people-pic{
        margin: 0 0 0 0;
    }
    .club-banner-info{
        padding: 20px 0;
    }
    .club-banner-icon img{
        width: 80px;
        height: 65px;
    }
    .club-banner-txt{
        padding: 0 20px 0 0;
    }
    .club-banner-content{
        justify-content: center;
    }
    .club-banner-content h1{
        font-size: 40px;
        line-height: 40px;
    }
    .club-banner-content h3{
        font-size: 30px;
        line-height: 36px;
    }
    .club-area{
        padding: 30px 0;
    }
    .club-top-content p{
        font-size: 24px;
        line-height: 34px;
    }
    .club-author-info{
        display: block;
        text-align: center;
    }
    .club-author-content{
        text-align: center;
        padding: 0 0 0 0;
    }
    .club-author-content p{
        font-size: 24px;
        line-height: 30px;
    }
    .club-button-link{
        padding: 20px 0 0 0;
    }
    
    /* for alumni form step 1 */

    .alumni-form-area{
        padding: 30px 0;
    }
    .alumni-top-info{
        padding: 0 0 20px 0;
    }
    .alumni-form-steps{
        padding: 0 0 20px 0;
    }
    .alumni-form-steps-item{
        text-align: center;
    }
    .alumni-form-steps-number{
        width: 100%;
        text-align: center;
    }
    .alumni-form-steps-number span{
        font-size: 50px;
        line-height: 50px;
    }
    .alumni-form-steps-info{
        width: 100%;
        text-align: center;
    }
    .alumni-form-steps-info p{
        font-size: 12px;
        line-height: 14px;
        padding: 0 10px 0 10px;
    }
    .alumni-form-item{
        padding: 0 0 30px 0;
    }
    .alumni-form-right{
        width: 100%;
    }
    .alumni-form-left{
        width: 100%;
    }
    .alumni-form-list{
        padding: 0 0 10px 0;
    }
    .alumni-form-list input{
        font-size: 18px;
    }
    .alumni-form-list textarea{
        font-size: 18px;
    }
    .alumni-form-list select{
        font-size: 18px;
    }
    .select-selected{
        font-size: 18px;
    }
    .alumni-form-send input{
        font-size: 18px;
        padding: 10px 20px 10px 70px;
        margin: 0 5px 0 0;
    }
    .alumni-form-send input.next {
        padding: 10px 70px 10px 20px;
    }


    /* for form success page */

    .alumni-form-success-area{
        padding: 30px 0 30px 0;
    }
    .alumni-form-success-content h1{
        font-size: 40px;
        line-height: 40px;
        padding: 0 0 30px 0;
    }
    .alumni-form-success-content p{
        font-size: 24px;
        line-height: 34px;
        padding: 0 0 30px 0;
    }
    .alumni-form-success-content p br{
        display: none;
    }
    
    /* for cupon page */

    .cupon-banner-area{
        padding: 30px 0;
    }
    .cupon-banner-content h1{
        font-size: 50px;
        line-height: 50px;
    }
    .cupon-banner-content h2{
        font-size: 40px;
        line-height: 40px;
        margin: 0 0 0 0;
    }
    .cupon-banner-content h3{
        font-size: 28px;
        line-height: 30px;
    }
    .coupon-area{
        padding: 30px 0 0 0; 
    }
    .coupon-item{
        width: 100%;
        margin: 10px 0
    }

    /* for about me page */

    .about-me-area{
        padding: 30px 0 0 0;
    }
    .about-me-inner{
        padding: 0 0 0 0;
    }
    .about-me-inner h1.title{
        font-size: 50px;
        line-height: 50px;
        text-align: center;
    }
    .about-me-content{
        padding: 0 0 20px 0;
        text-align: center;
    }
    .about-me-content h2{
        font-size: 40px;
        line-height: 40px;
    }
    .about-me-content p{
        font-size: 20px;
        line-height: 24px;
        padding: 0 0 0 0;
    }
    .about-me-content h3{
        font-size: 28px;
        line-height: 30px;
    }
    .about-me-picture{
        position: static;
        text-align: center;
    }
    .about-me-picture img{
        display: inline-block;
    }
    .about-middle-area{
        padding: 30px 0;
    }
    .about-middle-right{
        width: auto;
        float: none;
        padding: 0 0 30px 0;
    }
    .about-right-content p{
        padding: 0 0 20px 0;
    }
    .about-right-content p br{
        display: none;
    }
    .about-middle-left{
        width: auto;
        float: none;
    }
    .our-mission-area{
        padding: 30px 0;
    }
    .our-mission-content h3{
        line-height: 36px;
        padding: 0 0 25px 0;
    }
    .our-mission-pic{
        padding: 0 0 0 0;
    }
    .about-content-area{
        padding: 30px 0;
    }
    .contact-bottom-info{
        max-width: 100%;
        text-align: center;
    }

    /* for default page */

    .default-banner-area{
        padding: 30px 0;
    }
    .default-banner-content h1{
        font-size: 50px;
        line-height: 50px;
    }
    .default-area{
        padding: 30px 0;
    }
    
    /* for login page */

    .login-area{
        padding: 0 0 30px 0;
    }
    .login-title{
        text-align: center;
        margin: 0 0 0 0;
    }
    .login-title h1{
        font-size: 50px;
        line-height: 50px;
    }
    .login-content-pic{
        position: static;
        left: 0;
        padding: 20px 0 20px 0;
        text-align: center;
    }
    .login-content{
        text-align: center;
        padding: 0 0 20px 0;
    }
    .login-content h3{
        font-size: 40px;
        line-height: 40px;
    }
    .login-content h4{
        font-size: 30px;
        line-height: 40px;
    }
    .login-content p{
        font-size: 24px;
        line-height: 30px;
    }
    .facebook-icon{
        background: url(images/login-facebook-icon.png) no-repeat 22% 15px;
        margin-top: 0;
    }
    .google-icon{
        background: url(images/login-google-icon.png) no-repeat 22% 15px;
    }
    .login-form-send{
        padding: 20px 0 0 0;
    }

    /* for signup page */
    
    .signup-form-row{
        padding: 0 0 20px 0;
    }
    .signup-form-right{
        width: auto;
        float: none;
    }
    .signup-form-left{
        width: auto;
        float: none;
    }
    .no-pad{
        padding: 0 0 20px 0;
    }
    .no-mrgn{
        margin-top: 0;
    }

    /* for contact page */

    .contact-top-area{
        padding: 30px 0;
    }
    .contact-page-title h1{
        font-size: 50px;
        line-height: 50px;
    }
    .contact-page-title h2{
        font-size: 40px;
        line-height: 40px;
    }
    .contact-page-title h4{
        font-size: 30px;
    }
    .contact-picture{
        position: static;
        text-align: center;
        padding: 0 0 0 0;
    }
    .contact-form-send{
        padding: 0 0 20px 0;
    }
    
    /* for recommended details */

    .limor-peretz-area{
        padding: 30px 0;
    }
    .limor-peretz-info h1{
        font-size: 50px;
        line-height: 50px;
    }
    .limor-peretz-info p{
        font-size: 24px;
        line-height: 30px;
        padding: 0;
        margin: 0 0 0 0;
    }
    .recommend-about-area{
        padding: 30px 0 30px 0;
    }
    .recommend-about-right{
        width: 100%;
    }
    .recommend-about-info h3{
        font-size: 40px;
        line-height: 40px;
        padding: 0 0 20px 0;
    }
    .recommend-about-info p{
        font-size: 24px;
        line-height: 34px;
    }
    .recommend-about-left{
        width: 100%;
    }
    .recommend-about-picture{
        position: relative;
    }
    .recommend-about-title{
        position: static;
    }
    .recommend-about-title h2{
        font-size: 50px;
        line-height: 50px;
        padding: 20px 0 20px 0;
    }
    .recommended-top-info{
        padding: 0 0 20px 0;
    }
    .recommended-top-info h1{
        font-size: 40px;
        line-height: 40px;
    }
    .personal-story-area{
        padding: 0 0 0 0;
    }
    .personal-story-inner{
        padding: 20px;
        text-align: center;
    }
    .personal-story-author{
        position: static;
    }
    .personal-story-author-info{
        display: block;
    }
    .personal-story-author-info h2{
        font-size: 40px;
        line-height: 40px;
        padding: 10px 0 0 0;
    }
    .professional-experiences-area{
        display: flex;
        flex-wrap: wrap;
    }
    .professional-experiences-col{
        width:100%;
    }
    .mission-box{
        padding: 20px;
    }
    .experiences-box{
        padding: 20px;
    }
    .professional-experiences-area h3{
        margin: 0 0 0 0;
    }
    .professional-experiences-area p{
        padding: 20px 0 0 0;
    }
    .why-choose-area{
        padding: 30px 0;
    }
    .why-choose-right{
        width: 100%;
    }
    .why-choose-left{
        width: 100%;
        padding: 20px 0 0 0;
    }
    .why-choose-info h3{
        font-size: 40px;
        line-height: 40px;
        padding: 0 0 20px 0;
    }
    .why-choose-info h4{
        font-size: 30px;
        line-height: 32px;
        padding: 0 0 0 0;
    }
    .why-choose-info p{
        font-size: 24px;
        line-height: 30px;
        padding: 0 0 20px 0;
    }
    .why-choose-info p br{
        display: none;
    }
    .values-area{
        padding: 30px 0;
    }
    .values-wrap h2{
        font-size: 40px;
        line-height: 40px;
        padding: 0 0 20px 0;
    }
    .values-item{
        width: 29.33%;
        margin: 10px 1% 10px 1%;
    }
    .values-item-inner h4{
        font-size: 24px;
        line-height: 24px;
    }
    .recommended-bonus-area{
        padding: 30px 0;
    }
    .bonus-wrap p{
        font-size: 24px;
        line-height: 30px;
        padding: 0 0 20px 0;
    }
    .bonus-inner-right{
        width: auto;
        float: none;
    }
    .bonus-inner-info h3{
        font-size: 40px;
        line-height: 40px;
        padding: 0 0 20px 0;
    }
    .bonus-inner-info h4{
        font-size: 60px;
        line-height: 60px;
    }
    .bonus-inner-left{
        width: auto;
        float: none;
    }
    .bonus-picture{
        padding: 0 0 0 0;
    }

    /* for story details */

    .vertical-arrow-01{
        display: none;
    }
    .story-top-wrap .recommended-top-inner-info{
        padding-right: 0;
    }
    .story-top-content-area{
        padding: 30px 0;
    }
    .aromatic-oil-area{
        min-height: 100px;
        padding: 20px 0;
    }
    .aromatic-text-box{
        padding: 20px;
        margin: 20px 0 20px 0;
        max-width: auto;
    }
    .second-box{
        max-width: auto;
        padding: 20px;
    }
    .story-author-area{
        padding: 30px 0;
    }
    .story-author-info-right{
        width: 100%;
    }
    .story-author-pic{
        text-align: center;
    }
    .story-author-info-left{
        width: 100%;
    }
    .story-author-content p{
        font-size: 24px;
        line-height: 34px;
    }
    .vertical-arrow-04{
        display: none;
    }
    .vertical-arrow-05{
        display: none;
    }
    .little-moment-area{
        padding: 20px 0;
    }
    .little-moment-wrap p{
        font-size: 24px;
        line-height: 34px;
    }
    .little-moment-right{
        width: 100%;
    }
    .little-moment-col{
        width: 100%;
    }
    .little-moment-left{
        width: 100%;
        padding: 30px 0 0 0;
    }
    .vertical-arrow-06{
        display: none;
    }
    .story-message-area{
        padding: 30px 0;
    }
    .story-message-list-right{
        width: 100%;
    }
    .story-message-pic{
        text-align: center;
    }
    .story-message-list-left{
        width: 100%;
    }
    .story-message-content p{
        font-size: 24px;
        line-height: 34px;
    }
    .story-gallery-area{
        padding: 30px 0;
    }
    .why-important-area{
        padding: 30px 0;
    }
    .tips-area{
        padding: 30px 0;
    }
    .tips-area .container, .why-important-area .container{
        position: relative;
    }
    .vertical-arrow-02{
        display: none;
    }
    .tips-info h4{
        padding: 0 0 30px 0;
    }
    .tips-info ul li{
        padding: 0 110px 10px 0;
    }
    .vertical-arrow-03{
        display: none;
    }
    .recommended-banner-logo img{
        max-width: 120px;
    }
    .video-item{
        width: 48%;
    }
    .video-holder{
        width: 100%;
        padding-bottom: 56.25%;
        padding-top: 25px;
    }
    .video-holder iframe{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .alumni-video-field{
        width: 100%;
        margin: 0 0 10px 0;
    }
}

@media (max-width: 480px) {
    
    .row{
        margin: 0;
    }
    .header{
        height: 80px;
    }
    .header-top-inner{
        height: 80px;
    }
    .home-icon{
        display: none;
    }
    .header-top-right{
        top: 10px;
        right: auto;
        left: 0;
    }
    .logo img{
        height: 60px;
        max-width: 150px;
    }
    .header-top-button{
        top: 20px;
        left: 30%;
    }
    .header-top-button a{
        width: auto;
        font-size: 14px;
        padding: 8px 15px 8px 15px;
        margin: 0 2px;
    }
    .header-top-search-icon{
        right: 17%;
        top: 25px;
    }
    .navigation{
        display: none;
    }
    .menuicon{
        display: block;
    }
    .home-banner-area{
        min-height: 100px;
    }
    .home-banner-info{
        max-width: 100%;
        padding: 100px 0 30px 0;
        overflow: hidden;
    }
    .home-banner-content{
        text-align: center;
    }
    .home-banner-content h1{
        font-size: 45px;
        line-height: 40px;
        padding: 0 0 10px 0;
    }
    .home-banner-content h3{
        font-size: 30px;
        line-height: 30px;
        padding: 0 0 25px 0;
    }
    .home-banner-recommend-form{
        padding: 0;
    }
    .home-services-item{
        width: 48%;
        margin: 0 1% 30px 1%;
    }
    .home-author-area{
        padding: 30px 0;
    }
    .home-author-inner{
        padding: 0 0;
    }
    .home-author-col-01{
        width: auto;
        float: none;
    }
    .home-author-col-02{
        width: auto;
        float: none;
    }
    .home-author-col-03{
        width: auto;
        float: none;
    }
    .home-author-col-inner{
        padding: 0 0;
    }
    .home-author-info{
        padding: 20px 0 0 0;
    }
    .home-author-info h3{
        font-size: 25px;
        line-height: 30px;
    }
    .author-idea-info p{
        padding: 0 0 20px 0;
    }
    .author-idea h4{
        font-size: 24px;
        line-height: 35px;
        padding: 0;
    }
    .home-author-picture{
        padding: 20px 0 0 0;
    }
    .week-recommendation-area{
        padding: 10px 0;
    }
    .week-recommendation-inner{
        background: none;
    }
    .additional-week-recommendation-info{
        text-align: center;
        padding: 0 0 30px 0;
    }
    .week-recommendation-col-01{
        position: static;
    }
    .week-recommendation-col-02{
        width: auto;
        float: none;
    }
    .week-recommendation-info{
        padding: 20px 0 20px 0;
        text-align: center;
    }
    .week-recommendation-info-left{
        width: auto;
        float: none;
    }
    .week-recommendation-icons{
        padding: 0 0 20px 0;
    }
    .week-recommendation-content h3{
        font-size: 30px;
        line-height: 35px;
        padding: 0 0 20px 0;
    }
    .week-recommendation-info-right{
        width: auto;
        float: none;
        padding: 20px 0 0 0;
    }
    .recommendation-top{
        padding: 30px 0 30px 0;
    }
    .recommendation-top-info h1{
        font-size: 35px;
        line-height: 35px;
    }
    .recommendation-top-info h3{
        font-size: 30px;
        line-height: 30px;
    }
    .recommendation-block{
        padding: 20px 0 20px 0;
    }
    .recommendation-item{
        width: 48%;
        margin: 10px 1%;
    }
    .recommendation-info{
        padding: 20px 0 0 0;
    }
    .recommendation-info h2{
        font-size: 35px;
        line-height: 30px;
    }
    .recommendation-info p{
        font-size: 20px;
        line-height:20px;
    }
    .sarvey-box-inner{
        padding: 20px 20px;
    }
    .sarvey-box-inner h2{
        font-size: 30px;
        line-height: 30px;
        padding: 0 0 20px 0;
    }
    .business-owner-area{
        padding: 30px 0 30px 0;
    }
    .business-owner-info{
        padding: 20px 0 0 0;
    }
    .business-owner-info h4{
        font-size: 25px;
        line-height: 30px;
        padding: 0 0 20px 0;
    }
    .business-owner-info ul li{
        padding: 0 70px 5px 0;
        margin: 0 0 5px 0;
        font-size: 24px;
        line-height: 30px;
    }
    .buisness-owner-moto{
        position: static;
        left: 0;
        top: 0;
    }
    .buisness-owner-moto h1{
        font-size: 40px;
        line-height: 40px;
        text-align: center;
    }
    .buisness-owner-moto h1 br{
        display: none;
    }
    .promotion-area{
        padding: 30px 0 30px 0;
    }
    .promotion-inner-right{
        width: auto;
        float: none;
    }
    .promotion-info{
        padding: 0 0 0 0;
    }
    .promotion-info h2 {
        font-size: 40px;
        line-height: 46px;
    }
    .promotion-info h4{
        font-size: 30px;
        line-height: 30px;
        padding: 0 0 20px 0;
    }
    .promotion-info p{
        font-size: 20px;
        line-height: 20px;
        padding: 0 0 20px 0;
    }
    .promotion-button a{
        font-size: 20px;
        line-height: 20px;
        padding: 15px 10px 15px 10px;
    }
    .promotion-inner-left{
        width: auto;
        float: none;
    }
    .promotion-picture{
        padding: 20px 0 0 0;
        text-align: center;
    }
    .home-about-area {
        padding: 0 0 0 0;
    }
    .home-about-inner{
        min-height: 100px;
    }
    .home-about-heading{
        padding: 20px 0 20px 0;
    }
    .home-about-heading h1{
        font-size: 40px;
        line-height: 40px;
    }
    .home-about-content{
        max-width: auto;
        padding: 0 0 0 0;
    }
    .home-about-content h4{
        font-size: 30px;
        line-height: 30px;
    }
    .home-about-content h3{
        font-size: 40px;
        line-height: 40px;
        padding: 0 0 20px 0;
    }
    .home-about-content p{
        padding: 0 0 20px 0;
    }
    .home-about-picture{
        position: static;
    }
    .home-gift-area {
        padding: 30px 0 30px 0;
    }
    .home-gift-inner{
        padding: 0;
    }
    .home-gift-content h2 {
        font-size: 44px;
        line-height: 50px;
    }
    .home-gift-inner-right {
        width: auto;
        float: none;
        padding: 0 0 30px 0;
    }
    .home-gift-inner-left {
        width: auto;
        float: none;
    }
    .home-form-area {
        padding: 30px 0;
    }
    .home-form-info{
        padding: 0 0 30px 0;
    }
    .home-form-list {
        padding: 0 0 20px 0;
    }
    .home-form-item {
        float: none;
        width: auto;
        margin: 0 0 10px 0;
    }
    .home-product-area {
        padding: 30px 0;
    }
    .home-product-topinfo{
        padding: 0 0 30px 0;
    }
    .home-product-topinfo h3 {
        font-size: 44px;
        line-height: 40px;
    }
    .home-product-item{
        width: 100%;
        margin: 0 0 30px 0;
    }
    .endorsement-heading h1 {
        font-size: 44px;
        line-height: 50px;
    }
    .endorsement-heading h2 {
        font-size: 44px;
        line-height: 50px;
    }
    .footer-area {
        padding: 30px 0;
    }
    .footer-info-list{
        width: 100%;
        padding: 10px 0;
    }

    /* for blog page */

    .blog-top-area{
        padding: 30px 0;
    }
    .page-title h1{
        font-size: 45px;
        line-height: 45px;
    }
    .page-title h2{
        font-size: 40px;
        line-height: 40px;
    }
    .page-title p{
        font-size: 24px;
        line-height: 24px;
    }
    .blog-row{
        column-count: 2;
        column-gap: 10px;
    }
    .blog-item{
        margin: 0 0 10px 0;
    }
    .blog-info{
        padding: 20px;
    }
    .blog-info h2{
        font-size: 30px;
        line-height: 30px;
    }
    .blog-info p{
        font-size: 20px;
    }

    /* for our team page */

    .recomended-top-area{
        padding: 30px 0 30px 0;
    }
    .recommended-title h1 {
        font-size: 50px;
        line-height: 50px;
    }
    .recommended-top-inner {
        display: block;
        margin: 30px 0 0 0;
    }
    .recommended-top-inner-info{
        padding: 0;
        text-align: center;
    }
    .recommended-top-inner-info h3 {
        font-size: 40px;
        line-height: 46px;
    }
    .team-banner-area{
        min-height: 100px;
    }
    .our-team-area{
        padding: 30px 0;
    }
    .our-team-area h1{
        font-size: 40px;
        line-height: 45px;
        padding: 0 0 20px 0;
    }
    .our-team-wrap{
        padding: 20px 0 0 0;
    }
    .team-item{
        width: 48%;
        margin: 10px 1%;
    }
    
    /* the club page */

    .loggedin-user-area{
        left: 30%;
        top: 14px;
    }
    .logged-user-info{
        padding-left: 15px;
    }
    .user-thumbnail{
        padding: 0 0 0 0;
    }
    .user-thumbnail img{
        width: 50px;
        height: 50px;
        border: 1px solid #ff007f;
    }
    .club-banner-area{
        padding: 30px 0;
    }
    .club-page-title{
        text-align: center;
    }
    .club-page-title h1{
        font-size: 50px;
        line-height: 50px;
    }
    .club-people-pic{
        margin: 0 0 0 0;
    }
    .club-banner-info{
        padding: 20px 0;
    }
    .club-banner-icon img{
        width: 80px;
        height: 65px;
    }
    .club-banner-txt{
        padding: 0 20px 0 0;
    }
    .club-banner-content{
        justify-content: center;
    }
    .club-banner-content h1{
        font-size: 40px;
        line-height: 40px;
    }
    .club-banner-content h3{
        font-size: 30px;
        line-height: 36px;
    }
    .club-area{
        padding: 30px 0;
    }
    .club-top-content p{
        font-size: 24px;
        line-height: 34px;
    }
    .club-author-info{
        display: block;
        text-align: center;
    }
    .club-author-content{
        text-align: center;
        padding: 0 0 0 0;
    }
    .club-author-content p{
        font-size: 24px;
        line-height: 30px;
    }
    .club-button-link{
        padding: 20px 0 0 0;
    }
    
    /* for alumni form step 1 */

    .alumni-form-area{
        padding: 30px 0;
    }
    .alumni-top-info{
        padding: 0 0 20px 0;
    }
    .alumni-form-steps{
        padding: 0 0 20px 0;
    }
    .alumni-form-steps-item{
        text-align: center;
    }
    .alumni-form-steps-number{
        width: 100%;
        text-align: center;
    }
    .alumni-form-steps-number span{
        font-size: 50px;
        line-height: 50px;
    }
    .alumni-form-steps-info{
        width: 100%;
        text-align: center;
    }
    .alumni-form-steps-info p{
        font-size: 12px;
        line-height: 14px;
        padding: 0 10px 0 10px;
    }
    .alumni-form-item{
        padding: 0 0 30px 0;
    }
    .alumni-form-right{
        width: 100%;
    }
    .alumni-form-left{
        width: 100%;
    }
    .alumni-form-list{
        padding: 0 0 10px 0;
    }
    .alumni-form-list input{
        font-size: 18px;
    }
    .alumni-form-list textarea{
        font-size: 18px;
    }
    .alumni-form-list select{
        font-size: 18px;
    }
    .select-selected{
        font-size: 18px;
    }
    .alumni-form-send input{
        font-size: 18px;
        padding: 10px 20px 10px 70px;
        margin: 0 5px 0 0;
    }
    .alumni-form-send input.next {
        padding: 10px 70px 10px 20px;
    }


    /* for form success page */

    .alumni-form-success-area{
        padding: 30px 0 30px 0;
    }
    .alumni-form-success-content h1{
        font-size: 40px;
        line-height: 40px;
        padding: 0 0 30px 0;
    }
    .alumni-form-success-content p{
        font-size: 24px;
        line-height: 34px;
        padding: 0 0 30px 0;
    }
    .alumni-form-success-content p br{
        display: none;
    }
    
    /* for cupon page */

    .cupon-banner-area{
        padding: 30px 0;
    }
    .cupon-banner-content h1{
        font-size: 50px;
        line-height: 50px;
    }
    .cupon-banner-content h2{
        font-size: 40px;
        line-height: 40px;
        margin: 0 0 0 0;
    }
    .cupon-banner-content h3{
        font-size: 28px;
        line-height: 30px;
    }
    .coupon-area{
        padding: 30px 0 0 0; 
    }
    .coupon-item{
        width: 100%;
        margin: 10px 0
    }

    /* for about me page */

    .about-me-area{
        padding: 30px 0 0 0;
    }
    .about-me-inner{
        padding: 0 0 0 0;
    }
    .about-me-inner h1.title{
        font-size: 50px;
        line-height: 50px;
        text-align: center;
    }
    .about-me-content{
        padding: 0 0 20px 0;
        text-align: center;
    }
    .about-me-content h2{
        font-size: 40px;
        line-height: 40px;
    }
    .about-me-content p{
        font-size: 20px;
        line-height: 24px;
        padding: 0 0 0 0;
    }
    .about-me-content h3{
        font-size: 28px;
        line-height: 30px;
    }
    .about-me-picture{
        position: static;
        text-align: center;
    }
    .about-middle-area{
        padding: 30px 0;
    }
    .about-middle-right{
        width: auto;
        float: none;
        padding: 0 0 30px 0;
    }
    .about-right-content p{
        padding: 0 0 20px 0;
    }
    .about-right-content p br{
        display: none;
    }
    .about-middle-left{
        width: auto;
        float: none;
    }
    .our-mission-area{
        padding: 30px 0;
    }
    .our-mission-content h3{
        line-height: 36px;
        padding: 0 0 25px 0;
    }
    .our-mission-pic{
        padding: 0 0 0 0;
    }
    .about-content-area{
        padding: 30px 0;
    }

    /* for default page */

    .default-banner-area{
        padding: 30px 0;
    }
    .default-banner-content h1{
        font-size: 50px;
        line-height: 50px;
    }
    .default-area{
        padding: 30px 0;
    }
    
    /* for login page */

    .login-area{
        padding: 0 0 30px 0;
    }
    .login-title{
        text-align: center;
        margin: 0 0 0 0;
    }
    .login-title h1{
        font-size: 50px;
        line-height: 50px;
    }
    .login-content-pic{
        position: static;
        left: 0;
        padding: 20px 0 20px 0;
        text-align: center;
    }
    .login-content{
        text-align: center;
        padding: 0 0 20px 0;
    }
    .login-content h3{
        font-size: 40px;
        line-height: 40px;
    }
    .login-content h4{
        font-size: 30px;
        line-height: 40px;
    }
    .login-content p{
        font-size: 24px;
        line-height: 30px;
    }
    .facebook-icon{
        background: url(images/login-facebook-icon.png) no-repeat 22% 15px;
        margin-top: 0;
    }
    .google-icon{
        background: url(images/login-google-icon.png) no-repeat 22% 15px;
    }
    .login-form-send{
        padding: 20px 0 0 0;
    }

    /* for signup page */
    
    .signup-form-row{
        padding: 0 0 20px 0;
    }
    .signup-form-right{
        width: auto;
        float: none;
    }
    .signup-form-left{
        width: auto;
        float: none;
    }
    .no-pad{
        padding: 0 0 20px 0;
    }
    .no-mrgn{
        margin-top: 0;
    }

    /* for contact page */

    .contact-top-area{
        padding: 30px 0;
    }
    .contact-page-title h1{
        font-size: 50px;
        line-height: 50px;
    }
    .contact-page-title h2{
        font-size: 40px;
        line-height: 40px;
    }
    .contact-page-title h4{
        font-size: 30px;
    }
    .contact-picture{
        position: static;
        text-align: center;
        padding: 0 0 0 0;
    }
    .contact-form-send{
        padding: 0 0 20px 0;
    }
    
    /* for recommended details */

    .limor-peretz-area{
        padding: 30px 0;
    }
    .limor-peretz-info h1{
        font-size: 50px;
        line-height: 50px;
    }
    .limor-peretz-info p{
        font-size: 24px;
        line-height: 30px;
        padding: 0;
        margin: 0 0 0 0;
    }
    .recommend-about-area{
        padding: 30px 0 30px 0;
    }
    .recommend-about-right{
        width: 100%;
    }
    .recommend-about-info h3{
        font-size: 40px;
        line-height: 40px;
        padding: 0 0 20px 0;
    }
    .recommend-about-info p{
        font-size: 24px;
        line-height: 34px;
    }
    .recommend-about-left{
        width: 100%;
    }
    .recommend-about-picture{
        position: relative;
    }
    .recommend-about-title{
        position: static;
    }
    .recommend-about-title h2{
        font-size: 50px;
        line-height: 50px;
        padding: 20px 0 20px 0;
    }
    .recommended-top-info{
        padding: 0 0 20px 0;
    }
    .recommended-top-info h1{
        font-size: 40px;
        line-height: 40px;
    }
    .personal-story-area{
        padding: 0 0 0 0;
    }
    .personal-story-inner{
        padding: 20px;
        text-align: center;
    }
    .personal-story-author{
        position: static;
    }
    .personal-story-author-info{
        display: block;
    }
    .personal-story-author-info h2{
        font-size: 40px;
        line-height: 40px;
        padding: 10px 0 0 0;
    }
    .professional-experiences-area{
        display: flex;
        flex-wrap: wrap;
    }
    .professional-experiences-col{
        width:100%;
    }
    .mission-box{
        padding: 20px;
    }
    .experiences-box{
        padding: 20px;
    }
    .professional-experiences-area h3{
        margin: 0 0 0 0;
    }
    .professional-experiences-area p{
        padding: 20px 0 0 0;
    }
    .why-choose-area{
        padding: 30px 0;
    }
    .why-choose-right{
        width: 100%;
    }
    .why-choose-left{
        width: 100%;
        padding: 20px 0 0 0;
    }
    .why-choose-info h3{
        font-size: 40px;
        line-height: 40px;
        padding: 0 0 20px 0;
    }
    .why-choose-info h4{
        font-size: 30px;
        line-height: 32px;
        padding: 0 0 0 0;
    }
    .why-choose-info p{
        font-size: 24px;
        line-height: 30px;
        padding: 0 0 20px 0;
    }
    .values-area{
        padding: 30px 0;
    }
    .values-wrap h2{
        font-size: 40px;
        line-height: 40px;
        padding: 0 0 20px 0;
    }
    .values-item{
        width: 48%;
    }
    .recommended-bonus-area{
        padding: 30px 0;
    }
    .bonus-wrap p{
        font-size: 24px;
        line-height: 30px;
        padding: 0 0 20px 0;
    }
    .bonus-inner-right{
        width: auto;
        float: none;
    }
    .bonus-inner-info h3{
        font-size: 40px;
        line-height: 40px;
        padding: 0 0 20px 0;
    }
    .bonus-inner-info h4{
        font-size: 60px;
        line-height: 60px;
    }
    .bonus-inner-left{
        width: auto;
        float: none;
    }
    .bonus-picture{
        padding: 0 0 0 0;
    }
    
    /* for story details */

    .vertical-arrow-01{
        display: none;
    }
    .story-top-wrap .recommended-top-inner-info{
        padding-right: 0;
    }
    .story-top-content-area{
        padding: 30px 0;
    }
    .aromatic-oil-area{
        min-height: 100px;
        padding: 20px 0;
    }
    .aromatic-text-box{
        padding: 20px;
        margin: 20px 0 20px 0;
        max-width: auto;
    }
    .second-box{
        max-width: auto;
        padding: 20px;
    }
    .story-author-area{
        padding: 30px 0;
    }
    .story-author-info-right{
        width: 100%;
    }
    .story-author-pic{
        text-align: center;
    }
    .story-author-info-left{
        width: 100%;
    }
    .story-author-content p{
        font-size: 24px;
        line-height: 34px;
    }
    .vertical-arrow-04{
        display: none;
    }
    .vertical-arrow-05{
        display: none;
    }
    .little-moment-area{
        padding: 20px 0;
    }
    .little-moment-wrap p{
        font-size: 24px;
        line-height: 34px;
    }
    .little-moment-right{
        width: 100%;
    }
    .little-moment-col{
        width: 100%;
    }
    .little-moment-left{
        width: 100%;
        padding: 30px 0 0 0;
    }
    .vertical-arrow-06{
        display: none;
    }
    .story-message-area{
        padding: 30px 0;
    }
    .story-message-list-right{
        width: 100%;
    }
    .story-message-pic{
        text-align: center;
    }
    .story-message-list-left{
        width: 100%;
    }
    .story-message-content p{
        font-size: 24px;
        line-height: 34px;
    }
    .story-gallery-area{
        padding: 30px 0;
    }
    .why-important-area{
        padding: 30px 0;
    }
    .tips-area{
        padding: 30px 0;
    }
    .tips-area .container, .why-important-area .container{
        position: relative;
    }
    .vertical-arrow-02{
        display: none;
    }
    .tips-info h4{
        padding: 0 0 30px 0;
    }
    .tips-info ul li{
        padding: 0 110px 10px 0;
    }
    .vertical-arrow-03{
        display: none;
    }
    .recommended-banner-logo img{
        max-width: 120px;
    }
    .video-item{
        width: 100%;
        margin: 10px 0;
    }
    .video-holder{
        width: 100%;
        padding-bottom: 56.25%;
        padding-top: 25px;
    }
    .video-holder iframe{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .story-gallery-inner{
        display: none;
    }
    .story-mobile-gallery{
        display: block;
    }
    .alumni-video-field{
        width: 100%;
        margin: 0 0 10px 0;
    }
    
}

@media (max-width: 375px) {
    .row{
        margin: 0;
    }
    .header{
        height: 80px;
    }
    .header-top-inner{
        height: 80px;
    }
    .home-icon{
        display: none;
    }
    .header-top-right{
        top: 10px;
        right: auto;
        left: 0;
    }
    .logo img{
        height: 60px;
        max-width: 100px;
    }
    .header-top-button{
        top: 20px;
        left: 30%;
    }
    .header-top-button a{
        width: auto;
        font-size: 10px;
        padding: 8px 15px 8px 15px;
        margin: 0 2px;
    }
    .header-top-search-icon{
        right: 17%;
        top: 25px;
    }
    .navigation{
        display: none;
    }
    .menuicon{
        display: block;
    }
    .home-banner-area{
        min-height: 100px;
    }
    .home-banner-info{
        max-width: 100%;
        padding: 100px 0 30px 0;
        overflow: hidden;
    }
    .home-banner-content{
        text-align: center;
    }
    .home-banner-content h1{
        font-size: 45px;
        line-height: 40px;
        padding: 0 0 10px 0;
    }
    .home-banner-content h3{
        font-size: 30px;
        line-height: 30px;
        padding: 0 0 25px 0;
    }
    .home-banner-recommend-form{
        padding: 0;
    }
    .home-services-item{
        width: 48%;
        margin: 0 1% 30px 1%;
    }
    .home-author-area{
        padding: 30px 0;
    }
    .home-author-inner{
        padding: 0 0;
    }
    .home-author-col-01{
        width: auto;
        float: none;
    }
    .home-author-col-02{
        width: auto;
        float: none;
    }
    .home-author-col-03{
        width: auto;
        float: none;
    }
    .home-author-col-inner{
        padding: 0 0;
    }
    .home-author-info{
        padding: 20px 0 0 0;
    }
    .home-author-info h3{
        font-size: 25px;
        line-height: 30px;
    }
    .author-idea-info p{
        padding: 0 0 20px 0;
    }
    .author-idea h4{
        font-size: 24px;
        line-height: 35px;
        padding: 0;
    }
    .home-author-picture{
        padding: 20px 0 0 0;
    }
    .week-recommendation-area{
        padding: 10px 0;
    }
    .week-recommendation-inner{
        background: none;
    }
    .additional-week-recommendation-info{
        text-align: center;
        padding: 0 0 30px 0;
    }
    .week-recommendation-col-01{
        position: static;
    }
    .week-recommendation-col-02{
        width: auto;
        float: none;
    }
    .week-recommendation-info{
        padding: 20px 0 20px 0;
        text-align: center;
    }
    .week-recommendation-info-left{
        width: auto;
        float: none;
    }
    .week-recommendation-icons{
        padding: 0 0 20px 0;
    }
    .week-recommendation-content h3{
        font-size: 30px;
        line-height: 35px;
        padding: 0 0 20px 0;
    }
    .week-recommendation-info-right{
        width: auto;
        float: none;
        padding: 20px 0 0 0;
    }
    .recommendation-top{
        padding: 30px 0 30px 0;
    }
    .recommendation-top-info h1{
        font-size: 35px;
        line-height: 35px;
    }
    .recommendation-top-info h3{
        font-size: 30px;
        line-height: 30px;
    }
    .recommendation-block{
        padding: 20px 0 20px 0;
    }
    .recommendation-item{
        width: 48%;
        margin: 10px 1%;
    }
    .recommendation-info{
        padding: 20px 0 0 0;
    }
    .recommendation-info h2{
        font-size: 35px;
        line-height: 30px;
    }
    .recommendation-info p{
        font-size: 20px;
        line-height:20px;
    }
    .sarvey-box-inner{
        padding: 20px 20px;
    }
    .sarvey-box-inner h2{
        font-size: 30px;
        line-height: 30px;
        padding: 0 0 20px 0;
    }
    .business-owner-area{
        padding: 30px 0 30px 0;
    }
    .business-owner-info{
        padding: 20px 0 0 0;
    }
    .business-owner-info h4{
        font-size: 25px;
        line-height: 30px;
        padding: 0 0 20px 0;
    }
    .business-owner-info ul li{
        padding: 0 70px 5px 0;
        margin: 0 0 5px 0;
        font-size: 24px;
        line-height: 30px;
    }
    .buisness-owner-moto{
        position: static;
        left: 0;
        top: 0;
    }
    .buisness-owner-moto h1{
        font-size: 40px;
        line-height: 40px;
        text-align: center;
    }
    .buisness-owner-moto h1 br{
        display: none;
    }
    .promotion-area{
        padding: 30px 0 30px 0;
    }
    .promotion-inner-right{
        width: auto;
        float: none;
    }
    .promotion-info{
        padding: 0 0 0 0;
    }
    .promotion-info h2 {
        font-size: 40px;
        line-height: 46px;
    }
    .promotion-info h4{
        font-size: 30px;
        line-height: 30px;
        padding: 0 0 20px 0;
    }
    .promotion-info p{
        font-size: 20px;
        line-height: 20px;
        padding: 0 0 20px 0;
    }
    .promotion-button a{
        font-size: 20px;
        line-height: 20px;
        padding: 15px 10px 15px 10px;
    }
    .promotion-inner-left{
        width: auto;
        float: none;
    }
    .promotion-picture{
        padding: 20px 0 0 0;
        text-align: center;
    }
    .home-about-area {
        padding: 0 0 0 0;
    }
    .home-about-inner{
        min-height: 100px;
    }
    .home-about-heading{
        padding: 20px 0 20px 0;
    }
    .home-about-heading h1{
        font-size: 40px;
        line-height: 40px;
    }
    .home-about-content{
        max-width: auto;
        padding: 0 0 0 0;
    }
    .home-about-content h4{
        font-size: 30px;
        line-height: 30px;
    }
    .home-about-content h3{
        font-size: 40px;
        line-height: 40px;
        padding: 0 0 20px 0;
    }
    .home-about-content p{
        padding: 0 0 20px 0;
    }
    .home-about-picture{
        position: static;
    }
    .home-gift-area {
        padding: 30px 0 30px 0;
    }
    .home-gift-inner{
        padding: 0;
    }
    .home-gift-content h2 {
        font-size: 44px;
        line-height: 50px;
    }
    .home-gift-inner-right {
        width: auto;
        float: none;
        padding: 0 0 30px 0;
    }
    .home-gift-inner-left {
        width: auto;
        float: none;
    }
    .home-form-area {
        padding: 30px 0;
    }
    .home-form-info{
        padding: 0 0 30px 0;
    }
    .home-form-list {
        padding: 0 0 20px 0;
    }
    .home-form-item {
        float: none;
        width: auto;
        margin: 0 0 10px 0;
    }
    .home-product-area {
        padding: 30px 0;
    }
    .home-product-topinfo{
        padding: 0 0 30px 0;
    }
    .home-product-topinfo h3 {
        font-size: 44px;
        line-height: 40px;
    }
    .home-product-item{
        width: 100%;
        margin: 0 0 30px 0;
    }
    .endorsement-heading h1 {
        font-size: 44px;
        line-height: 50px;
    }
    .endorsement-heading h2 {
        font-size: 44px;
        line-height: 50px;
    }
    .footer-area {
        padding: 30px 0;
    }
    .footer-info-list{
        width: 100%;
        padding: 10px 0;
    }

    /* for blog page */

    .blog-top-area{
        padding: 30px 0;
    }
    .page-title h1{
        font-size: 45px;
        line-height: 45px;
    }
    .page-title h2{
        font-size: 40px;
        line-height: 40px;
    }
    .page-title p{
        font-size: 24px;
        line-height: 24px;
    }
    .blog-row{
        column-count: 2;
        column-gap: 10px;
    }
    .blog-item{
        margin: 0 0 10px 0;
    }
    .blog-info{
        padding: 20px;
    }
    .blog-info h2{
        font-size: 30px;
        line-height: 30px;
    }
    .blog-info p{
        font-size: 20px;
    }

    /* for our team page */

    .recomended-top-area{
        padding: 30px 0 30px 0;
    }
    .recommended-title h1 {
        font-size: 50px;
        line-height: 50px;
    }
    .recommended-top-inner {
        display: block;
        margin: 30px 0 0 0;
    }
    .recommended-top-inner-info{
        padding: 0;
        text-align: center;
    }
    .recommended-top-inner-info h3 {
        font-size: 40px;
        line-height: 46px;
    }
    .team-banner-area{
        min-height: 100px;
    }
    .our-team-area{
        padding: 30px 0;
    }
    .our-team-area h1{
        font-size: 40px;
        line-height: 45px;
        padding: 0 0 20px 0;
    }
    .our-team-wrap{
        padding: 20px 0 0 0;
    }
    .team-item{
        width: 48%;
        margin: 10px 1%;
    }
    
    /* the club page */

    .loggedin-user-area{
        left: 30%;
        top: 14px;
    }
    .logged-user-info{
        padding-left: 15px;
    }
    .user-thumbnail{
        padding: 0 0 0 0;
    }
    .user-thumbnail img{
        width: 50px;
        height: 50px;
        border: 1px solid #ff007f;
    }
    .club-banner-area{
        padding: 30px 0;
    }
    .club-page-title{
        text-align: center;
    }
    .club-page-title h1{
        font-size: 50px;
        line-height: 50px;
    }
    .club-people-pic{
        margin: 0 0 0 0;
    }
    .club-banner-info{
        padding: 20px 0;
    }
    .club-banner-icon img{
        width: 80px;
        height: 65px;
    }
    .club-banner-txt{
        padding: 0 20px 0 0;
    }
    .club-banner-content{
        justify-content: center;
    }
    .club-banner-content h1{
        font-size: 40px;
        line-height: 40px;
    }
    .club-banner-content h3{
        font-size: 30px;
        line-height: 36px;
    }
    .club-area{
        padding: 30px 0;
    }
    .club-top-content p{
        font-size: 24px;
        line-height: 34px;
    }
    .club-author-info{
        display: block;
        text-align: center;
    }
    .club-author-content{
        text-align: center;
        padding: 0 0 0 0;
    }
    .club-author-content p{
        font-size: 24px;
        line-height: 30px;
    }
    .club-button-link{
        padding: 20px 0 0 0;
    }
    
    /* for alumni form step 1 */

    .alumni-form-area{
        padding: 30px 0;
    }
    .alumni-top-info{
        padding: 0 0 20px 0;
    }
    .alumni-form-steps{
        padding: 0 0 20px 0;
    }
    .alumni-form-steps-item{
        text-align: center;
    }
    .alumni-form-steps-number{
        width: 100%;
        text-align: center;
    }
    .alumni-form-steps-number span{
        font-size: 50px;
        line-height: 50px;
    }
    .alumni-form-steps-info{
        width: 100%;
        text-align: center;
    }
    .alumni-form-steps-info p{
        font-size: 12px;
        line-height: 14px;
        padding: 0 10px 0 10px;
    }
    .alumni-form-item{
        padding: 0 0 30px 0;
    }
    .alumni-form-right{
        width: 100%;
    }
    .alumni-form-left{
        width: 100%;
    }
    .alumni-form-list{
        padding: 0 0 10px 0;
    }
    .alumni-form-list input{
        font-size: 18px;
    }
    .alumni-form-list textarea{
        font-size: 18px;
    }
    .alumni-form-list select{
        font-size: 18px;
    }
    .select-selected{
        font-size: 18px;
    }
    .alumni-form-send input{
        font-size: 18px;
        padding: 10px 20px 10px 70px;
        margin: 0 5px 0 0;
    }
    .alumni-form-send input.next {
        padding: 10px 70px 10px 20px;
    }


    /* for form success page */

    .alumni-form-success-area{
        padding: 30px 0 30px 0;
    }
    .alumni-form-success-content h1{
        font-size: 40px;
        line-height: 40px;
        padding: 0 0 30px 0;
    }
    .alumni-form-success-content p{
        font-size: 24px;
        line-height: 34px;
        padding: 0 0 30px 0;
    }
    .alumni-form-success-content p br{
        display: none;
    }
    
    /* for cupon page */

    .cupon-banner-area{
        padding: 30px 0;
    }
    .cupon-banner-content h1{
        font-size: 50px;
        line-height: 50px;
    }
    .cupon-banner-content h2{
        font-size: 40px;
        line-height: 40px;
        margin: 0 0 0 0;
    }
    .cupon-banner-content h3{
        font-size: 28px;
        line-height: 30px;
    }
    .coupon-area{
        padding: 30px 0 0 0; 
    }
    .coupon-item{
        width: 100%;
        margin: 10px 0
    }

    /* for about me page */

    .about-me-area{
        padding: 30px 0 0 0;
    }
    .about-me-inner{
        padding: 0 0 0 0;
    }
    .about-me-inner h1.title{
        font-size: 50px;
        line-height: 50px;
        text-align: center;
    }
    .about-me-content{
        padding: 0 0 20px 0;
        text-align: center;
    }
    .about-me-content h2{
        font-size: 40px;
        line-height: 40px;
    }
    .about-me-content p{
        font-size: 20px;
        line-height: 24px;
        padding: 0 0 0 0;
    }
    .about-me-content h3{
        font-size: 28px;
        line-height: 30px;
    }
    .about-me-picture{
        position: static;
        text-align: center;
    }
    .about-middle-area{
        padding: 30px 0;
    }
    .about-middle-right{
        width: auto;
        float: none;
        padding: 0 0 30px 0;
    }
    .about-right-content p{
        padding: 0 0 20px 0;
    }
    .about-right-content p br{
        display: none;
    }
    .about-middle-left{
        width: auto;
        float: none;
    }
    .our-mission-area{
        padding: 30px 0;
    }
    .our-mission-content h3{
        line-height: 36px;
        padding: 0 0 25px 0;
    }
    .our-mission-pic{
        padding: 0 0 0 0;
    }
    .about-content-area{
        padding: 30px 0;
    }

    /* for default page */

    .default-banner-area{
        padding: 30px 0;
    }
    .default-banner-content h1{
        font-size: 50px;
        line-height: 50px;
    }
    .default-area{
        padding: 30px 0;
    }
    
    /* for login page */

    .login-area{
        padding: 0 0 30px 0;
    }
    .login-title{
        text-align: center;
        margin: 0 0 0 0;
    }
    .login-title h1{
        font-size: 50px;
        line-height: 50px;
    }
    .login-content-pic{
        position: static;
        left: 0;
        padding: 20px 0 20px 0;
        text-align: center;
    }
    .login-content{
        text-align: center;
        padding: 0 0 20px 0;
    }
    .login-content h3{
        font-size: 40px;
        line-height: 40px;
    }
    .login-content h4{
        font-size: 30px;
        line-height: 40px;
    }
    .login-content p{
        font-size: 24px;
        line-height: 30px;
    }
    .facebook-icon{
        background: url(images/login-facebook-icon.png) no-repeat 22% 15px;
        margin-top: 0;
    }
    .google-icon{
        background: url(images/login-google-icon.png) no-repeat 22% 15px;
    }
    .login-form-send{
        padding: 20px 0 0 0;
    }

    /* for signup page */
    
    .signup-form-row{
        padding: 0 0 20px 0;
    }
    .signup-form-right{
        width: auto;
        float: none;
    }
    .signup-form-left{
        width: auto;
        float: none;
    }
    .no-pad{
        padding: 0 0 20px 0;
    }
    .no-mrgn{
        margin-top: 0;
    }

    /* for contact page */

    .contact-top-area{
        padding: 30px 0;
    }
    .contact-page-title h1{
        font-size: 50px;
        line-height: 50px;
    }
    .contact-page-title h2{
        font-size: 40px;
        line-height: 40px;
    }
    .contact-page-title h4{
        font-size: 30px;
    }
    .contact-picture{
        position: static;
        text-align: center;
        padding: 0 0 0 0;
    }
    .contact-form-send{
        padding: 0 0 20px 0;
    }
    
    /* for recommended details */

    .limor-peretz-area{
        padding: 30px 0;
    }
    .limor-peretz-info h1{
        font-size: 50px;
        line-height: 50px;
    }
    .limor-peretz-info p{
        font-size: 24px;
        line-height: 30px;
        padding: 0;
        margin: 0 0 0 0;
    }
    .recommend-about-area{
        padding: 30px 0 30px 0;
    }
    .recommend-about-right{
        width: 100%;
    }
    .recommend-about-info h3{
        font-size: 40px;
        line-height: 40px;
        padding: 0 0 20px 0;
    }
    .recommend-about-info p{
        font-size: 24px;
        line-height: 34px;
    }
    .recommend-about-left{
        width: 100%;
    }
    .recommend-about-picture{
        position: relative;
    }
    .recommend-about-title{
        position: static;
    }
    .recommend-about-title h2{
        font-size: 50px;
        line-height: 50px;
        padding: 20px 0 20px 0;
    }
    .recommended-top-info{
        padding: 0 0 20px 0;
    }
    .recommended-top-info h1{
        font-size: 40px;
        line-height: 40px;
    }
    .personal-story-area{
        padding: 0 0 0 0;
    }
    .personal-story-inner{
        padding: 20px;
        text-align: center;
    }
    .personal-story-author{
        position: static;
    }
    .personal-story-author-info{
        display: block;
    }
    .personal-story-author-info h2{
        font-size: 40px;
        line-height: 40px;
        padding: 10px 0 0 0;
    }
    .professional-experiences-area{
        display: flex;
        flex-wrap: wrap;
    }
    .professional-experiences-col{
        width:100%;
    }
    .mission-box{
        padding: 20px;
    }
    .experiences-box{
        padding: 20px;
    }
    .professional-experiences-area h3{
        margin: 0 0 0 0;
    }
    .professional-experiences-area p{
        padding: 20px 0 0 0;
    }
    .why-choose-area{
        padding: 30px 0;
    }
    .why-choose-right{
        width: 100%;
    }
    .why-choose-left{
        width: 100%;
        padding: 20px 0 0 0;
    }
    .why-choose-info h3{
        font-size: 40px;
        line-height: 40px;
        padding: 0 0 20px 0;
    }
    .why-choose-info h4{
        font-size: 30px;
        line-height: 32px;
        padding: 0 0 0 0;
    }
    .why-choose-info p{
        font-size: 24px;
        line-height: 30px;
        padding: 0 0 20px 0;
    }
    .values-area{
        padding: 30px 0;
    }
    .values-wrap h2{
        font-size: 40px;
        line-height: 40px;
        padding: 0 0 20px 0;
    }
    .values-item{
        width: 48%;
    }
    .recommended-bonus-area{
        padding: 30px 0;
    }
    .bonus-wrap p{
        font-size: 24px;
        line-height: 30px;
        padding: 0 0 20px 0;
    }
    .bonus-inner-right{
        width: auto;
        float: none;
    }
    .bonus-inner-info h3{
        font-size: 40px;
        line-height: 40px;
        padding: 0 0 20px 0;
    }
    .bonus-inner-info h4{
        font-size: 60px;
        line-height: 60px;
    }
    .bonus-inner-left{
        width: auto;
        float: none;
    }
    .bonus-picture{
        padding: 0 0 0 0;
    }

    /* for story details */

    .vertical-arrow-01{
        display: none;
    }
    .story-top-wrap .recommended-top-inner-info{
        padding-right: 0;
    }
    .story-top-content-area{
        padding: 30px 0;
    }
    .aromatic-oil-area{
        min-height: 100px;
        padding: 20px 0;
    }
    .aromatic-text-box{
        padding: 20px;
        margin: 20px 0 20px 0;
        max-width: auto;
    }
    .second-box{
        max-width: auto;
        padding: 20px;
    }
    .story-author-area{
        padding: 30px 0;
    }
    .story-author-info-right{
        width: 100%;
    }
    .story-author-pic{
        text-align: center;
    }
    .story-author-info-left{
        width: 100%;
    }
    .story-author-content p{
        font-size: 24px;
        line-height: 34px;
    }
    .vertical-arrow-04{
        display: none;
    }
    .vertical-arrow-05{
        display: none;
    }
    .little-moment-area{
        padding: 20px 0;
    }
    .little-moment-wrap p{
        font-size: 24px;
        line-height: 34px;
    }
    .little-moment-right{
        width: 100%;
    }
    .little-moment-col{
        width: 100%;
    }
    .little-moment-left{
        width: 100%;
        padding: 30px 0 0 0;
    }
    .vertical-arrow-06{
        display: none;
    }
    .story-message-area{
        padding: 30px 0;
    }
    .story-message-list-right{
        width: 100%;
    }
    .story-message-pic{
        text-align: center;
    }
    .story-message-list-left{
        width: 100%;
    }
    .story-message-content p{
        font-size: 24px;
        line-height: 34px;
    }
    .story-gallery-area{
        padding: 30px 0;
    }
    .why-important-area{
        padding: 30px 0;
    }
    .tips-area{
        padding: 30px 0;
    }
    .tips-area .container, .why-important-area .container{
        position: relative;
    }
    .vertical-arrow-02{
        display: none;
    }
    .tips-info h4{
        padding: 0 0 30px 0;
    }
    .tips-info ul li{
        padding: 0 110px 10px 0;
    }
    .vertical-arrow-03{
        display: none;
    }
    .recommended-banner-logo img{
        max-width: 120px;
    }
    .video-item{
        width: 100%;
        margin: 10px 0;
    }
    .video-holder{
        width: 100%;
        padding-bottom: 56.25%;
        padding-top: 25px;
    }
    .video-holder iframe{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .story-gallery-inner{
        display: none;
    }
    .story-mobile-gallery{
        display: block;
    }
    .alumni-video-field{
        width: 100%;
        margin: 0 0 10px 0;
    }
}