/*
Theme Name: TDQ-Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.hotline span,
.hotline a {
    display: block;
}
.hotline span {
    font-size: 14px;
    display: block;
    letter-spacing: 1px;
}
.hotline i {
    color: #D71015;
    margin: 0px 3px 0 0;
    font-size: 19px;
    display: inline-block;
}
.hotline a {
    color: #D71015;
    font-size: 19px;
    font-weight: 700;
    display: block;
    letter-spacing: 2px;
}

.gia-soc-title {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 0 25px;
}

.gia-soc-title::before,
.gia-soc-title::after {
    content: "";
    flex: 1;
    height: 1px;
    background: #ddd;
}

.gia-soc-title h4 {
    position: relative;
    margin: 0;
    padding: 8px 25px;
    background: #e31e24;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
}

.gia-soc-title h4::before {
    content: "";
    position: absolute;
    left: -8px;
    top: 0;
    border-top: 19px solid transparent;
    border-bottom: 19px solid transparent;
    border-right: 8px solid #e31e24;
}

@media (max-width: 549px) {
    .gia-soc-title h4 {
        font-size: 18px;
        padding: 7px 15px;
    }
}

.box-product>.col>.col-inner {
	display: flex;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(222, 222, 222);
    border-image: none;
    padding: 8px;
    border-radius: 10px;
    background: rgb(255, 255, 255);
}
.box-product>.col>.col-inner:hover {
	border: 1px solid #777;
}
.box-text-inner> h5 {
	color:red;
}
.formdangky .col {
    padding: 0 5px 30px !important;
}
.formdangky .small-5 {
    max-width: 41.66667%;
    flex-basis: 41.66667%;
float: left;
}
@media (min-width: 1281px) {
  
 .formdangky .small-2 {
    max-width: 16.66667%;
    flex-basis: 16.66667%;
float: left;
}
  
}
@media (min-width: 1025px) and (max-width: 1280px) {
  
  .formdangky .small-2 {
    max-width: 16.66667%;
    flex-basis: 16.66667%;
float: left;
}
  
}
@media (min-width: 768px) and (max-width: 1024px) {
  
  .formdangky .small-2 {
    max-width: 16.66667%;
    flex-basis: 16.66667%;
float: left;
}
  
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  
.formdangky .small-2 {
    max-width: 16.66667%;
    flex-basis: 16.66667%;
float: left;
}
  
}
 
.formdangky input[type='text'], .formdangky input[type='tel'],.formdangky textarea {
    background: #ebebeb !important;
    border-radius: 4px;
    height: 3em !important;
font-weight:normal;
}
 
.formdangky textarea {min-height: 7em !important;}
 
.formdangky input[type='submit']{min-height: 6.5em !important;border-radius:10px;background: linear-gradient(to right, #f48a35, #eb5810);}
 
 
@media (min-width: 481px) and (max-width: 767px) {
  
.formdangky .small-5,.formdangky .small-2 {
    max-width: 100%;
    flex-basis: 100%;
float:center !important ;
align-content: center !important;
}
.formdangky input[type='submit'] {
    min-height: 2.5em !important;
width: 100%;
}
}
 
@media (min-width: 320px) and (max-width: 480px) {
  
.formdangky .small-5,.formdangky .small-2 {
    max-width: 100%;
    flex-basis: 100%;
float:center !important ;
align-content: center !important;
}
.formdangky input[type='submit'] {
    min-height: 2.5em !important;
width: 100%;
}
}

.product-summary .ux-product-brands {
    flex-direction: row !important;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}