@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;
}

button[onclick*="recurring"],
a[href*="recurring"],
button[onclick*="transaction"],
a[href*="transaction"] {
    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,
    #menu .btn-navbar em::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: 5px 5px !important;
    /* width: 150px !important; */
    max-width: 100% !important;
    margin: 15px 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 h3{
      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;
    }
  }
  
 /*    -->                                                                                                                                         FOOTER > POWERED
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
        
.powered_by {
	display: flex;
	justify-content: space-between;
	font-size: 14px;
	line-height: normal;
	margin-bottom: 15px;
	align-items: center !important;
}
            
.powered_by img{
    margin-left: 5px;
}
            
@media (max-width: 521px) {
    .powered_by div {
    	text-align: center;
    }
                
    .powered_by div a:nth-child(2) {
    	margin-top: 10px !important;
    	display: block;
    	position: relative;
    }
}

 /*    -->                                                                                                                                                      ESPA
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* NEWSLETTER */
.news-form strong,
#menu .see-all {
	color: #1C7FA6;
}

html .product-thumb .price-old {
	color: #757575;
}

/* CATEGORY */
.row.refine-cat-list #column-left a {
    color: #757575;
}

 /*    -->                                                                                                                                              NEWSLETTER
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.news-form {
	max-width: 550px;
	margin: auto;
	text-align: center;
}
.news-form h4 {
	margin: 40px 0px;
	font-size: 25px;
}
.news-form h4 .fa.fa-paper-plane-o {
	font-size: 20px;
	margin-right: 10px;
}
.news-form #email {
	width: 70%;
	padding: 10px;
	padding-top: 2px;
	border: unset;
	font-size: 17px;
	border-bottom: 2px solid black;
	color: #333;
}
.news-form #email:focus-visible {
	outline: none;
}
.news-form #subscribe {
	width: 25%;
	padding: 12px;
	border: unset;
	background: black;
	color: white;
	font-weight: bold;
	text-transform: uppercase;
}
.error.not-valid, .error.allready {
	margin-top: 15px;
	font-weight: bold;
	color: #EB0000;
	letter-spacing: 0.5px;
}
.success.thankyou {
	margin-top: 15px;
	font-weight: bold;
	color: #278635;
	letter-spacing: 0.5px;
}