/* Only Phones and Tablets (Portrait) */
@media (max-width: 959px) {
#headerbar .module {
    margin-top: 40px !important;
    max-width: 390px !important;
}
.float-right {float: right;height: 30px; max-width: 110px;}
.sprocket-headlines .sprocket-headlines-list {max-width: 500px; padding: 10px !important;}
}
 
 

 /* Only Phones */
@media (max-width: 767px) {

	/* Layout */
#bottom-a  {margin-left:0;}
.sprocket-tabs-nav li { margin-right: 0; width: 100% !important;}
 
/*Banner Image for Reponsive */
.banneritem img {max-width: 100%; height: auto;}
#mainfanouss {margin-left: 0 !important;}
#logo-block, #newflash-block div#search { display: none; }
 }   
        
/* Only Phones (Landscape) */
@media (min-width: 480px) and (max-width: 568px) {
div.itemContainer   {width: 50% !important; }
}

/* shadow reponsive */
/* Only Phones (Landscape) */
@media (min-width: 240px) and (max-width: 480px) {
#header-block .header-shadow {top: -5px;}
#main-block .main-block-shadow {bottom: -5px !important;}
}

/* Only Tablets (Portrait) and Phones (Landscape) */
@media (min-width: 480px) and (max-width: 959px) {

	/* Layout */
	#toolbar .float-left .module, #toolbar .float-left > time {display: none;}	
	}

/* Only Tablets (Portrait) and Phones (Landscape) */
@media (min-width: 380px) and (max-width: 568px) {

.pos-media { height: auto; width: 100%;}
.pos-media img { height: auto;width: 100%;}

}


/* Only Tablets (Portrait) and Phones (Landscape) */
@media (min-width: 1024px) and (max-width: 1024px) {
#headerbar .module {height: auto;margin-top: 25px; max-width: 70% !important ;}
#newflashbar .searchbox {width: 140px;}

}


/* Only Phones (Portrait) */
@media (max-width: 479px) {

	/* System */

#system .items *:first-child .item:first-child {margin-top: 0;padding-top: 20px;}
.align-left, .alignleft, .align-right, .alignright {float: none;margin: 0 auto;}

.layout-slideshow .sprocket-features-desc {display: none;}
.layout-slideshow .sprocket-features-title {display: block; font-size: 100%;}

   .latestView .latestItemsContainer, div.itemContainer   {width: 100% !important; }
div.k2ItemsBlock ul li div.moduleItemIntrotext a.moduleItemImage img {width: 100%;}


#header-responsive .logo img , #header-responsive .logotext h1 {
 height: auto;
    width: 100%;
    font-size: 16px;
}

}