/* Smaller than standard 1280 (devices and browsers) */
@media only screen and (max-width: 1279px) {
	
}

/* Standard 960 to 1280 (devices and browsers) */
@media only screen and (min-width: 960px) and (max-width: 1100px) {
		#headerContainer, #bodyContainer, #footerContainer, #aboutContentContainer {
				width: 960px;
				box-sizing: border-box;
		}
		
		.sticky_menu {
				width: 960px;
				margin-left: -480px;
		}
		
		#rightSideBarContainer {
				display: none;
		}
		
		#rightSideBarContainer.placement_column {
				display: block;
		}
		
		#portoflioHeaderContainer, #portfolioContainer { 
				width: 920px;
		}
		
		.portfolioProjectWrapper {
				width: 32%;
				max-height: 620px;
				min-height: 620px;
		}
		
		.rating_area {
				width: 100%;
		}
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
		#headerContainer, #bodyContainer, #footerContainer, #aboutContentContainer, .bodyEndBlock {
				width: 768px;
				box-sizing: border-box;
		}
		
		.sticky_menu {
				width: 768px;
				margin-left: -384px;
		}
		
		h1, h2, h3, h4, h5, h6, .h1Thin, .h2Thin, .h3Thin, .h4Thin, .h5Thin, .commonPageTitle, .commonItemHeader, .sidebarPopularContainer .header, .galleryOtherHeader, .galleryListItemContainer h1, #servicesProductsHeader, #latestNewsHeader, .portfolioOtherHeader, .postRecentTitle, #servicesBigInfo .title, #servicesSmallInfo .title {
				font-size: 22px;
		}
		
		.columnText {
				font-size: 12px;
		}
		
		#rightSideBarContainer {
				display: none;
		}
		
		#rightSideBarContainer.placement_column {
				display: block;
		}
		
		.portfolioProjectWrapper {
				width: 49%;
		}
		
		#portfolioContainer, #portoflioHeaderContainer {
				width: 695px;
		}
		
		div.portfolioProjectWrapper:nth-child(2n) {
				border-right: 0;
		}
		
		.portfolioProjectWrapper:nth-child(3n) {
				border-right: 1px solid #eee;
		}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
		#headerContainer, #bodyContainer, #footerContainer, #aboutContentContainer, #contactContentContainer, .bodyEndBlock {
				width: 480px;
		}
		
		.columnServicesProducts, .columnLatestNews {
				width: 100%;
				background-image: none;
				padding-left: 0;
				padding-right: 40px;
				margin-bottom: 20px;
		}

		#headerContainer #title {
				font-size: 34px;
		}
		
		#headerContainer .titleSlogan {
				font-size: 14px;
				top: 30px;
		}
		
		nav ul {
				text-align: center;
		}
		
		nav ul li {
				margin: 0 2px 10px;
		}
		
		.sticky_menu {
				display: none !important;
		}
		
		#rightSideBarContainer {
				display: none;
		}
		
		#rightSideBarContainer.placement_column {
				display: block;
		}
		
		#postsContainer.placement, #rightSideBarContainer.placement_column {
				width: 100%;
				padding-right: 40px;
		}
		
		#rightSideBarContainer.placement_column {
				padding-left: 40px;
		}
		
		#contactContainer {
				width: 400px;
		}
		
		.commonTextarea {
				width: 100%;
		}
		
		#portfolioContainer, #portoflioHeaderContainer {
				width: 395px;
		}
		
		div.portfolioProjectWrapper, div.portfolioProjectWrapper:nth-child(3n)  {
				width: 100%;
				border-right: 0;
		}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
		#headerContainer, #bodyContainer, #footerContainer, .bodyEndBlock, #aboutContentContainer, #contactContentContainer {
				width: 300px;
		}
		
		.columnServicesProducts, .columnLatestNews {
				width: 100%;
				background-image: none;
				padding-left: 0;
				padding-right: 20px;
				margin-bottom: 20px;
		}
		
		#headerContainer {
				padding-right: 20px;
		}
		
		nav ul {
				text-align: center;
		}
		
		nav ul li {
				margin: 0 2px 10px;
		}
		
		.sticky_menu {
				display: none !important;
		}
		
		#corporateInfoContainer, .article, #headerContainer {
				padding-left: 20px;
		}
		
		#headerContainer #title {
				font-size: 18px;
		}
		
		#headerContainer .titleSlogan {
				font-size: 13px;
				top: 12px;
		}
	
		#headerContainer #communityThumbsContainer {
				margin-top: -25px;
		}
		
		.footerList {
				width: 49%;
				margin-bottom: 10px;
		}
		
		#rightSideBarContainer {
				display: none;
		}
		
		#rightSideBarContainer.placement_column {
				display: block;
		}
		
		#contactContainer {
				width: 240px;
		}
		
		.commonTextarea, .commonInput {
				width: 100%;
		}
		
		.portfolioProjectWrapper, .rating_area {
				width: 100%;
		}
		
		#portfolioContainer, #portoflioHeaderContainer {
				width: 280px;
				margin-left: 10px;
		}
		
		div.portfolioProjectWrapper, div.portfolioProjectWrapper:nth-child(3n)  {
				width: 100%;
				border-right: 0;
		}
		
		.portfolioProjectWrapper {
				max-height: 620px;
				min-height: 620px;
		}
		
		#postsContainer.placement, #rightSideBarContainer.placement_column {
				width: 100%;
				padding-right: 40px;
		}
		
		#rightSideBarContainer.placement_column {
				padding-left: 40px;
		}
}