body{ font-family: 'Karla', sans-serif; font-size:16px; margin: 0; padding: 0; }
.container_inn{ max-width:900px; margin: 10px auto; padding: 0 15px 15px; position:relative; } 
h2{ text-align:center; } 
.logo{ width: 100%; text-align: center; margin: 0px auto 30px; background: #00bbd3; padding: 10px 0; } 
.content{ width: 94%; margin: 0 auto; } 
.content img{ display: block; margin: 0 auto; } 
.content ol li{ margin-bottom: 10px; } 
.content table{ margin-bottom: 15px !important; } 
p{ margin-bottom:10px; clear:both; line-height:25px; } 
ul{ padding:0; margin-left:35px; } 
ul li{ margin-bottom:10px; clear:both; line-height:20px; } 
.common-img img{ max-width: 100%; width: auto; } 
.common-img{ text-align:center; } 
.intro-img{ position: relative; max-width: 900px; width:100%; margin: 0 auto; } 
.intro-img .intro{ position: absolute; bottom: 0; width: 100%; color: #fff; background: rgba(0, 0, 0, 0.60); padding: 30px 0px 10px; margin: 0px; } 
.intro-img .intro h2{ font-family: Lora, Regular; font-size: 30px; letter-spacing: 1px; margin: 0px; margin-left: 10px; margin-right: 10px; } 
.common-img a{ display: inline-block; } 
a.week-redirect { display: block;margin: 10px 0 10px;outline: none;text-decoration: none;clear: both;line-height: 25px;color: #fff; } 
.menu-page.privacy-policy{color: #000 !important;} 
.menu-page.privacy-policy ul li{line-height: 25px !important;} 
.menu-page.privacy-policy h3:not(:first-child){color: #000 !important;font-size: 16px !important;margin-top: 20px !important;} 
.menu-page.privacy-policy a{color: #fff;} 
#captcha-element{margin-bottom: 20px;} 
#captcha-element div{margin: 0 auto;} 
footer{ background-color: #00bbd3; padding: 10px 0; } 
.footer-grid{ max-width: 990px; margin: 0 auto; padding: 0 15px; } 
.footer-grid div ul{ list-style-type: none; margin-left: 0; } 
.footer-grid div ul li{ display: inline-block; margin-bottom: 0px; } 
.footer-grid div ul li a{ border-right: 1px solid #fff; text-decoration: none; color: white; padding:0 8px; } 
.footer-grid div ul li:last-child a, #home .footer-grid div ul li:nth-last-child(2) a{ border-right:0; } 
.footer-grid div ul li a:hover, .footer-grid div ul li a:focus{ text-decoration: none; color: white; outline: none; } 
.footer-grid div.copyright{ text-align: right; color: #fff; } #home{ font-family: Google Sans, Regular; color: rgba(0, 0, 0, 80%) } 
#home .home-logo{ max-width: 200px; width: 100%; margin: 20px 30px 0px; box-shadow: 0 40px 60px rgb(48, 55, 62, 30%); border-radius: 10px; } 
#home .container_inn{ max-width: 1100px; margin: 0 auto; } 
#home .get-mj h3{ font-size: 50px; color: #fff; margin: 0px; line-height: 50px; } 
#home .get-mj h3 span{ font-size: 35px; } 
#home .get-mj p{ font-size: 20px; line-height: 35px; color: rgba(0, 0, 0, 80%); } 
#home .sect1-grid img{ max-width: 300px; width: 100%; } 
#home a.app-download-link{ display: inline-block; } 
#home a.app-download-link img{ max-width: 200px; width: 100%; margin: 7px 0; } 
#home .down-arrow{ position: fixed; bottom: 0px; left: 0; right: 0; text-align: center; z-index: 99; } 
#home .down-arrow span{ padding: 20px 18px; border-radius: 50%; background-color: #ffffffd9; box-shadow: 0 0 2px 2px #cccccc7a; } 
#home .down-arrow span i{ font-size: 24px; color: #00BBD3; vertical-align: bottom; } 
#home .section2{ padding: 150px 0; } 
#home .sect2-grid div{ text-align: center; padding: 20px; } 
#home .sect2-grid div:nth-child(2){ box-shadow: 0 10px 40px #D9EAEC; border-radius: 20px; } 
#home .sect2-grid div:nth-child(2) .updates{ color: #00BBD3; } 
#home .sect2-grid div p, #home .sect3-grid div p, #home .section4 div p, #home .sect5-grid div p, #home .sect6-grid div p{ font-size: 14px; color: #B2B2B2; } #home .section4 div p, #home .get-in-touch h2{ color: #fff; } 
#home .sect2-grid .updates{ font-size: 18px !important; color: rgba(0, 0, 0, 80%); } 
.section-spacing{ padding: 200px 0 100px; } 
#home .sect3-grid div.calendar{ text-align: right; } 
#home .sect3-grid div.calendar img{ max-width: 700px; width: 100%; } 
#home .sect6-grid div.tools-img img{ max-width: 500px; width: 100%; } 
#home h2{ font-size: 36px; } #home .sect3-grid h2, #home .sect4-grid h2, #home .sect5-grid h2, #home .sect6-grid h2{ text-align: left; } 
#home .sect3-grid h2, #home .sect5-grid h2{ font-weight: normal; } #home .sect3-grid h2 span, #home .sect5-grid h2 span{ font-weight: bold; } 
#home .sect4-grid h2{ color:#fff; } 
#home .sect3-grid h2, #home .sect4-grid h2, #home .sect5-grid h2, #home .sect6-grid h2, #home .section7 h2{ margin-top: 0; margin-bottom: 0; } 
#home .sect3-grid h2 span, #home .sect5-grid h2 span, #home .sect6-grid h2{ color: #00BBD3; } 
#home .sect3-grid .personal-calendar img, #home .sect4-grid .community img,#home .sect5-grid .questions img, #home .sect6-grid .tools img{ max-width: 200px; width: 100%; } 
#home .sect4-grid .comment img, #home .sect5-grid .QAimg img{ max-width: 300px; width: 100%; }
#home .sect4-grid .community, #home .sect5-grid .questions{ width: 75%; } 
#home .sect3-grid .personal-calendar div, #home .sect4-grid .community div, #home .sect5-grid .questions div, #home .sect6-grid .tools div { margin-left: 25px; } #home .sect4-grid h2 span{ font-weight: normal; } 
#home .sect5-grid .QAimg{ text-align: center; }
#home .media-icons{ text-align:center; }
 #home .media-icons span{ background-color: #fff; border-radius: 50%; padding: 0 5px; } 
 #home .media-icons span:first-child{ padding: 0px 7px } 
 #home .media-icons span i{ font-size: 12px; color: #00bbd3; } 
 .form{ width: 50%; margin: 30px auto 15px; background: #fff; border-radius: 6px; box-shadow: 0 30px 60px rgb(48, 55, 62, 30%); } 
 .form input, .form textarea{ border: none; max-width: -webkit-fill-available; font-size: 14px; width: 100%; padding: 30px 10px; font-family: Google Sans, Regular; } 
 .form input:hover, .form input:focus, .form textarea:hover, .form textarea:focus{ text-decoration: none; outline: none; } .form .form-grid div, .form div.subject{ border-bottom: 1px solid #E2E2ED; } 
 .form .form-grid .firstname{ border-right: 1px solid #E2E2ED; border-top-left-radius: 10px; } 
 .form .form-grid .firstname input{ border-top-left-radius: 6px; } 
 .form .form-grid .email input{ border-top-right-radius: 6px; } 
 form .form-submit{ text-align: center; } 
 form .form-submit input{ background-color: #00BBD3; border-radius: 80px; color: #fff; text-decoration: none; outline: none; padding: 15px 60px; font-weight: bold; box-shadow: 0 30px 60px rgb(48, 55, 62, 30%); border: 1px solid rgba(48, 55, 62, 0.12); font-size: 16px; } 
 #home .footer-grid{ max-width: 100%; } 
 #home .footer-grid div ul li a,#home .footer-grid div.copyright{ color: #000; } 
 #home .footer-grid div ul li a{ border-right-color: #000; } 
 #home .footer-grid{ font-size: 12px; } 
 #home .footer-grid div ul li:last-child{ color: #000; float: right; } 
 .contact-form{ padding: 50px 0; } 
 .contact-form .get-in-touch h2{ color: #00BBD3 !important; } 
 .contact-form .form{ box-shadow: 0 0 20px 0 rgb(48, 55, 62, 30%); } 
 .header-grid .web{ text-align: right; }
 .header-grid .web a.app-download-link img{ margin-top: 32px !important; } 
 #home .media-icons{ display: none; } 
 #home .sect1-grid a.app-download-link img, #home .sect2-grid a.app-download-link img{ max-width: 170px; width: 100%; }
 .header-grid{ margin-bottom: 50px; } 
 #home .menu-page .get-mj p{ font-size: 16px; line-height: 27px; color: #000; } 
 #home .menu-page .get-mj h3{ font-size: 22px; line-height: 27px; text-align: center; } 
 /*#home .menu-page.privacy-policy h3:not(:first-child){color: rgba(0, 0, 0, 80%) !important;font-size: 18px;} */ 
 .unsubscribe .header{text-align: center;}
 .unsubscribe form input[type="text"]{border: 0;border-bottom: 1px solid;width: 250px;outline: 0;padding: 0 5px;}
 .unsubscribe .options {display: grid;grid-template-columns: 1fr 1fr;max-width: 250px;justify-items: center;}
 .unsubscribe .options button {border:0;border-radius: 20px;text-align: center;text-decoration: none;width: 110px;height: 40px;line-height:40px;font-size: 17px;background: #dddddd;}
 .unsubscribe .big_button{margin: 20px auto;width: 250px;height: 37px;font-size: 17px;font-weight: normal;border-radius: 20px;border: 0;background: #dddddd;}
 .read_more_google_play{ max-width: 480px; margin: 20px auto; border: 2px dashed #5fd4e3; padding: 20px; } 
 .read_more_google_play h3{ text-align: center;font-size: 20px; } 
 .read_more_google_play img{ display: block; margin: 0 auto; }
 @media(max-width:767px){ 
	.footer-grid div.copyright, #home .sect4-grid .comment{ text-align: center; } 
	.footer-grid div ul{ font-size: 12px; margin: 0; text-align: center; } 
	.copyright p{ margin: 0px; font-size: 13px; } .mob{ display:block; } 
	.web{ display:none; } 
	.intro-img .intro{ padding: 15px 0 0; }
	.intro-img .intro h2{ font-size: 22px; } 
	.footer-grid div ul li{ margin-bottom: 5px; } 
	#home .get-mj h3{ font-size:36px; line-height: 37px; } 
	#home .home-logo{ display: block; margin: 10px auto; } 
	#home .section1{ padding-top: 20px; } 
	#home .section1, #home .section4, #home .section7{ background-color: rgb(27, 199, 221); } 
	.section-spacing, #home .section2, #home .section3, #home .section4, #home .section5, #home .section6, #home .section7{ padding: 30px 0; } 
	#home .section3, #home .section6{ background-color: rgb(246, 246, 248) }
	#home .sect4-grid, #home .sect6-grid{ display: flex; flex-direction: column; }
	#home .sect4-grid .comment, #home .sect6-grid .tools-img{ order: 2; }
	#home .sect4-grid .community, #home .sect6-grid .tools{ order: 1; } 
	#home .sect1-grid img{ max-width: 250px; width: 100%; display: block; margin: 0 auto; } 
	.form{ width: 90%; } 
	.form .form-grid .firstname{ border-right: none; } 
	.form .form-grid .firstname input{ border-top-right-radius: 6px; } 
	#home .footer-grid div ul li{ display: block !important; } 
	#home .footer-grid{ padding: 0; } 
	#home .footer-grid div ul li a{ border-right: 0; font-size: 14px; } 
	#home .footer-grid div ul li:last-child{ float: none; font-size: 14px; border-top: 1px solid #000; padding-top: 15px; margin-top: 10px; } 
	#home .get-mj p{ font-size: 18px; } 
	#home .get-mj h3 span{ font-size: 25px; } 
	#home .calendar .mob, #home .tools-img .mob{ max-width: 320px !important; widows: 100%; margin: 0 auto; display: block; } 
	.form input, .form textarea{ padding: 20px 15px; }
	#home .sect1-grid .get-mj div:last-child,.menu-page .get-mj .mob{ text-align: center; } 
	#home .sect3-grid .personal-calendar, #home .sect4-grid .community, #home .sect5-grid .questions, #home .sect6-grid .tools{ text-align: center; margin-bottom: 15px; } 
	#home .sect3-grid .personal-calendar div, #home .sect4-grid .community div, #home .sect5-grid .questions div, #home .sect6-grid .tools div{ margin-left: 0px; } #home .sect3-grid h2, #home .sect4-grid h2, #home .sect5-grid h2, #home .sect6-grid h2, #home .section7 h2{ text-align: center; } 
	#home .sect4-grid .community, #home .sect5-grid .questions{ width: 100%; } 
	#home .sect2-grid div{ margin-bottom: 10px; } 
	.read_more_google_play h3{margin-top: 0;}
}
@media(min-width:768px){ 
	.footer-grid{ display: grid; grid-template-columns: auto auto; } 
	#home .footer-grid{ display: block; text-align: center; } 
	.mob{ display:none; } .web{ display:block; } 
	.intro-img .intro h2{ margin: 0px 10px 30px; } 
	#home .sect1-grid, #home .sect3-grid, #home .sect4-grid, #home .sect5-grid, .form-grid, .header-grid{ display: grid; grid-template-columns: 1fr 1fr; } 
	#home .sect2-grid{ display: grid; grid-template-columns: 1fr 1fr 1fr; } 
	#home .sect3-grid{ display: grid; grid-template-columns: 30% 70%; } 
	#home .sect4-grid div{ align-self: center; } #home .sect4-grid .comment{ margin-left: 25px; } 
	#home .sect6-grid{ display: grid; grid-template-columns: 70% 30%; } 
	#home .section1{ background-image: url(images/bg-top.png); background-position: center; background-repeat: no-repeat; background-size: 100% 100%; } 
	#home .section3{ background-image: url(images/bg-middle.png); background-position: center; background-repeat: no-repeat; background-size: 100% 100%; } 
	#home .section4{ background-image: url(images/bg-middle2.png); background-position: center; background-repeat: no-repeat; background-size: 100% 100%; } 
	#home .section6{ background-image: url(images/bg-middle3.png); background-position: center; background-repeat: no-repeat; background-size: 100% 100%; }
	#home .section7{ background-image: url(images/bg-middle4.png); background-position: center; background-repeat: no-repeat; background-size: 100% 100%; } .menu-page .get-mj{ max-width: 900px; width: 100%; margin: 0 auto; } 
	.menu-page .get-mj h3{ text-align: left !important; } 
	.menu-page .section1 .container_inn{ padding-top: 20px; } 
	#home .menu-page .section1{ background-image: none !important; background-color: rgb(27, 199, 221)!important; } 
	.read_more_google_play{ display: grid; grid-template-columns: 1fr 1fr; align-items: center; }
} 
@media(min-width: 768px) and (max-width: 1067px){ 
	.form{width: 65%;} 
	#home .get-mj h3{ font-size: 40px; } 
	#home .get-mj h3 span{ font-size: 24px; } 
	#home .get-mj p{ font-size: 18px; } 
	.menu-page .home-logo{ margin: 20px 0 0px !important; } 
	.menu-page .header-grid .web{ display: none; } 
	.menu-page .get-mj .mob{ display: block; text-align: center; } 
	.menu-page .section1 .container_inn{ padding: 0 30px 15px; } 
	.menu-page .section1 .header-grid{ max-width: 900px; width: 100%; margin: 0 auto 50px; } 
	#home .menu-page .get-mj p{ line-height: 24px; } 
} 
@media(min-width: 1025px){ 
	#home .sect2-grid{ grid-gap: 60px; } 
	#home .sect3-grid{ grid-gap: 40px; } 
	#home .sect4-grid, #home .sect5-grid{ grid-gap: 100px; } 
	#home .sect6-grid{ grid-gap: 40px; } 
	#home .sect4-grid .community{ padding: 0 80px; } 
} 
@media (max-width: 360px){ 
	.form { width: 95%; } 
}