.fal, .far, .fa, .fas {
    /*font-family: FontAwesome !important;*/
    font-family: "Font Awesome 5 Free" !important;
}

.ui-hr::after {
    content: "";
    height: 2px;
    background: #ea9d38;
    width: 50%;
    position: absolute;
    left: 24%;
    top: 70%;
}

/*======= nav ==============*/
.line1, .line2, .line3 {
    width: 23px;
    height: 3px;
    margin: 5px;
    transition: all .4s;
}

.change .line1 {
    transform: rotate(-45deg) translate(-5px, 6px);
}

.change .line2 {
    opacity: 0;
}

.change .line3 {
    transform: rotate(45deg) translate(-5px, -6px);
}


.payment_mthd_icon li {
    display: inline-block;
    margin-left: 10px;
    font-size: 30px;
    color: #fff;
}
.ftr_social_icon li {
    display: inline-block;
    text-align: center;
    padding: 4px;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.fa-facebook-f:before, .fa-facebook:before {
    content: "\f09a";
}
.ftr_social_icon ul li a {
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 17px;
    height: 40px;
    line-height: 32px;
    padding: 4px 8px;
    width: 40px;
    transition: .5s;
}
.ftr_social_icon ul li a:hover {
    background: #2d58a4;
    border-color: #2d58a4;
    color: #fff;
}

.ftr_social_icon ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.ftr_btm_area {
    background: transparent;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 28px;
    z-index: 100;
    position: relative;
}
.h5-hide{
    height:25px ;
    overflow: hidden;
}
.navbar-right {
    text-align: right;
}
.card_custom{
    border: unset!important;
    border-radius: .25rem;
    height: 270px;
    overflow: hidden;
    background: whitesmoke!important;
}
.owl-height-custom{
    height: 48px;
    overflow: hidden;
}
.co_card_title_promo , .co-text-post{
    height: 48px;
    overflow: hidden;
}

/*========= End Our Product ============*/

/*================== IPad Pro ===================*/
@media (min-width: 992px) and (max-width: 1199px){

}

/*================== Ipad =======================*/
@media (min-width: 768px) and (max-width: 991px) {
    .col-sm-12.col-md-10.m-5.p-5.mb-margin{
        padding: 0!important;
        margin: 0px!important;
    }
    .card.card_custom{
        padding: 0px!important;
        margin: 5px!important;
    }
}

/*================== Phone =======================*/
@media screen and (max-width: 767px) {
    .col-sm-12.col-md-10.m-5.p-5.mb-margin{
        padding: 0!important;
        margin: 0px!important;
    }
    .m-text-center{
        text-align: center!important;
    }
    .m-text-center{
        text-align: center!important;
    }
    .card.card_custom{
        padding: 0px!important;
        margin: 5px!important;
    }
}
/*=================IPhone 6/7/8 plus=============*/
@media (min-width: 414px) and (max-width: 767px) {
    .col-sm-12.col-md-10.m-5.p-5.mb-margin{
        padding: 0!important;
        margin: 0px!important;
    }
    .m-text-center{
        text-align: center!important;
    }
    .m-text-center{
        text-align: center!important;
    }
    .card.card_custom{
        padding: 0px!important;
        margin: 5px!important;
    }

}

/*===============iphone5=============*/
@media screen and (max-width: 320px) {
    .col-sm-12.col-md-10.m-5.p-5.mb-margin{
        padding: 0!important;
        margin: 0px!important;
    }
    .m-text-center{
        text-align: center!important;
    }
    .card.card_custom{
        padding: 0px!important;
        margin: 5px!important;
    }
}

ul.fr__pro__prize, ul.pro__prize{display:none !important;}

.co_prod_image{height:200px !important;}
.co_fea_image,{height:228px !important;}
.pro__prize{display:none !important;}