.dksh_banner
{
display: none;
float: left;
width: 100%;
height: 150px;
background: url(/images/brand/devondale/portal/banner.jpg);
background-size: cover;
border-radius: 10px;
margin-top:10px;
}

.dksh_brand
{
display: block;
float: left;
width: 100%;
text-align: center;
margin-top: 20px;
}

.dksh_brand > .name
{
display: inline;
font-size: 1em;
background-color: #be0028;
color: #fff;
text-transform: uppercase;
padding: 5px;
}


.dksh_intro
{
display: block;
float: left;
width: 100%;
text-align: center;
margin-top: 20px;

}

.dksh_intro > .text
{
display: inline;
font-size: 1em;
color: #fff;
padding: 5px;
background-color: rgb(35 37 38 / 50%);

}


.devondale_wrap
{
display: block;
float:left;
width: 100%;
background: #be0028;
background-size: cover;
margin-top:20px;
}

.devondale_wrap .top_header
{
display: block;
float:left;
width: 100%;
padding: 10px;
border-bottom: 1px solid #e33358;
text-align: center;
color: #fff;
}

.devondale_wrap .top_header > .left
{
display: block;
float:left;
width: 300px;
text-align: left;
}

.devondale_wrap .top_header > .left > img
{
height: 50px;
}

.devondale_wrap .top_header > .right
{
display: block;
float:left;
width: 600px;
text-align: left;
}

.devondale_wrap .top_header img
{
height: 25px;
}


.devondale_wrap .main_wrap
{
display: block;
float:left;
width: 100%	
}

#countdown_devondale li 
{
display: inline-block;
list-style-type: none;
padding: 5px;
text-transform: uppercase;
color: yellow;
}

#countdown_devondale li span
{
display: block;
font-size: 1em;
color: #fff;
}
/* DEVONDALE
-------------------------------------------------- */
.homepage-devondale
{
display: block;
float: left;
width: 930px;
position: relative; 
overflow: auto; 
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
padding: 10px;
}

.devondale-item
{
display: block;
float: left;
width: 220px;
margin-right: 10px;
background-color: #fff;
white-space: nowrap;
}


.devondale-item .product-sub-desc ul li
{
width: 48%;
}

.devondale-item .rating-status
{
height: 12px;
width: 72px;
}

.devondale-item .rating-status .current_rating
{
height: 12px;
}


.devondale-item .product-desc h5 a {
    font-size: 1.1em;
}
/* DKSH SECTION
-------------------------------------------------- */
.dksh_section
{
display:block;
float: left;
width: 230px;
height: 450px;
background-color: #fff;
margin-top:10px;
box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
}

.dksh_section > .logo_dksh
{
display: block;
float: left;
width: 100%; 
text-align: center;
margin-top:10px;
margin-bottom: 10px;
}

.logo_dksh > img
{
width: 150px;
}

.dksh_section > .short_slogan
{
display: inline-block;
width: 200px; 
padding: 10px;
font-size: 1.1em;
color: #333;

}

.dksh_section > .short_slogan > p
{
display: inline-block;
}

.dksh_sub_title
{
display: block;
float: left;
width: 90%; 
margin-left: 5%;
margin-right: 5%;
background-color: #ccc;
font-size: 0.8em;
color: #fff;
text-align: center;
padding: 5px 0;
}

.dksh_section > .website
{
display: block;
float: left;
width: 100%; 
margin-top: 10px;
text-align: center;
}

.dksh_section > .website > a
{
display: inline-block;
padding: 5px;
background-color: #2776ec;
border-radius: 5px;
color: #fff;
}

/* MOBILE DISPLAY
-------------------------------------------------- */
@media (max-width: 850px) {
.dksh_banner
{
display: block;
}

.devondale_wrap
{
margin-top:10px;
}

 
.devondale_wrap .top_header > .left, .dksh_section
{
display: none;
}
 
 
 .devondale_wrap .top_header > .right
{
display: block;
float:left;
width: 100%;
text-align: center;
}


.devondale_wrap .top_header > .right > img
{
height: 22px;
}

.homepage-devondale
{
width: 100%;
}



.devondale-item .product-desc {
height: 65px;
}

.devondale_wrap .top_header img
{
height: 24px;
}


#countdown_devondale
{
	font-size: 0.8em;
}


 }