.mobileonly {
display: none
}
.desktoponly {
display: inherit
}
@media only screen and (max-width: 1024px) { 
.desktoponly{
display: none;
}
.mobileonly{
display: inherit!important;
}
}
@media only screen and (min-width: 667px) and (max-width: 1024px) { 
.is_sidebar.grid.no-sidebar .zl_gridpost,
.zl_gridpost {
width: 48%!important
}
.is_sidebar.grid.no-sidebar .grid-sizer {
width: 48%
}
.is_sidebar.grid.no-sidebar .gutter-sizer {
width: 2%
}
.fitgrid_caption{
padding: 10px;
font-size: 14px;
}
.fitgrid_caption h2, .fitgrid.w2 .fitgrid_caption h2 {
font-size: 14px;
}
}
@media only screen and (min-width: 320px) and (max-width: 667px) { 
.mobileonly {
display: inherit
}
.fitgrid_caption{
padding: 0;
font-size: 12px;
bottom: 10px;
}
.fitgrid_caption h2{
font-size: 16px;
}
.fitgrid_caption h2, .fitgrid.w2 .fitgrid_caption h2 {
font-size: 14px;
}
.fitgrid_cat a{
margin-bottom: 10px;
}
.fitgrid.w2 .fitgrid_readmore{
display: none;
}
.fitgrid, .fitgrid.w2{
width: 100%;
}
.fitgrid_meta{
font-size: 12px;
margin-bottom: 5px;
}
.fitgrid_caption h2, .fitgrid.w2 .fitgrid_caption h2{
margin-bottom: 5px
}
.socheader li.social_label {
display: none
}
.zl_smallbarhead2 {
min-height: 35px;
}
.zl_post,
.zl_whitebox {
max-width: 95%;
margin-left: auto;
margin-bottom: auto;
}
.is_sidebar.grid.no-sidebar .zl_gridpost,
.zl_gridpost {
width: 100%!important
}
.is_sidebar.grid.no-sidebar .grid-sizer {
width: 100%!important
}
.is_sidebar.grid.no-sidebar .gutter-sizer {
width: 5%
}
.zl_post_title {
font-size: 22px;
line-height: 1.1;
margin-bottom: 15px;
}
.zl_datewrap span a:hover {
border-bottom: 1px solid #000
}
.zl_post p {
font-size: 16px;
line-height: 26px;
margin: 26px 0;
}
.more-link {
font-size: 14px;
line-height: 37px;
}
.zl_postmeta {
margin-top: 10px;
margin-bottom: 10px;
}
.zl_postmeta,
.zl_datewrap,
.zl_postmeta i.fa {
font-size: 10px
}
.zl_datewrap span {
padding: 0 5px
}
.zl_datewrap span i:last-of-type {
margin-left: 10px
}
.zl_post:before {
font-size: 22px;
width: 100%;
text-align: center;
left: 0;
background: transparent!important;
color: #d1d1d1;
}
.zl_post:after{
display: none;
} .zl_post.format-quote:before {
display: none
}
.zl_post.format-quote {
padding-bottom: 50px
}
.format-quote .zl_content blockquote p small:before,
.format-quote .zl_content blockquote p cite:before {
width: 20px;
left: -40px;
}
.format-quote .zl_content blockquote p small:before,
.format-quote .zl_content blockquote p cite:after {
width: 20px;
right: -40px;
} .links a {
width: 35px;
height: 35px;
line-height: 35px;
font-size: 14px;
} .zl_pagination > div {
float: none
}
.zl_pagination a {
width: 95%;
display: block;
margin: 0 auto;
float: none;
text-align: center;
}
.zl_pagination a:first-of-type {
margin-bottom: 20px
} .zl_insta img {
height: auto
}
.rel_post {
margin-bottom: 30px
}
.zl_wide_img {
padding: 100px 20px
}
.zl_pagefullwidth .zl_content img.size-full,
.zl_pagefullwidth .zl_content img {
max-width: 100%!important;
margin: 10px auto!important;
}
.zl_wide_img .row {
width: 100%;
text-align: center;
}
.zl_wide_img h1 {
font-size: 22px;
padding: 10px 20px;
}
.zl_pagination > div {
display: block;
float: none;
width: 100%;
}
.zl_wideslidedesc_cell {
padding-top: 30px;
padding-bottom: 60px;
width: 90%;
}
.zl_wideslidedesc_title h2 {
font-size: 22px;
line-height: 32px;
}
.zl_wideslidedesc_cat,
.zl_wideslidedesc em {
font-size: 14px;
letter-spacing: normal;
}
.zl_wideslidedesc {
width: 90%
}
.zl_fullslide.owl-carousel .owl-controls .owl-nav div {
bottom: 20px;
top: inherit;
}
}
@media only screen and (width: 667px) { 
#zl_maincontent.right-sidebar #zl_sidebar,
#zl_maincontent.left-sidebar #zl_sidebar {
width: 96%
}
}
@media only screen and (max-width: 375px) {
a.threecol-mor{
display: none;
}
.threecol-exc{
margin-top: 10px;
}
.threecol-cap h3{
font-size: 18px;
}
}
@media only screen and (max-width: 1024px) { 
.mobileonly {
display: inherit
}
.sticky-wrapper {
height: 0!important
}
.zl_brand {
padding: 0 30px
}
.topbarmenu {
display: none
}
.zl_navmenu {
position: relative
}
.zl_navmenu > ul.zl_mainmenu {
display: none
}
.zl_mainmenu li a.zl_searchcaller {
display: none;
}
.zl_navmenu.light .zl_mainmenu>li:before {
content: none
}
.zl_smallbarhead2,
.zl_mainbarhead2 {
padding-left: 0;
padding-right: 0;
} .topbarmenu,
.zl_mainmenu2,
.zl_mainmenu,
.header3mobile_menu
{  
width: 100%;
max-width: 100%;
background: #fff;
position: absolute;
left: 0;
top: 100%;
z-index: 100;
padding: 20px;
border-top: 1px solid #e5e5e5;
-webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,.25);
box-shadow: 0 3px 5px 0 rgba(0,0,0,.25);
float: none;
clear: both;
line-height: 24px;
font-size: 14px;
}
.topbarmenu {
z-index: 10
}
.zl_mainmenu2 {
z-index: 9
}
.topbarmenu > li,
.zl_mainmenu2 > li,
.zl_mainmenu > li,
.header3mobile_menu > li
{
display: inherit;
clear: both;
max-width: 100%;
float: none;
margin: 5px 0;
}
.topbarmenu > li > a,
.zl_mainmenu2 > li > a,
.zl_mainmenu > li > a,
.header3mobile_menu > li > a,
{
display: block;
width: 100%;
max-width: 100%;
background: #fff;
padding: 0;
border: none;
line-height: 25px;
font-size: 12px!important;
text-align: left;
}
.topbarmenu > li:hover > a,
.zl_mainmenu2 > li:hover > a,
.zl_mainmenu > li:hover > a,
.header3mobile_menu > li:hover > a
{
color: #CCA34D;
background: transparent;
}
.topbarmenu > li:first-child > a,
.zl_mainmenu2 > li:first-child > a,
.zl_mainmenu  > li:first-child > a,
.header3mobile_menu  > li:first-child > a
{
margin: 0
}
.topbarmenu ul,
.zl_mainmenu2 ul,
.zl_mainmenu ul,
.header3mobile_menu ul
{
position: relative;
display: block;
padding-left: 15px;
display: block;
visibility: visible;
opacity: 1;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: transparent;
border-left: 1px solid #e5e5e5;
left: 0;
list-style: none;
}
.topbarmenu ul li,
.zl_mainmenu2 ul li,
.zl_mainmenu ul li,
.header3mobile_menu ul li
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-transform: capitalize;
}
.topbarmenu ul li a,
.zl_mainmenu2 ul li a,
.zl_mainmenu  ul li a,
.header3mobile_menu  ul li a
{
color: #000;
padding: 7px;
display: block;
background: transparent;
font-size: 11px!important;
}
.topbarmenu > li:first-child > ul,
.zl_mainmenu2 > li:first-child > ul,
.zl_mainmenu > li:first-child > ul,
.header3mobile_menu > li:first-child > ul
{
left: 0
}
.zl_mainmenu2 .zl_searchcaller {
display: none
}
.zl_navbar2 {
position: relative
}
.socheader {
padding: 0 20px
}
.socheader li a {
padding: 0 7px;
font-size: 16px;
line-height: 30px;
}
.zl_mainbarhead2 {
text-align: center;
padding-top: 10px;
}
.zl_mainbarhead2 div {
float: none
}
.zl_mainbarhead2 .zl_tagline {
margin: 0;
text-align: center;
width: 100%;
line-height: 120%;
clear: both;
overflow: hidden;
display: block;
}
.zl_fullslide.owl-carousel .owl-controls .owl-nav {
position: absolute;
bottom: 20px;
width: 100%;
text-align: center;
width: 100%;
left: 0;
right: 0;
margin: 0 auto;
}
.zl_fullslide.owl-carousel .owl-controls .owl-nav div {
position: relative;
left: inherit!important;
right: inherit!important;
top: inherit!important;
bottom: inherit!important;
display: inline-block;
margin: 0 10px;
}
#zl_maincontent.right-sidebar #zl_sidebar {
margin-left: 0;
width: 100%;
max-width: 100%;
}
#zl_maincontent.right-sidebar #zl_sidebar img {
width: 100%
}
.zl_footer_soc .row .row {
margin: 0
}
.zl_footer_soc {
padding-left: 30px;
padding-right: 30px;
}
.zl_navbar2 {
display: none
}
.zl_post,
.zl_whitebox,
body.page .zl_post:not(.post)
{
padding-top: 50px;
padding-left: 40px;
padding-right: 40px;
padding-bottom: 50px;
}
.zl_post {
padding-bottom: 0
}
.zl_widget {
width: 95%;
margin-right: auto;
margin-left: auto;
} .zl_footer_soc form {
width: 100%;
display: block;
margin: 20px auto;
}
.zl_newsletter {
text-align: center;
margin-bottom: 30px;
}
.zl_newsletter * {
width: 100%;
display: block;
}
.zl_footer_soc input[type="text"],
.zl_footer_soc input[type="email"],
.zl_footer_soc input[type="password"] {
margin-left: 0;
margin-right: 0;
margin-bottom: 10px;
}
.zl_footer_soc .zl_socicon {
text-align: center
}
.zl_footer_soc .zl_socicon li a {
margin: 0 2px!important;
width: 35px;
height: 35px;
line-height: 35px!important;
}
.zl_footer_soc .zl_socicon li.social_label {
display: block;
width: 100%;
margin-bottom: 20px;
}
.zl_footerinner iframe {
width: 100%;
height: auto;
}
.zl_footerinner {
padding: 40px
}
#zl_maincontent.right-sidebar #zl_sidebar,
#zl_maincontent.left-sidebar #zl_sidebar {
margin-left: auto;
margin-right: auto;
max-width: 780px;
width: 91%;
float: none;
display: block;
}
.zl_widget {
width: 48%;
margin: 1%;
float: left;
display: block;
vertical-align: top;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) { 
.zl_navmenu {
width: 100%
}
.is-sticky .zl_mainbarhead2 .zl_logo,
.is-sticky .zl_mainbarhead2 .zl_tagline {
display: none;
line-height: 100%;
padding: 0;
}
.is-sticky .zl_mainbarhead2 {
padding-top: 0
}
.is-sticky .zl_mainbarhead2 .m_menu_btn_big {
margin: 0
}
.is-sticky .zl_mainbarhead2 .zl_mainmenu2 {
overflow-y: auto;
height: auto;
}
.zl_post,
.zl_whitebox,
body.page-template-homepage .zl_post
{
padding-left: 20px!important;
padding-right: 20px!important;
margin-left: auto;
margin-right: auto;
width: 100%;
}
#zl_maincontent {
width: 90%;
margin-left: auto;
margin-right: auto;
} .zl_post.format-quote:before {
display: none
}
.format-quote.zl_post {
padding-bottom: 50px!important
}
.format-quote .zl_content blockquote p small:before,
.format-quote .zl_content blockquote p cite:before {
width: 20px;
left: -40px;
}
.format-quote .zl_content blockquote p small:before,
.format-quote .zl_content blockquote p cite:after {
width: 20px;
right: -40px;
}
.zl_pagination {
margin-bottom: 50px
}
#zl_maincontent.right-sidebar #zl_sidebar,
#zl_maincontent.left-sidebar #zl_sidebar {
width: 100%
}
.zl_mainmenu>li>a {
padding-left: 15px;
padding-right: 15px;
}
.fitgrid_caption{
padding: 10px;
font-size: 14px;
}
.fitgrid_caption h2, .fitgrid.w2 .fitgrid_caption h2 {
font-size: 14px;
}
.fitgrid_caption{
padding: 0;
font-size: 12px;
bottom: 0;
}
.fitgrid_caption h2{
font-size: 16px;
}
.fitgrid_caption h2, .fitgrid.w2 .fitgrid_caption h2 {
font-size: 14px;
}
.fitgrid_meta{
font-size: 12px;
margin-bottom: 5px;
}
.fitgrid_caption h2, .fitgrid.w2 .fitgrid_caption h2{
margin-bottom: 5px
}
.fitgrid_readmore a{
font-size: 12px;
padding: 15px 10px;
}
.fitgrid_cat{
display: none;
}
}
@media only screen and (max-width: 640px) { 
.is-sticky .zl_mainbarhead2 .zl_logo,
.is-sticky .zl_mainbarhead2 .zl_tagline {
display: none;
line-height: 100%;
padding: 0;
}
.is-sticky .zl_mainbarhead2 {
padding-top: 0
}
.is-sticky .zl_mainbarhead2 .m_menu_btn_big {
margin: 0
}
.zl_post,
.zl_whitebox {
padding-left: 20px;
padding-right: 20px;
margin-left: auto;
margin-right: auto;
width: 100%;
}
#zl_blogroll {
width: 100%
}
#zl_maincontent.right-sidebar #zl_sidebar,
#zl_maincontent.left-sidebar #zl_sidebar {
margin-left: auto;
margin-right: auto;
width: 95%;
float: none;
display: block;
}
.zl_widget {
width: 100%;
margin: 0 auto 30px;
float: left;
display: block;
vertical-align: top;
}
.zl_pagination {
margin-bottom: 50px
}
}
@media only screen and (width: 1024px) { 
.is-sticky .light.zl_navmenu {
width: 100%
}
.zl_footer_soc {
text-align: center
}
.zl_socicon {
text-align: center!important;
margin-top: 30px;
}
iframe {
width: 100%;
height: auto;
}
}
@media only screen and (min-width: 1024px) { 
.zl_navbar2, .topbarmenu {
display: inherit!important
}
}
@media only screen and (min-width: 900px) and (max-width: 1024px) { 
.zl_smallbarhead2,
.zl_mainbarhead2 {
padding-left: 30px;
padding-right: 30px;
}
.zl_mainmenu2>li>a {
padding: 0 10px
}
.zl_mainbarhead2 .zl_tagline {
margin-left: 15px
}
.zl_logo img {
max-height: 35px;
width: auto!important;
}
.zl_post,
.zl_whitebox {
max-width: 95%;
margin-left: auto;
margin-right: auto;
width: 95%;
}
#zl_blogroll {
max-width: 840px;
margin-left: auto;
margin-right: auto;
width: 95%;
display: block;
}
.zl_pagination {
max-width: 840px;
margin-left: auto;
margin-right: auto;
width: 95%;
margin-bottom: 50px;
}
#zl_maincontent.is_sidebar #zl_blogroll {
display: block
}
#zl_maincontent.right-sidebar #zl_sidebar,
#zl_maincontent.left-sidebar #zl_sidebar {
margin-left: auto;
margin-right: auto;
max-width: 815px;
width: 95%;
float: none;
display: block;
}
.zl_widget {
width: 31%;
margin: 1%;
float: left;
display: block;
vertical-align: top;
}
.zl_insta img {
height: auto;
width: auto;
}
.zl_footer_soc .row .row {
margin: 0
}
}