@media all and (max-width: 1075px) {
	.page-template-template-portfolio-php nav#main-nav { display: none; }
	.page-template-template-portfolio-php #dropdown-menu { display: block; }
	.page-template-template-portfolio-php #square { display: none; }
		
}


@media all and (max-width: 1000px) {
	#col5 { xdisplay: none; xclear:left; width:20%; }
	.cream-bg { width:60%; }
	#expertise-col4 {width:20%;}
}

/* QUERIES FOR IPAD/TABLETPC PORTRAIT */
@media only screen and (max-width: 1024px), only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

header { position: relative;	bottom: inherit; left: inherit; }
footer { position: relative;	bottom: inherit; left: inherit; }

}



/* QUERIES FOR IPAD/TABLETPC PORTRAIT */
@media only screen and (max-width: 768px), only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

.maincontent { width: 100%; height: auto; float: none; }
.mainside {	width: 100%; float: none;}
.mainside-bg { width: 100%; }
.single .mainside, .single .mainside-bg, .page-template-default .mainside, .page-template-default .mainside-bg { width: 100% !important; }
.single .maincontent, .halfcontent { width: 100% !important; }
.fullcontent { width: 100% !important; }
#fullscreen-bg { width: 100% !important; }
header { position: relative;	bottom: inherit; left: inherit; }
footer { position: relative;	bottom: inherit; left: inherit; }
#map { width: 100% !important; height: 300px; position: relative; }
#fullscreen-bg { width: 100% !important; height: 300px; position: inherit; top: inherit; z-index: 1; overflow: hidden; }
#loading { position: absolute; }

}

/* To correct top menu */
@media only screen and (max-width: 771px) {
	
	#dropdown-menu {
		display:block;
	}
	
	.ar #lang_sel_list { left:15px; right:inherit; margin:0; width:auto; top:20px;}
	/*
	.ar header .right_float {
		float:none !important;
	}
	
	.ar #dropdown-menu {
		width:100%;
		text-align:center;
		float:none;
	}
	*/
	
	nav#main-nav { display: none; }
	#square {display:none;}
	.filter-seperator { background: none !important; border:none;}	

	.openfilter {
		display:block;
		float:none;
	}
	
	#menu-project-filter li {
		float:none;
	}
	
	ul#menu-project-filter {
		clear:both;
		margin:0;
		display:none;
	}
	
	#menu-project-filter .sub-menu {
		position:relative;
		text-align:right;
	}
	
	#menu-project-filter a, #menu-project-filter li {
		background:#fff;
	}
	
	.filter-menu {
		float:right;
		text-align:right;
		position:relative;
	
	}
	
	#menu-project-filter {
		position:absolute;
		z-index:901;
		top:30px;
		right:0px;
		xborder:1px solid #000;
		width:auto;
		min-width:200px;
		padding:10px;
		background:transparent;
	}
	
	#menu-project-filter li {
		padding-right:10px;
	}
	
	#menu-project-filter .sub-menu {
		top:0;
		padding:0;
	}
	
}

/*@media only screen and (max-width: 755px) {*/
@media only screen and (max-width: 700px) {
	
	#expertise-col4 {
		width:100%;
	}


#footer-inner { height: auto; line-height: 21px; text-align: center; }
#totop { position: inherit; top: 0px; display: block; }
footer .left_float, footer .right_float { float: none; margin-top: 20px ; }
.one_fourth { width: 100%; }
.two_fourth { width: 100%; }
.three_fourth { width: 100%; }
#single-pagination { position: inherit; top:  inherit; right: inherit; margin-bottom: 20px; }
#single-pagination ul li { margin-left: 0px; margin-right: 1px; }
.entry-title { width: 100%; }
.ar #dropdown-menu { margin: 100px auto 0; }
.ar #responsive-nav { margin-top: 100px; }

#responsive-nav li a {
	text-transform:lowercase;
}

#responsive-nav ul.sub-menu {
	display:none !important;
}

#col3, #col4 {
	width:100%;
	float:none;
}

#region-col1 {
	width:100%;
	float:none;
}

#region-col2 {
	width:60%;
}

#region-col3 {
	width:40%;
}

#themap {
	width:100%;
	float:none;
}

#region-menu {
	width:auto;

}

#region-menu h3.menu-title {
	padding:2px 50px 3px 15px;}
	
#region-menu {
	position:relative;
	width:80%;
	margin:0 auto;
}

#region-menu ul {
	position:absolute;
	background:#fff;
	margin:0;
	width:100%;
	padding:0;
}

#region-menu ul li {
	background:#fff;
	width:100%;
	padding:0;
}

#region-menu a {
	padding:10px 14px;
	border-top:1px solid #bbb;
	display:block;
	background:#fff;
}

#region-menu li ul a {
	padding-left:35px;
}

.page-template-page-region-php #main {
	min-height:1100px;
}

#contact-col1 {
	width:40%;
}

#contact-col2 {
	width:60%;
}

#contact-col3 {
	width:100%;
	float:none;
}

.page-template-page-contact-php .col-inner {
	padding:10%;
}

body #contact-col2 div.ufo-fieldtype-6.ufo-customform-row.ufo-row-630 {
	clear:both;
	margin-top:17px !important;
}
}


/* QUERIES FOR IHONE/SMARTPHONES */

@media only screen and (max-width: 480px), only screen and (min-device-width : 320px) and (max-device-width : 480px) {

header { position: relative;	bottom: inherit; left: inherit; text-align: left; padding-bottom:30px; }
.page-template-template-portfolio-php header { padding-bottom:70px; }
header .left_float, header .right_float { float: none !important; margin-top: 0 ; }
#dropdown-menu { width: 100%; padding: 0px; text-align: center; float: none; }
.ar #dropdown-menu { margin-top:130px; }
#responsive-nav { width: 100%; text-align: left; margin-top: 140px;}
.filter {float: none; width: 100%; }
.filter ul li { padding-right: 0px; padding-left: 10px; }
.filter ul { width: 100%; text-align: left; }
.filter ul li a { padding-right: 0px; padding-left: 20px; }
.filter ul li a.active { background-position: left center; }
.filter-seperator { display: none; }	
#logo { display: inline-block; margin-top:0; text-align:left; }
.ar #logo { text-align:right; display:block; float:right !important; }
#main { padding-top: 0px; }
#map { width: 100%; height: 200px; position: relative; }
#single-pagination ul li a.close { margin-left: 0;}

#lang_sel_list { position:absolute; top:20px; right:15px; }
.header-right { position:inherit; }

.flex-direction-nav li { margin-top: -32px; width: 50px; height: 65px; }
.flex-direction-nav li a { width: 50px; height: 65px; }
.flex-direction-nav li .flex-next {background-position: -95px -17px; }
.flex-direction-nav li .flex-prev {background-position: -15px -17px; }

.masonry-item .flex-direction-nav li { width: 30px;	height: 30px; margin-top: -15px; }
.masonry-item .flex-direction-nav li a { width: 30px;	height: 30px; }
.masonry-item .flex-direction-nav li .flex-next { background-position: -190px 0px; }
.masonry-item .flex-direction-nav li .flex-prev { background-position: -160px 0px; }

.fancybox-prev span, .fancybox-next span { width: 50px; height: 65px; margin-top: -32px; }
.fancybox-prev span { background-position: -15px -17px; }
.fancybox-next span { background-position: -95px -17px; }

.column { 
	margin-right: 0;
	float: none;
	}

.one_full { width: 100%; float: none; margin-right: 0; }
.one_half  { width: 100%; }
.one_third { width: 100%; }
.two_third { width: 100%; }
.one_fourth { width: 100%; }
.two_fourth { width: 100%; }
.three_fourth { width: 100%; }

#loading { z-index: 101; }

.notfound h1 { font-size: 120px; line-height: 150px; }

#aboutus-menu-inner {
	padding-top:65px;
}

.col-inner, #expertise-col2 .col-inner {
	padding-bottom:0;
}

.filter-menu {
	text-align:center;
}

#menu-project-filter {
	width:100%;
	margin:0;
	padding:15px 0;
	background:#fff;
}

.page-template-template-portfolio-php h2.category {
	padding-top:130px;
}

#expertise-col2, #expertise-col3 {
	float:none;
	width:100%;
}

.header-box span, .map-titlebox span {
	padding-top:45px;
}

#region-col2, #region-col3 {
	width:100%;
	float:none;
}

#region-col2 {
	padding:10%;
	width:80%;
}

#region-col2 .col-inner {
	padding:0;
}

.col-inner #region-title {
	margin-bottom:20px;
}

.header-box {
	float:none;
}

#contact-col1, #contact-col2, #contact-col3 {
	width:100%;
	float:none;
}

#contact-col1 .attachment-post-thumbnail {
	display:none;
}

}