@media (min-width: 1200px) {
	.container {
		width: 1200px !important;
	}
}

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

	.owl-doitac .owl-prev {
		left: -20px !important;
		background: url(../images/l.png) no-repeat !important;
	}

	.owl-doitac .owl-next {
		right: -20px !important;
		background: url(../images/r.png) no-repeat !important;
	}
	.info_pro p:nth-child(2), .info_pro p:nth-child(3) {
		width: 100%;
		text-align-last: left;
	}
	.col_right {
		padding: 0 0 0 15px;
	}
	.padding_index {
		padding: 30px 0;
	}
	.dangkynhantin {
		padding: 30px 20px 35px;
	}


}

@media (min-width: 767px) and (max-width: 991px) {
	.topone_center{
		display: none;
	}
	.topone_left {
		width: 60%;
	}
	.topone_right {
		width: 30%;
	}
	.owl-doitac .owl-prev {
		left: -15px !important;
		background: url(../images/l.png) no-repeat !important;
	}

	.owl-doitac .owl-next {
		right: -15px !important;
		background: url(../images/r.png) no-repeat !important;
	}
	.info_pro p:nth-child(2), .info_pro p:nth-child(3) {
		width: 100%;
		text-align-last: left;
	}
	.col_left ,.hotline{
		display: none;
	}
	.col_right {
		width: 100%;
		padding: 0 ;
	}
	.padding_index {
		padding: 30px 0;
	}
	.logo{
		width: initial;
		max-width: 30%;
	}
	.banner{
		width: initial;
		max-width: 70%;
	}
	.menu ul li a{
		font-size: 14px;    padding: 10px 0px;
	}
	.search_bds{
		padding: 15px 0;
	}
	.dangkynhantin {
		padding: 30px 20px 35px;
	}
	.media_left {
		width: 40%;
	}
	.media_right {
		width: 60%;
	}

}

@media (max-width: 767px) {
	.owl-doitac .owl-prev {
		left: -10px !important;
		background: url(../images/l.png) no-repeat !important;
	}

	.owl-doitac .owl-next {
		right: -10px !important;
		background: url(../images/r.png) no-repeat !important;
	}
	.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 55px;
	}

	.row_footer {
		flex-wrap: wrap;
	}

	.footer1,
	.footer2,
	.footer3,
	.footer4 {
		width: 100%;
		padding: 5px;
	}
	.hotline-footer{
		width: 100%;
		margin: 5px 0;
	}
	.tt-dknt{
		margin: 10px 0 0;
	}

	.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,.hotline,.menu{
		display: none;
	}

	.banner{
		max-width: 70%
	}
	.showmnrp{
		display: block !important;
	}
	.pagination>li>a, .pagination>li>span{
		padding: 4px 10px;
	}
	.info_pro p:nth-child(2), .info_pro p:nth-child(3) {
		width: 100%;
		text-align-last: left;
	}
	.col_left ,.hotline,.topone{
		display: none;
	}
	.col_right {
		width: 100%;
		padding: 0 ;
	}
	.padding_index {
		padding: 30px 0;
	}
	.logo{
		width: 100%;
		max-width: 100%;
		text-align:center;
	}
	.absolute_slider {
    position: relative;
    bottom: 0;
    padding: 10px 0;
}
.box_list_sl{
	width: 100%;
	text-align: center;
	margin: 0 0 5px 0;
}
.box_list_sl a{
	width: calc((100% - 30px) / 3);
}
.box_kygui{
	width: 100%;
}
.box_kygui a{
	width: 100%;
	text-align: center;
}
	.banner{
		width: initial;
		max-width: 70%;
	}
	.menu ul li a{
		font-size: 14px;    padding: 10px 0px;
	}
	.search_bds{
		padding: 15px 0;
		position: relative;
		background: rgba(0, 0, 0, 1);
	}
	.dangkynhantin {
		padding: 30px 25px 35px;
	}
	.media_left ,.media_right {
		width: 100%;
		margin: 5px 0;	
	}
	.copppy{
		padding: 15px 0 65px;
	}
}

@media (max-width: 600px) {
	.col_search {
		width: 50%;
		padding: 5px;
	}
	.info_pro p {
		font: 12px RobotoBold;
		margin: 2px 0;
	}
	.name_pro {
    	padding: 10px 0 0;
	}
	.info_pro {
	    margin: 5px 0 0;
	}
	.title_index span {
    	padding: 8px 0 8px 50px;
	    font: 16px TeXGyreAdventorBold;
	}
	.pro{
		padding: 5px;
	}
	.title-pro-detail{
		margin: 10px 0 5px 0;
	}
	.attr-pro-detail li {
	    padding: 7px 0;
	}
	.des_news {
	    color: #333333;
	    margin-top: 5px;
	    line-height: 20px;
	    display: -webkit-box;
	    width: 100%;
	    -webkit-webkit-line-clamp: 2;
	    -moz-webkit-line-clamp: 2;
	    -ms-webkit-line-clamp: 2;
	    -o-webkit-line-clamp: 2;
	    -webkit-line-clamp: 2;
	}
	.name_news a{
		font-size: 14px;
	}
	.title-main{
	    font: 18px TeXGyreAdventorBold;
	}
}