@media screen and (max-width:1280px) {}
   
   @media (min-width: 1200px) {}
   
   @media screen and (max-width:1180px) {}
   
   @media screen and (max-width:1120px) {}
   
   @media screen and (max-width: 1070px) {}
   
   @media screen and (max-width:1024px) {}
   
   @media screen and (max-width:992px) {
        .circle-before:before,
        .item-produre:before,
        .item-produre:after{
            content:none!important;
        }
        .thumb-about:before{
            right: -5px!important;
        }
        .desc-produre{
            width: 50%;
            display: table;
            margin: 0 auto;
        }
        .line-clamps {
            -webkit-line-clamp: 2!important;
        }
        .section-copy{
            padding-bottom:50px
        }
        h3.post-name{height: auto!important;}

       .post-img img{
           width: 100%;
       }
       .copy {
           padding-bottom: 50px;
       }
       table {
           width: 100%!important
       }
       .max-width {
           max-width: 100%!important;
       }
       .w-100img img {
           max-width: 100%;
       }
       .w-100i {
           width: 100%!important
       }
       .none-mobile {
           display: none!important;
       }
       .mt-10i {
           margin-top: 10px!important;
       }
       .mb-10i {
            margin-bottom: 10px!important;
        }
        .mb-20i {
            margin-bottom: 20px!important;
        }
        .mg-0i {
           margin: 0;
       }
       .mt-0i {
            margin-top: 0!important;
        }
        .mb-0i {
            margin-bottom: 0!important;
        }
       .ml-0i {
           margin-left: 0!important;
       }
       .pd-0i {
           padding: 0;
       }
       .pr-0i {
           padding-right: 0!important
       }
       .pd-0i {
           padding: 0!important
       }
       .pt-10i {
           padding-top: 10px;
       }
       .pd-5i {
           padding: 5px;
       }
       .pd-10i {
           padding: 0px 10px;
       }
       .pl-0i {
           padding-left: 0px!important;
       }
       .center{
           text-align: center
       }
       .detail img {
        max-width: 100%;
        max-height: 100%;
      }
   }
   
   @media screen and (max-width:918px) {}
   
   @media screen and (max-width:768px) {}
   
   @media screen and (max-width:725px) {}
   
   @media screen and (max-width:680px) {}
   
   @media screen and (max-width:600px) {}
   
   @media screen and (max-width:520px) {}
   
   @media screen and (max-width:480px) {
      .detail img {
        max-width: 100%;
        max-height: 100%;
      }
   }
   
   @media screen and (max-width:360px) {
      .detail img {
        max-width: 100%;
        max-height: 100%;
      }
   }