/* @containers
********************************************************************************************
********************************************************************************************/
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
.container,
.container_alt{
width: 100%;
max-width: 1400px;
margin: 0 auto;
padding: 0 35px;
position:relative;
}

.head_container,
.container_alt{ overflow:visible;}

#footer .container{ background:none !important; }

.head_container,
#footer .container{ padding:0 35px;}

.home h1,
.home h2,
.home h3,
.home h4,
.home h5,
.home h6{
    font-family: 'Ivy Mode';
    line-height: 1.2;
}
.home p{
    font-family: "Inter", sans-serif;
}
.home h1 {
    font-size: 80px;
    color: #fff;
    text-transform: capitalize;
    margin-bottom: 20px;
}

.hero-item p {
    font-size: 20px;
    color: #fff;
}

.home .container {
    max-width: 1400px;
    padding-left: 50px;
    padding-right: 50px;
}

.hero-item {
    max-width: 860px;
    margin: 0 auto;
}

.home .btn {
    background-color: #4F372F;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 700;
    border-radius: 8px;
    font-family: "Inter", sans-serif;
    letter-spacing: 0.09em;
    background-image: url(../../../wp-content/uploads/2025/05/arrow.svg);
    background-repeat: no-repeat;
    background-position: right 30px center;
    padding-right: 65px;
}
.hero-item .btn:hover{
    background-color: #e65050 !important;
}
#bbp-search-form input{
    border-radius: 8px;
}
.hero-content {
    margin-bottom: 30px;
}
#header .head_container{
    transition: 0.6s ease;
}
.is-sticky #header .head_container{
    background: #000 !important;
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}
.hero-section {
    padding: 190px 0 100px;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background-position: center;
}
.hero-section:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100px;
    left: 0px;
    bottom: 0px;
    background: linear-gradient(180deg, rgba(13, 13, 13, 0) 18.5%, #4F372F 100%);
    z-index: 11;
}
.home .btn:hover {
    background-color: #000;
    color: #fff;
}
.hero-tag {
	/*background:#0D0D0D;*/
    background: #4F372F;
	
    padding: 30px 0;
    border-bottom: 1px solid #ffffff14;
}
#titles {
    width: 310px !important;
}
#navigation li a {
    text-transform: capitalize;
    font-size: 14px;
}

#navigation li {
    margin: 0 15px;
}
.hero-tag h3 {
    color: #fff;
    margin: 0;
    font-size: 28px;
    text-transform: capitalize;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
}
/* .hero-tag-cover:before, .hero-tag-cover:after {
    content: "";
    height: 32px;
    width: 32px;
    background: url(../../../wp-content/uploads/2025/05/star.svg);
    margin: 0 30px;
} */
.hero-tag h3:after{
    content: "";
    height: 32px;
    width: 32px;
    background: url(../../../wp-content/uploads/2025/06/star.svg);
    margin: 0 30px; 
    display: inline-block;
    vertical-align: middle;
}
#titles,
#navigation {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}
.video-section {
    padding: 86px 0;
    background: #000;
    color: #fff;
}

.video-section h2 {
    color: #fff;
}

.video-section h2 span {
    color: #4F372F;
}

/* .home h2 {
    font-size: 48px !important;
} */

.video-section p {
    font-size: 20px;
}

.video-block {
    margin-top: 40px;
    max-width: 990px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}
.video-img-ratio video {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    visibility: hidden;
}
.video-img-ratio video.is-visible{
    opacity: 1;
    visibility: visible;
}

.video-img-poster.is-hidden{
    opacity: 0;
    visibility: hidden;
}

.video-img-ratio > a {
    padding-top: 55.56%;
    position: relative;
    display: block;
}

.video-img-ratio > a img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.video-img-ratio > a:before {
    content: "";
    height: 100px;
    width: 100px;
    background: url(../../../wp-content/uploads/2025/05/play.svg);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
}
.client-intro-section {
    background: url(../../../wp-content/uploads/2025/05/section-bg.png);
    /* background-size: cover; */
    padding: 100px 0;
    background-repeat: repeat;
}

.col-4{
    width: 40%;
}
.col-8{
    width: 60%;
}

.c-i-img {
    border: 1px solid #1212121a;
    padding: 12px;
    border-radius: 10px;
}

.c-i-img img {
    width: 100%;
}

.gap-40 {
    gap: 40px;
}

.client-content p {
    font-size: 18px;
    line-height: 1.6;
}

.client-content p:not(:last-child) {
    margin-bottom: 25px;
}

.client-intro-section .btn {
    margin-top: 40px;
    display: inline-block;
    vertical-align: top;
}

.footer-phone a, .footer-mail a, .footer-address {
    position: relative;
    padding-left: 55px;
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    font-family: "Inter", sans-serif;
}

.footer-phone a:before {
    content: "";
    height: 40px;
    width: 40px;
    background: url(../../../wp-content/uploads/2025/05/call.svg);
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid hsl(0deg 0% 100% / 26%);
    border-radius: 50px;
    background-repeat: no-repeat;
    background-position: center;
}

.footer-phone, .footer-mail, .footer-address {
    margin-bottom: 18px;
    line-height: 1.2;
}

.footer-mail a:before {
    content: "";
    height: 40px;
    width: 40px;
    background: url(../../../wp-content/uploads/2025/05/envelop.svg);
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid hsl(0deg 0% 100% / 26%);
    border-radius: 50px;
    background-repeat: no-repeat;
    background-position: center;
}

.footer-address:before {
    content: "";
    height: 40px;
    width: 40px;
    background: url(../../../wp-content/uploads/2025/05/location.svg);
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid hsl(0deg 0% 100% / 26%);
    border-radius: 50px;
    background-repeat: no-repeat;
    background-position: center;
}

#footer .foocol:first-child {
    width: 36%;
}

#footer .foocol {
    width: 22%;
    padding: 0;
    margin-bottom: 50px;
}

#footer > .container {
    gap: 100px;
    display: flex;
    /* flex-wrap: wrap; */
} 
#footer .foocol:nth-child(2), #footer .foocol:nth-child(3) {
    width: 16%;
}

#footer {
    padding: 70px 0 15px;
}
#footer .foocol .textwidget {
    margin-bottom: 0;
}
.footer-logo {
    width: 100%;
}
ul.social-menu li a{
    color: #fff;
    border: 1px solid #ffffff42;
    display: flex;
    align-items: center;
    justify-content: center;
}

#footer .foocol h2:after {
    display: none;
}

#footer .foocol h2 {
    text-transform: capitalize;
    font-size: 16px !important;
    padding-bottom: 0;
}

#footer .foocol ul li {
    padding: 0 0 25px 0;
    display: block;
    line-height: 1.2;
}

.foocol .textwidget p {
    font-size: 16px;
    color: #ffffffcc;
    line-height: 1.4em;
}

a.searchSubmit, .ribbon, input.button, button.submit, .subscription-toggle, .widgetable ul.menu>li.current-menu-item>a, #respond #submit, li.current a, .page-numbers.current, a.mainbutton, .flex-direction-nav a, .wrapper a.mainbutton, #submit, #comments .navigation a, .tagssingle a, .contact-form .submit, .wpcf7-submit, a.comment-reply-link, ul.social-menu li a:hover, .meta_more a, a.flex-active, #bbpress-forums fieldset.bbp-form legend, .bbp-pagination-links a:hover, .bbp-pagination-links span.current{
    border-radius: 8px;
}

li.bbp-forum-info, li.bbp-topic-title{
    width: 48%;
}

li.bbp-topic-views,
li.bbp-topic-view-count {
    text-align: center;
    float: left;
    width: 10%;
}

li.bbp-forum-freshness, li.bbp-topic-freshness{
    padding-left: 15px;
}
.wpcf7 label {
    font-size: 16px;
    font-style: normal;
}

.wpcf7 input[type="text"], .wpcf7 input[type="email"] {
    height: 44px;
    border-color: #00000059;
    border-radius: 8px;
}
.wpcf7 textarea{
    border-color: #00000059;
    border-radius: 8px;
}

.wpcf7-form .wpcf7-submit {
    font-size: 19px !important;
    width: auto !important;
    font-weight: 600;
    padding: 12px 30px !important;
}

body #bbpress-forums fieldset.bbp-form{
    padding: 30px 20px 10px;
}
.bbp-login-form .bbp-email, .bbp-login-form .bbp-password, .bbp-login-form .bbp-remember-me, .bbp-login-form .bbp-submit-wrapper, .bbp-login-form .bbp-username{
    margin-top: 25px;
}
/* @columns
********************************************************************************************
********************************************************************************************/

.onecol, .twocol, .threecol, .fourcol, .fivecol,.fifthcol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol,.warpbox {
margin-left:0;
float: left;
min-height: 1px;
}

.mobilenav.d-md-none {
    display: none;
}

/*sidebar*/
.fourcol,
.headcol.last{ width:35%; padding:0 0;margin:0 0 40px 0; min-height:1px; float:right;}

.headcol.last{margin:60px 0;}

/*content*/
.eightcol,
.headcol.first{width:65%;padding:0 35px; margin:0 0 40px 0; min-height:1px; float:left;}

.headcol.first{margin:60px 0;}

/* sidebar position */
.postbarLeft .eightcol{ float: right !important}

.postbarLeft .fourcol{ float: left !important}

.postbarNone .eightcol{ width:100%;}

.postbarNone .entryhead iframe{ width:100%;}


.sixcol{width:50%}

.first,
.ml-first {margin-left: 0px !important;}

.widgetable{
	padding:0 0;
	overflow:hidden;
	margin:0 0 0 0;
}

#left-sidebar .widgetable{ border:none;}

.postbarLeft .widgetable{margin:0 0 0 0;}

.hamburger{
    display: none;
}

.cell-8 {
    width: 80%;
}

.cell-4 {
    width: 20%;
    text-align: right;
}

.row.no-gutters {
    display: flex;
}

.d-flex{
    display: flex;
}
.justify-content-end {
    justify-content: flex-end;
}

.track {
    white-space: nowrap;
    will-change: transform;
    animation: marquee 50s linear infinite;
}

 input.button, button.submit, .bbp-pagination-links a:hover, .bbp-pagination-links span.current{
    border-radius: 8px;
}
ul.social-menu li a:hover{
    border-radius: 50px;
}

#bbpress-forums .bbp-pagination-links span.dots{
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}


@keyframes marquee {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

#bbpress-forums #bbp-your-profile fieldset input, #bbpress-forums #bbp-your-profile fieldset textarea{
    width: 60% !important;
}

@media screen and (min-width: 780px) {
	
	#woo-site .eightcol{width:80%;}
	#woo-site .fourcol{width:20%;}
	
}

/* Membership plan */
body .mepr-price-menu {
    padding: 60px 0 0 0;
}

body .mepr-price-menu .mepr-price-boxes .mepr-price-box-title {
    font-size: 30px !important;
}

body .mepr-price-menu .mepr-price-boxes .mepr-most-popular{
    background: #4F372F;
}

body .mepr-price-menu .mepr-price-boxes .mepr-price-box-content{
    padding: 40px 10px 10px;
}

.page #sidebar.fourcol,
.forum-archive #sidebar.fourcol{
    width: 25%;
}
.page #content.eightcol,
.forum-archive #content.eightcol{
    width: 75%;
}
body .mepr-price-menu .mepr-price-boxes .mepr-price-box{
    width: 33.33%;
}

.mepr-price-box-head .mepr-price-box-heading {
    margin-bottom: 0 !important;
}

body .mepr-price-box {
    margin: 10px;
}

.mepr-price-boxes {
    gap: 5px !important;
}

.mepr-price-menu .mepr-price-boxes .mepr-price-box.highlighted a{
    background: #4F372F;
    border-color: #4F372F;
}

body .entry p a, 
body .entry li a,
body #bbpress-forums a.bbp-topic-permalink {
    color: #0a0a0a;
}

body #bbpress-forums li.bbp-header, 
body #bbpress-forums fieldset.bbp-form {
    background-color: #f5f5f5;
}



/* @responsive mode
********************************************************************************************
********************************************************************************************/

@media screen and (max-width: 1430px) {
    .hero-tag h3{
        font-size: 25px;
    }
    #titles{
        width: 250px !important;
    }
    #footer > .container{
        gap: 40px;
    }
}

@media (max-width: 1340px){
    #navigation .tmnf_special > a{
        padding-left: 20px;
    }
}

@media screen and (max-width: 1195px) {

.meta_full span.divider{ margin:0 3px;}

blockquote{ font-size:16px !important; line-height:1.4 !important;}
	
}

@media (max-width: 1199px){
    #titles {
        width: 230px !important;
    }
    .home .container{
        padding-left: 30px;
        padding-right: 30px;
    }
    .home h1{
        font-size: 70px;
    }
/*     .home h2 {
        font-size: 36px !important;
    } */
    #footer .foocol{
        width: 30%;
    }

    .hamburger{
        display: block;
    }
    #navigation{
        display: none;
    }
    .hamburger {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 1em;
        width: 1em;
        padding: 0;
        margin: 0;
        font-size: 50px;
        text-align: center;
        background-color: transparent;
    }
    
    .hamburger:not(.close) {
        position: absolute;
        top: 8px;
        right: 10px;
        z-index: 99;
    }
    
    .hamburger:hover,
    .hamburger:focus {
        background-color: transparent;
        outline: none;
    }
    
    .hamburger .line {
        display: block;
        width: 0.6em;
        height: 3px;
        margin: 6px auto;
        background-color: #4F372F;
        border-radius: 10px;
        border-radius: 10px;
    }
    
    .hamburger:hover {
        cursor: pointer;
    }
    
    .hamburger .wrap {
        display: block;
    }
    
    .hamburger.close {
        padding: 10px;
        position: relative;
        top: 10px;
    }
    
    .hamburger.close .wrap {
        position: relative;
        display: block;
        width: 0.6em;
        height: 0.6em;
    }
    
    .hamburger.close .line {
        position: absolute;
        top: calc(50% - 2px);
        width: 100%;
        margin: 0;
        background-color: #fff;
        transform: rotate(45deg);
    }
    
    .hamburger.close .line:last-child {
        transform: rotate(-45deg);
    }
    
    .menu-state {
        position: fixed;
        top: 0;
        bottom: 0;
        left: -100%;
        z-index: 1000001;
        width: 80%;
        max-width: 450px;
        background-color: #4F372F;
        transition: all 0.3s ease-in-out;
    }
    
    .mobilenav.is-open .menu-state {
        left: 0;
    }
    
    .mobilenav .nav-logo {
        padding: 15px;
    }
    
    .mobilenav ul,
    .mobilenav li {
        position: relative;
        padding: 0;
        margin: 0;
        list-style: none;
    }
    
    .mobilenav ul ul {
        display: none;
    }
    
    .mobilenav .caret {
        position: absolute;
        top: 0.35em;
        right: 2px;
        display: block;
        width: 1.8em;
        height: 1.8em;
        cursor: pointer;
        z-index: 111;
    }
    
    .mobilenav .caret:not(.trigger-caret) {
        pointer-events: none;
    }
    
    .mobilenav .caret:before,
    .mobilenav .caret:after {
        position: absolute;
        content: '';
        top: -2px;
        left: 0;
        bottom: 0;
        right: 0;
        display: block;
        margin: auto;
        width: 14px;
        height: 2px;
        background: #fff;
    }
    
    .mobilenav .caret:after {
        transform: rotate(-90deg);
        transition: all .2s ease;
    }
    
    .mobilenav .is-open>.caret:after {
        transform: rotate(0);
    }
    
    .mobilenav ul li {
        font-size: 20px;
    }
    
    .mobilenav ul a {
        display: block;
        padding: 0.5em 0.75em;
        color: #fff;
        font-size: 1em;
        text-decoration: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.25);
        z-index: 2;
        cursor: pointer;
    }
    
    .mobilenav li li {
        font-size: 16px;
    }
    
    .mobilenav .has-sub>a {
        padding-right: 1.875em;
    }
    
    .mobilenav li li a {
        padding-left: 1.875em;
    }
    
    .mobilenav li li li {
        font-size: 15px;
    }
    
    .mobilenav li li li a {
        padding-left: 2.67em;
    }
    
    .mobilenav .nav-backdrop {
        position: fixed;
        height: 100%;
        width: 100%;
        background: rgba(0, 0, 0, 0.8);
        transition: all 0.4s ease-in;
        opacity: 0;
        visibility: hidden;
        z-index: -1;
        top: 0;
    }
    
    .mobilenav.is-open .nav-backdrop {
        opacity: 1;
        visibility: visible;
        z-index: 1000000;
    }
    
    .mobilenav .menu-outer {
        max-height: calc(100vh - 80px);
        padding-bottom: 60px;
        overflow-y: auto;
    }
    .menu-outer ul li {
        display: block;
    }
    
    #main-nav>li {
        width: 100%;
        text-align: left;
        margin-left: 0 !important;
        background: transparent !important;
    }
    
    #main-nav>li a {
        color: #fff;
        padding: 18px 20px;
        background: transparent !important;
        font-size: 16px;
    }
    
    #main-nav {
        margin: 0 !important;
        padding: 0 !important;
        flex-wrap: wrap;
    }
    .mobilenav.d-md-none {
        display: block;
    }

    .nav-logo img {
        max-width: 200px;
    }
    #header .head_container{
        padding: 0;
    }
    .mepr-price-boxes .mepr-price-box-title {
        font-size: 24px !important;
    }
    body .mepr-price-menu .mepr-price-boxes .mepr-price-box-price {
        font-size: 30px;
    }
    body .mepr-price-menu .mepr-price-boxes .mepr-price-box .mepr-price-box-content{
        border-radius: 20px !important;
    }
}

@media (max-width: 1023px){
    .mobilenav.d-md-none {
        display: block;
    }
    .home h1 {
        font-size: 56px;
    }
    .video-section p {
        font-size: 18px;
    }
    .client-intro-section .items-center {
        align-items: flex-start;
    }
    .video-img-ratio > a:before{
        background-size: 60px;
        background-repeat: no-repeat;
        background-position: center;
    }
    #footer > .container{
        flex-wrap: wrap;
    }
    #footer .foocol:first-child {
        width: 40%;
    }
    #footer .foocol:nth-child(2), #footer .foocol:nth-child(3) {
        width: calc(30% - 40px);
    }
    #footer .foocol:last-child {
        width: 100% !important;
        margin: 0 !important;
    }
    .menu-item-has-children>a::after{
        display: none;
    }
    body .mepr-price-menu .mepr-price-boxes .mepr-price-box {
        width: calc(50% - 30px);
    }
}


/* iPad Landscape */
@media screen and (max-width: 1105px) {
	
	


.h_pad_fix,
.eightcol, .headcol.first,
.fourcol, .headcol.last{ padding:0 20px;}

#core,
.postbar{ margin-top:20px !important;}
	
 

.blogger div p.teaser{
    font-size: 14px;
    line-height: 1.8;
    margin: 10px 0;
}

.blogger div.post .entryhead, .blogger div.page .entryhead {margin: 0 25px 20px 0; max-width:40%;}


h1.entry-title{font-size: 2.9vw !important; line-height: 1.1 !important;}

h2{font-size: 2.1vw !important; line-height: 1.1 !important;}



li.bbp-forum-topic-count,
li.bbp-topic-voice-count,
li.bbp-forum-reply-count,
li.bbp-topic-reply-count,
li.bbp-forum-freshness,
li.bbp-topic-freshness{ font-size:11px !important;}

.single-post h1.entry-title{ padding:0 0;}

.entryhead { margin: 0 0 20px 0;}

.meta-single {
    float: left;
    margin-bottom: 15px;
    padding: 0 0 16px;
}


}

@media screen and (max-width: 995px){

    .about-widget img {
        margin: 0 0 0 -25%;
        max-width: 150%;
        width: 150%;
    }

    .about-titles{ padding:0 10px ;}

    .about-widget h2{ font-size:16px !important;}

    .about-widget p.authorinfo {
        padding: 0 10px;
        font-size: 75%;
    }

    .headcol.last,
    .headcol.first{
        width: 50%;
    }

}

/*iPad Portrait */

@media screen and (max-width: 770px){

div.tooltip p:after,
.nav>li>ul:after,
.sf-arrows .sf-with-ul::after,
.sf-arrows .sf-with-ul::after,
.tmnf_icon,
#header_bottom::after,
.flex-control-nav{ display:none !important;}

.container, .container_alt{ padding:0 20px;}

.head_container, #footer .container {
    padding: 0 20px;
}

.headcol.last,
.headcol.first{ width:100%; padding:0 0; margin:15px 0 5px 0;}

body {
width: 100%;
min-width: 0;
margin-left: 0px;
margin-right: 0px;
padding-left: 0;
padding-right: 0;
margin-top:0;
font-size: 16px;
-webkit-text-size-adjust: none;
}

.onecol, .twocol, .threecol,.threecol_spec, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol,.fifthcol
{
width: auto;
float: none !important;
padding-left: 0px;
padding-right: 0px;
margin-left: 0;
margin-right: 0;
}

#titles{ margin:15px 0 !important; float:left; max-width:50%; text-align:left;}

#header h1{ font-size:20px; line-height:1;}

#header img{ float:left;}


#header a.searchOpen{ right:10px; top:0;}

/* mobile menu */
a#navtrigger{ display:block !important;}

#navigation{ display:none; position:relative; top:auto; margin:0 0 0 0 !important; padding:0 0 0 0 !important; background-color:#222 !important; width:100%;}
#navigation a{ color:#ddd !important;}

#navigation a:hover,
#navigation .current-menu-item>a{color:#f4a107 !important;}

ul.nav,
#main-nav{ width:100% !important; margin:0 0 0 0 !important; padding:0 0 0 0 !important; flex-wrap: wrap;}

ul.nav li,
.nav li ul,
#main-nav li.mega ul.sub-menu { 
    width:100% !important; background-color: transparent !important; 
    border:none !important; float:none; margin:0 0 0 0 !important; position:relative !important; left:auto !important; 
     visibility:visible !important; padding-top:0;}

.nav > li ul {
    max-height: none;
    opacity: 1;
}

#navigation .nav li ul li > a{ border-bottom:1px dotted #444 !important; text-align:left;}

ul.nav li a{ width:100% !important; text-align:left; padding:15px 20px !important; margin:0 0 0 20px; font-size:16px !important;}

.nav li ul li > a {font-size: 13px !important;}

.nav li a.sf-with-ul {padding-right: 0 !important;}

#main-nav > li > a {margin: 0 0 0 0 !important;}

.nav > li > ul > li,
.nav li ul ul li,
#main-nav li ul li > a,
.nav li ul li > a {max-width: 100% !important;margin:0 0 0 0; padding:0 0 0 0;}

.nav li ul{ padding:0 20px;}

#main-nav li.mega ul.sub-menu { min-height:0px;}

.nav li ul ul{ margin:0 0 0 0; padding:0 0 0 0;}

div.sub,
.nav > li > ul:after{ display:none !important;}

.sf-arrows .sf-with-ul::after { right: 15px;}

/* end mobile menu */



/*//// 
stacked clomuns & posts */

/* columns */
#footer .foocol,
.blocker,
.eightcol,
.fourcol,
.footer-logo,
.bottom-menu
{
    padding: 0 0 !important;
    width: 100%;
	margin:0 auto !important;
	float:none !important;
	display:block;
	width:100%;
	border-left: none;
	border-right:none;
}


#sidebar,
.foocol,
.foocol.first{ max-width:360px; width:100%; float:none !important; margin:0 auto !important; padding:0 0 !important;}

#footer{ padding:40px 0;}

.h_pad_fix {padding: 0 0 !important;}


/* Homepage Start */

/* Homepag End */

/*//// 
end stacked colmuns & posts */


/* woocommerce */
#woo-inn{ margin-left:0;}

.woocommerce-page div.product div.summary {
    margin: 0 0 40px 0;
    width: 100%;
}
.woocommerce-page ul.products li.product, .woocommerce ul.products li.product {
    width: 100% !important;
	margin:0 0 30px 0 !important;
}

.woocommerce h1.page-title,
p.woocommerce-result-count{ text-align:center; width:100%;}

.woocommerce #foliocontent .woocommerce-tabs,
.woocommerce #foliocontent .related.products {width: 100%;}

.woocommerce-page #foliosidebar {clear: both;}

.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {float: none;}

.tmnf-sc-quote.left,
.tmnf-sc-quote.right{ width:100%; float:none; margin-left:0; margin-right:0}

.wpcf7-form p.sixcol{
float: none;
margin-right: 0;
width: 100%;
}

/* comments */
.commentlist li.comment {padding: 20px 5px 10px 5px;}
ul.children li.comment:last-child {padding: 20px 0 10px 20px !important;}
.commentlist .avatar {right: 0;left:auto;top: 0;width: 40px;}
li.bypostauthor{ padding-left:10px !important;}


/* other */


.footer-logo {
    width: 100%;
    display: flex !important;
    padding-top: 30px !important;
}

.hero-section{
    padding: 100px 0 100px;
}

.entryhead iframe { max-height: 350px;}

.postbarNone .entryhead {margin: 0 0;}

.entryfull {margin: 0 0;}

.post-previous, .post-next { width: 100%; margin-top:-1px}


.text-action a.actionbutton {
    float: left;
    margin: 30px 0;
    position: relative;
    right: auto;
    top: auto;
}


.mmbox,
.mm-info{ height: auto !important;}

.mm-info img{position: relative; right:2px; bottom:2px;z-index:0; width:100%;}

.mm-info:nth-child(1){width:50%; }
.mm-info:nth-child(2){width:50%;}
.mm-info:nth-child(3){ width:50%;}
.mm-info:nth-child(4){width:50%;}

	
.flexslider img{ width:180% !important; max-width:180% !important; margin:0 -40% !important}

.flexinside {width: 90%;}

.flexinside h1,
.flexinside h2,
.flexinside h3,
.flexinside h4,
.flexinside p,
.flexinside a.su-button {
	margin:4px 0;
}

h2,
.mm-info:nth-child(1) h2, .mm-info:nth-child(2) h2,
.ml-block-ml_2_3_column_block .mm-info h2 {font-size: 2.9vw !important;}

h3, blockquote, .comment-author cite, .authorpage{font-size: 2.2vw !important;}
.page #sidebar.fourcol,
.forum-archive #sidebar.fourcol{
    width: 100%;
}
.page #content.eightcol,
.forum-archive #content.eightcol{
    width: 100%;
}
	
}

@media (max-width: 767px){
    .home h1 {
        font-size: 44px;
    }
/*     .home h2 {
        font-size: 32px !important;
    } */
    .client-intro-section .flex {
        flex-wrap: wrap;
    }
    .col-4,
    .col-8 {
        width: 100%;
    }
    #footer .foocol:first-child {
        width: 100%;
        margin: 0 !important;
        max-width: 100%;
    }
    #footer .foocol:nth-child(2), #footer .foocol:nth-child(3) {
        width: calc(50% - 40px);
        margin: 0 !important;
    }
    .hero-item p{
        font-size: 18px;
    }
    .client-intro-section,
    .video-section{
        padding: 60px 0;
    }
}

@media (max-width: 600px){
    .admin-bar.is-sticky #header .head_container {
        top: 0;
    }
    
    #bbpress-forums #bbp-your-profile fieldset input, #bbpress-forums #bbp-your-profile fieldset textarea{
        width: 100% !important;
    }

    body .mepr-price-menu .mepr-price-boxes .mepr-price-box {
        width: calc(1000% - 30px);
    }
    body .mepr-price-menu {
        padding: 10px 0 0 0;
    }
}

@media (max-width: 480px){
    .home .container {
        padding-left: 20px;
        padding-right: 20px;
    }
    .client-intro-section .gap-40 {
        gap: 10px;
    }
    .home h1 {
        font-size: 38px;
    }

    .video-img-ratio > a:before{
        background-size: 40px;
    }
    .client-content p {
        font-size: 16px;
    }

    .client-intro-section .btn{
        margin-top: 25px;
    }
    .btn{
        padding: 8px 25px;
    }
    .foocol.first img {
        max-width: 220px !important;
    }
    .footer-logo.flex {
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 20px;
    }
    .hero-item p{
        line-height: 1.4;
    }
    dl[role=main] dd,
    dl[role=main] dt{
        font-size: 14px;
    }
    dl[role=main] dt{
        width: 60%;
    }
    dl[role=main] dd{
        width: 40%;
    }
    #bbp-your-profile {
        padding-top: 40px !important;
        display: block;
    }
    #bbpress-forums #bbp-your-profile fieldset label[for] {
        width: 100% !important;
    }
    #wpcaptcha-protected-by {
        text-align: left !important;
    }
}

@media only screen and (max-width: 589px) {
	
/* posts */

.flexinside h2, h1.entry-title{ font-size: 30px !important;}

h2{font-size: 3.6vw !important;}

.comment-form-author,
.comment-form-email,
.comment-form-url,
#post-nav,
.postauthor{ width:100%;}

#respond textarea{ width:99.5%;}

.entry blockquote {
    margin: 5px 10px;
    padding: 0 20px !important;
}


.scrollTo_top{ right:0; width:100%;}

.meta-single{ padding:10px 0 0 0;}

.meta-single .meta { float: none !important; margin-bottom:5px;}

.postauthor {padding: 10px 20px;}


.blogger { padding: 0 0 0 0;}

.blogger div.post, .blogger div.page{margin:17px auto !important; float:none; width:100%;}



li.bbp-forum-info, li.bbp-topic-title{ width:100%;}

li.bbp-forum-topic-count,
li.bbp-topic-voice-count,
li.bbp-forum-reply-count,
li.bbp-topic-reply-count,
li.bbp-forum-freshness,
li.bbp-topic-freshness{ width:33%;}

#bbpress-forums div.bbp-topic-tags{ position:relative; top:auto; right:auto;}

}

@media only screen and (max-width: 425px) {

    h2{font-size: 4.6vw !important;}

    h3, blockquote, .comment-author cite, .authorpage {
        font-size: 3.2vw !important;
    }

    .blogger div.post .entryhead, .blogger div.page .entryhead{ max-width:100%; width:100%; float:none; margin:0 0 20px 0}

    .blogger div.post .entryhead img, .blogger div.page .entryhead img{ width:100%;}

    .entryhead iframe { max-height: 200px;}

    ul.related,
    ul.related li img{ width:100%;}

    ul.related li{ width:100% !important; margin:0 0 30px 0; height:auto;}

    .footer-logo {width: 85%;}

    li.bbp-forum-info, li.bbp-topic-title{ width:100%;}

    li.bbp-forum-topic-count,
    li.bbp-topic-voice-count,
    li.bbp-forum-reply-count,
    li.bbp-topic-reply-count,
    li.bbp-forum-freshness,
    li.bbp-topic-freshness{ display:none;}

    div.bbp-forum-header, div.bbp-topic-header, div.bbp-reply-header, li.bbp-body div.hentry {
        padding: 10px 15px;
    }



    #bbpress-forums li.bbp-body ul.topic {padding:20px 15px 15px 15px !important;}

}



.mp_wrapper .mp-form-row {
    margin-bottom: 10px;
    width: calc(100% - 20px) !important;
    margin-left: 10px;
    margin-right: 10px;
    position: static;
}

.mepr-form .cc-error {
    display: none !important;
  }

.mepr-form > *{
	margin-left: 10px;
	margin-right: 10px;
}

.mp-form-row.mepr_custom_field {
	width:  calc(50% - 20px) !important;
	float: left;
	margin: 0 10px 10px;
}

.mepr-form {
    margin: 0 -10px;
}

.mp-cart-body .mp-cart-item {
    display: flex;
    margin-bottom: 0;
    color: #192851;
  }


  .mp-cart-body .mp-cart-item-image {
    margin-right: 20px;
  }

  .mp-cart-body .mp-cart-item-details {
    margin-right: auto;
    text-align: left;
  }

  .mp-cart-body .mp-currency-cell {
    margin-left: 10px;
  }

  .mp-cart-footer.mp-cart-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    margin-top: 10px;
    padding-top: 10px;
    margin-left: 60px;
    margin-bottom: 24px;
    color: #192851;
  }

  ul.mp-cart-body {
        margin-left: 0;
        margin-bottom: 0;
    }

  .mp-cart-footer.mp-cart-footer > div {
    display: flex;
    justify-content: space-between;
  }

  .mp-cart-footer.mp-currency-cell {
    margin-left: 10px;
  }

  .mepr-payment-methods-wrapper {
        margin-left: 10px !important;
        margin-right: 10px !important;
  }

  .mepr_price {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 40px !important;
    color: #4F372F;
}

.mepr-submit,
.mepr-form .button-primary {
    background-color: #4F372F;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 700;
    border-radius: 8px;
    font-family: "Inter", sans-serif;
    letter-spacing: 0.09em;
    box-shadow: none !important;
    outline: none !important;
    border: 0 !important;
    color: #fff;
    padding: 14px 30px !important;
    cursor: pointer;
}

.mepr-form .button-primary{
    background-color: #4F372F !important;
}

.mepr-submit:hover,
.mepr-submit:focus,
.mepr-form .button-primary:hover,
.mepr-form .button-primary:focus {
    background-color: #000 !important;
}

.mp-cart-item-details p {
    margin-bottom: 0;
}

.mepr-form input.invalid, 
.mepr-form select.invalid, 
.mepr-form textarea.invalid{
    background: transparent !important;
    border-width: 1px !important;
}

.mp-form-row.mepr_custom_field.mepr_mepr-address-state, 
.mp-form-row.mepr_custom_field.mepr_mepr-address-zip {
    width: calc(100% - 20px) !important;
}

.mp_wrapper textarea:focus-visible, .mp_wrapper select:focus-visible, .mp_wrapper input[type=text]:focus-visible, .mp_wrapper input[type=url]:focus-visible, .mp_wrapper input[type=email]:focus-visible, .mp_wrapper input[type=tel]:focus-visible, .mp_wrapper input[type=number]:focus-visible, .mp_wrapper input[type=password]:focus-visible, .mp_wrapper .iti__selected-flag:focus-visible{
    border-width: 1px !important;
}

.mepr-form label.mepr-checkbox-field.invalid, 
.mepr-form div.mepr-checkboxes-field.invalid, 
.mepr-form div.mepr-radios-field.invalid {
    background: transparent !important;
    /* border-width: 0 !important; */
}

.mepr-form label {
    font-weight: 600;
}

.mepr-radios-field-row label{
    font-weight: 400;
}
.mp-hide-pw{
    height: 40px;
}

@media (max-width: 1023px){
    .mp-form-row.mepr_custom_field {
        width:  calc(100% - 20px) !important;
        float: left;
        margin: 0 10px 10px;
    }
}

@media (max-width: 767px){
    .mp-form-row.mepr_custom_field {
        width:  calc(50% - 20px) !important;
        float: left;
        margin: 0 10px 10px;
    }
    .mepr-form{
        margin-bottom: 50px;
    }

    .mepr_price{
        font-size: 20px;
    }
    .bbp-pagination-links {
        margin-top: 30px;
    }
    #footer ul.menu>li>a {
        font-size: 13px;
    }
}

@media (max-width: 560px){
    .mp-form-row.mepr_custom_field {
        width:  calc(100% - 20px) !important;
        float: left;
        margin: 0 10px 10px;
    }
    #footer .foocol:nth-child(2), #footer .foocol:nth-child(3) {
        width: 100%;
        margin: 0 !important;
    }
}