@media all and (min-width: 1280px) {
	.wrapper{
		width: 90%;
		max-width: 1150px;
		
	}
	.wrapper .body{
		width: 100%;
	}
	.formsearch{
		width: 880px;
	}
	#main{
		width: 732px;
	}
	#mainsimple{
		width: 990px;
	}
}

@media all and (max-width: 800px) {
	.wrapper{
		width: 100%;
	}
	.wrapper .body, .footer-top, .footer{
		width: 100%;
	}
	.footer-top{
		padding: 0;
	}
	.footercontent{
		width: auto;
		padding: 10px;
	}
	.searchtext{
		display: none;
	}
	.formsearch{
		width: 70%;
	}
	.menunav{
		margin: 0 !important;
	}
	#main, #sidebar, #mainsimple{
		width: 100% !important;
		float: none;
		margin: 0;
	}
	.pagespacermain{
		display: none;
	}
	#main .maininside{
		padding: 5px 10px 10px 10px;
	}
	#mainsimple .mainsimpleinside{
		padding: 10px;
	}
	
	.r600l{
		width: 44%;
		max-width: 340px;
		margin-left: 15px;
		float: left;
	}
	.r600r{
		width: 44%;
		max-width: 340px;
		float: right;
		margin-right: 15px;
	}
	#sidebar2{
		display: none;
	}
	.footer{
		padding: 10px 0;
		background: #f5f5f5;
	}
	.copyright, .developer{
		float: none;
		width: auto;
		text-align: center;
		line-height: 18px;
	}
	#mainmenu{
		display: none;
	}
	.mobilemenubar{
		display: block;
	}
	.widget_promohome{
		padding: 0;
		border-bottom: 1px solid #fff;
	}
	.pagemenu{
		margin-bottom: 0;
	}
}

@media all and (max-width: 600px) {
	.formsearch{
		width: 69%;
	}
	.r600l{
		width: 48%;
		margin-left: 3px;
		float: left;
	}
	.r600r{
		width: 48%;
		float: right;
		margin-right: 3px;
	}
	.footercontent h3{
		display: none;
	}
	.footer-top .g220, .footer-top .g480, .footer-top .widget_sosmed{
		width: 100%;
		margin: 0;
		padding: 0;
		float: none;
		padding-bottom: 10px;
	}
	#tentangkami li{
		border-bottom: 1px solid #637A95;
		padding: 4px;
	}
	
	form .txt, form textarea{
		max-width: 500px;
	}
	.gs4r h3 a{
		font-size: 16px;
		font-weight: bold;
	}
	.pasangiklanboxsubmit{
		text-align: center;
	}
	
}

@media all and (max-width: 480px) {
	.formsearch{
		width: 60%;
	}
	.r600l{
		width: 48%;
		margin-left: 3px;
		float: left;
	}
	.r600r{
		width: 48%;
		float: right;
		margin-right: 3px;
	}
	.footercontent h3{
		display: none;
	}
	.global_newsletter .txt{
		width: 60%;
	}
	form .txt, form textarea{
		max-width: 380px;
	}
	
	#global_menumember_simple{
		float: none;
		margin-bottom: 10px;
	}
	
	form tr{
		display: block;
	}
	form td{
		display: block;
		background: none !important;
	}
	form td *{
		text-align: left;
		padding: 0;
	}
	#admin_list_table tr{
		display: table-row !important;
	}
	#admin_list_table td{
		display: table-cell !important;
	}
	.calendar tr{
		display: table-row !important;
	}
	.calendar td{
		display: table-cell !important;
	}
	.gs4r h3 a{
		font-size: 14px;
		font-weight: bold;
	}
	
	.adoiimagebig img{
		max-width: 90%;
	}
	
	.brandlist .thumbnail{
		height: 90px;
	}
	.brandlist .gcontent{
		height: 130px;
	}
	.homenews h2{
		font-size: 14px;
		font-weight: bold;
	}
	.homenews a {
		font-weight: normal !important;
	}
	.homenews span {
		font-size: 11px;
	}
}

@media all and (max-width: 360px) {
	.searchselect{
		width: 80px;
	}
	.searchselect select{
		width: 60px;
	}
	.searchselect div{
		padding: 6px 6px 0 0;
	}
	.formsearch{
		width: 72%;
	}
	
	.wrap-promohome .gs2{
		width: 100%;
		padding: 0;
		margin: 0;
		float: none;
	}
	.home_popularpromo{
		width: 100%;
		padding: 0;
		margin: 0;
		float: none;
	}
	
	.r600l{
		width: 100%;
		padding: 0 5px;
		margin: 0;
		float: none;
	}
	.r600r{
		width: 100%;
		padding: 0 5px;
		margin: 0;
		float: none;
	}
	.footercontent h3{
		display: none;
	}
	.global_newsletter .txt{
		width: 60%;
	}
	form .txt, form textarea{
		max-width: 280px;
	}
	td{
		font-size: 11px;
		padding: 4px !important;
	}
	.brandlist .thumbnail{
		height: 65px;
	}
	.brandlist .gcontent{
		height: 110px;
	}
	.mall_brand .item{
		margin: 0 2% 0 0;
		padding: 0;
		width: 23%;
	}
	.homenews .gs3 {
		width: auto;
		float: none;
		margin: 0 0 10px 0;
		border: 1px solid #ddd;
		padding: 10px;
	}
	.homenews h2 {
		margin-bottom: 5px;
	}
	.homenews li {
		border-top: 1px dashed #ddd;
		border-bottom: none;
	}
}

@media all and (max-width: 320px) {
	
	.searchselect{
		width: 65px;
	}
	.searchselect select{
		width: 45px;
	}
	.formsearch{
		width: 75%;
	}
	
	.wrap-promohome .gs2{
		width: 100%;
		padding: 0;
		margin: 0;
		float: none;
	}
	.home_popularpromo{
		display: none;
	}
	
	.r600l{
		width: 100%;
		padding: 0;
		margin: 0;
		float: none;
	}
	.r600r{
		width: 100%;
		padding: 0;
		margin: 0;
		float: none;
	}
	.footercontent h3{
		display: none;
	}
	.global_newsletter .txt{
		width: 60%;
	}
	form .txt, form textarea{
		max-width: 240px;
	}
}