﻿@media (max-width:1359px){
    /*Bắt đầu từ 1200 tính tương ứng với trường hợp lớn hơn tablet - bắt đầu của PC - thường là 4 hoặc 5 cột*/

}

@media (max-width:1199px){
    /*Bắt đầu từ 992 tính tương ứng với trường hợp tablet quay ngang - thường là 3 hoặc 4 cột*/

}

@media (max-width:991px){
    /*Bắt đầu từ 768 tính tương ứng với trường hợp tablet dựng dọc - thường là 2 hoặc 3 cột*/
    #lvkinhdoanh .content-block {width:195px !important;height:301px!important}
    #lvkinhdoanh .overlay,.main-content .sub-content-menu img,.main-content .sub-content-block ol>li,ul#main-content>li {height:341px!important}
    #lvkinhdoanh.kd-itemm .kd-item {height:auto;width:calc((100% - 2px) / 3)}
    #lvkinhdoanh.kd-itemm .lvkd1, #lvkinhdoanh.kd-itemm .kd-item2 {height:auto;width:100%}
    #lvkinhdoanh.kd-itemm .itemmm {margin-right:0}
    #lvkinhdoanh.kd-itemm .kd-item:nth-child(2n + 1) {margin-right:0}

    #lvchitiet .lvchitiet-r,#lvchitiet .lvchitiet-l {width:100%; float:none}
    #lvchitiet .lvchitiet-dak .owl-carousel3 .owl-next {right:0!important;top:-21px!important; left:inherit!important}
    #lvchitiet .lvchitiet-dak .owl-carousel3 .owl-prev {right:21px!important;top:-21px!important; left:inherit!important}
    #lvchitiet .kd-item,
     #lvchitiet .kd-item .lvkd1 {width:100%!important}
     #lvchitiet .lvchitiet-dak .lvchitiet-l {margin-bottom:7px}
     #lvchitiet .lvchitiet-l .lvkd-name {font-size:20px!important}
     #lvchitiet .lvchitiet-r .lvchitiet-name {font-size:20px!important}
     #lvkinhdoanh .kd-item .kd-item1:last-child .lvkd1 .khungAnh:before {padding-bottom:190%}
     #lvkinhdoanh.kd-itemm .kd-item,#lvkinhdoanh .kd-item .kd-item1 .lvkd1 {height:auto}
     .main-content .sub-content-block ol>li .sub-content-menu {height: 100%!important}
}

@media (max-width:767px){
    /*Bắt đầu từ 480 tính tương ứng với trường hợp mobile quay ngang - thường là 2 cột*/
    #kd1 .kd-item, .main-content{display:none!important}
    #kd1 .lvkdrwd2 {width:100%;height:auto;position:relative;margin-bottom:1px;margin-right:10px;float:left}
    #kd1 .lvkdrwd2 .khungAnh:before {padding-bottom:145%}
    #kd1 .lvkdrwd_over {position:absolute;top:0;left:0;height:100%;width:100%;display:block;background:rgba(0,0,0,0.5);z-index:1}
    #kd1 .lvkdrwd_over .khungAnh:before {width:100%;padding-bottom:145%}
    #kd1 .lvkdrwd_name {display: block;position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);width: 100%}
    #kd1 .block-title {text-align:center}
    #kd1 .lvkdrw3 {width:100%;height:50px;background:#0092d3;display:block;margin-bottom:1px}
    #kd1 .lvkdrw3_text {text-align:center;line-height:50px}
    #kd1 .lvkdrw3_text span{color:#fff;font-family:FtraLt;font-size:16px}
    #kd1 .lvkdrwd1 .lvkddd {height:auto;max-height:0;transition:1s all ease-in-out;-moz-transition:1s all ease-in-out;-webkit-transition:1s all ease-in-out;overflow:hidden;width:100%}
    #kd1 .lvkdrwd1 {width:100%;height:auto;display:block}
    #kd1 .lvkdrwd1 .lvkdd {margin-bottom:7px;margin-right:10px;float:left;width:calc((100% - 10px) / 2);}
    #kd1 .lvkdrwd1 .lvkdd:nth-child(even) {margin-right:0}
    #kd1 .lvkddd.lvkdrwdac {max-height: 500px}
}

@media (max-width:479px){
    /*Bắt đầu từ mobile, tức css viết ngoài cùng là css cho trường hợp mobile dựng dọc - thường là 1 cột, padding left right 15px*/
    #kd1 .lvkdrwd2 {width:100%;height:auto;position:relative;margin-bottom:1px}
    #kd1 .lvkdrwd2 .khungAnh:before {padding-bottom:145%}
    #kd1 .lvkdrwd1 .lvkdd {margin-bottom:7px;margin-right:10px;float:left;width:100%;}

}