@media only screen and (max-width: 375px) {
 .res-dn{display:none;}
 .banner-home2{background-image: url("../imgs/banner/mobile-banner.png");width: 336px!important;position: relative;left: 0px;top: 0px;z-index: 999; opacity: 1; height: 455px!important;}

.res-width{width:389px;}

.res-mt{margin-top:100px;}

.slider .product{width:316px!important;}

.display-mob{display:block;}
.display-desk{display:none;}
.res-img{height: 100%;}
.res-h2{font-size:30px;}
.res-align{text-align:justify;}
.pl-25{padding-left:0px!important;}

.abt-res-img{width:300px; margin-bottom:28px;}
.m-all{margin: 10px 17px;}
.res-abt-container{margin: 12px 0px;}
.marquee{width:283px;}
.list-inline{width:66.33%;}
.res-marq{margin-left:0px;}
.res-gap{gap: 29px;}

.bread-txt {width:275px;}
iframe{width:100%;}
.client-container{ padding: 45px 32px;}

.note-p2 {left:9px; top:-2px;padding: 19px 20px;}
.note {font-size: 23px;text-align: justify;}
.res-client-col{margin: 26px 14px;}
.res-blog-row{margin: 0px -5px;}
.res-pb-40{padding-bottom:40px;}
.bread-txt{ padding-top: 51px;font-size: 31px;}
    .about-page{height:269px;}
    .res-table{margin-left: 0px;}
    .note-p{padding:19px 8px; margin-left:10px;}
    .wd-auto{width: 100%; }
    .res-row-page{margin:5px;}
}

@media only screen and (max-width: 600px) {
 .res-dn{display:none;}
 .banner-home{
       background-image: url("../imgs/banner/mobile-banner.png");
    width: 395px!important;
    position: relative;
    left: 0px;
    top: 0px;
    z-index: 999;
    opacity: 1;
    height: 491px!important;
    margin: 0px 11px;
}

.res-mt{margin-top:100px;}

.slider .product{width:316px!important;}

.display-mob{display:block;}
.display-desk{display:none;}

.res-img{height: 100%;}
.res-h2{font-size:30px;}

.res-align{text-align:justify;}
.pl-25{padding-left:0px!important;}
.m-all{margin: 10px 17px;}

.res-abt-container{margin: 12px 0px;}

.marquee{width:283px;}
.list-inline{width:66.33%;}

.res-marq{margin-left:0px;}

.res-gap{gap: 29px;}

.bread-txt {width:275px;}
iframe{width:100%;}
.client-container{ padding: 45px 32px;}
.note-p2 {left:9px; top:-2px;padding: 19px 20px;}
.note {font-size: 23px;text-align: justify;}
.res-client-col{margin: 26px 14px;}
.res-blog-row{margin: 0px -5px;}
.res-pb-40{padding-bottom:40px;}
.bread-txt{ padding-top: 51px;font-size: 31px;}
.about-page{height:269px;}
.res-table{margin-left: 0px;}
.note-p{padding:19px 8px; margin-left:10px;}
  .wd-auto{width: 100%; }

.res-row-page{margin:5px;}





}