@media only screen and (min-width: 1200px) {
	.workmode ul {
		min-height: 394px;
	}

}

@media (max-width: 767px) {
	/* accountancy landingpage */
	.page-node-302 .contact-info {
		box-shadow: none;
	}
}

@media (min-width: 768px) and (max-width: 1020px) {
	.workmode .block_title {
		font-size: 36px;
		line-height: 36px;
	}

	.factorywork_block {
		padding-top: 30px;
	}
}

@media (max-width: 799px) {
	.page-node-307 .contact-info {
		display: none;
	}
}

@media (max-width: 991px) {
	.node-type-werk .flex-direction-nav {
		display: none;
	}

	.cases-header-back-link {
		top: 55px !important;
	}

	.services_detailimg {
		margin-top: 40px;
	}

	.teammember_list .col-md-3 {
		width: 33.333333%;
	}
}

@media only screen and (max-width: 1200px) {

	.teaser_content h1 {
		font-size: 80px;
		line-height: 90px;
	}

	.teaser_content p {
		font-size: 34px;
		line-height: 40px;
	}

	.services_hover, .services_hover:focus {
		padding: 10px 8px;
		font-size: 12px;
		line-height: 18px;
	}

	.customers_logolist {
		padding: 0;
	}

	.customers_logolist li {
		margin-left: 27px;
	}

	.footer_btm .container .row {
		margin-right: -15px;
		margin-left: -15px;
	}

	.social_link li {
		margin-left: 14px;
	}

	.footer_btm .col-sm-9, .footer_btm .col-sm-3 {
		padding: 0;
	}

	/* News Page */
	.newstweets_list li {
		min-height: 362px;
	}

	.newsthumbnail_box .news_boxdesc {
		padding: 10px 20px 10px 30px;
	}

	.news_boxdesc h3 {
		font-size: 16px;
		line-height: 20px;
	}

	.news_boxdesc p {
		font-size: 12px;
		line-height: 18px;
	}

	.tipstricks_box {
		min-height: 352px;
	}

	.workmode h3 {
		font-size: 32px;
		line-height: 40px;
	}

	/* Onsweb Page*/
	.caption_slogan h3 {
		font-size: 50px;
		line-height: 60px;
	}

	.caption_slogan span {
		font-size: 50px;
		line-height: 60px;
	}

	.standfor_boximg {
		height: 317px;
	}
}

@media only screen and (max-width: 1360px) {
	.call-to-action {
		right: 25%;
	}
}

@media only screen and (max-width: 1020px) {
	.container {
		max-width: 740px;
	}

	.cases .cases-header-caption h1 {
		display: none;
	}

	#logo {
		margin: 18px;
	}

	#mainNavigation > li > a {
		padding: 19px 10px;
	}

	.login_link {
		margin: 0;
	}

	.carousel-inner > .item .teaser_slidimg {
		max-width: inherit;
		position: relative;
		right: 30%;
		width: auto !important;
	}

	.teaser_content h1 {
		font-size: 50px;
		line-height: 60px;
	}

	.teaser_content p {
		font-size: 30px;
		line-height: 40px;
	}

	.teaser_content .btn_teaser {
		margin: 0 auto;
	}

	.teaserarrow_down {
		bottom: 0;
	}

	.twitterteaser {
		width: 100%;
	}

	.services_blocklist {
		text-align: center;
	}

	.services_blocklist > li {
		width: 32.65%;
		float: none;
		display: inline-block;
	}

	.services_boxtitle {
		font-size: 14px;
		line-height: 22px;
	}

	.services_innerbox {
		padding: 40px 0;
	}

	.services_hover, .services_hover:focus {
		font-size: 14px;
		line-height: 22px;
		padding: 15px 15px;
	}

	.work_hover {
		padding: 15px 5%;
		bottom: -137px;
	}

	.work_boxtitle {
		font-size: 15px;
		height: 51px;
	}

	.work_hover p {
		height: 90px;
		line-height: 18px;
	}

	.work_blocklist .col-md-4 {
		width: 33.3333%;
		float: left;
	}

	.row.about_blocklist {
		margin: 0;
	}

	.row.about_blocklist .col-md-6 {
		padding: 0;
	}

	.about_boxdesc {
		padding: 0 0 52px 0;
	}

	.customers_logolist li {
		margin: 0 20px;
	}

	.customers_logolist li.first {
		margin: 0 20px;
	}

	.footer_col h5 {
		font-size: 13px;
		padding-bottom: 5px;
	}

	.footer_btm .container .row {
		margin: 0;
	}

	.footer_btminner {
	}

	.footer_btminner .col-md-6 {
		float: left;
		width: 50%;
		padding: 0;
	}

	.footer_social span {
		font-size: 13px;
	}

	.workmode ul li {
		padding: 3px 35px;
	}

	/* News Page */
	.newstweets_list {
		margin-left: -3px;
		margin-right: -3px;
	}

	.newstweets_list li {
		width: 49%;
		margin: 0 0.42% 6px;
		min-height: 253px;
	}

	.newstweets_list li.first {
		margin-left: 0.42%;
	}

	.newsshare_list .col-md-6 {
		width: 100%;
	}

	.tipstricks_list .col-md-3 {
		width: 50%;
		margin-bottom: 6px;
	}

	.tipstricks_box {
		min-height: 282px;
	}

	/* Onsweb Page*/
	.caption_slogan h3 {
		font-size: 30px;
		line-height: 40px;
	}

	.caption_slogan span {
		font-size: 30px;
		line-height: 40px;
	}

	.standfor_boximg {
		height: 242px;
	}

	.standfor_hover p {
		font-size: 10px;
		line-height: 14px;
		font-weight: 600;
	}

	.reasons_block .block_title {
		padding: 0 0 41px;
	}

	.team_caption span {
		padding: 10px 0 10px;
		font-size: 13px;
		line-height: 18px;
	}

	.team_caption p {
		font-size: 13px;
		line-height: 18px;
	}

	.row.whoweare_blocklist {
		margin: 0;
	}

	.row.whoweare_blocklist .col-md-6 {
		padding: 0;
	}

	.row.standfor_list {
		margin: 0;
	}

	.row.reasons_list {
		margin: 0;
	}

	/* Services Page */
	.services_container .caption_slogan {
	}

	.services_container .caption_slogan h3 {
		font-size: 30px;
		line-height: 40px;
	}

	.services_container .caption_slogan span {
		font-size: 30px;
		line-height: 40px;
	}

	.services_container .block_dis {
		padding: 0 0 40px
	}

	.services_textbox {
		padding: 20px 20px;
	}

	.services_textlist {
		min-height: 172px;
	}

	.services_textlist li {
		font-size: 14px;
		line-height: 24px;
	}

	.workingmode_blocklist .col-md-3 {
		width: 50%;
		margin: 20px 0;
		float: left;
	}

	.arrow_two {
		display: none !important;
	}

	.workingmode_arrow {
		right: -35px;
		width: 26%;
		top: 48px;
	}

	.ourskills_list {
		padding-bottom: 0;
	}

	.ourskills_list .col-md-4 {
		float: left;
		width: 50%;
	}

	.ourskills_box {
		min-height: 376px;
	}

	.testimonial_blockinner {
		padding: 0;
	}

	.row.workingmode_blocklist {
		margin: 0;
	}

	/*Services Detail Page*/
	.details_innercontent {
		width: 90%;
	}

	.details_imgblock {
		padding: 0 20px 40px;
	}

	.details_ipadmacimg {
		padding: 22px 25px 10px 0;
	}

	.workmode h4 {
		font-size: 27px;
	}

	.workmode ul li {
		padding: 3px 30px;
	}

	.ourskills_box {
		padding-bottom: 29px;
	}

	.ourskills_box h5 {
		margin-bottom: 10px;
	}

	/*    .factorywork_block .work_hover p {line-height:16px;margin-bottom:9px;}*/
	/* Contact Page */
	.contact_container .caption_slogan h3 {
		font-size: 30px;
		line-height: 40px;
	}

	.contact_container .caption_slogan span {
		font-size: 30px;
		line-height: 40px;
	}

	.contact_blockrow .col-md-4 {
		float: left;
		width: 33.33333%;
	}

	.row.contact_blockrow {
		margin: 0;
	}

	/*    .factorywork_block .work_hover{bottom:-120px;}*/
}

@media only screen and (max-width: 767px) {
	.container {
		max-width: 450px;
	}

	.menu_icon, .menu_icon:focus {
		display: block;
	}

	.submenu {
		left: 0;
		padding: 0 15px;
		position: relative;
		top: 0;
		width: 100%;
	}

	.submenu > li {
		float: left;
		width: 100%;
	}

	.submenu > li a {
		display: block;
	}

	.teaser_content {
		padding: 110px 0 0;
	}

	.carousel-inner > .item .teaser_slidimg {
		right: 50%;
	}

	.teaser_content h1 {
		font-size: 30px;
		line-height: 40px;
	}

	.teaser_content p {
		font-size: 20px;
		line-height: 30px;
	}

	#teaser_carousel .carousel-indicators {
		display: none;
	}

	#teaser_carousel .carousel-control.left {
		left: 0;
	}

	#teaser_carousel .carousel-control.right {
		right: 0;
	}

	.tweetlist li {
		font-size: 13px;
		line-height: 18px;
	}

	#latestTweets .flex-viewport {
		position: relative;
		z-index: 0;
	}

	.block_title {
		font-size: 36px;
		line-height: 46px;
	}

	.block_dis {
		padding: 0 0 20px;
	}

	.services_blocklist {
		padding: 0 0 20px;
	}

	.services_blocklist > li {
		width: 100%;
		margin: 0 0 20px;
	}

	.services_innerbox {
		padding: 30px 0;
	}

	.services_icon {
		padding: 0 0 30px;
	}

	.services_hover {
		font-size: 14px;
		line-height: 22px;
		padding: 15px 30px;
	}

	.services_hover .btn_orange, .services_hover .btn_orange:focus {
		width: 180px;
	}

	.work_block p {
		padding-bottom: 20px;
	}

	.work_blocklist {
		padding-bottom: 20px;
	}

	.work_blocklist .col-md-4 {
		float: left;
		width: 100%;
		padding: 0;
		margin-bottom: 15px;
	}

	.work_hover {
		padding: 15px 5%;
		bottom: -117px;
	}

	.work_boxtitle {
		font-size: 15px;
		height: 44px;
	}

	.work_hover p {
		height: 60px;
		line-height: 18px;
	}

	.standfor_list .col-md-9 {
		width: 100%;
	}

	.standfor_list .col-md-3 {
		width: 100%;
	}

	.standfor_list .col-md-6 {
		width: 100%;
	}

	.customers_logolist li {
		margin: 0 3.2%;
		padding: 10px 0;
	}

	.customers_logolist li.first {
		margin: 0 3.2%;
	}

	.teammember_list .col-md-2 {
		width: 100%;
	}

	.teammember_list .col-md-3 {
		width: 50%;
	}

	.reasons_list .col-md-4 {
		width: 100%;
	}

	.footer_col {
		width: 100%;
		padding-right: 0;
		margin-bottom: 30px;
	}

	.footer_linkouter {
		padding-bottom: 30px;
	}

	.footer_btminner .col-md-6 {
		float: left;
		width: 100%;
	}

	.footer_social {
		padding-top: 10px;
	}

	.footer_social span {
		width: 40%;
	}

	.about_boxdesc {
		padding: 0 10px 10px 6px;
	}

	.login_link {
		background: #fff;
		margin-left: 0;
	}

	.navbar-header .navbar-toggle {
		float: right;
	}

	.contact-info {
		width: 50%;
	}

	/* News Page */
	.newstweets_list li {
		width: 100%;
		margin: 0 0 6px;
		min-height: 105px;
		overflow: hidden;
	}

	.newstweets_list li.first {
		margin-left: 0;
	}

	.tipstricks_list .col-md-3 {
		width: 100%;
		margin-bottom: 6px;
	}

	.tipstricks_box {
		min-height: 100px;
	}

	.newsthumbnail_box .news_boxdesc {
		padding: 10px;
	}

	.news_boxdesc h3 {
		font-size: 14px;
		line-height: 18px;
	}

	/* Onsweb Page*/
	.nivoSlider img {
		height: 200px !important;
		width: auto !important;
	}

	.standfor_boximg {
		height: auto;
	}

	.standfor_hover p {
		font-size: 18px;
		line-height: 28px;
	}

	.standfor_box.first .standfor_hover p {
		font-size: 12px;
		line-height: 15px;
	}

	.team_caption span {
		padding: 50px 0 15px;
		font-size: 14px;
		line-height: 24px;
	}

	.team_caption p {
		font-size: 14px;
		line-height: 24px;
	}

	.dailystats_list li {
		float: left;
		width: 50%;
		margin-bottom: 10px;
	}

	/* Services Page */
	.services_container .caption_slogan h3 {
		font-size: 20px;
		line-height: 30px;
	}

	.services_container .caption_slogan span {
		font-size: 20px;
		line-height: 30px;
	}

	.services_textbox {
		padding: 15px 40px 30px;
	}

	.services_textlist {
		min-height: 40px;
	}

	.workingmode_blocklist .col-md-3 {
		width: 100%;
		margin: 0;
		padding: 120px 0 0;
	}

	.workingmode_blocklist .col-md-3:first-child {
		padding-top: 30px;
	}

	.arrow_two {
		display: block;
	}

	.workingmode_arrow {
		right: 50%;
		margin-right: -16px;
		top: inherit;
		bottom: -100px;
		width: 32px;
	}

	.ourskills_list .col-md-4 {
		width: 100%;
	}

	.ourskills_box {
		min-height: 100px;
		padding: 35px 25px 35px
	}

	.testimonial_img {
		width: 25%;
	}

	.testimonial_desc {
		padding-left: 20px;
		width: 75%;
	}

	.testimonial_desc p {
		font-size: 20px;
		line-height: 30px;
	}

	.services_textbox .btn_black {
		width: 180px;
		margin: 0 auto;
	}

	.services_textlist {
		padding-bottom: 10px;
	}

	.services_textlist li {
		font-size: 14px;
	}

	/*Services Detail Page*/
	.table_content > tr {
		float: left;
		width: 100%;
		overflow: hidden;
	}

	.table_content > tbody > tr {
		float: left;
		width: 100%;
		overflow: hidden;
	}

	.table_content > tr > td {
		width: 100%;
		float: left;
	}

	.table_content > tbody > tr > td {
		width: 100%;
		float: left;
	}

	.table_content .table thead > tr > th {
		padding: 5px 0 5px;
	}

	.table_content .table tbody > tr > td {
		padding: 5px 0 5px;
	}

	/* Contact Page */
	.contact_blockrow .col-md-4 {
		width: 100%;
	}

	.contactadd_box .caption {
		text-align: center;
	}

	.contactadd_box .caption p {
		margin: 0 0 20px;
	}

	.contactadd_box .caption {
		padding-bottom: 30px;
	}

	.contact_container .ourskills_box {
		min-height: 100px;
	}

	#loginModal .modal-dialog {
		margin-top: 50px;
	}

	/*    .factorywork_block .work_hover{bottom: -128px;}*/
	.detail_container .social_link li {
		width: 30px;
		height: 30px;
	}

	.detail_container .social_link li a {
		width: 30px;
		height: 30px;
	}

	.services_detailimg {
		overflow: visible;
	}

	.detail_container .social_link {
		bottom: -31px;
	}

	.detail_container .social_link .pinterest_icon {
		background-size: 40%;
	}

	.detail_container .social_link .pinterest_icon:hover {
		background-size: 40%;
	}

	.detail_container .social_link .twitter_icon {
		background-size: 60%;
	}

	.detail_container .social_link .twitter_icon:hover {
		background-size: 60%;
	}

	.detail_container .social_link .facebook_icon {
		background-size: 30%;
	}

	.detail_container .social_link .facebook_icon:hover {
		background-size: 30%;
	}

	.not-logged-in #block-system-main form, .profile {
		margin: 0 auto;
		width: 100%;
	}

	.footer_btmlink li {
		float: none;
		margin-left: 0;
	}

	.social_link {
		width: 100%;
		float: left;
	}

	.social_link li {
		margin-right: 10px;
	}

	.social_link li:first-child {
		margin-left: 0;
	}

	/* Twitter feed */
	/*.twitt_icon{display:none;}
	.flex-direction-nav a{top:10px;}
	.flex-direction-nav .flex-prev{position: absolute;left: 0;}
	.twitterteaser{padding: 0;}
	.tweetlist li .tweet{height:inherit; padding: 0 30px;}
	#latestTweets{min-height: inherit; background: none;}
	.twitterteaser_block{padding:20px 0;}*/
	/* call to action bar */
	.call-to-action-bar-home {
		font-size: 12px;
	}

	/* nivo slider */
	.nivoSlider {
		top: 25px;
	}

	.slider_wrapper .nivo-caption {
		padding: 0 20px
	}

	#iframe-responsive-for-small-sizes {
		width: 100% !important;
	}
}

@media only screen and (max-width: 555px) {
	.container {
		max-width: 400px;
	}

	.carousel-inner > .item .teaser_slidimg {
		right: 0;
	}

	/*Popup Modal */
	#loginModal {
		position: absolute;
	}

	#loginModal .modal-dialog {
		width: 90%;
	}

	#loginModal .modal-header {
		padding: 15px 30px 15px;
	}

	#loginModal .modal-body {
		padding: 0 15px 15px;
	}

	.form_groupbtn .btn_login {
		width: 100%;
		margin-bottom: 10px;
	}

	.form_groupbtn .btn_cancel {
		width: 100%;
	}

	.contact-info {
		width: 100%;
	}
}

@media only screen and (max-width: 479px) {
	.container {
		max-width: 280px;
	}

	.login_link {
		font-size: 12px;
		margin-left: 0;
	}

	.teaser_content h1 {
		font-size: 18px;
		line-height: 28px;
	}

	.teaser_content p {
		font-size: 12px;
		line-height: 22px;
	}

	.btn_teaser, .btn_teaser:focus {
		width: 200px;
		font-size: 14px;
		height: 30px;
		padding: 7px 0 3px;
	}

	#teaser_carousel .carousel-indicators {
		display: none;
	}

	.flex-direction-nav .flex-next {
		right: 0;
		z-index: 9999;
	}

	.flex-direction-nav .flex-prev {
		right: 40px;
		z-index: 9999;
	}

	.details_content .medium-font-size {
		font-size: 24px;
		word-wrap: break-word;
	}

	.contact-info {
		width: 100%;
		margin-bottom: 30px;
	}

	.details_innercontent a:empty {
		word-break: break-all;
	}

	.details_innercontent .contact_person a {
		word-break: normal;
	}

	.teammember_list .col-md-3 {
		width: 100%;
	}

	.twitterteaser .twitt_icon {
		top: 0;
	}

	#latestTweets {
		padding: 0;
		background: none;
	}

	.customers_logolist li {
		margin: 0 9.2%;
		padding: 10px 0;
	}

	.customers_logolist li.first {
		margin: 0 9.2%;
	}

	.footer_btmlink li:first-child {
		margin-right: 10px;
	}

	.footer_social span {
		font-size: 12px;
		width: 60%;
	}

	/* News Page */
	.news_img {
		width: 100%;
	}

	.newsthumbnail_box .news_boxdesc {
		padding: 10px;
		width: 100%;
	}

	.newstweets_list li .tweet {
		padding: 15px;
	}

	.newstweets_list li .user a {
		padding-left: 80px;
	}

	.twitternews_block .timePosted {
		padding-left: 80px;
	}

	.tips_title {
		padding: 15px 10px 0 87px;
	}

	.tipstricks_boxdesc {
		padding: 15px;
	}

	.newsshare_list .col-md-6 {
		height: auto;
	}

	/* Onsweb Page*/
	.caption_slogan h3 {
		font-size: 24px;
		line-height: 30px;
	}

	.caption_slogan span {
		font-size: 24px;
		line-height: 30px;
	}

	.standfor_box figure > .standfor_title {
		padding: 10px;
	}

	.standfor_hover {
		padding: 10px;
	}

	.standfor_title {
		padding-bottom: 0;
		font-size: 20px;
		line-height: 30px;
	}

	.standfor_hover p {
		font-size: 14px;
		line-height: 18px;
	}

	/* Services Page */
	.services_container .caption_slogan h3 {
		font-size: 20px;
		line-height: 30px;
	}

	.services_container .caption_slogan span {
		font-size: 20px;
		line-height: 30px;
	}

	.details_content h1 {
		font-size: 32px;
		line-height: 36px;
	}

	/* cases */
	.cases .cases-header-caption img {
		width: 150px;
		padding: 0;
		background: none;
	}

	.cases .cases-header-caption {
		top: 50%;
	}

	.twitterteaser {
		padding: 60px 0 0;
	}

	.twitterteaser .twitt_icon {
		top: 0;
	}

	#latestTweets {
		padding: 0;
		background: none;
	}

	.flex-direction-nav a {
		top: -55px;
	}

	.work_hover {
		padding: 15px 5%;
		bottom: -117px;
	}

	.work_boxtitle {
		font-size: 15px;
		height: 58px;
	}

	.work_hover p {
		height: 73px;
		line-height: 18px;
	}

}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {
	.carousel-inner > .item .teaser_slidimg {
		right: 50%;
	}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {
	.carousel-inner > .item .teaser_slidimg {
		top: -20%;
		right: 0;
		width: 100% !important;
		height: auto !important;
	}

	.teaser_content {
		padding-top: 55px;
	}

	.teaser_content h1 {
		font-size: 16px;
		line-height: 20px;
	}

	.teaser_content p {
		padding: 0 0 10px;
		font-size: 12px;
		line-height: 14px;
	}

	.btn_teaser, .btn_teaser:focus {
		height: 30px;
		padding: 5px 0;
		width: 200px;
	}
}

@media (min-width: 1020px) and (max-width: 1200px) {
	.teaser_content .btn_teaser {
		margin: 10px auto;
	}

	.factorywork_block .work_hover p {
	}

	.news_img img {
		height: auto;
		margin-left: -50px;
		max-width: none;
		width: inherit;
	}

	.services_boxtitle {
		font-size: 12px;
	}

	.standfor_hover p {
		font-size: 14px;
		line-height: 22px;
	}

	.work_hover {
		bottom: -145px;
		width: 100%;
	}

	.work_boxtitle {
		height: 64px;
	}

	.work_hover p {
		height: 90px;
	}
}