/* DLM Monitor HTTP/HTTPS Error Suppression */
.dlm-xhr-loading-gif, .dlm-xhr-error {
	display:none !important;
}

/* New Home Banner Addition */

.slide-text-wrapper {
	max-height:100%;
	/* overflow: scroll; */
}
.logo-row img {
	max-width:50%;
	margin:auto;
}
@media screen and (max-width:767px){
	.slide-text-wrapper .logo-row img{
		max-width:90%;
		height:auto;
		margin: 1rem auto;
	}
	.slide-text-wrapper {
		height: 260px;
		margin:auto;
		display:flex;
		align-items:center;
	}
	


}

.violator{
	text-align:center;
	width:80px;
	height:80px;
	border-radius: 50%;
	position:absolute;
	right:35px;
	bottom:25px;
	display:flex;
	justify-content:center;
	align-items: center;
}
.violator h5 {
	font-size: 1.2rem;
	transform:rotate(12deg);
	text-align:center;
	margin: 0 auto;
	max-width:65px;
	letter-spacing:0;
}
@media screen and (max-width:695px){
	.violator{
		position:relative;
		right:0;
		bottom:0;
		margin:auto;
		margin-top:5px;
	}
}


/*This updates css for 2023 update*/

body .container, body .container-nopadding{
/*	max-width:1440px;*/
}

body .product-others-wrapper .product-others-grid > a {
	width: calc(100%/4 - 10px);
}

.product-intro-details .requests {
	display:flex;
	flex-flow: row no-wrap;
	justify-content: space-around;
}
.product-intro-details .requests img {
	max-width:80px;
	margin-right:20px;
	margin-top: 20px;
	margin-bottom:40px;
}

body .product-intro-image .product-category > div {
	width: 20px;
	height:23px;
	margin-right:auto;
	margin-left:auto;
}
body .product-intro-image {
	max-width:235px;
}
body .product-intro-details {
	width: calc(100% - 235px);
	padding-left:30px;
}

@media screen and (max-width:767px){
	body .product-intro-image{
		max-width: none;
	}
	body .product-intro-details {
		width: auto;
	}
}
body .prod-spec {
	margin: 5px auto;
	border: none;
}

.ts_mobile_logo > img {
	display:none !important;
}
@media screen and (max-width:767px){
	.ts_mobile_logo > img {
		display: block !important;
		width:80%;
		height:auto;
	}
	.ts_logo > img {
		display:none !important;
	}
}


/* Bottom Banner CSS */
.new-layout .mobile {
	display:none;
}

.new-layout .banner-text-block {
	background:none;
	max-width:33%;
}
.new-layout h2 {
	text-transform: normal;
	letter-spacing: normal;
}
.new-layout h3 {
	font-size:24px;
	line-height:1.25;
	letter-spacing: normal;
}

.new-layout .bottom-cta-button {
	background-color: #ce3e32;
	font-size: 1rem;
	color: #fff;
	padding:8px;
	margin:20px 5px;
	max-width:90%;
}
.new-layout .bottom-cta-button a {
	color: #fff;
	text-transform:uppercase;
}

.new-layout .banner-text-block {
	/* top: 25%; */
}
@media screen and (min-width:768px){

.new-layout .banner-text-block.left {
	left:0;
	transform: translate(0%, -50%);
}
.new-layout .banner-text-block.right {
	right:0;
	left: unset;
	transform: translate(0%, -50%);
}
}

@media screen and (max-width:767px){
	.new-layout .banner-text-block {
		max-width:70%;
	}
	.new-layout .desktop{
		display: none;
	}
	.new-layout .mobile {
		display: block;
		margin:auto;
	}
	.new-layout {
		background: #000;
	}
}