@media (min-width: 992px) {
	.hide-577{
		display:block !important;
	}
	.show-576{
		display:none !important;
	}
}


@media screen and (max-width: 991px) and (min-width: 768px) {
	body{
		font-size: 14px;
	    background: #f5f5f5 !important;
	}
	
	.new-break-point .form-field-box input[type="text"], 
	.new-break-point .form-field-box input[type="tel"], 
	.new-break-point .form-field-box input[type="search"], 
	.new-break-point .form-field-box input[type="email"], 
	.new-break-point .form-field-box input[type="password"]{
		font-size: 14px;
	}
	.new-break-point .btn-red, 
	.new-break-point .btn-red-full, 
	.new-break-point .btn-red-dark-small, 
	.new-break-point .btn-gray-full, 
	.new-break-point .btn-gray-dark-small, 
	.new-break-point .btn-white-small, 
	.new-break-point .btn-black-light-small, 
	.new-break-point .btn-loading, 
	.new-break-point .btn-loading-small, 
	.new-break-point .btn-green-small{
		font-size: 14px;
	}
	
	/******** Login Page Start ***********/
	.new-break-point.mtb-30{
		margin-top:30px !important;
		margin-bottom:30px !important;
	}
	.new-break-point .mobile-view{
		display:none;
	}
	
	.new-break-point .white-bg{
	    background: #fff;
	}
	.new-break-point .desktop-mob-view{
		display:block;
	}
	.new-break-point .layout-box{
	    padding: 70px 0;
	}
	.new-break-point .layout-box .col-sm-6.col-lg-4.col-lg-offset-4.col-sm-offset-3{
	    width: 66.66666667%;
	    margin-left: 16.66666667%;
	}
	.new-break-point .login-box, 
	.new-break-point .high-user-box {
		background: #fcfcfc;
    	border: 1px solid #eaeaea;
	}
	.new-break-point .login-box-in {
		padding: 30px;
	}
	
	.new-break-point .login-heading h2 {
	    font-size: 14px;
		text-align: left;
		margin-left: 30px;
		padding-left: 15px;
		border-left: 1px solid #cbcbcb;
	}
	.new-break-point .login-heading h2 i {
    	position: absolute;
		margin:0;
	}
	.new-break-point .login-heading h2 i.user-red-icon{
	    background-size: 14px 23px;
	}
	
	.new-break-point .reg-cont h2{
		font-size: 16px;
		text-align:center;
	}
	.new-break-point .reg-cont p {
		font-size: 14px;
		line-height: 21px;
	}
	
	/******** Login Page End ***********/
	
	/******** Registration Page Start ***********/
	.new-break-point .hight-user-in {
		padding: 30px;
	}
	
	.new-break-point .high-user-box .pdl-40,
	.new-break-point .high-user-box .pdr-40 {
		padding: 0 15px;
	}
	/******** Registration Page End ***********/
	
	/******** Notification Page Start ***********/
	.new-break-point .notification-box .notification-heading{
		border:none;
	}
	.new-break-point .notification-box .notification-cont{
		border: 1px solid #bebebe;
		display:block !important;
	}
	
	
	/******** Notification Page End ***********/
	
	/******** Grobal Position Page Start ***********/
	.new-break-point .isotop-container .col-sm-6 {
		width: 50%;
	}
	.new-break-point .bg-header,
	.new-break-point .main-menu-box .header-container{
	    background: #fff;
	}
	
	.new-break-point .main-menu-box {
		display: block;
	}
	
	.new-break-point .global-mycard-cover {
		background: #f2f2f2;
		margin: 15px 0;
	}
	
	.new-break-point .global-mycard-cover .global-mycard-cont-cover {
		padding: 15px 30px;
	}
	
	.new-break-point .global-mycard-cover .global-mycard-cont-box .global-mycard-visa-box {
		display: block;
	} 
	.new-break-point .global-mycard-cover .global-mycard-cont-box .global-mycard-visa-cont, 
	.new-break-point .global-mycard-cover .global-mycard-cont-box .global-mycard-visa-btn-box {
		display: block;
		width: 100%;
	}
	.new-break-point .global-mycard-cover .global-mycard-cont-box .global-mycard-visa-btn-box {
		padding-top: 10px;
	}
	
	.new-break-point .global-mycard-cover .global-mycard-cont-box .global-mycard-payment-box, 
	.new-break-point .global-mycard-cover .global-mycard-cont-box .global-mycard-payment-box.payment-share-col3{
	    display: table;
	}
	
	.new-break-point .global-mycard-cover .global-mycard-cont-box .global-mycard-limit-detail-box .global-mycard-limit-available p,
	.new-break-point .global-mycard-cover .global-mycard-cont-box .global-mycard-limit-detail-box .global-mycard-limit-willing p,	
	.new-break-point .global-mycard-cover .global-mycard-cont-box .global-mycard-payment-box .global-mycard-payment-internal p, 
	.new-break-point .global-mycard-cover .global-mycard-cont-box .global-mycard-payment-box .global-mycard-payment-external p{
		font-size:11px;
	}
	
	.new-break-point .global-mycard-cover .global-mycard-cont-box .global-mycard-limit-box p span,
	.new-break-point .global-mycard-cover .global-mycard-cont-box .global-mycard-payment-box .global-mycard-payment-internal p span, 
	.new-break-point .global-mycard-cover .global-mycard-cont-box .global-mycard-payment-box .global-mycard-payment-external p span, 
	.new-break-point .global-mycard-cover .global-mycard-cont-box .global-mycard-payment-box .global-mycard-payment-share p span{
		font-size:12px;
	}
	
	.new-break-point .global-notification-cover{
		display:block;
	}
	/******** Grobal Position Page End ***********/
	
	/******** Card Detail Page Start ***********/
	.new-break-point .loan-auto-box{
		margin-top:15px;
	}
	.new-break-point .contact-heading-box{
		display:table;
	}
	.new-break-point .contact-heading-box .contact-heading-icon, 
	.new-break-point .contact-heading-box .contact-heading-cont{
	    display: table-cell;
	}
	.new-break-point .contact-heading-box .contact-heading-icon{
		float:none;
	}
	.new-break-point .contact-opt-cover.hide-xs{
		display: table-cell !important;
	}
	.new-break-point .contact-opt-cover.hide-xs.ng-hide{
		display: none !important;
	}
	.new-break-point .contact-opt-cover .contact-opt-cover-in{
		padding:0;
		margin:0;
	}
	.new-break-point .contact-opt-cover {
		width: 142px;
		padding-left: 5px;
	}
	.new-break-point .contact-opt-box .btn-contact-opt{
	    padding: 10px;
    	font-size: 13px;
	}
	.new-break-point .contact-opt-box .btn-contact-opt i{
		padding:0;
	}
	.new-break-point .loan-auto-box .loan-auto-detail-box .loan-auto-detail-gap, 
	.new-break-point .loan-auto-box .loan-auto-detail-box .loan-auto-detail-in .loan-auto-limit-box {
		padding: 15px 30px;
	}
	.new-break-point .loan-auto-box .loan-auto-detail-box .loan-auto-detail-in h3 {
		font-size: 23px;
	}
	
	.new-break-point .loan-auto-box .loan-auto-detail-box .loan-auto-detail-in p {
		font-size: 18px;
	}
	.new-break-point .loan-auto-box .loan-auto-detail-box .loan-auto-detail-in .loan-auto-detail-heading-icon{
		display:table-cell;
	}
	.new-break-point .loan-auto-box .loan-auto-detail-box .loan-auto-detail-in .loan-auto-limit-detail-box .loan-auto-limit-available p,
	.new-break-point .loan-auto-box .loan-auto-detail-box .loan-auto-detail-in .loan-auto-limit-box p span {
		font-size: 18px;
	}
	
	.new-break-point .loan-auto-box .loan-auto-detail-box .loan-auto-detail-in .loan-auto-limit-detail-box .loan-auto-limit-available p span, 
	.loan-auto-box .loan-auto-detail-box .loan-auto-detail-in .loan-auto-limit-box p span {
		margin-left: 0px;
	}
		
	.new-break-point .loan-auto-box .loan-auto-payment-box{
		display:table;
	}
	
	.new-break-point .loan-auto-box .loan-auto-payment-box {
		border-top: 1px solid #e3e3e3;
		position: relative;
		width: 100%;
		display: table;
	}
	.new-break-point .loan-auto-box .loan-auto-payment-box .loan-auto-mobile-drop {
		padding: 0px;
		border-top: none;
	}
	
	.new-break-point .loan-auto-box .loan-auto-payment-box .loan-auto-mobile-drop.ng-hide {
		display: table !important;
		opacity: 1;
		position: relative;
		overflow: hidden;
		z-index: -1;
		transform: translateY(0px);
	}
	.new-break-point .loan-auto-box .loan-auto-payment-box .loan-auto-mobile-drop{
		position: relative;
		display: table;
		width: 100%;
	}
	.new-break-point .loan-auto-box .loan-auto-payment-box .loan-auto-payment-info{
	    display: table-cell;
		width:33.333%;
		text-align:center;
	    border-right: 1px solid #e3e3e3;
	    padding: 10px 0;
	}
	.new-break-point .loan-auto-box .loan-auto-payment-box .loan-auto-payment-info p span {
		display: block;
		float: none;
	}
	.new-break-point .loan-auto-box .loan-auto-payment-box .loan-auto-payment-info.mobile-view{
		display:none;
	}
	
	.new-break-point .movements-filter-cover{
		padding:15px;
	}
	.new-break-point .movements-filter-box .btn-red-dark-small{
	    margin: 0px auto;
	}
	.new-break-point .movements-filter-box.ng-hide{
		position:relative;
		left:0;
	}
	.new-break-point .movements-filter-box .col-xs-6.col-sm-5, 
	.new-break-point .movements-filter-box .col-xs-6.col-sm-4{
		width:33.333%;
	}
	.new-break-point .movements-filter-box .col-xs-12.col-sm-2{
		width:25%;
	}
	.new-break-point .movements-filter-box label.col-sm-3.control-label {
		width: 41.66666667%;
	}
	.new-break-point .movements-filter-box .col-sm-9.todate-pickr{
	    width: 58.33333333%;
	}
	.new-break-point .movements-filter-box .form-control{
	    padding: 6px 2px;
		font-size:13px;
		text-align:center;
	}
	
	.new-break-point .movements-table .table-bordered > thead > tr > th, 
	.new-break-point .movements-table .table-bordered > tbody > tr > th, 
	.new-break-point .movements-table .table-bordered > tfoot > tr > th, 
	.new-break-point .movements-table .table-bordered > thead > tr > td, 
	.new-break-point .movements-table .table-bordered > tbody > tr > td, 
	.new-break-point .movements-table .table-bordered > tfoot > tr > td{
		border: 1px solid #c8c8c8;
		padding:8px 2px;
		font-size:11px;
	}
	.new-break-point .card-force-table .table-bordered > thead > tr > th, 
	.new-break-point .card-force-table .table-bordered > tbody > tr > th, 
	.new-break-point .card-force-table .table-bordered > tfoot > tr > th, 
	.new-break-point .card-force-table .table-bordered > thead > tr > td, 
	.new-break-point .card-force-table .table-bordered > tbody > tr > td, 
	.new-break-point .card-force-table .table-bordered > tfoot > tr > td{
		border: 1px solid #c8c8c8;
	}
	.new-break-point .loan-amortization-table-btn-box .btn-red{
		display:block;
	}
	/******** Card Detail Page End ***********/
	
	/******** Area Personal Page Start ***********/
	.new-break-point .personal-mobile-bg, .new-break-point .contact-mobile-bg{
		display:none;
	}
	.new-break-point .contact-opt-cover {
		display: table-cell;
	}
	.new-break-point .per_area-light-gray-cover{
		background: #f2f2f2;
	}
	.new-break-point .per_area-info-cover {
		position: relative;
		padding: 0px 40px;
	}
	.new-break-point .per_area-info-cover .per_area-light-heading {
		margin-left:0 !important;
	}
	.new-break-point .reset-passowrd-form .form-field label{
		font-size:12px;
		padding-right:0;
	}
	/******** Area Personal Page End ***********/
	
	/******** Contact Page Start ***********/
	.new-break-point .contact-light-gray-in {
		padding: 15px;
	}
	.new-break-point .contact-light-gray-cover {
    	background: #f2f2f2;
	}
	.new-break-point .contact-info-box {
    	border-bottom: none;
	    padding: 30px 0 0;
	}
	.new-break-point .contact-info-box .contact-info-icon, 
	.new-break-point .contact-info-box .contact-info-cont{
		padding-left:0;
	}
	.new-break-point .contact-info-box .contact-info-cont h4 {
    	font-size: 13px;
	}
	.new-break-point .contact-info-box .contact-info-cont .contact-phone{
		font-size:14px;
	}
	.new-break-point .contact-info-box .contact-info-cont p {
		font-size: 12px;
	}
	.new-break-point .contact-info-box .contact-info-cont p span{
	    font-size: 11px;
	}
	.new-break-point .contact-form-box .btn-red-dark-small{
		float:right;
	}
	/******** Contact Page End ***********/
}


@media screen and (max-width: 991px) and (min-width: 768px) {
	.logo-eroski{
		padding:0 15px;
		max-width:173px !important;
	}
	.logo-eroski img{
		max-width:100%;
	}
	.btn-top-nav{
		margin-top:21px;
	}
	.full-mobile-menu.menu-in{
		-webkit-transform:translate(0,0);
			-moz-transform:translate(0,0);
			-ms-transform:translate(0,0);
			-o-transform:translate(0,0);
			transform:translate(0,0);
	}
	.main-menu-box{
		display:none;
	}
	
	/************** Header Menu End *************/
	
	/******** Menu Slide Effect Start ***********/
	.header-container .full-mobile-menu{
		overflow:hidden;
		transition:all 0.3s 1.1s ease-in-out;
	}
	.header-container .full-mobile-menu .full-mobile-menu-in{
		overflow:hidden;
	    overflow-y: auto;
	}
	.header-container .full-mobile-menu.menu-in{
		transition:all 0.3s ease-in-out;
	}
	
	.header-container .full-mobile-menu .power-box button{
		opacity:0;
		transform:scale(1.2);
		transition:all 0.3s 0.8s ease-in-out;
	}
	.header-container .full-mobile-menu.menu-in .power-box button{
		opacity:1;
		transform:scale(1);
		transition:all 0.3s 0.3s ease-in-out;
	}
	
	.header-container .full-mobile-menu .menupage-menu li:first-child,
	.header-container .full-mobile-menu .menupage-menu li:nth-child(2),
	.header-container .full-mobile-menu .menupage-menu li:nth-child(3),
	.header-container .full-mobile-menu .menupage-menu li:nth-child(4),
	.header-container .full-mobile-menu .menupage-menu li:nth-child(5),
	.header-container .full-mobile-menu .menupage-menu li:nth-child(6),
	.header-container .full-mobile-menu .menupage-menu li:nth-child(7){
		opacity:0;
	}
	
	.header-container .full-mobile-menu.menu-in .menupage-menu li:first-child,
	.header-container .full-mobile-menu.menu-in .menupage-menu li:nth-child(2),
	.header-container .full-mobile-menu.menu-in .menupage-menu li:nth-child(3),
	.header-container .full-mobile-menu.menu-in .menupage-menu li:nth-child(4),
	.header-container .full-mobile-menu.menu-in .menupage-menu li:nth-child(5),
	.header-container .full-mobile-menu.menu-in .menupage-menu li:nth-child(6),
	.header-container .full-mobile-menu.menu-in .menupage-menu li:nth-child(7){
		opacity:1;
	}
	.header-container .full-mobile-menu .menupage-menu li:first-child{
		transform:translateX(10%);
		transition:all 0.3s 0.9s ease-in-out;
	}
	.header-container .full-mobile-menu .menupage-menu li:nth-child(2){
		transform:translateX(15%);
		transition:all 0.3s 0.8s ease-in-out;
	}
	.header-container .full-mobile-menu .menupage-menu li:nth-child(3){
		transform:translateX(20%);
		transition:all 0.3s 0.6s ease-in-out;
	}
	.header-container .full-mobile-menu .menupage-menu li:nth-child(4){
		transform:translateX(25%);
		transition:all 0.3s 0.4s ease-in-out;
	}
	.header-container .full-mobile-menu .menupage-menu li:nth-child(5){
		transform:translateX(30%);
		transition:all 0.3s 0.2s ease-in-out;
	}
	.header-container .full-mobile-menu .menupage-menu li:nth-child(6){
		transform:translateX(35%);
		transition:all 0.3s 0.1s ease-in-out;
	}
	.header-container .full-mobile-menu .menupage-menu li:nth-child(7){
		transform:translateX(35%);
		transition:all 0.3s 0.1s ease-in-out;
	}
	
	
	.header-container .full-mobile-menu.menu-in .menupage-menu li:first-child{
		transform:translateX(0%);
		transition:all 0.3s 0.2s ease-in-out;
	}
	.header-container .full-mobile-menu.menu-in .menupage-menu li:nth-child(2){
		transform:translateX(0%);
		transition:all 0.3s 0.4s ease-in-out;
	}
	.header-container .full-mobile-menu.menu-in .menupage-menu li:nth-child(3){
		transform:translateX(0%);
		transition:all 0.3s 0.7s ease-in-out;
	}
	.header-container .full-mobile-menu.menu-in .menupage-menu li:nth-child(4){
		transform:translateX(0%);
		transition:all 0.3s 0.9s ease-in-out;
	}
	.header-container .full-mobile-menu.menu-in .menupage-menu li:nth-child(5){
		transform:translateX(0%);
		transition:all 0.3s 1s ease-in-out;
	}
	.header-container .full-mobile-menu.menu-in .menupage-menu li:nth-child(6){
		transform:translateX(0%);
		transition:all 0.3s 1.1s ease-in-out;
	}
	.header-container .full-mobile-menu.menu-in .menupage-menu li:nth-child(7){
		transform:translateX(0%);
		transition:all 0.3s 1.1s ease-in-out;
	}
	
	
	.header-container .full-mobile-menu .menupage-menu .subnav.ng-hide li:first-child,
	.header-container .full-mobile-menu .menupage-menu .subnav.ng-hide li:nth-child(2),
	.header-container .full-mobile-menu .menupage-menu .subnav.ng-hide li:nth-child(3),
	.header-container .full-mobile-menu .menupage-menu .subnav.ng-hide li:nth-child(4),
	.header-container .full-mobile-menu .menupage-menu .subnav.ng-hide li:nth-child(5){
		opacity:0 !important;
	}
	.header-container .full-mobile-menu.menu-in .menupage-menu .subnav li:first-child,
	.header-container .full-mobile-menu.menu-in .menupage-menu .subnav li:nth-child(2),
	.header-container .full-mobile-menu.menu-in .menupage-menu .subnav li:nth-child(3),
	.header-container .full-mobile-menu.menu-in .menupage-menu .subnav li:nth-child(4),
	.header-container .full-mobile-menu.menu-in .menupage-menu .subnav li:nth-child(5){
		opacity:1;
	}
	
	.header-container .full-mobile-menu .menupage-menu .subnav.ng-hide li:first-child{
		transform:translateX(10%) !important;
		transition:all 0.3s 0.8s ease-in-out !important;
	}
	.header-container .full-mobile-menu .menupage-menu .subnav.ng-hide li:nth-child(2){
		transform:translateX(15%) !important;
		transition:all 0.3s 0.6s ease-in-out !important;
	}
	.header-container .full-mobile-menu .menupage-menu .subnav.ng-hide li:nth-child(3){
		transform:translateX(20%) !important;
		transition:all 0.3s 0.4s ease-in-out !important;
	}
	.header-container .full-mobile-menu .menupage-menu .subnav.ng-hide li:nth-child(4){
		transform:translateX(25%) !important;
		transition:all 0.3s 0.2s ease-in-out !important;
	}
	.header-container .full-mobile-menu .menupage-menu .subnav.ng-hide li:nth-child(5){
		transform:translateX(30%) !important;
		transition:all 0.3s 0.1s ease-in-out !important;
	}
	
	
	.header-container .full-mobile-menu.menu-in .menupage-menu .subnav li:first-child{
		transform:translateX(0%);
		transition:all 0.3s 0.2s ease-in-out !important;
	}
	.header-container .full-mobile-menu.menu-in .menupage-menu .subnav li:nth-child(2){
		transform:translateX(0%);
		transition:all 0.3s 0.4s ease-in-out !important;
	}
	.header-container .full-mobile-menu.menu-in .menupage-menu .subnav li:nth-child(3){
		transform:translateX(0%);
		transition:all 0.3s 0.7s ease-in-out !important;
	}
	.header-container .full-mobile-menu.menu-in .menupage-menu .subnav li:nth-child(4){
		transform:translateX(0%);
		transition:all 0.3s 0.9s ease-in-out;
	}
	.header-container .full-mobile-menu.menu-in .menupage-menu .subnav li:nth-child(5){
		transform:translateX(0%);
		transition:all 0.3s 1s ease-in-out;
	}
	/******** Menu Slide Effect End ***********/
}
@media (max-width: 810px){
	/******** Header Type-2 Menu With Language Euskera Start ***********/
	/******** Header After Login ***************/
	.eroski-header.language-eu .menu-header2 li {
	    padding: 5px 4px
	}
	.language-eu .menu-header li a i.fa.fa-chevron-down, 
	.language-eu .menu-header2 li a i.fa.fa-chevron-down,
	.language-eu .menu-header li a i, 
	.language-eu .menu-header2 li a i {
    	margin-left: 0px !important;
		margin-right: 0px !important;
	}
	
	/************** Header Type-2 Menu With Language Euskera End *************/
	
}

@media (max-width: 767px) {
	
	/************** Header Type-2 Menu Start *************/
	.header-container.header-type-2 {
		background: #fff;
		border-bottom: 1px solid #e6e6e6;
	}
	.header-container.header-type-2 .logo-eroski{
		float:left;
	    padding: 0px 15px;
	}
	.header-container.header-type-2 .header-eroski-heading h2{
	    padding: 20px 0;
	}
	.header-container.header-type-2 .menu-header-right{
		width:auto;
		background:none;
		padding: 14px 0;
	}
	.header-container.header-type-2 .menu-header-right .menu-header{
		position:relative;
		background:none;
		border:none;
	}
	.header-container.header-type-2 .menu-header-right .menu-header li{
		float:left;
		border-left: 1px solid #dddddd;
		width:auto;
	}
	.header-container.header-type-2 .menu-header-right .menu-header li:first-child{
		border-left:none;
	}
	.header-container.header-type-2 .menu-header-right .menu-header li a{
		padding:0;
	}
	.header-container.header-type-2 .menu-header-right .menu-header li .subnav li, 
	.header-container.header-type-2 .menu-header-right .menu-header2 li .subnav li {
		float:none;
		width:100%;
		border:none;
	}
	.header-container.header-type-2 .menu-header-right .menu-header li .subnav li a, 
	.header-container.header-type-2 .menu-header-right .menu-header2 li .subnav li a {
		padding: 5px 20px;
	}
	.header-container.header-type-2 .menu-header-right .menu-header li .subnav li a:hover, 
	.header-container.header-type-2 .menu-header-right .menu-header2 li .subnav li a:hover {
		background:none;	
	}
	
	
	/********* Header After Login ************/
	.header-container.header-type-2 .menu-header-right-2 {
		padding: 3px 0;
	}
	.header-container.header-type-2 .menu-header-right .menu-header2 li{
		padding:5px 5px;
	}
	.header-container.header-type-2 .menu-header-right .menu-header2 li a,
	.header-container.header-type-2 .menu-header-right-2 .menu-header2 li a{
		font-size: 11px;
	}
	.header-container.header-type-2 .menu-header2 li a i.fa.fa-chevron-down, 
	.header-container.header-type-2 .menu-header2 li a i {
		margin-left: 0px;
		margin-right: 0px;
	}
	.header-container.header-type-2 .menu-header2 li a span {
		padding-left:15px;
	}
	
	/************** Header Type-2 Menu End *************/
	
}

@media (max-width: 730px){
	/******** Header Type-2 Menu With Language Euskera Start ***********/
	.language-eu .menu-header li, .language-eu.eroski-header .menu-header li {
		padding: 5px 6px;
	}
	.language-eu .menu-header li a i.fa.fa-chevron-down, 
	.language-eu .menu-header2 li a i.fa.fa-chevron-down,
	.language-eu .menu-header li a i, 
	.language-eu .menu-header2 li a i {
    	margin-left: 0px !important;
		margin-right: 0px !important;
	}
	
	/******** Header After Login ***************/
	.header-container.header-type-2.language-eu .menu-header-right .menu-header2 li a, 
	.header-container.header-type-2.language-eu .menu-header-right-2 .menu-header2 li a{
		font-size:10px;
	}
	.header-container.header-type-2.language-eu .menu-header2 li a span{
		font-size:11px;
	}
	/************** Header Type-2 Menu With Language Euskera End *************/
	
}

@media (max-width: 700px){
	/******** Header Type-2 Menu Start ***********/
	.header-container.header-type-2 .logo-eroski {
		padding: 1px 15px;
		padding-right: 6px;
    	max-width: 126px;
	}
	.header-container.header-type-2 .header-eroski-heading h2{
		font-size: 11px;
		padding: 20px 0;
	}
	.header-container.header-type-2 .menu-header-right {
		padding: 17px 0;
	}
	
	.header-container.header-type-2 .menu-header li a i.envelope-red-icon, 
	.header-container.header-type-2 .menu-header2 li a i.envelope-red-icon {
		background: url(../img/icons/envelope-icon.png) no-repeat 0 -13px;
		background-size: 14px 23px;
		width:15px;
		height:12px;
	}
	.header-container.header-type-2 .menu-header li a:hover i.envelope-red-icon, 
	.header-container.header-type-2 .menu-header2 li a:hover i.envelope-red-icon {
		background: url(../img/icons/envelope-icon.png) no-repeat 0 0px;
    	background-size: 14px 23px;
	}
	.header-container.header-type-2 .menu-header li a i.fa.fa-chevron-down, 
	.header-container.header-type-2 .menu-header2 li a i.fa.fa-chevron-down,
	.header-container.header-type-2 .menu-header li a i, 
	.header-container.header-type-2 .menu-header2 li a i  {
    	margin-left: 0px;
		margin-right: 0px;
	}
	.header-container.header-type-2 .menu-header li {
		padding: 2px 5px;
	}
	.header-container.header-type-2 .menu-header li .subnav li, 
	.header-container.header-type-2 .menu-header2 li .subnav li{
		padding:0;
	}
	.header-container.header-type-2 .menu-header li a,
	.header-container.header-type-2 .menu-header-right-2 .menu-header2 li a {
    	font-size: 10px;
	}
	
	
	/******** Header After Login ***************/
	.header-container.header-type-2 .menu-header2 li {
		padding: 5px 4px;
	}
	.header-container.header-type-2 .menu-header2 li a span {
		font-size:11px;
	}
	.header-container.header-type-2 .menu-header2 li a.btn-red-full {
    	padding: 10px 5px;
	}
	.header-container.header-type-2 .menu-header2 li a.btn-red-full .power-white-icon{
		background: url(../img/icons/power-white-icon.svg) no-repeat 0 0;
		background-size: 16px 14px;
		width: 16px;
		height: 14px;
	}
	

	/******** Header Type-2 Menu End ***********/
}

@media (max-width: 630px){
	/******** Header Type-2 Menu With Language Euskera Start ***********/
	.header-container.header-type-2.language-eu .logo-eroski{
		padding: 6px 15px;
	    max-width: 110px;
	}
	.header-container.header-type-2.language-eu  .header-eroski-heading h2{
	    font-size: 9px;
	}
	
	/******** Header After Login ***************/
	.header-container.header-type-2.language-eu .menu-header2 li a span{
		font-size: 9px;
	}
	
	/************** Header Type-2 Menu With Language Euskera End *************/
}

@media (max-width: 600px) {
	/******** Header Type-2 Menu Start ***********/
	.header-container.header-type-2 .header-eroski-heading h2{
		font-size: 10px;
	}
	
	.header-container.header-type-2 .menu-header li a {
    	font-size: 10px;
	}
	
	/******** Header After Login ***************/
	.header-container.header-type-2 .menu-header2 li {
		padding: 5px 3px;
	}
	.header-container.header-type-2 .menu-header2 li a span {
		font-size: 10px;
	    padding-left: 17px;
	}
	.header-container.header-type-2 .menu-header2 li a.btn-red-full {
		padding: 10px 3px;
	}
	
	.header-container.header-type-2.language-eu .menu-header2 li {
		padding: 5px 2px;
	}
	
	/******** Header Type-2 Menu End ***********/
}

@media (max-width: 991px) {
	.hide-577{
		display:none !important;
	}
	.show-576{
		display:block !important;
	}
	
	/******** Header Type-2 Menu Start ***********/
	.header-container.header-type-2 .logo-eroski{
	    padding: 1px 15px;
		max-width: 138px;
	}
	/*.header-container.header-type-2 .header-eroski-heading h2{
		padding:22px 0;
	}*/
	.header-container.header-type-2 .full-mobile-menu{
		width:230px !important;
		left:auto;
		right:0;
	}
	.header-container.header-type-2 .full-mobile-menu .full-mobile-menu-in{
		padding-top:55px;
	}
	.header-container.header-type-2 .full-mobile-menu-in .menu-page{
		padding:0;
	}
	.header-container.header-type-2 .full-mobile-menu-in .menu-page .power-box button{
	    top: -44px;
	}
	.header-container.header-type-2 .full-mobile-menu-in .menu-page .logo-eroski{
		display:none;
	}
	
	.header-container.header-type-2 .full-mobile-menu .menupage-menu li{
		font-size:14px;
	}
	.header-container.header-type-2 .full-mobile-menu .menupage-menu li a{
		padding:10px;
	}
	.header-container.header-type-2 .full-mobile-menu .menupage-menu li a i.fa.fa-chevron-down{
		float:none;
	}
	.header-container.header-type-2 .full-mobile-menu .menupage-menu li .menu-icon.global-black-mid-icon {
		height: 20px;
		background-size: 16px 16px;
		background-position: center;
	}
	.header-container.header-type-2 .full-mobile-menu .menupage-menu li .menu-icon.file-check-black-samll-icon {
		width: 25px;
		height: 20px;
	    background-size: 20px 22px;
	}
	.header-container.header-type-2 .full-mobile-menu .menupage-menu li .menu-icon.bell-black-mid-icon {
		background: url(../img/icons/bell-black-icon.svg) no-repeat center;
		background-size: 19px 17px;
		height: 20px;
	}
	.header-container.header-type-2 .full-mobile-menu .menupage-menu li .menu-icon.bell-black-mid-icon {
		background: url(../img/icons/bell-black-icon.svg) no-repeat center;
		background-size: 19px 17px;
		height: 20px;
	}
	.header-container.header-type-2 .full-mobile-menu .menupage-menu li .menu-icon.user-black-icon {
		background-size: 14px 17px;
		background-position: center;
		height: 20px;
	}
	.header-container.header-type-2 .full-mobile-menu .menupage-menu li .support-black-samll-icon {
		background: url(../img/icons/support-black-icon.svg) no-repeat center;
		background-size: 20px 20px;
		height: 20px;
	}
	.header-container.header-type-2 .full-mobile-menu .menupage-menu li .menu-icon.envelope-gray-mid-icon {
		height: 20px;
		background-size: 16px 15px;
		background-position: center;
	}
	/******** Header Type-2 Menu End ***********/
	
	/******** Header Type-2 Menu With Language Euskera Start ***********/
	.header-container.header-type-2.language-eu .logo-eroski{
	    padding: 1px 15px;
		max-width: 138px;
	}
	.header-container.header-type-2.language-eu  .header-eroski-heading h2{
	    /*font-size: 10px;*/
	}
	/************** Header Type-2 Menu With Language Euskera End *************/
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/******** Menu Slide Effect Start ***********/
	.header-container.header-type-2 .full-mobile-menu{
		overflow:hidden;
		transition:all 0.3s 1.1s ease-in-out;
	}
	.header-container.header-type-2 .full-mobile-menu .full-mobile-menu-in{
		overflow:hidden;
	    overflow-y: auto;
	}
	.header-container.header-type-2 .full-mobile-menu.menu-in{
		transition:all 0.3s ease-in-out;
	}
	
	.header-container.header-type-2 .full-mobile-menu .power-box button{
		opacity:0;
		transform:scale(1.2);
		transition:all 0.3s 0.8s ease-in-out;
	}
	.header-container.header-type-2 .full-mobile-menu.menu-in .power-box button{
		opacity:1;
		transform:scale(1);
		transition:all 0.3s 0.3s ease-in-out;
	}
	
	.header-container.header-type-2 .full-mobile-menu .menupage-menu li:first-child,
	.header-container.header-type-2 .full-mobile-menu .menupage-menu li:nth-child(2),
	.header-container.header-type-2 .full-mobile-menu .menupage-menu li:nth-child(3),
	.header-container.header-type-2 .full-mobile-menu .menupage-menu li:nth-child(4),
	.header-container.header-type-2 .full-mobile-menu .menupage-menu li:nth-child(5),
	.header-container.header-type-2 .full-mobile-menu .menupage-menu li:nth-child(6),
	.header-container.header-type-2 .full-mobile-menu .menupage-menu li:nth-child(7){
		opacity:0;
	}
	
	.header-container.header-type-2 .full-mobile-menu.menu-in .menupage-menu li:first-child,
	.header-container.header-type-2 .full-mobile-menu.menu-in .menupage-menu li:nth-child(2),
	.header-container.header-type-2 .full-mobile-menu.menu-in .menupage-menu li:nth-child(3),
	.header-container.header-type-2 .full-mobile-menu.menu-in .menupage-menu li:nth-child(4),
	.header-container.header-type-2 .full-mobile-menu.menu-in .menupage-menu li:nth-child(5),
	.header-container.header-type-2 .full-mobile-menu.menu-in .menupage-menu li:nth-child(6),
	.header-container.header-type-2 .full-mobile-menu.menu-in .menupage-menu li:nth-child(7){
		opacity:1;
	}
	.header-container.header-type-2 .full-mobile-menu .menupage-menu li:first-child{
		transform:translateX(10%);
		transition:all 0.3s 0.9s ease-in-out;
	}
	.header-container.header-type-2 .full-mobile-menu .menupage-menu li:nth-child(2){
		transform:translateX(15%);
		transition:all 0.3s 0.8s ease-in-out;
	}
	.header-container.header-type-2 .full-mobile-menu .menupage-menu li:nth-child(3){
		transform:translateX(20%);
		transition:all 0.3s 0.6s ease-in-out;
	}
	.header-container.header-type-2 .full-mobile-menu .menupage-menu li:nth-child(4){
		transform:translateX(25%);
		transition:all 0.3s 0.4s ease-in-out;
	}
	.header-container.header-type-2 .full-mobile-menu .menupage-menu li:nth-child(5){
		transform:translateX(30%);
		transition:all 0.3s 0.2s ease-in-out;
	}
	.header-container.header-type-2 .full-mobile-menu .menupage-menu li:nth-child(6){
		transform:translateX(35%);
		transition:all 0.3s 0.1s ease-in-out;
	}
	.header-container.header-type-2 .full-mobile-menu .menupage-menu li:nth-child(7){
		transform:translateX(35%);
		transition:all 0.3s 0.1s ease-in-out;
	}
	
	
	.header-container.header-type-2 .full-mobile-menu.menu-in .menupage-menu li:first-child{
		transform:translateX(0%);
		transition:all 0.3s 0.2s ease-in-out;
	}
	.header-container.header-type-2 .full-mobile-menu.menu-in .menupage-menu li:nth-child(2){
		transform:translateX(0%);
		transition:all 0.3s 0.4s ease-in-out;
	}
	.header-container.header-type-2 .full-mobile-menu.menu-in .menupage-menu li:nth-child(3){
		transform:translateX(0%);
		transition:all 0.3s 0.7s ease-in-out;
	}
	.header-container.header-type-2 .full-mobile-menu.menu-in .menupage-menu li:nth-child(4){
		transform:translateX(0%);
		transition:all 0.3s 0.9s ease-in-out;
	}
	.header-container.header-type-2 .full-mobile-menu.menu-in .menupage-menu li:nth-child(5){
		transform:translateX(0%);
		transition:all 0.3s 1s ease-in-out;
	}
	.header-container.header-type-2 .full-mobile-menu.menu-in .menupage-menu li:nth-child(6){
		transform:translateX(0%);
		transition:all 0.3s 1.1s ease-in-out;
	}
	.header-container.header-type-2 .full-mobile-menu.menu-in .menupage-menu li:nth-child(7){
		transform:translateX(0%);
		transition:all 0.3s 1.1s ease-in-out;
	}
	
	.header-container.header-type-2 .full-mobile-menu .menupage-menu .subnav{
		height:164px;
		display:block !important;
		transition:height 0.3s ease;
	}
	.header-container.header-type-2 .full-mobile-menu .menupage-menu .subnav.ng-hide{
		height:0;
		transition:height 0.3s ease;
		overflow:hidden;
	}

	.header-container.header-type-2 .full-mobile-menu .menupage-menu .subnav.ng-hide li:first-child,
	.header-container.header-type-2 .full-mobile-menu .menupage-menu .subnav.ng-hide li:nth-child(2),
	.header-container.header-type-2 .full-mobile-menu .menupage-menu .subnav.ng-hide li:nth-child(3),
	.header-container.header-type-2 .full-mobile-menu .menupage-menu .subnav.ng-hide li:nth-child(4),
	.header-container.header-type-2 .full-mobile-menu .menupage-menu .subnav.ng-hide li:nth-child(5){
		opacity:0 !important;
	}
	.header-container.header-type-2 .full-mobile-menu.menu-in .menupage-menu .subnav li:first-child,
	.header-container.header-type-2 .full-mobile-menu.menu-in .menupage-menu .subnav li:nth-child(2),
	.header-container.header-type-2 .full-mobile-menu.menu-in .menupage-menu .subnav li:nth-child(3),
	.header-container.header-type-2 .full-mobile-menu.menu-in .menupage-menu .subnav li:nth-child(4),
	.header-container.header-type-2 .full-mobile-menu.menu-in .menupage-menu .subnav li:nth-child(5){
		opacity:1;
	}
	
	/*.header-container.header-type-2 .full-mobile-menu .menupage-menu .subnav.ng-hide li:first-child{
		transform:translateX(10%) !important;
		transition:all 0.3s 0.8s ease-in-out !important;
	}
	.header-container.header-type-2 .full-mobile-menu .menupage-menu .subnav.ng-hide li:nth-child(2){
		transform:translateX(15%) !important;
		transition:all 0.3s 0.6s ease-in-out !important;
	}
	.header-container.header-type-2 .full-mobile-menu .menupage-menu .subnav.ng-hide li:nth-child(3){
		transform:translateX(20%) !important;
		transition:all 0.3s 0.4s ease-in-out !important;
	}
	.header-container.header-type-2 .full-mobile-menu .menupage-menu .subnav.ng-hide li:nth-child(4){
		transform:translateX(25%) !important;
		transition:all 0.3s 0.2s ease-in-out !important;
	}
	.header-container.header-type-2 .full-mobile-menu .menupage-menu .subnav.ng-hide li:nth-child(5){
		transform:translateX(30%) !important;
		transition:all 0.3s 0.1s ease-in-out !important;
	}*/
	.header-container.header-type-2 .full-mobile-menu .menupage-menu .subnav.ng-hide li:first-child,
	.header-container.header-type-2 .full-mobile-menu .menupage-menu .subnav.ng-hide li:nth-child(2),
	.header-container.header-type-2 .full-mobile-menu .menupage-menu .subnav.ng-hide li:nth-child(3),
	.header-container.header-type-2 .full-mobile-menu .menupage-menu .subnav.ng-hide li:nth-child(4),
	.header-container.header-type-2 .full-mobile-menu .menupage-menu .subnav.ng-hide li:nth-child(5),
	.header-container.header-type-2 .full-mobile-menu.menu-in .menupage-menu .subnav li:first-child,
	.header-container.header-type-2 .full-mobile-menu.menu-in .menupage-menu .subnav li:nth-child(2),
	.header-container.header-type-2 .full-mobile-menu.menu-in .menupage-menu .subnav li:nth-child(3),
	.header-container.header-type-2 .full-mobile-menu.menu-in .menupage-menu .subnav li:nth-child(4),
	.header-container.header-type-2 .full-mobile-menu.menu-in .menupage-menu .subnav li:nth-child(5){
		transform:translateX(0%) !important;
		transition:all 0.3s !important;
	}
	
	
	/******** Menu Slide Effect End ***********/
}

@media (max-width: 767px) {
/*@media (max-width: 400px) {*/
	/******** Header Type-2 Menu Start ***********/
	.nav-toggle{
		z-index:1005;
	}
	.btn-top-nav1{
		display:none;
	}
	.header-container.header-type-2 .logo-eroski{
		float:none;
	    padding: 0 15px;
		max-width: 138px;
	}
	.header-container.header-type-2 .header-eroski-heading h2{
		display:none;
	}
	.header-container.header-type-2 .full-mobile-menu{
		width:100% !important;
		left:auto;
		right:0;
		padding-top:0px;
	}
	.header-container.header-type-2 .full-mobile-menu .full-mobile-menu-in{
		padding-top:0px;
	}
	.header-container.header-type-2 .full-mobile-menu-in .menu-page{
		padding:5px 0;
	}
	.header-container.header-type-2 .full-mobile-menu-in .menu-page .power-box button{
	    top: 13px;
	}
	.header-container.header-type-2 .full-mobile-menu-in .menu-page .logo-eroski{
		display:block;
	}
	
	.header-container.header-type-2 .full-mobile-menu-in .menu-page{
		display:block;
		padding:0;
		border-bottom: 1px solid #e6e6e6;
	}
	/******** Header Type-2 Menu End ***********/
	
	/******** Header Type-2 Menu With Language Euskera Start ***********/
	.header-container.header-type-2.language-eu .logo-eroski{
		float:none;
	    padding: 0 15px;
		max-width: 138px;
	}
	/************** Header Type-2 Menu With Language Euskera End *************/
}