@media (max-width: 768px) {
.d-mob{display: block;text-align: center;}
.d-desk{display: none}
.vlog-cover-custom{margin-top:10px;}
.vlog-cover-custom img {max-width: 90%;}
.vlog-featured-info-bg-custom {padding:0 30px;}
.vlog-highlight-custom {text-align: left;}
.entry-category-custom {color: #E7217A;}
.entry-category-custom span a {color: #E7217A;}
.entry-meta-custom{justify-content: space-between;}
body .vlog-share-single {
width: 30%;
padding: 0 0 0 0;
margin: 0 0 0 0;
}
body .vlog-share-single .meks_ess.circle a {
width: 25px !important;
min-width: 25px !important;
}
} @media (max-width: 480px) {
.d-mob{display: block;text-align: center;}
.d-desk{display: none}
.pll-choose {
text-align: left;
margin-left: 18px !important;
margin-top: 15px !important;
margin-bottom: 0 !important;
}
.menu-item-13912 {
position: absolute !important;
width: 100%;
margin: 0 0 0 0;
top: 60%;
}
.menu-item-13921, .menu-item-14024, .menu-item-14028 {
width: 100%;
padding: 0 8px 0 5px;
}
.dl-menuwrapper li a {
font-family: Montserrat, sans-serif;
font-weight: 600;
font-size: 16px;
color: #2D358C;
text-transform: capitalize;
border-bottom: 1px solid rgba(99, 91, 195, 0.27);
padding-top: 1.5rem;
}
.dl-menuwrapper li a.vlog-menu-forward {
bottom: 0 !important;
}
ul.footer-pll-d-mob {position:relative; display: flex;}
li.footer-pll-d-mob{
display: flex;
position: absolute !important;
justify-content: space-between;
}
li.pll-parent-menu-item .menu-item .menu-item-type-custom .menu-item-object-custom .menu-item-has-children .menu-item-13912 a {
bottom: 0;
left: 0;
border-bottom: none;
}
.sidebar-left-hometemplate3 {
width: 65vw;
height: 100%;
position: fixed;
left: 0;
top: 0;
margin-left: -65vw;
transition: all 0.3s ease;
z-index: 9999;
background: rgba(255,255,255,0.95);
}
.sidebar-left-hometemplate3.showed {
margin-left: 0;
}
.vlog-responsive-header.vlog-res-open {
width: 65%;
height: 100%;
top: 0 !important;
z-index: 99999;
}
.vlog-sidebar, .vlog-site-branding {
max-width: 120px !important;
}
.vlog-responsive-header {
top: 65px !important;
z-index: 8001;
}
.dl-menuwrapper button {
left: 20px;
color:#484848 !important;
}
.dl-menuwrapper .dl-menu.dl-menuopen, .vlog-res-open .dl-menu, .vlog-res-open .vlog-no-responsive-nav {
position: relative;
width: 80% !important;
margin-left: auto !important;
margin-right: auto !important;
height: auto;
}
li.menu-item-13921 a, li.menu-item-14024 a, li.menu-item-14028 a {
margin-top: 3rem;
border-bottom: none;
background: #E7217A;
border-radius: 44px;
color: #fff !important;
box-shadow: 1px 3px 8px #999;
width: 100%;
text-align: center;
height: auto;
padding: 10px;
font-weight: 500;
}
.navbar-app-yooppe {
position: fixed;
display:flex;
top:0;
z-index: 8001 !important;
background: #fff;
width: 100%;
height: 65px;
align-items: center;
padding-top: 10px;
padding-bottom: 10px;
justify-content: space-around;
}
.item-navbar-app-yooppe {
margin-left: 15px;
font-family: 'Montserrat', sans-serif;
color: #000;
font-size: 10px;
font-weight: 700;
line-height: 16px;
text-align: left;
}
.item-navbar-app-yooppe span {
font-weight: 500;
}
.item-navbar-app-yooppe:link, .item-navbar-app-yooppe:visited {
background-color: #ED1E79;
border: 1px solid #ED1E79;
color: #fff;
box-shadow: 0px 0px 8px 0px #FF6CAE;
padding: 10px;
border-radius: 25px;
}
.content-sections{border: none;}
.left-section {display: none;}
.download-section{display: none}
.social-links{display: none}
.stats{display: none}
a.vlog-menu-forward {
position: absolute;
right: 15px;
top: unset !important;
background: rgba(17, 17, 17, .1);
z-index: 99999;
font-size: 12px;
line-height: 22px;
text-align: center;
display: inline-block;
height: 32px;
width: 32px;
padding: 5px 10px;
cursor: pointer;
bottom: 150px !important;
}
.left-section-mob {
width: 100%;
text-align: center;
}
.left-section-mob h2 {
font-family: Montserrat, sans-serif;
font-size: 19px;
font-weight: 700;
line-height: 29px;
color: #2D358C;
}
.left-section-mob p {
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 17px;
color: #2D358C;
}
.social-links-mob {
display: flex;
gap: 20px;
justify-content: center;
}
.social-links-mob a {
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
text-decoration: underline;
color: #E7217A;
display: flex;
align-items: center;
}
.social-links-mob a img {
width: 32px;
height: 32px;
margin-right: 5px;
}
.vlog-cover-bg {
background: linear-gradient(rgba(130, 121, 242, 1) 20%, rgba(255, 108, 174, 1) 100%) !important;
height: 505px !important;
margin-top: 0 !important;
}
.category .vlog-cover-bg {
background: linear-gradient(rgba(130, 121, 242, 1) 20%, rgba(255, 108, 174, 1) 100%) !important;
height:545px !important;
}
.vlog-no-sid .vlog-content {margin-top: 5px !important;}
.category .vlog-featured-item {height: 505px !important;}
.category .vlog-no-sid .vlog-content {margin: 75px 0 !important;}
.vlog-site-footer {text-align:center;}
.footer-entry-title-mob{color:#fff !important;font-size: 12px !important;}
.footer-logo-mob{width:50%;margin-bottom:5px;}
.icon-store{margin: 5px 5px;} article.post.type-post {margin-top:100px;}
article.vlog-lay-e {margin-top: 0 !important;margin-bottom: 20px;} .entry-title.h6 {color: #fff !important;margin-top:10px;} .vlog-featured-item {
background: linear-gradient(rgba(255, 108, 174, 1) 50%, rgba(130, 121, 242, 1) 80%) !important;
margin-top: 14px;
}
.vlog-highlight {background: transparent !important;text-align: left;}
.vlog-breadcrumbs, .vlog-breadcrumbs:link {
height: auto;
margin-top: 20px;
}
.category .vlog-breadcrumbs {
display: none !important;
}
article .vlog-cover{
width: 80%;
left: 0;
right: 0; margin-left: auto;
margin-right: auto;
border-radius: 10px;
}   #toc_container {
display:block !important;
border: none !important;
background-color: rgba(122, 122, 122, 0.08) !important;
margin: 0 0 20px 0 !important;
border-radius: 10px;
}
#toc_container a {
padding-left: unset !important;
color: #555;
}
#toc_container .toc_list {
list-style-type: none;
padding-left: 20px !important;
padding-right: 5px !important;
margin-top: 0 !important;
}
#toc_container ul {
text-align: left !important;
font-size: 12px;
font-weight: 700 !important;
text-transform: unset;
padding: 10px !important;
}
#toc_container .toc_list > li::before {
content: '>';
color: rgba(72, 72, 72, 0.27);
font-size: 12px;
margin-right: 12px;
}
.toc_list li a {
font-size: 12px;
font-weight: 500;
padding: 5px 20px;
list-style-type: none !important;
color: #555;
}
.toc_title {
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
text-align: left !important;
padding-left: 3px !important;
}  .facebook-page-like {margin: 20px 0 20px 0;} #toc-widget-2 {display:none !important;}
.widget_fbw_id{display: none!important;}
.vlog_posts_widget{display: none !important;}
.box-im_search_widget{display: none !important;} .widget.next_posts {
background: linear-gradient(180deg, rgba(255, 108, 174, 0.5) 0, rgba(237, 30, 121, 1) 100%);
border: none;
border-radius: 10px;
box-shadow: 0 0 5px #999;
text-align: center;
color: #fff;
margin-top: 0 !important;
}
.next_posts span {
font-family: Montserrat, sans-serif;
font-size: 20px;
color:#fff!important;
font-weight:600;
text-transform: none;
}
.next_posts:link {color:#fff!important;}
.button_next_post:link, .button_next_post:visited {
background-color: #fff;
border: 1px solid #ED1E79;
color: #ED1E79;
margin-top: 15px;
text-decoration: none;
font-weight: 600;
padding: 10px;
box-shadow: 0p 0 8px 0 #FF6CAE;
border-radius: 25px;
}
.entry-image{
border-radius: 10px;
width:80%;
margin-left: auto;
margin-right: auto;
} .vlog-load-more a {
font-weight: 700;
font-size: 16px;
line-height: 19px;
}
.vlog-ad {
width:90%;
margin-top: 0;
}
.vlog-pagination{margin-bottom: 0;}
.vlog-featured-info-bg {padding: 30px 42px 36px;}
.vlog-cover-bg img {margin-top: 25px;}
.meks_ess {
justify-content: flex-end !important;
}
article.post.type-post.vlog-post {margin-top: 0 !important;}
.pll-footer-mob li{display: inline;}
.pll-footer{display: none;}
.vlog-responsive-header.vlog-res-open .pll-footer {
display: block;
}
.menu-item-14033, .menu-item-14034, .menu-item-14035 {display: none;}
.pll-footer li {
display:inline-block;
width: 70px;
max-width: 70px;
}
.dl-menuwrapper .pll-footer li a {
border-bottom: none;
padding: 0 7px !important;
}
}