.community-video{
    max-width: 1105px;
    margin: 0px auto;
    padding: 60px 15px 50px;
}
.community-video h1{
    margin: 0;
    text-align: center;
    color: #1CB0F6;
    font-size: 65px;
    font-family: 'balootammaextrabold';
}
.community-video .community-video-content{
    max-width: 885px;
    margin: 35px auto 0px;
}
.community-video-content .left{
    width: calc(100% - 174px);
    float: left;
}
.community-video-content .left video{
    width: 100%;
    height: 402px;
    border-radius: 24px;
    background: #000;
}
.community-video-content .right{
    width: 174px;
    float: left;
    padding-left: 20px;
}
.community-video-content .right a{
    display: block;
    margin: 0px 0px 10px;
}
.community-video-content .right a img{
    width: 100%;
    height: 93px;
    border-radius: 10px;
    object-fit: cover;
}
.community-video-content .right a.active img{
    border: 2px solid #1CB0F6;
}
.community-story{
    max-width: 1085px;
    margin: 0 auto 0px;
    border-top: 2px solid #e5e5e5;
    padding: 50px 15px 0px;
}
.community-story h2{
    margin: 0;
    color: #1CB0F6;
    text-align: center;
    font-size: 40px;
    font-family: 'balootammaextrabold';
}
.community-story .community-story-content{
    max-width: 896px;
    margin: 0px auto 0px;
}
.community-story .community-story-content .story-item{
    margin-top: 50px;
}
.community-story .item-image{
    width: 38%;
    float: right;
}
.community-story .item-even .item-image{
    float: left;
}
.community-story .item-image img{
    width: 100%;
    height: 400px;
    object-fit: cover;
    border-radius: 20px;
}
.community-story .item-text{
    width: 62%;
    float: left;
    padding-right: 80px;
    padding-top: 30px;
}
.community-story .item-even .item-text{
    padding-right: 0;
    padding-left: 80px;
}
.community-story .item-text .name{
    color: #777777;
    font-size: 22px;
    font-family: 'balootammasemibold';
}
.community-story .item-text .address{
    color: #777777;
    font-size: 15px;
    margin-top: 5px;
}
.community-story .item-text .content{
    color: #777;
    margin-top: 25px;
    font-size: 16px;
    max-height: 207px;
    overflow: hidden;
}
.community-story .item-text .btn-view-story{
    display: inline-block;
    margin-top: 20px;
    font-size: 15px;
    color: #1CB0F6;
    text-transform: uppercase;
    font-family: 'balootammabold';
}

.home-dream{
    max-width: 1085px;
    margin: 60px auto 60px;
    border-top: 2px solid #e5e5e5;
    padding-top: 50px;
}
.home-dream h2{
    margin: 0;
    text-align: center;
    color: #1CB0F6;
    font-size: 40px;
    font-family: 'balootammaextrabold';
}
.home-dream .home-dream-item{
    margin-top: 50px;
}
.home-dream .owl-item{
    opacity: 0.65;
}
.home-dream .owl-item.center{
    opacity: 1;
}
.home-dream .dream-item{
    width: 430px;
}
.home-dream .dream-item .dream-text{
    height: 210px;
    background: #FFF5D3;
    border-radius: 23px;
    padding: 25px 25px 0px;
    color: #FF9600;
    font-size: 16px;
}
.home-dream .dream-item.item-2 .dream-text{
    background: #DDF4FF;
    color: #1CB0F6;
}
.home-dream .dream-item.item-3 .dream-text{
    background: #D7FFB8;
    color: #58CC02;
}
.home-dream .dream-item .dream-avatar{
    width: 82px;
    height: 82px;
    margin: -41px auto 0px;
}
.home-dream .dream-item .dream-avatar img{
    width: 100%;
    height: 100%;
    border-radius: 50px;
}
.home-dream .dream-item .dream-username h5{
    margin: 15px 0px 0px;
    text-align: center;
    color: #777777;
    font-size: 20px;
    font-family: 'balootammasemibold';
}
.home-dream .dream-item .dream-username h6{
    margin-top: 6px;
    text-align: center;
    color: #777;
    font-size: 15px;
    margin-bottom: 0;
}
.feedback-action{
    text-align: center;
    margin: 0px 0px 50px;
}
.btn-view-all{
    display: inline-block;
    text-transform: uppercase;
    width: 123px;
    text-align: center;
    height: 49px;
    line-height: 49px;
    color: #1CB0F6;
    font-size: 15px;
    font-family: balootammabold;
    text-decoration: none;
}
.btn-write-feedback{
    display: inline-block;
    text-transform: uppercase;
    text-align: center;
    line-height: 49px;
    color: #1CB0F6;
    font-size: 15px;
    font-family: balootammabold;
    height: 49px;
    padding-left: 10px;
    padding-right: 10px;
    border: 2px solid #e5e5e5;
    border-bottom: 4px solid #e5e5e5;
    border-radius: 11px;
    text-decoration: none;
}
.btn-view-all:hover,
.btn-write-feedback:hover{
    color: #1CB0F6;
    text-decoration: none;
}


.store-mission{
    max-width: 1115px;
    margin: 0px auto;
    padding: 0px 15px 40px;
}
.store-mission .store-mission-content{
    border-top: 2px solid #e5e5e5;
    padding-top: 35px;
}
.store-mission .mission-image{
    width: 40%;
    float: right;
}
.store-mission .mission-image img{
    width: 100%;
}
.store-mission .mission-text{
    width: 60%;
    float: left;
    padding-right: 30px;
    padding-top: 70px;
}
.store-mission .mission-text h3{
    margin: 0;
    color: #777777;
    font-size: 50px;
    font-family: 'balootammaextrabold';
}
.store-mission .mission-text p{
    margin: 30px 0px 0px;
    color: #777777;
    font-size: 20px;
    line-height: 27px;
    max-width: 485px;
}
.store-mission .mission-text a{
    color: #1CB0F6;
    font-size: 15px;
    font-family: 'balootammabold';
    text-transform: uppercase;
    margin-top: 20px;
    display: inline-block;
}


.store-app{
    background: #58A700;
}
.store-app .store-app-content{
    max-width: 950px;
    margin: 0 auto;
    padding: 35px 15px 45px;
}
.store-app .store-app-content .app-left{
    width: calc(100% - 320px);
    float: left;
}
.store-app .store-app-content .app-right{
    width: 320px;
    float: left;
    padding-top: 15px;
}
.store-app .store-app-content .app-left h3{
    margin: 0;
    color: #FFFFFF;
    font-size: 24px;
    font-family: 'balootammabold';
}
.store-app .store-app-content .app-left p{
    margin: 19px 0px 0px;
    max-width: 485px;
    font-size: 17px;
    color: #fff;
    line-height: 23px;
}
.store-app .store-app-content .app-right a{
    display: block;
    width: 150px;
    float: left;
    height: 69px;
    background: #fff;
    border-radius: 15px;
    border-bottom: 4px solid #D0F0AD;
}
.store-app .store-app-content .app-right .btn-ios{
    margin-right: 20px;
}
.store-app .app-right a .image{
    width: 50px;
    float: left;
    padding-left: 15px;
    padding-top: 18px;
}
.store-app .app-right a .text{
    width: calc(100% - 50px);
    float: left;
    padding-top: 15px;
}
.store-app .app-right a .text span{
    display: block;
    color: #777777;
    font-size: 13px;
    font-family: 'balootammasemibold';
}
.store-app .app-right a .text strong{
    display: block;
    font-family: 'balootammabold';
    font-weight: 400;
    color: #777777;
    font-size: 16px;
}
.store-app .app-menu{
    margin-top: 50px;
}
.store-app .app-menu .app-menu-content{
    display: flex;
    max-width: 750px;
    margin: 0px auto;
}
.store-app .app-menu .app-menu-content a{
    display: block;
    width: 100%;
    font-size: 15px;
    color: #ffffff9e;
    font-family: 'balootammabold';
    text-align: center;
}


@media(max-width: 850px){
    .community-video{
        padding-top: 35px;
        padding-bottom: 35px;
    }
    .community-video h1{
        font-size: 35px;
    }
    .community-video-content .left{
        float: none;
        width: 100%;
    }
    .community-video .community-video-content{
        margin: 20px auto 0px;
    }
    .community-video-content .left video{
        height: auto;
    }
    .community-video-content .right{
        width: 100%;
        padding: 15px 0px 0px;
        overflow: hidden;
        overflow-x: auto;
    }
    .community-video-content .right::-webkit-scrollbar{
        display: none;
    }
    .community-video-content .right .video-item{
        width: 656px;
    }
    .community-video-content .right a{
        width: 154px;
        float: left;
        margin-right: 10px;
    }
    .community-story{
        padding-top: 35px;
    }
    .community-story h2{
        font-size: 25px;
    }
    .community-story .community-story-content .story-item {
        margin-top: 25px;
    }
    .community-story .item-image{
        float: none;
        width: 200px;
        margin: 0 auto;
    }
    .community-story .item-image img{
        height: 170px;
    }
    .community-story .item-text{
        width: 100%;
        padding: 25px 0px 0px;
    }
    .community-story .item-even .item-image {
        float: none;
    }
    .community-story .item-even .item-text {
        padding-right: 0;
        padding-left: 0;
    }
    .home-dream{
        margin: 35px auto 50px;
        padding: 35px 15px 0px;
    }
    .home-dream .home-dream-item {
        margin-top: 35px;
    }
    .home-dream .dream-item {
        width: 320px;
    }
    .btn-view-all{
        display: block;
        text-align: center;
        margin: 0 auto 10px;
    }
    
    .store-mission .mission-text{
        width: 100%;
        padding: 0;
        float: none;
    }
    .store-mission .mission-text h3{
        font-size: 30px;
        text-align: center;
    }
    .store-mission .mission-text p{
        font-size: 17px;
        text-align: center;
        margin-top: 20px;
        line-height: 24px;
    }
    .store-mission .mission-text a{
        width: 150px;
        display: block;
        text-align: center;
        margin: 20px auto 0px;
    }
    .store-mission .mission-image{
        width: 100%;
        float: none;
        max-width: 325px;
        margin: 15px auto 0px;
    }
    .store-app .store-app-content{
        padding: 30px 15px 40px;
    }
    .store-app .store-app-content .app-left{
        width: 100%;
        float: none;
        text-align: center;
    }
    .store-app .store-app-content .app-left p{
        margin-top: 15px;
    }
    .store-app .store-app-content .app-right{
        float: none;
        margin: 0px auto;
    }
    .store-app .app-menu{
        display: none;
    }
}