@charset "UTF-8";

/*******************************************
*	Theme Name: Maxshop
*	Author: Magentech
*	Author URI: http://www.magentech.com
*	Version: 1.0.0
*	Description: This is html5 Sass template 
*******************************************/


/*******************************************************
  Style Color
********************************************************/

.no-margin {
    margin: 0 !important;
}

 
  

/*EFFECT SLIDERHOME*/

@keyframes myeffect-slideshow {
    0% {
        opacity: 0;
        transform: translateY(-300px);
        -webkit-transform: translateY(-300px);
        -moz-transform: translateY(-300px);
        -ms-transform: translateY(-300px);
        -o-transform: translateY(-300px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }
}

@-webkit-keyframes myeffect-slideshow {
    0% {
        opacity: 0;
        transform: translateY(-300px);
        -webkit-transform: translateY(-300px);
        -moz-transform: translateY(-300px);
        -ms-transform: translateY(-300px);
        -o-transform: translateY(-300px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }
}

@-moz-keyframes myeffect-slideshow {
    0% {
        opacity: 0;
        transform: translateY(-300px);
        -webkit-transform: translateY(-300px);
        -moz-transform: translateY(-300px);
        -ms-transform: translateY(-300px);
        -o-transform: translateY(-300px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }
}


/*******************************************************
  Style Color
********************************************************/


/*******************************************************
  Style Color
********************************************************/


/*   1.Large devices Desktops     ( Devices ≥1200px)
 *   2.Medium devices Desktops    (992px ≥ Devices ≥ 1199px)
 *   3.Small devices Tablets      (991px ≥ Devices ≥ 768px)
 *   4.Extra small devices Phones ( Devices < 767px)
 */

@media (max-width: 480px) {
    /************************************************************************************************
         BLOCK HEADER  
     ************************************************************************************************ */
    /*[] HEADER DEFFAULT []*/
    
    header .btn-shopping-cart .tab-content {
        min-width: 280px;
    }
    header .btn-shopping-cart .dropdown-menu {
        min-width: 290px;
    } 
    header .collapsed-block .tabBlock .top-link>li {
        width: 50% !important;
    }
    header .collapsed-block .tabBlock .top-link>li.account,
    header .collapsed-block .tabBlock .top-link>li.wishlist {
        border-bottom: 1px solid #ddd;
    }
    header .collapsed-block .tabBlock .top-link>li.currency {
        border-right: 1px solid #ddd;
    }
    header .collapsed-block .tabBlock .top-link>li.account .dropdown-menu {
        right: 0;
        left: auto;
    }
	
    /*[] HEADER 2 []*/
    header.type_2 .header-center .header_search {
        float: none;
        width: 100%;
    }
    header.type_2 .header-center .navbar-logo {
        text-align: center;
        width: 100%;
        margin-top: 20px;
    }
    header.type_2 .header-center {
        padding: 25px 0 0px;
    } 

	 
    /************************************************************************************************
      BLOCK FOOTER  
  *************************************************************************************************/
    /*[] FOOTER DEFFAULT []*/
    footer .social_block ul {
        padding: 0;
    }
    footer .news-letter .page-heading {
        font-size: 14px;
    }
    footer .news-letter .block_content .subcribe {
        position: absolute;
        right: 0;
    }
    footer .box-footer {
        width: 100% !important;
    } 
    /************************************************************************************************
      PAGE LISTING  
  ************************************************************************************************ */
    .thumb-vertical-outer {
        padding: 20px 0;
    }
    .product-view .content-product-right .countdown_box .countdown_inner .title {
        display: none;
    }
    .deals_module_wrapper .title-product {
        margin-top: 20px;
    }
    .producttab .tabsslider .nav-tabs li {
        float: none;
    }
    .product-view .content-product-right {
        margin-top: 20px;
    }
    .filters-panel.product-filter-bottom .box-pagination {
        text-align: center;
    }
    /************************************************************************************************
      PAGE BONUSS  
  ************************************************************************************************ */

    .welcome-about-us .image-about-us {
        width: 100%;
        float: none;
        margin: 0;
        text-align: center;
    }
    
    .welcome-about-us .des-about-us {
        margin: 20px 0;
        text-align: justify;
    }
    .happy-about-us .happy-ab .title-happy-about h2 {
        font-size: 16px;
    } 
}



@media (max-width: 767px) {
    /************************************************************************************************
      BLOCK HEADER  
  ************************************************************************************************ */
    /*[] HEADER DEFAULT []*/
    header .header-center {
        height: auto;
    }
    header .header-top-right ul.top-link>li>a {
        height: 37px !important;
        line-height: 36px;
    }
    /* header .navbar-logo {
        text-align: center;
        margin-bottom: 30px;
    } */
    header .collapsed-block {
        display: none;
    }
    header .collapsed-block .tabBlockTitle {
        margin: 0;
        line-height: 32px;
    }
    header .collapsed-block .tabBlockTitle .expander {
        cursor: pointer;
        padding: 0 8px;
        font-size: 18px;
        text-decoration: none;
    }
    header .collapsed-block .tabBlockTitle .expander i {
        font-size: 12px;
    }
    header .collapsed-block .tabBlock {
        display: none;
        position: absolute;
        top: 100%;
        right: 0;
        background: #fff;
        box-shadow: 1px 2px 4px #ddd;
        z-index: 99;
        width: 100%;
        padding: 0 15px;
    }
    header .collapsed-block .tabBlock .top-link {
        width: 100%;
        float: right;
        margin-bottom: 0;
    }
    header .collapsed-block .tabBlock .top-link>li {
        margin-bottom: 0;
        border-left: 1px solid #ddd;
        border-right: none;
        width: 33%;
        float: right;
        text-align: center;
    }
    header .collapsed-block .tabBlock .top-link>li.account {
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
    }
    header .collapsed-block .tabBlock .btn-group {
        width: 100%;
    }
    header .currencies-block .dropdown-menu,
    header .languages-block .dropdown-menu {
        left: 0;
        right: auto;
    }
	
    /*[] HEADER 2 []*/
    header.type_2 .header_search {
        float: left;
        width: 65%;
    }
    header.type_2 .navbar-logo {
        text-align: right;
        width: 35%;
        position: relative;
        top: -3px;
        margin-bottom: 0;
    }
    header.type_2 .header-center {
        padding: 30px 0 25px;
    }
    header.type_2 .header-bottom {
        background: -moz-linear-gradient(top, #474747 0%, #212121 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #474747), color-stop(100%, #212121));
        background: -webkit-linear-gradient(top, #474747 0%, #212121 100%);
        background: -o-linear-gradient(top, #474747 0%, #212121 100%);
        background: -ms-linear-gradient(top, #474747 0%, #212121 100%);
        background: linear-gradient(to bottom, #474747 0%, #212121 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#212121', GradientType=0);
    }
    header.type_2 .shopcart .text-shopping-cart {
        display: block !important;
    }
    header.type_2 .header-bottom-menu {
        margin-top: 2px;
    }    
	
	
    /* ***********************************************************************************************
      BLOCK FOOTER  
  *************************************************************************************************/
    /*[] FOOTER 1 []*/
    footer .footer-top {
        height: auto;
    }
    footer .news-letter {
        padding: 20px 0 25px;
        text-align: center;
        margin-bottom: 0 !important;
    }
    footer .news-letter .title-block {
        margin: 0;
        text-align: left;
    }
    footer .news-letter .block_content {
        text-align: center;
        float: none;
    }
    footer .news-letter .block_content .input-box input {
        width: 100%;
    }
    footer .social_block ul {
        text-align: center;
    }
    footer .social_block ul.social-block li {
        float: none;
    }
    footer .social_block ul.social-block li a {
        line-height: 60px;
    }
    footer .social_block {
        background: transparent;
        border-bottom: 1px solid #3a3a3a;
        margin-bottom: 0 !important;
    }
    footer .box-footer {
        float: left;
        width: 50%;
    }
    footer .box-footer:last-child,
    footer .box-footer.box-account,
    footer .box-footer.box-information {
        padding-left: 15px;
    }
	
    /************************************************************************************************
      PAGE LISTING  
  ************************************************************************************************ */
    .thumb-vertical-outer {
        padding: 20px 0;
    }
    .bg-page-404 {
        overflow: hidden;
    } 
    #content .filter-horizontal ul {
        display: block;
    }
    #content .filter-horizontal li.so-filter-options {
        width: 100%;
        border: none;
    }
    .zoomContainer {
        display: none;
    } 
    /*MENU STIKY*/
    header.navbar-compact {
        display: none;
    }
    header .horizontal ul.megamenu>li>.sub-menu {
        border: none;
    }
    #wrapper {
        overflow-x: hidden;
    }
    ul.megamenu li.active .sub-menu .content {
        padding: 0 10px;
    } 
    .navbar-toggle {
        margin-left: 15px;
        margin-right: 0;
    }  
}

@media (max-width: 520px) {
	header .collapsed-block .tabBlock .top-link>li {
		margin-bottom: 0;
		border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;
		width: 100% !important;
		float: none;
		text-align: center;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.container {
        width: 100%;
    }
    /************************************************************************************************
      BLOCK HEADER  
  ************************************************************************************************ */
    /*[] HEADER DEFFAULT []*/
    header .header-top-right ul.top-link>li.languages-block .dropdown-menu {
        right: 0;
        left: auto;
    }
	
    /*[] HEADER 2 []*/
    header.type_2 .header-top-right ul.top-link {
        display: block;
    }
    header.type_2 .header-top-right ul.top-link li.account {
        float: left;
    }
    header.type_2 .header-top-right ul.top-link li.account>a {
        padding-left: 0;
    }
    header.type_2 .header-top-right ul.top-link li.wishlist,
    header.type_2 .header-top-right ul.top-link li.checkout {
        float: left;
    }
    header.type_2 .header-bottom {
        background: -moz-linear-gradient(top, #474747 0%, #212121 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #474747), color-stop(100%, #212121));
        background: -webkit-linear-gradient(top, #474747 0%, #212121 100%);
        background: -o-linear-gradient(top, #474747 0%, #212121 100%);
        background: -ms-linear-gradient(top, #474747 0%, #212121 100%);
        background: linear-gradient(to bottom, #474747 0%, #212121 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#212121', GradientType=0);
    } 
    header.type_2 .header-bottom-menu {
        margin-top: 2px;
    } 
	
    /* ***********************************************************************************************
      BLOCK FOOTER  
  *************************************************************************************************/
    /*[] FOOTER DEFAULT []*/
    footer .footer-top {
        height: auto;
    }
    footer .news-letter {
        padding: 10px 0 20px;
        margin-bottom: 0 !important;
    }
    footer .news-letter .title-block {
        margin: 0;
    }
    footer .news-letter .block_content .input-box input {
        width: 240px;
    }
    footer .social_block ul {
        text-align: center;
    }
    footer .social_block ul.social-block li {
        float: none;
    }
    footer .social_block ul.social-block li a {
        line-height: 60px;
    }
    footer .social_block {
        background: transparent;
        border-bottom: 1px solid #3a3a3a;
        margin-bottom: 10px !important;
    }
    footer .box-footer.box-account {
        border-color: transparent;
    }
	
    /************************************************************************************************
      PAGE LISTING  
  ************************************************************************************************ */
    .thumb-vertical-outer {
        padding: 20px 0;
    }
    .short-by-show .form-group {
        float: left;
    }
    .so-filter-price .put-min_max .name-curent {
        display: inline-block;
        float: left;
        line-height: 30px;
    }
    .so-filter-price .put-min_max .form-control {
        width: 60px;
        line-height: 30px;
        padding: 0 !important;
        margin: 0 !important;
        height: 30px;
        min-width: 60px;
    }
    /************************************************************************************************
      PAGE DETAIL 
  ************************************************************************************************ */
    .info-right {
        margin-top: 20px;
    }

	
	
    /*MENU STIKY*/
    header.navbar-compact {
        display: none;
    }
    header .horizontal ul.megamenu>li>.sub-menu {
        border: none;
    }
    ul.megamenu li.active .sub-menu .content {
        padding: 0 10px;
    }
    #wrapper {
        overflow-x: hidden;
    }
    .zoomContainer {
        display: none;
    }  
}

@media (min-width: 992px) and (max-width: 1199px) {
	
	.container {
        width: 100%;
    }
    /* ***********************************************************************************************
      BLOCK HEADER  
  *************************************************************************************************/
    /*[] HEADER 1 []*/
    header .horizontal ul.megamenu>li.buy_color {
        display: none;
    } 
    /*[] HEADER 2 []*/
    header.type_2 .block-cart {
        padding-left: 0;
    }    
	
	
    /* ***********************************************************************************************
      BLOCK FOOTER  
  ************************************************************************************************ */
    /*[] FOOTER 1 []*/
    footer ul.payment-method li {
        margin: 0;
    }
    footer .social_block ul.social-block li a {
        width: 20px;
    }
    footer .news-letter .block_content .input-box input {
        width: 180px;
    }
    footer .box-footer:last-child,
    footer .box-footer.box-account,
    footer .box-footer.box-information {
        padding-left: 15px;
    }
    footer .payment-method li {
        margin: 0;
    }
    footer .news-letter {
        margin-bottom: 10px !important;
    }
    footer .social_block {
        margin-bottom: 10px !important;
    } 
    /************************************************************************************************
      MEGAMENU 
  *************************************************************************************************/
    .horizontal ul.megamenu>li>.sub-menu {
        right: 0;
        left: auto;
    }
    .blog-listitem .blog-item .itemBlogContent .blog-meta>span {
        padding-right: 10px;
    }
    /************************************************************************************************
      PAGE LISTING  
  *************************************************************************************************/
    #wrapper {
        overflow-x: hidden;
    }
    .thumb-vertical-outer {
        padding: 20px 0;
    } 
    div.products-list.grid .product-layout .product-item-container .left-block .quickview,
    div.products-list.grid .product-layout .product-item-container .button-group button {
        opacity: 1;
    }
    .producttab .tabsslider .nav-tabs li a {
        padding: 10px;
    }
}

@media (min-width: 1200px) {
     
    .container {
        width: 1200px;
    }  
}


/* sourceMappingURL=responsive.css.map */