@media all and (max-width: 1400px) {
	#page_1 .button {
	    position: absolute;
	    right: 74vh;
	    bottom: 13vh;
	}
	#page_2 .two_button {
	    position: absolute;
	    left: 37vh;
	    bottom: 20vh;
	}

}

@media all and (max-width: 1300px) {
	#page_1 .button {
	    position: absolute;
	    right: 65vh;
	    bottom: 13vh;
	}
	#page_2 .two_button {
	    position: absolute;
	    left: 31vh;
	    bottom: 20vh;
	}
}

@media all and (max-width: 1024px) {
	body {
		padding-top: 75px;
	}
	#mobile {
		display: block;
	}
 	header {
 		display: none;
 	}
 	.header_mb {
	    background: #007939;
	    padding: 10px;
	    position: fixed;
	    top: 0;
	    left: 0;
	    right: 0;
	    z-index: 9999;
	}
	.logo_mb img {
	    width: 100%;
	}
.logo_mb {
    width: 80%;
}
	.bq_header {
		position: relative;
	}
	.menu_mb {
	    position: absolute;
	    right: 15px;
	    top: 20px;
	    color: white;
	    font-size: 21px;
	    cursor: pointer;
	}
	.contenedor-menu {
	    width: 100%;
	    display: none;
	    min-width: 100%;
	    margin: 0;
	    line-height: 18px;
	    position: fixed;
	    left: 0;
	    right: 0;
	    top: 90px;
	}
	.contenedor-menu .menu li a:hover {
	    background: #24c570;
	}
	.logo_fot, .right_fot {
		display: none;
	}
	.left_fot {
	    width: 100%;
	    padding: 0 ;
	    padding-right: 0;
	    float: left;
	}
	.center_fot {
	    width: 100%;
	    float: left;
	    padding: 20px 0;
	}
	.left_end {
	    float: left;
	    width: 100%;
	}
	.right_end {
	    width: 100%;
	    float: left;
	    text-align: left;
	}
.two_button, .button {
    padding: 0px 10px;
    font-size: 7px;
    line-height: 15px;
}
.two_button a:first-child::after {
    position: absolute;
    content: "";
    border-right: 1px solid yellow;
    height: 8px;
    right: 0;
    top: 3px;
}
	
	#page_1 .button {
    position: absolute;
    right: 34vw;
    bottom: 5vw;
}
	#page_2 .two_button {
	    position: absolute;
	    left: 13vw;
	    bottom: 7vw;
	}
.center_but {
	    bottom: 2vw;
	}
	.modal-dialog {
	    width: 100%;
	    margin: 50px 0;
	}
.two_button a {
    padding: 0 5px;
    font-size: 7px;
    line-height: 13px;
}
}


@media all and (max-width: 800px) {
	.img-home img {
      width: 100%;
      height: 100%;
      object-position: center;
      object-fit: cover;
  }
  .img-home {
      height: 250px;
  }
  .box_dv {
    float: left;
    width: 50%;
    padding: 20px ;
}
  .tab_news li {
    border: 1px solid #bbb;
    border-radius: 5px;
    padding: 5px 5px;
    text-transform: uppercase;
    margin: 0 2px;
    list-style-type: none;
    cursor: pointer;
    float: left;
}
}@media all and (max-width: 768px) {

	

}@media all and (max-width: 680px) {
	.title-ab {
	    font-size: 14px;
	}
	.box_duan {
	    width: 100%;
	}
	.khung_cms_home {
		width: 100%;
	}
	.box_sanpham {
	    width: 100%;
	}
	.img_sanpham {
	    height: 250px;
	}
	img.logo_avs {
	    left: 25%;
	}
	.text_one {
	    font-size: 18px;
	}
	.text_two {
		line-height: 22px;
	    font-size: 14px;
	    margin: 5px;
	}

	.center_ab {
		width: 60%;
	}
	.right_ab {
	    width: 40%;
	}
	.khung_dv {
	    margin-top: 20px;
	}
	.title_home {
	    font-size: 18px;
	}
	.der_background {
	    width: 100%;
	}
}@media all and (max-width: 480px) {
	
}@media all and (max-width: 320px) {

}
@media (min-width: 1600px) { 

}