.gird-new_home.noborder{margin-bottom:0}
.gird-new_home .item{position:relative;min-height:1px;padding-right:15px;padding-left:15px}

.vnt-selling .pf-title h2{margin-bottom:0}

.col-1{max-width:100%;-ms-flex-preferred-size:100%;flex-basis:100%}
.col-2{max-width:50%;-ms-flex-preferred-size:50%;flex-basis:50%}
.col-3{max-width:33.33333%;-ms-flex-preferred-size:33.33333%;flex-basis:33.33333%}
.col-4{max-width:25%;-ms-flex-preferred-size:25%;flex-basis:25%}
.col-5{max-width:20%;-ms-flex-preferred-size:20%;flex-basis:20%}
.col-6{max-width:16.66667%;-ms-flex-preferred-size:16.66667%;flex-basis:16.66667%}
.col-7{max-width:14.28571%;-ms-flex-preferred-size:14.28571%;flex-basis:14.28571%}
.col-8{max-width:12.5%;-ms-flex-preferred-size:12.5%;flex-basis:12.5%}
.col-10{max-width:10%;-ms-flex-preferred-size:10%;flex-basis:10%}

.all_categories
{
    opacity: 1;
    visibility: visible;
}

/*=========BEGIN: ABOUT spchinh=============*/
.vnt-about-spc{
    padding: 40px 0;
}
.vnt-about-spc .va-title{
    text-align: center;
    font-size: 52px;
    line-height: 62px;
    font-weight: 600;
}
.vnt-about-spc .va-title h2{
    font-size: 52px;
    line-height: 62px;
    font-weight: 600;
}
.vnt-about-spc .va-short{
    max-width:  840px;
    margin: 0 auto 30px auto;
    font-size: 15px;
    line-height: 23px;
    text-align: center;
}

.vnt-about-spc .grid-about .item:before{
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 1px;
    height: 70px;
    background: #ebebeb;
}
.vnt-about-spc .grid-about .item:nth-child(6n+1){
    clear: left;
}
.vnt-about-spc .grid-about .item:nth-child(6n+1):before,
.vnt-about-spc .grid-about .item:first-child:before{
    background: transparent;
}
.vnt-about-spc .grid-about .item .i-image{
  
    position: relative;
    margin: 0 auto;
    margin-bottom: 20px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    text-align: center;
}
.vnt-about-spc .grid-about .item:hover .i-image{
}
.vnt-about-spc .grid-about .item .i-image:after{
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    top: 0;
    left: 0;
    padding: 0;
    z-index: -1;
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255,255,255,0.1);
    -moz-box-shadow: 0 0 0 2px rgba(255,255,255,0.1);
    -ms-box-shadow: 0 0 0 2px rgba(255,255,255,0.1);
    box-shadow: 0 0 0 2px rgba(255,255,255,0.1);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}
.vnt-about-spc .grid-about .item:hover .i-image:after{
    -webkit-animation: sonarEffect 1.3s ease-out 75ms;
    -moz-animation: sonarEffect 1.3s ease-out 75ms;
    -ms-animation: sonarEffect 1.3s ease-out 75ms;
    animation: sonarEffect 1.3s ease-out 75ms;
}
.vnt-about-spc .grid-about .item .i-image a{
    display: block;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.vnt-about-spc .grid-about .item .i-image img{
   
    max-width: 100%;
}
.vnt-about-spc .grid-about .item .i-title{
    font-size: 13px;
    line-height: 20px;
    text-align: center;
}
.vnt-about-spc .grid-about .item .i-title h2 a{
    font-size: 14px;
    line-height: 24px;
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
}
.vnt-about-spc .grid-about .item .i-title a span{
    display: inline-block;
}
.vnt-about-spc .grid-about .item .desc
{
    text-align: center;
}

.vnt-about-spc .grid-about .item .view_sp a
{
    color: #e97d1f;
    display: block;
    text-align: center;
    margin-top: 10px;
}
/*=========END: ABOUT spchinh=============*/

/*================BEGIN: VÌ SAO CHỌN CHÚNG TÔI==================*/
.vnt-guarantee
{
    overflow: hidden;
    background-image: url(../images/banner-an.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 64px 0;
    background-attachment: fixed;
}
.vnt-guarantee .wrap-title{color: #fff;}
.vnt-guarantee .text-short{
    max-width: 830px;
    margin: 0 auto 20px auto;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
}
.grid-guarantee
{
    padding-top: 20px;
}
.grid-guarantee .item {
    margin-top: 30px;
    padding: 60px 25px 25px 25px;
}
.grid-guarantee .item.odd {
    border: 1px solid #fff;
}

.grid-guarantee .item .svg-wrapper{
    width: 62px;
    height: 62px;
    margin: 0 auto;
    border: 1px solid #fff;
    -webkit-transform: rotate(45deg) translateX(-50px) translateY(-50px);
    -moz-transform: rotate(45deg) translateX(-50px) translateY(-50px);
    transform: rotate(45deg) translateX(-50px) translateY(-50px);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}
.grid-guarantee  .item .svg-wrapper{
    -webkit-transform: rotate(45deg) translateX(-15px) translateY(-15px);
    -moz-transform: rotate(45deg) translateX(-15px) translateY(-15px);
    transform: rotate(45deg) translateX(-15px) translateY(-15px);
}
.grid-guarantee .item .svg-wrapper svg{
    position: absolute;
    top: -4px;
    left: -4px;
}
.grid-guarantee .item .svg-wrapper svg .shape{
    stroke-dasharray: 760;
    stroke-dashoffset: 0;
    stroke-width: 2px;
    fill: transparent;
    stroke: #fff;
    border-bottom: 5px solid #000;
    transition: stroke-width 1s ease 0s, stroke-dashoffset 1s ease 0s, stroke-dasharray 1s ease 0s;
}
.grid-guarantee  .item .svg-wrapper svg .shape{
    stroke-dasharray: 100, 200;
    stroke-dashoffset: -225;
    stroke-width: 8px;
}
.grid-guarantee  .item:hover .svg-wrapper svg .shape,
.grid-guarantee .item:hover .svg-wrapper svg .shape{
    stroke-dasharray: 760;
    stroke-dashoffset: 0;
    stroke-width: 2px;
}
.grid-guarantee .item .svg-wrapper .img-wrapper{
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    overflow: hidden;
}
.grid-guarantee .item .svg-wrapper .img-wrapper a{
    display: block;
    width: 100%;
    height: 100%;
}
.grid-guarantee .item .svg-wrapper .img-wrapper a i{
    position: absolute;
    font-size: 65px;
    line-height: 75px;
    color: #fd1c23;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -moz-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    -o-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}
.grid-guarantee .item .i-title{
    text-align: center;
    margin-top: 5px;
    margin-bottom: 16px;
    font-size: 18px;
    line-height: 28px;
    padding-bottom: 15px;
    text-transform: uppercase;
    position: relative;
}
.grid-guarantee .item .i-title h3
{
    margin: 0 0;
}
.grid-guarantee .item .i-title:before{
    position: absolute;
    bottom: 0;
    left: 50%;
    content: '';
    width: 40px;
    height: 2px;
    margin-left: -20px;
    background: #fff;
}
.grid-guarantee .item .i-title a {
    font-size: 22px;
    line-height: 32px;
    font-weight: bold;
    color: #fff;
}
.grid-guarantee .item .i-content{
    font-size: 16px;
    line-height: 26px;
    text-align: left;
    color: #fff;
}
.grid-guarantee .item .i-content ul{padding-left: 0px;}
.grid-guarantee .item .i-content ul li{ list-style: disc; }
.grid-guarantee .item .svg-wrapper .i-num
{
    position: absolute;
    top: 15px;
    left: 25px;
    transform: rotate(-46deg);
    font-size: 22px;
    line-height: 32px;
    color: #fff;
}

/*================END: VÌ SAO CHỌN CHÚNG TÔI==================*/
/* -------BEGIN category NAME--------*/
.vnt-catelogy {
    margin-bottom: 20px;
    padding-left: 0px;
    padding-right: 0px;
    background: #fff;
    padding-bottom: 10px;
}
.vnt-catelogy .pf-title
{
    text-align: center;
}
.vnt-catelogy .pf-title h2
{
    margin-top: 0px;
    margin-bottom: 10px;
    padding-top: 10px
}
.card-categories-ul {
    width: 100%;
    background-color: #fff;
    overflow: hidden;
}
.card-categories-li {
    background-color: #fff;
}

.card-categories-li-content {
    width: 100%;
    height: 100%;
    display: block;
    padding-top: 16px;
}
.card-categories-image-container {
    margin: 0 auto;
    max-width: 100%;
    margin-bottom: 30px;

}
.card-categories-image-container .image {
    display: block;
    margin: 0 auto 5px;
    transform: all 0.3s;
}
.card-categories-image-container:hover .image 
{
    transform: all 0.3s;
}
.card-categories-name {
    text-align: center;
}
.card-categories-name .text {
    display: block;
    line-height: 23px;
    font-size: 13px;
    color: #e97d1f;
    text-align: center;
    padding: 4px 10px;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 10px;
    border: 1px solid;
}
/* -------END category NAME--------*/

.viewallcat {
    float: left;
    overflow: hidden;
}
.viewallcat a {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #288ad6;
    padding: 14px 10px;
}
/* -------BEGIN  FEELLING--------*/

.vnt-feelling .wrap-title{color:#fff}
.vnt-feelling .wrap-title:before{background:#fff}
.vnt-feelling .wrap-desc{color:#fff}
.vnt-feelling{padding:40px 0;background:url(../images/banner-an.jpg) repeat 0 0;-webkit-animation:scrool_bg 10s linear infinite;-moz-animation:scrool_bg 10s linear infinite;animation:scrool_bg 20s linear infinite}
@-webkit-keyframes scrool_bg {
0%{background-position:0 0}
100%{background-position:0 430px}
}
@-moz-keyframes scrool_bg {
0%{background-position:0 0}
100%{background-position:0 430px}
}
@-webkit-keyframes scrool_bg {
0%{background-position:0 0}
100%{background-position:0 430px}
}
.vnt-feelling .title-cat span{color:#fff;font-size:32px;line-height:42px;display:inline-block;position:relative;padding:0 20px}
/* -------BEGIN  FEELLING--------*/

.vnt-feelling{padding:40px 0;}
.vnt-feelling .title-cat span{color:#000;font-size:32px;line-height:42px;display:inline-block;position:relative;padding:0 20px}
#slider-feelling{padding:20px 30px}
#slider-feelling.slick-initialized .item,#slider-feelling .item:first-child{display:block}
#slider-feelling .item{display:none}
#slider-feelling .slick-dots{text-align:center;left:0}
#slider-feelling .slick-dots li,#slider-feelling .slick-dots li button{width:10px;height:10px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
#slider-feelling .slick-dots li button:before{display:none}
#slider-feelling .slick-dots li{background:#eee}
#slider-feelling .slick-dots li:hover,#slider-feelling .slick-dots li.slick-active{background:#015af2}
.slider-feelling .item{text-align:center}
.slider-feelling .item .i-image{display:block;width:75px;height:75px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:3px solid #fff;margin:0 auto 22px;position:relative}
.slider-feelling .item .i-image:after{position:absolute;top:1px;left:-10px;width:35px;height:35px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#fff;border:2px solid #fff;font-family:fontawesome;font-size:18px;line-height:17px;color:#e97d1f;text-align:center;padding-top:8px;content:'\f10d'}
.slider-feelling .item .i-image a{display:block;width:100%;height:100%;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;overflow:hidden}
.slider-feelling .item .i-content{font-size:15px;line-height:29px;overflow:hidden;color:#fff;margin-bottom:23px}
.slider-feelling .item .i-name{font-size:20px;line-height:30px;font-weight:700;color:#000;margin-bottom:20px}
.slider-feelling .item .i-name span{font-size:20px;line-height:30px;color:#fff;font-style:italic}
.slider-feelling .item .i-image img{width: 100%;}
/* -------END  FEELLING--------*/

/* -------BEGIN  ĐỐI TÁC--------*/

.vnt-function{position:relative;-webkit-background-size:cover;background-size:cover;margin-bottom:30px}
.vnt-function h2{font-size:24px;margin-bottom:20px}
.vnt-function p
{
    text-align: center;
}
#slider-function{text-align:center}
#slider-function .slick-dots
{
    bottom:-20px;
}
#slider-function .item{display:inline-block;padding:0 10px}
#slider-function .item .i-images{margin-bottom:15px;border:#eee solid 1px}
#slider-function .item .i-images img{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;transform-origin:50% 100%}
#slider-function .item .i-images:hover{box-shadow:0 6px 12px 0 #000;border-color:#ee3e80}
#slider-function .item .i-title{font-size:18px;line-height:26px;font-weight:700;text-align:center}
#slider-function .item .i-title a{font-size:18px;line-height:26px}
#slider-function .slick-arrow{border-radius:50px;width:40px;height:40px;border:1px solid #9ed5f4;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;background:#9ed5f4;top:-5px;margin-right:10px;z-index:2}
#slider-function .slick-prev{left:auto;right:50%}
#slider-function .slick-next{left:51%}
#slider-function .slick-arrow:after{position:absolute;font-family:fontawesome;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:24px;line-height:30px;color:#fff}
#slider-function .slick-prev:after{content:'\f104'}
#slider-function .slick-next:after{content:'\f105'}

/* -------END  ĐỐI TÁC--------*/


.vnt-news{background:#fff}
.feature_news{padding-bottom:38px}
#vertical .sp-thumbnail-image-container{width:90px;height:60px;overflow:hidden;float:left;border:2px solid #fff;margin-right:15px}
#vertical .sp-right-thumbnails.sp-has-pointer{margin-left:20px}
#vertical .sp-thumbnail-image{height:100%}
#vertical .sp-thumbnail-container{margin-bottom:0;margin-top:0;border-bottom:1px solid #fff}
#vertical .sp-right-thumbnails.sp-has-pointer .sp-thumbnail{padding:13px 17px;height:100%;overflow:hidden;background:#f1f1f1;width:100%}
#vertical .sp-thumbnail{padding:13px 17px;height:100%;overflow:hidden;background:#f1f1f1;width:100%}
#vertical .sp-thumbnail-container.sp-selected-thumbnail .sp-thumbnail{background:#307abd}
#vertical .sp-thumbnail-container.sp-selected-thumbnail .sp-thumbnail-date{color:#fff}
#vertical .sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{display:none}
#vertical .sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{left:5px;border-right-color:#307abd}
#vertical .sp-image-container .sp-desc{position:absolute;bottom:0;left:0;width:100%;padding:10px 15px;background:rgba(255,255,255,0.8);color:#333}
#vertical .sp-image-container .sp-desc .sp-title{display:block;font-size:16px;line-height:26px;font-weight:700;margin-bottom:5px}
#vertical .sp-image-container .sp-desc .sp-title:hover{color:#307abd}
#vertical .sp-image-container .sp-desc .sp-content{display:block;font-size:14px;line-height:22px}
#vertical .sp-image-container .sp-date{position:absolute;top:15px;left:15px;width:80px;text-align:center;padding:7px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;border-radius:4px;background:rgba(0,0,0,0.6);color:#fff;font-size:15px;line-height:18px}
#vertical .sp-image-container .sp-date span{display:block}
#vertical .sp-image-container .sp-date span .day{display:inline-block;font-size:40px;line-height:50px;border-bottom:1px solid #fff;margin-bottom:10px}
#vertical .sp-thumbnail-text{padding-right:10px}
#vertical .sp-thumbnail-text .sp-thumbnail-title{font-weight:400;font-size:13px;line-height:23px;height:50px;overflow:hidden;padding-right:10px}
#vertical .sp-thumbnail-text .sp-thumbnail-date{font-size:13px;line-height:24px;color:#999}
#vertical .sp-selected-thumbnail .sp-thumbnail-text .sp-thumbnail-title{color:#fff}
#vertical .sp-selected-thumbnail .sp-thumbnail-text .sp-thumbnail-title:hover{color:#fff}
#vertical .sp-thumbnail-text .sp-thumbnail-title:hover{color:#007d21}
.bg-news{margin-top:0;position:relative;padding-top:0}
.bg-news .pf-title h2 .title-main{color:#000}
.bg-news .pf-title h2{margin-top:10px;margin-bottom:10px}
.bg-news .gird-new_home .about_service{text-align:right;padding:0}
.bg-news .gird-new_home .item{margin-bottom:2px}
.bg-news .gird-new_home .about_service i{font-size:26px;color:#000}
.bg-news .gird-new_home .about_service a{background:none}
.bg-news .gird-new_home .item .i-image .i-desc{position:absolute;bottom:0;background:#000;width:100%;opacity:.7}
.bg-news .gird-new_home .item .i-desc .i-title{padding:5px 15px}
.bg-news .gird-new_home .item .i-desc .i-title a{color:#fff;font-size:14px}
.bg-news .gird-new_home .item .i-image{border-top-left-radius:7px;border-top-right-radius:7px}


/* -------BEGIN  LAZY LOADING--------*/

.lazyloading{clear:both;filter:alpha(opacity=0);opacity:0;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}
.lazyloading.show{filter:alpha(opacity=1);opacity:1}
.w_effect_up .effect_up{opacity:0}
.w_effect_up.show .effect_up{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;-ms-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-duration:1.5s;-moz-animation-duration:1.5s;-o-animation-duration:1.5s;-ms-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;-ms-animation-fill-mode:both;animation-fill-mode:both;animation-timing-function:ease-out}
.w_effect_up_1 .effect_up_1{opacity:0;-webkit-transform:scale(0.6);-moz-transform:scale(0.6);-o-transform:scale(0.6);-ms-transform:scale(0.6);transform:scale(0.6);-webkit-transition:all 1s cubic-bezier(.175,.885,.32,1.275);-moz-transition:all 1s cubic-bezier(.175,.885,.32,1.275);-o-transition:all 1s cubic-bezier(.175,.885,.32,1.275);transition:all 1s cubic-bezier(.175,.885,.32,1.275)}
.w_effect_up_1.show .effect_up_1{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
@-webkit-keyframes fadeInUp {
0%{opacity:0;-webkit-transform:translate3d(0,200px,0);-moz-transform:translate3d(0,200px,0);-o-transform:translate3d(0,200px,0);-ms-transform:translate3d(0,200px,0);transform:translate3d(0,200px,0)}
50%{opacity:.3}
100%{opacity:1;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;transform:none}
}
@-moz-keyframes fadeInUp {
0%{opacity:0;-webkit-transform:translate3d(0,200px,0);-moz-transform:translate3d(0,200px,0);-o-transform:translate3d(0,200px,0);-ms-transform:translate3d(0,200px,0);transform:translate3d(0,200px,0)}
50%{opacity:.3}
100%{opacity:1;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;transform:none}
}
@-o-keyframes fadeInUp {
0%{opacity:0;-webkit-transform:translate3d(0,200px,0);-moz-transform:translate3d(0,200px,0);-o-transform:translate3d(0,200px,0);-ms-transform:translate3d(0,200px,0);transform:translate3d(0,200px,0)}
50%{opacity:.3}
100%{opacity:1;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;transform:none}
}
@keyframes fadeInUp {
0%{opacity:0;-webkit-transform:translate3d(0,200px,0);-moz-transform:translate3d(0,200px,0);-o-transform:translate3d(0,200px,0);-ms-transform:translate3d(0,200px,0);transform:translate3d(0,200px,0)}
50%{opacity:.3}
100%{opacity:1;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;transform:none}
}
.fadeinup{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;-ms-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-duration:1.5s;-moz-animation-duration:1.5s;-o-animation-duration:1.5s;-ms-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;-ms-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes sonarEffect {
0%{opacity:.3}
30%{opacity:.5;box-shadow:0 0 0 2px #ffe2a9,0 0 10px 10px #ffe2a9,0 0 0 10px #fff}
100%{box-shadow:0 0 0 2px #ffe2a9,0 0 10px 10px #ffe2a9,0 0 0 10px #fff;-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-o-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5);opacity:0}
}
@-moz-keyframes sonarEffect {
0%{opacity:.3}
30%{opacity:.5;box-shadow:0 0 0 2px #ffe2a9,0 0 10px 10px #ffe2a9,0 0 0 10px #fff}
100%{box-shadow:0 0 0 2px #ffe2a9,0 0 10px 10px #ffe2a9,0 0 0 10px #fff;-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-o-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5);opacity:0}
}
@-o-keyframes sonarEffect {
0%{opacity:.3}
30%{opacity:.5;box-shadow:0 0 0 2px #ffe2a9,0 0 10px 10px #ffe2a9,0 0 0 10px #fff}
100%{box-shadow:0 0 0 2px #ffe2a9,0 0 10px 10px #ffe2a9,0 0 0 10px #fff;-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-o-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5);opacity:0}
}
@keyframes sonarEffect {
0%{opacity:.3}
30%{opacity:.5;box-shadow:0 0 0 2px #ffe2a9,0 0 10px 10px #ffe2a9,0 0 0 10px #fff}
100%{box-shadow:0 0 0 2px #ffe2a9,0 0 10px 10px #ffe2a9,0 0 0 10px #fff;-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-o-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5);opacity:0}
}
@-webkit-keyframes spread-effect {
0%{opacity:0}
20%{opacity:1}
100%{-ms-transform:scale(1.4);-webkit-transform:scale(1.4);transform:scale(1.4);opacity:0}
}
@-moz-keyframes spread-effect {
0%{opacity:0}
20%{opacity:1}
100%{-ms-transform:scale(1.4);-webkit-transform:scale(1.4);transform:scale(1.4);opacity:0}
}
@-ms-keyframes spread-effect {
0%{opacity:0}
20%{opacity:1}
100%{-ms-transform:scale(1.4);-webkit-transform:scale(1.4);transform:scale(1.4);opacity:0}
}
@-o-keyframes spread-effect {
0%{opacity:0}
20%{opacity:1}
100%{-ms-transform:scale(1.4);-webkit-transform:scale(1.4);transform:scale(1.4);opacity:0}
}
@keyframes spread-effect {
0%{opacity:0}
20%{opacity:1}
100%{-ms-transform:scale(1.4);-webkit-transform:scale(1.4);transform:scale(1.4);opacity:0}
}
/* -------END  LAZY LOADING--------*/

@media screen and (max-width: 1024px) {
    .vnt-about-spc
    {
        padding-bottom: 0px;
    }
	.icon-search
	{
		top: -55px;
	}
   
    .viewallcat{display: none;}

	.vnt-product .grid-prod .item.col-5
	{
		max-width: 100%;
	    -ms-flex-preferred-size: 100%;
	    flex-basis: 100%;
	}
     .vnt-about-spc .grid-about .item {
    max-width: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}
.vnt-about-spc .grid-about .item .i-title h2 a
{
    font-size: 13px;
}
.vnt-search-box .search-box-outer .info-search p{width:100%;font-size:15px;line-height:25px}
.vnt-search-box .search-box-outer .box-border{padding:20px}
.vnt-selling.showmenu .slick-arrow{z-index:0}
#vertical .sp-image-container .sp-date span .day{display:inline-block;font-size:14px;line-height:24px}
#vertical .sp-image-container .sp-date span{display:inline-block}
#vertical .sp-thumbnail{padding:1px 17px}
#vertical .sp-thumbnail-image-container{width:50px;height:40px}
.slider-doingu .item .i-content{font-size:13px}
#vertical .sp-image-container .sp-desc .sp-content{display:none}
.sp-image-container{padding-right:25px}
#vertical .sp-image-container .sp-desc .sp-title{font-size:12px}
#vertical .sp-image-container .sp-desc{padding:2px 15px}
.card-categories-li{max-width:50%;-ms-flex-preferred-size:50%;flex-basis:50%}
.vnt-product .pf-title h2{margin-top:5px;padding-bottom: 0;}
.vnt-selling{margin-top:0;margin-bottom:0}
.bg-news .gird-new_home .item .i-image{max-height:100%}
.wap_slider{padding-top:10px;padding-bottom:10px}
section header.show-nav .h1{font-size:16px}
.vnt-function{margin-top:0}
.vnt-function .pf-title h2{font-size:16px}
section header.show-nav{display:block}

}
@media screen and (max-width: 768px) {

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

}
@media screen and (max-width: 479px) {

}
@media screen and (max-width: 360px) {

}
@media screen and (max-width: 320px) {
.card-categories-li{max-width:33.33333%;-ms-flex-preferred-size:33.33333%;flex-basis:33.33333%}
#vertical .sp-thumbnail-text .sp-thumbnail-title{padding-right:50px}
.vnt-product .pf-title h2{font-size:12px;}

}