/* Хедер*/
	.hotlinks a {
   		word-break: break-word !important;
	}
	#logo-cnap{
		/*max-width: 15%;*/
	}
	#name{
		/*max-width: 30%;*/
	}
	#gerb{
		height: 12rem;
	}
	#city{
		/*max-width: 40%;*/
	}
	#phone{
		/*max-width: 100%;*/
	}
	#inst_icon{
		max-width: 33.33%;
	}
	#fac_icon{
		max-width: 33.33%;
	}

	#mail_icon{
		max-width: 33.33%;
	}
	.serv_icon{
		margin-left: 1rem;
		filter: grayscale(100%);
    	transition: 0.5s;
	}
	.serv_icon:hover {
    	filter: grayscale(0);
   }
   /* Меню*/

	.navbar-nav{
		display: inline-flex;
	}
	.navbar-nav > li{
		float: none;
		margin: auto;
		outline: none;
	}

	#main-menu .navbar-nav > li > a {
		display: block !important;
		color: white;
		font-size: 2.25rem;
		letter-spacing: 2px;
		font-weight: bold;
   		font-family: Poiret One, regular;
	}

	#main-menu {
		padding: 0;
	}
	#header-navbar .navbar > li > a:hover {
		outline: none;
		background: transparent;
	}
	#main-menu .nav > li > a:hover{
		background-color: transparent;
		/*color: yellow;*/
	}
	#main-menu .nav > li > a:focus{
		background-color: transparent;
		color: gold;
	}
	#main-menu .nav > .active > a{
		background-color: transparent;
		color: gold !important;
	}
	#main-menu .nav .open > a {
		background-color: transparent;
		color: gold;
	}
	#main-menu li:hover {
	    list-style-type: none;
	}
	#Contact .fsection-block {
		min-height: 525px;
	}

	#AdminService .col1 img {
		padding-left: 5px;
	}

/*	#main-menu .nav > li > a:visited{
		background-color: transparent;
		color: gold;
	}*/

   #item1::after,#item2::after,#item3::after,#item4::after {
   		position: absolute !important;
	    content: "" !important;
	    right: 1% !important;
	    width: 0.2rem !important;
	    height: 60%;
	    background: white !important;
	    top: 25% !important;
   }

   #mobile-menu {
		display: none;
	}

/*
   .nav > li > a::after {
	  content: "";
	  background: yellow;
	  height: 0.3rem;
	  position: absolute;
	  bottom: 0;
	  transition: .4s all 0.025s;
	}

	.nav > li > a::after {
	  left: 100%;
	  right: 0;
	}

	.nav > li > a:hover ~ li > a::after {
	  left: 0;
	  right: 100%;
	}

	.nav > li > a:hover::after {
	  left: 0;
	  right: 0;
	}

*/

	#main-menu .nav > li > a:last-child:after {
		 display: block;
		 content: '';
		 height: 2px;
		 width: 0rem;
		 background-color: #ee4e11;
		 right: 0;
		 left: 0;
		 position: absolute;
		 margin-top: 10px;
		 transition: 0.4s ease-in-out;
	}
	#main-menu .nav > li > a:hover:first-child ~ .nav > li > a:last-child:after {
		 margin-left: 0;
		 width: 0%;
	}
	#main-menu .nav > li > a:hover:nth-child(2) ~ .nav > li > a:last-child:after {
		 width: 45%;
	}
	#main-menu .nav > li > a:hover:last-child:after {
		 margin-left: 10%;
		 width: 80%;
	}

	#MainForm .ank_block {
		display: flex;
		background: transparent;
		width: 34rem;
		height: 6.5rem;
		margin-top: 5rem;
		border-radius: 10px;
	}

	#MainForm #anketa_btn {
		font-family: 'Poiret One', cursive;
		display: inline-block;
		color: crimson;
		background: linear-gradient(white, #9ca0af);
		border: 4px solid #2b3158;
		border-radius: 10px;
		transition: all .25s;
		margin: auto;
		height: 90%;
		width: 70%;
		font-size: 2rem;
		font-weight: bolder;
		letter-spacing: 0.2rem;
	}

	#MainForm #anketa_btn:hover {
    	font-size: 2.1rem;
    	transform: scale(1.01);
	}

  /* Футер*/
/*  @font-face {
		font-family: Tahoma;
		src: url('css/fonts/Tahoma Regular.ttf');
	}
*/
	#cnap_title {
		display: none;
	}

	#socialbtn_pblock {
		bottom: -4em;
	}

	#menu__toggle {
	 	opacity: 0;
	}
	#menu__toggle:checked ~ .menu__btn > span {
	  	transform: rotate(45deg);
	}
	#menu__toggle:checked ~ .menu__btn > span::before {
	  	top: 0;
	  	transform: rotate(0);
	}
	#menu__toggle:checked ~ .menu__btn > span::after {
	  	top: 0;
	  	transform: rotate(90deg);
	}
	#menu__toggle:checked ~ .menu__box {
	  		visibility: visible;
	  		left: 0;
	}
	.menu__btn {
	  	display: flex;
	  	align-items: center;
	  	position: fixed;
	  	top: 1.9rem;
	  	left: 20px;
		width: 26px;
		height: 26px;
		cursor: pointer;
		z-index: 10;
	}
	.menu__btn > span,
	.menu__btn > span::before,
	.menu__btn > span::after {
	  	display: block;
	  	position: absolute;
	  	width: 100%;
	  	height: 2px;
	  	background-color: white !important;
	  	transition-duration: .25s;
	}
	.menu__btn > span::before {
	  	content: '';
	  	top: -8px;
	  	background-color: black;
	}
	.menu__btn > span::after {
	  	content: '';
	  	top: 8px;
	  	background-color: black;
	}
	.menu__box {
	  	display: block;
	  	position: fixed;
	  	visibility: hidden;
	  	top: 0;
	  	left: -100%;
	  	width: 100vw;
	  	height: 100vh;
	  	margin: 0;
	  	padding: 15% 0;
	  	list-style: none;
	  	background-color: black;
	  	box-shadow: 1px 0px 6px rgba(0, 0, 0, .2);
	  	transition-duration: .25s;
	  	z-index: 9;
	}
	.menu__item {
	  	display: block;
	  	padding: 10px 24px;
	  	color: wheat;
	  	font-family: 'Roboto', sans-serif;
	  	font-size: 20px;
		font-weight: 600;
	  	text-decoration: none;
	  	transition-duration: .25s;
	}
	.menu__item:hover {
	  	background-color: #CFD8DC;
	}
	.menu__user_info {
		display: block;
	    padding: .5rem 1rem;
	    font-family: 'Roboto', sans-serif;
	    font-size: 1.75rem;
	    font-weight: 300;
	    text-decoration: none;
	    transition-duration: .25s;
	    letter-spacing: 0.1rem;
	    border-radius: 10px;
	    background-color: lightgray;
	    width: 70%;
	    margin: auto;
	}

	#mobile-menu .dropdown-menu .cabinet {
		padding: 0.2rem 0;
	}

	.tab-group {
	  list-style: none;
	  padding: 0;
	  margin: 0 0 40px 0;
	}
	.tab-group:after {
	  content: "";
	  display: table;
	  clear: both;
	}
	.tab-group li a {
	  display: block;
	  text-decoration: none;
	  padding: 15px;
	  background: rgba(160, 179, 176, 0.25);
	  color: #a0b3b0;
	  font-size: 20px;
	  float: left;
	  width: 50%;
	  text-align: center;
	  cursor: pointer;
	  -webkit-transition: .5s ease;
	  transition: .5s ease;
	}
	.tab-group li a:hover {
	  background: #179b77;
	  color: #ffffff;
	}
	.tab-group .active a {
	  background: #1ab188;
	  color: #ffffff;
	}
	.login_block_btn {
		margin-right: 3rem;
	    margin-top: 3rem;
	    text-align: center !important;
	    vertical-align: middle !important;
	    width: 28rem;
	    height: 6.5rem;
	    font-size: 2.5rem;
	    font-family: 'Poiret One', cursive;
	    display: inline-block;
	    transition: background 1s;
	    color: black;
	    background: linear-gradient(white, #9ca0af);
	    border: 4px solid #2b3158;
	    border-radius: 10px;
	    transition: all .25s;
	}
	.login_block_btn:hover {
	    font-weight: bolder;
	    font-size: 2.65rem;
	    transform: scale(1.01);
	}
	.user-info text {
		width: 80%;
	    margin: auto;
	    color: #fdfeff;
	    text-align: left;
	    margin-top: 1rem;
	    font-size: 2rem;
	    font-family: Poiret One, regular;
	    font-weight: bold;
	    letter-spacing: 0.2rem;
	}
	.user-info .user-pic {
		height: 4rem;
		width: 4rem;
		font-size: 2.5rem;
		background-color: #eee;
		border-radius: 5px;
		text-align: center;
	}
	.user-info span {
		margin: auto; color: gray; margin-top: .5rem;
	}
	.user-block {
		margin-top: 2rem;
	}
	.user-block ul {
		text-align: left;
		list-style: none;
		background: linear-gradient(white, #CACDD7);
		border-radius: 5px;
		padding-top: .5rem;
		padding-bottom: 1rem;
	}
	.user-block	.cabinet {
	    padding: .5rem 0;
	}
	.user-block	.divider {
		background: black;
	    height: 1px;
	    margin: .4rem 0;
	    overflow: hidden;
	    max-width: 85%;
	}

	#youtubeblockframe {
	padding: 0;
	}

	#youtubeblockframe iframe {
		width: auto;
		width: -webkit-fill-available;
		height: 300px;
	}

	#Header #phone {
		height: 7.5rem;
		margin: auto;
		margin-bottom: 0;
	}

	#AdminService ul .dropdown {
		display: none;
	}

/* сторінка сайту "Графік прийому"*/
	#schedule_org_page {
		margin-top: 1rem;
		margin-bottom: 1rem
	}
	#schedule_org_page .fcoloumn {
		width: 100px;
	}
	#schedule_org_page .tcoloumn {
		width: 300px;
	}

/* сторінка сайту "Статистика"*/
	#statix_page {
		margin-bottom: 1rem;
		margin-top: 1rem;
	}

/* сторінка сайту "Про ЦНАП"*/
	#about_index_page {
		margin-bottom: 2rem;
		margin-top: 2rem;
	}

/* сторінка сайту "Публічна інформація"*/
	#public_index_page {
		margin-top: 2rem;
		margin-bottom: 1rem;
	}
	#public_index_page #ulnavpills .dropdown {
		display: none;
	}

/* сторінка сайту "Графік роботи"*/
	#schedule_page {
		margin-top: 2rem;
		margin-bottom: 3rem;
	}
	#schedule_page .nav .dropdown {
		display: none;
	}

/* сторінка сайту "Державні послуги"*/
	#gservice_page {
		margin-top: 1rem;
	}
	#gservice_page .gservice_online_block {
		text-align: center;
	}

/* сторінка сайту "ЦНАП"*/
	#eposlugi_index_page {
		margin-top: 2rem !important;
	}

/* сторінка сайту "ЦНАП"*/
	#poslugi_all_page {
		margin-top: 1rem;
		margin-bottom: 2rem;
	}

/* сторінка сайту "Картка полсуги"*/
	#poslugi_posluga_page {
		margin-top: 2rem;
		margin-bottom: 1rem;
	}

/* сторінка сайту "Вибору офісу"*/
	#echerga_step2_page {
		margin-top: 1rem;
		margin-bottom: 1rem;
	}

	#Contact .grafikinfoBtn {
		display: inline-flex;
	    padding: 1.5rem 1rem;
	    margin-left: auto;
	    margin-right: auto;
	    justify-content: center;
	    margin-bottom: 0px !important;
	}

	#Contact .officelist {
		padding: 1rem;
	    margin: auto;
	    margin-top: 1.5rem;
	    margin-bottom: 2.5%;
	    background-color: rgba(255,255,255,0.4);
	    z-index: 5;
	    display: flex;
	    border-radius: 3px;
	    box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
	}
	.email-bt {
		bottom: 12% !important;
	}

	#main_body_block {
		margin-top: 2rem;
		margin-bottom: 1rem;
	}

	#MainForm .check_info_btn {
		border: none;
		background: transparent;
		outline: none;
		float: right;
		padding-top: 1rem;
		margin-right: 1rem;
	}
	#MainForm .check_info_btn i {
		font-size: 2rem;
		background-color: white;
		border-radius: 50%;
	}

/*Форма для виртуального туру*/
	#virtualmap {
		display: flex;
		height: 20vh; 
		min-height: 400px; 
		max-height: 600px; 
		background-color: #e2e4e7;	
	}
	#virtualmap .background-content{
		display: flex;
		justify-content: center;
		width: 100%; 
		min-height: 296px; 
		background-image: url(/images/body/gray_fon.png); 
		background-repeat: no-repeat; 
		background-size: 100%;
		background-size: cover;
	}
	#virtualmap .background-content .container{
		display: inline-flex;
		padding: 0px;
	}
	#virtualmap .background-content .container .block{
		display: block; 
		margin: auto; 
		width: 95%; 
		height: 90%; 
		background-color: rgba(255,255,255,0.8); 
		z-index: 5; 
		border-radius: 5px;
	}
	#virtualmap .background-content .container .block p{
		color: black; 
		line-height: 1; 
		letter-spacing: 1.1px; 
		font-size: 26px; 
		font-weight: 500; 
		font-family: Poiret One,regular;
		margin: auto; 
		margin-top: 20px;
		text-transform: uppercase;
		text-align: center; 
	}
	#virtualmap .images-block{
		text-align: center; 
		padding-top: 2rem;
	}
	#virtualmap .images-block img{
		width: 100%; 
		height: 20rem; 
		max-height: 250px;
	}
	#virtualmap .button-block{
		display: inline-block; 
		width: 100%;
		text-align: center;
	}
	#virtualmap .button-block a{
		display: inline-flex;
		width: 25%;
		max-width: 275px;
		height: 50px;
		font-size: 2.2rem;
		font-family: 'Poiret One', cursive;
		font-weight: 500;
		color: white;
		background-color: #474d6e;
		margin: auto;
		margin-top: 20px;
		padding-top: 1rem; 
		justify-content: center;
		text-align: center !important;
		vertical-align: middle !important;
		border-radius: 2px;
		transition: background 1s;
	}

	#anketa_gf {
		display: flex;
		height: 20vh; 
		min-height: 400px; 
		max-height: 400px;	
		background-color: #e2e4e7;	
	}
	#anketa_gf .background-content{
		display: flex;
		justify-content: center;
		width: 100%; 
		min-height: 296px; 
		background-image: url(/images/body/color_fon.jpg); 
		background-repeat: no-repeat; 
		background-size: 100%;
		background-size: cover;
	}
	#anketa_gf .background-content .container{
		display: inline-flex;
		padding: 0px;
	}
	#anketa_gf .background-content .container .block{
		display: block; 
		margin: auto; 
		width: 95%; 
		height: 90%; 
		background-color: rgba(255,255,255,0.8); 
		z-index: 5; 
		border-radius: 5px;
	}
	#anketa_gf .background-content .container .block p{
		color: black; 
		line-height: 1; 
		letter-spacing: 1.1px; 
		font-size: 26px; 
		font-weight: 500; 
		font-family: Poiret One,regular;
		margin: auto; 
		margin-top: 20px;
		text-transform: uppercase;
		text-align: center; 
	}
	#anketa_gf .images-block{
		text-align: center; 
		padding-top: 2rem;
	}
	#anketa_gf .images-block img{
		width: 70%; 
		height: 30rem; 
		max-height: 275px;
	}	
	#anketa_gf .background-content .container .block .anketa_ {
		margin-top:-90px;
	}
	#anketa_gf .button-block{	
		display: inline-block;
		width: 100%;
		text-align: center;
	}
	#anketa_gf .button-block a{
		display: inline-flex;
		max-width: 300px;
		height: 50px;
		font-size: 2.2rem;
		font-family: 'Poiret One', cursive;
		font-weight: 500;
		color: white;
		background-color: #474d6e;
		margin: auto;
		margin-top: 20px;
		padding-top: 1rem; 
		justify-content: center;
		text-align: center !important;
		vertical-align: middle !important;
		border-radius: 2px;
		transition: background 1s;		
	}

@media (max-height: 768px) {
	body {
		zoom: 0.9;
	}
	
}

@media (min-height: 500px) and (max-height: 900px) {
	.poll-bt {
    	bottom: 43.5% !important;	
	}	
	
	.viberbot-bt {
    	bottom: 27.5% !important;	
	}

	#moprhModal .modal-content {
		top: 82% !important;
	   left: 94% !important;
	}

	#moprhModal .modal-content.in {
		top: 35% !important;
		left: 50% !important;
	}
			
}

@media (min-width: 1200px) {
	#youtubeblockframe iframe {
		width: 360px;
	}
	.news-content figure img {
		height: 450px !important;
	}
	.social_button {
		margin: 10px 5px !important;
	}
}

@media (min-width: 993px) and (max-width: 1200px) {
/*@media (max-width: 1200px) {*/

/* Головна сторінка сайту*/
	.email-bt {
		bottom: 13.5% !important;
	}

	#moprhModal .modal-content.in {
	    top: 20% !important;
	    left: 50% !important;
        width: 600px !important;
	    height: auto !important;
	    margin: 10px !important;
	    /*transform: translate(0%, 0%) !important;*/
	    position: relative !important;
	}
	#moprhModal .modal-content .text-call i {
	    font-size: 4.25rem !important;
	}
	#moprhModal .modal-content.in .text-call p {
		display: none !important;
		opacity: 0 !important;
	}

	#moprhModal .modal-content {
	    height: 9rem !important;
	    width: 9rem !important;
        top: 85% !important;
	    left: 93.5% !important;
	}
	#moprhModal .modal-content .text-call {
	    height: 9rem !important;
	}
	#moprhModal .modal-content .text-call span {
		font-size: 1.2rem !important;
	}
	#moprhModal .modal-content .text-call p {
		font-size: 1.2rem !important;
		opacity: 1 !important;
	}
	.poll-bt {
		bottom: 39% !important;
		height: 9rem !important;
	    width: 9rem !important;
	}
	.poll-bt i {
		font-size: 4.25rem !important;
		line-height: 8.5rem !important;
	}
	.poll-bt p {
		font-size: 1.1rem !important;
	}	
	.viberbot-bt {
		bottom: 25% !important;
		height: 9rem !important;
	    width: 9rem !important;
	}
	.viberbot-bt i {
		font-size: 4.25rem !important;
		line-height: 8.5rem !important;
	}
	.viberbot-bt p {
		font-size: 1.1rem !important;
	}

	#Header #phone {
		height: 7rem;
	}
	#MainForm::before {
		background-size: auto !important;
	    /*background-position-y: -15vh !important;*/
	}
	#admintitle {
		font-size: 2.75rem !important;
	}
	
	#contacttitle {
		font-size: 2.75rem !important;
	}
	#main-menu .navbar-nav > li > a {
		font-size: 2rem !important;
	    letter-spacing: 1.5px;
	}
	#btnsearch {
    	height: 4.5rem;
    	width: 6.5rem;
	}
	#gerb {
		height: 11rem;
	}
	#cnap_logo {
	    height: 9rem !important;
	    text-decoration: none;
   		outline: none;
	}
	.social_button {
	    margin: 8px 4px !important;
	}
	#callbackbt_block {
		padding-right: 1rem;
	}
	#btnsearch {
		width: 6rem !important;
	}
	#cnap_tagline {
		height: 21rem !important;
	    margin-top: 0.5rem !important;
	}
	#logo-cnap {
	    max-width: 85px !important;
	}
	#name {
		font-size: 22px !important;
		line-height: 1.1;
	}
	#Contact .text_col2 .service-description1{
		font-size: 2rem !important;
	}
	#Contact .text_col2 .service-description2{
		font-size: 1.75rem !important;
	}
	#contact_footer ul {
		padding-inline-start: 20px !important;
	}
	.service-description {
		font-size: 1.9rem !important;
	}
	.container_subject label {
	    min-width: 70px !important;
		font-size: 1.45rem !important;
    	padding: 9px 25px !important;
	}
	.news-content figure img {
	    /*height: 55vh !important;*/
	    height: 450px !important;
	}
	.carousel-indicators {
		bottom: 20% !important;
	}
	.carousel-indicators .active {
	    width: 2rem !important;
	    height: 2rem !important;
	}
	.carousel-indicators li {
	    width: 1.95rem !important;
	    height: 1.95rem !important;
	}
	.news-content figure .heading h3 {
		font-size: 1.75rem !important;
	}
	.carousel-control.left {
		height: 84% !important;
	}
	.carousel-control.right {
		height: 84% !important;
	}

	/*Сторінка сайту "Статистика"*/
}

@media (min-width: 769px) and (max-width: 992px) {
	#MainForm .ank_block {
		width: 30rem !important;
		height: 6rem !important;
		margin-top: 7rem !important;
	}
	#MainForm #anketa_btn {
		width: 70% !important;
		font-size: 1.9rem !important;
	}
	#MainForm #anketa_btn:hover {
    	font-size: 2rem !important;
	}
	.email-bt {
		bottom: 15% !important;
	}

	#moprhModal .modal-content.in {
	    top: 20% !important;
	    left: 50% !important;
        width: 600px !important;
	    height: fit-content !important;
	    margin: 10px !important;
	    /*transform: translate(0%, 0%) !important;*/
	    position: relative !important;
	}
	#moprhModal .modal-content .text-call i {
	    font-size: 3.75rem !important;
	}
	#moprhModal .modal-content.in .text-call p {
		display: none !important;
		opacity: 0 !important;
	}

	#moprhModal .modal-content {
	    height: 8rem !important;
	    width: 8rem !important;
        top: 80% !important;
	    left: 92% !important;
	}
	#moprhModal .modal-content .text-call {
	    height: 8rem !important;
	}
	#moprhModal .modal-content .text-call span {
		font-size: 1.1rem !important;
	    line-height: inherit !important;
	}
	#moprhModal .modal-content .text-call p {
		font-size: 1.2rem !important;
		opacity: 1 !important;
	}
	.poll-bt {
		right: 3% !important;
		bottom: 46% !important;
		height: 8rem !important;
	    width: 8rem !important;
	}
	.poll-bt i {
		font-size: 3.75rem !important;
		line-height: 7.5rem !important;
	}
	.poll-bt p {
		font-size: .9rem !important;
	}	
	.viberbot-bt {
		right: 3% !important;
		bottom: 30% !important;
		height: 8rem !important;
	    width: 8rem !important;
	}
	.viberbot-bt i {
		font-size: 3.75rem !important;
		line-height: 7.5rem !important;
	}
	.viberbot-bt p {
		font-size: .9rem !important;
	}

	#News {
		margin-bottom: 2rem !important;
	}
	#Header .clearfix {
		padding-bottom: 0;
	}
	#Header #phone {
		height: 5rem;
    	margin-top: 20%;
    	margin-left: 10%;
	}
	#MainForm::before {
		background-size: auto !important;
	    /*background-position-y: -15vh !important;*/
	}
	#gerb {
		height: 10rem !important;
	}
	#cnap_logo {
	    height: 7rem !important;
	}
	.social_button {
	    margin: 6px 1px !important;
	}
	#socialbtn_pblock {
		bottom: -3.5em !important;
	}
	ul.menu li a i.fab {
		height: 4rem !important;
	    width: 4rem !important;
	    font-size: 1.85rem !important;
	    padding: 8px !important;
		line-height: 25px !important;
	}
	#callbackbt_block {
		padding-right: 2rem;
	}
	.callback-bt {
		height: 7rem !important;
		width: 7rem !important;
	}
	.callback-bt i {
		line-height: 6.5rem !important;
		font-size: 2.75rem !important;
	}
	#main-menu .navbar-nav > li > a {
		font-size: 1.7rem !important;
	    letter-spacing: 1px !important;
	    padding: 1rem !important;
	}
	.search_button {
		margin: auto !important;
	}
	#btnsearch {
		height: 4rem !important;
		width: 4.5rem !important;
	}
	#btnsearch span{
		font-size: 1.75rem !important;
	}
	#main-menu-collapse {
		padding: 0 !important;
		display: inline-flex !important;
	}
	#app {
		padding-top: 1rem !important;
	}
	#app .clock {
		height: 30rem !important;
	}
	#app .clock::before {
		width: 15px !important;
		height: 15px !important;
	}
	#app .clock .steps::before,
	#app .clock .steps::after {
		height: 20px !important;
		width: 5px !important;
	}
	#app .clock .hour {
		width: 6px !important;
	}
	#app .clock .min {
		width: 3.5px !important;
	}
	#app .clock .sec {
		width: 1.5px !important;
	}
	#cnap_tagline {
		height: 16rem !important;
		margin-top: 2.5rem !important;
	}
	.login_block {
		width: 30rem !important;
		height: 26rem !important;
		margin-top: 3rem !important;
	}
	.check_block {
		margin-bottom: 0 !important;
		margin-top: 2rem !important;
		width: 30rem !important;
		height: 11.5rem !important;
	}
	.context-label {
		font-size: 1.75rem !important;
	}
	.login_block label {
		font-size: 1.5rem !important;
	}
	.login_block input {
		height: 4rem !important;
	}
	.signup_block {
		font-size: 1.4rem !important;
	}
	#btnlogin {
		margin-top: 1rem !important;
		height: 4.25rem !important;
		width: 10rem !important;
		font-size: 2rem !important;
	}

	#MainForm .user-info text {
	    font-size: 1.75rem !important;
	}
	#MainForm .user-block {
		margin-top: 1rem !important;
	}
	#MainForm .user-block ul {
	    padding-top: .25rem !important;
	    padding-bottom: .5rem !important;
	}
	#MainForm .user-block .cabinet {
	    padding: .4rem 0 !important;
	}
	#MainForm .login_block_btn {
		width: 24rem !important;
		height: 6.25rem !important;
	    font-size: 2.25rem !important;
	    margin-top: 2rem !important;
	}

	.check_block .form-group label {
		font-size: 1.75rem !important;
	}
	.check_block .form-group input {
		height: 3.5rem !important;
	}
	.check_block .form-group button {
		height: 3.5rem !important;
		width: 3.5rem !important;
		font-size: 1.5rem !important;
	}
	.check_block .form-group .hint-block span {
	    font-size: 1.45rem !important;
	}
	.counter-item .timer {
	    font-size: 2.75rem !important;
        line-height: 7rem !important;
	    margin-bottom: 0.5rem !important;
	    margin-top: 0.5rem !important;
	}
	.counter-item h5 {
		font-size: 1.55rem !important;
    	margin-top: 0.5rem !important;
	}
	#counter {
    	height: 40vh !important;
    	min-height: 250px !important;
	}
	#counter .counter-item .icon img{
	    line-height: 6rem !important;
        height: 7.5rem !important;
	}
	.container_subject label {
		min-width: 65px  !important;
	    font-size: 1.35rem !important;
	    padding: 8px 20px !important;
	}
	#admintitle {
		font-size: 2.25rem !important;
	}
	.subject-service .block-content p {
		font-size: 1.4rem !important;
	}
	#newstitle {
		font-size: 2.25rem !important;
		margin-bottom: 15px !important;
	}
	#anketatitle {
		font-size: 2.25rem !important;
		margin-bottom: 15px !important;
	}
	#contacttitle {
		font-size: 2.25rem !important;
	}
/*	#AdminService .nav-tabs > .active a {
		font-size: 1.85rem !important;
	}*/

	#AdminService .nav-tabs.nav-justified > li > a{
		border-radius: 4px 4px 0 0;
	    padding-left: 5px;
	    padding-right: 5px;
	    font-size: 1.65rem;
	}
	#AdminService .nav-tabs > a {
		border-radius: 4px 4px 0 0;
	    padding-left: 5px;
	    padding-right: 5px;
	    font-size: 1.65rem;
	}
	#AdminService .service-description{
    	font-size: 1.4rem !important;
	    text-align: center !important;
	}
	#AdminService #myInput2 {
	    background-position: 10px 8px !important;
	    padding: 8px 20px 8px 40px !important;
	}
	#AdminService #myInput3 {
	    background-position: 10px 8px !important;
	    padding: 8px 20px 8px 40px !important;
	}

	#myTable .scolumn a {
		font-size: 1.5rem !important;
	}
	#myCarousel {
	    margin-bottom: 1rem !important;
        width: 95% !important;
	    margin: auto !important;
	}
	.each-service {
		height: 6.5em !important;
	}
	.carousel-indicators {
		bottom: 17.5% !important;
	}
	.carousel-indicators .active {
	    width: 2rem !important;
	    height: 2rem !important;
	}
	.carousel-indicators li {
	    width: 1.95rem !important;
	    height: 1.95rem !important;
	}
	.news-content figure img {
	    /*height: 45vh !important;*/
        height: 400px !important;
	}
	.news-content figure .heading h3 {
		font-size: 1.75rem !important;
	}
	.carousel-control.left {
		height: 84% !important;
	}
	.carousel-control.right {
		height: 84% !important;
	}
	#Contact iframe {
		height: 40vh !important;
	    min-height: 200px !important;
	}
	#Contact .fsection-block {
		min-height: 85vh;
	}
	#logo-cnap {
		max-width: 75px !important;
	}
	#name {
		font-size: 2.5rem !important;
		letter-spacing: 1.25px !important;
		margin-left: 2.5% !important;
		width: 55% !important;
	}

	#Contact .text_col2 .service-description1 {
		font-size: 1.95rem !important;
	}
	#Contact .text_col2 .service-description2 {
		font-size: 1.7rem !important;
	}
	.mail-btn {
	    width: 25% !important;
	    height: 4.5rem !important;
	}
	#contact_footer_con {
		margin-top: 2rem !important;
		margin-bottom: 0 !important;
	}
	#myUL li a {
		padding: 10px !important;
		font-size: 1.75rem !important;
	}
	/* сторінка сайту "Графік прийому"*/
	#schedule_org_page .fcoloumn {
		width: 80px;
	}
	#schedule_org_page .tcoloumn {
		width: 240px;
	}
	/* сторінка сайту "Графік прийому"*/
	#schedule_org_page {
		font-size: 97.5%;
	}
	/* сторінка сайту "Статистика"*/
	#statix_page {
		font-size: 97.5%;
	}
	/* сторінка сайту "Про ЦНАП"*/
	#about_index_page {
		font-size: 97.5%;
	}
	/* сторінка сайту "Публічна інформація"*/
	#public_index_page {
		font-size: 97.5%;
	}
	/* сторінка сайту "Графік роботи"*/
	#schedule_page {
		font-size: 97.5%;
	}
	/* сторінка сайту "Державні послуги"*/
	#gservice_page {
		font-size: 97.5%;
	}
	#gservice_page .hotlinks{
		padding: 0 !important;
	}
	#gservice_page .hotlinks ul{
		padding-left: 2rem;
		margin-bottom: 1.5rem;
	}
	#gservice_page .margin10{
		margin: 0 !important;
	}
	/* сторінка сайту "ЦНАП"*/
	#eposlugi_index_page {
		font-size: 97.5%;
	}
	#eposlugi_index_page #info_block {
		padding: 0 !important;
	}
	#eposlugi_index_page #caption_block {
		padding: 0 !important;
	}
	#eposlugi_index_page #captbtn_block {
		padding: 0 !important;
	}
	#eposlugi_index_page #caption_block h4 {
		font-size: 1.7rem;
	}
	#eposlugi_index_page #captbtn_block	.btn {
	    padding: 6px 8px;
	}
	#eposlugi_index_page .toapnumtd {
		padding: 0;
	}
	#eposlugi_index_page .eposlugi_col_block {
		padding-left: 5px;
		padding-right: 5px;
	}
	#eposlugi_index_page .toapredirecttd {
		padding: 0;
	}
	#eposlugi_index_page a {
	    padding: 6px 6px;
	    font-size: 13px;
	}
	/* сторінка сайту "ЦНАП"*/
	#poslugi_all_page {
		font-size: 97.5%;
	}
	/* сторінка сайту "Картка полсуги"*/
	#poslugi_posluga_page {
		font-size: 97.5%;
	}
	/* сторінка сайту "Вибору офісу"*/
	#echerga_step2_page {
		font-size: 97.5%;
	}

	#main_body_block {
		font-size: 97.5%;
	}

/* модальные окна*/
	/* модальное окно "Вибор бланку"*/
	#blankModal .modal-body .category .block-content {
	    height: 15.5rem !important;
	}
	#blankModal .modal-body .category .block-content .block1 img {
	    height: 9rem !important;
	}
	#blankModal .modal-body .category .block-content .block2 p {
		font-size: 1.7rem !important;
	}
	#blankModal .modal-header h3 {
	    font-size: 2.35rem !important;
	}
	/* модальное окно "Графік роботи"*/
	#grafikModal .modal-body {
	    font-size: 1.55rem !important;
	}
	#weeklygrafik {
	    margin: 0 5px 0 5px !important;
	    font-size: 95% !important;
	}
	#weeklygrafik th {
		font-size: 1.2em !important;
	}
	#grafikModal .modal-body p {
	    font-size: 1.55rem !important;
	}
	/* модальное окно "Послуги"*/
	#scopeModal #myInput_rl {
		margin: 1rem .5rem 0rem .5rem !important;
	    background-position: 10px 8px !important;
	    padding: 8px 20px 8px 40px !important;
	}
	#scopeModal .container_subject label {
	    padding: 6px 20px !important;
	}
	#scopeModal .results_option-group {
	    padding: 10px 2px !important;
	}
	#scopeModal .results_option-selectable .name a {
	    font-size: 1.5rem !important;
	}
	#scopeModal .modal-header h3 {
	    font-size: 2.35rem !important;
	}
		/* модальное окно "За суб’єктами"*/
	#subjectModal .modal-header {
	    padding-top: 10px !important;
	    padding-bottom: 10px !important;
	}
	#subjectModal .modal-header h3 {
	    font-size: 2.35rem !important;
	}
	#subjectModal .modal-body {
	    padding-left: 10px !important;
	    padding-right: 10px !important;
	    max-height: 77.5vh !important;
	}
	#subjectModal #myInput2 {
	    background-position: 10px 8px !important;
	    padding: 8px 20px 8px 40px !important;
	}

	#virtualmap .background-content .container .block {
		height:  85%;
	}
	#virtualmap .images-block img {
		max-height: 175px;
	}
	#anketa_gf .background-content .container .block .anketa_{
		margin-top:-90px;
	}	
	#anketa_gf .button-block{	
		display: inline-block;
		width: 100%;
		text-align: center;
	}	
	#anketa_gf .background-content .container .block {
		height:  85%;
	}
	#anketa_gf .images-block img {
		max-height: 250px;
	}	
}

@media (max-width: 767px) {
	#youtubeblockframe {
		display: grid;
	}
	#anketa_gf .background-content .container .block .anketa_{
		margin-top:-20px;
	}	
}

@media (min-width: 577px) and (max-width: 768px) {
	#MainForm .ank_block {
		width: 30rem !important;
		height: 5.5rem !important;
	    margin: auto !important;
	    margin-bottom: 3rem !important;
	}
	#MainForm #anketa_btn {
		font-size: 1.8rem !important;
	}
	#MainForm #anketa_btn:hover {
    	font-size: 1.9rem !important;
	}
	#gservice_page #igovhref{
		margin-top: 2rem !important;
	}

	.email-bt {
		bottom: 17.5% !important;
	}

	#moprhModal .modal-content.in {
	    top: 0% !important;
	    left: 0% !important;
	    width: fit-content !important;
	    height: fit-content !important;
	    margin: 10px !important;
	    transform: translate(0%, 0%) !important;
	    position: relative !important;
	}
	#moprhModal .modal-content .text-call i {
	    font-size: 3.25rem !important;
	}
	#moprhModal .modal-content .text-call span {
		line-height: inherit !important;
		font-size: 1rem !important;
	}
	#moprhModal .modal-content.in .text-call p {
		display: none !important;
		opacity: 0 !important;
	}

	#moprhModal .modal-content {
	    height: 7rem !important;
	    width: 7rem !important;
        top: 82.5% !important;
	    left: 91% !important;
	}
	#moprhModal .modal-content .text-call {
	    height: 7rem !important;
	}
	#moprhModal .modal-content .text-call p {
		font-size: 1rem !important;
		opacity: 1 !important;
	}
	.poll-bt {
		right: 3% !important;
		bottom: 37% !important;
		height: 7rem !important;
	    width: 7rem !important;
	}
	.poll-bt i {
		font-size: 3.25rem !important;
		line-height: 7rem !important;
	}
	.poll-bt p {
		font-size: .8rem !important;
	}
	.viberbot-bt {
		right: 3% !important;
		bottom: 25% !important;
		height: 7rem !important;
	    width: 7rem !important;
	}
	.viberbot-bt i {
		font-size: 3.25rem !important;
		line-height: 7rem !important;
	}
	.viberbot-bt p {
		font-size: .8rem !important;
	}

	#Header .hblock1 {
	    width: 50%;
	}
	#Header #gerb {
		height: 6rem !important;
	}
	#Header #cnap_logo {
	    height: 5.5rem !important;
        padding-left: .5rem !important;
	}
	#Header .hblock2 {
	    width: 25%;
	}
	#Header #phone {
	    height: 4.5rem;
	    margin: auto;
	    margin-bottom: 0;
	    margin-left: 10%;
	}
	#Header #socialbtn_pblock {
		bottom: -1.5em !important;
	}
	#Header #socialbtn_pblock ul{
	    margin-bottom: 0;
	    padding-bottom: 3%;
	    display: none;
	}
	#Header .social_button {
	    margin: 2px !important;
	}
	#Header ul.menu li a i.fab {
		height: 3.25rem !important;
		width:  3.25rem !important;
		font-size: 1.65rem !important;
		padding: 2px !important;
	}
	#Header .hblock3 {
	    width: 25%;
	    height: auto !important;
	}
	#Header #callbackbt_block {
		margin-top: 0 !important;
	}
	#Header .callback-bt {
		height: 6rem !important;
		width: 6rem !important;
	}
	#Header .callback-bt i {
		line-height: 5.5rem !important;
		font-size: 2.5rem !important;
	}
	#mobile-menu {
		display: inline-flex !important;
		width: 90%;
	}
	#header_container .search_button {
		margin: auto;
	}
	#header_container .hamburger-menu {
	    display: inline-flex;
	    padding: 5px;
	    border: 2px solid white;
	    border-radius: 5px;
	}
	#header_container .hamburger-menu input{
		display: none;
	}
	#header_container .hamburger-menu .menu__btn {
	    width: 35px;
	    height: auto;
        margin: auto;
	}
	#header_container .menu__btn > span::after {
	    top: 6px;
	}
	#menu__toggle:checked ~ .menu__btn > span::after {
	    top: -75% !important;
	}
	#header_container .menu__box {
		text-align: center;
	}

	#MainForm::before {
		background-size: auto !important;
	    /*background-position-y: -15vh !important;*/
	}
	#counter .counter-item .icon img {
	    height: 6.5rem !important;
	}
	.counter-item .timer {
	    font-size: 2.25rem !important;
        line-height: 5rem !important;
	    margin-bottom: 0.5rem !important;
	    margin-top: 0.5rem !important;
	}
	.counter-item h5 {
		font-size: 1.25rem !important;
    	margin-top: 0.5rem !important;
	}
	#counter {
		height: 35vh !important;
		min-height: 200px !important;
	}
	#counter .counter-item .icon img {
	    height: 7rem;
	    line-height: 5rem;
	}

	.subject-service .block-content p {
		font-size: 1.25rem !important;
	}
	.carousel-control.left span:before {
		line-height: 0 !important;
	    top: 45% !important;
	    right: 27.5% !important;
	}
	.carousel-control.right span:before {
		line-height: 0 !important;
	    top: 45% !important;
	    right: 27.5% !important;
	}

	#mobile-menu .login_block_btn {
		width: 18rem !important;
		height: 4.25rem !important;
	    font-size: 2rem !important;
	    margin-right: 0rem !important;
    	margin-top: .5rem !important;
	}
	#mobile-menu .login_block_btn {
		font-size: 2.15rem !important;
	}

	#AdminService .container_subject label {
		min-width: 75px !important;
		font-size: 1.3rem !important;
		padding: 3.5px 17px !important;
	    margin: 4px !important;
	    text-align: center !important;
	}

	#admintitle {
		font-size: 2rem !important;
	}
	#newstitle {
		font-size: 2rem !important;
		margin-bottom: 15px !important;
	}
	#anketatitle {
		font-size: 2rem !important;
		margin-bottom: 15px !important;
	}	
	#contacttitle {
		font-size: 2rem !important;
	}
	#main-menu {
		display: none;
	}
/*	#header_container{
		display: block !important;
	}*/

	.menu__btn > span,
	.menu__btn > span::before,
	.menu__btn > span::after {
	    position: relative !important;
	    height: 3px;
	}
	.menu__btn {
		position: inherit;
	}

/*	#mmenu {
		height: 6rem !important;
	    background-color: #474d6e;
	    display: flex;
	    position: fixed;
	    width: -webkit-fill-available;
	    z-index: 99;
	}
*/

	#btnsearch {
		height: 4rem !important;
		width: 4.5rem !important;
		float: right !important;
	}
	#btnsearch span{
		font-size: 1.65rem !important;
	}
	body {
		overflow-x: hidden !important;
	}
	#cnap_tagline {
	    height: 13.5rem !important;
	    margin-left: 10% !important;
        margin-top: 1.5rem !important;
	}
	.login_block {
		display: none;
	}
	.check_block {
		margin: auto !important;
		margin-bottom: 4rem !important;
		margin-top: 0 !important;
		width: 34rem !important;
		height: 10.5rem !important;
	}
	.check_block .form-group label {
		font-size: 1.65rem !important;
	}
	.check_block .form-group input {
		height: 3.25rem !important;
	}
	.check_block .form-group button {
		height: 3.25rem !important;
		width: 3.25rem !important;
		font-size: 1.25rem !important;
	}
	.check_block .form-group .hint-block span {
	    font-size: 1.35rem !important;
	}
	main {
		margin-top: 1rem !important;
	}
	#app {
		padding-left: 0 !important;
	}
	.clock {
		height: 32.5rem !important;
	}
	.clock::before {
		width: 15px !important;
		height: 15px !important;
	}
	.clock .steps::before, .clock .steps::after {
		width: 5px !important;
		height: 20px !important;
	}
	.clock .hour {
		height: 22.5% !important;
		width: 6px !important;
	}
	.clock .min {
		height: 32.5% !important;
		width: 3.5px !important;
	}
	.clock .sec {
		height: 37.5% !important;
		width: 1.5px !important;
	}
	#AdminService .nav-tabs {
		/*display: flex !important;*/
	    flex-wrap: inherit !important;
	    padding-left: 0 !important;
	    margin-bottom: 0 !important;
	    list-style: none !important;
	}
	#AdminService .nav-tabs li a {
		font-size: 1.5rem !important;
		padding: .5rem 1rem !important;
	}
	#AdminService .nav-tabs > .active a {
		font-size: 1.65rem !important;
	}
	#AdminService .nav-tabs > li {
	    display: table-cell;
	    width: 1%;
	}
	#AdminService ul .second_li {
		display: none;
	}
	#AdminService ul .dropdown {
		display: table-cell;
	}

/*	#AdminService .nav-tabs .nav-justified > li > a {
		border-radius: 4px 4px 0 0;
	    padding-left: 5px;
	    padding-right: 5px;
	    font-size: 1.65rem;
	}
*/
	#AdminService .service-description{
    	font-size: 1.4rem !important;
	    text-align: center !important;
	}
	#AdminService #myInput2 {
	    background-position: 10px 8px !important;
	    padding: 8px 20px 8px 40px !important;
	}
	#AdminService #myInput3 {
	    background-position: 10px 8px !important;
	    padding: 8px 20px 8px 40px !important;
	}

	#myTable .scolumn a {
		font-size: 1.4rem !important;
	}
	#myUL li a {
	    font-size: 1.4rem !important;
	    padding: 7.5px !important;
	}
	#myTable .fcolumn {
	    width: 15% !important;
	}
	#myTable .scolumn a {
	    font-size: 1.35rem !important;
	}
	#myCarousel {
	    margin-bottom: 1rem !important;
        width: 95% !important;
	    margin: auto !important;
	}
	.each-service {
		height: 6.25em !important;
	}
	.carousel-indicators {
		bottom: 20% !important;
	}
	.carousel-indicators .active {
	    width: 1.55rem !important;
	    height: 1.55rem !important;
	}
	.carousel-indicators li {
	    width: 1.5rem !important;
	    height: 1.5rem !important;
	}
	#News {
		margin-bottom: 2rem !important;
	}
	.news-content figure img {
	    /*height: 37.5vh !important;*/
        height: 375px !important;
	}
	.news-content figure .heading h3 {
		font-size: 1.55rem !important;
	}
	.carousel-control.left {
		height: 82% !important;
	}
	.carousel-control.right {
		height: 82% !important;
	}
	#Contact iframe {
		height: 37.5vh !important;
	    min-height: 200px !important;
	}
	#logo-cnap {
		max-width: 70px !important;
	}
	#name {
		font-size: 2.25rem !important;
		letter-spacing: 1.15px !important;
		margin-left: 2.5% !important;
		width: 70%;
	}

	#Contact .text_col2 .service-description1 {
		font-size: 2rem !important;
	}
	#Contact .text_col2 .service-description2 {
		font-size: 1.5rem !important;
	}
	#Contact .fsection-block {
		min-height: 700px;
	}
	#Contact .grafikinfoBtn {
	    padding: 1rem 1rem !important;
	}

	.mail-btn {
	    width: 27.5% !important;
	    height: 4.25rem !important;
	}
	#contact_footer_con {
		margin-top: 1rem !important;
		margin-bottom: 0 !important;
	}
	.mail-btn {
		font-size: 2rem !important;
	}
	/* сторінка сайту "Графік прийому"*/
	#schedule_org_page .fcoloumn {
		width: 60px;
	}
	#schedule_org_page .tcoloumn {
		width: 200px;
	}

	/* сторінка сайту "Графік прийому"*/
	#schedule_org_page {
		font-size: 95%;
	}
	/* сторінка сайту "Статистика"*/
	#statix_page {
		font-size: 95%;
	}
	/* сторінка сайту "Про ЦНАП"*/
	#about_index_page {
		font-size: 95%;
	}
	/* сторінка сайту "Публічна інформація"*/
	#public_index_page {
		font-size: 95%;
	}
	#public_index_page #ulnavpills .second_li {
		display: none;
	}
	#public_index_page #ulnavpills .dropdown {
		display: table-cell;
	}
	#public_index_page #ulnavpills .dropdown .dropdown-menu > li > a {
		font-weight: 900;
	}
	#public_index_page #ulnavpills > li {
    	display: table-cell;
    	width: 1%;
	}


	/* сторінка сайту "Графік роботи"*/
	#schedule_page {
		font-size: 95%;
	}
	#schedule_page .nav > li {
    	display: table-cell;
    	width: 1%;
	}
	#schedule_page .nav > li > a {
    	padding-left: 5px;
	    padding-right: 5px;
	}
	#schedule_page #meet .info{
		padding: 0.5rem 0;
	}
	#schedule_page .nav .graf-body {
		padding: 0;
	}
	#schedule_page #contacts {
		padding: 0.5rem !important;
	}
	#schedule_page #meet {
		margin: 0 !important;
	}
	#schedule_page #meet .info{
		padding: 0.5rem 0;
	}
	#schedule_page #weeklygrafik {
		margin: 0 !important;
		font-size: 90%;
	}
/* сторінка сайту "Державні послуги"*/
	#gservice_page {
		font-size: 95%;
	}
	#gservice_page .hotlinks{
		padding: 0 !important;
	}
	#gservice_page .hotlinks ul{
		padding-left: 1rem;
		margin-bottom: 1.5rem;
	}
	#gservice_page .margin10{
		margin: 0 !important;
	}
/* сторінка сайту "ЦНАП"*/
	#eposlugi_index_page {
		font-size: 95%;
	}
	#eposlugi_index_page #info_block {
		padding: 0 !important;
	}
	#eposlugi_index_page #info_block img{
		margin-top: 4px !important;
    	margin-left: 12px !important;
	}
	#eposlugi_index_page #caption_block {
		padding: 0 !important;
	}
	#eposlugi_index_page #captbtn_block {
		padding: 0 !important;
	}
	#eposlugi_index_page #caption_block h4 {
		font-size: 1.35rem;
	}
	#eposlugi_index_page #captbtn_block	.btn {
	    padding: 5px 3px;
	    font-size: 12px;
	}
	#eposlugi_index_page .toapnumtd {
		padding: 0;
		width: 9%;
	}
	#eposlugi_index_page .hotlinks {
		width: 84%;
	}
	#eposlugi_index_page .eposlugi_col_block {
		padding: 0;
	}
	#eposlugi_index_page .toapredirecttd {
		padding: 0;
		width: 7%;
		text-align: center;
	}
	#eposlugi_index_page .toapredirecttd  text {
		display: none;
	}
	#eposlugi_index_page .toapredirecttd  i {
		display: inline !important;
	}
	#eposlugi_index_page a {
	    padding: 6px 8px;
	    font-size: 13px;
	}
/* сторінка сайту "ЦНАП"*/
	#poslugi_all_page {
		font-size: 95%;
	}
	#poslugi_all_page .results_option-selectable .num {
		padding: 0;
	}
/* сторінка сайту "Картка полсуги"*/
	#poslugi_posluga_page {
		font-size: 95%;
	}
/* сторінка сайту "Вибору офісу"*/
	#echerga_step2_page {
		font-size: 95%;
	}

	#main_body_block {
		font-size: 95%;
	}

/* модальные окна*/
	/* модальное окно "Вибор бланку"*/
	#blankModal .modal-header button {
	    font-size: 3.55rem;
	}
	#blankModal .modal-body .category .block-content {
	    height: 14.5rem !important;
	}
	#blankModal .modal-body .category .block-content .block1 img {
	    height: 8rem !important;
	}
	#blankModal .modal-body .category .block-content .block2 p {
		font-size: 1.65rem !important;
		padding: 0 !important;
	}
	#blankModal .modal-header h3 {
	    font-size: 2.25rem !important;
	}
	/* модальное окно "Графік роботи"*/
	#grafikModal .modal-body {
	    font-size: 1.45rem !important;
	}
	#weeklygrafik {
	    margin: 0 5px 0 5px !important;
	    font-size: 92.5% !important;
	}
	#weeklygrafik th {
		font-size: 1.15em !important;
	}
	#weeklygrafik th {
		/*height: 65px !important;*/
	}
	#grafikModal .modal-body p {
	    font-size: 1.45rem !important;
	}
	/* модальное окно "Послуги"*/
	#scopeModal .modal-header button {
	    font-size: 3.55rem;
	}
	#scopeModal #myInput_rl {
		margin: 1rem .5rem 0rem .5rem !important;
	    background-position: 10px 8px !important;
	    padding: 8px 20px 8px 40px !important;
	}
	#scopeModal .container_subject label {
	    min-width: 65px !important;
	    font-size: 1.3rem !important;
	    padding: 5px 15px !important;
	    margin: 3px !important;
	    text-align: center !important;
	}
	#scopeModal .results_group {
		font-size: 1.9rem !important;
	}
	#scopeModal .results_option-group {
	    padding: 10px 2px !important;
	}
	#scopeModal .results_option-selectable .name a {
	    font-size: 1.45rem !important;
	}
	#scopeModal .modal-header h3 {
	    font-size: 2.25rem !important;
	}
	#scopeModal .container_subject {
		padding-top: 5px !important;
	}
	/* модальное окно "За суб’єктами"*/
	#subjectModal .modal-header button {
	    font-size: 3.55rem;
	}
	#subjectModal .modal-header {
	    padding-top: 7.5px !important;
	    padding-bottom: 7.5px !important;
	}
	#subjectModal .modal-header h3 {
	    font-size: 2.25rem !important;
	}
	#subjectModal .modal-body {
	    padding-left: 10px !important;
	    padding-right: 10px !important;
	    max-height: 77.5vh !important;
	}
	#subjectModal #myInput2 {
	    background-position: 10px 8px !important;
	    padding: 8px 20px 8px 40px !important;
	}

	#virtualmap {
    	min-height: 350px;
	}
	#virtualmap .background-content .container .block {
		height:  80%;
	}
	#virtualmap .images-block img {
		max-height: 120px;
	}
	#virtualmap .button-block a {
		height: 45px;
    	font-size: 1.9rem;
      padding-top: 0.8rem;
	}
	
	#anketa_gf {
    	min-height: 350px;
	}
	#anketa_gf .background-content .container .block {
		height:  80%;
	}
	#anketa_gf .background-content .container .block .anketa_{
		margin-top:-85px;
	}
	#anketa_gf .button-block{	
		width: 100%;
	}	
	#anketa_gf .images-block img {
		max-height: 200px;
	}
	#anketa_gf .button-block a {
		height: 45px;
		font-size: 1.9rem;
		padding-top: 0.8rem;
	}	
}

@media  (min-width: 480px) and (max-width: 576px) {
	#MainForm .ank_block {
		width: 30rem !important;
		height: 5.5rem !important;
	    margin: auto !important;
	    margin-bottom: 3rem !important;
	}
	#MainForm #anketa_btn {
		font-size: 1.8rem !important;
	}
	#MainForm #anketa_btn:hover {
    	font-size: 1.9rem !important;
	}
	#gservice_page #igovhref{
		margin-top: 2rem !important;
	}

	#Header .hblock1 {
	    width: 65%;
	}
	#Header #gerb {
		height: 5.5rem !important;
	}
	#Header #cnap_logo {
	    height: 5rem !important;
        padding-left: .5rem !important;
	}
	#Header .hblock2 {
	   display: none;
	}
	#Header #phone {
	    height: 4rem;
	    margin: auto;
	    margin-bottom: 0;
	    /*margin-left: 10%;*/
	}
	#Header #socialbtn_pblock {
		bottom: -1.5em !important;
	}
	#Header #socialbtn_pblock ul{
	    margin-bottom: 0;
	    padding-bottom: 3%;
	}
	#Header .social_button {
	    margin: 2px !important;
	}

	#mobile-menu ul.menu li {
		margin: 10px 5px !important;
	}
	#Header ul.menu li a i.fab {
		height: 3.25rem !important;
		width:  3.25rem !important;
		font-size: 1.65rem !important;
		padding: 2px !important;
	}
	#Header .hblock3 {
	    width: auto;
	    height: auto !important;
	}
	#Header #callbackbt_block {
		margin-top: 0 !important;
	}
	#Header .callback-bt {
		height: 5.5rem !important;
		width: 5.5rem !important;
		margin-right: 1rem;
	}
	#Header .callback-bt i {
		line-height: 5rem !important;
		font-size: 2.25rem !important;
	}
	#mobile-menu {
		display: inline-flex !important;
		width: 90%;
	}
	#mobile-menu .login_block_btn {
		width: 18rem !important;
		height: 4.25rem !important;
	    font-size: 2rem !important;
	    margin-right: 0rem !important;
    	margin-top: .5rem !important;
	}
	#mobile-menu .login_block_btn {
		font-size: 2.15rem !important;
	}

	#header_container .search_button {
		margin: auto;
	}
	#header_container .hamburger-menu {
	    display: inline-flex;
	    padding: 4px;
	    border: 2px solid white;
	    border-radius: 5px;
	}
	#header_container .hamburger-menu input{
		display: none;
	}
	#header_container .hamburger-menu .menu__btn {
	    width: 30px;
	    height: auto;
        margin: auto;
	}
	#header_container .menu__btn > span::after {
	    top: 6px;
	}
	#menu__toggle:checked ~ .menu__btn > span::after {
	    top: -75% !important;
	}
	#header_container .menu__box {
		text-align: center;
	}

	/*кнопка Гарячая линия*/
/*	#callbackbt_block2 {
		display: block !important;
	}
	.callback-bt {
	    height: 5rem !important;
	    width: 5rem !important;
        position: fixed !important;
	    right: 3% !important;
	    bottom: 12% !important;
        left: 3% !important;
	    bottom: 2.5% !important;
	}
	.callback-bt i {
	    font-size: 2.25rem !important;
   		line-height: 4.5rem !important;
	}*/

	#MainForm::before {
		background-size: auto !important;
	    /*background-position-y: -20vh !important;*/
	}
	#counter .counter-item .icon img {
	    height: 6.5rem !important;
	}
	.counter-item .timer {
	    font-size: 2.25rem !important;
        line-height: 5rem !important;
	    margin-bottom: 0.5rem !important;
	    margin-top: 0.5rem !important;
	}
	.counter-item h5 {
		font-size: 1.25rem !important;
    	margin-top: 0.5rem !important;
	}
	#counter {
		height: 40vh !important;
		min-height: 200px !important;
	}
	#counter .counter-item .icon img {
	    height: 7rem;
	    line-height: 5rem;
	}
	.subject-service .block-content p {
		font-size: 1.25rem !important;
	}
	.carousel-control.left span:before {
		line-height: 0 !important;
	    top: 45% !important;
	    right: 27.5% !important;
	}
	.carousel-control.right span:before {
		line-height: 0 !important;
	    top: 45% !important;
	    right: 27.5% !important;
	}
	#AdminService .container_subject label {
		min-width: 75px !important;
		font-size: 1.3rem !important;
		padding: 3.5px 17px !important;
	    margin: 4px !important;
	    text-align: center !important;
	}
	#admintitle {
		font-size: 2rem !important;
	}
	#newstitle {
		font-size: 2rem !important;
		margin-bottom: 15px !important;
	}
	#anketatitle {
		font-size: 1.8rem !important;
		margin-bottom: 15px !important;
	}	
	#contacttitle {
		font-size: 2rem !important;
	}
	#main-menu {
		display: none;
	}
/*	#header_container{
		display: block !important;
	}*/

	.menu__btn > span,
	.menu__btn > span::before,
	.menu__btn > span::after {
	    position: relative !important;
	    height: 3px;
	}
	.menu__btn {
		position: inherit;
	}
	#mmenu {
		height: 6rem !important;
	}
	#btnsearch {
		height: 4rem !important;
		width: 4.5rem !important;
		float: right !important;
	}
	#btnsearch span{
		font-size: 1.65rem !important;
	}
	body {
		overflow-x: hidden !important;
	}
	#cnap_tagline {
	    height: 12.5rem !important;
	    margin-left: 0% !important;
        margin-top: 1.5rem !important;
	}
	.login_block {
		display: none;
	}
	.check_block {
		margin: auto !important;
		margin-bottom: 4rem !important;
		margin-top: 0 !important;
		width: 34rem !important;
		height: 10.5rem !important;
	}
	.check_block .form-group label {
		font-size: 1.65rem !important;
	}
	.check_block .form-group input {
		height: 3.25rem !important;
	}
	.check_block .form-group button {
		height: 3.25rem !important;
		width: 3.25rem !important;
		font-size: 1.25rem !important;
	}
	.check_block .form-group .hint-block span {
	    font-size: 1.35rem !important;
	}
	main {
		margin-top: 1rem !important;
	}
	#app {
		padding-left: 0 !important;
	}
	.clock {
		height: 32.5rem !important;
	}
	.clock::before {
		width: 15px !important;
		height: 15px !important;
	}
	.clock .steps::before, .clock .steps::after {
		width: 5px !important;
		height: 20px !important;
	}
	.clock .hour {
		height: 22.5% !important;
		width: 6px !important;
	}
	.clock .min {
		height: 32.5% !important;
		width: 3.5px !important;
	}
	.clock .sec {
		height: 37.5% !important;
		width: 1.5px !important;
	}
	#AdminService .nav-tabs {
		/*display: flex !important;*/
	    flex-wrap: inherit !important;
	    padding-left: 0 !important;
	    margin-bottom: 0 !important;
	    list-style: none !important;
	}
	#AdminService .nav-tabs li a {
		font-size: 1.5rem !important;
		padding: .5rem 1rem !important;
	}
	#AdminService .nav-tabs > .active a {
		font-size: 1.65rem !important;
	}
	#AdminService .nav-tabs > li {
	    display: table-cell;
	    width: 1%;
	}
	#AdminService ul .second_li {
		display: none;
	}
	#AdminService ul .dropdown {
		display: table-cell;
	}
	#AdminService .nav-tabs.nav-justified > .dropdown .dropdown-menu a {
		font-size: 1.5rem !important;
	}
	#AdminService .service-description{
    	font-size: 1.4rem !important;
	    text-align: center !important;
	}
	#AdminService #myInput2 {
	    background-position: 10px 8px !important;
	    padding: 8px 20px 8px 40px !important;
	}
	#AdminService #myInput3 {
	    background-position: 10px 8px !important;
	    padding: 8px 20px 8px 40px !important;
	}

	#myTable .scolumn a {
		font-size: 1.4rem !important;
	}
	#myUL li a {
	    font-size: 1.4rem !important;
	    padding: 7.5px !important;
	}
	#myTable .fcolumn {
	    width: 15% !important;
	}
	#myTable .scolumn a {
	    font-size: 1.35rem !important;
	}
	#myCarousel {
	    margin-bottom: 1rem !important;
        width: 95% !important;
	    margin: auto !important;
	}
	.each-service {
		height: 6.25em !important;
	}
	.carousel-indicators {
		bottom: 20% !important;
	}
	.carousel-indicators .active {
	    width: 1.55rem !important;
	    height: 1.55rem !important;
	}
	.carousel-indicators li {
	    width: 1.5rem !important;
	    height: 1.5rem !important;
	}
	#News {
		margin-bottom: 2rem !important;
	}
	.news-content figure img {
	    /*height: 37.5vh !important;*/
        height: 250px !important;
	}
	.news-content figure .heading h3 {
		font-size: 1.55rem !important;
	}
	.carousel-control.left {
		height: 82% !important;
	}
	.carousel-control.right {
		height: 82% !important;
	}
	#Contact iframe {
		height: 37.5vh !important;
	    min-height: 200px !important;
	}
	#logo-cnap {
		max-width: 70px !important;
	}
	#name {
		font-size: 2.25rem !important;
		letter-spacing: 1.15px !important;
		margin-left: 2.5% !important;
		width: 70%;
	}
	#Contact .marker_col1 {
	    width: 5% !important;
	}
	#Contact .text_col2 {
	    width: 87.5% !important;
	}
	#Contact .text_col2 .service-description1 {
		font-size: 2rem !important;
	}
	#Contact .text_col2 .service-description2 {
		font-size: 1.5rem !important;
	}
	#Contact .fsection-block {
		min-height: 710px;
	}
	#Contact .grafikinfoBtn {
	    padding: 1rem 1rem !important;
	}
	.mail-btn {
	    width: 30% !important;
	    height: 4.25rem !important;
	}
	#contact_footer_con {
		margin-top: 1rem !important;
		margin-bottom: 0 !important;
	}
	.mail-btn {
		font-size: 2rem !important;
	}
	/* сторінка сайту "Графік прийому"*/
	#schedule_org_page .fcoloumn {
		width: 60px;
	}
	#schedule_org_page .tcoloumn {
		width: 200px;
	}
	/* сторінка сайту "Графік прийому"*/
	#schedule_org_page {
		font-size: 92.5%;
	}
	/* сторінка сайту "Статистика"*/
	#statix_page {
		font-size: 92.5%;
	}
	/* сторінка сайту "Про ЦНАП"*/
	#about_index_page {
		font-size: 92.5%;
	}
	/* сторінка сайту "Публічна інформація"*/
	#public_index_page {
		font-size: 92.5%;
	}
	#public_index_page #ulnavpills .second_li {
		display: none;
	}
	#public_index_page #ulnavpills .dropdown {
		display: table-cell;
	}
	#public_index_page #ulnavpills .dropdown .dropdown-menu > li > a {
		font-weight: 900;
	}
	#public_index_page #ulnavpills > li {
    	display: table-cell;
    	width: 1%;
	}
	/* сторінка сайту "Графік роботи"*/
	#schedule_page {
		font-size: 92.5%;
	}
	#schedule_page .nav > li {
    	display: table-cell;
    	width: 1%;
	}
	#schedule_page .nav > li > a {
    	padding-left: 5px;
	    padding-right: 5px;
	}
	#schedule_page #meet .info{
		padding: 0.5rem 0;
	}
	#schedule_page .nav .graf-body {
		padding: 0;
	}
	#schedule_page #contacts {
		padding: 0.5rem !important;
	}
	#schedule_page #meet {
		margin: 0 !important;
	}
	#schedule_page #meet .info{
		padding: 0.5rem 0;
	}
	#schedule_page #weeklygrafik {
		margin: 0 !important;
		font-size: 90%;
	}
	#schedule_page .nav .second_li {
		display: none;
	}
	#schedule_page .nav .dropdown {
		display: table-cell !important;
		width: 1%;
	}

/* сторінка сайту "Державні послуги"*/
	#gservice_page {
		font-size: 92.5%;
	}
	#gservice_page .hotlinks{
		padding: 0 !important;
	}
	#gservice_page .hotlinks ul{
		padding-left: 1rem;
		margin-bottom: 1.5rem;
	}
	#gservice_page .margin10{
		margin: 0 !important;
	}
/* сторінка сайту "ЦНАП"*/
	#eposlugi_index_page {
		font-size: 92.5%;
	}
	#eposlugi_index_page #info_block {
		padding: 0 !important;
	}
	#eposlugi_index_page #info_block img{
		margin-top: 4px !important;
    	margin-left: 12px !important;
	}
	#eposlugi_index_page #caption_block {
		padding: 0 !important;
	}
	#eposlugi_index_page #captbtn_block {
		padding: 0 !important;
	}
	#eposlugi_index_page #caption_block h4 {
		font-size: 1.35rem;
	}
	#eposlugi_index_page #captbtn_block	.btn {
	    padding: 5px 3px;
	    font-size: 12px;
	}
	#eposlugi_index_page .toapnumtd {
		padding: 0;
		width: 9%;
	}
	#eposlugi_index_page .hotlinks {
		width: 84%;
	}
	#eposlugi_index_page .eposlugi_col_block {
		padding: 0;
	}
	#eposlugi_index_page .toapredirecttd {
		padding: 0;
		width: 7%;
		text-align: center;
	}
	#eposlugi_index_page .toapredirecttd  text {
		display: none;
	}
	#eposlugi_index_page .toapredirecttd  i {
		display: inline !important;
	}
	#eposlugi_index_page a {
	    padding: 6px 8px;
	    font-size: 13px;
	}
/* сторінка сайту "ЦНАП"*/
	#poslugi_all_page {
		font-size: 92.5%;
	}
	#poslugi_all_page .results_option-selectable .num {
		padding: 0;
	}
/* сторінка сайту "Картка полсуги"*/
	#poslugi_posluga_page {
		font-size: 92.5%;
	}
	.email-bt {
		bottom: 12.5% !important;
	}

	#moprhModal .modal-content.in {
	    top: 0% !important;
	    left: 0% !important;
	    width: fit-content !important;
	    height: fit-content !important;
	    margin: 10px !important;
	    transform: translate(0%, 0%) !important;
	    position: relative !important;
	}
	#moprhModal .modal-content .text-call i {
	    font-size: 3rem !important;
	}
	#moprhModal .modal-content .text-call span {
		line-height: inherit !important;
		font-size: .9rem !important;
	}
	#moprhModal .modal-content.in .text-call p {
		display: none !important;
		opacity: 0 !important;
	}

	#moprhModal .modal-content {
	    height: 7rem !important;
	    width: 7rem !important;
        top: 85% !important;
	    left: 90% !important;
	}
	#moprhModal .modal-content .text-call {
	    height: 7rem !important;
	}
	#moprhModal .modal-content .text-call p {
		font-size: 1rem !important;
		opacity: 1 !important;
	}
	.poll-bt {
		right: 3% !important;
		bottom: 34% !important;
		height: 7rem !important;
	    width: 7rem !important;
	}
	.poll-bt i {
		font-size: 3rem !important;
		line-height: 7rem !important;
	}
	.poll-bt p {
		font-size: .75rem !important;
	}
	.viberbot-bt {
		right: 3% !important;
		bottom: 22% !important;
		height: 7rem !important;
	    width: 7rem !important;
	}
	.viberbot-bt i {
		font-size: 3rem !important;
		line-height: 7rem !important;
	}
	.viberbot-bt p {
		font-size: .75rem !important;
	}


/* сторінка сайту "Вибору офісу"*/
	#echerga_step2_page {
		font-size: 92.5%;
	}

	#main_body_block {
		font-size: 92.5%;
	}

/* модальные окна*/
	/* модальное окно "Вибор бланку"*/
	#blankModal .modal-header button {
	    font-size: 3.35rem;
	}
	#blankModal .modal-body .category {
	    padding: 0 .5rem !important;
	}
	#blankModal .modal-body .category .block-content {
	    height: 13.5rem !important;
	}
	#blankModal .modal-body .category .block-content .block1 img {
	    height: 7rem !important;
	}
	#blankModal .modal-body .category .block-content .block2 p {
		font-size: 1.45rem !important;
	}
	#blankModal .modal-header h3 {
	    font-size: 2.15rem !important;
	}
	/* модальное окно "Графік роботи"*/
	#grafikModal .modal-header button {
	    font-size: 3.35rem;
	}
	#grafikModal .modal-body {
	    font-size: 1.45rem !important;
	}
	#weeklygrafik {
	    margin: 0 5px 0 5px !important;
	    font-size: 92.5% !important;
	}
	#weeklygrafik th {
		font-size: 1.15em !important;
	}
	#weeklygrafik th {
		/*height: 65px !important;*/
	}
	#grafikModal .modal-body p {
	    font-size: 1.45rem !important;
	}
	/* модальное окно "Послуги"*/
	#scopeModal .modal-header button {
	    font-size: 3.35rem;
	}
	#scopeModal #myInput_rl {
		margin: 1rem .5rem 0rem .5rem !important;
	    background-position: 10px 8px !important;
	    padding: 8px 20px 8px 40px !important;
	}
	#scopeModal .container_subject label {
	    min-width: 50px !important;
	    font-size: 1.3rem !important;
	    padding: 5px 6px !important;
	    margin: 3px !important;
	    text-align: center !important;
	}
	#scopeModal .results_group {
		font-size: 1.8rem !important;
	}
	#scopeModal .results_option-group {
	    padding: 10px 2px !important;
	}
	#scopeModal .results_option-selectable .name a {
	    font-size: 1.4rem !important;
	}
	#scopeModal .modal-header h3 {
	    font-size: 2.15rem !important;
	}
	#scopeModal .container_subject {
		padding-top: 5px !important;
	}
	#scopeModal .results_option-selectable .num {
	    padding: 0 !important;
	}
	/* модальное окно "За суб’єктами"*/
	#subjectModal .modal-header button {
	    font-size: 3.35rem;
	}
	#subjectModal .modal-header {
	    padding-top: 5px !important;
	    padding-bottom: 5px !important;
	}
	#subjectModal .modal-header h3 {
	    font-size: 2.15rem !important;
	}
	#subjectModal .modal-body {
	    padding-left: 10px !important;
	    padding-right: 10px !important;
	    max-height: 77.5vh !important;
	}
	#subjectModal #myInput2 {
	    background-position: 10px 8px !important;
	    padding: 8px 20px 8px 40px !important;
	}

	#virtualmap {
    	min-height: 300px;
	}
	#virtualmap .background-content .container .block {
		height:  80%;
	}
	#virtualmap .images-block img {
		max-height: 100px;
	}
	#virtualmap .button-block a {
		height: 40px;
    	font-size: 1.7rem;
    	margin-top: 15px;
      padding-top: 0.7rem;
	}

	#anketa_gf {
    	min-height: 300px;
	}

	#anketa_gf .background-content .container .block {
		height: 80%;
	}
	#anketa_gf .background-content .container .block .anketa_{
		margin-top:-75px;
	}			
	#anketa_gf .images-block img {
		max-height: 160px;
		width: 400px;
	}
	#anketa_gf .button-block a {
		height: 40px;
		width: 260px;
    	font-size: 1.7rem;
    	margin-top: 15px;
		padding-top: 0.7rem;
	}

}

@media screen and (max-device-width:480px) and (orientation: portrait) {
	#MainForm .check_info_btn {
		padding-top: .5rem !important;
	}
	#MainForm .ank_block {
		display: none !important;
	}
	#gservice_page #igovhref{
		margin-top: 2rem !important;
	}

	.wrap {
		min-height: 85vh !important;
	}
	#main-menu {
		display: none;
	}

	#header_container {
		display: block !important;
	}

	#mmenu {
		height: 6rem !important;
	    background-color: #474d6e;
	    display: flex;
	    position: fixed;
	    width: 100% !important;
	    z-index: 99;
	}

	body {
		overflow-x: hidden;
	}

	.search_button{
	    display: inline-block;
    /* float: right; */
	    position: fixed;
	    right: 4%;
	    top: 2%;
	}
	#btnsearch {
		border-radius: 10px !important;
		justify-content: center !important;
		width: 3.75rem !important;
	    display: flex !important;
	    height: 3.75rem !important;
	    outline: none !important;
        background: rgb(236,236,236) !important;
	}

	#btnsearch span {
		margin: auto;
		font-size: 1.6rem !important;
	}

	#Header {
		display: none;
	}

	#mobile-menu {
		display: inline-flex;
	}
	#mobile-menu .login_block_btn {
		width: 18rem !important;
		height: 4.25rem !important;
	    font-size: 2rem !important;
	    margin-right: 0rem !important;
    	margin-top: .5rem !important;
	}
	#mobile-menu .login_block_btn {
		font-size: 2.15rem !important;
	}
	#main-menu .navbar-nav > li > a {
		color: black;
		font-size: 1rem;
		letter-spacing: 1px;
	}

	#myOverlay .overlay-content {
		width: 90% !important;
	}
	#header_container .menu__box {
		text-align: center;
	}
	#cnap_tagline {
		height: 10rem !important;
		margin-top: 6.5rem !important;
	}
	.login_block {
		display: none;
	}

	.check_block {
		width: 100% !important;
		margin: auto !important;
		margin-top: 3.5rem !important;
  		margin-bottom: 3rem !important;
  		height: 10.5rem !important;
  		position: absolute !important;
	}

	.check_block .form-group {
	    margin-left: 1rem !important;
	}

	.check_block .form-group label{
	   margin-top: 0.25rem !important;
	   font-size: 1.75rem !important;
	}

	.check_block .form-group input{
	   height: 4rem !important;
	}

	.check_block .form-group button{
	    height: 4rem !important;
    	width: 4rem !important;
        font-size: 1.5rem !important;
    	margin-left: 1.5rem !important;
	}

	.check_block .form-group .hint-block span {
	    font-size: 1.5rem !important;
	}

	#cnap_title {
		display: block;
		color: white;
	    margin-left: 5rem;
	    text-align: center;
	    display: inline-block;
	    margin-top: 0.25rem;
	    font-family: 'Poiret One', regular;
	    font-weight: 900;
	    position: fixed;
	    font-size: 1.75rem;
	}

	#MainForm {
		min-height: 700px !important;
		max-height: 95vh !important;
	}

	#MainForm::before {
	    background-size: 120vh !important;
	    background-position-y: -4vh !important;
	}

	#app {
	    color: #C9CFFF !important;
	    background: transparent!important;
	    justify-content: center !important;
	    align-items: center !important;
	    top: 7rem !important;
	    display: block !important;
	    position: relative !important;
	}

	.clock::before {
	    width: 1.75rem !important;
	    height: 1.75rem !important;
	}

	.clock .steps::before, .clock .steps::after {
	    width: 0.65rem !important;
	    height: 2.25rem !important;
	}

	.clock .hour {
		width: 6.5px !important;
	}

	.clock .min {
		width: 4px !important;
	}

	.clock .sec {
		width: 1.5px !important;
	}

	.email-bt {
		right: 5% !important;
    	bottom: 3% !important;
    	height: 5rem !important;
    	width: 5rem !important;
	}

	.email-bt .text-call {
		height: 5rem !important;
	}

	.email-bt .text-call i {
		font-size: 2.5rem !important;
    	margin-left: 0.15rem !important;
    	line-height: 4.5rem !important;
	}


	#moprhModal .modal-content.in {
	    top: 0% !important;
	    left: 0% !important;
	    width: fit-content !important;
	    height: fit-content !important;
	    margin: 10px !important;
	    transform: translate(0%, 0%) !important;
	    position: relative !important;
	    transition: all .75s !important;
	}
	#moprhModal .modal-content .text-call i {
	    font-size: 3rem !important;
	}
	#moprhModal .modal-content .text-call span {
	    font-size: 1rem !important;
	    line-height: inherit !important;
	}
	#moprhModal .modal-content.in .text-call p {
		display: none !important;
		opacity: 0 !important;
	}

	#moprhModal .modal-content {
	    height: 7rem !important;
	    width: 7rem !important;
        top: 93% !important;
	    left: 85% !important;
	}
	#moprhModal .modal-content .text-call {
	    height: 7rem !important;
	}
	#moprhModal .modal-content .text-call p {
		font-size: 1rem !important;
		opacity: 1 !important;
	}

	.viberbot-bt {
		right: 7% !important;
		bottom: 15% !important;
		height: 7rem !important;
	    width: 7rem !important;
	}
	.viberbot-bt i {
		font-size: 3rem !important;
		line-height: 6.5rem !important;
	}
	.viberbot-bt p {
		font-size: .75rem !important; 
	}


	/*кнопка Гарячая линия*/
	#callbackbt_block2 {
		display: block !important;
	}
	.callback-bt {
	    height: 6rem !important;
	    width: 6rem !important;
        position: fixed !important;
   		/*right: 5% !important;*/
   		bottom: 3% !important;
	 	/*bottom: 12% !important;  */
        left: 5% !important;	   
	}
	.callback-bt .text-call {
		display: flex;
	}
	.callback-bt i {
		margin: auto;
	    font-size: 2.75rem !important;
   		line-height: 0rem !important;
	}

	#go-top {
		display: none !important;
	}

	#counter {
		height: 40vh !important;
	}
	#counter .counter-item .icon img {
	    height: 7rem !important;
	}
	.counter-item .timer {
	    font-size: 2.25rem !important;
        line-height: 5rem !important;
	    margin-bottom: 1rem !important;
	}
	.container_subject label {
		min-width: 65px !important;
	    font-size: 1.3rem !important;
	    padding: 3.5px 5px !important;
	    margin: 4px !important;
	    text-align: center !important;
	}

	#myUL {
	    margin-top: .5rem !important;
	}

	.counter-item h5 {
	    font-size: 1rem !important;
        margin-top: 0.5rem !important;
        line-height: 15px !important;
	}

	#admintitle {
		margin-top: 3rem !important;
   		margin-bottom: 2.25rem !important;
   		font-size: 1.75rem !important;
	}

	#AdminService .nav-tabs {
		/*display: flex !important;*/
	    flex-wrap: inherit !important;
	    padding-left: 0 !important;
	    margin-bottom: 0 !important;
	    list-style: none !important;
	}

	#AdminService .nav-tabs li a {
		font-size: 1.5rem !important;
		padding: .5rem 1rem !important;
	}

	#AdminService .nav-tabs > li {
	    display: table-cell;
	    width: 1%;
	}
	#AdminService ul .second_li {
		display: none;
	}
	#AdminService ul .dropdown {
		display: table-cell;
	}

	#AdminService .nav-tabs > .active a,
	#AdminService .nav-tabs > .active > a:hover,
	#AdminService .nav-tabs > .active > a:focus {
		font-size: 1.6rem !important;
	}

	#AdminService .nav-tabs.nav-justified > .dropdown .dropdown-menu a {
		font-size: 1.5rem !important;
	}

	#AdminService .tab-content .tab-pane {
		padding: 0;
	}

	#AdminService .service-description{
    	font-size: 1.5rem !important;
	    text-align: center !important;
	}

	#AdminService .each-service{
    	height: 6.5em !important;
	}

	#AdminService .each-service .col1{
    	width: 25% !important;
	}

	#AdminService .each-service .col2{
    	width: 72.5% !important;
	}

	#AdminService #myInput2 {
	    background-position: 10px 8px !important;
	    padding: 8px 20px 8px 40px !important;
	}

	#AdminService #myInput3 {
	    background-position: 10px 8px !important;
	    padding: 8px 20px 8px 40px !important;
	}

	#myUL li a {
	    font-size: 1.4rem !important;
	    padding: 7.5px !important;
	}

	#myTable .fcolumn {
	    width: 17.5% !important;
	}

	#myTable .scolumn a {
	    font-size: 1.35rem !important;
	}

	#newstitle {
		margin-top: 3rem !important;
   		margin-bottom: 2.25rem !important;
   		font-size: 1.75rem !important;
	}

	#anketatitle {
		margin-top: 3rem !important;
   		margin-bottom: 2.25rem !important;
   		font-size: 1.75rem !important;
		position: relative;
		top: -30px;
	}

	#contacttitle {
		margin-top: 3rem !important;
   		margin-bottom: 2.25rem !important;
   		font-size: 1.75rem !important;
	}

	#myCarousel .carousel-indicators {
		bottom: 20% !important;
	}

	#myCarousel .carousel-indicators li{
       	width: 1.4rem !important;
	    height: 1.4rem !important;
	    border: 1.5px solid gray !important;
	}

	#myCarousel .carousel-indicators .active {
	    width: 1.5rem !important;
	    height: 1.5rem !important;
	}

	#myCarousel .news-content figure img {
		height: 32.5vh !important;
		min-height: 250px !important;
	}
	#News {
		margin-bottom: 2rem !important;
	}

	#myCarousel .news-content figure .heading h3 {
		margin-top: 0.5rem !important;
  		margin-bottom: 0.5rem !important;
    	font-size: 1.5rem !important;
	    /*width: 75%;*/
	}

	#myCarousel .carousel-control {
		width: 15% !important;
	}

	.carousel-control.left span {
		height: 4.5rem !important;
		width: 4.5rem !important;
	    left: 1.5rem !important;
	}

	.carousel-control.right span {
		height: 4.5rem !important;
		width: 4.5rem !important;
	    right: 1.5rem !important;
	}

	.carousel-control.left span:before {
		line-height: 0 !important;
	    top: 45% !important;
	    right: 27.5% !important;
	}
	.carousel-control.right span:before {
		line-height: 0 !important;
	    top: 45% !important;
	    right: 27.5% !important;
	}

	#contacttitle {
		margin-top: 3rem !important;
   		margin-bottom: 2.25rem !important;
   		font-size: 1.75rem !important;
	}

	#Contact iframe{
		height: 35vh !important;
	}

	#logo-cnap {
		/*max-width: 8rem;*/
    	height: 6rem !important;
	}

	#name{
		font-size: 2rem !important;
	    line-height: 1.1 !important;
        letter-spacing: 0.5px !important;
        margin-left: 2.5% !important;
	}

	#Contact .fsection-block {
		min-height: 700px;
	}

	#Contact .officelist {
	    padding: 1rem 0;
        margin-top: 1rem;
	    margin-left: 2.5%;
	    width: 95% !important;
	}

	#Contact .marker_col1 {
		width: 15% !important;
	}

	#Contact .text_col2 .service-description1{
		font-size: 2rem !important;
	}

	#Contact .text_col2 .service-description2{
		font-size: 1.5rem !important;
	}

	#contact_footer_con {
		margin-bottom: 0 !important;
		margin-top: 2rem !important;
	}
	#Contact .grafikinfoBtn {
	    padding: 1rem 1rem !important;
	}
	#Contact .logo_block{
	    margin-left: .5rem !important;
	}
/*	.footer .margintop20 {
		margin-top: 1.5rem !important;
	}

	.footer .container {
		padding: 0 !important;
	}*/

	.footer .margintop20 p{
		font-family: Tahoma, regular !important;
	    font-weight: bold !important;
	    letter-spacing: 0.1rem !important;
	    font-size: 1.2rem !important;
	}

	.news-content figure figcaption {
		padding: 0 !important;
	}

	.footer{
	background-color: #f5f5f5;
	}

	#btn6 {
		width: 15rem !important;
	    height: 5rem !important;
	    font-size: 1.85rem !important;
	}

	.carousel-control.left {
		height: 82% !important;
	}

	.carousel-control.right {
		height: 82% !important;
	}

	.subject-service .block-content p {
		font-size: 1.4rem !important;
		/*max-height: 60% !important;*/
	}
	.container_subject .hotlinks a {
		width: 100% !important;
	}

	.subject-service {
		height: 12rem !important;
		/*width: 100% !important;*/
	}

	/* сторінка сайту "Графік прийому"*/
	#schedule_org_page .margin20 {
		margin: 0;
	}
	#schedule_org_page {
		margin-top: 20% !important;
		font-size: 90%;
	}
	/* сторінка сайту "Статистика"*/
	#statix_page {
		margin-top: 20% !important;
		font-size: 90%;
	}
	/* сторінка сайту "Про ЦНАП"*/
	#about_index_page {
		margin-top: 25% !important;
		font-size: 90%;
	}
	/* сторінка сайту "Публічна інформація"*/
	#public_index_page {
		margin-top: 20% !important;
		margin-bottom: 1rem;
		font-size: 90%;
	}
	#public_index_page #ulnavpills .second_li {
		display: none;
	}
	#public_index_page #ulnavpills .dropdown {
		display: table-cell;
	}
	#public_index_page #ulnavpills .dropdown .dropdown-menu > li > a {
		font-weight: 900;
	}
	#public_index_page #ulnavpills > li {
    	display: table-cell;
    	width: 1%;
	}

/* сторінка сайту "Графік роботи"*/
	#schedule_page {
		margin-top: 20% !important;
		font-size: 85%;
		padding: 0 10px;
	}

	#schedule_page .nav .second_li {
		display: none;
	}
	#schedule_page .nav .dropdown {
		display: table-cell;
		/*width: 1%;*/
	}
	#schedule_page .nav .graf-body {
		padding: 0;
	}
	#schedule_page #contacts {
		padding: 0.5rem !important;
	}
	#schedule_page #meet {
		margin: 0 !important;
	}
	#schedule_page #meet .info{
		padding: 0.5rem 0;
	}
	#schedule_page #weeklygrafik {
		margin: 0 !important;
		font-size: 90%;
	}

/* сторінка сайту "Державні послуги"*/
	#gservice_page {
		margin-top: 20% !important;
		font-size: 85%;
	}
	#gservice_page .hotlinks{
		padding: 0 !important;
	}
	#gservice_page .hotlinks ul{
		padding-left: 0;
		margin-bottom: 1.5rem;
	}
	#gservice_page .margin10{
		margin: 0 !important;
	}
	#gservice_page #diia_img{
		width: 75% !important;
	}
	#gservice_page #igov_img {
		width: 90% !important;
	}
/* сторінка сайту "ЦНАП"*/
	#eposlugi_index_page {
		margin-top: 20% !important;
		font-size: 90%;
		padding: 0 10px;
	}
	#eposlugi_index_page .eposlugi_col_block {
		padding: 0;
	}
	#eposlugi_index_page .toapredirecttd {
	    padding: 0;
	    width: 15%;
	    text-align: center;
	}
	#eposlugi_index_page #info_block {
		padding: 0 !important;
	}
	#eposlugi_index_page #caption_block {
		padding: 0 10px !important;
		width: 80% !important;
	}
	#eposlugi_index_page #captbtn_block {
		padding: 0 !important;
	    width: 10% !important;
	}
	#eposlugi_index_page #info_block img{
	    margin-top: 3px !important;
	    margin-left: 8px !important;
	}
	#eposlugi_index_page #caption_block h4 {
		font-size: 1.15em;
	    margin: 0;
    	padding-right: 0px;
	}
	#eposlugi_index_page #captbtn_block	.btn {
	    padding: 5px 9px;
	    font-size: 12px;
	}
	#eposlugi_index_page #captbtn_block	.btn text{
	    display: none;
	}
	#eposlugi_index_page #captbtn_block	.btn i{
	    display: inline !important;
	}
	#eposlugi_index_page #panelbodycolid {
		padding: 0 !important;
	}
	#eposlugi_index_page .toapnumtd {
		text-align: center;
	    padding: 0;
	    width: 15%;
	}
	#eposlugi_index_page .hotlinks {
	    padding: 0;
	    width: 70%;
	}
	#eposlugi_index_page .toapredirecttd  text {
		display: none;
	}
	#eposlugi_index_page .toapredirecttd  i {
		display: inline !important;
	}
	#eposlugi_index_page a {
		padding: 5px 8px;
    	font-size: 12px;
	}
/* сторінка сайту "ЦНАП"*/
	#poslugi_all_page {
		font-size: 90%;
		margin-top: 20% !important;
		padding: 0 10px;
	}
	#poslugi_all_page .results_option-selectable .num {
		padding: 0;
		width: 15%;
	}
	#poslugi_all_page .results_option-selectable .name {
		padding: 0 0 0 10px;
	}
/* сторінка сайту "Картка полсуги"*/
	#poslugi_posluga_page {
		font-size: 90%;
		margin-top: 20% !important;
		padding: 0 10px;
	}
/* сторінка сайту "Вибору офісу"*/
	#echerga_step2_page {
		font-size: 90%;
		margin-top: 20% !important;
		/*padding: 0 10px;*/
	}
	#echerga_step2_page .office_block {
		width: 100% !important;
		margin: auto !important;
	}

	#main_body_block {
		font-size: 90%;
		margin-top: 20% !important;
	}

/* модальные окна*/
	/* модальное окно "Вибор бланку"*/
	#blankModal .modal-header button {
	    font-size: 3.35rem;
	}
	#blankModal .modal-body .category {
	    padding: 0 .25rem !important;
	}
	#blankModal .modal-body .category .block-content {
	    height: 13.5rem !important;
	}
	#blankModal .modal-body .category .block-content .block1 img {
	    height: 7rem !important;
	}
	#blankModal .modal-body .category .block-content .block2 p {
		font-size: 1.35rem !important;
	    padding: 0 0rem !important;
	}
	#blankModal .modal-header h3 {
	    font-size: 2.15rem !important;
	}
	#blankModal .modal-body {
	    padding-left: 0 !important;
	    padding-right: 0 !important;
	}

	/* модальное окно "Графік роботи"*/
	#grafikModal .modal-header button {
	    font-size: 3.35rem;
	}
	#grafikModal .modal-body {
	    font-size: 1.45rem !important;
	}
	#weeklygrafik {
	    margin: 0 5px 0 5px !important;
	    font-size: 92.5% !important;
	}
	#weeklygrafik th {
		font-size: 1.15em !important;
	}
	#weeklygrafik td {
		height: 65px !important;
	}
	#grafikModal .modal-body p {
	    font-size: 1.45rem !important;
	}

	/* модальное окно "Послуги"*/
	#scopeModal .modal-header button {
	    font-size: 3.35rem;
	}
	#scopeModal .modal-header {
	    padding-top: 5px !important;
	    padding-bottom: 5px !important;
	}
	#scopeModal .modal-body {
	    padding-left: 5px !important;
	    padding-right: 5px !important;
	    max-height: 77.5vh !important;
	}
	#scopeModal #myInput_rl {
		margin: 1rem .5rem 0rem .5rem !important;
	    background-position: 10px 8px !important;
	    padding: 8px 20px 8px 40px !important;
	}
	#scopeModal .container_subject label {
	    min-width: 65px !important;
	    font-size: 1.3rem !important;
	    padding: 5px 7.5px !important;
	    margin: 4px !important;
	    text-align: center !important;
	}
	#scopeModal .results_options {
		margin-bottom: 0 !important;
	}
	#scopeModal .results_group {
		font-size: 1.8rem !important;
	    padding-left: 5px !important;
	}
	#scopeModal .results_option-group {
	    padding: 10px 2px !important;
	}
	#scopeModal .results_option-selectable {
		padding: 5px !important;
	    margin: .5rem 0 .5rem .25rem !important;
	}
	#scopeModal .results_option-selectable .name a {
	    font-size: 1.4rem !important;
	}
	#scopeModal .modal-header h3 {
	    font-size: 2.15rem !important;
	}
	#scopeModal .container_subject {
		padding-top: 5px !important;
	}
	#scopeModal .results_option-selectable .num {
	    padding: 0 !important;
	}
	#scopeModal .results_option-selectable .name {
	    padding-left: 7.5px !important;
	    padding-right: 5px !important;
	}
	/* модальное окно "За суб’єктами"*/
	#subjectModal .modal-header button {
	    font-size: 3.35rem;
	}
	#subjectModal .modal-header {
	    padding-top: 5px !important;
	    padding-bottom: 5px !important;
	}
	#subjectModal .modal-header h3 {
	    font-size: 2.15rem !important;
	}
	#subjectModal .modal-body {
	    padding-left: 10px !important;
	    padding-right: 10px !important;
	    max-height: 77.5vh !important;
	}
	#subjectModal #myInput2 {
	    background-position: 10px 8px !important;
	    padding: 8px 20px 8px 40px !important;
	}
	#subjectModal #myTable .fcolumn {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

/*
 .burger {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 70px;
	 height: 70px;
	 z-index: 5;
}
 .burger:hover {
	 cursor: pointer;
}
 .burger span {
	 position: relative;
	 margin-top: 8px;
	 margin-bottom: 8px;
	 -webkit-user-select: none;
	 -moz-user-select: none;
	 -ms-user-select: none;
	 user-select: none;
	 position: absolute;
	 top: 27px;
	 left: 20px;
}
 .burger span, .burger span::before, .burger span::after {
	 display: block;
	 width: 27px;
	 height: 2px;
	 background-color: #fff;
	 outline: 1px solid transparent;
	 -webkit-transition-property: background-color, -webkit-transform;
	 -moz-transition-property: background-color, -moz-transform;
	 -o-transition-property: background-color, -o-transform;
	 transition-property: background-color, transform;
	 -webkit-transition-duration: 0.3s;
	 -moz-transition-duration: 0.3s;
	 -o-transition-duration: 0.3s;
	 transition-duration: 0.3s;
}
 .burger span::before, .burger span::after {
	 position: absolute;
	 content: "";
}
 .burger span::before {
	 top: -8px;
}
 .burger span::after {
	 top: 8px;
}
 .burger.open span {
	 background-color: transparent;
}
 .burger.open span::before {
	 -webkit-transform: translateY(8px) rotate(45deg);
	 -moz-transform: translateY(8px) rotate(45deg);
	 -ms-transform: translateY(8px) rotate(45deg);
	 -o-transform: translateY(8px) rotate(45deg);
	 transform: translateY(8px) rotate(45deg);
}
 .burger.open span::after {
	 -webkit-transform: translateY(-8px) rotate(-45deg);
	 -moz-transform: translateY(-8px) rotate(-45deg);
	 -ms-transform: translateY(-8px) rotate(-45deg);
	 -o-transform: translateY(-8px) rotate(-45deg);
	 transform: translateY(-8px) rotate(-45deg);
}

	*/
	#virtualmap {
    	min-height: 300px;
	}
	#virtualmap .background-content .container .block {
		height:  80%;
	}
	#virtualmap .images-block img {
		max-height: 100px;
	}
	#virtualmap .button-block a {
		height: 40px;
    	font-size: 1.7rem;
    	margin-top: 15px;
      padding-top: 0.7rem;
	}

	#anketa_gf {	
    	min-height: 300px;
	}
	#anketa_gf .background-content .container .block {
		height: 80%;
	}
	#anketa_gf .images-block img {
		max-height: 100px;		
		margin-top: 15px;
	}
	#anketa_gf .button-block a {
		height: 40px;
    	font-size: 1.7rem;
    	margin-top: 15px;
		padding-top: 0.7rem;
		width:auto;
		padding-left:20px;
		padding-right:20px;
		top:-30px;
	}
	
}


@media screen and (max-device-height:480px) and (orientation: landscape) {
	.email-bt {
		bottom: 20% !important;
	}

	#moprhModal .modal-content.in {
	    top: 0% !important;
	    left: 0% !important;
	    width: fit-content !important;
	    height: fit-content !important;
	    margin: 10px !important;
	    transform: translate(0%, 0%) !important;
	    position: relative !important;
	    transition: all .75s !important;
	}
	#moprhModal .modal-content .text-call i {
	    font-size: 3rem !important;
	}
	#moprhModal .modal-content .text-call span {
		font-size: .9rem !important;
   		line-height: inherit !important;
	}
	#moprhModal .modal-content.in .text-call p {
		display: none !important;
		opacity: 0 !important;
	}

	#moprhModal .modal-content {
	    height: 7rem !important;
	    width: 7rem !important;
        top: 70% !important;
	    left: 93% !important;
	}
	#moprhModal .modal-content .text-call {
	    height: 7rem !important;
	}
	#moprhModal .modal-content .text-call p {
		font-size: 1rem !important;
		opacity: 1 !important;
	}

	.viberbot-bt {
	    right: 2.5% !important;
	    bottom: 45% !important;
	    height: 6.5rem !important;
	    width: 6.5rem !important;
	}
	.viberbot-bt i {
		font-size: 3rem !important;
		line-height: 6.5rem !important;
	}
	.viberbot-bt p {
		font-size: .7rem !important;
	}

	#Contact .fsection-block {
		min-height: 640px !important;
	}
	#counter {
	    min-height: 275px !important;
	}
	#myCarousel {
		max-width: 600px !important;
	}
	.overlay {
/*		margin-top: 1vh !important;
	    top: 0 !important;*/
	}
	/* модальное окно "Послуги"*/
	#scopeModal .modal-header {
	    padding-top: 5px !important;
	    padding-bottom: 5px !important;
	}
	#scopeModal .modal-body {
	    max-height: 65vh !important;
	}
	/* модальное окно "За суб’єктами"*/
	#subjectModal .modal-header {
	    padding-top: 5px !important;
	    padding-bottom: 5px !important;
	}
	#subjectModal .modal-body {
	    max-height: 65vh !important;
	}
	#MainForm::before {
		background-position-y: -35vh !important;
	}
	.overlay-content {
	    width: 75% !important;
	}	
	
}