/*-------------------------------------------------------------------------*/

/* Media queries */


@media only screen and (min-width: 1000px) and (max-width: 1030px) {

	.arrowFooter,
	.arrowMain,
	.arrowAnota,
	.arrowCrump {
		left: 508px !important;
	}

	#anota:after,
	#breadCrump:after,
	#footer:after {
		left: 35%;
	}
}


@media only screen and (min-width : 1224px) {

	.arrowFooter,
	.arrowMain,
	.arrowAnota,
	.arrowCrump {
		left: 640px !important;
	}
}


@media only screen(max-width: 1366px) {

	.arrowFooter,
	.arrowMain,
	.arrowAnota,
	.arrowCrump {
		left: 680px !important;
	}
}



@media only screen and (min-width: 1440px) {

	.arrowFooter,
	.arrowMain,
	.arrowAnota,
	.arrowCrump {
		left: 710px !important;
	}

	#anota:after,
	#breadCrump:after,
	#footer:after {
		left: 39% !important;
	}
}


@media only screen and (min-width: 1600px) {

	.arrowFooter,
	.arrowMain,
	.arrowAnota,
	.arrowCrump {
		left: 795px !important;
	}

	#anota:after,
	#breadCrump:after,
	#footer:after {
		left: 40% !important;
	}
}


@media only screen and (min-width: 1920px) {

	.arrowFooter,
	.arrowMain,
	.arrowAnota,
	.arrowCrump {
		left: 960px !important;
	}

	#anota:after,
	#breadCrump:after,
	#footer:after {
		left: 42% !important;
	}
}


@media only screen and (min-width: 1140px) {

	.arrowFooter,
	.arrowMain,
	.arrowAnota,
	.arrowCrump {
		left: 563px;
	}

	#anota:after,
	#breadCrump:after,
	#footer:after {
		left: 38%;
	}
}



/*iPad lanscape*/
@media screen and (max-device-width: 960px) {

	/*Generale rules for the header, the navigation, the slider, the fixed header image, breadcrump and the teaser abd the anota section*/
	.teaserTitle {
		left: 50%;
	}

	.columns_Three {
		margin-left: 15px;
		width: 250px;
	}

	.arrowAnota,
	.arrowFooter,
	.arrowCrump {
		left: 515px;
		top: -2px;
	}

	.arrowMain {
		left: 500px;
		top: -2px;
	}

	.arrowinnerTitle {
		top: 36px;
	}

	#anota {
		margin-top: -60px;
	}

	#homeSlider .flex-direction-nav a {
		top: 50% !important;
	}

	#innerAnota p {
		font-family: 'robotolight' !important;
	}

	#mapHolder {
		height: 416px;
	}

	#footer:after,
	#anota:after,
	#breadCrump:after {
		left: 36%;
	}

	input,
	textarea,
	input[type="submit"] {
		-webkit-appearance: none;
		-webkit-border-radius: 0;
	}

	.flex-direction-nav .flex-prev {
		left: -15px !important;
	}

	.flex-direction-nav .flex-next {
		right: -15px !important;
	}

	#postSlider .flex-direction-nav .flex-prev,
	#latest .flex-direction-nav .flex-prev,
	#slideCase .flex-direction-nav .flex-prev,
	.singleProject .flex-direction-nav .flex-prev,
	.slider .flex-direction-nav .flex-prev {
		left: 0 !important;
	}

	#postSlider .flex-direction-nav .flex-next,
	#latest .flex-direction-nav .flex-next,
	#slideCase .flex-direction-nav .flex-next,
	.singleProject .flex-direction-nav .flex-next,
	.slider .flex-direction-nav .flex-next {
		right: 0 !important;
	}

	#latest .flex-direction-nav a {
		height: 25px;
	}

	#innerAnota h1,
	#breadCrump h1 {
		font-size: 20px;
	}

	#anota,
	#breadCrump {
		padding-bottom: 20px;
		padding-top: 30px;
	}

	#request p {
		font-size: 25px;
	}

	.footerTweets .tweet_list {
		height: 240px;
	}
}
@media only screen and (min-width:960px) and (max-width: 1152px) {

	#navi {
		display: none;
	}

	#naviRegular {
		display: none;
	}

		select#mobileNav,
	#mainNavRegular select {
		display: inline;margin-top: 5px;
	}
	#navigation{
		right: 10px;
	}
}


/* Tablet Portrait size -> standard 960 */
@media only screen and (min-width: 768px) and (max-width: 959px) {

	/*Generale rules for the header, the navigation, the slider, the fixed header image, breadcrump and the teaser abd the anota section*/
	.holder960,
	#feed {
		width: 700px;
	}

	.teaserTitle {
		left: 25%;
		top: 35%;line-height: normal;
		margin-left: -220px;
	}

	.teaserTitle h1 {
		font-size: 35px;
	}

	#navigation,
	#navigation.default {
		right: -25px;
	}

	#socials {
		display: none;
	}

	.arrowAnota,
	.arrowFooter,
	.arrowCrump {
		left: 385px;
		top: -2px;
	}

	.arrowMain {
		left: 380px;
		top: -2px;
	}

	.titleInner:after,
	#otherServices .titleInner:after,
	#ourProcess .titleInner:after,
	#ourClient .titleInner:after,
	.nameProfile:after {
		left: 308px !important;
	}

	.fourth_Columns {
		width: 165px;
	}

	.teamSocial {
		left: 25px;
	}

	.profile:after {
		left: 6px;
	}

	.arrowProfile {
		left: 46%;
		top: 50px;
	}

	#innerAnota p {
		font-family: 'robotolight' !important;
		font-size: 12px;
	}

	#homeSlider ul.slides li {
		margin-top: 11px;
	}

	#homeSlider .flex-direction-nav a {
		top: 58% !important;
	}

	.flex-caption-left h1,
	.flex-caption-right h1 {
		font-size: 26px;
		padding: 10px
	}

	.flex-caption-left h3,
	.flex-caption-right h3 {
		font-size: 12px;
	}

	.flex-caption-right,
	.flex-caption-left {
		margin-top: -45px;
	}

	.flex-caption-right {
		margin-right: -190px;
	}

	.flex-caption-left {
		margin-left: -190px;
	}

	#teaser img {
		margin-top: 70px;
	}

	#teaser.detached img {
		margin-top: 0px;
	}

	#anota.withSlider {
		margin-top: -7px !important;
	}

	#innerAnota h1,
	#breadCrump h1 {
		font-size: 20px;
	}

	#anota,
	#breadCrump {
		padding-top: 30px;
		padding-bottom: 20px;
	}

	#navigation{
		right: 10px;
	}

	#navi {
		display: none;
	}

	#naviRegular {
		display: none;
	}

		select#mobileNav,
	#mainNavRegular select {
		display: inline;margin-top: 5px;
	}


	/*About, pricing table, services*/
	.two_Columns {
		width: 311px;
	}

	.skillsHolder {
		width: 350px;
	}

	.columns_Three {
		width: 168px;
		margin-left: 10px;
	}

	.columns_Three h2:before {
		top: 40%;
	}

	#request p {
		font-size: 18px;
	}

	#request a {
		margin-top: 0;
	}

	.processDesc {
		width: 512px;
	}

	#slideCase {
		width: 475px;
	}

	#slideDesc {
		width: 180px;
	}

	#pricingContainer {
		margin-left: 10px;
	}

	.pricingtbl ul {
		width: 214px;
		margin-right: 14px
	}

	#pricingContainer .pricing-big li:first-child:after {
		left: 64px;
		top: 100px;
	}



	/*Process*/
	.process {
		margin-left: -3px;
		margin-right: 0;
		width: 175px;
	}

	.process a {
		font-size: 13px;
		padding: 5px 27px;
	}



	/*Testimonials*/
	#testimonial .testimoniaContainer div {
		width: 700px;
	}

	#testimonial:after {
		left: 196px;
		top: 30px;
	}

	#testimonial .testimoniaContainer {
		height: 280px;
	}

	.icon-quote-right-1:before {
		left: 44% !important;
	}

	.testimoniaContainer h3 {
		margin-top: 40px;
	}


	/*Under construction page*/
	.btnSubmit input[type="submit"] {
		left: 432px;
		top: -52px;
	}

	.countdown_amount {
		font-size: 110px;
	}

	.countdown_show4 .countdown_section {
		padding-right: 40px;
	}



	/*Portfolio*/
	#works .item {
		width: 205px;
		height: 164px;
	}

	.link,
	ul li.item a {
		width: 205px;
		height: 164px;
	}

	#works .item.four .link {
		width: 156px;
		height: 124px;
	}

	.link .hgroup h3 {
		font-size: 17px;
	}

	.item.four .link .hgroup h3 {
		font-size: 13px;
	}

	.item.four .link .hgroup {
		left: 9px;
	}

	.link i {
		font-size: 20px;
		left: -44px;
		line-height: 180px;
	}

	#works .item.four {
		height: 124px;
		width: 155px;
	}

	.item.four .link i {
		font-size: 19px;
		line-height: 170px;
	}

	.desc {
		width: 100%;
	}

	.info {
		width: 200px;
	}



	/*Shortcodes*/
	.accordion,
	.tabs,
	.lightbox,
	.slider,
	.message,
	.button,
	.skills,
	.tiptool,
	.cap,
	.quote,
	.youtubeVideo,
	.vimeoVideo,
	.table {
		width: 310px;
	}

	.alertBoxe {
		font-size: 13px;
	}

	.medium a {
		padding: 15px 15px;
	}

	.large a {
		font-size: 15px;
		padding: 20px 20px;
	}

	.quote .bq1:after {
		top: 133px;
	}

	.lightbox .link,
	ul li.item a {
		width: 100%;
		height: 98%;
	}

	.lightbox .link i {
		font-size: 30px;
	}


	/*Blog*/
	.container.blogPosts {
		width: 430px;
	}

	.container.widgetAside {
		width: 230px;
	}

	.postContent blockquote:after {
		top: 90px;
	}

	.widget .titleInner:after {
		left: 55px !important;
	}

	.postTitle:after,
	.postTitle:after,
	.commentscountTitle:after,
	.respondTitle:after {
		left: 146px;
	}

	.related li {
		width: 127px;
		margin-right: -1px;
		margin-left: 1px;
	}

	span.relTitle {
		font-size: 14px;
	}

	.related li span.date {
		font-size: 10px;
	}

	.tagsList li a {
		padding: 6px;
	}

	#postSlider .flex-direction-nav .flex-prev,
	#latest .flex-direction-nav .flex-prev,
	#slideCase .flex-direction-nav .flex-prev,
	.slider .flex-direction-nav .flex-prev {
		left: 0 !important;
	}

	#postSlider .flex-direction-nav .flex-next,
	#latest .flex-direction-nav .flex-next,
	#slideCase .flex-direction-nav .flex-next,
	.slider .flex-direction-nav .flex-next {
		right: 0 !important;
	}

	#latest .flex-direction-nav a {
		height: 25px;
	}

	.postMeta {
		left: 6px;
	}

	.postMeta li {
		padding: 3px 2px;
	}

	.respondForm input[type="text"],
	.respondForm input[type="email"] {
		width: 300px;
	}

	.respondForm textarea {
		width: 375px;
	}



	/*Contact and footer*/
	.contactForm,
	#map {
		width: 330px;
	}

	.contactForm input[type="text"],
	.contactForm input[type="email"],
	.contact input[type="number"],
	.contactForm textarea {
		width: 300px;
	}

	.contactForm input#submit {
		width: 313px;
	}

	input,
	textarea,
	input[type="submit"] {
		-webkit-appearance: none;
		-webkit-border-radius: 0;
	}

	#footer:after,
	#anota:after,
	#breadCrump:after {
		left: 31%;
	}

	.tweet_list {
		height: 66px;
	}


	/*Updated footer*/
	.footerWidget {
		width: 155px;
	}

	.flickr li {
		width: 46px;
	}

	.footerTweets .tweet_list {
		height: 320px;
	}

	.socialFact a {
		float: none;
	}

	.socialFact a:first-child {
		margin-bottom: 10px;
		margin-right: 0;
	}


}


/* Mobile Landscape Size -> Tablet Portrait size*/
@media only screen and (min-width: 480px) and (max-width: 767px) {


	/*Generale rules for the header, the navigation, the slider, the fixed header image, breadcrump and the teaser abd the anota section*/
	html {
		-webkit-text-size-adjust: none;
		-moz-text-size-adjust: none;
		-ms-text-size-adjust: none;
	}

	.holder960,
	#feed {
		width: 400px;
	}

	#header,
	#innerHeader {
		height: 70px;
	}

	#logo {
		float: left;
		text-align: center;
		margin-bottom: 10px;
	}

	#socials {
		display: none;
	}

	#navigation,
	#navigation.default {
		right: 20px;
		top: -10px;
	}

	#navi {
		display: none;
	}

	#naviRegular {
		display: none;
	}

	select#mobileNav,
	#mainNavRegular select {
		display: inline;
	}

	.teaserTitle {
		left: 0%;
		top: 35%;
		margin-left: 0px;
		width: 100%;
		text-align: center;
		line-height: normal;
	}

	.teaserTitle h1 {
		font-size: 30px;
	}

	#teaser img {
		margin-top: 115px;
	}

	#teaser.detached img {
		margin-top: 0px;
	}

	#intro p,
	.skillIntro {
		text-align: center;
	}

	#homeSlider ul.slides li {
		margin-top: 54px;
	}

	#homeSlider .flex-direction-nav a {
		top: 63% !important;
	}

	.flex-caption-left h1,
	.flex-caption-right h1 {
		font-size: 20px;
		padding: 8px;
	}

	.flex-caption-left h3,
	.flex-caption-right h3 {
		font-size: 12px;
		padding: 6px
	}

	.flex-caption-right,
	.flex-caption-left {
		margin-top: -45px;
	}

	.flex-caption-right {
		margin-right: -150px;
	}

	.flex-caption-left {
		margin-left: -150px;
	}

	#anota {
		margin-top: -9px !important;
	}

	.arrowMain {
		left: 286px;
	}

	#innerAnota h1,
	#innerCrump h1 {
		line-height: 0px;
		font-size: 16px;
		margin-bottom: 0px;
	}

	#breadCrump {
		padding-top: 30px;
	}


	.slider.flex-direction-nav .flex-prev {
		left: 0 !important;
	}

	.slider .flex-direction-nav .flex-next {
		right: 0 !important;
	}


	.arrowAnota,
	.arrowFooter,
	.arrowCrump {
		left: 285px;
		top: -2px;
	}

	#innerAnota h1,
	#breadCrump h1 {
		line-height: 40px;
	}

	#innerAnota p {
		font-family: 'robotolight' !important;
	}

	.titleInner:after,
	#otherServices .titleInner:after,
	#processSingle .titleInner:after,
	#showCase .titleInner:after,
	#ourProcess .titleInner:after,
	#ourClient .titleInner:after,
	#otherServices .titleInner:after,
	#ourProcess .titleInner:after,
	.elementSec .titleInner:after,
	#showCase .titleInner:after,
	#relatedItem .titleInner:after,
	#processSingle .titleInner:after,
	#ourClient .titleInner:after,
	.nameProfile:after {
		left: 159px;
	}



	/*About, pricing table, services*/

	#clientHolder .slides li {
		width: 400px !important;
		margin-right: 0;
	}

	.fourth_Columns {
		width: 388px;
		float: none;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.fourth_Columns:last-child {
		margin-bottom: 0;
	}

	.teamSocial {
		left: 130px;
	}

	.profile:after {
		left: 116px;
	}

	.arrowProfile {
		left: 49%;
		top: 50px;
	}

	.skillsHolder {
		margin-top: 30px;
	}

	#services {
		padding-bottom: 15px;
	}

	#servicesContent .columns_Three:last-child {
		margin-bottom: 0;
	}



	#pricingContainer {
		margin-left: 10px;
		margin-top: 100px
	}

	.pricingtbl ul {
		width: 380px;
		float: none;
		margin-right: 0;
		margin-bottom: 50px;
	}

	.pricingtbl ul:last-child {
		margin-bottom: 0;
	}

	.pricingtbl ul:nth-child(2n) {
		margin-bottom: 5px;
	}

	#pricingContainer .pricing-big li:first-child:after {
		left: 144px;
		top: 100px;
	}


	/*Process*/
	.process {
		margin-left: 56px !important;
		margin-right: 0;
		width: 293px;
		float: none;
		margin-bottom: 30px;
	}

	.process:last-child {
		margin-bottom: 0;
	}

	.process a {
		padding: 5px 80px;
	}


	.two_Columns,
	.columns_Three {
		width: 390px;
		float: none;
		margin-right: 0;
	}

	.columns_Three {
		margin-bottom: 30px;
		margin-left: 0 !important;
	}

	.columns_Three:last-child {
		margin-bottom: 0;
	}

	.columns_Three h2:before {
		top: 52%;
	}


	/*Testimonials*/
	#testimonial .testimoniaContainer div {
		width: 390px;
	}

	#testimonial .testimoniaContainer {
		height: 285px;
	}

	.icon-quote-right-1:before {
		left: 40% !important;
	}

	.nameProfile:after {
		left: 155px;
	}




	/*Under construction page*/
	.notForm input[type="email"] {
		width: 380px;
	}

	.btnSubmit input[type="submit"] {
		left: 262px;
		top: -52px;
	}

	.counting {
		padding-bottom: 0;
	}

	.countdown_amount {
		font-size: 65px;
	}

	.countdown_show4 {
		margin-left: 5px;
		margin-right: 5px;
	}

	.countdown_show4 .countdown_section {
		padding-right: 20px;
		margin-top: 30px;
	}

	.error h1 {
		font-size: 32px;
		margin-bottom: 23px;
	}

	.elementsContent {
		padding-bottom: 0;
	}

	.elements .title {
		margin-bottom: 20px;
	}


	/*Portfolio*/
	#catContainer {
		text-align: left;
	}

	ul#category li a {
		margin-right: -6px;
	}

	#works .item {
		float: none;
		margin-right: 40px;
	}

	#works {
		margin-left: 53px;
	}

	#works .item.four,
	.item.four .link {
		width: 293px;
		height: 234px;
	}

	.desc {
		width: 100%;
		float: none;
		margin-bottom: 50px;
	}

	.info.column {
		float: none;
		margin: 0 !important;
	}

	.item.four .link i {
		line-height: 252px;
	}



	/*Shortcode*/
	.innerprocessSingle,
	.processDesc {
		float: none;
		text-align: center;
	}

	.processDesc {
		width: 400px;
	}

	.singleP {
		margin-left: 110px;
	}

	#slideCase {
		float: none;
		width: 400px;
	}

	#slideDesc.column,
	.table.column {
		float: none;
		margin: 0 !important;
	}

	.column {
		margin: 0 !important;
	}

	#slideDesc ul {
		margin-bottom: 40px;
	}

	.accordion,
	.tabs,
	.lightbox,
	.slider,
	.message,
	.button,
	.skills,
	.tiptool,
	.cap,
	.quote,
	.youtubeVideo,
	.vimeoVideo,
	.table {
		width: 400px;
	}

	.accordion,
	.lightbox,
	.message,
	.skills,
	.cap,
	.youtubeVideo {
		margin-bottom: 40px !important;
	}

	.quote .bq1:after {
		top: 107px;
	}

	.lightbox .link {
		width: 100%;
		height: 98%;
	}

	.slider .flex-direction-nav .flex-prev {
		left: 0 !important;
	}

	.slider .flex-direction-nav .flex-next {
		right: 0 !important;
	}




	/*Blog*/
	.container.blogPosts,
	.container.widgetAside {
		float: none;
		display: block;
		margin-right: 0;
		margin-left: 2px;
	}

	.container.blogPosts {
		margin-bottom: 60px;
	}

	.container.blogPosts {
		width: 390px;
	}

	.container.widgetAside {
		width: 390px;
	}

	.tagsList li a {
		padding: 6px;
	}

	.postMeta {
		left: 34px;
	}

	.postTitle:after,
	.commentscountTitle:after,
	.respondTitle:after {
		left: 123px;
	}

	.postMeta li,
	.postMeta a {
		margin-bottom: 1px;
	}

	.postMeta li {
		padding: 3px 10px;
	}

	.widget .titleInner:after {
		left: 134px;
	}

	.widgetTweets .tweet_list {
		height: 140px;
	}

	.postContent blockquote:after {
		top: 112px;
		width: 250px;
	}

	.related li {
		width: 160px;
		margin-bottom: 20px;
	}

	.related li:last-child {
		margin-bottom: 0;
	}

	.respondForm input[type="text"],
	.respondForm input[type="email"] {
		width: 280px;
	}

	.respondForm textarea {
		width: 330px;
	}


	/*Contact and footer*/
	.contactForm,
	#map {
		width: 390px;
		float: none;
		margin-right: 0;
	}

	#map {
		margin-top: 50px;
	}

	.contactForm input[type="text"],
	.contactForm input[type="email"],
	.contact input[type="number"] {
		width: 380px;
	}

	.contactForm textarea {
		width: 383px;
	}

	.contactForm input#submit {
		width: 396px;
	}

	input,
	textarea,
	input[type="submit"] {
		-webkit-appearance: none;
		-webkit-border-radius: 0;
	}

	.contactInfo {
		width: 390px;
		font-size: 13px;
	}

	#footer:after,
	#anota:after,
	#breadCrump:after {
		left: 24%;
	}

	.tweet_list {
		height: 140px;
	}



	/*Updated footer*/
	.footerWidget {
		width: 400px;
		float: none;
		margin-right: 0;
		margin-bottom: 40px;
	}

	.footerWidget:last-child {
		margin-bottom: 0px;
	}

	.footerTweets .tweet_list {
		height: 140px;
	}

	.footerBottom p {
		float: none;
		text-align: center;
	}

	.footerBottom ul#socialsFooter {
		text-align: center;
		margin-top: 12px;
		float: none;
	}

	#teaser.videoHeader {
		margin-top: 110px;
	}


}


/* Mobile Portrait Size -> Mobile Landscape Size */
@media only screen and (max-width:479px) {

	/*Generale rules for the header, the navigation, the slider, the fixed header image, breadcrump and the teaser abd the anota section*/
	html {
		-webkit-text-size-adjust: none;
		-moz-text-size-adjust: none;
		-ms-text-size-adjust: none;
	}

	.holder960,
	#feed {
		width: 230px;
	}

	#header,
	#innerHeader {
		height: 80px;
	}

	#navigation,
	#navigation.default {
		right: 5px;
		top: -10px;
	}

	#navi {
		display: none;
	}

	#naviRegular {
		display: none;
	}

	select#mobileNav,
	#mainNavRegular select {
		display: inline;
	}

	#logo {
		float: left;
		text-align: center;
		margin-bottom: 10px;
	}

	#socials {
		display: none;
	}



	#teaser img {
		margin-top: 122px;
	}

	#teaser.detached img {
		margin-top: 0;
	}

	.teaserTitle {
		left: 0%;
		top: 35%;
		margin-left: 0px;
		width: 100%;
		text-align: center;
	}

	.teaserTitle h1 {
		font-size: 22px;
		line-height: 42px;
		margin-bottom: 15px;
	}

	#anota {
		margin-top: -6px !important;
	}

	#breadCrump {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	#innerAnota h1,
	#innerCrump h1 {
		line-height: 30px;
		font-size: 18px;
		margin-bottom: 0px;
	}

	#breadCrump p {
		font-size: 10px;
	}

	#innerAnota p {
		font-family: 'robotolight' !important;
	}

	.titleInner:after,
	#otherServices .titleInner:after,
	#ourProcess .titleInner:after,
	#ourClient .titleInner:after {
		left: 75px;
	}

	.nameProfile:after {
		left: 70px;
	}

	#intro p,
	.skillIntro {
		text-align: center;
	}

	.title h1 {
		font-size: 34px;
	}

	.titleInner h1 {
		font-size: 21px;
	}

	#homeSlider ul.slides li {
		margin-top: 63px;
	}

	#homeSlider ul.slides li img {
		max-height: 100%;
	}

	#homeSlider .flex-direction-nav a {
		top: 67% !important;
	}

	.flex-caption-left h1,
	.flex-caption-right h1 {
		font-size: 14px;
		padding: 6px;
	}

	.flex-caption-left h3,
	.flex-caption-right h3 {
		font-size: 9px;
		padding: 4px
	}

	.flex-caption-right,
	.flex-caption-left {
		margin-top: -45px;
	}

	.flex-caption-right {
		margin-right: -115px;
	}

	.flex-caption-left {
		margin-left: -115px;
	}

	#anota {
		margin-top: -7px;
	}



	/*About, pricing table, services*/


	#clientHolder .slides li {
		width: 230px !important;
		margin-right: 0;
	}

	.fourth_Columns {
		width: 220px;
		float: none;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.fourth_Columns:last-child {
		margin-bottom: 0;
	}

	.teamSocial {
		left: 53px;
	}

	.profile:after {
		left: 36px;
	}

	.arrowProfile {
		left: 49%;
		top: 50px;
	}

	.skillIntro h1 {
		line-height: 40px;
	}

	.skillsHolder {
		margin-top: 30px;
	}


	/*Process*/
	.innerprocessSingle,
	.processDesc {
		float: none;
		text-align: center;
	}

	.processDesc {
		width: 220px;
	}

	.process {
		margin-left: 5px !important;
		margin-right: 0;
		width: 220px;
		float: none;
		margin-bottom: 30px;
	}

	.process:last-child {
		margin-bottom: 0;
	}

	.process a {
		padding: 5px 40px;
	}

	.processDesc p {
		text-align: center;
	}

	.singleP {
		margin-left: 30px;
	}

	#slideCase {
		float: none;
		width: 220px;
	}

	#slideDesc.column,
	.table.column {
		float: none;
		margin: 0 !important;
	}

	.column {
		margin: 0 !important;
	}

	#slideDesc ul {
		margin-bottom: 40px;
	}

	.titleInner:after,
	#ourProcess .titleInner:after,
	.elementSec .titleInner:after,
	#showCase .titleInner:after,
	#relatedItem .titleInner:after,
	#processSingle .titleInner:after,
	#ourClient .titleInner:after,
	.nameProfile:after {
		left: 75px;
	}



	/*Under construction page*/
	.notForm input[type="email"] {
		width: 220px;
	}

	.btnSubmit input[type="submit"] {
		left: 139px;
		width: 100px;
		font-size: 12px;
		top: -52px;
	}

	.countdown_show4 .countdown_section {
		padding-right: 0;
	}

	.countdown_amount {
		display: block;
		margin-bottom: 20px;
		width: 180px;
	}

	.countdown_show4 {
		margin-left: 0px;
	}

	.error h1 {
		font-size: 32px;
		margin-bottom: 13px;
		line-height: 43px;
	}

	.elementsContent {
		padding-bottom: 0;
	}





	/*Pricing table*/
	#pricingContainer {
		margin-left: 3px;
		margin-top: 90px;
	}

	.pricingtbl ul {
		width: 220px;
		float: none;
		margin-right: 0;
		margin-bottom: 50px;
	}

	.pricingtbl ul:last-child {
		margin-bottom: 0;
	}

	.pricingtbl ul:nth-child(2n) {
		margin-bottom: 5px;
	}

	#pricingContainer .pricing-big li:first-child:after {
		left: 67px;
		top: 100px;
	}




	/*Testimonials*/
	.two_Columns,
	.columns_Three,
	#testimonial {
		width: 220px;
		float: none;
		margin-right: 0;
	}

	.columns_Three {
		margin-left: 0;
	}

	.columns_Three h2:before {
		top: 43%;
	}

	.columns_Three {
		margin-bottom: 30px;
	}

	#servicesContent .columns_Three:last-child {
		margin-bottom: 0;
	}

	#testimonial .testimoniaContainer div {
		width: 220px;
	}

	.testimoniaContainer h3 {
		float: none;
	}

	#testimonial .testimoniaContainer {
		height: 380px;
	}

	#testimonial:after {
		left: 75px;
		top: 77px;
	}

	.icon-quote-right-1:before {
		left: 31% !important;
	}




	/*Portfolio*/
	ul#category li {
		display: block;
		height: 50px;
	}

	ul#category li a {
		margin-right: 0;
	}

	#works .item {
		float: none;
		margin-right: 40px;
		width: 220px;
		height: 100%;
	}

	#works {
		margin-left: 5px;
	}

	.link,
	ul li.item a {
		width: 220px;
		height: 98%;
	}

	.link .hgroup h3 {
		font-size: 17px;
	}

	.link i,
	.item.four .link i {
		font-size: 22px;
		line-height: 215px;
	}

	.desc {
		width: 100%;
		float: none;
		margin-bottom: 50px;
	}

	.info.column {
		float: none;
		margin: 0 !important;
	}



	/*Shortcode*/
	.accordion,
	.tabs,
	.lightbox,
	.slider,
	.message,
	.button,
	.skills,
	.tiptool,
	.cap,
	.quote,
	.youtubeVideo,
	.vimeoVideo,
	.table {
		width: 220px;
	}

	.accordion,
	.lightbox,
	.message,
	.skills,
	.cap,
	.youtubeVideo {
		margin-bottom: 40px !important;
	}

	.quote .bq1:after {
		top: 176px;
		width: 150px;
	}

	.lightbox .link {
		width: 100%;
		height: 97%;
	}

	.lightbox .link i {
		line-height: 170px !important;
	}

	.slider .flex-direction-nav .flex-prev {
		left: 0 !important;
	}

	.slider .flex-direction-nav .flex-next {
		right: 0 !important;
	}

	.large a,
	.small a,
	.medium a,
	.smaller a {
		margin-right: 1px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.elementSec .titleInner h1 {
		font-size: 17px;
	}

	a.close {
		right: 8px;
		top: 33px;
	}





	/*Blog*/
	.container.blogPosts,
	.container.widgetAside {
		float: none;
		display: block;
		margin-right: 0;
		margin-left: 2px;
	}

	.container.blogPosts {
		margin-bottom: 60px;
	}

	.container.blogPosts,
	.container.widgetAside {
		width: 220px;
	}

	.postContent {
		padding-top: 140px;
	}

	.postTitle h1,
	.postTitle h1 a,
	.commentscountTitle h1,
	.respondTitle h1 {
		font-size: 15px;
	}

	.tagsList li a {
		padding: 6px;
	}

	#postSlider .postMeta,
	.postMeta {
		bottom: -120px;
		left: 9px;
	}

	.postTitle:after,
	.commentscountTitle:after,
	.respondTitle:after {
		left: 37px;
	}

	.arrowpostTitle {
		top: 39px;
	}

	.postPagination .prev a,
	.postPagination .next a,
	.postPagination li a {
		margin-bottom: 3px;
	}

	.postTitle h1 {
		line-height: 24px;
	}

	.postMeta li,
	.postMeta a {
		margin-bottom: 1px;
	}

	.postMeta li {
		padding: 3px 10px;
	}

	.widget .titleInner:after {
		left: 50px;
	}

	.widgetTweets .tweet_list {
		height: 240px;
	}

	.respondForm input[type="text"],
	.respondForm input[type="email"] {
		width: 170px;
	}

	.respondForm textarea {
		width: 170px;
	}

	.postContent blockquote:after {
		top: 191px;
		width: 110px;
	}

	.tags a {
		display: block;
		margin-bottom: 5px;
		margin-top: 8px;
	}

	.related li {
		margin-bottom: 15px;
		width: 180px;
		margin-left: 0;
	}

	.related li:last-child {
		margin-bottom: 0;
	}

	.comments .replys {
		margin-left: 7px;
	}

	#postSlider .flex-direction-nav .flex-prev,
	#latest .flex-direction-nav .flex-prev {
		left: 0 !important;
	}

	#postSlider .flex-direction-nav .flex-next,
	#latest .flex-direction-nav .flex-next {
		right: 0 !important;
	}

	#latest .flex-direction-nav a {
		height: 23px;
	}


	/*Contact and footer*/
	.contactInfo {
		width: 220px;
		font-size: 13px;
	}

	#footer:after,
	#anota:after,
	#breadCrump:after {
		left: 15%;
		width: 220px;
	}

	.contactForm,
	#map {
		width: 220px;
		float: none;
		margin-right: 0;
	}

	#map {
		margin-top: 50px;
	}

	.contactForm input[type="text"],
	.contactForm input[type="email"],
	.contact input[type="number"] {
		width: 210px;
	}

	.contactForm textarea {
		width: 213px;
	}

	.contactForm input#submit {
		width: 225px;
	}

	input,
	#mobileNav select,
	textarea,
	input[type="submit"] {
		-webkit-appearance: none;
		-webkit-border-radius: 0;
	}

	.arrowFooter,
	.arrowMain,
	.arrowAnota,
	.arrowCrump {
		left: 160px;
	}

	.tweet_list {
		height: 200px;
	}

	#footer p {
		font-size: 14px;
	}


	/*Updated footer*/
	.footerWidget {
		width: 220px;
		float: none;
		margin-right: 0;
		margin-bottom: 40px;
	}

	.footerWidget:last-child {
		margin-bottom: 0px;
	}

	.footerTweets .tweet_list {
		height: 220px;
	}

	.footerBottom p {
		float: none;
		text-align: center;
	}

	.footerBottom ul#socialsFooter {
		text-align: center;
		margin-top: 12px;
		float: none;
	}

	#socialsFooter li {
		width: 29px;
	}

	#teaser.videoHeader {
		margin-top: 115px;
	}

	#teaser iframe {
		height: 100%;
	}


}


/*End media queries*/
/*-------------------------------------------------------------------------*/