.route-checkout-cart .td-qty .stepper input.form-control{
	padding: 0 35px 0 0px !important;
}
.taxlabel{
	color: #FFFFCC;
    text-decoration: underline;
	margin-bottom: 20px;
}
.taxvalue .iconwithtext{
	display: flex;
	justify-content: start;
}
.taxvalue span{
	color:#CC3333;
	font-weight: bold;
    font-size: 40px;
	margin-left: 20%;
}
.fiscal{
	font-size:38px;
}
.taxvalue{
	color:#fff;
	display:block;
	font-size:80px;
	text-align: left;
	padding-left: 0;
	text-transform: uppercase;
}
.taxvalue > div:first-child,.taxvalue > div:last-child{
	padding-left: 15%;
}
.taxvalue i.fa-info-circle:before{
	content: '';
}
.fiscal {
    font-size: 85px;
}
.taxvalue i.fa-info-circle{
	background: url(../image/info.png) no-repeat 0 0;
    width: 50px;
    height: 50px;
    display: block;
    background-size: 100%;
    margin-top: 5px;
}
.btn-ok{
	background: #5A9A08 !important;
    padding: 12px 70px !important;
    margin-right: 18%;
    font-weight: bold !important;
    font-size: 30px !important;
    border-radius: 25px ;
    margin-bottom: 10%;
    margin-top: 5%;
    color: #000 !important;
    text-decoration: none;
}
.modal-customtip .modal-dialog{
	width: 95%;
    margin: 16% auto;
}
.modal-customtip .modal-dialog .form-group{
	justify-content: center;
}
#order-success .wallpapr{
	width:100%;
	height:100%;
	margin:0 auto;
}
.stripe-image{
	width:100%;
	height:100%;
	margin:0 auto;
}
.orient{
		display:none !important;
	}
.btn-display{
	background-color:#09BE01 !important;
	font-size: 28px !important;
	color:#000 !important;
	padding: 0px 0 0px 13px !important;
	box-shadow: 1px 2px 2px 1px #314134;
	min-width: 340px !important;
    min-height: 62px !important;
}

/* == New code start here 10-7-23 == */
.product-options #tmd_qty input.form-control {
    font-size: 50px !important;
    color: rgba(51, 51, 51, 1) !important;
    background: rgba(240, 243, 245, 1) !important;
	border-radius: 2px !important;
	font-weight: bold !important;
	max-width: 50px;
}
#tmd_qty {
    position: absolute;
    left: 19px;
    right: 19px;
    top: auto;
    bottom: auto;
    display: flex;
    justify-content: center;
    text-align: center;
    width: auto;
    margin: 0px auto;
    align-items: center;
    gap: 5px;
    z-index: 9;
	margin-top: -42%;
}
.product-info .product-options .multiselect-step .push-option > div{
	align-items: baseline !important;
}
#tmd_qty input {
    position: initial;
    transform: none;
    display: inline-block;
    width: 55px;
    font-size: 50px;
    border: 0 !important;
    height: 75px;
}
#tmd_qty i {
    width: auto;
    margin: 0;
    background: #ddd;
    font-size: 50px;
    height: 75px;
    width: 75px;
    line-height: 75px;
    border-radius: 50px;
    color: #fff;
    cursor: pointer;
	z-index:999;
}
#tmd_qty .minuss{
	background: #ddd;
	cursor: no-drop;
}
#tmd_qty .minuss.disabled {
	background: #f8303d;
	
	
}
#tmd_qty .pluss{
	background: #2ab858;
}
.product-options {
	position: relative;
	padding-bottom:115px !important;
}
.product-options .tmd_btnstep {
	padding: 20px 0;
   /*  position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: auto; */
    background: #fff;
    border-top: 1px solid #ddd;
    z-index: 1100000;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.grey-active .next,.grey-active .prev{
	background:#333 !important;
	
}
.grey-active.radio-active .next,.grey-active.radio-active .next.btn:hover,.grey-active.radio-active .prev,.grey-active.radio-active .prev.btn:hover,.redbtn .next,.redbtn .prev{
	background:#d1140f !important;
}
.btn-success.btn:hover {
    font-size: 64px !important;
}
/* .product-info .product-options .push-option > div .checkbox input.tmdselcted+img {
    border-color: rgba(248, 48, 61, 1) !important;
    box-shadow: 0 10px 65px -5px rgb(0 0 0 / 50%) !important;
} */
.product-info .product-details .button-group-page.tmdcart  {
	display: inline-block;
    float: right;
}
.tmd_btnstep .btn:hover,
.tmd_btnstep .btn{
	text-transform: capitalize;
	gap: 8px;
	margin:0;
	min-height: auto !important;
	border-radius: 8px;
	font-size: 64px;
}
.product-info .product-options .push-option > div .option-value {
	border: 0;
	display: block;
}
.route-product-product:not(.popup) .product-info .button-group-page .stepper{
	margin-right: 15px;
    margin-left: 15px;
}
/* .route-product-product:not(.popup) .product-info .product-details .buttons-wrapper .extra-group{
	order: 1;
}
.route-product-product:not(.popup) .product-info .button-group-page .stepper{
	order: 2;
}
.route-product-product:not(.popup) .product-info .button-group-page .btn-cart{
	order: 3;
}
.route-product-product:not(.popup) .product-info .button-group-page{
	position:relative !important;
	z-index: 9 !important;
} */
.product-info .button-group-page .extra-group,.route-product-product:not(.popup) .product-info .button-group-page .btn-cart{
	margin-left:0px !important;
}
.route-product-product:not(.popup) .product-info .button-group-page .stepper-group{
	display: flex;
	align-items: center;
	justify-content: center;
    vertical-align: middle;
}
.tmdstep-title {
    text-align: center;
	position: relative;
} 
.tmdstep-title::after {
	content: '';
    position: absolute;
    top: 24px;
    left: 0;
    right: 0;
    border-top: 1px solid #333;
}
.tmdstep-title h4 {
    background: #fff;
    display: inline-block;
    position: relative;
    z-index: 2;
    padding: 0 15px;
	margin:0;
}
/* == New code end here 10-7-23 == */
.tmd_btnstep input.form-control{
	border-radius: 20px 0 0 20px !important;
}
.tmd_btnstep .stepper{
	display:block !important;
	text-align:center;
}
.tmdstep .stepper-group{
	display:none !important;
	opacity:0;
	text-align:center;
}
.tmdstep:last-child .stepper-group{
	display:block !important;
	text-align:center;
}
.tmd_btnstep .stepper-group label{
	font-weight: 400;
    font-size: 16px;
}
.quick-checkout-wrapper .right .tips label{
	color:#000;
	font-size:65px;
}
.quick-checkout-wrapper .right .tips .section-body{
	flex-direction: row;
	flex-wrap: wrap;
	justify-content:space-between;
}
.quick-checkout-wrapper .tips .title.section-title{
	font-size: 48px;
    color: #fff;
    box-shadow: none;
	margin-bottom:50px !important;
	display:block !important;
}
.quick-checkout-wrapper .right .tips .section-body .box2,.quick-checkout-wrapper .section-part2 .openbox,.quick-checkout-wrapper .section-part2 .nonbox{
	flex:0 0 45%;
	justify-content: center;
	margin-bottom:50px;
}
.quick-checkout-wrapper .right .tips{
	background: transparent;
	display:block;
	padding:20px 50px;
}
.tips .box2 .radio{
	background: rgba(240, 243, 245, 1);
    border:10px solid transparent;
    border-radius: 25px;
    box-shadow: 0 10px 65px -5px rgb(10 66 101 / 50%);
	justify-content: center;
    padding: 8% 0;
    border-radius: 110px;
	width: 100% !important;
}
.checkout-section .boxnew .first-box{
	display:none;
}
.checkout-section.shipping-payment{
	margin-bottom:10px;
}
.box2 .radio input[type=radio] {
  position: absolute;
  width: 122px;
  left: 10px;
  height: 70px;
  right: 0;
  bottom: 0;
  top: -5px;
  opacity: 0;
  cursor: pointer;
}
.box2{
	position:relative;
}
.box2 .radio label{
	padding-left:0;
}
.quick-checkout-wrapper .right .tips .section-part2{
	flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
	display:flex;
	padding:0;
}
.modal-customtip .form-group .form-control:focus{
	font-size: 48px !important;
	text-align: left !important;
}
.modal-customtip .form-group .form-control{
	border: 2px solid #000 !important;
    border-radius: 15px !important;
    height: auto;
	color:#000 !important;
	max-width:95%;
}
.modal-customtip .form-group.has-error .form-control{
	border:2px solid rgba(248, 48, 61, 1) !important;
}
.quick-checkout-wrapper .confirm-section .checkbox{
	display:none !important;
}
/*.buttons .btn-return{
	background: rgba(0, 171, 16, 1);
    border-radius: 15px;
    color: #000;
    font-weight: bold;
    font-size: 35px;
    padding: 15px 25px;
	border: 5px solid rgba(254, 255, 201, 1);
	min-height: 120px;
}
.quick-checkout-wrapper .right .confirm-section .buttons .pull-right .btn{
	border-radius: 15px !important;
    color: #000 !important;
    font-weight: bold;
    font-size: 35px !important;
    padding: 15px 25px !important;
	width:auto !important;
}
*/

/* == TMD New Css code start here == */
.quick-checkout-wrapper .right .confirm-section .buttons {
	align-items: center;
}
.quick-checkout-wrapper .right .confirm-section .buttons .pull-right .btn{
	width:auto !important;
	font-weight: 500;
}
.buttons .btn-return {
	background: #CC3333;
	font-size: 35px;
    padding: 22px 30px;
	display: inline-block;
    position: relative;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	transition: 0.3s ease;
}
.buttons .btn-return:before,
.quick-checkout-wrapper .right .confirm-section .buttons .pull-right .btn:before {
    pointer-events: none;
    position: absolute;
    content: "";
    left: 0;
    width: 100%;
    box-sizing: border-box;
    background-repeat: no-repeat;
    height: 6px;
    opacity: 1;
    transition-duration: 0.3s;
	transition: 0.3s ease;
    transition-property: opacity;
}
.buttons .btn-return:before,
.quick-checkout-wrapper .right .confirm-section .buttons .pull-right .btn:before {
    bottom: 100%;
    background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 80%);
}
/* .buttons .btn-return:after,
.quick-checkout-wrapper .right .confirm-section .buttons .pull-right .btn:after {
    top: 100%;
    background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 80%);
} */
.buttons .btn-return:hover,
.quick-checkout-wrapper .right .confirm-section .buttons .pull-right .btn:hover {
	margin-bottom: 10px;
	background: #FFCC66 !important;
	color: #CC3333 !important;
}
.buttons .btn-return:hover:before,
.quick-checkout-wrapper .right .confirm-section .buttons .pull-right .btn:hover:before {
    bottom: auto;
    top: 100%;
	transition: 0.3s ease;
    left: 5%;
	opacity: 1;
    transform: translateY(5px);
    height: 12px;
    width: 90%;
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 80%);
    transition-duration: 0.3s;
    transition-property: transform opacity;
}
/*.buttons .btn-return:hover:after,
.quick-checkout-wrapper .right .confirm-section .buttons .pull-right .btn:hover:after{
	top: 100%;
	transition: 0.3s ease;
    left: 5%;
	opacity: 1;
    transform: translateY(5px);
    height: 12px;
    width: 90%;
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 80%);
    transition-duration: 0.3s;
    transition-property: transform opacity;
}
.buttons .btn-return:hover:after,
.quick-checkout-wrapper .right .confirm-section .buttons .pull-right .btn:hover:after {
	display: none;
}*/
/* == TMD New Css code end here == */


.tip-input .rightpart{
	display: flex;
    align-items: center;
}
.tip-input .custom-tipsinput{
	border:2px solid #000;
	width: 200px;
    font-size: 60px;
    color: #000;
    font-weight: bold;
    padding: 0 10px;
	height:75px;
	margin-left:20px;
}
.tip-input .rightpart strong{
	color: #fff;
    padding: 0 10px;
	font-size: 50px;
}

.tip-input{
	display:none;
	margin: 15px 0 0;
}
.tip-input.active{
	display:flex;
}
.modal-customtip .buttons #button-tipvalidate{
	background:#00CC00;
	border-radius: 15px;
	color: #000;
    font-weight: bold;
    font-size: 100px;
    padding: 15px 25px;
}
.modal-customtip .rightpart strong{
	font-size:70px;
}
.modal-customtip .rightpart{
	align-items: center;
    justify-content: center;
    padding: 5px 15px;
}
.modal-customtip .form-group {
    background: transparent;
	margin-bottom: 15px;
}
.quick-checkout-wrapper .section-body > .box2.active .radio{
	border-color: #fff;
	box-shadow: 0 10px 65px -5px rgb(0 0 0 / 50%);
	background:#FFCC66;
}
.quick-checkout-wrapper .section-part2 > .nonbox .box2.active .radio{
	border-color: #fff;
	box-shadow: 0 10px 65px -5px rgb(0 0 0 / 50%);
	background:#FFCC66;
}
.quick-checkout-wrapper .section-part2 .openbox .custom-tips{
	font-weight: bold;
	justify-content: center;
    text-align: center;
}
.quick-checkout-wrapper .section-part2 .openbox .box2.active .radio{
	border-color: #fff;
	box-shadow: 0 10px 65px -5px rgb(0 0 0 / 50%);
	background:#FFCC66;
}
.modal-customtip #keyboard1 .jkeyboard{
	background: transparent;
}
@media(max-width:670px){
	#second-validate .buttons .btn,.shipping-method1 .box1 .ship-wrapper p,#three-validate .buttons .btn,.shipping-method1 .box1 .ship-wrapper p {
		font-size: 25px;
	}
	.shipping-method1 .box1{
		min-width:230px;
	}
}

@media(max-width:1080px){
	.taxvalue{
		font-size: 50px;
	}
	.taxvalue span{
		margin-left: 30%;
	}
	
}
@media (min-width: 1079px) and (max-width: 1920px){
    .taxvalue span{
		margin-left: 30%;
		font-size: 60px;
	}
	.taxvalue i.fa-info-circle{
		width: 75px;
		height: 75px;
	}
	.taxvalue i.fa-info-circle{
		width:75px;
		height:75px;
	}
}
@media(max-width:1050px){
	.checkout-section.section-register{
		padding: 0 !important;
		margin-bottom: 0 !important;
	}
	.modal-customtip .modal-dialog{
		margin: 3% auto;
	}
	#keyboard1 .jkeyboard .jline ul li{
		line-height: 120px !important;
		font-size: 120px !important;
		padding: 0px 30px !important;
	}
	#keyboard1 .jkeyboard .jline ul li.backspace{
		background-size: 78% !important;
		margin-left: 0 !important;
	}
	#keyboard1 .jkeyboard .jline:last-child ul li {
		margin-left: 7px !important;
		min-width: 138px !important;
	}
	.quick-checkout-wrapper .right .tips label{
		font-size: 40px !important;
		text-align: center !important;
	}

}
@media(max-width:768px){
	.route-extension-donavision body{
		padding-top: 0 !important;
	}
	
	.iconbox i{
		font-size: 35px !important;
	}
	.fiscal,.taxvalue,.taxvalue i{
		font-size:24px !important;
	}
	.fiscal{
		padding:15px 10px !important;
	}
	.taxvalue i.fa-info-circle{
		background: url(../image/info.png) no-repeat 0 0;
		width: 48px;
		height: 48px;
		display: block;
		background-size: 100%;
	}
	.quick-checkout-wrapper .right .confirm-section .buttons .pull-right .btn{
		font-size: 27px !important;
		padding: 15px 5px !important;
	}
	.tip-input .custom-tipsinput{
		margin-left:0px;
		width: 280px;
		font-size: 60px !important;
	}
	.mobile .tip-input input:not([type=button]):not([type=submit]),.mobile .modal-customtip .form-group .form-control{
		font-size: 60px !important;
	}
	.buttons .btn-return{
		margin-bottom:10px !important;
	}
	.quick-checkout-wrapper .right .confirm-section .buttons {
		margin-top: 0 !important;
		justify-content:center !important;
	}
	.quick-checkout-wrapper .right .tips{
		padding: 0 15px;
	}
	.modal-customtip .buttons #button-tipvalidate{
		font-size: 75px;
		padding: 8px 23px;
	}
	.tips .section-body .box2 {
		display: block !important;
		width: 100%;
		margin-bottom: 20px;
	}
	.quick-checkout-wrapper .right .tips .section-body .box2, .quick-checkout-wrapper .section-part2 .openbox, .quick-checkout-wrapper .section-part2 .nonbox{
		margin-bottom: 20px;
	}
	.quick-checkout-wrapper .right .tips label{
		font-size: 30px !important;
	}
	.quick-checkout-wrapper .tips .title.section-title {
		font-size: 30px;
	}
	.tips .box2 .radio{
		padding:0px;
		border-color: transparent !important;
	}
	/* .quick-checkout-wrapper .right .tips .section-part2{
		display:block;
	} */
	.quick-checkout-wrapper .right .confirm-section .buttons .pull-right .btn::after{
		font-size: 50px;
	}
	.quick-checkout-wrapper .right .confirm-section .buttons .pull-right .btn{
		font-size:20px;
	}
	
}
@media all and (orientation:portrait) {
	
}
@media only screen and (orientation: landscape) {
	.modal-customtip .modal-dialog {
		margin: 1% auto !important;
	}
	.orient{
		display:flex;
	}
	.tips .section-body .box2 .ship-wrapper p,.tips .section-part2 .nonbox .box2 .ship-wrapper p {
		font-size: 40px !important;
	}
	.quick-checkout-wrapper .shipping-payment .shippings p {
		font-size: 33px !important;
	}
	.section-payment {
		padding-top: 0;
		padding-left: 0;
	}
	.orient .cart-section,.orient .confirm-section{
		width:100%;
	}
	.orient .confirm-section .section-body{
		background: #fff;
		padding: 85px 15px;
	}
	.secondbox{
		margin-top:60px;
	}
	
	.first-image {
		margin: 0 0 2vh;
	}
	
}



@media(max-width:550px){
	.quick-checkout-wrapper .section-body{
		display:flex;
	}
	.quick-checkout-wrapper .right .tips label {
		font-size: 16px !important;
	}
	.quick-checkout-wrapper .right .tips .section-body .box2, .quick-checkout-wrapper .section-part2 .openbox, .quick-checkout-wrapper .section-part2 .nonbox {
		flex:0 0 48%;
	}
	.quick-checkout-wrapper .tips .title.section-title {
		font-size: 25px;
		margin:25px 0 25px !important;
	}
	.taxvalue > div:first-child, .taxvalue > div:last-child {
		padding-left: 0;
	}
	.taxvalue span {
		margin-left: 15px;
	}
	.route-extension-firstvalidate #checkout-validate .form-control {
		width: 100%;
		min-width: 100%;
		padding-left: 30px;
		font-size: 15px !important;
	}
	.route-extension-firstvalidate #checkout-validate .mr-bottom .icon .fa {
		font-size: 18px;
		margin: 15px 15px;
	}
	.route-extension-firstvalidate #checkout-validate .form-group > div {
		width: 100%;
	}
	.route-extension-firstvalidate #checkout-validate .form-group {
		margin: 0 !important;
	}
	.route-extension-firstvalidate #checkout-validate .usernamefiled .checkbox label {
		padding-left: 35px;
		font-size: 16px;
		text-align: left;
	}
	.route-extension-firstvalidate #checkout-validate .usernamefiled .checkbox label input[type='checkbox']::before {
		top: 0;
	}
	.route-extension-firstvalidate #checkout-validate .usernamefiled .checkbox label input[type="checkbox"]:checked::before {
		font-size: 20px;
	}
	.route-extension-firstvalidate #checkout-validate  .buttons-box .btn {
		width: 100%;
		font-size: 20px;
		margin: 0 0 10px;
	}
	.quick-checkout-wrapper > div .right {
		padding-left: 15px;
	}
	.quick-checkout-wrapper .right .tips {
		padding: 0;
		margin: 0;
	}
	.quick-checkout-wrapper .fiscal {
		margin: 0;
	}
	.quick-checkout-wrapper > div .right .checkout-section:last-child,
	.quick-checkout-wrapper .right .confirm-section .buttons	{
		padding: 0;
	}
	.site-wrapper .quick-checkout-wrapper .right .confirm-section .buttons .btn {
		width: 100% !important;
		font-size: 25px !important;
	}
	.mobile-header-active #cart>a>i {
		width: 70px;
	}
	.mobile-header-active #cart>a>i::after {
		display: none;
	}
	.mobile-header-active #cart-items.count-badge {
		margin: 0;
		text-align: right !important;
		transform: none;
	}
	.route-extension-firstvalidate .title2 {
		font-size: 22px !important;
		padding: 0 8px;
	}
	.first-image img {
		width: 45% !important;
	}
	.jkeyboard .jline:last-child .jkey:last-child {
		font-size: 14px !important;
	}
	
	
	/* == TMD New For Mobile Css 3-11-25 Code Start here == */
	.product-info .product-options .step-option .push-option > div > div {
		max-width: 165px;
	}
	.product-info .product-options .push-option > div label {
		margin-right: 0;
	}
	.product-info .product-options .multiselect-step .push-option > div {
		padding-right: 15px;
	}
	.site-wrapper .product-options #tmd_qty input.form-control {
		height: 45px;
		font-size: 30px !important
	}
	.site-wrapper .product-options #tmd_qty i {
		font-size: 20px;
		height: 45px;
		width: 50px;
		line-height: 45px;
		border-radius: 8px;
	}
	.site-wrapper .product-options .tmd_btnstep {
		display: block;
		padding: 15px;
		margin-right: 15px;
	}
	.product-options .tmd_btnstep .btn {
		width: 100%;
	}
	
	.site-wrapper #checkout-validate #keyboard2 {
		margin: 0 !important;
	}
	.site-wrapper #checkout-validate #keyboard2 .jkeyboard .jline ul li {
		min-width: 70px;
		font-size: 38px;
		padding: 18px 15px;
		line-height: 30px;
	}
	.site-wrapper #checkout-validate #keyboard2 .jkeyboard .jline:last-child ul li:nth-child(2) {
		margin-left: 95px;
	}
	.mobile .modal-customtip .modal-header {
		min-height: 50px !important;
	}
	.mobile .modal-customtip .close {
		font-size: 50px !important;
		top: 0 !important;
	}
	.mobile .tip-input input:not([type=button]):not([type=submit]), .mobile .modal-customtip .form-group .form-control {
		font-size: 35px !important;
	}
	.mobile .modal-customtip .rightpart strong {
		font-size: 45px;
	}
	.mobile #keyboard1 .jkeyboard .jline ul li {
		font-size: 40px !important;
		line-height: 25px !important;
		padding: 12px 18px !important;
	}
	.mobile .modal-customtip .modal-dialog .form-group {
		margin-bottom: 0;
	}
	
	.mobile.oc30.route-checkout-cart #content .cart-bottom {
		width: 90%;
	}
	.mobile.oc30.route-checkout-cart .cart-panels .input-group .form-control {
		max-width: 100% !important;
		font-size: 18px !important;
	}
	.mobile.oc30.route-checkout-cart .cart-panels label {
		font-size: 20px;
	}
	.mobile.oc30.route-checkout-cart .cart-panels .form-group {
		padding: 12px;
	}
	.mobile.oc30.route-checkout-cart .buttons>div+div {
		padding-left: 0;
		padding-top: 8px;
	}
	/* == TMD New For Mobile Css 3-11-25 Code End here == */
}

.portrait_wrap {
	display: block;
}
.landscape_wrap {
	display: none;
}
.oc30 .language .language-flag~span, .oc30 .language .dropdown-toggle .symbol~span {
    display: block;
}

.oc30.route-checkout-cart #content .cart-bottom {
	width: auto;
}
.oc30 .site-wrapper .buttons .pull-left .btn {
	min-width: inherit;
	min-height: inherit;
	max-width: inherit;
	max-height: initial;
}
.oc30.route-checkout-cart .td-qty .btn-update.btn {
	margin-left: 5px;
	margin-right: 5px;
}
.oc30.route-checkout-cart .cart-panels .input-group .form-control {
	max-width: 74%;
}

.oc30 .jkeyboard .jline:last-child .jkey:last-child {
	background-size: 50%;
	width: 100vh;
}

/*.site-wrapper #top .grid-row-top-2 {
	position: absolute;
	top: 40%;
}*/



.oc30.route-extension-tmdtoucham .toucham-image,
.oc30.route-extension-tmdtoucham_failed .toucham-image,
.oc30.route-extension-tmdtoucham-failed .toucham-image {
	width:100% !important;
	max-width:100% !important;
	min-width:100% !important;
	min-height: 100vh;
}
.oc30.route-extension-tmdtoucham body,
.oc30.route-extension-tmdtoucham_failed body,
.oc30.route-extension-tmdtoucham-failed body {
	position: relative;
}
.oc30.route-extension-tmdtoucham body .site-wrapper,
.oc30.route-extension-tmdtoucham_failed body .site-wrapper,
.oc30.route-extension-tmdtoucham-failed body .site-wrapper{
	z-index: 10;
}
.oc30.route-extension-tmdtoucham body:after,
.oc30.route-extension-tmdtoucham_failed body:after,
.oc30.route-extension-tmdtoucham-failed body:after {
    content: "";
	background: rgb(0, 62, 102, 0.9);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
}
.oc30.route-extension-tmdtoucham_failed .site-wrapper .tmd_payment {
	display: none !important;
}
/* == TMD Tablet New css Code Start Here == */
/* === 820x1180 Portrait Tablets Fix === */
@media screen and (min-width: 768px) and (max-width: 900px) and (min-height: 1100px) and (orientation: portrait) {
    .oc30 .site-wrapper #top .grid-row-top-2 {
        margin-top: -640px !important;
    }
	.oc30 .site-wrapper #top .grid-row-top-2 .grid-col-top-2-2 {
		padding: 0 50px !important;
	}
	.module-master_slider-275 .module-item-1 .module-subitem-1.ms-caption {
		font-size: 65px !important;
		margin-top: 22% !important;
	}
}
/* == TMD Tablet New css Code Start Here == */

/* == TMD portrait New css Code Start Here == */

@media screen and (width: 600px) and (height: 960px) {
	.oc30.route-common-home .site-wrapper .module-master_slider-275 .module-item-1 .module-subitem-1.ms-layer-text {
		margin-top: -34% !important;
	}
}
@media screen and (width: 600px) and (height: 1024px) {
	.oc30.route-common-home .site-wrapper .module-master_slider-275 .module-item-1 .module-subitem-1.ms-layer-text {
		margin-top: -30% !important;
	}
}
@media screen and (width: 604px) and (height: 966px) {
	.oc30.route-common-home .site-wrapper .module-master_slider-275 .module-item-1 .module-subitem-1.ms-layer-text {
		margin-top: -34% !important;
	}
}

@media screen and (max-width: 1080px) and (orientation: portrait) {
    .oc30 .site-wrapper #top .grid-row-top-2 .grid-col-top-2-2 {
		padding: 0;
	}
	.oc30.desktop-header-active .header .desktop-logo-wrapper {
		padding-left: 25px;
	}
	.oc30 .module-master_slider .ms-slide .ms-slide-layers {
		left: 0 !important;
		max-width: inherit !important;
	}
}

@media only screen and (orientation: portrait) {
	.oc30 .module-master_slider-275 .module-item-1 .module-subitem-1.ms-caption {
		font-size: 70px !important;
        top: 280px !important;
	}
	html[lang="fr"] .site-wrapper .module-master_slider-275 .module-item-1 .module-subitem-1.ms-caption {
		font-size: 60px !important;
	}
}

@media (max-width: 900px) {
	.oc30 .module-master_slider-275 .module-item-1 .module-subitem-1.ms-caption,
	html[lang="fr"] .site-wrapper .module-master_slider-275 .module-item-1 .module-subitem-1.ms-caption	{
		font-size: 36px !important;
	}
	.oc30.route-common-home .module-master_slider-275 .module-item-1 .module-subitem-1.ms-layer-text {
		margin-top: 28% !important;
	}
	.oc30.route-extension-firstvalidate .portrait_wrap:has(#keyboard){
		display: none !important;
	}
}
/* Media query for tablet devices only (768px to 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
	.oc30.route-common-home .module-master_slider-275 .module-item-1 .module-subitem-1.ms-layer-text {
		margin-top: -18% !important;
	}
	.oc30.route-extension-tmdtoucham .toucham-image,
	.oc30.route-extension-tmdtoucham_failed .toucham-image,
	.oc30.route-extension-tmdtoucham-failed .toucham-image {
		max-height: 100vh !important;
		object-fit: contain !important;
	}
}

@media (max-width: 1200px) and (orientation: portrait) {
	.oc30 .site-wrapper #top .grid-row-top-2 .grid-col-top-2-2 {
		padding: 0;
	}
	.oc30 .site-wrapper .module-master_slider-275 .module-item-1 .module-subitem-1.ms-caption {
		line-height: inherit !important;
	}
}

@media screen and (width: 1200px) and (height: 1920px) {
	.oc30 .site-wrapper  .module-master_slider .ms-slide .ms-slide-layers {
		left: 0 !important;
		max-width: -webkit-fill-available !important;
		text-align: center;
		padding: 0 20px;
	}
	.oc30 .site-wrapper #top .grid-row-top-2 {
        margin-top: -1360px;
    }
	.oc30 .module-master_slider-275 .module-item-1 .module-subitem-1.ms-caption {
        font-size: 62px !important;
        top: 175px !important;
        text-align: center;
    }
	.oc30 .site-wrapper #top .grid-row-top-2 .grid-col-top-2-2 { 
		margin-top: 5px !important;
	}
}

@media (max-width: 480px) {
	html.oc30.route-common-home .site-wrapper #top .grid-row-top-2 {
		margin-top: -510px  !important;
	}
	html.oc30.route-common-home .module-master_slider-275 .module-item-1 .module-subitem-1.ms-caption {
		top: 0px !important;
		font-size: 20px !important;
		margin-top: 12% !important;
        line-height: initial !important;
	}
	html.oc30 .tmd_payment .extra_buttons .btn {
		font-size: 38px;
		padding: 40px 0;
	}
}
/* == TMD portrait New css Code End Here == */


/* ==================================== Kiosk / Large desktop Start Here ==================================== */

/* @media only screen and (orientation: landscape) { */
@media screen and (min-width: 1600px) {
	.quick-checkout-wrapper .tips .title.section-title {
		text-align: center; 
		transform: translate(45%, 10px);
        margin: 0 0 55px !important;
	}
	.taxlabel {
		font-size: 45px;
		float: left;
		text-align: center;
        width: 100%;
	}
	.taxvalue {
		font-size: 40px;
		text-align: center;
		float: left;
		background: #033657;
		margin-left: 5%;
		padding: 5px 2%;
	}
	.taxvalue > div:first-child, .taxvalue > div:last-child {
		padding-left: 0;
	}
	.route-extension-firstvalidate .title2 {
		font-size: 5vh !important;
	}
	.route-extension-firstvalidate .title2 br {
		display: none;
	}
	.route-extension-firstvalidate .form-group .checkbox {
		width: auto;
		font-size: 35px;
		text-align: center;
		margin-top:0;
	}
	.route-extension-firstvalidate .usernamefiled .checkbox label input[type='checkbox']::before {
		top:0 !important;
	}
	.product-options .form-group .control-label {
		min-width: 100%;
		padding: 0;
	}
	.route-product-product:not(.popup) .product-info .product-details .product-options {
		width: auto;
		margin-left: 0;
		padding-right: 30px;
		padding-left: 50px;
		padding-bottom: 0 !important;
	}
	.quick-checkout-wrapper .section-part2 .box2 .radio {
		padding: 12% 0;
		text-transform: uppercase;
	}
	.mobile-header-active .mobile-1 .mobile-bar {
		height: auto !important;
		padding: 25px 30px !important;
	}
	.mobile-header-active #cart>a>i {
		width: auto !important;
	}
	.mobile-header-active #cart>a>i::after {
		font-size: 32px !important;
	}
	.mobile-header-active #cart>a>i::before {
		font-size: 60px !important;
		left: inherit !important;
	}
	.mobile-header-active #cart>a>i::after {
		display: none;
	}
	.mobile-header-active #cart-items.count-badge {
		font-size: 35px;
		display: none;
	}
	#logo a > img {
		width: 100% !important;
		min-width: 315px !important;
		left:75px !important;
		top: 0 !important;
	}
	.checkout-section {
		padding: 0;
	}
	.quick-checkout-wrapper .right .tips {
		padding:0 !important;
	}
	.tips .section-body .box2 .radio {
		padding: 3% 0 !important;
	}
	.quick-checkout-wrapper .right .tips label {
		font-size: 60px !important;
	}
	.quick-checkout-wrapper .right .tips .section-body .box2, .quick-checkout-wrapper .section-part2 .openbox, .quick-checkout-wrapper .section-part2 .nonbox {
		margin-bottom: 55px !important;
	}
	.quick-checkout-wrapper .section-part2 .openbox .custom-tips, .quick-checkout-wrapper .section-part2 > .nonbox .box2.active .radio label {
		font-size: 43px !important;
	}
	.tips .section-part2 .box2 .radio {
		padding: 6% 0 !important;
	}
	.quick-checkout-wrapper .right .confirm-section .buttons {
		margin-top:0 !important;
	}
	.quick-checkout-wrapper > div .right {
		padding-right: 90px;
		padding-left: 90px;
	}
	.mobile-header-active .site-wrapper #cart-total {
		display: block  !important;
		font-size: 40px;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.checkout-section {
		margin-bottom: 20px;
	}
	.quick-checkout-wrapper .right .confirm-section .buttons .pull-right .btn, .quick-checkout-wrapper .right .confirm-section .buttons .pull-right .btn:visited, .buttons .btn-return {
		font-size: 45px;
	}
	
	.mobile-cart-wrapper {
		margin-left: 30px;
	}
	.language-currency .symbol img {
		min-width: 50px;
	}
	
	.language-currency .j-menu .language-select {
		justify-content: center;
	}
	.language-currency .j-menu li img {
		min-width: 50px;
	}
	
	
	
	/* == TMD New css code 7-10-25 start here == */
	.quick-checkout-wrapper > div .right {
		padding-right: 60px;
		padding-top: 20px;
		padding-left: 60px;
		flex-direction: row;
		align-items: center;
		justify-content: center;
	}
	.landscape_leftwarp {
		width: 55%;
	}
	.portrait_wrap {
		display: none !important;
	}
	.landscape_wrap {
		display: block !important;
	}
	.checkout-section.fiscal {
		text-align: center;
		align-items: center;
		max-width: 45%;
		padding-left: 30px;
	}
	.route-common-home body, .route-extension-firstvalidate body, .route-checkout-checkout body {
		overflow: hidden;
	}
	.route-common-home .site-wrapper .module-master_slider-275 .module-item-1 .module-subitem-1.ms-layer-text::before {
		top: 0;
	}
	.route-common-home .site-wrapper .module-master_slider-275 .module-item-1 .module-subitem-1.ms-caption {
		top: 95px !important;
		font-size: 54px !important;
		text-transform: capitalize;
	}
	
	.site-wrapper .landscape_formwrap form .usernamefiled {
		padding: 0 0 0 30px;
		width: 50%;
		float: left;
	}
	.site-wrapper .landscape_formwrap form .row >div {
		width: 100%;
	}
	.site-wrapper .landscape_formwrap form .row > div .form-group, 
	.site-wrapper .landscape_formwrap form .row .form-group > .padd15 {
		margin: 0 0 22px;
	}
	.site-wrapper .landscape_formwrap .landscape_floatright {
		float: left;
		width: 50%;
	}
	.site-wrapper .landscape_formwrap .landscape_floatright .col-sm-10 {
		width: 100%;
	}
	.site-wrapper .landscape_formwrap #keyboard, 
	.site-wrapper .landscape_formwrap #keyboard0, 
	/* .site-wrapper .landscape_formwrap #keyboard2,  */
	.site-wrapper .landscape_formwrap #keyboard3,
	.site-wrapper .landscape_formwrap #keyboard4,
	.site-wrapper .landscape_formwrap #keyboard5,
	.site-wrapper .landscape_formwrap #keyboard6,
	.route-extension-firstvalidate .site-wrapper #checkout-validate #keyboard.active, 
	.route-extension-firstvalidate .site-wrapper #checkout-validate #keyboard0.active, 
	/* .route-extension-firstvalidate .site-wrapper #checkout-validate #keyboard2.active,  */
	.route-extension-firstvalidate .site-wrapper #checkout-validate #keyboard3.active,
	.route-extension-firstvalidate .site-wrapper #checkout-validate #keyboard5.active,
	.route-extension-firstvalidate .site-wrapper #checkout-validate #keyboard6.active{
		margin: 7vh auto 0 !important;
	}
	.site-wrapper .landscape_formwrap #keyboard4,
	.route-extension-firstvalidate .site-wrapper #checkout-validate #keyboard4.active {
		margin: 7vh auto 0 !important;
	}
	.site-wrapper .jkeyboard .jline ul li {
		font-size: 5vh;
		height: 10vh;
		line-height: 10vh;
	}
	.site-wrapper .jkeyboard .jline .numeric_switch {
		font-size: 4vh;
	}
	.site-wrapper .jkeyboard .jline .shift {
		width: 60vh;
		background-size: 100%;
	}
	.site-wrapper .jkeyboard .jline .backspace {
		width: 65vh;
		background-size: 100%;
	}
	.route-extension-firstvalidate .form-group .checkbox label {
		font-weight: 600;
	}
	.site-wrapper .grid-col-top-2-2 {
		padding-left: 0;
		padding-right: 0;
		padding-top: 0;
		margin-top: 0;
	}
	.site-wrapper .landscape_wrap input[type="checkbox"]::before {
		content: "";
		display: inline-block;
		vertical-align: bottom;
		width: 30px;
		height: 30px;
		border: 5px solid #000;
		visibility: visible;
		top: 4px;
        left: -18px;
	}
	.site-wrapper .landscape_wrap .checkbox label input[type="checkbox"] {
		visibility: hidden;
	}
	.site-wrapper .landscape_wrap .checkbox label input[type="checkbox"]:checked::before {
		content: '\f00c';
		font: normal normal normal 14px/1 FontAwesome;
		font-size: 22px;
		color: #fff;
		text-align: center;
		background: rgba(10, 55, 143, 1);
		border-color: rgba(10, 55, 143, 1);
	}
	.site-wrapper .landscape_formwrap #keyboard2 .jkeyboard{
		margin-top: 5vh !important;
	}
	.site-wrapper .jkeyboard .jline:last-child .jkey:last-child {
		background-size: 45%
	}
	.site-wrapper #keyboard2 .jkeyboard .jline ul li {
		font-size: 75px;
		line-height: 60px;
	}
	
	.mobile-header-active .site-wrapper header {
		position: fixed;
		left:0;
		right:0;
	}
	
	.site-wrapper #keyboard1 .jkeyboard .jline ul li {
		font-size: 110px;
		line-height: 95px;
	}
	.oc30 .modal-customtip .modal-dialog {
		width: 40%;
	}
	.route-checkout-cart #content .cart-page {
		padding-top: 155px;
	}
	.route-checkout-cart .cart-panels .title {
		font-size: 55px;
	}
	.route-checkout-cart .cart-panels .form-group {
		padding: 12px;
	}
	.route-checkout-cart .buttons {
		margin-top: 30px;
	}
	.route-checkout-cart .cart-panels .form-group .control-label {
		padding-left: 30px;
		max-width: 850px;
	}
	.oc30.route-checkout-cart .cart-panels .input-group .form-control {
		font-size: 45px;
	}
	.route-checkout-cart .cart-table .table-responsive {
		max-height: 270px;
		overflow-y: scroll;
	}
	
	.site-wrapper .product-options label {
		font-size: 40px;
		margin-bottom: 5px !important;
	}
	.site-wrapper .product-info .product-details .price-group {
		font-size: 45px;
	}
	.site-wrapper .product-info .product-details .product-price-group,
	.site-wrapper .product-info .product-details>div	{
		margin: 0;
	}
	
	.mobile-header-active.mobile-header-active .mobile-container {
		width: 55% !important;
	}
	.oc30.route-checkout-cart #content .cart-bottom {
		padding-bottom: 0;
	}
	.oc30.route-checkout-cart .buttons {
		margin-top: -12px;
	}
	.oc30 .site-wrapper .grid-row-top-2>.grid-cols {
		max-width: 55% !important;
	} 
	.oc30 .site-wrapper #top .grid-row-top-2 {
		margin-top: -35%;
	}
	
	.oc30.route-extension-tmdtoucham .toucham-image,
	.oc30.route-extension-tmdtoucham_failed .toucham-image,
	.oc30.route-extension-tmdtoucham-failed .toucham-image {
		max-height: 100vh !important;
		object-fit: contain !important;
	}
	/* == TMD New css code 7-10-25 end here == */
	
	.oc30 .tmd_payment {
		bottom: 42%;
	}
	.oc30 .tmd_payment .caption {
		min-width: 40%;
		margin-right: auto;
		margin-left: 75px;
	}
	.oc30 .tmd_payment .btn-addon {
		width: auto !important;
		padding: 60px 60px !important;
	}
}

/* ==================================== Kiosk / Large desktop End here ==================================== */