@media screen and (max-width: 768px) and (min-width: 320px) {
  .hg-240 {
    height: 180px;
  }
}
/* START GRID PORTFOLIO */
@media only screen and (max-width: 580px){
  .grid-item{
    width: 50%;
  }
  .grid-item--width2 {
    width:  100%;
  }
}
/* END GRID PORTFOLIO */

/* HOVER BTN */

@media screen and (max-width: 1920px) and (min-width: 1700px) {
  .title-descr > .content-main > h1 {
		font-size: 72px;
	}
	.title-descr > .content-main > h3 {
		font-size: 32px;
	}
}

@media screen and (max-width: 1700px) and (min-width: 1460px) {
  .title-descr > .content-main > h1 {
		font-size: 56px;
	}
	.title-descr > .content-main > h3 {
		font-size: 30px;
	}
}

@media screen and (max-width: 1460px) and (min-width: 1260px) {
  .title-descr > .content-main > h1 {
		font-size: 48px;
	}
	.title-descr > .content-main > h3 {
		font-size: 24px;
	}
}

@media screen and (max-width: 1260px) and (min-width: 1160px) {
  .title-descr > .content-main > h1 {
		font-size: 32px;
	}
	.title-descr > .content-main > h3 {
		font-size: 20px;
	}
	.greybackr {
		background: #C5C5C5;
	}
}

@media screen and (max-width: 1160px) and (min-width: 960px) {
  .title-descr > .content-main > h1 {
		font-size: 32px;
	}
	.title-descr > .content-main > h3 {
		font-size: 20px;
	}
	.greybackr {
		background: #C5C5C5;
	}
	.img-spec-item {
		width: 120px;
	}
}

@media screen and (max-width: 960px) and (min-width: 760px) {
  .title-descr > .content-main > h1 {
		font-size: 32px;
	}
	.title-descr > .content-main > h3 {
		font-size: 20px;
	}
	.greybackr {
		background: #C5C5C5;
	}
	.img-spec-item {
		width: 120px;
	}
}

@media screen and (max-width: 760px) and (min-width: 560px) {
  .title-descr > .content-main > h1 {
		font-size: 32px;
	}
	.title-descr > .content-main > h3 {
		font-size: 20px;
	}
	.navbar-brand {
		display: none;
	}
		.bckg-footer {
		margin-top: 0 !important;
		height: 185px;
		z-index: 5;
    position: relative;
	}
	.greybackr {
		background: #C5C5C5;
	}
	.d-none-320 {
		display: none;
	}
	.bckg-footer > div {
		top: 85px !important;
	}
	.greybackr > .col-md-3 > p > span {
		display: block;
	}
	/* Portfolio */
	.grid-item--height2 {
		height: 200px;
	}
}

@media screen and (max-width: 560px) and (min-width: 320px) {
	.title-descr {
	    position: absolute;
	    top: 10em;
	    left: .5em;
	}
  .title-descr > .content-main > h1 {
		font-size: 14px;
	}
	.title-descr > .content-main > h3 {
		font-size: 12px;
	}
	.cnt-list > li > a, .navbar-nav > li > a {
		margin: 0 !important;
		padding: 5px 5px 0 5px !important;
	}
	.mob-menu {
		background-color: rgba(50,52,75,1);
	}
	.menu-short-second {
		float: unset;
	}
	.menu-short {
		padding-right: 18px !important;
	}
	.cnt-list > li:last-child {
		padding-left: 20px;
	}
	.phone-icon span {
		display: none;
	}
	.phone-icon {
		background-position: 26px 9px;
	}
	.cnt-list > li {
		padding: 5px 0 0 43px;
	}
	.navbar-brand {
		display: none;
	}
	.mt-100 {
		margin-top: 116px;
	}
	.navbar-header img {
		display: inline-block !important;
		width: 180px;
		margin-left: 23px;
		margin-top: 6px;
	}
	.title-block {
		font-size: 24px;
	}
	.block-specialization {
		margin-top: -65px !important;
	}
	.img-spec-item {
		width: 80px;
	}
	.spec-list-item > .container > .col-xs-five > p {
		font-size: 12px;
	}
	.bckg-footer {
		margin-top: 0 !important;
		height: 185px;
	}
	.greybackr {
		background: #C5C5C5;
	}
	.d-none-320 {
		display: none;
	}
	.bckg-footer > div {
		top: 85px !important;
		font-size: 12px;
	}
	.greybackr > .col-md-3 > p > span {
		display: block;
	}
	.mainForm {
    	display: flex;
    	flex-direction: column;
	}
	.backgr-crumbs {
		margin-top: 115px;
		height: 150px;
	}
	.backgr-crumbs > h1 {
		font-size: 16px;
	}
	.main-block-video > .block-video {
		height: 500px;
    top: -100px;
    position: relative;
	}
	.main-block-video > .block-video > .hgh-spec > .js-video-button {
		top: 330px !important;
	}
	.kremelektroContact {
		background: unset !important;
	}
	.d-flexCont {
		display: unset !important;
	}
	.border-bf:after {
		width: 85px;
	}
	.border-line:after {
		width: 300px;
	}
	#contacts {
		margin-top: 140px;
	}
	#button-blue {
		font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    border: unset;
    display: block;
    cursor: pointer;
    margin: auto;
    background-color: #E0823D;
    color: white;
    font-size: 18px;
    padding: 12px 15px;
    -moz-transition: all 0.3s;
    margin-top: -4px;
    font-weight: 700;
    -webkit-box-shadow: 0px 6px 14px 2px rgba(137,148,165,1);
    -moz-box-shadow: 0px 6px 14px 2px rgba(137,148,165,1);
    margin-top: 0 !important;
    transition: all .4s;
	}
	.hvr-reveal {
		display: unset !important;
	}
	.mobile-footer:nth-child(-n+3) {
		width: 50%;
		display: block;
		text-align: center;
	}
	.mobile-footer:nth-child(4) {
		text-align: center;
		width: 100%;
	}
	.d-flex {
		display: unset;
	}
	.d-flex > .imageAboutUs1 {
		width: auto;
	}
	.d-flex > .imageAboutUs2 {
		width: auto;
	}
	.image-about2 {
		height: 75%;
	}
	/* Portfolio */
	.grid-item--height2 {
		height: 200px;
	}
}

@media only screen and (max-width: 580px) {
	#form-div{
		width: 100%;
		padding: 0 !important;
		margin: 40px auto;
	}
	.disp-none-mob {
		display: none;
	}
}

/* Video block */
@media screen and (max-width: 370px) and (min-width: 320px) {
	.img-video {
		margin-top: 395px !important;
		margin-bottom: 20px;
		right: unset !important;
	}

	.js-video-button {
		width: 120px;
    top: 605px !important;
	}
	.block-video-abCmps {
		height: 540px;
	}
	.img-video-abCmps {
		top: -185px;
	}
	.abCmps-video-button {
		top: 20px;
		width: 120px;
	}
}

@media screen and (max-width: 420px) and (min-width: 370px) {
	.img-video {
		margin-top: 395px !important;
		margin-bottom: 20px;
		right: unset !important;
	}

	.js-video-button {
		width: 120px;
    top: 631px !important;
	}
	.block-video-abCmps {
		height: 540px;
	}
	.img-video-abCmps {
		top: -185px;
	}
	.abCmps-video-button {
		top: 50px;
    width: 130px;
	}
}

@media screen and (max-width: 768px)  {
  .shop-arrow-left {
    display: none !important;
  }
  .shop-arrow-right {
    display: none !important;
  }
  .title-specil {
    font-size: 18px !important;
    line-height: unset;
  }
  .lang_hed {
    display: none;
  }
  .cop_isv7 {
	top: 85px;
  }
  .breadcrumb {
    font-size: 9px;
  }
  .breadcrumb li a {
    font-size: 14px;
  }
  .active-crumbs {
    font-size: 14px;
   }
}

@media screen and (max-width: 470px) and (min-width: 420px) {
	.img-video {
		margin-top: 395px !important;
		margin-bottom: 20px;
		right: unset !important;
	}

	.js-video-button {
		width: 140px;
    top: 672px !important;
	}
		.block-video-abCmps {
		height: 650px;
	}
	.img-video-abCmps {
		top: -185px;
	}
	.abCmps-video-button {
		top: 85px;
    width: 150px;
	}
}

@media screen and (max-width: 520px) and (min-width: 470px) {
	.block-video {
		margin-top: -370px !important;
		height: auto !important;
	}
	.img-video {
		margin-top: 0 !important;
		margin-bottom: 20px;
		right: unset !important;
	}

	.js-video-button {
		width: 170px;
    top: 330px !important;
	}
	.block-video-abCmps {
		height: 650px;
	}
	.img-video-abCmps {
		top: -185px;
	}
	.abCmps-video-button {
    top: 120px;
    width: 170px;
	}
}

@media screen and (max-width: 570px) and (min-width: 520px) {
	.block-video {
		margin-top: -370px !important;
		height: auto !important;
	}
	.img-video {
		margin-top: -30px !important;
		margin-bottom: 20px;
		right: unset !important;
	}

	.js-video-button {
		width: 205px;
    top: 333px !important;
	}
	.block-video-abCmps {
		height: 750px;
	}
	.img-video-abCmps {
		top: -185px;
	}
	.abCmps-video-button {
		top: 155px;
    width: 190px;
	}
}

@media screen and (max-width: 620px) and (min-width: 570px) {
	.block-video {
		margin-top: -370px !important;
		height: auto !important;
	}
	.img-video {
		margin-top: 395px !important;
		margin-bottom: 20px;
		right: unset !important;
	}

	.js-video-button {
		width: 205px;
    top: 778px !important;
	}
	.block-video-abCmps {
		height: 800px;
	}
	.img-video-abCmps {
		top: -185px;
	}
	.abCmps-video-button {
		top: 190px;
    width: 210px;
	}
}

@media screen and (max-width: 670px) and (min-width: 620px) {
	.block-video {
		margin-top: -370px !important;
		height: auto !important;
	}
	.img-video {
		margin-top: 345px !important;
		margin-bottom: 20px;
		right: unset !important;
	}

	.js-video-button {
		width: 230px;
    top: 760px !important;
	}
	.block-video-abCmps {
		height: 900px;
	}
	.img-video-abCmps {
		top: -185px;
	}
	.abCmps-video-button {
    top: 225px;
    width: 235px;
	}
}

@media screen and (max-width: 720px) and (min-width: 670px) {
	.block-video {
		margin-top: -370px !important;
		height: auto !important;
	}
	.img-video {
		margin-top: 345px !important;
		margin-bottom: 20px;
		display: block;
		right: unset !important;
	}

	.js-video-button {
		width: 230px;
    top: 777px !important;
	}
}

@media screen and (max-width: 760px) and (min-width: 720px) {
	.block-video {
		margin-top: -370px !important;
		height: auto !important;
	}
	.img-video {
		margin-top: 345px !important;
		margin-bottom: 20px;
		display: block;
		right: unset !important;
	}

	.js-video-button {
		width: 230px;
    left: 32%;
    top: 777px !important;
	}
}

@media screen and (max-width: 820px) and (min-width: 760px) {
	.block-video {
		height: auto !important;
	}
	.img-video {
		margin-bottom: 20px;
		display: block;
		margin: auto;
		right: unset !important;
	}

	.js-video-button {
		width: 230px;
    top: 425px !important;
	}
}


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

  .col-xxs-12, .col-xxs-11, .col-xxs-10, .col-xxs-9, .col-xxs-8, .col-xxs-7, .col-xxs-6, .col-xxs-5, .col-xxs-4, .col-xxs-3, .col-xxs-2, .col-xxs-1 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
  }

.visible-xxs {
  display:none !important;
}

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

  .visible-xxs {
    display: block !important;
  }
  .visible-xs {
    display:none !important;
  }

  .hidden-xs {
    display:block !important;
  }

  .hidden-xxs {
    display:none !important;
  }

  .col-xxs-12 {
    width: 100%;
  }
  .col-xxs-11 {
    width: 91.66666667%;
  }
  .col-xxs-10 {
    width: 83.33333333%;
  }
  .col-xxs-9 {
    width: 75%;
  }
  .col-xxs-8 {
    width: 66.66666667%;
  }
  .col-xxs-7 {
    width: 58.33333333%;
  }
  .col-xxs-6 {
    width: 50%;
  }
  .col-xxs-5 {
    width: 41.66666667%;
  }
  .col-xxs-4 {
    width: 33.33333333%;
  }
  .col-xxs-3 {
    width: 25%;
  }
  .col-xxs-2 {
    width: 16.66666667%;
  }
  .col-xxs-1 {
    width: 8.33333333%;
  }
  .col-xxs-pull-12 {
    right: 100%;
  }
  .col-xxs-pull-11 {
    right: 91.66666667%;
  }
  .col-xxs-pull-10 {
    right: 83.33333333%;
  }
  .col-xxs-pull-9 {
    right: 75%;
  }
  .col-xxs-pull-8 {
    right: 66.66666667%;
  }
  .col-xxs-pull-7 {
    right: 58.33333333%;
  }
  .col-xxs-pull-6 {
    right: 50%;
  }
  .col-xxs-pull-5 {
    right: 41.66666667%;
  }
  .col-xxs-pull-4 {
    right: 33.33333333%;
  }
  .col-xxs-pull-3 {
    right: 25%;
  }
  .col-xxs-pull-2 {
    right: 16.66666667%;
  }
  .col-xxs-pull-1 {
    right: 8.33333333%;
  }
  .col-xxs-pull-0 {
    right: auto;
  }
  .col-xxs-push-12 {
    left: 100%;
  }
  .col-xxs-push-11 {
    left: 91.66666667%;
  }
  .col-xxs-push-10 {
    left: 83.33333333%;
  }
  .col-xxs-push-9 {
    left: 75%;
  }
  .col-xxs-push-8 {
    left: 66.66666667%;
  }
  .col-xxs-push-7 {
    left: 58.33333333%;
  }
  .col-xxs-push-6 {
    left: 50%;
  }
  .col-xxs-push-5 {
    left: 41.66666667%;
  }
  .col-xxs-push-4 {
    left: 33.33333333%;
  }
  .col-xxs-push-3 {
    left: 25%;
  }
  .col-xxs-push-2 {
    left: 16.66666667%;
  }
  .col-xxs-push-1 {
    left: 8.33333333%;
  }
  .col-xxs-push-0 {
    left: auto;
  }
  .col-xxs-offset-12 {
    margin-left: 100%;
  }
  .col-xxs-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-xxs-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-xxs-offset-9 {
    margin-left: 75%;
  }
  .col-xxs-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-xxs-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-xxs-offset-6 {
    margin-left: 50%;
  }
  .col-xxs-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-xxs-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-xxs-offset-3 {
    margin-left: 25%;
  }
  .col-xxs-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-xxs-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-xxs-offset-0 {
    margin-left: 0%;
  }

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

  .visible-xs {
    display:block !important;
  }

}

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

  .visible-xs {
    display:none !important;
  }

}

@media only screen and (max-width : 768px) {
	.item-list {
		width: 95%;
	}
	.body-content {
		margin-right: 0;
	}
	.list-portfolio:after {
		display: none !important;
	}
	.body-item {
		width: 100%;
		position: relative;
		left: 0;
		padding-bottom: 10px;
	}
	.post-body > ul {
		padding-left: 10px !important;
	}
	.item-list:nth-child(even) .body-content {
		margin-left: 0;
	}
	.item-list:nth-child(even) .body-item {
		right: 0;
		padding-bottom: 10px;
	}
	.item-list:nth-child(even) {
		float: unset;
	}
}