/*
Theme Name: Theme Oto Ford - MST38461
Theme URI: https://muatheme.com/san-pham/theme-wordpress-ban-o-to-da-viet-hoa/
Author: MuaTheme.com
Author URI: https://muatheme.com
Description: Theme by MuaTheme
Template: flatsome
Version: 3.6.2
*/
/*************** ADD CUSTOM CSS HERE.   ***************/
.right .button.primary {
    margin: 0 5px;
}
#header-contact a {
    padding: 5px 0;
}
.woocommerce-result-count, .woocommerce-ordering {
    display: none;
}
.woocommerce-variation-price {
    border: none;
}
.add-to-cart-container form {
    margin-bottom: 0;
}
.only-mobile .col {
    padding-bottom: 0 !important;
}
.fix-product-menu-admin {
    animation: yourCustomAnimation .5s;
    background-color: white;
    top: 30px;
    z-index: 99;
    position: fixed;
}
.fix-product-menu {
    animation: yourCustomAnimation2 .5s;
    background-color: white;
    top: 0px;
    z-index: 99;
    position: fixed;
}

@keyframes yourCustomAnimation {
    from {
        position: relative;
        top: -14px;
    }
    to {
        position: fixed;
        top: 30px;
    }
}
@keyframes yourCustomAnimation2 {
    from {
        position: relative;
        top: -44px;
    }
    to {
        position: fixed;
        top: 0px;
    }
}
.post-sidebar {
    padding: 0 15px !important;
}
div.wpcf7-mail-sent-ok {
    border: none;
}
.right a.button {
    margin: 0;
    font-size: 13px;
    text-transform: none;
    padding: 0px 7px;
    font-weight: 500;
}
.product-menu .right {
	padding: 0;
}
.yc .col {
	padding-bottom: 0;
}
ul#header-contact {
    border-radius: 5px;
    background: #1565c0;
    font-size: 20px;
    color: #fff;
    padding: 0 20px;
    float: right;
    margin-left: 10px;
}
ul#header-contact a, .icon-phone:before {
    color: white;
}
h1.product-title.entry-title {
    font-size: 16px;
	margin-bottom: 0;
}
ul.right {
	margin-bottom: 0;
}
.product-menu {
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 10px;
}
.product-menu .col {
    padding: 5px 0;
}
.product-menu .product-title-container {
    padding-top: 8px;
}
.product-menu ul.right {
    margin-bottom: 0;
    padding-top: 5px !important;
}
.right li {
    list-style: none;
    display: inline-block;
	margin-left: 5px !important;
	margin-bottom: 0;
}
.right li a {
    display: block;
    padding: 0px 5px;
    text-decoration: none;
}
a.modal-trigger {
    background: #1565c0;
    padding: 5px 15px;
    width: 100%;
    margin: 5px 0;
    display: block;
    color: white;
}
.right a.modal-trigger {
    width: auto;
    margin: 5px 0;
    display: inline;
	font-size: 15px;
}
.price.product-page-price {
    margin-bottom: 5px;
}
.top-info p {
    margin-bottom: 0;
}
p.tg {
    margin-bottom: 10px;
}
.textwidget.custom-html-widget {
    margin-top: 0 !important;
}
hr {
    margin: 5px 0;
}
.woocommerce-Price-amount.amount:before {
    content: "Giá: ";
}
.top-info .col {
    padding-bottom: 0 !important;
}
a.reset_variations {
    display: none !important;
}
.car-info {
    padding-bottom: 5px;
    border-bottom: 2px solid #177fb8;
}
.tab-panels {
    padding-top: 0;
}
ul.product-tabs {
    display: none;
}
.detail-car .product-images {
    padding: 0px;
    border: 1px solid #e8e8e8;
    box-shadow: 2px 2px rgba(255, 255, 255, 0.6392156862745098);
}
.real-image .col {
    float: left;
	padding: 10px 5px;
}
.detail-car .tskt li {
    margin-left: 35px !important;
    padding-top: 5px;
}
.real-image {
    padding-top: 10px;
	margin-bottom: 15px;
}
.page-inner p, .entry-content.single-page P {
    text-align: justify;
    margin-bottom: 10px;
}
p.count {
    display: none;
}
.product-category .box-text-inner h5 {
    background: #039be5;
    padding: 8px;
    color: white;
}
#related_posts .col {
  float: left;
  margin-left: 0;
  list-style: none;
}
.relatedcontent h3 {
  font-size: 16px;
  margin-top: 7px;
}
.relatedthumb img {
    height: 100%;
    max-height: 125px;
    border: 1px solid #e8e8e8;
}
#related_posts {
  border-top: 4px double #e8e8e8;
        padding-top: 10px;
}
#related_posts li:nth-child(1) {
  padding-left: 0 !important;
}
#related_posts li:nth-child(2) {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
#related_posts li:nth-child(3) {
  padding-right: 0 !important;
}
.relatedthumb img {
  min-height: 125px;
}
.stuck .header-main .nav > li > a {
    line-height: 25px !important;
}
.real-img .container.section-title-container {
    padding: 5px 15px;
}
.real-img {
    border: 1px solid #e8e8e8;
    padding: 15px 0;
    box-shadow: 1px 1px rgba(233, 233, 233, 0.35);
}
.entry-image.relative {
    display: none;
}
.entry-content.single-page {
	padding-top: 0;
}
.footer-block .col {
    padding-bottom: 15px;
}
.absolute-footer {
	display: none;
}
.footer-block {
	padding-bottom: 15px !important;
}
.footer-block p {
	margin-bottom: 5px;
}
.request .col {
    padding-bottom: 10px;
}
.request .col-inner {
    background: #1565c0;
    padding: 10px 50px;
}
.request h3 {
    color: white;
}
.entry-header-text {
    padding: 0;
}
.woo-variation-swatches-style-rounded .variable-item span ,.woo-variation-swatches-style-rounded .variable-item {
	border-radius: 0;
}
.variable-items-wrapper .variable-item.color-variable-item {
	padding: 0;
}
.variable-items-wrapper .variable-item.color-variable-item span:after, .variable-items-wrapper [data-wvstooltip]:after,  .image-tools.bottom.left {
	display: none;
}
.variable-items-wrapper .variable-item.color-variable-item span {
width: 28px;
height: 28px;
}

.custom-product-page span.widget-title.shop-sidebar {
    background: green;
    padding: 10px 20px;
    width: 100% !important;
    color: white;
    border-left: 10px solid #ff5200;
}
.custom-product-page .widget .is-divider {
	display: none;
}
.custom-product-page .textwidget.custom-html-widget {
    margin-top: 15px;
}
.custom-product-page p {
    text-align: justify;
}
	.button.is-outline {
		border: 2px solid #1e73be; 
	}
	i.icon-angle-up {
		color: #1e73be;
	}
.support {
			display: none;
			z-index: 9999 !important;
			width: 100%;
			position: fixed;
			bottom: 5px;
		}
		.support a {
		    color: white;
		    font-size: 16px;
		}
		.buy {
			width: 37.5%;
			float: left;
			background: #3577e5;
			text-align: center;
			border-radius: 5px;
			margin: 0 0.5%;
			padding: 7px 10px;
		}
		.messenger, .tel, .book {
		    width: 10%;
		    float: left;
		    background: #3577e5;
		    border-radius: 5px;
		    margin: 0 0.5%;
		    text-align: center;
		    padding: 7px 3px;
		}
		.tel {
			background: green !important;
			width: 37.5%;
		}
		
@media screen and (min-width: 768px) {
	.image-lightbox img {
		min-height: 125px;
	}
}
@media screen and (min-width: 1024px) {
	.image-lightbox img {
		min-height: 200px;
	}
}

@media only screen and (max-width: 480px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.support {
				display: block;
			}
.oto-detail {
    margin-top: 5px !important;
}
	a#top-link {
		display: block !important;
		bottom: 50px !important;
	}
	.real-image .col {
		padding: 10px 0px;
	}
	.mfp-wrap {
		z-index: 9999999;
	}
	.mfp-container {
		padding: 15px;
	}
}