/*-----------------------------------------------------------------------------------*/
/*	MEDIA QUERIES
/*-----------------------------------------------------------------------------------*/
/* iPad Landscape */
@media all and (min-width: 768px) and (max-width: 1260px) { 
	.inner {
	    width: 960px;
	}
	.inner_contact {
		width: 960px;
	}
	.inner_projects{
		width: 960px;
	}
	.inner_tab{
	    width: 960px;
	}
	.inner_header {
	    width: 960px;
		float: none;
	}
	
	.title_tab{
		margin-bottom: 220px;
	}
	
	.title_description{
		margin-top: 60px;
		margin-left: 0;
		width: 100%;
	}
	
	.description_container{
		width: 400px;	
		margin: 0 auto;
	}

	header .menu {
		float: left;
		margin-left: 300px;
		margin-top: 17px;
	}
	.items.col3 {
	    margin-right: -8px;
	}
	.items.col3 li {
	    margin: 0 8px 8px 0;
	    width: 230px;
	}
	.items.col4 {
	    margin-right: -8px;
	}
	.items.col4 li {
	    margin: 0 8px 8px 0;
	    width: 230px;
	}
	.items {
		clear: both;
		width: 100%;
	}
	.category-wrapper .carousel-wrapper,
	.touch-carousel {
	    width: 680px
	}
	.portfolio-detail-content-container .content {
	    width: 660px
	}
	.item-details {
	    width: 260px
	}
	#first.parallax .inner {
		padding-top: 110px;
	}
	#second.parallax .inner {
		padding-top: 110px;
	}
	#third.parallax .inner {
		padding-top: 110px;
	}
	#fourth.parallax .inner {
		padding-top: 110px;
	}
	.box-layout {
	    padding: 0;
	}
	.box-layout .body-wrapper {
		width: 100%;
	}
	.box-layout header {
		width: 100%;
	}
	.box-layout .portfolio-detail-view,
	.box-layout .portfolio-detail-view-remove	{	
		width:100%;
	}	
	
.home_img_right{
	width: 211px;
}

.home_img_left{
	width: 232px;
}

.envelope_img{
	left:-28px;
}
	
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media all and (min-width: 768px) and (max-width: 959px) { 
	.inner {
	    width: 720px;
	}
	.inner_contact {
		width: 720px;
	}
	
	.inner_projects{
		width: 720px;
		margin-top: 200px;
	}
	.inner_tab{
	    width: 720px;
	}
	.inner_header {
	    width: 720px;
		float: none;
	}
	.menu ul li {
	    margin-left: 40px;
	    margin-right: 0px;
	}
	.menu ul li a:before {
	    left: -22px;
	}
	.items.col3 {
	    margin-right: -9px;
	}
	.items.col3 li {
	    margin: 0 9px 9px 0;
	    width: 228px;
	}
	.items.col4 {
	    margin-right: -9px;
	}
	.items.col4 li {
	    margin: 0 9px 9px 0;
	    width: 228px;
	}
	
	.items.colClients {
	    margin-right: -8px;
	}
	.items.colClients li {
	    margin: 0 8px 8px 0;
	    width: 136px;
	}
	
	.items li a .overlay h3 {
	    font-size: 15px;
	    line-height: 17px;
	}
	
	.process .tab a {
	    padding: 10px 20px
	}
	.category-wrapper .category-info {
	    width: 100%;
	    margin-bottom: 10px;
	    float: none;
	    height: auto;
	    background: none;
	    padding: 0;
	}
	.category-wrapper .category-info h3 {
	    margin-bottom: 10px
	}
	.category-wrapper .carousel-wrapper,
	.touch-carousel {
	    width: 720px;
	    float: none;
	}
	.portfolio-detail-content-container .content {
	    width: 100%;
	    float: none;
	    margin-bottom: 20px;
	}
	.portfolio-detail-content-container .item-details {
	    width: 100%;
	    float: none;
	}
	.item-details {
	    width: 195px
	}
	.portfolio-bannercontainer,
	.portfolio-banner {
	    width: 720px
	}
	#testimonials {
	    width: 80%
	}
	#twitter-wrapper {
	    width: 80%;
	}
	.top-wrapper .tp-caption a.button {
	    padding-left: 20px;
	    padding-right: 20px;
	}
	#first.parallax .inner {
		padding-top: 100px;
	}
	#second.parallax .inner {
		padding-top: 100px;
	}
	#third.parallax .inner {
		padding-top: 100px;
	}
	#fourth.parallax .inner {
		padding-top: 100px;
	}
	.box-layout {
	    padding: 0;
	}
	.box-layout .body-wrapper {
		width: 100%;
	}
	.box-layout header {
		width: 100%;
	}
	.box-layout .portfolio-detail-view,
	.box-layout .portfolio-detail-view-remove	{	
		width:100%;
	}
	
	.resp-navigator {
	    display: block
	}
	
	.menu ul#tiny {
	    display: none
	}
	
	.ourskills_container_img{
		height: 320px;
		width: 450px;
	}
	
	.envelope_img{
		left:-70px;
	}
	

} /* END Smaller than standard 960 (devices and browsers) */
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media all and (min-width: 480px) and (max-width: 767px) { 
	.inner {
	    width: 440px;
	}
	.inner_contact {
		width: 440px;
	}
	.inner_tab{
	    width: 440px;
	}
	
	.inner_projects{
		width: 440px;
		margin-top: 200px;
	}
	.title_tab{
		margin-bottom: 220px;
	}
	
	.title_description{
		margin-top: 60px;
		margin-left: 0;
		width: 100%;
	}
	
	.description_container{
		width: 400px;	
		margin: 0 auto;
	}
	
	.inner_header {
	    width: 100%;
		float: left;
	}
	.menu ul#tiny {
	    display: none;
	}
	.tp-bullets {
	    display: none;
	}
	.items.col3 li {
	    width: 200px;
	}
	.items.col4 li {
	    width: 200px;
	}
	.items.colClients li {
	    width: 136px;
	}
	
	.items li a .overlay h3 {
	    font-size: 15px;
	    line-height: 17px;
	}
	.filter {
	    text-align: left;
	}
	.filter li a {
	    margin: 0 8px 10px 0;
	}
	img.right,
	img.alignright,
	img.left,
	img.alignleft,
	.alignleft,
	.alignright {
	    float: none;
	    margin: 0 0 20px 0;
	}
	.one-half,
	.one-third,
	.two-third,
	.three-fourth,
	.one-fourth,
	.one-fifth,
	.one-sixth {
	    margin: 0;
	    width: 100%;
	    margin-bottom: 40px;
	    float: none;
	}
	footer .one-half,
	footer .one-third,
	footer .two-third,
	footer .three-fourth,
	footer .one-fourth,
	footer .one-fifth,
	footer .one-sixth {
	    margin-bottom: 40px;
	}
	footer .last {
	    margin-bottom: 0;
	}
	.pricing.three .plan,
	.pricing.four .plan {
	    width: 100%;
	    float: none;
	    margin-left: 0;
	    margin-bottom: 20px;
	}
	.touch-gallery,
	.touch-gallery .touchcarousel-item {
	    height: 300px
	}
	.touch-gallery .touchcarousel-item img {
	    height: 300px !important;
	    width: auto !important;
	}
	.top-wrapper .touch-gallery {
	    height: 420px
	}
	.category-wrapper .category-info {
	    width: 100%;
	    margin-bottom: 10px;
	    float: none;
	    height: auto;
	    background: none;
	    padding: 0;
	}
	.category-wrapper .category-info h3 {
	    margin-bottom: 10px
	}
	.category-wrapper .carousel-wrapper,
	.touch-carousel {
	    width: 440px;
	    float: none;
	}
	.process .etabs {
	    text-align: left
	}
	.tab {
	    margin-bottom: 4px;
	}
	.tab-container .panel-container {
	    margin-top: 20px
	}
	.blog-grid .post {
	    width: 440px;
	    margin-right: 0;
	    float: none;
	}
	ul.contact-info li {
	    display: block
	}
	.content {
	    width: 440px;
	    float: none;
	}
	.portfolio-detail-content-container .content {
	    width: 100%;
	    float: none;
	    margin-bottom: 20px;
	}
	.sidebar,
	.item-details {
	    width: 440px;
	    float: none;
	}
	.sidebar {
	    border-top: 2px solid #efefef;
	    padding-top: 50px;
	    margin-top: 20px;
	}
	.portfolio-bannercontainer,
	.portfolio-banner {
	    width: 440px
	}
	.post .info .details {
	    max-width: 360px
	}
	.blog-grid hr {
	    display: block
	}
	.content .blog-grid .post {
	    width: 440px;
	    float: none;
	    margin-right: 0;
	}
	.content .blog-grid hr:nth-child(3n) {
	    display: block
	}
	.related-wrapper .related {
	    width: 440px;
	    float: none;
	    margin: 0 0 30px 0;
	}
	.related-wrapper {
	    padding-bottom: 23px
	}
	#comments .user {
	    display: none
	}
	#comments ul.children {
	    padding: 0 0 0 20px
	}
	.forms fieldset .text-input-row,
	.comment-form div.name-field,
	.comment-form div.email-field,
	.comment-form div.website-field {
	    width: 100%;
	    float: none;
	    margin-right: 0;
	    margin-bottom: 15px;
	}
	ul.retina-icons {
	    width: 110%;
	    margin-right: -4%;
	}
	ul.retina-icons li {
	    width: 44%;
	    margin-right: 4%;
	}
	.client-list .frame {
	    width: 215px
	}
	#testimonials {
	    width: 100%
	}
	#twitter-wrapper {
	    width: 100%;
	}
	.fancybox-title .fancybody {
	    display: none
	}
	.fancybox-title h2 {
	    margin: 0
	}
	.top-wrapper .tp-caption a.button {
	    padding-left: 20px;
	    padding-right: 20px;
	}
	.navigation a.back,
	.navigation a.next-post,
	.navigation a.prev-post {
	    float: none;
	    display: block;
	    width: 280px;
	    margin: 0 auto 10px;
	}
	#first.parallax .inner {
		padding-top: 100px;
	}
	#second.parallax .inner {
		padding-top: 100px;
	}
	#third.parallax .inner {
		padding-top: 100px;
	}
	#fourth.parallax .inner {
		padding-top: 100px;
	}
	.parallax h1 {
	    font-size: 45px;
	    line-height: 50px;
	    margin-bottom: 50px;
	}
	.parallax p {
	    line-height: 30px;
	    font-size: 25px;
	    margin-bottom: 50px;
	}
	#testimonials div {
	    line-height: 30px;
	    font-size: 25px;
	}
	#twitter ul li {
	    line-height: 30px;
	    font-size: 25px;
	}
	.box-layout {
	    padding: 0;
	}
	.box-layout .body-wrapper {
		width: 100%;
	}
	.box-layout header {
		width: 100%;
	}
	.box-layout .portfolio-detail-view,
	.box-layout .portfolio-detail-view-remove	{	
		width:100%;
	}
	.resp-navigator {
	    display: block
	}
	.tabLink{
		margin-right: 0px !important; 
	}
	
	.social_media_container {
		margin-bottom: 50px;
	}
	
	.ourskills_container_img{
		height: 250px;
		width: 350px;
	}
	.text-input-row{
		margin-bottom: 0px !important;
	}
	
	
} /* END Mobile Landscape Size to Tablet Portrait (devices and browsers) */
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media all and (max-width: 479px) { 
	.inner {
	    width: 240px;
	}
	
	.inner_contact {
		width: 240px;
	}
	.inner_tab{
	    width: 240px;
	}
	
	.inner_projects{
		width: 240px;
		margin-top: 300px;
	}
	
	.title_tab{
		margin-bottom: 300px;
	}
	
	.title_description{
		margin-top: 60px;
		margin-left: 0;
		width: 100%;
	}
	
	.description_container{
		width: 240px;	
		margin: 0 auto;
	}
	
	.inner_header {
	    width: 100%;
		float: left;
	}
	.menu ul#tiny {
	    display: none;
	}
	.tp-bullets {
	    display: none;
	}
	.items.col3 li {
	    width: 110px;
	}
	
	.items.col4 li {
	    width: 110px;
	}
	
	.items.colClients li {
	    width: 136px;
	}
	.filter {
	    text-align: left;
	}
	.filter li a {
	    margin: 0 8px 10px 0;
	}
	img.right,
	img.alignright,
	img.left,
	img.alignleft,
	.alignleft,
	.alignright {
	    float: none;
	    margin: 0 0 20px 0;
	}
	.one-half,
	.one-third,
	.two-third,
	.three-fourth,
	.one-fourth,
	.one-fifth,
	.one-sixth {
	    margin: 0;
	    width: 100%;
	    margin-bottom: 40px;
	    float: none;
	}
	footer .one-half,
	footer .one-third,
	footer .two-third,
	footer .three-fourth,
	footer .one-fourth,
	footer .one-fifth,
	footer .one-sixth {
	    margin-bottom: 40px;
	}
	footer .last {
	    margin-bottom: 0;
	}
	.pricing.three .plan,
	.pricing.four .plan {
	    width: 100%;
	    float: none;
	    margin-left: 0;
	    margin-bottom: 20px;
	}
	.category-wrapper .category-info {
	    width: 100%;
	    margin-bottom: 10px;
	    float: none;
	    height: auto;
	    background: none;
	    padding: 0;
	}
	.category-wrapper .category-info h3 {
	    margin-bottom: 10px
	}
	.category-wrapper .carousel-wrapper,
	.touch-carousel {
	    width: 240px;
	    float: none;
	}
	.touch-gallery,
	.touch-gallery .touchcarousel-item {
	    height: 300px
	}
	.touch-gallery .touchcarousel-item img {
	    height: 300px !important;
	    width: auto !important;
	}
	.top-wrapper .touch-gallery {
	    height: 420px
	}
	.process .etabs {
	    text-align: left
	}
	.tab {
	    margin-bottom: 4px;
	}
	.tab-container .panel-container {
	    margin-top: 20px
	}
	.blog-grid .post {
	    width: 280px;
	    margin-right: 0;
	    float: none;
	}
	ul.contact-info li {
	    display: block
	}
	.content {
	    width: 280px;
	    float: none;
	}
	.portfolio-detail-content-container .content {
	    width: 100%;
	    float: none;
	    margin-bottom: 20px;
	}
	.sidebar,
	.item-details {
	    width: 280px;
	    float: none;
	}
	.sidebar {
	    border-top: 2px solid #efefef;
	    padding-top: 50px;
	    margin-top: 20px;
	}
	.portfolio-bannercontainer,
	.portfolio-banner {
	    width: 280px
	}
	.post .info .details {
	    width: 100%;
	    margin-left: 0;
	    margin-top: 20px;
	}
	.blog-grid hr {
	    display: block
	}
	.content .blog-grid .post {
	    width: 440px;
	    float: none;
	    margin-right: 0;
	}
	.content .blog-grid hr:nth-child(3n) {
	    display: block
	}
	.related-wrapper .related {
	    width: 280px;
	    float: none;
	    margin: 0 0 30px 0;
	}
	.related-wrapper {
	    padding-bottom: 23px
	}
	#comments .user {
	    display: none
	}
	#comments ul.children {
	    padding: 0 0 0 20px
	}
	.forms fieldset .text-input-row,
	.comment-form div.name-field,
	.comment-form div.email-field,
	.comment-form div.website-field {
	    width: 100%;
	    float: none;
	    margin-right: 0;
	    margin-bottom: 15px;
	}
	ul.retina-icons {
	    width: 110%;
	    margin-right: -4%;
	}
	ul.retina-icons li {
	    width: 44%;
	    margin-right: 4%;
	}
	.client-list .frame {
	    width: 135px
	}
	.items li a .overlay {
	    padding: 15px
	}
	/*.items li a .overlay h3 {
	    font-size: 15px;
	    line-height: 17px;
	}
	.items li a .overlay span.meta {
	    display: none
	}*/
	
	.items li a .overlay h3 {
	    font-size: 15px;
	    line-height: 17px;
	}
	#testimonials {
	    width: 100%
	}
	#comments .info .meta {
	    display: block
	}
	#comments .info .meta:before {
	    display: none
	}
	.fancybox-title .fancybody {
	    display: none
	}
	.fancybox-title h2 {
	    margin: 0
	}
	.top-wrapper .tp-caption a.button {
	    padding-left: 20px;
	    padding-right: 20px;
	}
	.navigation a.back,
	.navigation a.next-post,
	.navigation a.prev-post {
	    float: none;
	    display: block;
	    margin: 0 0 10px 0;
	}
	#first.parallax .inner {
		padding-top: 100px;
	}
	#second.parallax .inner {
		padding-top: 100px;
	}
	#third.parallax .inner {
		padding-top: 100px;
	}
	#fourth.parallax .inner {
		padding-top: 100px;
	}
	.parallax h1 {
	    font-size: 35px;
	    line-height: 40px;
	    margin-bottom: 50px;
	}
	.parallax p {
	    line-height: 25px;
	    font-size: 20px;
	    margin-bottom: 50px;
	}
	#testimonials div {
	    line-height: 25px;
	    font-size: 20px;
	}
	#twitter ul li {
	    line-height: 25px;
	    font-size: 20px;
	}
	#twitter-wrapper {
	    width: 100%;
	}
	.box-layout {
	    padding: 0;
	}
	.box-layout .body-wrapper {
		width: 100%;
	}
	.box-layout header {
		width: 100%;
	}
	.box-layout .portfolio-detail-view,
	.box-layout .portfolio-detail-view-remove	{	
		width:100%;
	}
	.resp-navigator {
	    display: block
	}
	.tabLink{
		margin-right: 0px !important; 
	}
	.social_media_container {
		margin-bottom: 50px;
	}
	.ourskills_container_img{
		height: 160px;
		width: 240px;
	}
	.rod_layer{
		background-position: 61% 0 !important;
	}
		
	.forms fieldset .text-input, .forms fieldset .text-area, .searchform input{
		width: 142px;
	}
	
	.forms{
		padding: 205px 0 0;
	}
	
	.formRow {
		min-height: 10px;
		padding: 0 0 0 5px;
	}
	
	.formLabel{
		width:65px;
		font-size: 12px;
	}
	.envelope_img{
		width: 275px;
		height: 304px;
	}
	
	.paper_img{
		width: 256px;
		height: 380px;
		left: 10px;
	}
	
	.envelope_bottom_img{
		width: 275px;
		height: 176px;
		top: 128px;
	}
	
	input, textarea, select{
		font-size: 12px;
	}
	.forms fieldset .text-input-row, .comment-form div.name-field, .comment-form div.email-field, .comment-form div.website-field{
		margin-bottom: 0px;
	}
	.text-input-row{
		height: 14px;
	}
	
	.submitBtn{   
	 	margin-top: -100px;
	}
	.footer_rights p {
		font-size: 14px;
	}
	
	
} /* END Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */