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

    

   

    

}


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

    
}

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

    
   
    
}


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

    
    .top-list {
      justify-content: center;
    }

    .bc-img {
       
        min-height: 500px;
    }

    h1.ban-header {
        font-size: 40px;
        margin-bottom: 20px;
        line-height: 50px;
    }

    .banner-content .container-fluid {
        padding: 0 0 0 130px !important;
    }

    .ban-text {
       width: 70%;
    }

    .banner-box {
        padding-top: 100px;
    }

    h5.c-header {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .category {
        margin-top: 50px;
    }

    .category .container-fluid {
        padding: 0 50px !important;
    }

    .c-img {
       height: 325px;
    }
    
    .cat-btm {
        margin-top: 30px;
    }

    .seller .container-fluid {
        padding: 0 50px !important;
    }

    h5.s-header {
        font-size: 28px;
        margin-bottom: 8px;
    }

    .s-header2 a {
        padding: 11px 34px;
        margin-top: 38px;
    }

    .se-img {
        height: 232px;
    }

    a.se-link {
       
        padding: 6px;
    }

    .se-box {
        margin-bottom: 25px;
    }

    .seller {
        margin-top: 50px;
    }

    .p-title::before {
        left: 32%;
    }

    .p-title2 {
       
        font-size: 40px;
        padding: 0 0px;
        margin-bottom: 25px;
    }

    .p-link {
        font-size: 17px;
        padding: 10px 35px;
    }
   
   
    
  

  

  
   
    
   
}


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

    #body .container {
        max-width: 540px !important;
    }

 

   

    

}

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

   
    

   
  

    

   
}


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

    
}

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

    

    

  
   
}

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