/*-----------------------------------------------------------------------------------
  Template Name: Tmart-Minimalist eCommerce HTML5 Template.
  Template URI: #
  Description: Tmart is a unique website template designed in HTML with a simple & beautiful look. There is an excellent solution for creating clean, wonderful and trending material design corporate, corporate any other purposes websites.
  Author: Theme365
  Version: 1.0


-----------------------------------------------------------------------------------
  
  CSS INDEX
  ===================

  01. Google fonts
  02. Scroll To Top
  03. Product Area
  04. Log In Register Area
  05. Bradcaump Area
  06. Quickview Area
  07. New Product Area
  08. Best Product Area
  09. Blog Area
  10. Feature Product Area
  11. Popular Product Area
  12. Load More Area
  13. Newsletter Area
  14. Choose Us Area
  15. Team Area
  16. Testimonial Area
  17. Our Brand Area
  18. Our Shop Area
  19. Our Shop Sidebar
  20. Our Contact Area
  21. Our Product Details Area
  22. Wrapper Sidebar
  23. Our Blog Details
  24. Shop Details Area
  25. Our Wishlist Area
  26. Our Cart Area
  27. Our Checkout Page
  28. portfolio style


-----------------------------------------------------------------------------------*/
/*----------------------------------------*/
/*  1. Google fonts
/*----------------------------------------*/
/*
    font-family: 'Poppins', sans-serif;

    font-family: 'Dosis', sans-serif;

*/
/*---------------------------------------
  02. Scroll To Top
----------------------------------------*/


/*---------------------------------------
  End Scroll To Top
----------------------------------------*/
/*---------------------------------------
  03. Product Area
----------------------------------------*/

.pro__thumb a {
    display: block;
}

.pro__thumb img {
    width:100%;
    text-align:center;
    height:135px;
}

.product {
     border: 6px solid transparent;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    bottom:0px;
  
    height:260px;
    
}
.product1 {
     border: 6px solid transparent;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    bottom:0px;
    height:275px;
    
}

.product2 {
     border: 6px solid transparent;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    bottom:0px;
    height:290px;
    
}
.product__inner {
    position: relative;
}
.product__action {
    display: flex;
    height: 48px;
    justify-content: space-around;
    line-height: 48px;
    margin: auto;
    position: relative;
    width: 100%;
    z-index: 2;
}
.product__action::before {
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.85;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.product__action li a span {
    color: #666666;
    font-size: 20px;
    transition: all 0.3s ease 0s;
    margin-top: 14px;
    display: inline-block;
}
.home-6 .product__action li a span {
    margin-top: 0px;
    font-size: 18px;
}
.home-6.popular__product--6 .product__action li {
    border-radius: 50px;
    box-shadow: none;
}
.product__action li:first-child::before {
    background: #666666 none repeat scroll 0 0;
    content: "";
    height: 24px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
}
.another-product-style .product__action li::before {
    background: #666666 none repeat scroll 0 0;
    content: "";
    height: 24px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
}
.another-product-style .product__action li:last-child::before {
    content: none;
}
.another-product-style .product__action {
    width: 155px;
}
.another-product-style .product__details {
    text-align: left;
    bottom:0px;
}


.product__action li {
    position: relative;
    width: 50%;
}
.product__action li a span:hover {
    color: #fd3f0f;
}
.product:hover .product__hover__info {
    opacity: 1;
    top: 50%;
}
.product__hover__info {
    left: 50%;
    position: absolute;
    text-align: center;
    top: 60%;
    transform: translateY(-50%) translateX(-50%);
    width: 100%;
    z-index: 2;
    opacity: 0;
    transition: 0.6s;
}
.add__to__wishlist {
    bottom: 12px;
    position: absolute;
    right: 12px;
}
.add__to__wishlist a span {
    color: #000000;
    font-size: 14px;
    transition: all 0.4s ease 0s;
}
.add__to__wishlist a span:hover {
    color: #442d25;
}
.product__details h2 {
    color: #444444;
    font-size: 14px;
    font-weight: 500;
}
.product__details {
    padding-top: 27px;
    padding-bottom: 0px;
}
.product__price {
    display: flex;
    margin-top: 9px;
}
.product__price li {
    color: #442d25;
    font-size: 16px;
}
.new__price{
   text-align: left;
}
.product__menu {
    text-align: center;
}
.product__menu button {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    color: #666666;
    font-size: 17px;
    font-weight: 500;
    line-height: 20px;
    padding: 0 20px;
    text-transform: uppercase;
    transition: all 0.4s ease 0s;
}
.product__filter--7 .product__menu button:first-child {
    padding-left: 0;
}
.product__filter--7 .product__menu button:last-child {
    padding-right: 0;
}
.product__menu button:hover {
    color: #442d25;
}
.product__menu button.is-checked {
    color: #442d25;
}
/* single product */

.product-details-style2 .product__big__images {
    display: block;
    max-width: 100%;
    overflow: hidden;
}
.product-details-style2 .product__details__container {
    text-align: left;
}
.product-details-style2 .product__small__images {
    margin-top: 30px;
}
.product-details-style2 .pot-small-img {
    display: inline-block;
    margin-right: 22px;
    margin-top: 0;
    width: 22%;
}
.product-details-style2 .pot-small-img:last-child {
    margin-right: 0px;
}
.product-details-style2 .product__small__images {
    min-width: inherit;
    padding-right: 0;
}
.sin-product-details-slider a > img {
    border: 1px solid #ddd;
}
.product-details-style3 .product__details__container {
    margin-right: 5px;
}
.product-details-style3 .pro__rating {
    display: block;
    padding-right: 0px;
}
.product-details-style3 .pro__dtl__btn,
.product-details-style3 .product-action-wrap,
.product-details-style3 .pro__social__share,
.product-details-style3 .pro__dtl__prize,
.product-details-style3 .pro__dtl__rating {
    display: block;
}
.product-details-style3 .pro__choose__color li,
.product-details-style3 .pro__choose__size > li,
.product-details-style3 .pro__dtl__btn li,
.product-details-style3 .pro__social__share h2,
.product-details-style3 .pro__soaial__link li,
.product-details-style3 .pro__soaial__link,
.product-details-style3 .product-quantity,
.product-details-style3 .prodict-statas,
.product-details-style3 .pro__dtl__prize li,
.product-details-style3 .pro__rating > li,
.product-details-style3 .title__5,
.product-details-style3 .pro__choose__size,
.product-details-style3 .pro__choose__color {
    display: inline-block;
}
.product-details-slider.owl-carousel .owl-nav div {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    color: #333;
    font-size: 25px;
    height: 40px;
    line-height: 40px;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.5s ease 0s;
    width: 40px;
}
.product-details-slider.owl-carousel .owl-nav div.owl-prev {
    left: 0;
    right: auto;
}
.product-details-slider:hover .owl-nav div {
    opacity: 1;
}
.product-details-style3 .pro__details p {
    margin: 0 auto;
    width: 71%;
}
.single-portfolio-details {
    float: left;
    padding: 5px;
    width: 50%;
}
.single-portfolio-details a > img {
    border: 1px solid #ddd;
    width: 100%;
}
.product__details__container.product-details-5 {
    display: block;
}
.scroll-single-product > img {
    width: 100%;
}
.sidebar-active {
    will-change: min-height;
}
.sidebarinner {
    transform: translate(0, 0);
    will-change: position, transform;
}
.is-affixed .inner-wrapper-sticky {
    padding-left: 15px;
}
.product-video-position {
    position: relative;
}
.product-video {
    bottom: 0;
    left: 0;
    padding: 0 0 50px 20px;
    position: absolute;
    content: "";
    z-index: 99;
}
.product-video a {
    border: 1px solid #ddd;
    display: inline-block;
    padding: 7px 20px 4px;
}
.product-video a i {
    display: inline-block;
    float: left;
    margin-right: 5px;
    margin-top: 4px;
}
.on-sale {
    content: "";
    position: absolute;
    right: 20px;
    top: 20px;
}
.on-sale span {
    background-color: #442d25;
    border-radius: 50px;
    color: #fff;
    display: inline-block;
    line-height: 1;
    padding: 5px 9px;
    text-transform: capitalize;
}



.product-categories-title > h3 {
    border-left: 1px solid rgba(129, 129, 129, 0.2);
    border-right: 1px solid rgba(129, 129, 129, 0.2);
    border-top: 2px solid #442d25;
    color: #303030;
    font-size: 17px;
    font-weight: 500;
    padding: 15px;
    position: relative;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.product-categories-menu {
    background: transparent none repeat scroll 0 0;
    border: 1px solid rgba(129, 129, 129, 0.2);
    padding: 20px 0;
    width: 100%;
}
.product-categories-menu ul li {
    position: relative;
    
}
.img11{
    position:relative;
    left:5px;
}
.product-categories-menu ul li a {
    background-color: transparent;
    left:25px;
    color: #333;
    display: block;
    position:relative;
    left:15px;
    font-size: 14px;
    letter-spacing: 0.4px;
    padding: 7px 20px;
    font-weight: 700;
    line-height: 1.3em;

    transition: all 0.3s ease 0s;
}
.product-categories-menu ul li a:hover {
    color: #442d25;
}
.product-tab-list {
    border-color: #442d25 rgba(129, 129, 129, 0.2) rgba(129, 129, 129, 0.2);
    border-style: solid;
    border-width: 2px 1px 1px;
    padding: 14px 20px 10px;
}
.product-slider-active .col-lg-4,
.product-slider-active .col-sm-4,
.product-slider-active .col-md-4,
.product-slider-active .col-xa-12 {
    width: 100%;
}
.tab-style > li {
    display: inline-block;
}
.product-slider-active .product {
    margin-top: 30px;
}
.tab-menu-text > h4 {
    color: #442d25;
    font-size: 16px;
    font-weight: 700;
    padding: 0 30px 0 0;
    position: relative;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.product-tab-list ul li.active .tab-menu-text > h4,
.product-tab-list ul li .tab-menu-text > h4:hover {
    color: #442d25;
}
.product-style-tab {
    position: relative;
}
.product-slider-active.owl-carousel .owl-nav div {
    font-size: 25px;
    opacity: 1;
    position: absolute;
    right: 45px;
    text-align: center;
    top: -37px;
    transition: all 0.3s ease 0s;
    visibility: visible;
    width: 30px;
    color: #442d25;
}
.product-slider-active.owl-carousel .owl-nav div:hover {
    color: #442d25;
}
.product-slider-active.owl-carousel .owl-nav div.owl-next {
    left: auto;
    right: 20px;
}
.deal-area {
    padding-top: 96px;
}
.timer span {
    border: 1px solid #666;
    display: inline-block;
    float: left;
    font-size: 25px;
    margin-right: 20px;
    padding: 10px 20px;
    font-weight: 600;
}
.timer span p {
    font-size: 15px;
}
.timer {
    display: block;
    margin: 30px 0;
    overflow: hidden;
    text-align: center;
}
.deal-area > h2 {
    font-size: 60px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 15px;
}
.deal-area > p {
    font-size: 25px;
    letter-spacing: 2px;
}
.deal-area > a {
    background-color: #303030;
    color: #fff;
    display: inline-block;
    line-height: 1;
    padding: 12px 20px 11px;
    text-transform: uppercase;
}
.deal-area > a:hover {
    background-color: #442d25;
}
.banner-img > img {
    width: 100%;
}
.tab-style.product-tab-list-btn {
    display: inline-block;
    float: left;
}
.all-product-btn {
    text-align: right;
}
.all-product-btn a {
    color: #303030;
    font-size: 17px;
    font-weight: 500;
    padding: 0;
    position: relative;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.all-product-btn a:hover {
    color: #442d25;
}
.product-slider-active2 .product {
    margin-top: 30px;
}
.tab-content.jump > .tab-pane {
    display: block;
    height: 0;
    opacity: 0;
    overflow: hidden;
}
.tab-content.jump > .tab-pane.active {
    display: block;
    height: auto;
    opacity: 1;
    overflow: visible;
}




/*------------------------------
  04. Log In Register Area
--------------------------------*/

/*------------------------------
  06. Quickview Area
--------------------------------*/

#quickview-wrapper {
    position: relative;
}

.modal-product {
    display: relative;
    width:100%;
    padding-left:10px;
}
.product-images {
    width: 100%;
   text-align:center;
}
.product-info{
  
    width:1000px;
}
.product-info h1 {
    font-size: 20px;
   
   
}

.s-price-box span.new-price {
    color: #442d25;
    font-size: 23px;
    margin-right: 5px;
}
.s-price-box span.old-price {
    color: #999;
    font-size: 15px;
    text-decoration: line-through;
}
.product-info {
    padding-left: 50px;
    width: 100%;
}
.quick-desc {
    color: #999;
    margin-bottom: 30px;
    margin-top: 30px;
    width: 83%;
}
.select__color {
    display: flex;
}
.color__list {
    align-items: center;
    display: flex;
    margin-left: 30px;
}
.color__list li + li {
    margin-left: 15px;
}
.color__list li a {
    background: #f10 none repeat scroll 0 0;
    border-radius: 100%;
    display: block;
    height: 30px;
    line-height: 31px;
    text-align: center;
    width: 30px;
}
.select__size {
    display: flex;
}
.color__list li.gold a {
    background: #cc9900 none repeat scroll 0 0;
}
.color__list li.orange a {
    background: #cc6600 none repeat scroll 0 0;
}
.select__color ul.color__list li a {
    text-indent: 999px;
}
.select__color h2 {
    align-items: center;
    display: flex;
    font-size: 16px;
    text-transform: capitalize;
}
.select__size h2 {
    align-items: center;
    display: flex;
    font-size: 16px;
    text-transform: capitalize;
}
.select__size {
    margin-bottom: 25px;
    margin-top: 25px;
}
.select__size ul.color__list li a {
    background: #f1f1f1 none repeat scroll 0 0;
    color: #999;
}
.widget.widget_socialsharing_widget {
    display: flex;
}
.social-icons {
    display: flex;
    margin-left: 30px;
}
h3.widget-title-modal {
    align-items: center;
    display: flex;
    font-size: 16px;
    text-transform: capitalize;
}
.social-icons li a {
    border-radius: 100%;
    color: #999;
    display: block;
    line-height: 30px;
    text-align: center;
    transition: all 0.3s ease 0s;
}
.social-icons li + li {
    margin-left: 30px;
}
.social-icons li a i {
    font-size: 23px;
}
.social-icons li a:hover {
    color: #442d25;
}
.addtocart-btn {
    margin-top: 66px;
   position:relative;
    text-align: left;
}
.addtocart-btn a {
    background: #333 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    height: 60px;
    line-height: 60px;
    padding: 0 87px;
    text-transform: capitalize;
    transition: all 0.5s ease 0s;
}
.addtocart-btn a:hover {
    background: #442d25 none repeat scroll 0 0;
    color: #fff;
}
.show-on-mobile { display: none; }
/* Smartphone Portrait and Landscape */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 750px){ .show-on-mobile { display: inline; }

.pro__thumb img {
    width:50%;
    text-align:center;
    height:135px;
}}

@media screen
and (min-width:750px) and (max-width:1024px) { 
   .pro__thumb img {
    width:100%;
    text-align:center;
    height:80px;
}
.product {
     border: 6px solid transparent;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    top:0px;
    bottom:0px;
   width:100%;
    height:360px;
    
}

    
}