/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 2.0.1
*/
@media only screen and (min-width: 767px) {
    .tabs.wc-tabs.ui-tabs-nav.ui-corner-all.ui-helper-reset.ui-helper-clearfix.ui-widget-header{
        margin: 0 auto;
        display: flex;
        justify-content: center;
    }
    .ui-tabs .ui-tabs-nav{
        border-style: unset;
    }
   .single .woocommerce-product-gallery__image.flex-active-slide{
      /*   height: 600px; */
        width: 33vw;
        height: -webkit-calc(33vw * 1.32);
        height: -moz-calc(33vw * 1.32);
        height: calc(33vw * 1.32);
        object-fit: cover;
        object-position: 50% 50%;
    } 
    .mcb-column-inner.mfn-module-wrapper.mcb-column-inner-hxdxoykwi.mcb-item-product_cart_button-inner .mfn-product-add-to-cart {
    max-width: 472px;
    }
    .woocommerce .mfn-variations-wrapper .mfn-vr ul.mfn-vr-options{
        justify-content: center;
    }
    #tab-new_super_tab_0 p,
    #tab-new_super_tab_1 p{
        text-align: center;
    }
    }
    .woocommerce .mfn-variations-wrapper .mfn-vr ul.mfn-vr-options{
        justify-content: center;
    }
    #tab-new_super_tab_0 p,
    #tab-new_super_tab_1 p{
        text-align: center;
    }
    .jq-tabs.ui-tabs {
    
        margin-bottom: 0px;
    
    }
    
    .mcb-item-product_price-inner .price{
        height: 28px;
        text-align: center;
    font-size: 20px;
    }
    
    .single_variation{
        height: 0px!important;
        margin-bottom: 0px!important;
    }
    
    
    @media only screen and (max-width: 767px) {
    .single .content_wrapper .section_wrapper, .container, .four.columns .widget-area {
        max-width: 726px!important;
        padding-left: 0px!important;
        padding-right: 0px!important;
    }
    .single #Content{
        padding-top: 0px;
    }
    .ui-tabs .ui-tabs-nav{
        display: flex;
        max-width: 330px;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
    }
    .ui-tabs .ui-tabs-nav li a{
        padding: 14px 8px;
    }
	.flex-control-nav {
	bottom: 20px!important;
}

.single .ui-tabs .ui-tabs-nav li{
    width: auto!important;
}


    }
    @media only screen and (max-width: 767px) {
        .ui-tabs .ui-tabs-nav li a{
        font-size: 12px;
        padding: 14px 7px;
    }
   .mfn-product-add-to-cart  .woocommerce-variation-add-to-cart{
        justify-content: center;
    }
   .mfn-product-add-to-cart  .single_add_to_cart_button.button{
        max-width: 282px;
        display: flex;
        justify-content: center;
    }
    .woocommerce .column_product_cart_button .cart{
        justify-content: center;
    }

}


.single_add_to_cart_button.button.alt{
    overflow: hidden;
}


ul.flex-direction-nav {
    position: absolute;
    top: 40%;
    z-index: 99999;
    width: 100%;
    left: 0;
    margin: 0;
    padding: 0px;
    list-style: none;}

li.flex-nav-prev {float: left;}
li.flex-nav-next {float: right;}
a.flex-next {visibility:hidden;}
a.flex-prev {visibility:hidden;}

a.flex-next::after {
	visibility:visible;content: '\f054';
	font-family: 'Font Awesome 5 Free';
	margin-right: 10px;
	font-size: 20px;   
	font-weight: bold;
}

a.flex-prev::before {
    visibility:visible;
    content: '\f053';
	font-family: 'Font Awesome 5 Free';   
	margin-left: 10px;
	font-size: 20px;
	font-weight: bold;
}

ul.flex-direction-nav li a {
	color: #000;
}

ul.flex-direction-nav li a:hover {
	text-decoration: none;
}

ul.flex-direction-nav li a {
	color: #000;
}

ul.flex-direction-nav li a:hover {
	text-decoration: none;
}




.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 110px;
	text-align: center;
}

.flex-control-nav li {
	margin: 0 6px;
	display: inline-block;
	zoom: 1;
}

.flex-control-paging li a {
	width: 11px;
	height: 11px;
	display: block;
	background: #666;
	background: rgba(0, 0, 0, 0.5);
	cursor: pointer;
	text-indent: -9999px;
	-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
	-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.flex-control-paging li a:hover {
	background: #333;
	background: rgba(0, 0, 0, 0.7);
}

.flex-control-paging li a.flex-active {
	background: #000;
	background: rgba(0, 0, 0, 0.9);
	cursor: default;
}