@charset "utf-8";
/* CSS Document */

/* Table of Contents
-----------------------------------------------------------------------------
	1. Mobile
	2. Large Mobile
	3. iPad
	4. large desktop
	5. Other
*/

/* 1. Mobile responsive css 640px
------------------------------------------------------------------------------*/
@media (max-width:640px){

h1, .h1{ font-size:22px; line-height: 30px; }
h2, .h2{ font-size:22px; line-height: 30px; }
h3, .h3{ font-size:21px; line-height: 28px; }
h4, .h4{ font-size:20px; line-height: 28px; }
h5, .h5{ font-size:18px; line-height: 26px; }
h6, .h6{ font-size:18px; line-height: 26px; }

.align-right-img{ margin-left: 0; width: 100%; max-width: 100% !important; }

.container{ padding: 0 20px; box-sizing: border-box; }
.navigation nav ul{ margin: 0; }
header{ padding-top: 0px; padding-bottom: 0px; }	
.photo-gallery-sec{ padding-top: 50px; }
.photo-gallery-sec p{ margin-bottom: 30px; margin-top: 0; }
.photo-cell-one{ margin-bottom: 40px; }
.photo-cell-two{ margin-bottom: 35px; }
.policy-sec{ padding: 40px 0; }
footer{ padding-top: 30px; padding-bottom: 15px; }
.photo-cell-one ul{ flex-wrap: wrap; margin: 0; }
.photo-cell-two ul{ flex-wrap: wrap; margin: 0; }
.navigation nav ul li{ margin: 0 2px; }
.navigation nav ul li a{ padding: 6px 12px 5px; }
.navigation nav .sub-menu > ul{ width: 175px; }
footer .footer-navigation ul{ flex-wrap: wrap; justify-content: center; }
footer .footer-navigation ul li{ margin-bottom: 15px; }
.navigation{ display: none; }
.slider-cell .slick-next.slick-arrow{ right: 20px; }
.slider-cell .slick-prev.slick-arrow{ left: 20px; }
.banner{ margin-bottom: 20px; padding-top: 30px; }
.photo-gallery-sec p{ font-size: 16px; line-height: 22px; margin-bottom: 20px; }
.inner-content{ padding: 30px 0 30px 0; }
.inner-content h1{ margin-bottom: 20px; }
.pt-8{ padding-top: 30px; }
.align-left-img{ max-width: 100%; width: 100%; margin: 0 0px 20px 0px !important; }
.about-banner{ margin-bottom: 0; }
.video-sec{ padding-top: 30px; padding-bottom: 40px; }
.gallery-box{ padding-top: 0px; margin-bottom: 0px; gap: 2%; }
.gallery-box .gallery-cell{ width: 49%; height: 104px; margin-bottom: 7px; }
.gallery-sec{ padding: 35px 0 40px 0; }
.about-banner{ margin-bottom: 25px; padding-top: 25px; }
.small-title{ margin-bottom: 13px; }
.video-cell{ display: block; width: 100%; }
.video-cell iframe{ display: block; width: 100%; height: 260px; }
.life-sec{ padding-top: 40px; padding-bottom: 40px; }
.life-sec h2{ margin-bottom: 25px; font-size: 18px; line-height: 23px; }
.flower-slider-cell{ height: 400px; width: 250px; }
.flower-slider-cell .slick-list{ height: 400px; width: 250px; }
.flower-slider-cell .slick-list .slick-track{ height: 400px; width: 250px; }
.flower-slider-cell .slick-list .slick-track .slick-slide{ height: 400px; width: 250px; }
.flower-slider-cell .slick-list .slick-track .slick-slide > div{ height: 400px; width: 250px; }
.flower-slider-cell .slick-list .slick-track .slick-slide > div .item{ height: 400px; width: 250px; }
.flower-slider-cell .slick-list .slick-track .slick-slide > div .item .slider-banner{ height: 400px; width: 250px; }
.flower-slider-cell .slick-list .slick-track .slick-slide > div .item .slider-banner img{ height: 400px; }
.two-col-content{ padding-top: 0; }
.video-sec.mb-0{ padding-bottom: 0; }
#content-area ul li{ font-size: 16px; line-height: 22px; }
.content-main .two-col{ display: flex; flex-wrap: wrap; padding-top: 0px; padding-bottom: 30px; }
.content-main .two-col .col-left{ padding-right: 20px; width: 100%; padding-right: 0; }
.content-main .two-col .col-right{ width: 100%; padding-left: 0; }
.content-main{ padding-bottom: 20px; }
.content-main .two-col .col-right{ padding-left: 0px; padding-top: 20px; }
.content-main .two-col .col-left:after{ display: none; }
.shop-frame{ padding-top: 20px; }
.shop-frame{ padding-top: 20px; }
.contact-two-col{ margin-bottom: 20px; }
.contact-two-col p{ margin-bottom: 20px; }
.contact-sec{ padding-bottom: 30px; }
.form-area{ width: 100%; }
.contact-two-col{ display: block; }
.contact-two-col .col-left{ width: 100%; }
.contact-two-col .col-right{ width: 100%; }
.contact-sec .contact-two-col .col-right figure{ max-width: 200px; }
input[type="submit"], input[type="button"], input[type="reset"]{ padding: 9px 17px; }
.mb-toggled.mb-closed{ display: inline-flex; text-align: right; border-radius: 4px; background: rgba(0, 0, 0, 0.35); cursor: pointer; line-height: 1.125em; margin: 5px 5px 6px; padding: 0.5em 0.7em; align-items: center; }
.mobile-menu{ text-align: right; }
.mb-button span:first-child{ margin-top: 0; }
.mb-button span:last-child{ margin-bottom: 0; }
.mb-button{ position: relative; }
.text-menu{ font-size: 18px; line-height: 21px; margin-right: 13px; color: #fff; text-transform: uppercase; font-weight: bold; }
header.site-header{ position: relative; width: 100%; }
.mobile-menu{ display: block; }
.mb-0{ margin-bottom: 0; }

}

/* 2. Large Mobile responsive css 640px
------------------------------------------------------------------------------*/
@media (min-width:641px) and (max-width:767px) {

h1, .h1{ font-size:23px; line-height: 30px; }
h2, .h2{ font-size:23px; line-height: 30px; }
h3, .h3{ font-size:22px; line-height: 28px; }
h4, .h4{ font-size:20px; line-height: 28px; }
h5, .h5{ font-size:18px; line-height: 26px; }
h6, .h6{ font-size:18px; line-height: 26px; }

.container{ padding: 0 20px; box-sizing: border-box; }
.navigation nav ul{ margin: 0; }
header{ padding-top: 0px; padding-bottom: 0px; }	
.photo-gallery-sec{ padding-top: 50px; }
.photo-gallery-sec p{ margin-bottom: 30px; margin-top: 0; }
.photo-cell-one{ margin-bottom: 40px; }
.photo-cell-two{ margin-bottom: 50px; }
.policy-sec{ padding: 40px 0; }
footer{ padding-top: 30px; padding-bottom: 30px; }
.photo-cell-one ul{ flex-wrap: wrap; margin: 0; }
.photo-cell-two ul{ flex-wrap: wrap; margin: 0; }
.navigation nav ul li{ margin: 0 2px; }
.navigation nav ul li a{ padding: 6px 12px 5px; }
.navigation nav .sub-menu > ul{ width: 175px; }
footer .footer-navigation ul{ flex-wrap: wrap; justify-content: center; }
footer .footer-navigation ul li{ margin-bottom: 15px; }
.navigation{ display: none; }
.inner-content{ padding: 40px 0 40px 0; }
.inner-content h1{ margin-bottom: 20px; }
.pt-8{ padding-top: 30px; }
.align-left-img{ max-width: 300px; margin: 0 20px 20px 0px !important; }
.video-sec{ padding-top: 30px; padding-bottom: 50px; }
.gallery-box{ padding-top: 0px; margin-bottom: 0px; gap: 2%; }
.gallery-box .gallery-cell{ width: 49%; height: 200px; margin-bottom: 15px; }
.gallery-sec{ padding: 40px 0 40px 0; }
.about-banner{ margin-bottom: 35px; }
.life-sec{ padding-top: 50px; padding-bottom: 50px; }
.life-sec h2{ margin-bottom: 30px; font-size: 20px; line-height: 26px; }
.video-cell{ display: block; width: 100%; }
.video-cell iframe{ display: block; width: 100%; height: 350px; }
.video-sec.mb-0{ padding-bottom: 10px; }
.content-main .two-col{ display: flex; padding-top: 0px; }
.content-main .two-col .col-left{  padding-right: 20px; }
.content-main{ padding-bottom: 50px; }
.content-main .two-col .col-right{ padding-left: 20px; padding-top: 20px; }
.shop-frame{ padding-top: 20px; }
.contact-two-col{ margin-bottom: 20px; }
.contact-two-col p{ margin-bottom: 20px; }
.contact-sec{ padding-bottom: 30px; }
.mb-toggled.mb-closed{ display: inline-flex; text-align: right; border-radius: 4px; background: rgba(0, 0, 0, 0.35); cursor: pointer; line-height: 1.125em; margin: 5px 5px 6px; padding: 0.5em 0.7em; align-items: center; }
.mobile-menu{ text-align: right; }
.mb-button span:first-child{ margin-top: 0; }
.mb-button span:last-child{ margin-bottom: 0; }
.mb-button{ position: relative; }
.text-menu{ font-size: 18px; line-height: 21px; margin-right: 13px; color: #fff; text-transform: uppercase; font-weight: bold; }
header.site-header{ position: relative; width: 100%; }
.mobile-menu{ display: block; }
.banner{ padding-top: 40px; }

}

/* 3. iPad responsive css 768px to 1023px
------------------------------------------------------------------------------*/
@media (min-width:768px) and (max-width:1023px){

h1, .h1{ font-size:24px; line-height: 30px; }
h2, .h2{ font-size:24px; line-height: 30px; }
h3, .h3{ font-size:22px; line-height: 28px; }
h4, .h4{ font-size:20px; line-height: 28px; }
h5, .h5{ font-size:18px; line-height: 26px; }
h6, .h6{ font-size:18px; line-height: 26px; }

.container{ padding: 0 20px; box-sizing: border-box; }
.navigation nav ul{ margin: 0; }
header{ padding-top: 0px; padding-bottom: 0px; }	
.photo-gallery-sec{ padding-top: 50px; }
.photo-gallery-sec p{ margin-bottom: 30px; margin-top: 0; }
.photo-cell-one{ margin-bottom: 40px; }
.photo-cell-two{ margin-bottom: 50px; }
.policy-sec{ padding: 40px 0; }
footer{ padding-top: 30px; padding-bottom: 20px; }
.photo-cell-one ul{ flex-wrap: wrap; margin: 0; }
.photo-cell-two ul{ flex-wrap: wrap; margin: 0; }
.navigation nav ul li{ margin: 0 2px; }
.navigation nav ul li a{ padding: 6px 12px 5px; }
.navigation nav .sub-menu > ul{ width: 175px; }
footer .footer-navigation ul{ flex-wrap: wrap; justify-content: center; }
footer .footer-navigation ul li{ margin-bottom: 15px; }
.navigation{ display: none; }
.inner-content{ padding: 50px 0 50px 0; }
.inner-content h1{ margin-bottom: 30px; }
.pt-8{ padding-top: 30px; }
.video-sec{ padding-top: 30px; padding-bottom: 40px; }
.gallery-box{ padding-top: 20px; margin-bottom: 0px; gap: 2%; }
.gallery-box .gallery-cell{ width: 32%; height: 180px; margin-bottom: 15px; }
.gallery-sec{ padding: 50px 0 40px 0; }
.about-banner{ margin-bottom: 35px; }
.life-sec{ padding-top: 50px; padding-bottom: 50px; }
.life-sec h2{ margin-bottom: 30px; font-size: 20px; line-height: 26px; }
.content-main .two-col{ display: flex; padding-top: 0px; }
.content-main .two-col .col-left{  padding-right: 20px; }
.content-main{ padding-bottom: 50px; }
.content-main .two-col .col-right{ padding-left: 20px; padding-top: 20px; }
.contact-two-col p{ margin-bottom: 30px; }
.contact-two-col{ margin-bottom: 30px; }
.contact-sec{ padding-bottom: 30px; }
.mb-toggled.mb-closed{ display: inline-flex; text-align: right; border-radius: 4px; background: rgba(0, 0, 0, 0.35); cursor: pointer; line-height: 1.125em; margin: 5px 5px 6px; padding: 0.5em 0.7em; align-items: center; }
.mobile-menu{ text-align: right; }
.mb-button span:first-child{ margin-top: 0; }
.mb-button span:last-child{ margin-bottom: 0; }
.mb-button{ position: relative; }
.text-menu{ font-size: 18px; line-height: 21px; margin-right: 13px; color: #fff; text-transform: uppercase; font-weight: bold; }
header.site-header{ position: relative; width: 100%; }
.mobile-menu{ display: block; }
.banner{ padding-top: 40px; }

}

/* 4. large desktop responsive css 1024px to 1199px
------------------------------------------------------------------------------*/
@media (min-width:1024px) and (max-width:1199px) {

h1, .h1{ font-size:28px; line-height: 36px; }
h2, .h2{ font-size:28px; line-height: 36px; }
h3, .h3{ font-size:26px; line-height: 34px; }
h4, .h4{ font-size:24px; line-height: 33px; }
h5, .h5{ font-size:22px; line-height: 30px; }
h6, .h6{ font-size:20px; line-height: 28px; }

.container{ padding: 0 20px; box-sizing: border-box; }
.navigation nav ul{ margin: 0; }
header{ padding-top: 30px; padding-bottom: 30px; }	
.photo-gallery-sec{ padding-top: 50px; }
.photo-gallery-sec p{ margin-bottom: 40px; margin-top: 0; }
.photo-cell-one{ margin-bottom: 50px; }
.photo-cell-two{ margin-bottom: 50px; }
.policy-sec{ padding: 50px 0; }
footer{ padding-top: 30px; padding-bottom: 30px; }
.photo-cell-one ul{ flex-wrap: wrap; }
.photo-cell-two ul{ flex-wrap: wrap; }
.inner-content{ padding: 0px 0 50px 0; }
.inner-content h1{ margin-bottom: 30px; }
.pt-8{ padding-top: 30px; }
.video-sec{ padding-top: 30px; padding-bottom: 50px; }
.gallery-box{ padding-top: 20px; margin-bottom: 0px; gap: 2%; }
.gallery-box .gallery-cell{ width: 32%; height: 230px; margin-bottom: 22px; }
.gallery-sec{ padding: 50px 0 40px 0; }
.life-sec{ padding-top: 50px; padding-bottom: 50px; }
.life-sec h2{ margin-bottom: 40px; }
.content-main .two-col{ display: flex; padding-top: 0px; }
.content-main .two-col .col-left{  padding-right: 20px; }
.content-main{ padding-bottom: 50px; }

}

/* 5. Other media-query
------------------------------------------------------------------------------*/
@media (min-width:1200px) and (max-width:1299px){	

header{ padding-top: 30px; padding-bottom: 20px; }	
.photo-gallery-sec{ padding-top: 50px; }
.photo-gallery-sec p{ margin-bottom: 50px; }
.photo-cell-one{ margin-bottom: 50px; }
.photo-cell-two{ margin-bottom: 50px; }
.policy-sec{ padding: 50px 0; }
footer{ padding-top: 30px; padding-bottom: 30px; }
.inner-content{ padding: 0px 0 50px 0; }
.inner-content h1{ margin-bottom: 30px; }
.pt-8{ padding-top: 30px; }

}