@media(max-width: 1400px){
    
}
@media(max-width: 1200px){

}
@media(max-width: 992px){
   
.products .product-list{
    justify-content: center;
  }
.products .product-list > div{
    width: calc(30% + 0px);
}
.payment-title,.factor{
    width: calc(80% + 0px);
}
.payment-area{
    font-size: .8rem !important;
}
.guest .form-control{
    font-size: .8rem !important;

}

.result-product > div{
    width: calc(33.3333% + 0px);
  }
  .search-widget .footer{
    padding-top: 40px;
  }
  .about-page > .container{
    max-width: 100%;
  }
  .about-box > .container{
    max-width: 100%;
  }
  .contact-page > .container{
    max-width: 100%;
  }
}
@media(max-width: 768px){
	input,
	select:focus,
	textarea {
		font-size: 16px !important;
	}
    .bottom-menu{
        font-size: 13px;
    }
    .bottom-menu .item{
        width: calc(25% + 0px);
    }
    html .scroll-to-top{
        bottom: 70px;
    }
    .menu-bar{
        margin-left: 1rem;
    }
    .loader{
        font-size: 25px;
    }
    .features-area{
        padding-bottom: 3rem !important;
    }
    .features-area > div.container{
        max-width: 100%;
    }
    .features-list > div{
        font-size: 12px;
        text-align: center;
    }
    .features-list > div > span:first-child {
        font-size: 30px;
    }
    footer > .container > div{
        width: calc(33.3333% + 0px);
    }
    footer > div.container{
        max-width: 100%;
    }
    footer{
        font-size: 13px;
    }
    .products .product-list > div{
        width: calc(50% + 0px);
    }
    .product-details > div:first-child{
        width: calc(100% + 0px);
    }
    .product-details > div:last-child{
        width: calc(100% + 0px);
    }
    .payment-title,.factor{
        width: calc(90% + 0px);
    }
    .factor{
        padding: 20px !important;
        font-size: 14px;
    }
    .mobrah .container{
        max-width: 100%;
    }
    .payment-area{
        font-size: .7rem;
    }
    .card-widget-btn:hover .card-widget{
        
    visibility: hidden;
    opacity: 0;
    }
    .search-widget .container{
        max-width: 100%;
    }
    .about-page .img-about{
        width: calc(30% + 0px);
        max-height: 200px;
    }
    .about-page .text-about{
        font-size: 13px;
    }
    .about-page .container{
        align-items: center;
    }
    .about-page > .container > div.img-about{
        width: calc(30% + 0px);
    }
    .about-page > .container > div.text-about{
        width: calc(70% + 0px);
    }
    .contact-page .form-group {
        margin-top: 1rem !important;
    }
    .form-area .container{
        max-width: 100%;
    }
	.product-list .product-discount, .product-list .product-colorful{
		padding: 5px 10px 5px 10px !important;
	}
}
@media(max-width: 575px){
    .nav-area{
        padding: 20px 20px 20px 20px;
        font-size: 15px;
    }
    .main-logo{
        width: 80px;
    }
    .bottom-menu {
        font-size: 10px;
      }
      .features-list > div{
          font-size: 8px;
      }
      .features-list > div > span:first-child {
          font-size: 25px;
      }
    footer > .container > div{
        padding: 6px;
    }
    footer{
        font-size: 10px;
    }
    footer .icon-sert img{
        width: 50px;
        height: 50px
    }
    .social-media-list a{
        font-size: 15px
    }
    .social-media-list{
        margin-bottom: 0;
    }
    .social-media-list li{
        display: flex;
    }
    footer .logo-footer{
        min-height: 40px;
    }
    .products .product-list > div{
        width: calc(50% + 0px);
    }
    .filter-btn{
        padding: 10px;
    }
    .categories-list .filter-area .filter-option{
        width: 250px;
        padding: 10px;
        font-size: 13px;
    }
    .filter-item li{
        font-size: 10px !important;
    }
    .product-detials-area .extra-box{
        font-size: 12px;
    }
    .product-detials-area .select-box{
        font-size: 12px;
    }
    .factor{
        padding: 10px !important;
        font-size: 13px;
    }
    .payment-title, .factor{
        width: calc(100% + 0px);
    }
    .factor table tr > td:nth-child(2){
        width: calc(18% + 0px);
    }
    .factor table tr > td:nth-child(3){
        width: calc(32% + 0px);
    }
    .payment-area > div:first-child{
        width: calc(100% + 0px);
    }
    .payment-area > div:last-child{
        width: calc(100% + 0px);
    }
    .payment-area .sidebar{
        padding: 0;
        margin-top: 10px;
    }
    .payment-area{
        padding: 0 !important;
    }
    .search-input{
        font-size: 25px;
        text-align: right;
    }
    .search-widget .header form{
        padding: 0 50px 0 100px;
    }
    .result-product > div{
        width: calc(50% + 0px);
      }
    .search-widget .body p{
    font-size: 12px;
    margin-bottom: 20px;
    }
    .search-widget .product-list .product-discount{
        position: absolute;
        top: 10px;
        background-color: #d3d3d3;
        padding: 3px 10px 3px 10px;
        font-size: 9px;
        font-weight: bolder;
        right: 7px;
    }
    .search-widget .product-list .product-icons > div > div{
        width: 30px;
        height: 30px;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 15px;
        cursor: pointer;
    }
    .search-widget .btn-rah{
        width: 100% !important;
    }
    .about-page > .container > div.img-about{
        width: calc(100% + 0px);
        max-height: 100%;
        order: 1;
    }
    .about-page > .container > div.text-about{
        width: calc(100% + 0px);
        order: 2;
    }
    .about-page > .container{
        flex-direction: column;
    }
    .about-box h3{
        font-size: 16px;
    }
    .about-box p{
        font-size: 10px;
    }
    .about-box > .container > div{
        padding: 20px 5px 20px 5px;
    }
    .about-page > .container > div.text-about p{
        line-height: 30px;
    }
    .about-page > .container > div.text-about ul{
        line-height: 30px;
    }
    .about-page > .container > div.text-about ul li:last-child{
        margin-top: 20px;
    }
    .address-information p{
        text-align: justify;
    }
    .contact-page > .container > div{
        width: calc(100% + 0px);
        padding: 10px;
    }
    .contact-page > .container{
        flex-direction: column;
    }
    .contact-page .btn-rah{
        width: 40% !important;
    }
    main.content > section:first-child{
        margin-top: 65px !important;
    }
    .form-area > .container > div{
        width: calc(100% + 0px);
    }
    .form-area > .container{
        flex-direction: column;
    }
    .header-page h1{
        font-size: 17px !important;
    }
	.blackfriday {
		position: absolute;
		width: 59px;
		left: -55px;
		bottom: -45px;
	}
}