/*==============landscape modal css=================*/
#app_common_modal, #error_handler_overlay {
	overflow: -moz-scrollbars-none;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
#app_common_modal::-webkit-scrollbar, #error_handler_overlay::-webkit-scrollbar {
	width: 0px;
	background: transparent;
}
#app_common_modal_close, #error_handler_overlay_close {
	display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
}
#error_handler_overlay .error_handler_body ul {
	margin: 0;
	padding: 0;
}
.error_handler_body ul li{text-align: left !important;}


#app_common_modal .app_modal_body {
		margin: 60px auto;
	}
@media screen and (max-width:1200px) and (orientation: landscape) {
	#app_common_modal .app_modal_body {
		margin: 20px auto;
		min-height: 250px;
	}
	#app_common_modal .app_modal_body iframe {
		min-height: 230px;
	}
	#error_handler_overlay .error_handler_body {
		margin: 20px auto;
		padding: 14px;
		font-size: 12px;
	}
}

@media screen and (max-width: 895px) and (orientation: landscape) {
	#app_common_modal .app_modal_body {
		margin: 20px auto;
		min-height: 290px;
	}
	#app_common_modal .app_modal_body iframe {
		min-height: 260px;
	}
	#error_handler_overlay .error_handler_body {
		margin: 20px auto;
		padding: 14px;
		font-size: 12px;
	}
}
@media screen and (max-width: 374px) and (orientation: portrait) {
	#app_common_modal .app_modal_body {
		margin: 50px auto;
	}
	#error_handler_overlay .error_handler_body {
		margin: 50px auto;
	}
}


/*==============Two scrollbar in modal=================*/
#app_common_modal, #error_handler_overlay{
        overflow-y: hidden;
}

/*==============Select drop down icon and green tick overlap issue=================*/
/* input.no-error, select.no-error, input.has-error, select.has-error{background-size: 16px 14px!important}
select.no-error,select.has-error{background-position: 94% 50% !important;}
@media screen and (max-width:991px){
select.no-error,select.has-error{background-position: 97% 50% !important;}
}

@media screen and (max-width:580px){
select.no-error,select.has-error{background-position: 95% 50% !important;}
}

@media screen and (min-width:1600px){
select.no-error,select.has-error{background-position: 92% 50% !important;}
} */

/*==============futurebrightgoods upsell slider scroll fix=================*/
.product-info-gallery-thumbs .slick-track {
  -webkit-transform: none !important;
          transform: none !important;
}


/*==============cvv question mark icon and green tick overlap fixfor stevegun=================*/
.cvv-holder a.cvv-pop {
    right: 8px;top: 40px;
}
.cvv-holder input{background-position:88% 50%;}


/*=================Koken media upsell quantity fixing=================*/
@media screen and (max-width:575px){
ul.items{
	width: fit-content;
    margin: 10px auto;
}
.save-strip{    padding: 12px 12px 12px 12px;}
}

@media screen and (max-width:390px){
.save-strip{font-size: 14px !important;}
}