.footer .footer-col .gam-social-icons {
    display: none !important;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: -28px !important;
    right: auto;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: -28px !important;
    left: auto;
}


    .pebblex-block-1 {
        background-image: url("../images/pebblex/banner-1.jpg");
        padding-top: 53%;
        color: #DF99AD;
    }

     .pebblex-block-2 {
        background-image: url("../images/pebblex/banner-2.jpg");
        padding-top: 51%;
        color: #CBAC8E;

       
    }
    .pebblex-block-2 h1 {
            position: absolute;
            left: 50%;
            top: 4rem;
            transform: translateX(-50%);
        }

     .pebblex-block-3 {
        background-image: url("../images/pebblex/banner-3.jpg");
        padding-top: 54%;
        color: #DB8A42;
    }
    /*.flavor_thumb{*/
    /*    top: -400px!important;*/
    /*    width: 160px!important;*/
    /*    position: relative!important;*/
        
    /*}*/
    /*.block-flavors .flavors{padding: 0px 12px;}*/
    /*.flavor_thumb{*/
    /*    top: -200px!important;*/
    /*    width: 120px!important;*/
    /*    position: relative!important;*/
        
    /*}*/
    .flavor-ext{
        position: relative!important;
        height:640px!important;
     }
     
     
     



/*tip*/
.law-overlay {
	background: rgba(0, 0, 0, .9);
	box-sizing: border-box;
	cursor: wait;
	height: 100%;
	opacity: 0;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 99998
}

.law-tip {
	background: #fff;
	border-radius: 0;
	box-shadow: 0 0 15px #000;
	box-sizing: border-box;
	opacity: 0;
	position: fixed;
	padding: 36px;
	text-align: center;
	width: 420px;
	z-index: 99999
}

.law-tip h2 {
	border-bottom: 1px solid #ccc;
	box-sizing: border-box;
	font-size: 36px;
	margin: 0 0 12px 0;
	padding-bottom: 12px
}

.law-tip img {
	margin-bottom: 12px
}

.law-tip p {
	box-sizing: border-box;
	margin: 0;
	color: #959595;
	line-height: 20px
}

.law-tip p:last-child {
	margin-bottom: 0
}

.law-tip p strong {
	color: #ff1f1f
}

.law-tip button {
	background: #ddd;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
	box-sizing: border-box;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-weight: 700;
	line-height: 1.5;
	margin-bottom: 0;
	margin-left: 1%;
	margin-top: 12px;
	padding: 6px 10px 6px 10px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 49%
}

.law-tip button:hover {
	background: #dadada;
	box-sizing: border-box;
	border: 1px solid transparent
}

.law-tip button.yes {
	background: #3BCAC0;
	margin-left: 0;
	margin-right: 1%
}

.law-tip button.yes:hover {
	background: #82a711;
	box-sizing: border-box
}

.law-tip .errors {
	box-sizing: border-box;
	color: #ff1f1f;
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 20px 0
}

.law-tip .errors li,
.law-tip .errors ul {
	box-sizing: border-box;
	list-style: none;
	margin: 0;
	padding: 0 0 3px 0
}

.law-tip .errors li span {
	background: #ebebeb;
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-radius: 7px;
	color: #ff1f1f;
	display: inline-block;
	font-size: 9px;
	font-weight: 700;
	height: 14px;
	line-height: 13px;
	margin-right: 5px;
	position: relative;
	top: -2px;
	text-align: center;
	text-shadow: 1px 1px 0 #fff;
	width: 14px
}


.law-tip .fields {
	box-sizing: border-box;
	clear: both;
	margin: 10px 0 10px 0
}

.law-tip img {
	max-width: 100%;
	max-height: 200px
}

@media (max-width: 500px) {
	.law-tip {
		box-sizing: border-box;
		margin-left: 1px;
		margin-right: 20px;
		width: auto
	}

	.law-tip img {
		max-width: 100%;
		max-height: 200px
	}

	.law-tip button {
		box-sizing: border-box;
		display: block;
		width: 100%
	}

	.law-tip button.no,
	.law-tip button.yes {
		margin-left: 0;
		margin-right: 0
	}

}

.howto-item p{
font-family: system-ui!important;
}

@media (max-width:768px){
   .float-block-flavors .flavors {
    display: grid;
    grid-template-columns: repeat(6, 1fr)!important;
    }
}

@media (max-width: 980px) {
    
    .flavor_thumb {
       top: 0px!important;
       width: 100%!important;
       position: absolute!important;
    }

    .flavor-ext{
        position: absolute!important;
        height: 100%!important;
     }
     
     
     .block-flavors {
       padding-top: 1rem!important;
       padding-bottom:2rem!important;
     }
     
     .news-list .media {
      display: inline-grid!important;
     }
     .news-list .media-image
     {
      width: 24rem!important;
      margin-left: 0rem!important;
     }

    .manual-safety dl dd {
        height: 180px !important;
    }

    .flex-fluid {
        flex: auto;
    }

    .manual-banner2 {
        background-image: url(../images/manual/mobile.png) !important;
        background-size: 100% auto !important;
        background-position: left !important;
    }
    
    .header-pc .main-nav .main-menu li.menu-item ul.sub-menu {
      display: flex!important;
      position: sticky!important;
    }
    .main-nav .main-menu li.menu-item ul.sub-menu li.menu-item a {
       font-size: 14px!important;
       color: #298d86;
    }
}