/* #Media Queries
================================================== */

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		#main-wrapper,
		.row {
			width: 748px;
		}
		.grid_1 {
		width:62px;
		overflow:hidden;
		float:left;
		display:inline;
		margin:0 19px;
		}

		.grid_2 {
		width:86px;
		overflow:hidden;
		float:left;
		display:inline;
		margin:0 19px;
		}

		.grid_3 {
		width:149px;
		overflow:hidden;
		float:left;
		display:inline;
		margin:0 19px;
		}

		.grid_4 {
		width:210px;
		overflow:hidden;
		float:left;
		display:inline;
		margin:0 19px;
		}
		.grid_4.highlight-column {
		width:231px;
		}
		.grid_4.highlight-column h5 {
		width:195px;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
		}

		.grid_4.highlight-column p {
		width:195px;
		text-align:left;
		margin:0px auto 6px auto;
		}
		.grid_5 {
		width:382px;
		overflow:hidden;
		float:left;
		display:inline;
		margin:0 19px;
		}

		.grid_6 {
		width:335px;
		overflow:hidden;
		float:left;
		display:inline;
		margin:0 19px;
		}

		.grid_7 {
		width:542px;
		overflow:hidden;
		float:left;
		display:inline;
		margin:0 19px;
		}

		.grid_8 {
		width:458px;
		overflow:hidden;
		float:left;
		display:inline;
		margin:0 19px;
		}

		.grid_9 {
		width:523px;
		overflow:hidden;
		float:left;
		display:inline;
		margin:0 19px;
		}

		.grid_10 {
		width:796px;
		overflow:hidden;
		float:left;
		display:inline;
		margin:0 19px;
		}

		.grid_11 {
		width:862px;
		overflow:hidden;
		float:left;
		display:inline;
		margin:0 19px;
		}

		.grid_12 {
		width:750px;
		overflow:hidden;
		float:left;
		display:inline;
		margin:0 -19px;
		}
		.front-content {
			background: none;
		}
		
		.breadcrumb {
			width: 724px;
		}
		#map-box,
		#map-box iframe,
		#map-box embed  {
			width: 748px;
		}
		#mainmenu #menu {
		margin: 84px 0px 0px 110px;
		}
		#mainmenu ul li {
		list-style:none;
		position:relative;
		//padding: 8px 9px 13px 9px;
		}
		#mainmenu ul li.current_page_item {
		//padding: 8px 9px 13px 9px;
		}

		#mainmenu ul li:hover {
		//padding: 8px 9px 13px 9px;
		}
		#mainmenu ul {
		font-size:14px;
		}
		#mainmenu ul li.spacer {
		margin-right: 200px !important;
		}

		.login-button-area {
			position:relative;
			top:-44px;
			left:256px;
			z-index:50;
			}
		#logo,
		#header-wrapper-inner #logo {
			top: -26px;
			left: 212px;
			overflow: hidden;
			width: 280px;
			height: 90px;
		}
		
		.grid_4 img {
			width: 100%;
			height: 100%;
		}
		.grid_4.highlight-column img {
			margin-left: 0px;
		}
		
		.grid_4.footer-logo {
			padding-right: 30px;
		}
		.row-front-partner {
			width: 700px;
		}
		.slide-img-left{
			width: 300px;
			margin:38px 0px 0px 35px;
		}
		.slide-img-left{
		width:300px;
		margin:38px 0px 0px 65px;
		float:left;
		}
		.flex-direction-nav li a {
			display: none;
		}
		.slide-img-right {
		width:280px;
		margin:38px 35px 0px 0px;
		float:right;
		}
		.slide-text-left h1, .slide-text-right h1 {
		font-size:38px;
		line-height:38px;
		}
		.slide-text-center h1 {
			font-size:38px;
			line-height:38px;
			}

		.slide-text-left {
		width: 280px;
		margin: 46px 0px 0px 455px;
		float:left;
		}
		
		#header-wrapper {
			background-image: url(../images/header-glow.png);
			background-repeat: no-repeat;
			background-position: -60px 150px;
		}

		.slide-text-right {
		width:322px;
		margin:46px 0px 0px 46px;
		float:left;
		}

		.slide-text-center {
		width:700px;
		margin:46px auto;
		}

		/* Caption style */
		.caption-right {
		width:329px;
		margin:37px 0px 0px 385px;
		float:left;	
		}
		.caption-right img.alignleft {
			width: 128px;
			height: 48px;
		}

		.caption-left {
		width:319px;
		margin:37px 0px 0px 56px;
		float:left;	
		}

		.caption-center {
		text-align:center;
		width:700px;
		margin:95px auto 0px auto;
		} 


		.caption-right h4, .caption-left h4 {
		width:236px;
		margin-bottom:18px;
		color:#fff;
		float:left;
		font-size: 18px;
		}

		.caption-right p, .caption-left p {
		width:236px;
		color:#979797;
		float:left;
		}
		.slide-logo-left ,.slide-logo-right {
			display: none;
		}

		.maincontent-left-sidebar {
		background-position:250px 0px;
		}
		.maincontent-right-sidebar {
		background-position:504px 0px;
		background-repeat:repeat-y;
		}
		.two-clm .pricing-column{
		width:47.3%;	
		}

		.three-clm .pricing-column{
		width:30.5%;	
		}

		.four-clm .pricing-column{
		width:22.1%;	
		}

		#contactform .textarea {
			width: 240px;
		}
		#contactform .buttoncontact {
			float: left;
			margin-left: 0;
		}
		.blog-content {
		width:296px;
		float:left;	
		}


		.blog-img {
		width:294px;
		}

		.blog-img img {
		width:274px;
		}
		ul.popular-list li p.popular-title {
		width:109px;
		}

		.dedicated-desc-left,
		.dedicated-desc-right,
		.dedicated-desc-left p, .dedicated-desc-right p {
		width:164px;
		}
		.dedicated-desc-left img {
		width:200px;
		float:left;
		margin-left: -130px;
		width: 100%;
		}
		.dedicated-desc-right img {
		width:200px;
		float:right;
		margin-right: -130px;
		width: 100%;
		}
		.dedicated-title-left,
		.dedicated-title-right{
		background: none;
		text-align: left;
		}
		.pricing-logo-left,
		.pricing-logo-right {
			display: none;
		}
		.login-button-area {
		top:34px;
		left:160px;
		}
		.facebook-box {
			width: 90%;
		}
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		#main-wrapper,
		.row {
			width: 460px;
		}

		.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12 {
			width: 420px;
			margin-left: 10px;
			margin-right: 10px;
		}
		.front-content {
			background: none;
		}
		.front-content .grid_4,
		#bottom-wrapper .grid_4  {
			width: 440px;
			float: left;
			clear: both;
			margin-left: 10px;
			margin-right: 10px;
			margin-bottom: 20px;
		}
		.row-front-partner {
			width: 440px;
			padding-left: 0;
			padding-right: 0;
		}
		.grid_4.footer-logo img, 
		.grid_4.footer-logo p{
			margin-left: 0
		}
		#partner-logo li {
			display: inline;
			float: left;
			margin: 0 5px;
			width: 117px;
			height: 55px;
		}
		.breadcrumb {
			width: 440px;
		}
		/*Custom Drop-Down  */
		#mainmenu {
			width: 100%;
			margin: 0;
			position: relative;
			top: 100px;
		}
		#mainmenu select {
			margin-top: 5px;
			width: 425px !important;
			float: right;
			right: 20px;
			position: absolute;
			z-index: 100;
		}
		#mainmenu select.select-menu { 
			display: block !important;
			width:100%;
			background: #ffffff;
			color:#666666;
			padding: 8px 5px;
			font-size: 12px;
			line-height:21px;
			height: 30px;
			border: none;
			outline: none;
		 }

		 #mainmenu #menu {
		 	margin: 10px;
		 }
		 .main-menu {
		 	display: none;
		 }

		#logo,
		#header-wrapper-inner #logo {
			left: 76px;
			top: -16px;
			overflow: hidden;
			width: 280px;
			height: 100px;
		}
		
		#header-wrapper {
			background-image: url(../images/header-glow.png);
			background-repeat: no-repeat;
			background-position: -60px 180px;
		}

		.slide-img-left{
		width:248px;
		margin:80px auto 0px auto;
		float: none;
		}
		.slide-img-left img, 
		.slide-img-right img{
			margin: 0 auto !important;
			width: 100%;
		}
		.slide-img-right {
			float: none;
		width:248px;
		margin:120px auto 0px auto;
		}
		
		.front-content .grid_4 p {
			margin-bottom: 0px;
		}
		.grid_4.highlight-column img {
			display: block;
			margin: 8px 100px 10px 73px;
		}
		
		h1 {
			font-size: 32px;
		}
		h5 {
			margin: 10px 10px 12px 12px;
		}
		
		.caption-center p{
			margin:50px auto 0px auto;
			} 
		.slide-text-left, 
		.slide-text-right {
		    float: left;
		    margin: -40px 0 0 15px;
		    width: 440px;
		}
		.slide-text-left h1, 
		.slide-text-right h1{
			margin-top: -30px;
			font-size: 30px;
			line-height: 30px;	
			text-align: center;
		}
		.slide-text-right h1{
			margin-top: -60px;
		}
		.slide-text-left p, 
		.slide-text-left .button,
		.slide-text-right p, 
		.slide-text-right .button {
			display: none;
		}
		.slide-text-center {
		width:428px;
		margin:86px auto 26px auto;
		}
		.slide-text-center h1 {
			margin-top: 30px;
			font-size: 30px;
			line-height: 30px;
			margin-bottom: 30px;
		}
		.caption-right,
		.caption-left {
			display: none;
		}
		.caption-center {
			width: 428px;
			margin:20px auto 0px auto;
		}
		.flex-direction-nav li a,
		.flex-direction-nav {
			display: none;
		}
		.slide-logo-left,
		.slide-logo-right {
			display: none;
		}
		.pagetitle-left h1 {
		margin:62px 0px 0px 6px;
		}
		.login-button-area {
		position:relative;
		top:-48px;
		left:270px;
		}
		.maincontent-left-sidebar {
			background: none;
		}
		.sidebar-right {
			width: 100% !important;
		}
		.flow-bg {
		padding-bottom:20px;
		background-image:url(../images/about-flow-vertical.jpg);
		background-repeat:no-repeat;
		background-position:center center;
		}
		#feature-content{
			margin-top: 30px;
		}
		.two-clm .pricing-column,
		.three-clm .pricing-column,
		.four-clm .pricing-column{
		width: 432px;	
		margin: 0 auto 30px auto;
		}
		img.dd-icon {
			margin-left: 10px !important;
		}
		.dedicated-desc-right img {
		margin-right: -236px;
		}
		.pricing-logo-left,
		.pricing-logo-right {
			display: none;
		}
		.dedicated-title-right {
			background: none;
			text-align:left;
		}
		.addthis-box {
			border-right:1px solid #dcdcdc;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		border-radius: 5px;
		width: 432px;
		}
		.blog-img {
	    width: 426px;
		}
		.blog-img img {
			width: 96%;
			height: 100%;
		}
		.blog-content {
	    width: 450px;
		}
		#recentPostList {
			width: 420px !important;
		}
		#comment-form .textfield  {
			width: 400px;
		}
		#comment-form .textarea,
		#contactform .textarea {
			width: 420px !important;
		}
		.sidebar-right .sidebar-content {
		    padding-left: 0;
		}
		ul#portfolio-filter li {
			margin-bottom: 10px;
		}
		ul#portfolio-list-3col li,
		ul#portfolio-list-3col li div {
			width:360px;
		}
		ul#portfolio-list-3col li div img {
			width: 100%;
		}
		#map-box,
		#map-box iframe,
		#map-box embed {
			width: 458px;
		}
		form#contactform {
		margin-left: 18px;
		padding:0;
		}
		#contactform label {
			display: block;
			width: 100%;
			clear: both;
			font-size: 12px !important;
			margin-bottom: 5px !important;
			margin-left: 0;
		}
		#contactform .textfield {
			margin-bottom: 0px !important;
			width: 390px !important;
		}
		#contactform .textarea {
			width: 390px !important;
			margin-bottom: 10px !important
		}
		#contactform .buttoncontact {
			float: left;
		}
		.facebook-box {
			width: 90%;
		}
		.testi-text {
			width: 405px;
		}
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		#main-wrapper,
		.row {
			width: 300px;
			padding-left: 8px;
		}

		.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12 {
			width: 280px;
			margin-left: 2px;
			margin-right: 10px;
		}
		.front-content {
			background: none;
		}
		.front-content .grid_4,
		#bottom-wrapper .grid_4  {
			width: 280px;
			float: left;
			clear: both;
			//margin-left: 10px;
			margin-right: 10px;
			margin-bottom: 40px;
		}
		.row-front-partner {
			width: 280px;
			padding-left: 0;
			padding-right: 0;
		}
		.grid_4.footer-logo img, 
		.grid_4.footer-logo p{
			margin-left: 0
		}
		#partner-logo li {
			display: inline;
			float: left;
			margin: 0 5px;
			width: 117px;
			height: 55px;
		}
		.breadcrumb {
			width: 280px;
		}
		/*Custom Drop-Down  */
		#mainmenu {
			width: 100%;
			margin: 0;
			position: relative;
			top: 100px;
			left: 3px
		}
		#mainmenu select {
			margin-top: 5px;
			width: 265px !important;
			float: right;
			right: 20px;
			position: absolute;
			z-index: 100;
		}
		#mainmenu select.select-menu { 
			display: block !important;
			width:100%;
			background: #ffffff;
			color:#666666;
			padding: 8px 5px;
			font-size: 12px;
			line-height:21px;
			height: 30px;
			border: none;
			outline: none;
		 }

		 #mainmenu #menu {
		 	margin: 10px;
		 }
		 .main-menu {
		 	display: none;
		 }

		#logo,
		#header-wrapper-inner #logo {
			overflow: hidden;
			top: -20px;
			left: -4px;
			width: 280px;
			height: 100px;
		}
		
		#header-wrapper {
			background-image: url(../images/header-glow.png);
			background-repeat: no-repeat;
			background-position: -53px 265px;
			background-size: 728px 284px;
		}
		
		.grid_4 img {
			width: 100%;
			height: 100%;
		}
		.grid_4.highlight-column img {
			display: block;
			margin-left: 0px;
		}

		.slide-img-left{
		width:228px;
		margin:80px 0px 0px 30px;
		float:left;
		}

		.slide-img-left img {
		margin:0px auto;
		position:relative;
		z-index:99;
		}

		.slide-img-right {
		width:228px;
		margin:120px auto 0px auto;
		}
		.slide-img-center {
			margin-bottom: 20px;
		}
		.slide-text-left, 
		.slide-text-right {
		    float: left;
		    margin: -36px 0 0 12px;
		    width: 280px;
		}
		.slide-text-left h1, 
		.slide-text-right h1{
			margin-top: -15px;
			font-size: 30px;
			line-height: 30px;	
			text-align: center;
		}
		.slide-text-right h1{
			margin-top: -60px;
		}
		.slide-text-left p, 
		.slide-text-left .button,
		.slide-text-right p, 
		.slide-text-right .button {
			display: none;
		}
		.slide-text-center {
		width:228px;
		margin:86px auto 26px auto;
		}
		.slide-text-center h1 {
			margin-top: 30px;
			font-size: 30px;
			line-height: 30px;
			margin-bottom: 30px;
		}
		.caption-right,
		.caption-left {
			display: none;
		}
		.caption-center {
			width: 228px;
			margin:20px auto 0px auto;
		}
		.flex-direction-nav li a,
		.flex-direction-nav {
			display: none;
		}
		.slide-logo-left,
		.slide-logo-right {
			display: none;
		}
		.pagetitle-left h1 {
		margin:62px 0px 0px 6px;
		}
		.flow-bg {
		padding-bottom:20px;
		background-image:url(../images/about-flow-vertical.jpg);
		background-repeat:no-repeat;
		background-position:center center;
		}
		#feature-content{
			margin-top: 30px;
		}
		.two-clm .pricing-column,
		.three-clm .pricing-column,
		.four-clm .pricing-column{
		width: 272px;	
		margin: 0 auto 30px auto;
		}
		img.dd-icon {
			margin-left: 10px !important;
		}
		.dedicated-desc-left img,
		.dedicated-desc-right img {
			margin: 30px auto;
			display: block;
		}
		.pricing-logo-left,
		.pricing-logo-right {
			display: none;
		}
		.dedicated-title-right {
			background: none;
			text-align:left;
		}
		.addthis-box {
			border-right:1px solid #dcdcdc;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		border-radius: 5px;
		width: 276px;
		}
		.blog-img {
	    width: 266px;
		}
		.blog-img img {
			width: 96%;
			height: 100%;
		}
		.blog-content {
	    width: 270px;
		}
		#recentPostList {
			width: 220px !important;
		}
		#comment-form .textfield  {
			width: 200px;
		}
		#comment-form .textarea,
		#contactform .textarea {
			width: 220px !important;
		}
		.sidebar-right .sidebar-content {
		    padding-left: 0;
		}
		ul#portfolio-filter li {
			margin-bottom: 10px;
		}
		ul#portfolio-list-3col li,
		ul#portfolio-list-3col li div {
			width:220px;
		}
		ul#portfolio-list-3col li div img {
			width: 100%;
		}
		#map-box,
		#map-box iframe,
		#map-box embed {
			width: 296px;
		}
		form#contactform {
		margin-left: 18px;
		padding:0;
		}
		#contactform label {
			display: block;
			width: 100%;
			clear: both;
			font-size: 12px !important;
			margin-bottom: 5px !important;
			margin-left: 0;
		}
		#contactform .textfield {
			margin-bottom: 0px !important;
		}
		#contactform .buttoncontact {
			float: left;
		}
		.facebook-box {
			width: 92%;
		}
		.testi-text {
			width: 246px;
		}
	}