@media screen and (max-width:991px) {
	.title-post, .title-category{
		font-size: 30px;
		text-align: center;
	}
	.pro-fix{
		flex-wrap: wrap;
	}
	.product-share{
		width: 100%;
		margin-top: 7px;
	}
	.serial, .serial .serial--tel{
		width: 100%;
	}
	html{
		overflow-x: hidden !important;
	}
	.flex-right-about{
		padding: 0;
		padding-left: 10px;
		padding-right: 10px;
	}
	.copyright{
		text-align: center;
	}
	.index-about-heading .title, span.title-post-index{
		font-size: 30px;
	}
	#pagination .pagination- {
		display: flex !important
	}

	.swiper-container-slider .swiper-slide>a {
		width: 100%;
		height: 250px;
		justify-content: center;
		align-items: center
	}

	.filter-project {
		position: relative
	}

	.filter-project .control-label b {
		color: #333
	}

	.menu-top-center {
		display: none !important
	}

	ol.breadcrumb {
		flex-wrap: wrap !important
	}

	.breadcrumb li {
		margin: 0 0 5px !important
	}

	ol.breadcrumb>li>a {
		white-space: nowrap
	}

	.breadcrumb li {
		display: flex;
		align-items: center
	}

	.breadcrumb li.active {
		white-space: nowrap !important;
		text-indent: inherit;
		overflow: hidden
	}

	#slider .swiper-container {
		height: auto
	}

	#slider {
		position: relative
	}

	.filter-project {
		right: 0;
		top: 0;
		bottom: auto;
		z-index: 999;
		width: 100%;
		height: 100%;
		justify-content: center
	}

	div#menu-mobile {
		position: sticky;
		top: 0;
		left: 0;
		z-index: 9
	}

	.language-mobile img {
		height: 24px;
		height: 32px
	}

	.language-mobile .dropdown-toggle::after {
		display: inline-block;
		margin-left: .255em;
		content: "\f0dd";
		font-family: "Font Awesome 5 Pro";
		border-top: 0;
		border-right: 0;
		border-bottom: 0;
		border-left: 0
	}

	.language-mobile .dropdown-menu {
		min-width: 5rem;
		margin: 10px 0 0;
		padding: .5rem
	}

	.language-mobile .dropdown-menu a {
		margin: 5px 0;
		display: block
	}

	.flex-left-about,
	.flex-right-about {
		width: 100%
	}

	div#menu-mobile {
		background: #0ba
	}

	.flex-20 {
		flex-basis: 20%
	}

	nav#menu-mobile-container {
		background: #0ba
	}

	nav#menu-mobile-container .mm-listview a {
		color: #fff
	}

	.mm-menu .mm-listview>li .mm-arrow:after,
	.mm-menu .mm-listview>li .mm-next:after,
	.mm-menu .mm-listview>li .mm-prev:before {
		border-color: #fff
	}

	.mm-menu .mm-navbar a,
	.mm-menu .mm-navbar>* {
		color: #fff
	}

	.mm-menu .mm-navbar .mm-btn:after,
	.mm-menu .mm-navbar .mm-btn:before {
		border-color: #fff
	}

	.mm-menu .mm-navbar,
	.mm-menu .mm-listview>li:after {
		border-color: #fff
	}

	.not-focusable:focus,
	.not-focusable:active {
		outline: none;
		-webkit-box-shadow: none;
		box-shadow: none
	}

	.title-product-category-popular {
		font-size: 25px
	}

	.product-slider .slick-list img {
		height: 250px;
		width: auto;
		display: block;
		margin: 0 auto
	}

	.product-item-thumbnail>img {
		height: 200px
	}

	.card-product-price {
		font-size: 14px
	}

	.product-title {
		font-size: 25px
	}

	p.product-description {
		font-size: 13px
	}

	.product-item-price {
		bottom: 20px;
		right: 0;
		font-size: 16px;
		background: #fff
	}

	.product-item-heading {
		width: 58%
	}

	.product-item {
		display: flex
	}

	.product-item>a {
		width: 42%;
		height: auto
	}

	.short-description {
		line-height: .5;
		font-size: 13px
	}

	.product-item-title {
		-webkit-line-clamp: 4
	}
}

@media screen and (min-width:992px) {
	.product-slider .slick-list {
		height: 600px
	}

	.product-slider .slick-list img {
		height: 100%;
		width: auto;
		display: block;
		margin: 0 auto
	}
}

@media screen and (max-width: 767px) {
    .sidenav .li {
        overflow: hidden;
        -webkit-transition: all .8s;
        -o-transition: all .8s;
        transition: all .8s;
    }

    .sidenav .li:not(.shown) {
        height: 0 !important;
    }

    .sidenav .hotline-collapse-btn:not(.shown) span.fa-minus,
    .sidenav .hotline-collapse-btn.shown span.fa-plus {
        display: none;
    }

    .wrap-fixed-footer {
        background: #f2f2f2;
        width: 100%;
        color: #fff;
        height: 50px;
        line-height: 50px;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 999;
        padding: 5px;
        margin: 0;
        box-shadow: 0px 4px 10px 0 #000;
    }

    .wrap-fixed-footer li {
        float: left;
        width: 20%;
        list-style: none;
        height: 50px;
    }

    .wrap-fixed-footer li .button {
        background: 0 0;
        color: #515151;
        width: 100%;
        height: 100%;
        line-height: 16px;
        text-align: center;
        display: block;
        position: relative;
        font-size: 12px;
        font-weight: 400;
        padding: 2px 0 0;
    }

    .wrap-fixed-footer li .button i {
        font-size: 26px;
        display: block;
    }

    .wrap-fixed-footer li.fixed-icon .button i {
        top: 8px;
        height: 27px;
        width: 100%;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .wrap-fixed-footer li .button #count-cart {
        position: absolute;
        right: 1px;
        top: -12px;
        color: #fff;
        background: #e73838;
        width: 25px;
        height: 25px;
        line-height: 26px;
        border-radius: 50%;
        z-index: 2;
        font-size: 13px;
    }

    .wrap-fixed-footer li .button .phone_animation {
        position: absolute;
        top: -24px;
        left: 50%;
        transform: translate(-50%, 0);
        width: 50px;
        height: 50px;
        border-radius: 100%;
        background: #e73838;
        line-height: 15px;
    }

    .wrap-fixed-footer li .button .phone_animation i {
        display: inline-block;
        width: 27px;
        margin-top: 12px;
    }

    .wrap-fixed-footer li .button .btn_phone_txt {
        position: relative;
        top: 26px;
    }

    .icon-phone-w {
        background-size: contain;
        background-repeat: no-repeat;
        width: 36px;
        height: 36px;
        display: inline-block;
    }

    .wrap-fixed-footer li:last-child {
        margin-right: 0;
    }

    .animation-shadow:after {
        width: 100%;
        height: 100%;
        position: absolute;
        border-radius: 100%;
        content: "";
        top: 0;
        left: 0;
        pointer-events: none;
        box-shadow: 0 0 20px #e73838, 0 0 20px #e73838;
        animation: shadow 1.2s .5s infinite;
    }
}

@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }
	.sidenav a {
        font-size: 18px;
    }
}