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


    .ele_left{
    	left: 0%;
    }

    .ele_right{
    	right: 0%;
    }
}

@media screen and (min-width: 1600px) {
	.header_banner, .header_banner .image {height:724px;background-image:url(../images/header-competition.jpg);}
	.header_banner .image.auction {background-image:url(../images/header-auction.jpg);}
}

@media screen and (max-width: 1100px) {
	.header_banner, .header_banner .image {height:400px;background-image:url(../images/header-competition.jpg);}
	.header_banner .image.auction {background-image:url(../images/header-auction.jpg);}
}



@media screen and (max-width: 320px) {
 /* Add your styles for devices with a maximum width of 320 */
	.header_banner, .header_banner .image {height:324px;background-image:url(../images/header-competition.jpg);}
	.header_banner .image.auction {background-image:url(../images/header-auction.jpg);}
 	p.footer_detail{
 		font-size: 0.6em;
 	}
	
	.main_container > div.intro, .top_ele {margin-top:0;}
	.ele_left, .ele_right {display:none;}
	
	.post .item, .post .item:nth-child(4n+0) {margin:10px auto;float:none;width:auto;}
	.post .item img {max-width:100%;}
	
	#prizeWrap {height:auto;}
}
 
@media screen and (max-width: 480px) {
 /* Add your styles for devices with a maximum width of 480 */

 	body{
 		font-size: 1.4em;
 	}

 	.header_banner, .header_banner .image {height:324px;background-image:url(../images/header-competition.jpg);}
	.header_banner .image.auction {background-image:url(../images/header-auction.jpg);}

	.main_container > div.intro, .top_ele {margin-top:0;}
	.ele_left, .ele_right {display:none;}
	
 	.title{
	    font-size: 28px;
	    font-size: 2.8rem;
	}

	div.logo_part{
		width: 85%;
	}
	
	#prizeWrap {height:auto;}
	
	.post .item, .post .item:nth-child(4n+0) {margin:10px auto;float:none;width:auto;}
	.post .item img {max-width:100%;}
}
 
@media screen and (max-width: 640px) {
	.nav a {font-size: 12px;padding: 10px 10px;}
	
	.images {text-align:center;}
	.images .image {float:none;margin:10px auto;}
	
	.pad_bottom {padding-bottom:2em;}
	.prizes .left {float:none;width: 80%;margin: 0 auto;display: block;}
	
	
	.prizes .prize {float:none;width:auto;}
	.prizes .prize.second {margin:0;}
	
	.prize.sy-slide p {margin:0 10px;}
	.prizes .sy-pager {display:none;}
	
	.howto .right {display:none;}
	
	.location li a {padding:10px 5px;font-size:14px;}
	
	#map {height:auto;}
	#canvas {height:300px;}
	
	.location .info {position:static;width:100%;}
	.location .info .detail {margin:0;padding:10px;}
	.location .info.next .countdown {margin:10px 0;}
	.location .info.next .countdown p.date span {font-size:26px;}
	.location .info .countdown p {font-size:26px;}
	.location .info .badge {top:310px;right:10px;width:100px;height:100px;background-size:cover;}
	.location .info .badge span {font-size:16px;margin-top:30px;}
	
	.location .info .box {max-width:32%;}
	.location .info .box img {width:100%;}
	.location .info .follow b {font-size:28px;}
	.location .info .follow span {font-size:14px;margin:20px 0 0 30px;}
	
	.location .info span.arrow {display:none;}
	
	.post {margin-top:50px;}
	.post h2 {margin:0 10px 20px;}
	.post .items {width:auto;margin:0 10px;}
	
	.gallery .item {width:40%;}
	.gallery .item a.image {height:80px;}
}

@media screen and (max-width: 768px) {
 /* Add your styles for devices with a maximum width of 768 */
	#announce {margin:0 0 20px;width:auto;float:none;overflow:auto;}
	
	.gallery {width:auto;margin:0 10px 10px;}
	
 	.logo_part{
 		width: 60%;
 		float: none;
 		margin: 0 auto;
 		text-align: center;
 		padding: 10% 0 5% 0;
 	}

 	.logo_part.first, .detail_part.first{
 		padding: 5% 0 5% 0;
 	}

 	.detail_part{
 		float: none;
 		width: 90%;
 		margin: 0 auto;
 		padding: 1em 0 3em 0;
 		text-align: justify;
 	}

	.footer .sponsor {
  		width: 90%;
  		text-align: center;
		border-bottom: 1px solid #262626;
		margin: 0 5%;
		-webkit-box-shadow: 0px 1px 0px 0px rgba(51,51,51,1);
		-moz-box-shadow: 0px 1px 0px 0px rgba(51,51,51,1);
		box-shadow: 0px 1px 0px 0px rgba(51,51,51,1);
	}

	.footer .copyright {
	  	width: 100%;
	  	float: left;
	}

	.footer .copyright .aid_ele{
		width: 50%;
		text-align: center;
		margin: 0 auto;
		padding-top: 2em;
	}
	.copy_text{
		float: none;
  		text-align: center;
  		margin-left: -.4em;
  		padding-bottom: 1em;
	}

	.image_gallery {
	    width: 100%;
	    margin-bottom: 1.5em;
	}

	.painting_detail {
	    width: 90%;
	    float: none;
	    margin: 0 auto;
	}

	img.booklet_image {
	    width: 100%;
	    padding: 0 -3em;
	}

	.booklet_detail {
	    width: 90%;
	    text-align: center;
	    margin: 0 auto;
	    float: none;
	}

	.booklet_detail p {
    	padding: 1em;
	}

	.booklet a.button {
	    float: none;
	    margin: 0 auto;
	    /*display: block;*/
	    margin: 2em 0;
	}
}

@media screen and (min-width:641px) and (max-width: 768px) {
	.top_ele {margin-top: -13%;}
	.ele_left, .ele_right {width:20%;}
	
	#prizeWrap {margin:0 10px;}
	.prizes .prize {width:31%;}
	.prizes .prize img {max-width:100%;}
	
	.howto .right {width:350px;background-position: bottom left;}
	.howto .widget {margin-left:20px;}
	
	.post .items {width:auto;margin: 0 10px;}
	.post .item {width:48%;}
	.post .item img {max-width:100%;}
	
	.gallery .item {width:45%;margin: 20px 15px;}
}

@media screen and (max-width: 715px){
	img.ambass_photo {
	    width: 100%;
	    margin-right: 0px;
	    margin-bottom: 2em;
	}

	.ambass_detail {
	    width: 90%;
	    float: none;
	    margin: 0 auto;
	}

	.ambass .right_wrap img.ambass_photo {
	    float: left;
	    margin: 0px;
	    margin-bottom: 2em;
	}

	.ambass .right_wrap .ambass_detail, .ambass .left_wrap .ambass_detail {
	    text-align: center;
	}

	

	

}

@media screen and (max-width: 690px){
	.location .paragon, .location .asiatique, .location .lumpini {
	    width: 100%;
	    margin-bottom: 8em;
	}

	.location .asiatique {
    	margin-left: 0;
	}

	.location .lumpini {
	    margin-bottom: 3em;
	}

	.sponsor_wrap.big{
		display: none;
	}

	.sponsor_wrap.small{
		display: block;
	}

	.sponsor_wrap a.logo{
		width: 21%;
	}

	.booklet a.button {
	    display: block;
	}
}

@media screen and (max-width: 876px){
	.booklet_detail p {
    	padding: 1.6em 0 0 0;
	}
}
 
@media screen and (max-width: 1024px) {
 /* Add your styles for devices with a maximum width of 1024 */
}
 
/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
   /* Add your styles for devices with a maximum width of 1024 */
}
/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
  /* Add your styles for devices with a maximum width of 768 */
}