﻿#content-slider{}
.royalSlider{width: 100%;height: 250px;}
.rsContent{
	text-shadow: none;
	float: left; /*webkit-transform: scale3d(0.5, 0.5, 1);
-moz-transform: scale3d(0.5, 0.5, 1);
transform: scale3d(0.5, 0.5, 1);
font-size: 48px; */
}
.rsContent p{margin: 0.5em;}
.bContainer
{
	position: relative;
	color: #333;
}
.rsABlock
{
	position: relative;
	display: block;
	left: auto;
	top: auto;
}
.blockHeadline
{
	font-size: 36px;
	line-height: 40px;
}
.blockSubHeadline
{
	font-size: 32px;
	line-height: 40px;
}
.txtCent
{
	text-align: center;
	width: 100%;
}
		
.slide2
{
	background: #fff;
}
#divCategory, #divPopular, #divNew, .homepanel{ width: 32%; float:left;}
    #divPopular, #divNew, .otherpanel{margin-left: 2%}
		
@media screen and (min-width: 0px) and (max-width: 960px)
{
    .rsContent
	{
		font-size: 22px;
		line-height: 28px;
	}
	.blockHeadline
	{
		font-size: 32px;
		line-height: 32px;
	}
	.blockSubHeadline
	{
		font-size: 26px;
		line-height: 32px;
	}
}
@media screen and (min-width: 0px) and (max-width: 500px)
{
	#divCategory, #divPopular, #divNew{width:100%}
	.royalSlider, .rsOverflow
	{
		height: 330px !important;
	}
	.rsContent
	{
		font-size: 18px;
		line-height: 26px;
	}
	.blockHeadline
	{
		font-size: 24px;
		line-height: 32px;
	}
	.blockSubHeadline
	{
		font-size: 22px;
		line-height: 32px;
	}
}
.banner {padding:0;}
    .banner h4{font-weight:normal;margin:0; padding:0}
    .banner ul li{margin-top:1px;}
        
    @media only screen 
    and (min-width : 0px)
    and (max-width : 480px) 
    {
        .banner h1 {color: #219be6; margin:0; padding:0;font-size:1.8em}
        .banner ul{margin:0;padding:0px}
        .banner ul li{font-size:0.95em}
        .banner{background-image: none;}
        .banner .banner_left{width:auto}
        .banner_right{display:none;}
        #divNew, #divPopular{width:100% !important; clear:both !important; float:none !important}
    }
    @media only screen 
    and (min-width :481px)
    and (max-width:2880px)
    {
        .banner ul{margin:0;padding:0 0 0 10px}
        .banner h1 {color: #fff; margin:0; padding: 50px 0;font-size:2.2em;}
        .banner ul li{margin:3px 0 3px 0;}
        .banner_left{float:left;width:60%; text-shadow: none; color:#333}
        .banner_right{float:right; margin:15px 0 0px 5px; width:40%; padding:0; border:solid 0px red}
        .banner_right .signup_container{padding:0px;}
        .banner_right h4{margin:5px 0 10px 0; font-size:0.9em}
            .banner_right label{font-size:12px;}
            .banner_right input{padding:0.25em;font-size:12px;}
            .banner_right .ui-btn-inner{font-size:11px;}
            .banner_right .fieldcontain{padding:0;margin:-0.25em}
            

    }
