@media only screen and (min-width: 200px) and (max-width: 991px){
    
    .navbar-top{display: flex; justify-content: space-between;}
    .navbar-top,
 
    .site-brand {
        text-align: center
    }
    
   .navbar-top {
       background: #fdfdfd;
       width: 100%;
       height: 65px;
       padding: 12px 18px;
       border-bottom: 2px solid #eee;
       top: 0;
       right: 0;
       left: 0;
       position: fixed;
       z-index: 99
   }
   
   .side-nav-panel-left {
       float: left
   }
   .side-nav-left {
       font-size: 28px;
       color: #313131
   }
   
   
   
   
   
   
   .side-nav-panel li a h1,
   .site-brand a h1 {
       font-weight: 900;
       line-height: 40px;
       letter-spacing: 1px
   }
   .side-nav-cart,
   .side-nav-panel,
   .side-nav-right {
       text-align: left
   }
   
   .side-nav a {
       font-size: 14px
   }
   .side-nav-panel-right  .side-nav a {
       line-height: 18px
   }
   
   .side-nav-panel-right .side-nav .button-cart a{
       line-height: 40px;
       height: 40px
   }
   
   
   
   .side-nav-panel li a h1,
   .site-brand a h1 {
       font-weight: 900;
       line-height: 40px;
       letter-spacing: 1px
   }
   
   .side-nav-panel {
       text-align: left
   }
   
   .side-nav-panel li a {
       color: #444
   }
   
   
   
   .side-nav-panel li a h1 {
       font-size: 26px;
       color: #313131;
       margin-top: 20px;
       margin-bottom: 20px
   }
   
   .side-nav-panel li a h1 span {
       color: #f39c12
   }
   
   .side-nav-panel li {
       font-weight: 700;
       border-bottom: 1px solid #f0f0f0
   }
   
   .side-nav-panel li:first-child {
       border-bottom: none
   }
   
   .side-nav-panel li a {
       font-weight: 600
   }
   
   .side-nav-panel li a:hover {
       background: 0 0
   }
   
   .side-nav-panel li a i {
       margin: 0 8px 0 0;
       font-size: 18px;
       color: #333;
       line-height: 45px
   }
   
   .side-nav-panel-right {
       float: right
   }
   
   
   
   .side-nav-right {
       font-size: 18px;
       color: #313131;
       line-height: 40px
   }
   
   
   .side-nav-right span {
       color: #fff;
       background: #f39c12;
       border-radius: 50%;
       font-size: 10px;
       padding: 0 4px;
       top: -10px;
       position: relative
   }
   
   
   
   .side-nav-cart {
       padding: 22px 8px 25px;
       float: none
   }
   
   .side-nav-cart img {
       width: 100%;
       height: 100%
   }
   
   .side-nav-cart a {
       padding: 0;
       margin: 0;
       font-weight: 600;
       letter-spacing: 1px;
       font-size: 17px;
       color: #555
   }
   
   .side-nav-cart .button-default {
       background: #f39c12;
       color: #fff;
       box-shadow: none;
       border-radius: 2px;
       margin: 20px 0;
       padding-left: 15px;
       padding-right: 15px;
       font-weight: 700
   }
   
   .side-nav-cart .button-default a {
       color: #fff
   }
   
   .side-nav-cart .button-default:hover {
       background: #f39c12!important;
       opacity: .9;
       box-shadow: none
   }
   
   .side-nav-cart a:hover {
       background: 0 0
   }
   
   .side-nav-cart .name-price span {
       font-size: 16px;
       font-weight: 600;
       color: #f39c12
   }
   
   .side-nav-cart .remove {
       text-align: right
   }
   
   .side-nav-cart .total-price {
       text-align: center;
       border-top: 1px solid #f5f5f5;
       border-bottom: 1px solid #f5f5f5;
       padding: 20px 0;
       font-weight: 700;
       margin: 0 10px
   }
   
   .new-best-product-content,
   .product-content {
       border: 1px solid #eee
   }
   
   .side-nav-cart .total-price h5 {
       font-weight: 600;
       letter-spacing: 1px
   }
   
   .side-nav-cart .button-cart {
       margin: 0 auto;
       text-align: center
   }
   

   .side-nav-right i{ font-size: 34px; line-height: 1.4; }

   .banner{

    margin-top: 65px;
    
    
    background-size: cover;
   }
   .mobbanner{

    display: block;

   }
   .deskbanner{
    display: none;
   }

 .ps-promotion--default{

    margin-top: -100px !important;
 }

 .desk-view{

    display: none;
 }
 
 }

 
 @media only screen and (min-width: 900px){


    .mobile-view{

        display: none;
     }


    .mobbanner{

        display: none;
    
       }
       .deskbanner{
        display: block;
       }


    .navbar-top{display: none;} 

   
    
   .banner{


   

  
    background-size: cover;
   }

 }