/*===============================
====app-productsearch styles===== */
  
  .app-productsearch {
    background1: #edeee3;
  }
  .app-productsearch .searchdiv{
    padding: 4px;
  } 
  


/*===============================
=======app-product styles========*/
  .app-productsrow{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
  }
  .app-productcol{
    width: 14.28%;
    border-left: 1px solid #dae2ed;
    border-bottom: 1px solid #dae2ed;
  }
  .app-productcol .productimage{
    padding: 7px;
  }
  .app-productcol .productimage img{
    min-width: 100%;
    max-width: 100%;
    height: 120px;
  }
  .app-productcol .productbrief{
    color:#666666;
    padding: 7px;
    font-size: 11px;
    font-family: Roboto,Helvetica,Tahoma,Arial,"Microsoft YaHei";
    /*font-family: 'Open Sans',Arial,Helvetica,sans-serif; */
  }
  .app-productcol .productbrief .price{
    font-size: 13px;
    font-weight: bold;
    color: #333;
    margin-top: 10px;
  }
  .app-productcol .productbrief .moq {
    margin-top: 5px; 
  }
  .app-productcol .productbrief .moq span{
    font-weight: bold;
    color:#333; 
  }
  .app-productcol .productbrief .addcart-btn{
    position: absolute;
    bottom: 6px;
    right: 10px;
  }
  .app-productcol .productbrief .addcart-btn.btn{
    background: none;
    border-color: transparent;
    color:#ff3209;
  }
  /*.productbrief .addcart-btn.btn:hover{
   box-shadow: none;
  }
  .app-productcol .productbrief .addcart-btn .fa{
    font-size: 2.2em
  }
  */

  .app-productcol .productbrief .addcart-btn .addcarticon{
      width: 25px;
      height: 25px;
      max-width: 100%;
  }


/*=============================
Media Queries for app-product
================================*/
 /*General*/
@media only screen and (min-width: 800px) and (max-width: 900px){
  .app-productcol{
     width:20%;
  }
}

@media only screen and (min-width: 601px) and (max-width: 799px){
  .app-productcol{
     width:25%;
  }
}

@media only screen and (min-width: 500px) and (max-width: 600px){
  .app-productcol{
     width:33.33%;
  }
}

@media only screen and (min-width: 360px) and (max-width: 499px){
  .app-productcol{
     width:50%;
  }
}


/*Specific*/
@media all and (device-width: 1024px){
  .app-productcol{
     width:16.66%;
  }
}

@media all and (device-width: 976px){
  .app-productcol{
     width:16.66%;
  }
}

@media all and (device-width: 966px){
  .app-productcol{
     width:16.66%;
  }
}

@media all and (device-width: 960px){
  .app-productcol{
     width:16.66%;
  }
}

@media all and (device-width: 812px){
  .app-productcol{
     width:20%;
  }
}

@media all and (device-width: 800px){
  .app-productcol{
     width:20%;
  }
}

@media all and (device-width: 768px){
  .app-productcol{
     width:20%;
  }
}

@media all and (device-width: 740px){
  .app-productcol{
     width:20%;
  }
}

@media all and (device-width: 736px){
  .app-productcol{
     width:20%;
  }
}

@media all and (device-width: 732px){
  .app-productcol{
     width:20%;
  }
}

@media all and (device-width: 699px){
  .app-productcol{
     width:25%;
  }
}

@media all and (device-width: 667px){
  .app-productcol{
     width:25%;
  }
}

@media all and (device-width: 640px){
  .app-productcol{
     width:33.33%;
  }
}

@media all and (device-width: 600px){
  .app-productcol{
     width:33.33%;
  }
}

@media all and (device-width: 568px){
  .app-productcol{
     width:33.33%;
  }
}

@media all and (device-width: 534px){
  .app-productcol{
     width:33.33%;
  }
}

@media all and (device-width: 533px){
  .app-productcol{
     width:33.33%;
  }
}

@media all and (device-width: 480px){
  .app-productcol{
     width:50%;
  }
}

@media all and (device-width: 432px){
  .app-productcol{
     width:50%;
  }
}

@media all and (device-width: 414px){
  .app-productcol{
     width:50%;
  }
}

@media all and (device-width: 412px){
  .app-productcol{
     width:50%;
  }
}

@media all and (device-width: 375px){
  .app-productcol{
     width:50%;
  }
}

@media all and (device-width: 360px){
  .app-productcol{
     width:50%;
  }
}

@media all and (device-width: 320px){
  .app-productcol{
     width:50%;
  }
}

/******======End of app productpage Media Queries=======********/






/*==============================
  appcart styles
================================*/
.app-cartscreen .carttitle{
  text-transform: uppercase;
  font-size: 13px;
}

.app-cartscreen {
  font-family1: 'Open Sans',Arial,Helvetica,sans-serif;
}
.app-cartscreen .orderitem{
  border-bottom: 1px solid #eee;
  padding-right: 3px; padding-left: 3px;
}

.app-cartscreen .orderitem .itemremove{
  position: absolute;
  top: 5px;
  right: 2px;
  background: transparent;
  border: none;
  color:#E91818;
  font-size: 16px;
}
.app-cartscreen .orderitem .itemremove:hover{
  color:#333;
  box-shadow: none;
  }

.app-cartscreen .cartimage-div img{
  height: 70px; 
  width: 70px;
  max-width: 100%;
}
.app-cartscreen .product-title{
  color: #414141;
  font-size: 10px;
  margin:0px 0px 5px 0px;
}
.app-cartscreen .sizecol{
  padding-right: 0px; padding-left: 0px;
}
.app-cartscreen .qtycol{
  padding-left: 0px; 
  padding-bottom: 15px;
}
.app-cartscreen .qtycol .input-group .btn{
  padding: 5px 8px;
}
.app-cartscreen .qtycol .input-group input.form-control{
  height: 30px;
  z-index: 0;
}
.app-cartscreen .qtycol .input-group input{
  text-align: center;
}
.app-cartscreen .sizecol .size, .app-cartscreen .qtycol .qty, .app-cartscreen .pricecol .price{
  color: #414141;
  font-size: 10px;
  margin: 0px 0px 5px;
}
.app-cartscreen .text-semibold{
  color: #606060;
}
.app-cartscreen .pricecol{
  padding-left: 0px;
}
.app-cartscreen .pricecol .price{
  margin:0px 0px 5px;
}


.appcart-total .panel-title {
  text-transform: uppercase;
  font-size: 13px;
}
.appcart-total .table-responsive{
  margin-bottom: 0px;
  border: none;
}
.appcart-total .table{
  font-size: 12px;
}
.appcart-total .table tr td{
  border-top: none !important;
}
.appcart-total .text-right{
  color: #303030;
  font-size: 12px;
}