body.modalOpen,html.modalOpen{overflow: hidden;}
#modalOverlay{overflow: auto;}
.item-qty-hide{display:none !important; visibility:hidden; position:absolute;}
.item-hide{display:none;}

.popup{
    overflow: overlay;
    width: 90vw;
    max-width: 460px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    background-color: #fff;
    -webkit-box-shadow: 6px 6px 19px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 6px 6px 19px 0px rgba(0,0,0,0.75);
    box-shadow: 6px 6px 19px 0px rgba(0,0,0,0.75);
    border-radius: 5px
}

.popup-window{font-family:Arial,Helvetica,sans-serif;font-size:12px;}
.popup-window > *:last-child{border-radius: 0px 0 5px 5px;}
.popup-icon-close, .popup-title{ 
    display: inline-block;
}

.popup-icon-close{
    position: absolute; 
    top: 5px; 
    right: 5px;
    font-size: 24px !important;
}

.popup-title{ 
    width: 100%;
    text-align: center;
    font-weight: bold;
}
.popup-header a{color: #fff !important;}
.popup-header{
    padding: 5px;
    font-size: 1.5em;
    background-color: #E13333;
    color: #fff !important;
    border-radius: 5px 5px 0px 0px;
    padding-bottom: 10px;
     font-weight: bold;
}

.popup-icon-close, .popup-icon-close *{
    font-size: 24px;
}

.popup-content{
    padding: 15px;
    background-color: #f9f9f9;
}

.button-submit{background-color:#E13333 !important;color:#fff !important;}
/*--------------- NAVIGATION HISTORY -------------------*/
.nav_main{margin-top:5px; margin-bottom:5px;}
.nav_history{max-width:800px; position:relative; float:left; font-size:12px; line-height:13px; color:#000; height:auto; text-align:left; top:0px; left:0px; color:#333333; margin-left:5px; margin-top:2px; overflow:hidden; padding:0px !important; text-transform:uppercase;}
.nav_history a{color:#999; font-weight:normal;}
.nav_history u{color:#006D9B; text-decoration:none;}
.nav_history span{color:#006D9B;}
.nav_history a:hover{font-weight:normal;}
.nav_list{font-family:Arial,Helvetica,sans-serif;position:relative; float:left; height:20px; font-size:12px; overflow:hidden; left:10px; top:3px;}
.nav_list h2{font-size:12px !important;}
.nav_list a{color:#404040; text-decoration:none;}
.nav_list a:hover{text-decoration:underline;}
.nav_list span{color:#DA251C !important; font-size:12px !important;}

.nav_table{width:970px; height:25px;}
.nav_back{width:60px !important;margin-right:3px;  text-align:center; text-transform:uppercase; font-size:12px;}

.nav_page{width:auto;position:relative !important; float:right !important; right:40px !important; margin-right:10px;}
.nav_page span{position:relative; float:left; width:auto; font-size:11px !important; font-weight:normal !important; color:#fff; text-align:center; border-radius:2px; margin-right:3px;border-radius:2px;padding-left:5px; padding-right:5px; background-color:#263A91;}
.nav_page span:hover{opacity:0.5;}
.nav_page span:last-child{border:none !important;}
.nav_page a{color:#fff !important; font-size:12px; text-decoration:none;}
.nav_page h4{position:relative; float:left; color:#fff; font-size:12px; margin:0px; opacity:0.5; padding-left:5px; padding-right:5px; border-radius:2px; background-color:#263A91; margin-right:3px;}
.nav_bottom{right:60px !important; }

.om-result-empty{ font-size:14px; padding-top:80px !important; padding-left:100px !important;}
.om-result-empty h1{font-size:24px !important;}
.om-result-empty div{margin-bottom:0px; width:500px; margin-left:100px; margin-top:40px;padding-bottom:10px;}

/*-------- PRODUCT DISPLAY MAIN FRAME --------*/
.om-main{display:block;background-color:#F8FAFD;width:1000px;margin:auto auto; padding:30px; margin-top:20px; margin-bottom:20px;}
.om-main table{border-spacing:0;border-collapse:collapse;}
.om-main td {vertical-align:top;}
.om-main img{border:none;}
.om-main h1{color:#8033CC; margin:0px; font-size:24px; margin-bottom:20px;}
.om-main h2{color:#202020; text-transform:none; font-size:18px;}

.om-list{color:#333; border-spacing:0;border-collapse:collapse;}
.om-list a{text-decoration:none;}
.om-list td{padding:5px; vertical-align:top;}

.om-display-list{font-size:14px; width:100%;}
.om-display-list h3{font-size:16px; font-weight:bold; color:#6B126F; margin:0px; margin-bottom:10px; line-height:30px;}
.om-display-list h4{margin:0px; font-weight:normal; font-size:14px; color:#333; margin-bottom:3px;}
.om-display-list tr{background-color:#fff;}
.om-display-list td{height:90px;border:1px solid #F8FAFD; padding-top:20px; padding-bottom:20px;}
.om-display-list td:nth-child(1){padding-left:15px;padding-right:15px;}
.om-display-list td:nth-child(2){width:120px;}
.om-display-list td:nth-child(3){width:200px;}
.om-display-list td:nth-child(4){width:150px;}
.om-display-list td:nth-child(5){width:80px; }
.om-display-list tr:nth-child(1){font-weight:bold;}
.om-display-list tr:nth-child(1) span{background-color:#8033CC; padding:3px; border-radius:3px; color:#fff;}
.om-display-list tr:nth-child(1) td{ height:20px;padding-bottom:20px;}
@media screen and (max-width: 700px){
	.om-display-list td[data-title]:before {
		content: attr(data-title) ': ';
		font-weight: bold;
	}
	.om-display-list td{
		height: auto;
		padding-block:12px;
		border: none;
	}
	.om-display-list tr:first-child{
		display: none !important;
	}
	.om-display-list tr {
		background-color: #fff;
		border: 1px solid #c3c3c3;
		margin-bottom: 12px;
	}
}
.om-search-control{width:100%;font-size:12px;margin-bottom:20px;}
.om-search-control input{border-radius:2px;width:250px;height:30px;color:#333;border:1px solid #c0c0c0; border-radius:3px; font-size:14px; padding-left:10px;}
.om-search-control select{border-radius:2px;width:250px;height:30px;color:#333;border:1px solid #c0c0c0; border-radius:3px; font-size:14px; padding-left:10px;}
.om-search-control option{color:#333;}
.om-search-control td nth-child(1){}
.om-search-control td nth-child(2){width:20px;}
.om-search-control td nth-child(4){width:20px}
.om-search-control td nth-child(6){width:20px}

.om-region-control{width:100%;font-size:12px;margin-bottom:20px;}
.om-region-control select{border-radius:2px;width:250px;height:30px;border:1px solid #c0c0c0; border-radius:3px;color:#333; font-size:14px; padding-left:10px;}
.om-region-control td nth-child(1){width:60%;}
.om-region-control td nth-child(3){width:60px;}
.om-region-control td nth-child(4){width:60px}

.om-similar-jobs{background-color:#fff;border-radius:5px;padding:5px; min-height:200px;}
.om-similar-jobs-summary{font-size:10px;color:#333;}
.om-similar-jobs-summary div{width:300px;border:1px solid #E7EAF3;height:100px;padding:10px;}
.om-similar-jobs-summary a{text-decoration:none;}
.om-similar-jobs-summary table{width:100%;}
.om-similar-jobs-summary td{height:20px;}
.om-similar-jobs-summary td:nth-child(1){width:30%; font-weight:bold; text-align:left;}
.om-similar-jobs-summary td:nth-child(2){width:70%; text-align:left;}
.om-similar-jobs-summary span{color:#6B126F;font-size:11px;}

.om-button-list{display:block; padding:7px; vertical-align:top; background-color:#6B126F; color:#fff !important; border-radius:3px; text-align:center; text-decoration:none;}
.om-button-list hover{opacity:0.8;}

.om-button-nav{display:block; width:80px; height:30px; padding-top:12px; vertical-align:top; background-color:#E1DFDF; color:#202020; border:1px solid #202020; border-radius:3px; text-align:center; text-decoration:none; font-size:14px; font-weight:normal; padding:0px !important; padding-top:5px !important;}
.om-button-nav hover{opacity:0.8;color:#808080;}

.om-button{display:block; width:300px; height:45px; padding-top:12px; vertical-align:top; background-color:#8033CC; color:#fff !important; border-radius:3px; text-align:center; text-decoration:none; font-size:18px; font-weight:normal;}
.om-button hover{opacity:0.8;}

.om-jobdetails{min-height:400px; font-size:14px; color:#333;}
.om-jobdetails p{font-family:Arial,Helvetica,sans-serif;}
.om-jobdetails-col1{width:64%; padding:10px;}
.om-jobdetails-col1 h3{color:#8033CC; font-size:13px; font-weight:bold; margin:0px;}
.om-jobdetails-col1 h4{background-color:#8033CC; font-size:14px; width:auto; max-width:200px; font-weight:bold; margin:0px; padding:4px; border-radius:3px; color:#fff;}
.om-jobdetails-col1 table td{border-bottom:1px solid #E7EAF3; padding:8px;}
.om-jobdetails-col1 table td:nth-child(1){width: 200px; font-weight:bold;}
.om-jobdetails-col1 table td:nth-child(2){width: 450px; text-align:left;}
.om-jobdetails-col2{width:2%;}
.om-jobdetails-col3{width:30%;padding-left:10px;padding-top:10px;}
.om-jobdetails-description{font-family:Arial,Helvetica,sans-serif; font-weight:normal; color:#333; padding-top:10px;}
.om-jobdetails-description h3{color:#6B126F; font-weight:normal; font-size:16px;}

/*================= GENERAL CONTROL ==================*/
.om-control{font-size:11px;}
.om-control div{position:relative; float:left;}
.om-control div:nth-child(2){width:500px;}
.om-control h3{color:#404040; font-size:12px !important;margin:0px; padding:0px;}
.om-control input[type="text"],.om-control textarea, .om-control select{position:relative; float:left;border: 1px solid #e0e0e0;    background-color: #fbfbfb;padding: 4px 3px 3px 7px;-moz-box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.1);-webkit-box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.1);   -o-box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.1);    box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.1);}
.om-control input{font-size:11px;}
.om-control select{font-size:11px; width:200px;}
.om-control td{padding-left:3px;padding-right:3px;}
.om-control img{width:15px; width:15px;}

.om-control-date{border-spacing: 0;  border-collapse: collapse;}
.om-control-date input{width:75px; text-align:right;}
.om-control-date td{padding:0px; margin:0px;}
.om-control-date td:nth-child(1){width:80px !important;}
.om-control-date td:nth-child(2){width:22px !important;}
.om-control-date td:nth-child(3){width:80px !important;}
.om-control-date td:nth-child(4){width:22px !important;}
.om-control-date img{position:relative; float:left; top:3px; left:2px;}
.om-control-date input{position:relative; float:right;}

.om-apply{width:300px;height:300px;border:1px solid #c0c0c0; padding:20px;}
.om-apply input{width:260px; margin-bottom:20px;}
.om-apply span{display:block;}
.om-button-apply{display:block; padding:7px; vertical-align:top; background-color:#C0C0C0; color:#202020 !important; border-radius:3px; text-align:center; text-decoration:none; width:260px; margin-top:20px;}
.om-button-apply hover{opacity:0.8;}

.inputWrapper {
    height: 20px;
    width: 150px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    /*Using a background color, but you can use a background image to represent a button*/
    background-color: #C0C0C0;
    
}
.fileInput {
    cursor: pointer;
    height: 100%;
    position:absolute;
    top: 0;
    right: 0;
    z-index: 99;
    /*This makes the button huge. If you want a bigger button, increase the font size*/
    font-size:20px;
    /*Opacity settings for all browsers*/
    opacity: 0;
    -moz-opacity: 0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0)
}

.inputFile{
 border: 1px solid #ccc;
    display: inline-block;
    padding: 20px 20px;
    cursor: pointer;
}


#Divider_Specials{min-height:300px;}
@media screen and (max-width:480px){
.pro-text-logo div:nth-child(1){width:70% !important;}
.pro-text-logo div:nth-child(2){width:30% !important;}
.pro-table-main {width:100% !important; }
.pro-table-basketadd{font-size:12px;}
.pro-details-thmb{ margin-top:10px;}
.nav_list{font-size:11px;}
.nav_history{border-bottom:1px solid #c0c0c0 !important;margin-bottom:5px;}
.pro-details-btn{display:none;}
/*.pro-details-btn {display: flex; justify-content: space-around}*/
.pro-details-btn div{margin-bottom:5px !important; width: auto !important}
.pro-details-btn a {margin: 0;}
.pro-details-btn a img{position:relative;float:left; left:5px; top:5px;}
.pro-details-btn a span{position:relative;float:left; left:40px; top:-15px; font-size:11px; color:#fff; text-transform:uppercase;}


.pro-summary{margin: 0; margin-bottom: 10px;}
#Divider_ProductDetails > div > table > tbody > tr > td > a{width: 48% !important;margin-bottom: 4vw;}
.pro-summary tr:nth-child(1) {text-align: center;}
.pro-summary tr:nth-child(2) {height: 100% !important}
.pro-summary tr:nth-child(3) {height: calc(25% - 25px)}
.pro-summary tr:nth-child(2) a{display: block;}
.pro-summary tr:nth-child(2) td{height: auto;}
.pro-summary span{color:#404040;}
.pro-summary table, .pro-summary tbody{width:100%;height: 100% !important; display: flex !important;flex-direction:column; justify-content:space-between}
.pro-summary td{width:100%;}
.pro-summary h3{width:100%;text-align: center;}
.pro-summary-price{padding: 0;}
.pro-summary-price span{text-align: center !important;padding: 10px 0;display: block; text-align:center}

.pro-main,.pro-summary-trademark{margin-top:0px;}
.pro-summary-trademark{display: flex;flex-wrap: wrap;justify-content: space-between;height: 100% !important;}
.pro-summary-trademark .proview-link{margin-bottom:8px;}
.pro-main > tbody > tr > td ,.pro-summary-trademark > tbody > tr > td{display: flex;flex-wrap: wrap;justify-content: space-between;}
.pro-main > tbody > tr > td > *,.pro-summary-trademark > tbody > tr > td > *{width: 100%;}
#Divider_SearchDetails > div > table > tbody > tr > td > a{width: 48% !important}

  .pro-details{margin: 0px;}
  .pro-details-relatedproducts{display: flex; flex-wrap: wrap;justify-content: space-between;}

  .pro-details-relatedproducts > *{margin-bottom: 10px;float: none; clear: both;}

  .pro-details-relatedproducts > h3{width: 100%; margin-bottom: 10px !important;}

  .pro-details-relatedproducts > a {width: 48%; display: flex;}
  .pro-details-relatedproducts > a> div{display: flex; flex-direction: column;}
  .pro-details-relatedproducts div:first-of-type{width:100%; height: 100%; margin: 0;}

  .pro-details-relatedproducts div div:nth-child(1){height: 100% !important;display: flex;}

  .pro-details-relatedproducts div div:nth-child(2){height: 22% !important;padding-top:4px;}

  

  .pro-details-relatedproducts span{float: none;display: block; width:100%; height: 100%; padding: 2px;padding: 3px;line-height: 1.3em;}

  .zone-tab{display: flex;}
  .zone-tab > * {flex: 1 1;  width: 30%;border-left: 1px solid #fff;}
  .zone-tab div a{display: block; float: none; clear: both;}
  .zone-section{top: unset;}
  .pro-trademark-main{display: flex; flex-wrap: wrap; justify-content: space-between;}
  .pro-trademark-main > a{width: 48% !important; margin-bottom: 24px;}
}

@media screen and (min-width:800px) and (min-height: 600px) {
	
#Divider_RegisterWindow  .form-field:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(9)):not(:nth-child(10)):not(:nth-child(11)){width: 47% !important; display: inline-block;}
#Divider_RegisterWindow  .form-field:nth-child(odd):not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(9)):not(:nth-child(10)):not(:nth-child(11)){margin-right: 4%}
#modalOverlay{overflow-x: overlay !important}	

#Divider_RegisterWindow .popup{ top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; -ms-transform: translate(-50%, -50%) !important;}
}

*{
    box-sizing: border-box;
}

/***Mobile table view - fix qty and inline values & related products***/
@media screen and (max-width: 575px){
	#basketOrder_totalitems{display:none;visibility:hidden; width:0px;}
	.pro-table-basketadd{font-size:12px;}
	.order-search{display:none;}
	.order-history{display:none;}
	.nav_main {margin-top: 12px;margin-bottom: 12px;}
	.order-details-hidden{display:none;}
	.order-button-side{display:none;}
	
    .mobile-table-view td[class *=-basketinput].tableRow-mobiHide{display: block !important;visibility: visible !important;}
    .mobile-table-view tr td *:not(.tableRow-mobiHide) {display: inline-block !important; width: auto !important}
    
    .pro-details-relatedproducts div:first-of-type{width: 100%; margin-right: 0;}
    .pro-details-relatedproducts span,.pro-details-relatedproducts div div:nth-child(2){width: 100%; height: auto !important}
    .pro-details-relatedproducts div div:nth-child(3){height: auto !important; padding: 8px 0px;}
    
    .order-items-wishlist img,.order-items img{height: 32px !important;width: 32px !important;vertical-align: middle;}
    .order-items-wishlist a:not(.pro-table-basketadd)[title]::after,.order-items a:not(.pro-table-basketadd)[title]::after{content: "  " attr(title); vertical-align: middle;}
    .order-items-wishlist td:nth-child(7){width: 100% !important}
    .order-items-wishlist td:nth-child(7) a{float: none; clear: both; margin: 8px 0px !important; width: 100% !important}

    .pro-details-col2 .pro-table-main tr td.pro-table-main-basket,
    .pro-details-col2 .pro-table-main tr td.pro-table-main-basket ~ td:not(.tableRow-mobiHide)
    { display: inline-block;text-align: center !important;margin-top:20px !important; width: 45px !important}
    .pro-table-main img{height: 32px !important; width: 32px !important;}

    #Tree_ecat_history{display: none;}
	.nav_main > table{display: table;}
	.nav_main > table{display: table;}
	.nav_main *{color: #fff !important; background-color: #808080 !important; vertical-align: middle !important;}
	.nav_main > table td:nth-child(2){display: none !important;}
	.nav_main * {display:none !important;height: 44px !important; font-size: 0.8rem; display: block;margin-right:0;text-align:center;}
	
	 #Divider_ProductWindow .pro-main, #Divider_ProductWindow .pro-main table, #Divider_ProductWindow .pro-main tbody, #Divider_ProductWindow .pro-main tr, #Divider_ProductWindow .pro-main td{display: block;}
	.pro-main {width: 100% !important}

	.menu_zone{top:10px}
    .search.searchCollapse{top: 96px !important;}
    .pro-main{margin-top:20px;}
    #tree_list h1{margin-top:-30px !important; padding:35px 0 0 0}
    
	.pro-main{height: auto !important;max-height: auto !important; min-height: auto !important}
    .pro-main img{width:auto !important}
    .pro-main > tbody > tr > td > table > tbody > tr > td > a > img{width:30px !important; height:auto}
    .pro-main > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > a > img{width:20px !important; height:auto}	
    .pro-main > tbody > tr > td > table > tbody > tr > td > a > img{width:20px !important; height:auto}	
    .pro-main table tbody tr:first-of-type td{ width:auto !important; float: left;}
    .pro-main table tbody tr:first-of-type .pro-details-section-image{width:100% !important; margin-top:10px !important}	
    .pro-summary-text{height: auto !important}	
    .pro-details-section-table{display: none}	
    .pro-details-section-description{margin-left:0px !important;}	
    .pro-details-section-download{margin-left:0px !important; margin-top:10px}	
    .pro-main table tbody tr:first-of-type td table td table td{width:auto !important}	
    td.pro-summary-link *{width: auto !important; float: left}
    td.pro-summary-link img{margin-left:30px}	
    .pro-main > tbody > tr > td > table > tr {display: none !important}

    .hardware{left:0 !important}
    .user-register{width: 100%; text-align: left}
    .user-details td{text-align: left !important}

    .pro-main table tbody tr:first-of-type td { clear: both !important; float: none !important;display: block; }
    span[id^="Description_Span_Details_"]{display: block !important; width: 100% !important;}
    .pro-table-main,.pro-table-main tbody, .pro-table-main tr, .pro-table-main td {display: block; max-width: initial !important; width: 100% !important;}
    .pro-table-main tr:first-of-type{display: none !important;}
    .pro-table-main tr td{display: block; text-align: left !important;}

    .pro-table-main tr td[data-col-title]::before{content: attr(data-col-title) ": "; }
    .pro-table-main tr{padding: 15px;}
    .pro-table-main tr:not(:last-child){ border-bottom: 1px solid #000 !important;}
	
	div.pro-details-btn div{width: 20% !important; float: left}
		
	 #Divider_ProductWindow .pro-summary table{text-align: center;width: auto !important;position: relative;
    left: 50%;display: inline-block; transform: translate(-50%);}
	
	
	.pro-details-col1, .pro-details-col2{display: block; width: 100%}
	.pro-details-col2{padding-bottom: 0px;}
	.pro-details-col2 .pro-details-btn{float: none; clear: both;}
	.pro-table-main td{height: auto !important;}
	.pro-details-relatedproducts{margin: 0}
	.pro-details{margin-left: 0 !important;}
	.pro-details-col2 .pro-table-main .pro-table-main-basketinput input{width: 80% !important;height: 44px; font-size: 1.2rem;}
	.pro-details-col2 .pro-table-main .pro-table-main-basketinput::before{width: 20%}
	.pro-table-main td{border-right: none !important;}
	td.pro-table-main-basketspin{display: none !important;}
	.pro-table-basketadd{padding: 5px;}
	.pro-details-col2 .pro-table-main td{font-weight: bold !important; font-size: 14px !important; padding-left: 0 !important;}
	.pro-details .pro-details-col2 .pro-table-main tr td.pro-table-main-basket, .pro-details .pro-details-col2 .pro-table-main tr td.pro-table-main-basket ~ td:not(.tableRow-mobiHide){display: block !important;width: 100% !important; border: none; text-align: left !important;margin-top: 10px !important;}
    .pro-details .pro-details-col2 .pro-table-main tr td.pro-table-main-basket a{ display: inline-block !important;
    margin-top: 0px !important;height: 44px; line-height: 44px;text-align: center;padding-top: 0 !important;float: none;clear: both; margin-left: 0px;width: 95% !important;left: 50%;transform: translate(-50%);}
    .pro-table-main tr td.pro-table-main-basketinput input{margin-top: 0px !important;}
	.pro-table-main tr td.pro-table-main-basket img{width: 44px !important; height: 44px !important;}
	.pro-details-logo{float: none; left: 50%; transform: translate(-50%)}
	.login-register, .login-register *{width: 100% !important; float: left}
	
	.login-login table td{padding-left:10px}
	.login-login a, .login-register table td a, .login-register table input[type=checkbox]{float: none;text-indent: 10px; width: auto !important}
	.login-register .btn1{width:100% !important}
 /*   td.tableRow-mobiHide[data-col-title="Code"]{display: block !important}
    td.tableRow-mobiHide[data-col-title="Code"] *, td.tableRow-mobiHide[data-col-title="Code"]:before {display: inline-block !important;visibility: visible !important;}
    */
     td.tableRow-mobiHide[data-col-title="Pack Size"]{display: block !important}
     td.tableRow-mobiHide[data-col-title="Pack Size"] *, .tableRow-mobiHide[data-col-title="Pack Size"]:before{display: inline-block !important;visibility: visible !important;}
	.order-main, .order-main tr, .order-main td, .order-main table,.order-main tbody{display: block; max-width: 100%}
	
	.mobile-table-view tr td *:not(.tableRow-mobiHide){display: inline-block !important;}
	.mobile-table-view tr:first-child{display: none !important;}
	#row_items_header{display:none}
    .mobile-table-view tr td[data-col-title]::before{content: attr(data-col-title) ":\00a0"; }
	.mobile-table-view tr td{float:none !important; display: block; width: 100% !important; text-align: left !important;}
    .mobile-table-view tr{padding: 15px;}
    .mobile-table-view tr:not(:last-child){ border-bottom: 1px solid #000 !important;}
	.mobile-table-view .pro-table-main-basketspin{display:none;}
	.mobile-table-view tr:not([id='row_items_header'])   td:nth-child(13)
	{display: inline-block !important; width: 100% !important; text-align: center; padding-top: 10px;}
	.mobile-table-view tr:not([id='row_items_header'])   td:nth-child(13) img{width: 25px !important; height: 25px !important;}
	{width: 20px !important; height: 20px !important;}
	.order-items-header{display: none;} 
	.order-main{max-width: 100%}
	.order-details,.order-details table, .order-details tr, .order-details td, .order-details tbody{width: 100%; display: block; text-align: left !important;}
    #Div_Ord1 > table > tbody > tr:nth-child(2) > td > table > tbody > tr > td:nth-child(2) > table > tbody > tr:nth-child(2) > td:nth-child(1),#Div_Ord1 > table > tbody > tr:nth-child(2) > td > table > tbody > tr > td:nth-child(2) > table > tbody > tr:nth-child(2) > td:nth-child(2){display: none;}
	.order-details table td {height: auto !important}
	.order-details table{float: none !important;}
	#TR_Order_History{display: none; }
	.order-details *:not(img):not(.order-details-hidden), table.order-details select, table.order-details textarea{float: none !important; display: block; width: 100% !important}
	table.order-details  .order-details strong{top: initial !important}

	#Divider_EmailRemove_OrderCurrent4,#Div_Ord1 > table > tbody > tr:nth-child(2) > td > table > tbody > tr > td:nth-child(1) > table > tbody > tr:nth-child(2) > td:nth-child(2) > table > tbody > tr > td:nth-child(2){display: none;}
	table.order-quick-search td{width: 100%; display: block; text-align: left !important}
	.order-details .order-toggle span, .order-details .order-toggle img{width: auto !important;display: inline-block}
	table.order-quick-search td:nth-child(2){width: calc(100% - 25px) !important; display: inline-block !important; padding-right: 5px !important}
	table.order-quick-search > tbody > tr{display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;}
	table.order-quick-search td:nth-child(3){width: 25px !important; display: inline-block !important;}
	table.order-quick-search td:nth-child(2) input{width: 100%}
	table.order-quick-search td:nth-child(4){display: none}
	table.order-quick-search td:nth-child(6) select {width: calc(100% - 25px) }
	table.order-quick-search td:nth-child(7){margin-top: 5px;}
	table.order-quick-search td:nth-child(7){padding-top: 8px !important;}
	table.order-quick-search td:nth-child(7) a{	display: block;width: calc(100% - 25px);float: none;height: auto;margin-left: 0;padding: 5px;}
	
	#Divider_Order_Current > table > tbody > tr:nth-child(6) td{display: flex; flex-direction: column;}
	.order-total, .order-total table{width: 100% !important}
    .order-total table td.order-total-c1, .order-total table td.order-total-c2{width: 50% !important}
	#row-delivery[style*='visibility: hidden;']{display: none;}
	.order-total{background-color: #E8E6E6 !important;padding-top: 10px;padding-bottom: 10px;}
	.order-total td{display: inline-block !important}
	.order-total td:nth-child(odd){width: 30% !important}
	.order-total td:nth-child(even){width: 70% !important}
	.order-section-footer > table > tbody td{display: block; width: 100%}
	.order-section-footer .button-side{border-radius:5px !important; text-align:center !important; float: none !important; display: block !important; width: 100% !important; }
	.order-toggle img,.order-toggle span{display: inline-block}
	.order-details .order-toggle span#{width: auto !important;}
	.order-button{padding: 10px !important;}
	h1, .page-title > div{width: 100% !important}
.outdoor-equipment-2,.page-title,.intro-featured-text,{margin-top: 150px !important; transition:all 0.25s;}
    .mobile-home-banner{text-align: center; height: calc(100vh - 245px);
    background-color: rgba(180, 17, 44,1); }
    .mobile-home-banner.show img{max-height: 100%; width: 100%; }
	.page-title:not([style*='display: none']) ~  .outdoor-equipment-2,
	.intro-featured-text:not([style*='display: none']) ~  .outdoor-equipment-2 {margin-top: 0 !important;}
	.mobile-home-banner.show ~  .intro-featured-text{margin-top: 0px !important;}

	.orderpayment-info, .orderpayment-info * {display: block; width: 100%; margin: 0;}
	.orderpayment-message,.payment_col2{max-width: 100%;}
	
	.payment_col1{display:none;}
    .payment_col2{width:100%; margin:0px; padding:0px;}
    .popup_0 table{display: flex;}
    .popup_0 tbody {display: flex;flex-direction:column;flex: 1 1;}
    .popup_0 tr{display: flex; flex-direction:column}
    .popup_0 td{display: flex; flex-direction: column;}
    .popup_0_button{margin-bottom: 8px;}
    
    #ImageOrdDate{display: none}
    .order-button-main{display: flex;}
    .order-paymentmethod {clear:both; float: none;}
    .order-paymentmethod div{padding: 8px;align-items: center;}
    .order-paymentmethod input{width: 20px !important;height: 20px !important;}
    .order-button-main a{display: flex;width: 100% !important;text-align: center !important;align-content: center;justify-content: center;}
	
	.pro-display,
	.pro-display-short{height:auto!important;margin:0; width:48%;margin: 1% 1%;}
	a .pro-display{width:100%}
	.pro-main a .pro-display{width:100% !important;}
	.pro-display table,
	.pro-display tbody,
	.pro-display tr{display:block}
	.pro-display td{display:flex; height: auto;}
	
	.pro-display-title,
	.pro-display-title a{width:100%}
	.pro-display img{object-fit:contain;height: 130px;}
	.pro-display-title{padding:4px 2px;}
	.pro-display-price,
	.pro-display-title,
	.pro-display h3{width: 100%; height:25px;display: flex;justify-content: center;}
	.pro-display-cart{align-items:center;}
	.pro-display-cart a{width: 100% !important;padding: 12px 18px;margin:0;}
	.pro-display-price{padding:12px 0}
	
	.pro-trademark-main {display: flex;flex-wrap: wrap;justify-content: space-between;}
	.pro-trademark-main h2{width:100%}
	.pro-displaylist div{min-height:60px;}
	.pro-displaylist span a{margin:10px; display: block;}
	
	.pro-main td{display: flex; flex-wrap:wrap}
	.pro-main .pro-trademark-main a,
	#Divider_SearchDetails .pro-main a{width: 48% !important;margin: 1% 1%;}
	
	.pro-main table:not(.order-main table),.pro-main tbody,.pro-main tr{display:block}
	
	.pro-main td{display:flex; height: auto;}
	.pro-main-title{display:flex;}
	.order-main h2{width:100%}
	.pro-display,
	.pro-display-short{height:auto!important;margin:0; width:48% !important;margin: 1% 1%;}
	a .pro-display{width:100%}
	.pro-main a .pro-display{width:100%;}
	.pro-display table,
	.pro-display tbody,
	.pro-display tr{display:block}
	.pro-display td{display:flex; height: auto;}
	
	.pro-display-title,
	.pro-display-title a{width:100%}
	.pro-display img{object-fit:contain;height: 130px !important;}
	.pro-display-title{padding:4px 2px;}
	.pro-display-price,
	.pro-display-title,
	.pro-display h3{width: 100%; height:33px !important;display: flex !important;justify-content: center;}
	.pro-display-cart{align-items:center;display: flex !important;}
	#Divider_SearchDetails .pro-display-cart a,.pro-main .pro-display-cart a{width: 100% !important;padding: 12px 18px;margin:0;display:flex;justify-content: center;}
	.pro-display-price{padding:12px 0}
	
	.pro-trademark-main {display: flex;flex-wrap: wrap;justify-content: space-between;}
	.pro-trademark-main h2{width:100%}
	.pro-displaylist div{min-height:60px;}
	.pro-displaylist span a{margin:10px; display: block;}
	
	.pro-displaylist a{display:flex;}
	.pro-displaylist a span {width: 6px !important;}
	.nav_page{display:none !important;}
	#Div_Ord1{width:100%}
	.order-terms{min-width:unset !important;}
	    .order-paymentmethod input, .order-terms input {
    width: 24px !important;
    height: 24px !important;
	margin-right: 10px !important;
	}
}