@media(max-width: 768px){
    footer > .container > .row > div{
        width: 100%;
    }
}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
||||| --> COMMON
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

/*    -->                                                                                                                                         COMMON > BUTTONS
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                                             COMMON > BUTTONS > WISHLIST
[2]   =========================================================================================================== */

/*    -->                        COMMON > BUTTONS > WISHLIST > HIDE                  
[3]   ------------------------------------------------------------- */

header .wishlist,
button[onclick*="wishlist"],
a[href*="wishlist"] {
    display:none !important;
}



.product-thumb .caption {
	min-height: 95px;
}

.product-thumb .caption h4{
    margin-top: 20px !important;
}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
||||| --> PRODUCT GRID
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/


/*    -->                                                                                                                                      PRODUCT GRID > NAME 
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.product-thumb .caption h4{
    margin: 0px;
    font-size: 16px;
    line-height: 20px;
  
    height: 2.4em;
    overflow: hidden;
}

/*    -->                                                                                                                                     PRODUCT GRID > IMAGE 
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */


.product-thumb .image {
	text-align: center;
	min-height: 228px;
}

/*    -->                                                                                                                                  PRODUCT GRID > BUTTONS 
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.product-thumb .button-group{
    display:flex;
}

.product-thumb .button-group button:first-child{
    border-right: 1px solid #ddd !important;
}

.product-thumb .button-group button{
    flex:1;
}

/*AM*/
#banner0, #banner1 {
    padding-top: 19%;
}

.nav>li {
    padding: 5px 10px;
}
#product-product h1 {font-size: 21px;}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
||||| --> RESPONSIVE
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

/*    -->                                                                                                                                             RESPONSIVE > MENU 
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */


@media(max-width: 768px){
    #menu .btn-navbar i::before {
        font-size: 24px !important;
    }

    #menu .btn-navbar{
        padding: 2px 8px !important;
    }

    #menu #category {
        font-size: 17px;
        font-weight: bold;
        text-transform: uppsecase;
        padding: 8px 10px;
    }

    .navbar-header:before,
    .navbar-header:after{
        display:none !important;
    }

    .navbar-header {
        display: flex;
        align-content: center;
        width: 100%;
        padding: 5px 5px;
        justify-content: space-between;
    }
}

/*    -->                                                                           RESPONSIVE > HEADER > SEARCH
[2]   =========================================================================================================== */

@media(max-width:990px){
    .live-search-div {
      max-width: 400px !important;
      width: 300px !important;
    }
    .live-search-div ul li .product-name {
      font-size: 13px !important;
      line-height: normal !important;
      margin-top: 0px !important; 
    }
  
    .live-search-div ul li a {
      display: flex !important;
      align-items: center !important;
    }
  
    .live-search-div ul li .product-price{
      margin-top: 0px !important;
    }
  
    .live-search-div ul li .product-price > span {
      line-height: normal !important;
    }
  
    .live-search-div .product-price > .special{
      margin-top: 0px !important;
    }
  }
  
  @media(max-width:768px){
  
    header .row > .col-sm-6 #search .input-lg {
      height: 30px !important;
      line-height: 30px !important;
      color:white;
      border:none !important;
    }
  
    #search .btn.btn-default.btn-lg{
      height:30px !important;
      line-height: 30px !important;
      display:flex;
      align-items: center;
      justify-content: center;
    }
  
    #search .btn.btn-default.btn-lg .search-path{
      stroke:white !important;
    }
  
    .live-search-div{
      top:40px !important;
      right: 0px !important;
      left: auto !important;
      transform: none !important;
    }
  }

  /*    -->                                                                            RESPONSIVE > HEADER > ICONS
[2]   =========================================================================================================== */

@media(max-width:768px){
    header .row > .col-sm-3 .list-inline img.hd-icons {
      margin-top:4px;
      margin-bottom: 1px;
    }
  }

/*    -->                                                                             RESPONSIVE > HEADER > MENU
[2]   =========================================================================================================== */

@media(max-width: 768px){
  #menu .nav.navbar-nav li .dropdown-menu{
    background:white !important
  }
  #menu .dropdown-inner a {
    color: black;
  }

  #menu .dropdown-menu {
    flex-direction: column !important;
    width: 100% !important;
  }

  #menu .nav.navbar-nav li:hover .dropdown-menu{
    max-height: 300px !important;
    min-height: unset !important;
  }

  #menu .nav.navbar-nav li .see-all {
    display: block !important;
    background: black !important;
    color: white !important;
    text-align: center !important;
    padding: 10px 5px !important;
    width: 150px !important;
    max-width: 100% !important;
    margin: 20px auto 0px auto !important;
    position: -webkit-sticky !important;
    position: sticky !important;
    bottom: 0px;
    width: calc(100% - 20px) !important;
  }
  
}

/*    -->                                                                                                                                      RESPONSIVE > FOOTER
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

@media(max-width: 768px){
    footer > .container > .row {
        display: flex !important;
        flex-wrap: wrap !important;
    }

    footer > .container > .row > div {
        flex: 1 1 180px;
    }
    }

    @media(max-width: 650px){
    .powered_by {
        flex-direction: column;
    }
}

/*    -->                                                                                                                                        RESPONSIVE > HOME
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */


/*    -->                                                                          RESPONSIVE > HOME > NEWSLETTER
[2]   =========================================================================================================== */

@media(max-width: 820px){
    .row.news-form {
      display: flex;
      align-items: center;
      flex-direction: column;
      padding-top: 15px;
    }
    .news-form h1{
      text-align:center !important;
    }
  
    #common-home #content .row .news-form h3 {
      text-align: center;
      line-height: normal;
      margin-top: 15px;
    }
  
    #common-home #content .row .news-form .pull-center {
      display: flex;
      flex-wrap: wrap !important;
      text-align: center;
      justify-content: center;
      align-items: center;
      justify-content: center;
    }
  
    #common-home #content .row .news-form .pull-center input{
      order:-100;
      margin-right: 10px;
      margin-top: 0px;
    }
  }
  
  @media(max-width: 400px){
    .row.news-form > div {
      display: flex;
      flex-direction: column;
    }
  
    .news-form #subscribe {
      width: 100% !important;
      margin-top: 10px;
    }
  }