@media (min-width: 1200px)
{
.container 
{
max-width: 1280px;
} 
.single-post .area-content.nosidebar .gallery {
margin-bottom: 4.5em;
width: 120%;
margin-left: -10%;
}
}
@media (max-width: 1199px)
{
.navbar-expand-md .navbar-nav .nav-link {
padding: 1.9rem 1.2rem;
}
}
@media (max-width: 991px)
{
.hexagon {  
height: 40px;  
top: calc(50% - 20px);
}
.container {
max-width: 100%;
}
.navbar-expand-md .navbar-nav .nav-link, .sticky .navbar-expand-md .navbar-nav .nav-link {
padding: 0.8rem 1rem;
}
#page:not(.mobile) .navbar-brand {
width: 150px;
}
#page.boxed {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.post-navigation .nav-previous a, 
.post-navigation .nav-next a{    
color: var(--color);    
}
.post-navigation {
background: repeating-linear-gradient(45deg, var(--color), var(--color) 2px, #fff 2px, #fff 6px);
padding: 10px;
float: left;
width: 100%;
}
.post-navigation .nav-links
{
background: #fff;
float: left;
width: 100%;
padding: 15px;
}
.admin-bar .menu-center .sticky .navbar-expand-md .navbar-nav {
margin-top: 10px;
margin-bottom: 10px;
}
#dl-menu ul{
background-image: none !important;
padding: 0px !important;
}
.dl-menuwrapper .navbar-brand {
padding-top: 0.3125rem;
padding-bottom: 0.3125rem;
width: 70px;
}
button.dl-trigger, .dl-menuwrapper button.dl-active, 
.dl-menuwrapper button.dl-trigger,
.dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active {
background: transparent;
padding: 0px;
}
.mobile .navbar-nav .dropdown-menu {
background: #f4f6f7; 
background-color: #f4f6f7;
}
.dl-menuwrapper button:after {
content: '';
position: absolute;
width: 100%;
height: 3px;
background: #fff;
top: 10px;
right: 0%;
left: auto;
}
.dl-menuwrapper button:after {
background: #747474;
box-shadow: 0 10px 0 #747474, 0 20px 0 #747474;
}
}
.w-md-100
{
width: 100%;
}
@media (max-width: 767px)
{
.navbar,
.sticky-header{
transition: all .0s ease;
}
.w-md-100
{
width: inherit;
}
.admin-bar .menu-center .sticky .navbar-expand-md .navbar-nav {
margin-top: 0px;
margin-bottom: 0px;
}
.menu-center .sticky .navbar-expand-md .navbar-nav {
margin-top: 0px;
margin-bottom: 0px;
}
.navbar-expand-md .navbar-nav .nav-link
{
text-align: left;
}
.admin-bar .menu-center .navbar-expand-md .navbar-nav {
margin-top: 0px;
}
.menu-center .navbar-expand-md .navbar-nav > .menu-item {
border-top: 0px solid #dfe5e8;
border-bottom: 1px solid #dfe5e8;
}
.top-social li a {
line-height: 65px;
}
.search-bar ul:not(.children) {
max-height: 65px;
}
.mobile-bottom-border
{
border-bottom: 1px solid #ccc;
}
.top-social {
position: absolute;
right: 60px;
top: 0px;
height: 100%;
line-height: 100%;
border-right: 1px solid #E6EAEA;
}
.single-post .area-content .gallery {
margin-bottom: 1.5em;
width: 100%;
margin-left: -0%;
}
ol.children {
margin: 0px;
padding: 0px;
}
.display-1
{
font-size: 3rem;
}
.m-top-100
{
margin-top: 0px;
}
ol.commentlist li.comment div.reply a {
padding: 5px 7px;
}
ol.commentlist li.comment div.reply {
position: relative;
right: 6px;
}
#comments
{
float:none;
}
ul, ol {
margin: 0 0 1.5em 1em;
padding-left: 15px;
}
.post-related-posts .flex-direction-nav {
right: 30px;
}
body .custom-heading
{
font-size: 40px !important;
line-height: 50px !important;
}
body .custom-heading-2
{
font-size: 22px !important;  
line-height: 20px;
}
.slick-next {
right: -10px;
}
.slick-prev {
left: -10px;
}
.mobile .header-container {
padding-top: 0px;
padding-bottom: 0px;
border-bottom: 1px solid #ccc;
}
.mobile-cart
{
font-size: 30px;
padding: 17px 20px;
border-right: 1px solid #ccc;
height: 100%;
border-left: 1px solid #ccc;
display: block;
float: right;
position: absolute;
right: 60px; 
}
.jxpress-flip-box h5, .jxpress-flip-box h6 {   
top: 70%;
}
#page-title h1 {   
line-height: 2rem !important;  
font-size: 1.5rem !important;  
}
#page-title {
padding-bottom: 58px !important;  
padding-top: 30px !important;  
}
#page.mobile .sticky-header.sticky
{
opacity: 1 !important;
}
.single-post .area-content
{
margin-top: -15px;
}
.admin-bar .sticky-header.sticky + #main-site {
top: 0px;
}
.sticky-header.sticky + #main-site {
padding-top: 0px;
}
body .vc_custom_1539253129211 {
padding-top: 30px !important;
padding-bottom: 0px !important;
}
.vc_custom_1539242917507 {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.vc_custom_1539253567827, .vc_custom_1539253482560 {
padding-top: 30px !important;
padding-bottom: 30px !important;
}
.vc_custom_1539253540522 {
padding-top: 30px !important;
}
.jxpress-loop .custom-loop-post:nth-child(2), .jxpress-loop .custom-loop-post:nth-child(3) {
width: 100%;
float: left;
}
.jxpress-loop .custom-loop-post:nth-child(2) .sl-icon svg, .jxpress-loop .custom-loop-post:nth-child(3) .sl-icon svg {
fill: currentColor;
width: 2em;
height: 2em;
}
.jxpress-loop .custom-loop-post:nth-child(2) .meta-seperator i, .jxpress-loop .custom-loop-post:nth-child(3) .meta-seperator i, .jxpress-loop .custom-loop-post:nth-child(2) .socials-sharing i, .jxpress-loop .custom-loop-post:nth-child(3) .socials-sharing i {
font-size: 2em;
}
.jxpress-loop .custom-loop-post:nth-child(2) span.hid, .jxpress-loop .custom-loop-post:nth-child(3) span.hid {
display: block;
}
.single-post.is-single-image .area-content {
margin-top: 0px;
}
.single-post-image {
margin-top: 0px;
border-top: 0px solid #fff;
z-index: 1000000000;
background: #fff;
}
.b-thing__wrap
{
display: block;
float: left;
width: 100%;
flex: none;
}
.b-playlist__wrap
{
display: block;
}
.b-playlist__half.cc-list-right
{
flex: none;
float: left;
padding-left: 0px;
}
.b-play-list__item {
padding: 0px 10px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin-top: 20px;
}
}
@media only screen and (max-width: 640px)
{
.tinv-wishlist table.tinvwl-table-manage-list tbody td:not(:last-child) {
border: 1px solid #ccc;
border-bottom: none;
}
.tinv-wishlist table.tinvwl-table-manage-list tbody td:last-child {
border-top: 1px solid #ccc;
}
}
@media (max-width: 540px)
{
.post-navigation .nav-previous
{
margin-bottom: 2rem;
}
.post-navigation .nav-next, .post-navigation .nav-previous {
float: left;
text-align: left;
width: 100%;
}
.main-sidebar{
width:calc(100% - 40px);
}
.main-sidebar .toggle{
width: 30px;
height: 40px;
line-height: 40px;
font-size: 20px;
}
.opensidebar .main-sidebar .toggle{
left:calc(100% - 40px);
right:auto;
}
.opensidebar .main-sidebar.right .toggle{
right:calc(100% - 40px);
left:auto;
}
}
@media (max-width: 380px)
{
.top-social li a {
padding: 0px 15px;
}
.normal-footer h2, .normal-footer  .h2 {   
font-size: 1.5rem;
line-height: 1.5;
}
body h2.custom-heading {
font-size: 34px !important;
line-height: 34px !important;
}
body .custom-heading-2 {
font-size: 18px !important;
line-height: 20px;
}
.countdowntime
{
width:45% !important;
margin-bottom: 10px;
}
}