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

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1600px) {
    .main-contacts__wrap {
        margin-left: 100px;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1400px) {
    .main-contacts__wrap {
        margin: 0;
    }
    .splash_screen__links {
        font-size: 11px;
    }
    .splash_screen__ckh {
        margin-left: 2.5em;
		margin-right: 2.5em;
    }
    .ckh-section__title {
        margin-left: 1.2em;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    .main-contacts__wrap {
        margin: 0;
    }
    .grid-item {
        width: 29%;
    }
    .grid-item_4 {
        width: 29%;
    }
}

@media only screen and (max-width : 1024px) {
    .main-ckh__list {
        border: 2px solid #1cb1eb;
    }
    .grid-item {
        width: 29%;
        margin: 1em;
    }
    .grid-item_4{
        width: 29%;
    }
    .programs-card__title {
        line-height: 1.5;
    }
	.main-timer-content__item {
		margin: 1em 0.5em 0.5em;
	}
	.img-logo-forum {
		position: absolute;
		left: 0%;
		top: 25%;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    .head-title__text_big {
        font-size: 47px!important;
    }
    .head-title__text {
        font-size: 30px;
    }
    .news-subscribe__item {
        margin-bottom: 1em;
        width: 100%;
    }
    .ckh__item {
        width: 100%;
    }
    .about-us__item {
        width: 50%;
    }
    .grid-item {
        width: 45%;
        margin: 1em;
    }
    .grid-item_4 {
        width: 45%;
    }
    .programs-card-footer {
        padding: 1.5em;
    }
    .site-section__title {
        font-size: 30px;
    }
    .ckh-section__title {
        font-size: 30px;
    }
    .ckh-section__title span {
        font-size: 50px;
    }
    .head-title {
        height: 70%;
    }
    .head-title__text {
        letter-spacing: 0;
    }
	.img-logo-forum {
		position: absolute;
		left: -10%;
		top: 25%;
	}
    .assembly .assembly__item {
        width: 100%;
        padding: 70px 0;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .main-shared-links {
        top: auto;
        bottom: 20px;
        left: 2em;
        height: 35px;
        flex-direction: row;
    }
    .main-contacts__item {
        width: 100%;
        min-height: 250px;
    }
    .main-reviews__content {
        width: 100%;
    }
    .head-title__text_big {
        font-size: 30px!important;
    }
    .head-title__text {
        font-size: 24px;
    }
    .main-news__content {
        width: 100%;
    }
    .main-news__title {
        margin-bottom: 1em;
    }
    .main-head__wrapper .header__logo {
        flex-grow: 6;
    }
    .main-news__head .main-news__link-all {
        right: 15px;
    }
    .news-subscribe {
        padding: 15px;
    }
    .about-us__item {
        width: 50%;
    }
    .h1-title {
        font-size: 40px;
    }
    #map {
        min-height: 0;
        height: 25em!important;
    }
    .white-popup_command, .white-popup_command {
        max-width: 85%;
    }
  .main-reviews__link {
    height: 250px;
    width: 100%;
  }
	.main-assembly-section:after {
		width: 0!important;
	}
	.img-logo-forum {
		position: absolute;
		left: 0%;
		top: 25%;
		width: 100px;
	}
}

@media only screen and (max-width : 666px) {
    .footer-copy__item {
        flex-grow: 0;
        margin-bottom: 1em;
    }
    .subscribe-form {
        flex-direction: column;
    }
    .news-subscribe__item {
        margin-right: 0;
        margin-bottom: 1em;
        width: 100%;
    }
    .main-menu .main-menu__item {
        width: 100%;
    }
    .about-us__item {
        width: 100%;
    }
/*.category-card__icon {
        font-size: 24px;
}*/
.about-us, .ckh {
    margin-top: 1em;
}
    .grid-item {
        width: 100%;
        margin: 0.5em;
    }
    .grid-item_4{
        width: 100%;
    }
    .h1-title {
        font-size: 30px;
    }
    .programs-card-footer {
        padding: 1.5em;
    }
    .site-section {
        width: 100%;
    }
    .ckh-section {
        width: 100%;
    }
    .headhesive--stick .header-logo__img {
        width: 6vw;
    }
    .white-popup_command, .white-popup_command {
        max-width: 85%;
    }
  .main-reviews__link {
    height: 250px;
    width: 100%;
  }
  .collapsed-section__title {
    font-size: 13px;
  }
  .collapsed-section__title {
    font-size: 11px;
  }
	/*.timer {
		display: none;
	}*/
	.main-timer-content {
		flex-wrap: wrap;
	}
	.projects-card-footer {
		padding: 0;
	}
	.icon-pic {
		display: none;
	}
.main-static-banner__item {
			width: 100%;
		}
	.img-logo-forum {
		position: absolute;
		left: 0%;
		top: 15%;
		width: 100px;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    section {
        padding: 20px 0;
    }
    .main-calendar__title {
        font-size: 24px;
    }
    .main-ckh__item {
        border: 0;
        padding: 0;
    }
    .header-intranet {
        margin-top: 1em;
        margin-right: 0;
    }
    .header__item {
        margin-right: 0.4em;
    }
    .header__item:last-child {
        margin-right: 0;
    }
    .header-intranet_btn {
        width: 100%;
    }
    .main-menu .main-menu__item {
        width: 100%;
    }
    .about-us__item {
        width: 100%;
    }
    .ckh-card {
        flex-direction: column;
        max-width: 60%;
        text-align: center;
        margin: 0 auto;
    }
    .ckh-card-icon {
        margin-right: 0;
        font-size: 24px;
    }
    .inner-content__head {
    	padding-top: 0.5em;
        padding-bottom: 0.5em;
    }
    .h1-title {
        font-size: 26px;
    }
    .breadcrumb ul .active {
        padding: 0 0.6em;
    }
    .site-section__title {
        font-size: 18px;
    }
    .splash_screen__logo img {
        max-width: 81px;
        height: auto;
        margin-bottom: 1em;
    }
    .splash_screen-button, .splash_screen__shared-links {
        margin-bottom: 1em;
    }
    .ckh-section__title {
        font-size: 24px;
    }
    .splash_screen__ckh {
        margin-left: 1em;
    }
    .main-news {
        padding-bottom: 0.5em;
    }
    .main-ckh {
        padding: 2em 0;
    }
    .main-ckh__list {
        margin-top: 0;
    }
    .sample-news {
        padding: 15px 30px;
    }
    .headhesive--stick .header-logo__img {
        width: 11vw;
    }
    .headhesive--stick .header-intranet {
        display: none;
    }
    .map-location {
        max-width: 95%;
        padding: 5px;
    }
    .inner-partners-wrap {
        width: 50%;
    }
  .main-reviews__link {
    height: 250px;
    width: 100%;
  }
.calendar-filter {
margin-top: 1em;
text-align: left;
}
.splash_screen .header-lang {
    position: absolute;
    top: 40%;
    right: 1em;
}
.projects-filter__form .form-control {
	width: 100%;
	margin-bottom: 0.5em;
}
.eventCalendar-wrap {
	margin-bottom: 0;
}
.about-us__item {
	margin-bottom: 4em;
}
.category-card__title {
	padding-top: 1em;
	font-size: 100%;
}
	.main-card__img {
		display: none;
}
	.main-calendar-wrap {
		padding: 0;
	}
	.img-logo-forum {
		position: absolute;
		left: 0%;
		top: 69%;
		width: 100px;
	}
    .head-title-desc .head-title__text_big{
        padding: 0 10px;
    }
    .head-title__subtitle{
        padding: 0 30px;
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
    .head-title__text_big {
        font-size: 28px;
    }
    .head-title__text {
        font-size: 24px;
    }
    .main-news__head .main-news__link-all {
        top: calc(-100%/2 - 30%);
    }
    .about-us__item {
        width: 100%;
        margin-bottom: 4em;
    }
    .category-card__title {
    	padding-top: 1em;
    }
    .breadcrumb {
        display: none;
    }
    .inner-partners-wrap {
        width: 100%;
    }
  .main-reviews__link {
    height: 250px;
    width: 100%;
  }

}


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

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

}

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

}

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

}

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

}

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

}

@media only screen and (max-height : 800px) {
    .head-title .head-title__link {
        margin-top: 2em;
    }
    .head-title .head-title__link {
        margin-bottom: 10px;
    }
}



