@media screen and (max-width:1200px) {  /*burger responsive*/
	html,body {
		width:100%;
		overflow-x: hidden;
	}
	body a{
		-webkit-tap-highlight-color: rgba(0,0,0,0);
	}
	.header-menu {
		width:100%;
		position: fixed;
		background-color:#f4f3ee;
		box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 80px 0 rgba(0, 0, 0, 0.1);
		height:60px;
	}
	.header-menu2 {
		width:100%;
		position: fixed;
		background-color:#f4f3ee;
		box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 80px 0 rgba(0, 0, 0, 0.1);
		height:60px;
	}
	#menus {
	    position: absolute;
	    margin:0;
	    width: 300px;
	    top:0;
	    left:-400px;
	    padding:155px 40px;
	    transform: translateX(0);
	    -webkit-transform: translateX(0);
	    -moz-transform: translateX(0);
	    -ms-transform: translateX(0);
	    transform: translate3d(0,0,0);
	    -webkit-transform: translate3d(0,0,0);
	    -moz-transform: translate3d(0,0,0);
	    -ms-transform: translate3d(0,0,0);
	    backface-visibility: hidden;
	    -webkit-backface-visibility: hidden;
	    -moz-backface-visibility: hidden;
	    -ms-backface-visibility: hidden;
		background-color: #f4f3ee;
		height:2000px;
	}

	.nav_menu {
	    left: 0; 
	    z-index: -1;
	    height:0;
	}
	.nav_menu ul li {
		display: block;
		-webkit-transition: all .5s cubic-bezier(0,.8,.51,.87);
		-moz-transition: all .5s cubic-bezier(0,.8,.51,.87);
		transition: all .5s cubic-bezier(0,.8,.51,.87);
		-webkit-transform: translateX(-100%);
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}

	.dropdown {
		-webkit-transition: all .5s cubic-bezier(0,.8,.51,.87);
		-moz-transition: all .5s cubic-bezier(0,.8,.51,.87);
		transition: all .5s cubic-bezier(0,.8,.51,.87);
		-webkit-transform: translateX(-125%);
		-moz-transform: translateX(-125%);
		transform: translateX(-125%);
		-webkit-transition-delay: .5s !important;
		-moz-transition-delay: .5s !important;
		transition-delay: .5s !important;
	}

	ul > li.item:nth-of-type(1) {
		-webkit-transition-delay: .2s;
		-moz-transition-delay: .2s;
		transition-delay: .2s;
	}
	ul > li.item:nth-of-type(2) {
		-webkit-transition-delay: .3s;
		-moz-transition-delay: .3s;
		transition-delay: .3s;
	}
	ul > li.item:nth-of-type(3) {
		-webkit-transition-delay: .4s;
		-moz-transition-delay: .4s;
		transition-delay: .4s;
	}
	ul > li.item:nth-of-type(4) {
		-webkit-transition-delay: .6s;
		-moz-transition-delay: .6s;
		transition-delay: .6s;
	}
	/*animation part */
	.animate #menus {
	    -webkit-transform: translateX(400px);
	    -moz-transform: translateX(400px);
	    -ms-transform: translateX(400px);
	    transform: translateX(400px);
		background-color: #f4f3ee;
    	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 80px 0 rgba(0, 0, 0, 0.1);
	}
	.burger {
	    display: block;
	    position: absolute;
	    padding-top: 8px;
	    right: 0;
	    top:5px;
	    padding-right:10px;
	}
	.bar1, .bar2, .bar3 {
	    width: 35px;
	    height: 3px;
	    background-color: #333;
	    margin: 6px 0;
	    transition: 0.4s;
	}
	.animate .burger {
		padding-right:0;
	}
	.animate .bar1 {
	    -webkit-transform: rotate(-45deg) translate(-9px, 4px);
	    transform: rotate(-45deg) translate(-9px, 4px);
	}

	.animate .bar2 {opacity: 0;}

	.animate .bar3 {
	    -webkit-transform: rotate(45deg) translate(-8px, -4px);
	    transform: rotate(45deg) translate(-8px, -4px);
	}

	.animate .nav_menu ul li {
		transform: translateX(0);
	}

	.animate .dropdown {
		transform: translateX(0);
	}

	#privacypolicy a {
	    white-space: normal;
	}

	#competitionpage a {
		white-space: normal;
	}

	.footer-content {
		width:100%;
		padding-bottom: 15%;
	}
	.copyright-section p:nth-child(even),
	.copyright-section p:nth-child(odd) {
    	float:none;
	}	
	.copyright-section p {
	    display: block;
	    text-align: center;
	}
	.copyright-section{
	    margin:0;
	}
	.dropdown {
		/*transition: height 300ms ease;
		-webkit-transition: height 300ms ease;
		-ms-transition: height 300ms ease;
		-moz-transition: height 300ms ease;*/
	}
	.dropdown-content {
		display: block;
		overflow:hidden;
		max-height:0;
		background-color: transparent;
		transition: max-height 0ms ease;
		-webkit-transition: max-height 0ms ease;
		-ms-transition: max-height 0ms ease;
		-moz-transition: max-height 0ms ease;
		box-shadow:none;
	}
	.slide-height {
		height:13%;
	}
	.slide-drop {
		max-height:220px;
	}

	.competition-col2 {
		padding-top: 0px;
	}

	ul.dp-menu {
		max-height: 30px;
		overflow: hidden;
		position: relative;
	}

	.arrow-d-icon {
		display: inline-block;
	    position: absolute;
	    height: 10px;
	    width: 10px;
	    top: 4px;
	    right: 87px;
	    border-left: 1px solid black;
	    border-bottom: 1px solid black;+
	   	-webkit-transition: all .5s cubic-bezier(0,.64,0,.86);
		transition: all .5s cubic-bezier(0,.64,0,.86);
	    -webkit-transform: rotate(-45deg);
	    transform: rotate(-45deg);
	}

	.arrow-d-icon.rotate-icon {
		-webkit-transform: rotate(135deg);
	    transform: rotate(135deg);
	    top: 10px;
	}

	#privacypolicy .arrow-d-icon {
		right: 50px;
	}

	#privacypolicy.tou .arrow-d-icon {
		right: 60px;
	}

}

@media only screen and (min-width: 768px) and (max-width: 980px){ 
	/*=======================================================
			BODY FOR HOMEPAGE
	=====================================================*/
	.nav_menu ul li a {
		padding-left:0px;
		color:black;
	}
	#logo {
		padding-left:40px;
	}
	p.pageTitle {
		margin-top:20%;
		padding:0;
		text-align: center;
	}
	.artnews-section {
	    padding-top: 11%;
	}
	p.hometitle {
		text-align: center;
	}
	.artnews-content {
		padding:0px;
		flex-direction: column;
	}
	#artnews-container {
		width:45%;
		margin:0 auto;
	}
	.artnews-inner {
	    width: 100%;
	}
	.artnews-inner img {
	    width: 100%;
	    height: auto;
	}
	.artnews-inner p {
    	width: 43%; 
	}
	.icon-section {
	    padding: 30px 40px;
	}
	.images {
	    -webkit-flex: 1 0 25%;
	    -moz-flex: 1 0 25%;
		-ms-flex: 1 0 25%;
	    flex: 1 0 25%;
	}

	.img {
		padding:0px;
	}
	.img img {
	    width: 30%;
	    padding-right: 2%;
	}
	.partners-content {
	    margin: 0 5%;
	}
	.centers {
		padding:10% 0;
	}

	/*======================================================
				BODY CONTENT FOR ART NEWS PAGE
	=====================================================*/
	.page-artnews-content {
	    width: 75%;
	}
	/*======================================================
				BODY CONTENT FOR THROUGH THE YEARS
	=====================================================*/
	.fi-content {
	    width: 45%;
	    top:20%;
	}
	#tty-history {
	    padding: 100px 0px;
	}
	#tty-gallery {
		padding-top:10%;
	}
	#gallery-caption {
	    width: 70%;
	}

	/*======================================================
				COMPETITION PAGE
	======================================================*/
	#competitionpage {
	    margin: 0 5%;
	    padding-top:150px;
	    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%;
	}

	/*=================================================
				BODY CONTENT FOR GALLERY DIRECTORY
	===================================================*/ 
	.winners-area {
		margin: 0 5%;
		padding-left:0;
		padding-right:0;
	}
	#directorypage p.directoryTitle {
	    margin-top: 3%;
	    padding: 0;
	    text-align: center;
	}
	p.dtitle {
		margin: 0 5%;
	}
	.single-winner {
	    padding-bottom: 10%;
	    flex: 1 0 30%;
	    -webkit-flex: 1 0 30%;
	    -moz-flex: 1 0 30%;
	    -ms-flex: 1 0 30%;
	}

	/*======================================================
				CONTACT PAGE
	======================================================*/
	#contact-container {
		padding-top: 10%;
		display: inline-block;
		width:100%;
	}
	#frow {
		display: block;
	}
	#phone,
	#subject {
		float:none;
	}
	.wpcf7 input.wpcf7-text { width: 100%; } 
	.wpcf7 textarea.wpcf7-textarea { width: 100%; } 
	/*======================================================
				FOOTER PART WITH NEWSLETTER
	======================================================*/
	.newsletter-content p:nth-child(2) {
	    width: 75%;
	}
	.newsletter2-content p:nth-child(2) {
	    width: 75%;
	}

	.footer-content {
		width: 95%;
	    margin: 0px auto;
	    padding: 0;
	}

	.footer-text{
		padding: 50px 10%;
	}
	.copyright-section {
	    padding: 0px 8%;
	}

	footer {
		background-image:url('../images/new-footer.JPG');
		background-size: cover;
	}

}

/*	#common breakpoints for footer */
@media screen and (max-width: 620px) and (min-width: 481px) {
	footer {
		height:830px;
	}
	.footer-text {
	    padding: 50px 0px;
	    display: flex;
	    display: -webkit-flex;
	    display: -moz-flex;
	    display: -ms-flexbox;
	    flex-direction: row;
	    -webkit-flex-direction: row;
	    -moz-flex-direction: row;
	    flex-direction: row;
	    flex-wrap: wrap;
	    -webkit-flex-wrap: wrap;
	    -moz-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	}
	.inner-text {
	    z-index: 1;
	    flex: 1 0 50%;
	    -webkit-flex: 1 0 50%;
	    -moz-flex: 1 0 50%;
	    -ms-flex: 1 0 50%;
	    padding-bottom: 40px;
	}
	.footer-content {
	    width: 80%;
	}
}