/* ---- FOR MEDIA SCREEN FROM 320px TO 767px ---- */

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

/* --------------------------------------------------------
	GRID
   -------------------------------------------------------- */
	.row {
		max-width: 568px;
		padding: 0;
		margin: 0 auto;
		background: #fff;
		overflow: hidden;
		}
		
	.row .row {
		margin: 0 -3.4375%; /*6.5625  3.4375*/
		}
		
	.column,.columns {
		margin: 0 3.125%;  /*0 10px*/
		float: none; 
		position: relative; 
		}
			
	.row .mobile1 	{ width: 18.75% ; overflow:hidden;}
	.row .mobile2	{ width: 43.75% ; overflow:hidden;}
	.row .mobile3 	{ width: 68.75% ; overflow:hidden;}
	.row .mobile4	{ width: 93.75% ; overflow:hidden;}
	
		
/* --------------------------------------------------------
	ADVERTISEMENT BANNER
   -------------------------------------------------------- */	
   
   .leaderboard-res, .med-rec {
	   	min-width:300px;
		max-width:300px;
	   
	   }
   
   /*----- LEADERBOARD -----*/	
   	
	.leaderboard-inline {  /*728 X 90 banner (HEADER)*/
		display:none;
		}
		
	.leaderboard {  /*728 X 90 banner (GENERAL)*/
		display:none;
		}
		
	.leaderboard-res{  /*300 X 50 banner (MOBILE)*/
		display: block;
		text-align:center;
		}
		
	/*----- BILLBOARD -----*/
	
	.billboard {  /*940 X 40 banner (GENERAL)*/
		display:none;
		}
		
	/*----- MEDIUM REC -----*/
	
	.med-rec {   /*300 X 250 banner (GENERAL)*/
		text-align:center;
		margin:10px auto;
		display:block;
		}
		
	.hide {
		display:none;
		}
	
/* --------------------------------------------------------
	SPONSORS BANNER
-------------------------------------------------------- */	
	
	
	 .sponsorsbanner-res {
	   	min-width:300px;
		max-width:300px;
	   
	   }
   	
	.sponsors-banner img {  /*940 X 90 banner*/
		display:none;
		}
		
	.sponsors-banner img {  /*940 X 90 banner (GENERAL)*/
		display:none;
		}
		
	.sponsorsbanner-res{  /*300 X 29 banner (MOBILE)*/
		display: block;
		margin: 10px auto;
		text-align:center;
		}
		
		
/* --------------------------------------------------------
	BACK TO TOP BUTTON
   -------------------------------------------------------- */	
	.totop{
		display:block;
		text-align: center;
		margin: 15px auto;
		}
	
	.totop p {
		font-size:0.688em; /*11px*/
		line-height: 1.545em; /*17px*/
		}
	
	.totop img {
		margin-left:6px;
		}
	
	
/* --------------------------------------------------------
	HEADER - LOGO 
   -------------------------------------------------------- */
	.statusbar {
		xmargin-bottom:15px;
		overflow:hidden;
		
		}
		
	.logo {
		xborder-bottom:1px solid #e5e5e2;
		display:block;
		text-align:center;
		float: none;
		
		xbox-shadow: 0 1px 2px rgba(0,0,0,0.35);
		x-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.35);
		x-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.35);
		}
		
	.logo img {
		width: 120px;
		margin-top:15px;
		}

/* --------------------------------------------------------
	MAIN NAVIGATION
   -------------------------------------------------------- */
	nav.row {
		display:none;
		}
	
	.navi-primary {  /*Desktop Version*/
		display:none;
		}
		
	.toggleMenu {  /*Mobile Version Navigation button*/
			background: url(http://clips.thestar.com.my/Classifieds/StarSearch/img/menu-icon.png) no-repeat center center #fff;
			width: 30px;
			height: 30px;
			float: left;
			margin-top: 15px;
			color: #333;
		}
		
	.mobile-search { /*Mobile Version Search button*/
			background: url(http://clips.thestar.com.my/Classifieds/StarSearch/img/search.png) no-repeat center center #fff;
			float:right;
			height: 30px;
			width:30px;
			margin-top:15px;
			}
			
	 .StarSearchPanelSpacer, .morelistingsright, .adslotright, .SSLftTbar, .SSAdsFooter {
    	display: none;
		}
	
	
/* --------------------------------------------------------
	MAIN SEARCH BUTTON
   -------------------------------------------------------- */	

	.search-expand {
			xpadding: 4px;
			xmargin-top: 8px;
			border-radius: 2px;
			-webkit-border-radius:2px;
			-moz-border-radius: 2px;
			-ms-border-radius: 2px;
			-o-border-radius: 2px;
			overflow: hidden;
			display:none;	
		}
		
		input.searchbutton-main[type="submit"]  {
			width: 12%;
			background: #80B000;
			color: #FFF;
			font: 0.875em/25px 'Open Sans', Arial, Helvetica, sans-serif;
			height: 29px;
			border: 0;
			position: absolute;
			padding: 0;
			cursor: pointer;
			
			border-radius: 0 2px 2px 0;
			-webkit-border-radius: 0 2px 2px 0;
			-moz-border-radius: 0 2px 2px 0;
			-ms-border-radius: 0 2px 2px 0;
			-o-border-radius: 0 2px 2px 0;	
		}
		
		.search-expand input[type="text"] {
			border: 1px solid #E2E2E2;
			color: #666666;
			height: 29px;
			margin-top: 0;
			float: left;
			width: 85%;
			padding:1px 3px;
			
			border-radius: 2px 0 0 2px;
			-webkit-border-radius: 2px 0 0 2px;
			-moz-border-radius: 2px 0 0 2px;
			-ms-border-radius: 2px 0 0 2px;
			-o-border-radius: 2px 0 0 2px;
		}
		
		.SSAdsPageFooter
		{
		    margin-bottom:20px;
		}
		
		
/* --------------------------------------------------------
	CARIAN PAGE  (SEARCH RESULTS)
   -------------------------------------------------------- */		
	.result-search input[type="text"] {
		width: 83%;
		}
		
	
		
/* --------------------------------------------------------
	SHARED - WELCOME PAGE /
   -------------------------------------------------------- */	
  	 h1.title-01 {
	  	 display:block;
		 margin-bottom: 0;
	  	 }
	   
  	 span.more-news {
	  	 display:block;
	 	 }
	   
	.focus-story {
		margin-bottom: 20px;
		}
		
	.focus-story a img {
		margin-bottom: 5px;
		}
	.focus-story p.date {
		display:none;
		}
		
	.focus-story-text { 
		background:none;
		padding:0;
		height: auto;
		}
		
	.focus-story-text p {
		display:none;
		}
	.focus-story-text img {
		margin-bottom: 5px;
		}
  	   
 	.news-listing {
		 margin-bottom:0;
		  height:auto;
		 }
		 
	.news-listing img {
		width:46.875%;  /*2 columns*/
		float:left;
		display:inline-block;
		margin-right: 6.25%; /*20px*/
		}
		
	.list-res {
		overflow:hidden;
		margin-bottom:20px;
		}
		
	.list-res_01 {
		overflow:hidden;
		margin-bottom:20px;
		}
	
	.list-res_01 img {
		margin-right: 0;
		margin-bottom:5px;
		width: 100%;
		}
		
	.list-res_01 p {
		font-size: 1.250em; /*20px*/
		line-height: 1.200em; /*24px*/
		}
		
	.list-res_01 p a {
		display:block;
		} 
		
/*---- Slider (Berita Page) ----*/

	.slider-type01 {
		margin-bottom:15px;
		}
		
	.slider-type01-text {
		padding: 15px 15px 20px;
		}

		
/*---- More News Button ----*/
	.more-news {
		position: static;	
		margin:10px 0;
		}
		
	.more-news-button img {
		margin: 0 0 0 15px;
		}
		
/* --------------------------------------------------------
	STORY LISTING (6+1)
-------------------------------------------------------- */	

	.all-news {
		position: static;
		margin-bottom:10px;
		}
		
		
/* --------------------------------------------------------
	WELCOME PAGE - PROMOSI / ARTIKEL PILIHAN
   -------------------------------------------------------- */	
   .highlights {
	   float:left;
	   display:inline-block;
	   margin-bottom:15px;
	   }
	   
	   
/* --------------------------------------------------------
	COLUMNIST
   -------------------------------------------------------- */	
   /*---- Pengarang ----*/
   
   .author-wrap img {
	   float: none;
	   margin-bottom: 0;
	   }
	   
   .author-wrap .author-description {
	   width: auto;
	   margin: 15px;
	   }
		

/* --------------------------------------------------------
	FOOTER
   -------------------------------------------------------- */
   
  	footer .top {  /*Desktop Version*/
	 	 display:none;
	 	 }
	  
  	.footer-list {  /*Desktop Version*/
	 	xdisplay:none; 
	 	}
	  
   	footer.row.mobile {
	  	display: block;
	    overflow: hidden;
	    background: #333;
	    }
	  
	footer.row.mobile ul.mobile4 {
		margin: 0;
		width: auto;
		}  
		
	footer.row.mobile ul.mobile4 li {
		border-bottom: 1px solid #424242;
		}
		
	footer.row.mobile ul.mobile4 li p {
		font-size:0.688em; /*11px*/
		line-height: 1.545em; /*17px*/ 
		margin: 8px 3.125%;  /*  0 10px */
		color: #fff;
		}
		
	footer.row.mobile ul.mobile4 li img {
		margin-left: 6px;
		}
		
	footer.row.mobile ul.mobile4 li:last-child {
		border-bottom: none;
		}
		
/* --------------------------------------------------------
	FOOTER - FB LIKE BOX
   -------------------------------------------------------- */	
	.fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] { 
		width: 100% !important; 
		}
		
	#twitter-widget-0 {
    width:100%;
  }


/* --------------------------------------------------------
	PAGING (SUB SECTION PAGES) 
   -------------------------------------------------------- */

   
   .slider-paging-wrap {
	   margin:0 auto;
	   text-align: center;
	   }
	   
   .paging .slider-paging-wrap.pg-jump {
	   margin:15px 0;
	   }
	   
   .paging {
		text-align:center;  
		   }
	
	.error-msg {
		text-align: center;
		}
		  
	
/* --------------------------------------------------------
	FOOTER - COPYRIGHT
   -------------------------------------------------------- */		
   
	.copyright {
		text-align: center;
		}
		
	.copyright .top {
		display: none;
		}
		
	.copyright .resTop {
		position: fixed;
		bottom: 0;
		right: 0.5em;
		xbackground: url(../images/backtotop.png) center no-repeat;
		width: 45px;
		height: 90px;
		display: block;
		opacity: 0.8;
		filter: alpha(opacity=80);
		z-index: 999;
		}
		
	ul.terms {
		line-height: 1.364em; /*15px*/
		margin-bottom:10px;
		}
	ul.terms li {
		margin: 0 10px;
		}
			
		
/* --------------------------------------------------------
	SUB SECTION - Berita Hiburan / Berita Mahkamah /
   -------------------------------------------------------- */
   
   .story-list .mobile2 {
	   float: left;
	   }
	   
   .story-list .mobile2 h2 {
	   	font-size: 0.875em; /*14px*/
		line-height: 1.429em; /*20px*/
		color: #333;
   	}
		
	.story-list img.thumb {
		float: left;
		width: 23%;
		}
		
	.story-list h2 {
		display: inline-block;
		}
		
	.story-list h2.res-list {
		font-size: 16px;
		}
		
	.story-list p {
		display: none;
		}
		

/* --------------------------------------------------------
	ARTIKEL
   -------------------------------------------------------- */
   .story-container .embeded-image.inline-image-left {
	   margin-right: 20px;
	   width: 43.75%;
	   }
	 
	.story-container .embeded-image.inline-image-right {
	   margin-left: 20px;
	   width: 43.75%;
		}
			
	.profile-byline ul li .author-name { 
		display: inline-block;
		}
		
	.profile-byline p {
		width: 200px;    
        word-wrap: break-word;
		}
   
/* --------------------------------------------------------
	HUBUNGI KAMI (CONTACT US)
   -------------------------------------------------------- */	
 	.submit-wrap {
		overflow:hidden;
		margin-left:-10px;
		}
		
/* --------------------------------------------------------
	404 - PAGE NOT FOUND
   -------------------------------------------------------- */  	
		
	.notfound img {
	   margin:0 auto;
	   text-align: center;
	   }
	   
	  .notfound h1, .notfound p {
		text-align:center;  
		  }
	   
	  .notfoundDesc h1 {
		margin: 0  
		  }
	   
	 .notfoundCopy	 {
		 text-align: center;
		 }
		

/* ---- FOR MEDIA SCREEN FROM 480px TO 640px (MOBILE LANDSCAPE) ---- */
	
@media screen and (min-width: 480px) and (max-width: 640px) {
	
/* --------------------------------------------------------
	SEARCH (HEADER SEARCH BUTTON) 
-------------------------------------------------------- */	
	input.searchbutton-main[type="submit"] {
		width: 9%;
		}
		
	.search-expand input[type="text"] {
		width: 89%;
		}

/* --------------------------------------------------------
	PAGING (SUB SECTION PAGES) 
-------------------------------------------------------- */
   .paging {
	  margin-bottom: 20px;
	   }
	   
   .paging .slider-paging-wrap.pg-jump {
	   margin:0 0 0 20px;
	   }
	   
	   
/* --------------------------------------------------------
	COLUMNIST - PENGARANG
-------------------------------------------------------- */	   
	.author-wrap img {
		float: left;
		margin-bottom: 15px;
		}
		
	.author-wrap .author-description {
		width: 71%;
		margin:15px 0;
		}

/* --------------------------------------------------------
	ARTIKEL
   -------------------------------------------------------- */
		
	.profile-byline p {
		width: 350px;
		word-wrap: normal;
		}
		
/* --------------------------------------------------------
	404 - PAGE NOT FOUND
   -------------------------------------------------------- */		

	.notfoundDesc h1 {
		 margin-top: 30px;
		 margin-left: 10px;
		}	
	}
	
@media screen and (min-width: 640px) and (max-width: 640px) {  /* -- MOBILE LANDSCAPE (640px) -- */	

/* --------------------------------------------------------
	COLUMNIST - PENGARANG
-------------------------------------------------------- */	
		
	.author-wrap .author-description {
		width: 72%;
		margin:15px 15px 15px 0;
		}
		
		
/* --------------------------------------------------------
	STORY LISTING (6+1)
-------------------------------------------------------- */	

	.all-news {
		position: absolute;
		}