@media only screen and (max-width:1199px) {

.product-sec .grid-xl-2 {
    grid-template-columns: 1fr;
}
.grid-xl-4{

  grid-template-columns: repeat(3, 1fr);
}

}

@media only screen and (max-width: 768px) {
  .site-header{
    background-color: #fff;
    top:0;
  }
header.header-page {
           padding: 50PX 0 25PX;
}
    .header-page .title-lg {
        font-size: 21px;
        text-align: center;
    }
.img-box-parallax {
    width: 100%;
    margin: 0 auto;
}
#dsn_header.header-normal {
    padding-top: 66px;
    padding-bottom: 0;
}
header.p-relative.header-normal.h-100-v.dsn-header-animation.about-header{
    min-height:inherit;
  }




  .site-header.dsn-hamburger #navbar_toggle .toggle-icon .toggle-line {
    background-color: #000000;  
}
.text-menu.text-white-text.words span {
    color: #000;
}

.about-section .box-img img {
    height: inherit !important;
}

.work-horizontal .prev-paginate .dsn-icon, .work-horizontal .next-paginate .dsn-icon, .work-photography .prev-paginate .dsn-icon, .work-photography .next-paginate .dsn-icon {

    height: 71px;
}

.grid-xl-4{
  grid-template-columns: repeat(2, 1fr);
}

.product-detail-content {
    padding: 18px 0;
    overflow-x: scroll;
}
.custom-logo.logo-dark {
    display: block;
}

img.custom-logo.logo-light {
    display: none;
}

.section-padding {
    padding-top: 40px;
    padding-bottom:40px;

}
.main-brand img, .dsnload__img img {
    width: 135px;
}

}



@media only screen and (max-width: 991px) {
  .site-header.dsn-hamburger .container-content {
    display: none !important;
  }
}
.site-header.dsn-hamburger .container-content:after, .site-header.dsn-hamburger .container-content {
  transition: 1s;
}
.site-header.dsn-hamburger .container-content:after {
  content: "";
  position: absolute;
  background-image: url(../img/pngtree-dotted.png);
  background-color: var(--border-color);
  opacity: 0.07;
}
@media only screen and (min-width: 992px) {
  .site-header.dsn-hamburger .container-content:after {
    right: 0;
    top: 0;
    width: 45%;
    height: 0;
    z-index: -1;
  }
}
@media only screen and (max-width: 991px) {
  .site-header.dsn-hamburger .container-content:after {
    width: 0;
    height: 1px;
  }
}
.site-header.dsn-hamburger .container-content .sm-title-block {
  color: #a56433;
}
.site-header.dsn-hamburger .container-content .nav-social ul li {
  position: relative;
  color: var(--heading-color);
  display: inline-block;
  letter-spacing: 2px;
  font-size: 14px;
  margin-right: 15px;
  padding-right: 5px;
}
.site-header.dsn-hamburger.dsn-open .container-content {
  opacity: 1;
  visibility: visible;
}
@media only screen and (min-width: 992px) {
  .site-header.dsn-hamburger.dsn-open .container-content:after {
    height: 100%;
  }
}
@media only screen and (max-width: 991px) {
  .site-header.dsn-hamburger.dsn-open .container-content:after {
    width: 100%;
    top: calc(-1 * var(--margin-padding) / 2);
  }
}
@media only screen and (max-width:1024px) {

#button_header {
    display: none;
}

}




.site-header.dsn-hamburger.dsn-open .container-content:after, ..dsn-hamburger.dsn-open .container-content {
  transition-delay: 0.7s;
}
.site-header:not(.dsn-hamburger) .container-content {
  display: none;
}
.site-header.nav-bg {
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #fff;
  top: 0;
}



@media only screen and (max-width: 600px) {
  .site-header.nav-bg {
    top: 0;
  }

    #dsn_header.header-normal {
        padding-top: 35px;
    }
    .title-lg {
    font-size:25px;
  }



.grid-xl-4{

  grid-template-columns: repeat(1, 1fr);
}





}