@media (min-width: 1200px) {

	.container {

		width: 1200px !important;

	}

}



@media (min-width: 992px) and (max-width: 1199px) {

	.hotline p span {

		padding: 6px 8px;

	}

	ul#main-nav li a {

		font-size: 15px;

	}

}



@media (min-width: 767px) and (max-width: 991px) {

	.hotline,
	.title-danhmuc,
	.slide_left {

		display: none
	}

	.logo {

		width: 25%
	}

	.banner {

		width: 75%
	}

	.menu ul#main-nav {

		width: calc(100% - 40px);

	}

	.slide_right {

		width: 100%;

		padding: 0;

	}

	.container_slider .container {

		width: 100%;

		padding: 0;

	}

}



@media (max-width: 767px) {

	.row {

		margin: 0;

	}



	.rowrp {

		margin: 0 -10px;

	}



	.col-4,

	.col-3,

	.col_video {

		padding: 0 10px 0 5px;

	}



	.col-4:nth-child(2n+1),

	.col-3:nth-child(2n+1),

	.col_video:nth-child(2n+1) {

		clear: both;

		padding: 0 5px 0 10px;

	}



	.padding {

		padding: 10px 0;

	}



	footer {

		padding: 20px 0;

	}



	.row_footer {

		flex-wrap: wrap;

	}



	.footer1,

	.footer2,

	.footer3,

	.footer4 {

		width: 100%;

		padding: 5px;

	}



	.copppy,

	.thongke {

		text-align: center;

	}



	header nav {

		display: none;

	}

	/*hotrocss*/

	.fix-toolbar {

		display: block;

	}



	.zalo_fixed,

	.drag-wrapper,

	.ctrlq.fb-button,

	.call_fixed {

		display: none;

	}

	/*hotrocss*/

	.form_contact {

		width: 100%;

	}

	.diachi_top,
	.title-indexr i,
	.topone,
	.hotline,
	.menu,
	.title-danhmuc,
	.slide_left {

		display: none
	}

	.logo {

		width: 30%;

		padding: 5px 0;

	}

	.logo:before {

		width: 20px;

	}

	header .wrap-top:before {

		width: 10px;

	}

	.banner {

		width: 70%;

		display: block;

		padding: 0 0 0 20px;

	}

	.menu ul#main-nav {

		width: calc(100% - 40px);

	}

	.slide_right {

		width: 100%;

		padding: 0;

	}

	.container_slider .container {

		width: 100%;

		padding: 0;

	}

	.showmnrp {

		display: block !important;

	}

	.pagination>li>a,
	.pagination>li>span {

		padding: 4px 10px;

	}

	.title-main {

		font-size: 28px;

	}

	.title-pro-detail {

		margin: 10px 0;

	}

	.title-index h3 {

		width: 100%;

		text-align: center
	}

	.title-indexr {

		width: 100%;

		text-align: center;

		padding: 10px 0;

	}

	.rowdknt {

		width: 100%;

		box-shadow: 0px 4px 6px rgb(6 6 6 / 40%);

	}

	.dangkynhantin {

		background: #fff;

	}

	.product_pagging {

		padding: 0px 0 10px;

	}

	.col-list-intro {

		width: 70%;

	}



	.splistintro-item {

		margin: 20px 0;

	}

	.widget-left {
		display: none;
	}

	.widget-right {
		width: 100%;
	}

	.content-body-home-left {
		display: none;
	}

	.content-body-home-right {
		width: 100%;
		padding-left: 0;
	}

	.wrap-top.fadeInDown {
		position: relative !important;
	}
}