/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

	/*Disable Animation on Mobile Devices*/
	.animated {
		/*CSS transitions*/
		-o-transition-property: none !important;
		-moz-transition-property: none !important;
		-ms-transition-property: none !important;
		-webkit-transition-property: none !important;
		transition-property: none !important;
		/*CSS transforms*/
		-o-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		/*CSS animations*/
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
	}

	.landing-textarea-moreFunc-block {
		float: none;
	}
	
}

@media only screen and (max-width : 600px) {
	.blog-gridItem-wrap {
		width: 100%;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	.page-right-center--image {
		width: 50%;
	}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
	
}

/*////*/

@media only screen and (min-width: 428px) {
	.company-services--menu li {
		width: 48%;
		display: inline-block;
	}
	.our-pride--item img{
		width: auto;
	}
	.submit.control-group {
		padding: 10px 20px;
	}
	#mod_qlform_102 .submit.control-group button {
		width: 249px;
	}
	.web-prom-radio-wrap img {
		display: block;
	}
	.web-prom-work-col--imgWrap {
		width: 58.3%;
		float: left;
	}
	.web-prom-work-col--text {
		width: 41.6%;
		float: left;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
	.logo img {
		display: inline;
		width: auto;
		height: auto;
	}
	.telephone-group {
		margin-top: 20px;
	}
	.toggle {
		margin-top: 34px;
	}
	.menu-top li {
		padding: 0 10px;
	}
	.blog-menu li:not(:last-child)
	{
		margin-right: 35px;
	}
	.portfolio-list li:not(:last-child) {
		margin-right: 15px;
	}
	.web-prom-col--menu li {
		position: relative;
		padding: 20px 0 50px 35px;
		list-style: none;
	}
	.web-prom-col--menu li::before {
		content: "";
		position: absolute;
		top: 18px;
		left: 0;
		width: 25px;
		height: 24px;
		background: url(../img/web-prom-circle-list-icon.png) no-repeat;
	}

	.web-prom-col--menu li:not(:last-child)::after {
		content: "";
		position: absolute;
		bottom: -10px;
		left: 12px;
		width: 2px;
		height: 32px;
		border-left: 2px solid #c7b09d;
	}
	.web-prom--title {
		font-size: 48px;
	}
	.web-prom-question--title {
		font-size: 36px;
	}

}

@media only screen and (min-width: 500px) {
	.telephone-group {
		display: block;
	}
	.usluga-a1-content-down-p {
		width: 50%;
	}
	.onas-line {
		display: inline-block;
	}
	.footer-menu-mobile {
		display: none;
	}
	.footer-menu-column {
		display: block;
	}
	.header-page-left-a {
		font-size: 24px;
		padding-right: 30px
	}
	.web-prom-question-col1,
	.web-prom-question-col2	{
		width: 50%;
		float: left;
		text-align: left;
	}
	.web-prom-question-col1 {
		padding-right: 20px;
	}
	.web-prom-question-col2{
		padding-left: 15px;
		border-left: 1px solid #d5d5d5;
	}
	.web-prom-question-col2--text p {
		position: relative;
		display: inline-block;
	}

	.web-prom-question-col2 p::after {
		content: "";
		position: absolute;
		top: 14px;
		right: -34px;
		width: 69px;
		height: 43px;
		background: url(../img/web-prom-arrows-consultant.png) no-repeat;
	}
	.web-prom-question-col1 p {
		width: 100%;
		display: block;
		max-width: 335px;
		float: right;
	}
}


@media only screen and (min-width : 600px) {
	h2,h1 {
		font-size: 46px;
	}
	.menu-top-wrap {
		width: 66.66666667%;
		padding: 0 15px;
	}
	.h-mail-wrap.col-xs-4 {
		display: block;
	}
	.vacancies-item {
		width: 50%;
	}
	.telephone-group {
		margin-left: 0;
	}
	.call-order {
		display: inline-block;
	}
	.usluga-a1-content-img {
		display: block;
	}
	.usluga-a1-content-h,
	.usluga-a1-content-h-d {
		width: 60%;
	}
	.promoteTop {
		display: block;
	}
	.contacts-address {
		display: block;
	}
	.contacts-requisites {
		padding: 40px 35px
	}
	.page-right-center-img {
		display: block;
	}
	.page-right-center-d {
		width: 75%;
	}
	.form-group-section {
		text-align: left;
	}
	.web-prom-col--menu-text {
		width: auto;
	}
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	.menu-top-wrap {
		width: auto;
	}
	.h-social-wrap.col-xs-2 {
		display: block;
	}
	.udlugi-a a {
		padding: 10px 20px 10px 40px;
		width: 100%;
		display: block;
	}
	.udlugi-a a:hover {
		box-shadow: 5px 5px 10px #E8E8E7;
		text-decoration: none;
		color: #B03F2F;
		background-color: #FCFBFB;
	}
	.udlugi-a .ui-tabs-active a {
		box-shadow: 5px 5px 10px #E8E8E7;
		text-decoration: none;
		color: #B03F2F;
		background-color: #FCFBFB;

	}
	.onas-center-wrap {
		display: block;
	}
	.onas-right-wrap {
		display: block;
	}
	.onas-left .onas-right-a-wrap {
		display: none;
	}
	.zayavka-content, .zc-content {
		height: 160px;
		margin-bottom: 0;
	}
	.zc-a {
		padding-top: 15%;
	}
	.zayavka-content--icon p {
		margin-top: 63px;
	}
	.footer-logo-wrap {
		display: block;
	}
	.footer-contacts-content--address {
		width: 205px;
	}
	.footer-contacts-content {
		text-align: left;
		padding: 30px 0 0 0;
	}
	.fcc-s {
		text-align: center;
	}
	.footer-social-column a {
		margin-right: 0;
	}
	.footer-social-column a i {
		margin-right: 10px;
	}
	.footer-menu-column {
		margin-bottom: 0;
	}
	.promoteTop-menu {
		font-size: 18px;
	}
	.contacts-communication {
		font-size: 48px;
		line-height: 60px;
	}
	.company-presentation {
		margin-bottom: 0;
	}
	.company-presentation--link:hover .company-presentation--text {
		color: #333;
	}
	.company-presentation--text {
		position: absolute;
		bottom: -120px;
		left: -25px;
		border-width: 2px;
		border-color: transparent;
		border-style: dashed;;
		display: inline-block;
	}
	.company-presentation--text:hover {
		border-color: #b03f2f;
		border-radius: 15px;
		color: #333;
	}
	.company-presentation--text::after {
		display: block;
	}
	.company-command img {
		width: auto;
		height: auto;
		margin: auto;
	}
	.company-command p {
		padding: 0 150px 0 40px;
		text-align: left;
	}
	.portfolio-item {
		max-width: 255px;
		text-align: left;
		margin-bottom: 35px;
	}
	.portfolio-item-p2 {
		max-width: 510px;
	}
	.web-creation-offers--item {
		height: 400px;
	}
	.web-creation-offers--price {
		padding: 100px 10px 10px 25px;
		text-align: left;
	}
	.web-creation-offers--price::before {
		top: 30px;
		left: -6px;
		height: calc(100% - 60px);
		width: 2px;
		border-right: 2px dashed #B03F2F;
	}
	.web-creation-offers--price-wrap {
		padding: 0 0 0 10px;
	}
	.our-pride--item {
		text-align: left;
	}
	.landing-output-wrap {
		float: right;
		margin: 0 20px;
	}
	.landing-textarea-moreFunc {
		margin: 5px 10px;
	}
	.landing-output {
		margin: initial;
	}
	.landing-textarea-moreFunc-block {
		text-align: left;
	}
	.landing-tab--menu .ui-tabs-active::before {
		content: "";
		position: absolute;
		top: 0;
		right: -18px;
		height: 100%;
		width: 35px;
		background: #fdfdfd;
		z-index: 2;
	}
	.landing-tab-item-wrap {
		margin-top: 0;
	}
	.list-section-col--title {
		position: relative;
		padding-left: 65px;
		display: inline-block;
	}
	.list-section-col--title::before {
		content: "";
		position: absolute;
		top: -7px;
		left: 0;
		width: 44px;
		height: 46px;
		background: url(../img/icons/web-prom-circle-list-icon-big.png) no-repeat;
	}
	.promotion-socialSites-col--wrap:nth-child(2n+2) {
		clear: both;
	}
	.yandex-service-menu li:hover a,
	.yandex-service-menu li:focus a,
	.yandex-service-menu li.ui-tabs-active a {
		text-decoration: none;
		border-color: #b03f2f;
		border-radius: 15px;
		color: #b03f2f;
	}
	.work-steps-item--title {
		padding-left: 0;
		padding-top: 50px;
	}
	.work-steps-item--title::after {
		content: "";
		position: absolute;
		top: 0;
		left: 55px;
		width: calc(100% - 12px);
		height: 2px;
		background: url(../img/icons/border-dashed-icon.png) repeat-x;
	}
	.work-steps-item--title::before {
		top: -22px;
	}
}

@media only screen and (min-width : 930px) {
	.landing-tech-logo-section {
		display: block;
	}
	.yandex-adver {
		background: url(../img/adver-tv-bg.png) no-repeat;
		background-position: right 300px;
	}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.h-place-wrap.col-sm-1 {
		display: block;
	}
	.header-menu {
		padding: 10px 0;
	}
	.menu a{
		padding: 0 30px;
	} 
	.toggle {
		display: none;
	}
	.menu-wrap.col-sm-1 {
		display: block;
	}
	.header-center {
		display: block;
	}
	.vacancies-item h4 {
		margin-top: 0;
	}
	.glavnaya-rabota {
		height: 270px;
	}
	.glavnaya-rabota--1 {
		height: 500px;
	}
	.glavnaya-rabota--4 h6 {
		bottom: 53px;
	}
	.glavnaya-rabota--3 h6 {
		top: 0;
		left: 95px;
	}
	.onas-center {
		padding: 25% 0 0 20%;
		height: 300px;
	}
	.onas-right {
		height: 300px
		padding: 25% 0 0 0
	}
	.zc-content img {
		display: block;
	}
	.zayavka-a {
		width: 220px;
	}
	.zayavka-content--icon p {
		float: right;
		padding-right: 2px;
		text-align: left;
	}
	.zayavka-content--icon p::before {
		display: block;
	}
	.footer-contacts-content img {
		display: inline-block;
	}
	.fcc-s {
		text-align: left;
	}
	footer {
		padding: 30px 0;
	}
	.footer-social-column {
		margin-top: 0;
		text-align: left;
	}
	.promoteTop-item .row {
		margin-top: 0;
	}
	.promoteTop-ellipseBlock {
		right: 160px
		left: auto;
		transform: translate(0);
	}
	.udlugi-a li {
		width: auto;
		display: block;
	}
	.company-services--menu li {
		width: auto;
		margin-bottom: 0;
	}
	.header-page-left-wrap {
		margin-bottom: 0;
	}
	.web-creation .header-page-left-wrap {
		margin-bottom: 30px;
	}
	.header-page-left-a {
		font-size: 22px;
		margin: initial;
		padding-right: 0;
	}
	.web-creation .header-page-left-a {
		font-size: 22px;
		padding-right: 30px;
	}
	.header-page-right {
		padding: 0 30px;
	}
	.logo-rabota-content {
		text-align: left;
	}
	.logo-rabotaem-content span {
		margin-bottom: 0;
		display: inline-block;
	}
	.logo-rabotaem-content span:not(:last-child) {
		padding-right: 40px;
	}
	.logo-rabotaem-content span::after {
		right: 1px;
		transform: rotate(0deg);
		top: -5px;
	}
	.logo-rabota-content--wrap:nth-child(3n+4) {
		clear: both;
	}
	.logo_dev .glavnaya-komanda-content {
		padding: 0 15px;
	}
	.blog-gridItem span::after {
		display: none;
	}
	.portfolio-item {
		margin: initial;
		margin-bottom: 35px;
	}
	.portfolio-list {
		display: block;
	}
	.portfolio-item--image-p2 {
		width: 52%;
		float: left;
	}
	.portfolio-item--content-p2 {
		width: 41%;
		float: left;
	}
	.web-creation-offers--item {
		height: 300px;
	}
	.web-creation-offers--price {
		padding: 50px 20px 30px 50px;
	}
	.our-pride--item {
		margin: initial;
	}
	.our-pride--item-wrap:hover {
		transform: translateY(-20px);
		transition: all .25s;
	}
	.landing-item:first-child {
		padding-right: 40px;
	}
	.landing-item:nth-child(2) {
		padding-left: 60px;
	}
	.logo_dev .glavnaya-komanda-content {
		margin-bottom: 0;
	}
	.web-prom-link {
		width: auto;
	}
	.web-prom-block {
		background: url(../img/web-prom-arrows.png) no-repeat;
		background-position: center 140px;
	}
	.web-prom-col:first-child {
		margin-top: 117px;
	}
	.web-prom-col:last-child {
		padding-left: 30px;
	}
	.web-prom-col {
		padding: 0;
		margin-top: 40px;
		float: left;
	}
	.web-prom-newSite {
		padding-right: 50px;
		border-right: 4px dashed #785641;
	}
	.web-prom-existingSite {
		padding-left: 50px;
	}
	.web-prom-col--title2 {
		margin-top: 0;
	}
	.web-prom-col--menu {
		margin-bottom: 50px;
	}
	.web-prom-work-col--imgWrap {
		width: 100%;
	}
	.web-prom-work-col--text {
		padding-top: 20px;
		width: 100%;
	}
	.list-section-col--wrap:nth-child(2n+2) {
		clear: both;
	}
	.work-steps-item {
		margin: initial;
	}
}


@media only screen and (min-width : 1080px) {
	.web-creation-offers--content .usluga-a1-content-down-p {
		width: 33.3%;
	}
	.web-creation-offers--item {
		height: 265px;
	}
	.web-creation .glavnaya-komanda-content-top {
		width: 50%;
		float: left;
	}
	.web-creation .komanda-img img {
		width: 130px;
	}
	.web-creation .glavnaya-komanda-content-right {
		width: 50%;
		float: left;
	}
	.web-creation .glavnaya-komanda-content-top::after {
		height: 17px
	}
}

@media only screen and (min-width : 1170px) {
	.web-prom-work-col--imgWrap {
		width: 58.3%;
		float: left;
	}
	.web-prom-work-col--text {
		width: 41.6%;
		float: left;
	}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.h-social a {
		margin: 0 10px;
	}
	.menu a{
		max-width: 150px;
	}
	.menu li:first-child a {
		padding-left: 30px;
	}
	.telephone {
		font-size: 20px;
	}
	.telephone span {
		font-size: 16px;
	}
	.glavnaya-raboty-container .col-md-6:nth-child(4) {
		clear: none
	}
	.glavnaya-uslugi {
		padding: 2px 0 40px;
	}
	.onas-right {
		padding: 20px 0 20px 35px;
	}
	.glavnaya-komanda-content:not(:first-child) .experience {
		display: none;
	}
	.glavnaya-komanda-content:not(:first-child) .glavnaya-komanda-content-top::after {
		display: none;
	}
	.zayavka-content--icon p {
		padding-right: 40px;
	}
	.fcc-s a {
		display: inline-block;
	}
	.project-slider--item:not(:nth-child(1n+4)) {
		margin-right: 20px;
	}
	.promoteTop-menu {
		margin-top: 160px;
	}
	.promoteTop-item--wrap--counterBack,
	.promoteTop-item--wrap--counterForward {
		display: block;
	}
	.sticky {
		display: block;
		padding: 0 0 10px 0; 
	}
	.company-command img {
		margin: initial;
	}
	.header-page-left-a {
		font-size: 22px;
	}
	.header-page-left-a::after {
		display: block;
	}
	.logo-rabotaem-content span:not(:last-child) {
		margin-right: 40px;
	}
	.logo-rabotaem-content span::after {
		right: -20px
	}
	.logo-rabota-content--wrap:nth-child(3n+4) {
		clear: none;
	}
	.blog-gridItem span::after {
		display: block;
	}
	.web-creation .header-page-left-a {
		font-size: 22px;
		margin: initial;
		padding-right: 0;
	}
	.web-creation .header-page-left-wrap {
		margin-bottom: 0;
	}
	.web-creation-offers--item {
		padding: 0;
	}
}