.fot_video iframe {
	width: 100% !important;
	position: absolute;
    top: 0;
    left: 0;
    height: 100% !important;
}

.fot_video {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 60.25%;
	
}
@media (max-width: 1199px) and (min-width: 992px){
	.fot_video{
		padding-bottom: 68.00%;
	}
}
.widget-item .social_icon li a {
    text-decoration: none;
    padding: 5px 20px 5px 0;
    display: inline-block;
}

.footer-logo img {
	max-width: 100%;
	width: auto !important;
	margin-bottom: 15px;
	height: 50px;
}

#fb-root iframe {
	width: 100% !important;
}

.fb_iframe_widget_fluid_desktop iframe {
	width: 100% !important;
}

.cmt-fb {
	15px 0;
}

#ggmap iframe {
	width: 100% !important;

}

#ggmap {
	overflow: hidden;
}

.grecaptcha-badge {
	display: none;
}

#owl-demo-brand .item a {
	background: #fff;
}

.owl-theme .owl-controls {
	left: auto;
	width: 100%;
	text-align: center;
	top: -36px;
}

div#owl-demo-brand {
    padding-bottom: 10px;
}

/*Phone lite*/
.suntory-alo-phone {
		background-color: transparent;
		cursor: pointer;
		height: 120px;
		position: fixed;
		transition: visibility 0.5s ease 0s;
		width: 120px;
		z-index: 200000 !important;
	}
	.suntory-alo-ph-circle {
		animation: 1.2s ease-in-out 0s normal none infinite running suntory-alo-circle-anim;
		background-color: transparent;
		border: 2px solid rgba(30, 30, 30, 0.4);
		border-radius: 100%;
		height: 100px;
		left: 0px;
		opacity: 0.1;
		position: absolute;
		top: 0px;
		transform-origin: 50% 50% 0;
		transition: all 0.5s ease 0s;
		width: 100px;
	}
	.suntory-alo-ph-circle-fill {
		animation: 2.3s ease-in-out 0s normal none infinite running suntory-alo-circle-fill-anim;
		border: 2px solid transparent;
		border-radius: 100%;
		height: 70px;
		left: 15px;
		position: absolute;
		top: 15px;
		transform-origin: 50% 50% 0;
		transition: all 0.5s ease 0s;
		width: 70px;
	}
	.suntory-alo-ph-img-circle {
		/* animation: 1s ease-in-out 0s normal none infinite running suntory-alo-circle-img-anim; */
		border: 2px solid transparent;
		border-radius: 100%;
		height: 50px;
		left: 25px;
		opacity: 1;
		position: absolute;
		top: 25px;
		transform-origin: 50% 50% 0;
		width: 50px;
	}
	.suntory-alo-phone.suntory-alo-hover, .suntory-alo-phone:hover {
		opacity: 1;
	}
	.suntory-alo-phone.suntory-alo-active .suntory-alo-ph-circle {
		animation: 1.1s ease-in-out 0s normal none infinite running suntory-alo-circle-anim !important;
	}
	.suntory-alo-phone.suntory-alo-static .suntory-alo-ph-circle {
		animation: 2.2s ease-in-out 0s normal none infinite running suntory-alo-circle-anim !important;
	}
	.suntory-alo-phone.suntory-alo-hover .suntory-alo-ph-circle, .suntory-alo-phone:hover .suntory-alo-ph-circle {
		border-color: #00aff2;
		opacity: 0.5;
	}
	.suntory-alo-phone.suntory-alo-green.suntory-alo-hover .suntory-alo-ph-circle, .suntory-alo-phone.suntory-alo-green:hover .suntory-alo-ph-circle {
		border-color: red;
		opacity: 1;
	}
	.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle {
		border-color: red;
		opacity: 1;
	}
	.suntory-alo-phone.suntory-alo-hover .suntory-alo-ph-circle-fill, .suntory-alo-phone:hover .suntory-alo-ph-circle-fill {
		background-color: rgba(242, 0, 0, 0.9);
	}
	.suntory-alo-phone.suntory-alo-green.suntory-alo-hover .suntory-alo-ph-circle-fill, .suntory-alo-phone.suntory-alo-green:hover .suntory-alo-ph-circle-fill {
		background-color: red;
	}
	.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle-fill {
		background-color: rgba(242, 0, 0, 0.9);
	}

	.suntory-alo-phone.suntory-alo-hover .suntory-alo-ph-img-circle, .suntory-alo-phone:hover .suntory-alo-ph-img-circle {
		background-color: #00aff2;
	}
	.suntory-alo-phone.suntory-alo-green.suntory-alo-hover .suntory-alo-ph-img-circle, .suntory-alo-phone.suntory-alo-green:hover .suntory-alo-ph-img-circle {
		background-color: red;
	}
	.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-img-circle {
		background-color: red;
	}
	@keyframes suntory-alo-circle-anim {
		0% {
			opacity: 0.1;
			transform: rotate(0deg) scale(0.5) skew(1deg);
		}
		30% {
			opacity: 0.5;
			transform: rotate(0deg) scale(0.7) skew(1deg);
		}
		100% {
			opacity: 0.6;
			transform: rotate(0deg) scale(1) skew(1deg);
		}
	}

	@keyframes suntory-alo-circle-img-anim {
		0% {
			transform: rotate(0deg) scale(1) skew(1deg);
		}
		10% {
			transform: rotate(-25deg) scale(1) skew(1deg);
		}
		20% {
			transform: rotate(25deg) scale(1) skew(1deg);
		}
		30% {
			transform: rotate(-25deg) scale(1) skew(1deg);
		}
		40% {
			transform: rotate(25deg) scale(1) skew(1deg);
		}
		50% {
			transform: rotate(0deg) scale(1) skew(1deg);
		}
		100% {
			transform: rotate(0deg) scale(1) skew(1deg);
		}
	}
	@keyframes suntory-alo-circle-fill-anim {
		0% {
			opacity: 0.2;
			transform: rotate(0deg) scale(0.7) skew(1deg);
		}
		50% {
			opacity: 0.2;
			transform: rotate(0deg) scale(1) skew(1deg);
		}
		100% {
			opacity: 0.2;
			transform: rotate(0deg) scale(0.7) skew(1deg);
		}
	}
	.suntory-alo-ph-img-circle i {
		animation: 1s ease-in-out 0s normal none infinite running suntory-alo-circle-img-anim;
		font-size: 30px;
		line-height: 50px;
		padding-left: 10px;
		color: #fff;
	}

	/*=================== End phone ring ===============*/
	@keyframes suntory-alo-ring-ring {
		0% {
			transform: rotate(0deg) scale(1) skew(1deg);
		}
		10% {
			transform: rotate(-25deg) scale(1) skew(1deg);
		}
		20% {
			transform: rotate(25deg) scale(1) skew(1deg);
		}
		30% {
			transform: rotate(-25deg) scale(1) skew(1deg);
		}
		40% {
			transform: rotate(25deg) scale(1) skew(1deg);
		}
		50% {
			transform: rotate(0deg) scale(1) skew(1deg);
		}
		100% {
			transform: rotate(0deg) scale(1) skew(1deg);
		}
	}	
	.call-now-new {
    font-weight: bold;
    font-size: 20px;
    display: block;
    color: red;
    text-align: right;
    margin: 5px 12px;
 
}
.tel {
background: #f1f1f1;
    width: 0px;
    height: 40px;
    position: relative;
    overflow: hidden;
    background-size: 40px;
    border-radius: 28px;
    border: solid 1px #ccc;
    z-index: -1;
    top: 30px;
    left: 50px;
	-webkit-transition: width 1s; /* For Safari 3.1 to 6.0 */
    transition: width 1s;
}

.suntory-alo-phone:hover .tel{
	width: 163px;
}

.box-maps iframe {
	width: 100%;
}

.ctrlq.fb-button {
	z-index: 99999 !important;
	bottom: 38px !important;
}

.menubar .menu > ul > li > a {
	padding: 0 15px !important;
	font-size: 13px;
	line-height: 75px;
	
}

@media (max-width: 1199px) and (min-width: 992px) {
	.menubar .menu > ul > li > a{
		font-size: 12px;
		padding: 0 8px !important;
	}
}

.menubar .menu > ul > li.sub-menu > a:after {
    line-height: 75px;
	right: 0px;
}

.header-main {
    height: 75px;
} 

.header-main .logo {
    line-height: 75px;
}

.menubar .menu > ul > li > ul {
	top: 75px;
}

.menubar .menu > ul > li.account > ul {
	top: 75px;
}

.scroll-fixed {
   position: fixed;
   width: 100%;
   top: 0;
   left: 0;
   z-index: 999;
   margin: 0;
   animation-name: menu_sticky;
   animation-duration: 0.70s;
   animation-timing-function: ease-in-out;
   padding: 0;
   box-shadow: 5px 2px 18px #888888;
}

.menubar {
    line-height: 75px;
}

.product-gird .product-img-parent { 
	height: 263px;
}
@media (min-width:992px) and (max-width: 1199px) {
	.product-gird .product-img-parent {
		height: 213px;
	}	
}
@media (min-width:768px) and (max-width: 991px) {
	.product-gird .product-img-parent {
		height: 345px;
	}	
}
@media (min-width: 544px) and (max-width: 767px) {
	.product-gird .product-img-parent {
		height: 242px;
	}
}
@media (min-width: 381px) and (max-width: 543px) {
	.product-gird .product-img-parent {
		height: 161px;
	}
}

@media (max-width: 380px) {
	.product-gird .product-img-parent {
		height: unset;
	}
	.product-img-parent .product-img img {
		position: static !important;
	}
}
.product-gird .product-img-parent .product-img img {
	width: auto !important;
	max-height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.line-clamp
{
	display            : block;
	display            : -webkit-box;
	-webkit-box-orient : vertical;
	position           : relative;

	line-height        : 1.6 !important;
	overflow           : hidden;
	text-overflow      : ellipsis;
	padding            : 0 !important;
}
.line-clamp:after
{
	content    : '';
	text-align : right;
	bottom     : 0;
	right      : 0;
	width      : 25%;
	display    : block;
	position   : absolute;
	height     : calc(1em * 1.5);
	background : linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 75%);
}
@supports (-webkit-line-clamp: 1)
{
	.line-clamp:after
	{
		display : none !important;
	}
}
.line-clamp-1
{
	-webkit-line-clamp : 1;
	height             : calc(1em * 1.5 * 1);
}
.line-clamp-2
{
	-webkit-line-clamp : 2;
	height             : calc(1em * 1.5 * 2);
}
.line-clamp-3
{
	-webkit-line-clamp : 3;
	height             : calc(1em * 1.5 * 3);
}
.line-clamp-4
{
	-webkit-line-clamp : 4;
	height             : calc(1em * 1.5 * 4);
}
.line-clamp-5
{
	-webkit-line-clamp : 5;
	height             : calc(1em * 1.5 * 5);
}
/* End required CSS. */

.index-bottom-products h3.product-name {
	font-size: 15px !important;
}

.product_item .product-gird h3.product-name {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

section.page_title {
	    background-position: center center !important;
}

.slick-slide {
    margin: 0 10px 16px 8px!important;
}

.upsell-pro h2 {
    margin-bottom: 40px !important;
}

@media (max-width: 991px){
	.section-product-tabs .nav-tabs > li > a {
		margin-bottom: 10px;
		margin-right: 10px;
	}
}

@media (max-width: 767px){
	.cart_div {
		background: #eee;
		padding-top: 30px;
		margin-bottom: 15px;
	}
}

@media (min-width: 991px){
	.section-article .home-blog-content-left {
		
		z-index: 99;
		
	} 

}
@media (max-width: 991px){
	.media.comment-item .media-body-me {
		border: 1px solid #ddd;
		margin-left: 58px;
		min-height: 85px;
		padding: 20px;
		position: relative;
		background: #fff;
		border-radius: 3px;
	} 

	.media-object {
		display: block;
		width: 45px;
		height: 45px;
	}

	.imgcmt {
		width: 45px;
		height: 45px;
	}
}

@media (max-width: 767px){
	.fot_video {
		max-width: 345px;
	}
}

.righcontent .product-price {
	min-height: 38px;
	display: block;
}