@media screen and (max-width: 767px) {
	.box {
		max-width: 100%;
		margin-left: 0px;
		margin-top: 10px;
		padding-bottom: 20px;
   		border-bottom: 2px solid #cecece;
	}
	.header-middle {
		display: none;
	}
	#gioithieu {
	    margin-top: -3px;
	    margin-bottom: -20px;
	}
	.box h3 {
	    text-align: center;
	}
	.title h2 {
	    font-size: 20px;
	}
	.head-title {
		clear: both;
		margin-top: 14px;
	}
	.footer p {
	    text-align: center !important;
	}
	.camket-content .col-md-2 img{
		margin: 0px auto;
	}
	#cam-ket .title h2 {
	    padding: 0px 0px;
	}
	.camket-content p {
	    padding: 0px;
	}
	.navbar-brand>img {
	    position: relative;
	    max-height: 57px;
	    top: 4px;
	    right: -5px;
	}
	.navbar-toggle {
	    margin-right: 14px;
	    padding: 10px 12px;
	}
	.icon-header {
		font-size: 25px;
		margin-right: 25px;
		color: #fff;
	}
	.icon-header:last-child {
		margin-right: 0px;
	}
	.navbar-default .navbar-toggle {
	    border-color: #ddd0;
	}
	.box img {

	    margin-right: 0;
	}
	.camket-content {
		border-bottom: 1px solid #fff;
	}
	.camket-content:last-child{
		border-bottom: none;
	}
	#cam-ket .col-md-6 .title h2{
		border-bottom: 1px solid #fff;
		padding-bottom: 10px;
		margin: 0;
		font-size: 18px;
	}
	#cam-ket .col-md-6:last-child{
		border-left: none !important;	
	}
	#cam-ket .title-h2 {
		margin-left: 50px !important;
	}
	#doitac img.responsive {
		height: auto !important;
	}
	#hoicho p {
		font-size: 17px !important;
	}
	.owl-carousel .owl-nav button.owl-prev {
	    left: 0px;
	    position: absolute;
	    font-size: 70px !important;
	    bottom: 65px;
	    color: #25408C !important;
	}
	.owl-carousel .owl-nav button.owl-next {
	    right: 0px;
	    position: absolute;
	    font-size: 70px !important;
	    bottom: 65px;
	    color: #25408C !important;
	}
	.container>.navbar-header {
		min-height: 79px;
	}
	.main-footer .col-md-2 {
		display: none;
	}
	.main-footer .col-md-3 img{
		margin: 0px auto;
	}
	.main-footer .col-md-3:last-child{
		margin-top: 30px;
	}
	.main-footer .col-md-3:last-child h2{
		display: none;
	}

	.menu-footer-2 ul{
		margin: 11px auto 0;
	}

	#doitac .description {
		font-size: 16px;
	}
	#hoatdong p.text-right {
	    font-size: 16px;
	    clear: both;
	}
	#cam-ket .col-md-6 {
	    margin-bottom: 0px; 
	    margin-top: 0px; 
	}
	#lienhe {
		padding: 10px 0px 40px !important;;
	}
	.head-top .pull-right {
		padding: 0px;
	}
	.menu-footer-2 ul li {
	    font-size: 20px;
	}
	.bg-toiuu p {
	    font-size: 16px;
	}
	.box h3 {
		font-size: 17px;
	}
	#cam-ket {
	    padding-bottom: 35px !important;
	}
	.menu-footer-2 ul li i {
	    font-size: 32px;
	}
	.menu-footer-2 .icon {
		margin: 0px auto;
	}
	.menu-footer-2 ul li {
		margin: 10px 10px 0px;
	}
	#lienhe i.fa {
	    padding-right: 0px;
	    margin-left: 15px;
	}

	.head-top ul li {
		border-right: none;
	}
	.head-top ul li:first-child {
		margin-left: 100px;
	}
	.head-top ul li:last-child {
		margin-left: 20px;
	}
	.single-product-box:last-child {
	    margin-bottom: 30px;
	}
}
@media (min-width: 980px) and (max-width: 1200px){
	.container {
	    width: 1000px;
	}
	.header-fixed .navbar-default .navbar-collapse > ul > li > a {
    	padding: 0 4px;
    }
    .contact-form-content {
	    margin: 5% auto;
	    width: 30%;
	}
}
@media screen and (min-width: 768px) and (max-width: 1024px){
	.camket-content .col-md-2 img{
		margin: 0px auto;
	}
	#gioithieu {
	    margin-top: 15px;

	}
	.contact-form-content {
	    margin: 5% auto;
	    width: 40%;
	}
	.header-fixed .navbar-default .navbar-collapse {
    	/*width: calc(100% - 45px);*/
	}
	.header-fixed .navbar-default .navbar-collapse > ul > li > a {
	    line-height: 56px;
	}
	.header-fixed .navbar-default .navbar-collapse > ul > li > a {
    	padding: 0 4px;
    }
    .header-fixed .navbar-default .navbar-header {
	    width: auto;
	}
	.header-right .tel {
	
	    margin-right: 14px;
	}
	.header-right .tel p {
	    font-size: 10px;
	}
	/*.head-top .row-middle {
	    flex-wrap: wrap;
	}*/
}
@media screen and (min-width: 768px) and (max-height: 1024px) {
	.head-top .row-middle {
	    flex-wrap: wrap;
	}
	.after_footer .row > div:nth-child(1) {
	    padding: 10px 0;
	}
}
@media screen and (min-width: 1024px) {
	.navbar-toggle {
	    display: none;
	}
}