@media all and (max-width: 1023px) {

	.metaslider-poster span {display: none;}

	.nivo-directionNav {
    	width: 100%;
     	left: 0;}
}

@media all and (max-width: 980px) {	

    .main-slider {
        width: 100%;
        background-size: 100%;}

    .imbd-row a,
     blockquote { font-size: 45px;}

    .three-banner > div span { line-height: 2;} 
		
}

@media all and (max-width: 800px) {	

    .imbd-row a,
    blockquote,
    .author-blockquote {font-size: 40px;}

    .main-slider .metaslider .caption-wrap {
        padding: 0;}

    footer p a {
        float: none;
        display: block;
        margin:10px 0 0 0 ;}

    footer p.copyright { font-size: 16px;}

    .view-posters { left: 34%;}

}

@media all and (max-width: 767px) {	

    .metaslider-poster { margin: 0px;}

    .three-banner > div {
        padding-right: 10px;
        padding-left: 10px;}


    blockquote {
        font-size: 30px;
        background-position:  0 0px;
        min-height: 82px;}

    .imbd-row a { padding: 15px 0px 15px 180px; background-position:  0 0px;}

    .author-blockquote { font-size: 30px;}

    .menu-footer-container ul li { margin-right: 8px;}

    .main-slider .metaslider .caption-wrap {font-size: 20px;}

    .social {
        margin:0 auto 10px;
        float: none;
        width: 370px;}

    a#logo {
        float: none;
        margin: 15px auto;}

    h1 {font-size: 30px;}

    .page-template-default #content > .container {
        margin-bottom: 0;
        padding: 0px 15px;}

    .three-banner > div span { line-height: 1.5;}

}

@media all and (max-width: 600px)  {	

    .view-posters { left: 28%;}

    .imbd-row a {  font-size: 30px;}

}
	
@media all and (max-width: 480px) {	

	.menu-footer-container ul li:last-child,
	.menu-footer-container ul li {
        margin: 8px;}

    .main-slider .flex-control-nav.flex-control-paging { bottom: 30px;}

   .facebook-row { margin-bottom: 50px;}

   /* .home #content .container {
       position: relative;
        padding-bottom: 260px;}

     .three-banner {
        position: absolute;
        bottom: 15px;
        padding: 0;
        left: 0;
        margin: 0;}*/

    .menu-footer-container ul {
        margin-top: 25px;
        margin-bottom: 0;}

    .three-banner > div span {
        font-size: 13px;
        background: none; }

    .three-banner { padding-bottom: 0;}

    .view-posters { left: 35%;}

    .small-hidden  { display: none;}   

    .col-slider-poster { width: 289px; margin:auto; float: none;}
}


@media all and (max-width: 479px) {		

    .metaslider .caption {padding: 10px 0 0 0;}

    .metaslider .flexslider { margin: 0 0 15px 0!important;}

    .main-slider {
        background: none;
        padding: 0;}

    .main-slider .flex-control-nav.flex-control-paging {
        display: none;}   

    .col-xs-3 {
        width: 48%;
        float: none;
        display: inline-block;
        vertical-align: top;
        margin-bottom: 10px;}

    .four-posters p,
    .four-posters {
        margin-bottom: 0px;}    
    	
    .error404 #content > .container, 
    .single #content > .container, 
    .events-archive #content > .container, 
    .page-template-page-bio #content > .container {
        padding: 0px 20px 40px;
        margin-bottom: 30px;}

    img.alignleft,
    img.alignright {  float: none;}

    .three-banner { padding-bottom: 15px;}

    blockquote {
        font-size: 28px; 
        padding: 0px 0px 0px 100px;
        background-size: 22%;
        background-position: 0px 13px; }

    footer p.copyright { line-height: 25px;}
    
    footer p a {margin-top: 15px;}

   /* .home #content .container { padding-bottom: 230px;}*/

    .social { width: 320px;} 

    .social a {width: 26px;}

    .social .twitter { background-position: -48px 0px;}
    .social .instagram { background-position: -93px 0px;}
    .social .voxpopuliradio { background-position: -335px 0px;}
    .social .twitter:hover { background-position: -48px -33px;}
    .social .instagram:hover{ background-position: -93px -33px;}
    .social .voxpopuliradio:hover { background-position: -335px -33px;}
}	


@media all and (max-width: 320px) {     

    a#logo {   
        width: 300px;
        background-size: 100%;}

  /*  .home #content .container { padding-bottom: 200px;}*/

    blockquote { padding: 0px 0px 0px 85px;}

    .three-banner {bottom: 0px;}

    .imbd-row a { padding: 0 0px 15px 166px;
}