/*
 * Theme Name: Khang Thịnh
 * Description: Công nghệ thông tin ngày càng phát triển, nó giúp con người mua thực hiện công việc mua bán, tìm kiếm thông tin sản phẩm ngày càng hiệu quả hơn. Thay vì phải chạy đến tận nơi bán sản phẩm để tìm hiểu thông tin hay mua một sản phẩm nào đó, bạn chỉ việc ngồi ở nhà và với một thiết bị được kết nối internet là bạn có thể có tất cả. Có thể nói website là một công cụ hữu hiệu nhất trong hoạt động quảng bá thương hiệu, sản phẩm, dịch vụ một cách hiệu quả. Bạn là một người kinh doanh thì việc thiết kế một website là điều vô cùng cần thiết và cấp bách trong thời buổi công nghệ này, đó là sợi dây liên kết giữa doanh nghiệp và khách hàng, giúp cho doanh nghiệp quảng bá thương hiệu, sản phẩm và dịch vụ của mình đến với mọi người một cách nhanh chóng, hiệu quả, dễ dàng và trực quan nhất.
 * Theme URI: 
 * Version: 12.0
 * Theme Author: 
 * Author: 
 * Author URI: 
 * Textdomain: gaumap
 */

.gm-widget
{
    margin-bottom : 30px;
}

.gm-widget__header, .gm-widget__footer
{
    /*padding : 5px 15px;*/
}

.gm-widget__header
{
    /*background-color : #3b91f6;*/
    /*background-color : #7eb208;*/
}

.gm-widget__header__title
{
    font-size   : 24px;
    line-height : 40px;
    position    : relative;
    color       : #ffffff;
    margin      : 0;
    padding     : 0;
}

.gm-widget__footer
{

}

.gm-widget__main .single-product
{
    width         : 100%;
    display       : flex;
    align-items   : center;
    margin-bottom : 10px;
    padding       : 10px;
}

.gm-widget__main .single-product .product-img
{
    margin-right : 10px;
}

.gm-widget__main .single-product h3 a
{
    font-size   : 12px;
    line-height : 20px;
    width       : 100%;
    display     : block;
}

.row {
    display: flex;
    flex-wrap: wrap;
}

.list-pro{
    margin:  0 -7.5px;
}
.list-pro .col-xs-6{
    padding:  0 7.5px;
}
div.pagination ul.pagination span{
    background: #696969;
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus{
    color: #fff;
    background: #696969;
}
.pagination>li>a, .pagination>li>span{
    color: #000;
}

.frm-search {
    background-color: #fff;
    margin: 4px 0;
    border-radius: 16px;
    position: relative;
}

.frm-search input {
    padding-left: 5px;
    height: 28px;
    border-radius: 16px;
}

.frm-search button {
    position: absolute;
    right: 5px;
    top: 3px;
    color: #696969;
    background: transparent;
    border: none;
}
.header-bottom-area .row{
    align-items: center;
}

.search-mobile {
    position: absolute;
    top: 20px;
    right: 60px;
}

.search-mobile .search-mobile__icon i {
    font-size: 20px;
}

.frm-search {
    background-color: #fff;
    margin: 4px 0;
    border-radius: 16px;
}

.frm-search input {
    padding-left: 5px;
    height: 28px;
    border-radius: 16px;
}

.frm-search button {
    position: absolute;
    right: 5px;
    top: 3px;
    color: #696969;
}

.search-mobile {
    position: absolute;
    top: 20px;
    right: 60px;
}

.search-mobile .search-mobile__icon i {
    font-size: 20px;
}

.frm-seach-sm {
    padding: 3px;
    position: absolute;
    right: 0;
    top: 35px;
    width: 200px;
    display: none;
    z-index: 999;
    background-color: #ffffffaa;
    border: solid 1px silver;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 250px;
}
.frm-seach-sm input{
    height: 38px;
}

.frm-seach-sm button {
    position: absolute;
    top: 4px;
    right: 5px;
    background: #696969;
    border: none;
    color: #fff;
    height: 35px;
    width: 38px;
}

.frm-seach-sm button i {
    font-size: 14px !important;
    color: #fff;
}
.zalo-container:not(.right){
    left:  20px !important;
}
#contact_form button{
    background: #696969;
    border-color: #696969;
}
.header-min-area .menu-top ul{
    margin: 0 -10px;
}
.header-min-area .menu-top ul li{
    display: inline-block;
    padding: 0 10px;
    position: relative;
}
.header-min-area .menu-top ul li:after{
    content: "";
    position: absolute;
    right: 0;
    top: 3px;
    border-right: 1px solid #fff;
    width: 1px;
    height: 14px;
    background: #fff;
}
.header-min-area .menu-top ul li:last-child:after{
    display: none;
}
.header-min-area .menu-top ul li a{
    color: #fff;
    font-size: 16px;
}
.btn_hotline{
    gap: 10px;
}
.btn_hotline span {
    display: block;
    font-size: 14px;
    color: #fff;
}
.btn_hotline svg {
    width: 30px;
    height: 30px;
    flex: none;
}
.box-action * {
    color: #fff;
}
.btn_hotline .span_hotline a {
    font-weight: 600;
    font-size: 17px;
    color: #fff;
    position: relative;
    text-align: center;
}
 .promo-item {
    padding: 10px;
    border-radius: 10px;
    height: 100%;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    background: #d1cfcd;
}
.promo-item:hover {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
    background: #f7941e47;
}
.promo-item .icon img {
    box-sizing: border-box;
    padding: 0px;
    border: none;
    margin: auto;
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    max-height: 100%;
    object-fit: contain;
    width: 50px;
}
.promo-item .info {
    display: inline-table;
    vertical-align: middle;
    text-align: left;
    margin-bottom: 0px;
    margin-top: 0;
    color: #141414;
}
.promo-item .info .info_title {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 0;
    line-height: initial;
}
.promo-item .info .info_mota {
    color: #666;
    font-size: 15px;
    display: block;
    line-height: initial;
}
.section-intro{
    padding: 30px 0;
    margin-top: 20px;
}
.message-box h4 {
    text-transform: uppercase;
    padding: 0;
    margin: 0 0 5px;
    font-weight: 600;
    letter-spacing: 0.5px;
    font-size: 15px;
    color: #000;
}
.message-box h2 {
    font-size: 28px;
    font-weight: 500;
    padding: 0 0 10px;
    margin: 0;
    line-height: 62px;
    margin-top: 0;
    text-transform: none;
}
.message-box__content {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    margin-bottom: 20px;
}

.message-box p {
    margin-bottom: 20px;
}
.btn-light {
    padding: 13px 40px;
    font-size: 18px;
    border: 2px solid #696969;
    color: #ffffff;
    background-color: #696969;
}
.post-media img {
    width: 100%;
    -webkit-transition: all 1sease;
    -o-transition: all 1s ease;
    transition: all 1sease;
}
.img-rounded {
    border-radius: 6px;
}
.search-mobile__icon{
    color: #fff;
}
.header-slogan h1{
    text-align: center;
    color: #fff;
    font-size: 25px;
    margin-bottom: 0;
    font-weight: bold;
}
.box-category .tab-pane .row{
    margin: 0 -7.5px;
}
.box-category .tab-pane .col-xs-6{
    padding: 0 7.5px;
}
.box-category__group .view-more-products{
    margin-bottom: 15px;
    display: inline-block
}
.product-header .tab-menu{
    display: none;
}
@media screen and (min-width: 1200px) {
    .container{
        max-width: calc(100% - 220px);
        width: 100%;
    }
    .header-min-area .menu-top ul li a{
        font-size: 13px;
    }
    
    
}
@media screen and (max-width: 1200px) {
    .header-slogan h1{
        font-size: 22px;
    }
}

@media screen and (max-width: 991px) {
    .frm-search{
        display: none;
    }
    .open-menu{
        color: #fff;
    }
    .header-slogan h1{
        display: none
    }
}
@media screen and (max-width: 767px) {
    .post-media{
        margin-top: 20px;
    }
    .promo-item {
        height: auto;
        min-height: 100px;
        margin-bottom: 15px;
    }
}