@media only screen and (max-width:1024px) {
.grid{
width: 100%;
max-width: 100%;
}
}
@media only screen and (max-width:980px) {
}
@media only screen and (max-width:800px) {
}
@media only screen and (max-width:768px) {
}
@media only screen and (max-width:600px) {
}
@media only screen and (max-width:480px) {
}
@media only screen and (max-width:360px) {
}
@media only screen and (max-width:320px) {
}.csSlideOuter {
overflow: hidden;
}
.lightSlider:before,
.lightSlider:after {
content: " ";
display: table;
}
.csSlideWrapper > ul:after {
clear: both;
}
.csSlideWrapper .csSlide {
-webkit-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate(0px, 0px);
-webkit-transition: all 1s;
transition: all 1s;
-webkit-transition-duration: inherit;
transition-duration: inherit;
-webkit-transition-timing-function: inherit;
transition-timing-function: inherit;
}
.csSlideWrapper .csFade {
position: relative;
-webkit-transition-duration: 1s;
transition-duration: 1s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
}
.csSlideWrapper .csFade > li {
position: absolute !important;
top: 0;
left: 0;
opacity: 0;
z-index: 9;
margin-right: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition-duration: inherit;
transition-duration: inherit;
-webkit-transition-property: opacity;
transition-property: opacity;
-webkit-transition-timing-function: inherit;
transition-timing-function: inherit;
}
.csSlideWrapper .csFade > li.active {
opacity: 1;
z-index: 10;
}  .csSlideOuter .csPager.cSpg {
margin: 10px 0 0;
padding: 0;
text-align: center;
}
.csSlideOuter .csPager.cSpg > li {
cursor: pointer;
display: inline-block;
padding: 0 5px;
}
.csSlideOuter .csPager.cSpg > li a {
background-color: #222222;
border-radius: 30px;
display: inline-block;
height: 8px;
overflow: hidden;
text-indent: -999em;
width: 8px;
-webkit-transition: all 0.5s linear 0s;
transition: all 0.5s linear 0s;
}
.csSlideOuter .csPager.cSpg > li:hover a,
.csSlideOuter .csPager.cSpg > li.active a {
background-color: #428bca;
}
.csSlideOuter .media {
opacity: 0.8;
}
.csSlideOuter .media.active {
opacity: 1;
}  .csSlideOuter .csPager.cSGallery{
list-style: none outside none;
padding-left:0;
margin: 5px 0 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.csSlideOuter .csPager.cSGallery li{
opacity:0.7;
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition-duration: 0.35s;
transition-duration: 0.35s;
-webkit-transition-property: opacity;
transition-property: opacity;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
}
.csSlideOuter .csPager.cSGallery li.active{
opacity:1;
}
.csSlideOuter .csPager.cSGallery img{
display: block;
height: auto;
max-width: 100%;
}
.csSlideOuter .csPager.cSGallery:before,
.csSlideOuter .csPager.cSGallery:after {
content: " ";
display: table;
}
.csSlideOuter .csPager.cSGallery:after {
clear: both;
}  .csAction > a {
width: 33px;
display: block;
top: 50%;
border-radius:50%;
height: 32px;
background-image: url(//nhatamthongminh.vn/wp-content/themes/tkw/img/controls.png);
background-repeat: no-repeat;
background-color:rgba(0,0,0,0.5);
cursor: pointer;
position: absolute;
z-index: 99;
margin-top: -16px;
}
.csAction > .csPrev{
background-position: 2px 0;
left: 10px;
}
.csAction > .csNext{
background-position: -33px 0;
right: 10px;
}
.cS-hidden {
height: 1px;
opacity: 0;
filter: alpha(opacity=0);
overflow: hidden;
}