/*==================================================================
				RESPONSIVE LAYOUT FOR MOBILE
==================================================================*/
@media only screen and (min-width: 320px) and (max-width:480px) {
	html,body {
		width:100%;
		overflow-x: hidden;
	}
	body a{
		-webkit-tap-highlight-color: rgba(0,0,0,0);
	}
	#logo {
	    width: 20%;
	    padding-left: 20px;
	}
	.nav_menu ul li {
   		height: 3em;
	}
	.nav_menu ul li a {
	    padding-left: 0px;
	    color: black;
	}

	.burger {
		padding-right: 20px !important;
	}

	.animate .burger {
		padding-right: 10px !important;
	}


	#menus {
		padding-left: 20px !important;
	}
	/*===================================================
			GUIDELINES
	===================================================*/ 
	#headnext {
	    float: right;
	    right: -20px;
	}
	#headprev {
	    float: right;
	    left: -20px;
	}	
	#guidelines-page {
	    padding: 130px 20px 0;
	}
	/*=====================================================================
						SLIDER MENU
 	=====================================================================*/
 	.floating-box {
	    height: 36%;
	    width: 90%;
	    background-color: white;
	    position: relative;
	    top: 400px;
	    margin: 0 auto;
	    border-bottom: 7px solid #5c4c8a;
	    text-align: center;
	    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 80px 0 rgba(0, 0, 0, 0.19);
	}
 	.fb-content {
	    padding-top: 3px;
	}

	/*=========================================================================
		CONTENT (home page)
	=======================================================================*/
	p.hometitle {
	    text-align: center;
	    padding:0px;
	}
	.slider-menu {
		height:492px;
	}
	.artnews-section {
		width: auto;
	    padding: 80px 20px 0;
	}
	.even-news {
		flex-direction: column-reverse;
		-webkit-flex-direction: column-reverse;
		-moz-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
	}
	.news-content {
	    flex: 1 0;
	    -webkit-flex: 1 0;
	    -moz-flex: 1 0;
	    -ms-flex: 1 0;
	    padding-bottom: 15px;
	}
	.news-thumbnail {
	    flex: 1 0 100%;
	    -webkit-flex: 1 0 100%;
	    -moz-flex: 1 0 100%;
	    -ms-flex: 1 0 100%;
	    position: relative;
	    right: 0;
	}
	.news-thumbnail img {
		width:100%;
		height:auto;
	}
	.artnews-content {
	    padding: 0px 0px;
	     flex-direction: column;
	    -webkit-flex-direction: column;
	    -moz-flex-direction: column;
	    -ms-flex-direction: column;
	    -webkit-justify-content: flex-start;
	    -moz-justify-content: flex-start;
	    -ms-justify-content: flex-start;
	    justify-content: flex-start;
	    width: 100%;
	}
	.artnews-inner p {
	    width: 100%;
    	text-align: left;
    	position: initial;
	}
	.artnews-section {
	    position: relative;
	    height: 100%;
	}

	.artnews-inner {
	    width: 100%;
	    padding-right:0px;
	    float: none;
	    padding-bottom: 50px;
	}
	.artnews-inner img {
		width: 100%;
		height: auto;
	    display: block;
	}
	.inner-news {
		padding-bottom: 70px;
	}
	.join-section {
	    height:auto;
	    overflow: hidden;
	}
	.inner-icon {
	    padding-bottom: 23%;
	    width: 75%;
	}
	.images img {  /*image for paa winners*/
	    position: relative;
	    width: 100%;
	    height: auto;
	    max-width: none;
	}


	.tty {
	    height: auto;
	}
	.tty-content {
	    padding-top: 200px;
	}
	.tty p {
	    font-size: 120%;
	    position: relative;
	    top: -100px;
	}
	.tty span a {
	    font-size: 20px;
	    position: relative;
	    top: -100px;
	}
	#tty-gallery {
	    display: block;
	}

 .images {
 	width: 50%;
 	display: inline-block;
 }

	/*=========================================================================
						NEWSLETTER
	=========================================================================*/
	.newsletter-content p:nth-child(2) {
	    width: 85%;
	}
	.email {
	    width: 60%;
	}
	.emailbtn {
	    width: 25%;
	}

	.newsletter2-content p:nth-child(2) {
	    width: 85%;
	}

	/*==========================PARTNERS ==============================*/
	.img {
		padding:0px;
	}
	.img img {
	    width: 100%;
	    padding-bottom: 30px;
	}
	.centers {
	    padding:25px 0px;
	}
	.partners-content {
	    padding-top: 50px;
	    margin: 0 15%;
	}

	.art-news-page2 {
	    padding-top: 80px;
	}
	/*single*/
	#singlepage {
		padding-top:80px;
	}
	.single-page a {
		font-size:15px;
	}

	#singleimage {
		display: none;
	}

	#singledesc {
		width: 100%;
	}

	#otherpost2 {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-align-items: inherit;
		align-items: inherit;
		width: 100%;
	}
	.column2 {
		padding:0 0 15px;
		-webkit-flex: 1 0 100%;
		flex: 1 0 100%;
		max-width: inherit;
	}
	.column2 img {
		margin:0;
	}
	#otherpost2 img {
		width: 100%;
		height: auto;
	}

	#singlepage .image-container {
		height: auto;
	}

	.slick-slide {
		margin: 0;
	}


	section.regular {
		float: none;
		width: 100%;
	}

	.slick-prev {
		height: 100% !important;
		width: 20px !important;
		top: 50% !important;
	}

	button.slick-prev.slick-arrow:after {
		background-image: url(https://philippineartawards.org/wp-content/themes/philippineartawards/images/left-black.png);
		background-size: 60%;
		top: 0;
	}

	button.slick-next.slick-arrow {
	    right: 0;
	    left: unset;
	    top: 50%;
	    width: 20px;
	    height: 100%;
	}

	button.slick-next.slick-arrow:after {
	    background-image: url(https://philippineartawards.org/wp-content/themes/philippineartawards/images/right-black.png);
	    width: 100%;
	    height: 100%;
	    left: 0;
	    top: 0;
	    background-size: 60%;
	}


	/*========================================
					FOOTER
	 =========================================*/
	footer {
	   	height: auto;
	  	background-color: #1d1d1d;
	  	background-image:none;
	}
	.footer-text {
	    padding: 50px 12%;
	    display: flex;
	    display: -webkit-flex;
	    flex-direction: column;
	    flex-wrap: wrap;
	    display: -moz-flex;
	    display: -ms-flexbox;
	    flex-direction: row;
	    -webkit-flex-direction: row;
	    -moz-flex-direction: row;
	    flex-direction: row;
	}
	.footer-content {
	    padding-bottom: 65%;
	}
	.inner-text {
	    z-index: auto;
	    padding-bottom: 40px;
	    flex: 1 0 100%;
	    -webkit-flex: 1 0 100%;
	    -moz-flex: 1 0 100%;
	    -ms-flex: 1 0 100%;
	}
	.copyright-section {
	    display: block;
	    padding: 0px 40px;
	    text-align: center;
	    margin:0;
	}
	.copyright-section p:nth-child(odd),
	.copyright-section p:nth-child(even) {
	   	float:none;
	}

	.art-news-page2 .page-title {
	    text-align: center;
	    padding:0;
	}

	.page-artnews-content {
	    width: auto;
    	padding:0 20px;
	}

	.even_thumbnail {
		width:100%;
	}

	.even_thumbnail img {
		position: relative;
    	right: 15%;
	}

	#singlepost {
	    max-width: 100%;
	    padding: 0 20px;
	}
	.singlepage-title{
		padding-left:0px;
		text-align: center;
	}
	.next {
	    right: -19%;
	}
	.previous {
		left: -19%;
	}
	.toggle-arrows img {
	    width: 60%;
	    height: auto;
	}
	.lower {
  		margin: 0px 20px;
	}
	#other-stories {
	    font-size: 140%;
	    text-align: center;
	}

	#gap {
		padding-top: 0 !important;
	}

	.fi-content {
	    width: 100%;
	    margin: auto;
	    padding-top: 102px;
	}
	.featured-image {
		height: 200px;
	}
	.featured-image p {
	    font-size: 20px;
	}

	#tty-history {
	    padding: 100px 0px;
	}
	.tty-page-content {
	    height: auto;
	    position: relative;
	    top: 100%;
	    padding: 0px 20px;
	}
	#fcol,
	#scol,
	#gallery-caption {
		width:100%;
	}

	/*====================================================================
				GALLERY-DIRECTORY
	====================================================================*/
	#directorypage {
	    padding-top: 80px;
	}
	p.dtitle {
		padding-left: 20px;
	}
	.search-area {
	    width: 100%;
	    padding-left: 10%;
	}	
	.single-winner {
	    border-bottom: 1px solid rgba(0,0,0,0.1);
	    flex: 1 0 100%;
	    padding: 30px 0;
	}
	.winners-area {
		text-align: center;
		padding:50px 0px;
	}

	.lightbox-directory {
		overflow: auto;
	}
	.lightbox-content {
	    max-width: 100%;
	    margin: 0;
	    height: 100%;
	}

	span#closelb {
		display: block;
		cursor: pointer;
	}

	.lightbox-content > div {
		height: auto !important;
		flex-basis: 100% !important;
	}

	.lb-col2 > * {
	    padding: 12px;
	}
	h3 {
		margin:0;
	}

	/*=====================================================================
			CONTACT PAGE
	===================================================================*/
	#contact-desc {
	    padding-top: 30px;
	    width: 80%;
	}
	#contact-container {
		width:100%;
	}
	#contactpage {
		position: relative;
   		padding: 100px 20px;
	}
	.textwidget {
	    padding-top: 70px;
	    width: 100%;
	    margin: 0;
	}
	#frow {
		display: block;
	}

	#srow,#frow{
		padding-bottom: 0;
	}
	textarea {
	    padding: 5px 0px;
	}
	#email,#subject {
		float:left;
	}
	div.wpcf7 .wpcf7-form-control {
		max-width: 100%;
	}

	.wpcf7-textarea {
		width: 100%;
	}

	#phone,#subject,#email {
		width: 100%;
		float:none;
	}
	.wpcf7-text {
		width:95%;
	}

/*	div.wpcf7 .wpcf7-recaptcha iframe, div.wpcf7 .wpcf7-recaptcha > div:first-child {
		width: 100% !important;
	}

	 {
		width: auto;
	}*/

	/*==============================================================
					COMPETITION PAGE
	================================================================*/
	#competitionpage {
	    margin: 0 5%;
	    padding-top:80px;
	    padding-left:0px;
	}
	.competition-col1 {
		width:100%;
		text-align: center;
	}
	.competition-col2 {
		width:100%;
		padding-left:0px;
	}
	#competitionpage>p {
	    text-align: center;
	    padding-left:0;
	}
	#cra {
		width:100%;
	}


	/*terms of use*/
	#privacypolicy {
	    margin-left: 5%;
	    margin-right: 5%;
	    padding-left:0px;
	    padding-top:80px;
	}
	.privacy-col1 {
	    width: 100%;
	    text-align: center;
	}
	.privacy-col2 {
	    width: 100%;
	    padding-left:0px;
	    padding-top:0px;
	}
	#privacypolicy a {
	    white-space: normal;
	}
}


#closelb {
	font-size: 58px;
	position: absolute;
	font-weight: bold;
	right: 4px;
	display: none;
}