@media (min-width: 2560px) and (max-width: 3200px) {
    html {
        font-size: 24px;
    }
    #main-site .wp-main .wp-left .right {
        margin-left: 0.625rem;
    }
    #main-site .wp-main .wp-right {
        margin-left: 0.625rem;
    }
    #main-site .wp-main .wp-right {
        padding-left: 1rem;
        width: calc(25.5% - 0.625rem);
    }
    
}
@media (min-width: 1921) and (max-width: 2559px) {
    html {
        font-size: 17px;
    }
}
@media screen and (max-width: 1920px) {
    html {
        font-size: 16px;
    }
}

@media (min-width: 1680px) and (max-width: 1919px) {
    html {
        font-size: 14px;
    }
}

@media (min-width: 1440px) and (max-width: 1679px) {
    html {
        font-size: 12.5px;
    }
    #main-site .wp-main .wp-left .left .list-camera ul {
        max-height: 38.6875rem;
    }
}

@media (min-width: 1366px) and (max-width: 1439px) {
    html {
        font-size: 11.6px;
    }
}

@media (min-width: 1200px) and (max-width: 1365px) {
    html {
        font-size: 10.5px;
    }
}

@media (min-width: 1025px) and (max-width: 1199px) {
    html {
        font-size: 9px;
    }
}

@media (min-width: 992px) and (max-width: 1024px) {
    html {
        font-size: 8.5px;
    }
}


/*Smart phone nhỏ*/
@media screen and (min-width: 240px){
    
}
/*Iphone(480 x 640)*/
@media screen and (min-width: 320px){
    
}
/*Tablet nhỏ(480 x 640)*/
@media screen and (min-width: 480px){
    
}
/*Ipad dọc(768 x 1024)*/
@media screen and (min-width: 768px){
    
}
/*Ipad ngang(1024 x 768)*/
@media screen and (min-width: 1024px){
  
}
.pac-container {
    z-index: 10000 !important; /* not setting this can lead to angular hiding the autocomplete */
  }