.gia-km-xd{display: grid; grid-template-columns: 50px auto; margin-top: 10px;}

.giam-gia{display: grid; justify-items: center;align-items: center; background:#ea1010;color:white;
  font-size:16px; font-weight:600;}
  
.hop-gia{background:#ececec;padding: 5px 12px;}

.gia-goc, .gia-km{font-size:15px;}

.gia-goc span, .gia-km span{font-size: 18px;color:#ea1010;}

.gia-km span{font-size:20px !important;font-weight: 600 !important;}

 .woocommerce ul.products li.product .price {    text-align: left !important;}
 .woocommerce del {opacity:1 !important;color:#ea1010 !important;}
 .woocommerce span.onsale {display:none;}
  .woocommerce ul.products li.product .price del .amount {    color:     #ea1010;    margin-left: 10px;}
  
  .sale-perc{position: absolute;bottom: 18px;right: 15px;background:#ec0f0f;
color:white;font-size: 13px;padding: 0px 5px;}
 
 .woocommerce ul.products li.product li.title a {    font-weight: 600;margin-top: 10px;}
 .woocommerce ul.products li.product .woo-entry-inner li {    text-align: left;}
 
 .custom-menu-widget .oceanwp-custom-menu > ul > li > a {
    text-transform: uppercase;
    font-weight: 600;
}
 .formxd  .wpcf7-form-control  {border-radius:100px;}
 .formxd .wpcf7 .wpcf7-form-control:not(.wpcf7-submit){min-width:250px;}
 
 .woocommerce-product-details__short-description li::before {
    font-family: 'simple-line-icons';
    content: "\e028";
    margin-right: 8px;
    font-size: 110%;
}
.woocommerce-product-details__short-description li {
    list-style: none;
    border-bottom: 1px solid 
#F1F5F8;
padding-bottom: 3px;}
.footxd{color:white;padding:2px;font-size:12px;text-align:center;background: #1D6A84; }

.woo-dropdown-cat .widget_product_categories li a {     padding: 2px !important;}

.elementxd:hover .titxd {  background: linear-gradient(200deg, rgba(247,190,22,0.83) 0%, rgba(247,156,29,0.46) 100%);   }
 .woocommerce ul.products li.product li.category {display:none;}
 

.titxd{background:  rgba(255,255,255,0);  transition: background 1s ease-in-out;  }

.elementxd .elementor-widget:not(:last-child) {margin-bottom:2px!important;}

.widget-area .sidebar-box {    border-radius: 6px;}
.widget-area .sidebar-box {
    border-radius: 3px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.10);
}
 .widget-title {    padding: 10px;  background: #1D6A84;  
 margin: 0 -10px 15px;  color: white !important;  text-align: center;}

.btnx span {background: #002c5f;padding: 4px;  border-radius: 2px;color:#ffffff;}
.xdblog .jet-posts__inner-box { border-bottom: 4px solid #D28C0E;    border-radius: 0px 0px 4px 4px;
    background: white;    margin-bottom: 20px;    overflow: hidden;}


/* call XD */
.sodt{position: fixed;bottom: 30px;left: 50px;padding: 5px 20px;background: #E3342F;color: white;
border-radius: 0px 40px 40px 0px;font-size: 120%;  font-weight: bold;z-index: -1;}
.sozalo{position: fixed;bottom: 87px;left: 51px;padding: 5px 20px;background: #018fe5;color: white;
border-radius: 0px 40px 40px 0px;font-size: 120%;  font-weight: bold;z-index: -1;}

.callxd{ position: fixed; bottom: 25px; left: 10px;z-index: 999;}
.zaloxd{ position: fixed; bottom: 85px; left: 10px;z-index: 999;}
.zaloxd img{box-shadow: 0 2px 5px 0 rgba(0,0,0,0.50);border-radius: 7px;}

.pulse i{position: absolute; top: 10px; left: 14px; font-size: 30px;  color: white;}
.pulse {
  
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #E3342F;
  cursor: pointer;
  box-shadow: 0 0 0 rgba(227,52,47,0.63);
  animation: pulse 2s infinite;
}
.pulse:hover {
  animation: none;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(227,52,47,0.63);
  }
  70% {
      -webkit-box-shadow: 0 0 0 20px rgba(227,52,47,0.63);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(227,52,47,0.63);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(227,52,47,0.63);
    box-shadow: 0 0 0 0 rgba(227,52,47,0.63);
  }
  70% {
     
      box-shadow: 0 0 0 10px rgba(227,52,47,0.4);
  }
  100% {
      
      box-shadow: 0 0 0 0 rgba(227,52,47,0.4);
  }
}
@media only screen and (max-width: 500px) {
  .sodt, .sozalo{display:none;}
}


/** Form **/
.cf-container {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -5px;
	margin-left: -5px;
}
.cf-col-1, .cf-col-2, .cf-col-3, .cf-col-4, .cf-col-5, .cf-col-6, .cf-col-7, .cf-col-8, .cf-col-9, .cf-col-10, .cf-col-11, .cf-col-12 {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 5px;
	padding-left: 5px;
}
@media ( min-width: 576px ) {
	.cf-col-1 {
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}
	.cf-push-1 { margin-left: 8.333333%; }
	.cf-col-2 {
		-ms-flex: 0 0 16.66667%;
		flex: 0 0 16.66667%;
		max-width: 16.66667%;
	}
	.cf-push-2 { margin-left: 16.66667%; }
	.cf-col-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	.cf-push-3 { margin-left: 25%; }
	.cf-col-4 {
		-ms-flex: 0 0 33.33333%;
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}
	.cf-push-4 { margin-left: 33.33333%; }
	.cf-col-5 {
		-ms-flex: 0 0 41.66667%;
		flex: 0 0 41.66667%;
		max-width: 41.66667%;
	}
	.cf-push-5 { margin-left: 41.66667%; }
	.cf-col-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.cf-push-6 { margin-left: 50%; }
	.cf-col-7 {
		-ms-flex: 0 0 58.33333%;
		flex: 0 0 58.33333%;
		max-width: 58.33333%;
	}
	.cf-push-7 { margin-left: 58.33333%; }
	.cf-col-8 {
		-ms-flex: 0 0 66.66667%;
		flex: 0 0 66.66667%;
		max-width: 66.66667%;
	}
	.cf-push-8 { margin-left: 66.66667%; }
	.cf-col-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}
	.cf-push-9 { margin-left: 75%; }
	.cf-col-10 {
		-ms-flex: 0 0 83.33333%;
		flex: 0 0 83.33333%;
		max-width: 83.33333%;
	}
	.cf-push-10 { margin-left: 83.33333%; }
	.cf-col-11 {
		-ms-flex: 0 0 91.66667%;
		flex: 0 0 91.66667%;
		max-width: 91.66667%;
	}
	.cf-push-11 { margin-left: 91.66667%; }
	.cf-col-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}



@media only screen and (max-width: 500px) {
    .xdbot{display:none;}
.xdtable  td { padding:1px !important; font-size:60%;}
aside{display:none;}
}
@media only screen and (min-width: 500px) {
    #site-logo{display:none;}
  
}