@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: 30px !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;
    }

}