/*==============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;
}
#app_common_modal .app_modal_body {
    min-height: auto!important;
    margin: auto !important;
    top: 50%;
    transform: translateY(-50%);
}
#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% !important;}

@media (min-width:768px) and (max-width: 1100px){
.cvv-holder input{background-position:84% 50% !important;}
}


/*==============month and year overlap issue fixing stevegun=================*/
.frmElmnts1 input, .frmElmnts2 input, .frmElmnts3 input,
.frmElmnts1 select, .frmElmnts2 select, .frmElmnts3 select{font-size: 17px;}
.frmElmnts1 select, .frmElmnts2 select, .frmElmnts3 select{
    background-position: 100% center no-repeat;
    }
.form-mid2 {
    padding: 10px 15px 30px;
}

input.no-error, select.no-error {
    background: url(/wp-content/webot/20231215_bf367bf1870f1e459238417ab36b0f47/img/fc077d9c4e57fbb09b22e6a13d40d245.webp) 99.5% 50% no-repeat #fff !important;
    border: 1px solid green !important;
}

.expmonthfld{padding-right:20px !important}

/*==============thank you email overlap fixing stevegun=================*/
ul.user-info li{word-break: break-all;}

ul.user-info li span{    word-break: unset;}

/*=================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;}
}

/*=================Koken media checkout divider line fixing=================*/
.div-line:before {
    width: 145px;
}
.div-line:after {
    width: 145px;
}

@media screen and (max-width: 1400px) {
    .div-line:before {
        width: 100px;
    }
    .div-line:after {
        width: 100px;
    }
}
@media screen and (max-width: 1199px) {
    .div-line:before {
        width: 70px;
    }
    .div-line:after {
        width: 70px;
    }
}
@media screen and (max-width: 991px) {
    .div-line:before {
        width: 180px;
    }
    .div-line:after {
        width:180px;
    }
}
@media screen and (max-width: 767px) {
    .div-line:before {
        width: 130px;
    }
    .div-line:after {
        width: 130px;
    }
}
@media screen and (max-width: 575px) {
    .div-line:before {
        width: 100px;
    }
    .div-line:after {
        width: 100px;
    }
}
@media screen and (max-width: 479px) {
    .div-line:before {
        width: 80px;
    }
    .div-line:after {
        width: 80px;
    }
}
@media screen and (max-width: 399px) {
    .div-line:before {
        width: 60px;
    }
    .div-line:after {
        width: 60px;
    }
}
@media screen and (max-width:360px) {
    .div-line:before {
        width:30px;
    }
    .div-line:after {
        width: 30px;
    }
}


/*=================thank you footer for all media=================*/
@media (max-width: 991px){
.wrapper {
    min-height: 86vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.site-header{padding-top:10px !important}
}