/*SM*/
@media (min-width: 576px){
	.project-printscreen{
		padding: 24px 105px 59px;
	}
	.going>.container-small>div:nth-child(2n+3):before{
		background: url('../images/arrow_left.png') no-repeat 50% 50%;
	}
	.going>.container-small>div:nth-child(2n+4):before{
		background: url('../images/arrow_right.png') no-repeat 50% 50%;
	}
}
@media (max-width: 575px){
	.button.button-arrow:after{
		right: 30px;
	}
	.button{
		padding: 17px 25px;
	}
	.going>.container-small>div:nth-child(2n+3):before{
		background: url('../images/arrow_small_2.png') no-repeat 50% 50%;
		left: 58%;
		bottom: -68px;
	}
	.going>.container-small>div:nth-child(2n+4):before{
		background: url('../images/arrow_small_2.png') no-repeat 50% 50%;
		right: 55%;
		bottom: -68px;
	}
}
@media (max-width: 767px){
	.footer{
		text-align: center;
	}
	#ytWidget{
		text-align: center;
	}
	.download-file{
		margin: 0 auto;
		text-align: left;
	}
	.ajax-form-event{
		padding-bottom: 20px;
	}
	/*.last-block .text-yellow{
		display: block;
		padding-bottom: 25px;
	}*/
	.container-big .content img{
		width: 100%!important
	}
	.advantages .col-md-3{
		margin-bottom: 20px;
	}
	.text-min-center{
		text-align: center;
	}
	.padding-block{
		display: block;
	}
	.best-block .h1{
		padding-bottom: 30px;
	}
	.best-block li {
		display: block;
	}
	.best-block li img{
		display: block;
		margin: 0 auto;
	}
	.best-block li span{
		display: block;
		padding-top: 20px;
		text-align: center;
	}
	.bubble-content {
		padding: 35px 20px 37px;
	}
}
/*MD*/
@media (min-width: 768px){
	.add-text_1{
	font-size: 22px;
	}
	.add-text-2{
		font-size: 20px;
	}
	.from-admin{
		font-size: 22px;
	}
	.from-admin-add{
		font-size: 20px;
		color: #9f9f9f;
	}
	.online-section>div:not(.last-block){
		padding-top: 75px;
		padding-bottom: 50px;
	}
	.cost-text{
		font-size: 24px;
		color: #9f9f9f;
	}
	.going-text,
	.demo-text,
	.online-form .font-size,
	.form-text,
	.going-add-text{
		font-size: 22px;
	}
	.integration-first,
	.page-title,
	.going-title,
	.cost-title,
	.demo-title,
	.form-title{
	    font-size: 45px;
	    line-height: 50px;
	}
	.why-block:before{
		top: 15px;
		left: -120px;
	}
	.project-form-div{
		width: 40%;
	}
	.center .owl-item-title{
		min-height: 180px;
	}
	.slider-top .owl-carousel .owl-stage{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		align-items: center;
	}
	.slider-top .owl-stage{
		height: 455px;
	}
	.slider-top .owl-carousel .item{
		margin: 0 auto;
	}
	.slider-top .owl-carousel .owl-item .item{
		width: auto !important;
		height: 415px !important;
		transition: all ease-out .5s;
		overflow: hidden;
	}
	.slider-top .owl-carousel .center{
		box-shadow: 0 0 40px rgba(0,0,0,0.9);
		z-index: 1000;
	}
	.slider-top .owl-carousel .owl-stage .center .item{
		width: 400px !important;
		height: 455px !important;
		transition: all ease-out 1.2s;
		margin-right: -19px;
		margin-left: -19px;
		overflow: hidden;
	}
	iframe{
		width: 665px;
	}
	/*margins*/
	.mb-md-100{
		margin-bottom: 100px;
	}
	.mb-md-200{
		margin-bottom: 200px;
	}
	/*end margins*/

	.container-small{
		max-width: 880px;
	}
	.owl-nav{
		display: block;
	}
	h1, .h1{
		margin: 0 0 40px;
		font-size: 50px;
		line-height: 50px;
	}
	h2, .h2{
		margin-bottom: 20px;
		font-size: 30px;
		line-height: 26px;
	}
	h3, .h3{
		margin-bottom: 15px;
		font-size: 26px;
		line-height: 32px;
	}
	h4, .h4{
		margin-bottom: 10px;
		font-size: 24px;
		line-height: 30px;
	}
	h5, .h5{
		margin-bottom: 10px;
		font-size: 22px;
		line-height: 26px;
	}
	h6, .h6{
		margin-bottom: 0;
		font-size: 18px;
		line-height: 22px;
	}
	.content{
		font: 15px/26px 'sf_medium', 'Arial', sans-serif;
	}
	.header-text{
		min-height: 200px
	}
	.index-header .header-text{
		min-height: 345px
	}
	.header-text-subtitle{
		margin: 15px 0 55px;
		font: 33px/45px 'circe_light';
	}
	.banner-header{
		font-size: 80px;
		line-height: 80px;
		margin-bottom: 30px;
	}
	.main-bg-image-wrapper img{
		opacity: .3;
	}
	.text-col-2-md,
	.book-md{
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
	}
	.text-col-3-md{
		-moz-column-count: 3;
		-webkit-column-count: 3;
		column-count: 3;
	}



	article img{
		float: left;
		margin: 0 20px 10px 0;
	}

	#map-canvas{
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}
	.big-text,
	.big-text strong{
		font: 45px/50px 'circe_bold' !important;
	}
	.footer{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	a.footer-phone,
	a.footer-email {
		font: 33px/45px 'sf_bold';
	}
	.sort-reset {
		top: auto;
		width: 14px;
		height: 12px;
		margin-left: 5px;
	}
	.sort-reset:after,
	.sort-reset:before{
		height: 12px;
		width: 1px;
		right: 4px;
		top: 1px;
	}
}


@media (max-width: 991px) {
	.demo-img .owl-item-title{
		min-height: 95px;
	}
	.online-main,
	.going-text,
	.demo-text{
		line-height: 30px;
	}
}

@media (min-width: 992px) and (max-width: 1200px){
	.social-group{
		padding-top: 20px;
	}
}

/*LG*/
@media (min-width: 992px) {
	.add-field{
		display: block;
		margin-top: -10px;
	}
	.demo-span{
		font-size: 22px;
	}
	header.index-header{
		padding-bottom: 60px;
	}
	.navbar-brand{
		margin-right: 70px;
	}
	.header-phone{
		width: auto;
		height: auto;
		border-radius: 0;
		line-height: 14px;
		background: transparent;
		box-shadow: none;
	}
	.header-phone svg{
		fill: #ffb62d;
		margin-right: 5px;
	}

	.menu .navbar-nav a{
		color: #c2c2c2;
		font: 14px/30px 'sf_regular';
	}
	.navbar-collapse {
		background: transparent;
	}
	.navbar-collapse .navbar-nav.mr-auto {
		margin-top: 0;
	}
	.navbar-collapse .navbar-nav {
		text-align: left;
	}
	.aside-main-menu{
		position: static;
		left: auto;
		top: auto;
		right: auto;
		bottom: auto;
		margin-top: auto;
		padding: 0;
		z-index: 1;
	}
	.pd0-30-md{
		padding-left: 30px;
		padding-right: 30px;
	}
	.img-lg-float{
		z-index: 1;
		float: left;
		margin-right: 50px;
	}
	.list-spoilers>li{
		padding-top: 35px;
		padding-bottom: 35px;
	}
	.list-spoilers>li .h5{
		width: 80%;
	}
	.project-printscreen{
		padding: 34px 115px 69px;
	}

	.content-slider-wrapper{
		float: left;
		width: 500px;
		margin: 10px 50px 10px 0;
	}
}

@media (max-width: 1199px) {
	.promo-block-text{
		position: relative;
        top: 50%;
        transform: translateY(-50%);
        text-align:center;
	}
	/*.wrapper-button .button{
		padding: 10px 5px;
	}*/
	.demo-img .owl-item-title{
		bottom: -1px;
		left: -1px;
		right: -1px;
	}
}

/*XL*/
@media (min-width: 1200px) {
	.promo-block{
		min-height: 200px;
	}
	.promo-block-text{
		line-height: 200px;
	}
	/*.demo-imgs>div:nth-child(3n+3)>.relative{
		margin-right: -10px;
	}
	.demo-imgs>div:nth-child(3n+1)>.relative{
		margin-left: -10px;
	}
	.wrapper-button{
		margin-left: -15px;
	}
	.demo-imgs>div:nth-child(3n+1) .owl-item-title,
	.demo-imgs>div:nth-child(3n+3) .owl-item-title{
		margin-left: 10px;
		margin-right: 10px;
	}
	.demo-img .owl-item-title{
		margin-left: 5px;
		margin-right: 5px;
	}
	.big-img{
		width: auto;
	}
	.mar-left{
		margin-left: -25px;
	}
	.mar-0 img{
		margin-right: -10px;
	}*/
	.pr-xl-60{
		padding-right: 60px;
	}

	.window{
		width: 1100px;
		left: 50%;
		margin-left: -550px;
		padding-top: 100px;
		padding-bottom: 100px;
	}
	.window.window-small{
		width: 650px;
		padding: 40px 110px;
		margin-left: -325px;
	}
	.window-close{
		top: -40px;
		right: 5px;
	}

	.navbar-expand-lg{
		padding-left: 0px;
		padding-right: 0px;
	}
	.navbar-expand-lg .navbar-nav .nav-link {
		margin-right: 25px;
		margin-left: 25px;
		padding-right: 0px;
		padding-left: 0px;
	}

	.slider-title{
		font-size: 30px;
		line-height: 34px;
	}

	.slider-content-top{
		padding-top: 30px;
	}
	.slider-content-bottom{
		padding-bottom: 40px;
	}
	.slider-content-top,
	.slider-content-bottom{
		padding-right: 45px;
		padding-left: 45px;
	}

	.list-item-img-wrap{
		line-height: 300px;
	}
	.list-item-title{
		font: 30px/32px 'circe_light';
	}

	.accordion-btn{
		right: -100px;
	}

	.subcomments{
		padding-left: 80px;
	}

	/*PROJECT / SAAS CARDS*/
	.saas-price{
		font: 40px/45px 'circe_bold';
	}
	/*END PROJECT / SAAS CARDS*/
}
@media (min-width: 1320px) {
	.demo-imgs>div:nth-child(3n+3)>.relative{
		margin-right: -10px;
	}
	.demo-imgs>div:nth-child(3n+1)>.relative{
		margin-left: -10px;
	}
	/*.wrapper-button{
		margin-left: -15px;
	}*/
	.demo-imgs>div:nth-child(3n+1) .owl-item-title,
	.demo-imgs>div:nth-child(3n+3) .owl-item-title{
		margin-left: 4px;
		margin-right: 4px;
	}
	/*.demo-img .owl-item-title{
		margin-left: 5px;
		margin-right: 5px;
	}*/
	.big-img{
		width: auto;
	}
	.mar-left{
		margin-left: -25px;
	}
	.mar-0 img{
		margin-right: -10px;
	}
}
@media (min-width: 768px) {

	#yt-widget .yt-listbox {
		max-width: 80vw;
		overflow: auto;
	}
  }