@media only screen and (max-device-width : 500px) , (max-width : 768px)
{
    /* Background image styling */
    /*#campaign-bg img {
        width: 100% !important;
        height: auto !important;
        position: absolute !important;
        left: 0px !important;
        min-width: 100% !important;
        top: 46px !important;
        min-height: auto !important;
    }*/

    #loading
    {
        display:none !important;
    }

    .page
    {
        position:relative;
    }

    .contentwrap
    {
        min-height:170px;
    }

    .campaignarea,
    .campaign-content {
        width:100%;
    }

    .campaigns .more
    {
        background: none;
        color: #77b800;
        font-weight: bold;
        font-size: 15px;
        margin: 0;
        padding: 0;
		white-space:nowrap;
    }

    .campaign-content
    {
        position: absolute;
        left: 0;
        bottom: 0;
    }

    .campaign-content a h2
    {
        position: absolute;
        bottom: 80px;
        left: 50px;
        text-shadow: 0 -5px 4px rgba(0,0,0,.5);
        font-size:50px;
    }

    .read-more-box
    {
        background: rgba(0, 0, 0, 0.5);
        border-radius: 0px 20px 20px 0;
        padding: 20px 50px;
        position: absolute;
        bottom: -20px;
        left: 0;
    }

    .read-more-box h3 {
        font-size: 15px;
        width: 220px;
        margin:0;
    }


.campaigns
{
   	left:0px;
   	bottom:0px;
    
    }

    .campaigns a:hover .more {
        background: none;
    }

    #page-counter {
	
	display:none;
  
}
   
    .campaign-slider
    {
        width:0;
        background:none;
        overflow:visible;
        padding:0;
        top:-10px;
   	
   
    }

    #campaign-thumbs
    {
        display:none;
    }
    
    .campaign-slider button {
        height: 91px;
        width: 50px;
    }

    .campaign-slider .prev,
    .campaign-slider .next
    {
        top: -20px;
        text-indent: -9999px;
        background-repeat:no-repeat;
        background-position:center center;
    }
    
    .campaign-slider .prev
    {
        left: -20px;
        background-image: url('left.png')/*tpa=http://www.outwell.com/css/outwell/img/rwd/home/left.png*/;
    }

    .campaign-slider .next
    {
        
        right: -270px;
        background-image: url('right.png')/*tpa=http://www.outwell.com/css/outwell/img/rwd/home/right.png*/;
    }

    .campaign-slider .prev:hover
    {
        background-image: url('left.png')/*tpa=http://www.outwell.com/css/outwell/img/rwd/home/left.png*/;
        background-repeat:no-repeat;
        background-position:center center;
    }

    .campaign-slider .next:hover
    {
        background-image: url('right.png')/*tpa=http://www.outwell.com/css/outwell/img/rwd/home/right.png*/;
        background-repeat:no-repeat;
        background-position:center center;
    }

    .campaign-slider .prev:hover,
    .campaign-slider .next:hover
    {
        font-size:18px;
    }
    
   .campaign-nav {
	

	width:40px;
	 
	position:absolute;
	

	bottom:10px;
}
    
}

/*dsa*/
@media only screen and (max-device-width : 500px) and (orientation:portrait), (max-width : 768px) and (orientation:portrait)
{

	#campaign-bg {
        position: absolute !important;
    }
	
	#campaign-bg img {
        width: auto !important;
        height: 100% !important;
        position: absolute !important;
        left: -135% !important;
        min-width: 100% !important;
        top: 46px !important;
        min-height: auto !important;
    }

}
@media screen and (max-device-width : 400px) and (orientation:portrait), (max-width : 400px) and (orientation:portrait) {
    .campaign-content a h2
    {
        font-size:35px;
    }
	
		#campaign-bg img {
        left: -175% !important;
    }
}
@media screen and (max-device-width : 400px) and (orientation:landscape), (max-width : 400px) and (orientation:landscape) {
		#campaign-bg img {
        left: 0% !important;
    }
}
/*/dsa */