/* Smartphones (portrait) -- DƯỚI 320PX ----------- */
@media only screen
and (max-width : 320px) {

}



/* Smartphones (portrait and landscape) TỪ 480PX TỚI 768PX----------- */
@media only screen
and (min-width : 480px)
and (max-width : 600px) {

}





/* Smartphones (portrait and landscape) TỪ 480PX TỚI 768PX----------- */
@media only screen
and (max-width : 670px) {
    
}



/* Smartphones (portrait and landscape) TỪ 480PX TỚI 768PX----------- */
@media only screen
and (min-width : 530px) {
    
}

/* Smartphones (portrait and landscape) TỪ 480PX TỚI 768PX----------- */
@media only screen
and (min-width : 768px) {
    
}


/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-width : 992px) {
    
}


/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1200px) {
    
}





/* Desktops and laptops ----------- */
@media only screen
and (max-width : 1199px) {
.img-procate1-home > a {
    height: 160px;
}
.img-procate1-home img {
    max-width: 100%;
    max-height: 160px;
}









}





/* Desktops and laptops ----------- */
@media only screen
and (max-width : 992px) {
.support-qnh{
	display: none;
}
.qnh-search {
    width: calc(100% - 220px);
}   
.logo-qnh{
	width: 220px;
}
.main-menu{
	display: none;
}
.middle-header-mobile{
	display: block;
}
.left-qnh{
	display: none;
}
.main-qnh{
	width: 100%;
}
.left-footer{
    width: 100%;
}
.right-footer{
    width: 100%;
}

}

/* Desktops and laptops ----------- */
@media only screen
and (max-width : 768px) {
.qnh-search {
    width: calc(100% - 170px);
}   
.logo-qnh {
    width: 170px;
    padding: 15px 0px 15px 15px;
}
input.txt-search-qnh {
    padding: 5px 6px;
}
.img-procate1-home > a {
    height: auto;
    display: inline-block;
    width: 100%;
}
.img-procate1-home img {
    max-width: 100%;
    max-height: inherit;
    width: 100%;
}
.procate1-home{
	width: 100%;
}
.left-news-home{
    width: 100%;
    margin-bottom: 15px;
}
.right-news-home{
    padding-left: 0px;
    width: 100%;
}
.left-prolist{
    width: 100%;
    margin-bottom: 15px;
}
.img-prolist{
	text-align: center;
}
.right-prolist{
    padding-left: 0px;
    width: 100%;
}
.summary-prolist {
    text-align: justify;
}






}



@media only screen
and (max-width : 767px) and (min-width: 640px){
    
}





/* Smartphones (portrait and landscape) TỪ 480PX TỚI 768PX----------- */
@media only screen
and (max-width : 480px) {
    
}




/* Smartphones (portrait and landscape) TỪ 480PX TỚI 768PX----------- */
@media only screen
and (max-width : 320px) {

}