html,body{
	min-width:100%;
	overflow-x: hidden;
}
#menu{
	display: inline-block;
}
.show_nav{
	display:flex !important;
}
.nav_icon:hover{
	cursor:pointer;
}
.login_icon{
	display:none;

}
.login_icon img{
	width:40px;
	height:40px;
	
}
.login_icon: hover{
	cursor: pointer;
}
#phons{
		flex-wrap: nowrap;
		display: flex;
	}
#phons .btn-bus1{
		margin:0 5px;
	}

.flexbox>div>p{
	/*margin: 0;*/
}
.flexbox.people_images>div{
	justify-content: center;
	min-width:130px;
}
.flexbox.people_images{
	width: 75%; margin: 20px auto;
}
#slogan_head{
	/*padding-right: 24px;*/
}

/* Medium devices (tablets, 768px and up)*/
@media (max-width: 768px) and (min-width: 577px){

	h3.shadowBlack{
		font-size:35px !important;
		
	}
	p.shadowBlack{
		font-size: 20px !important;
		
	}
		#body .section .fon0 .list_page:nth-child(2){
		padding:50px 0;
	}

	#n03 .fon0 .page>.bg{
		display:none;
	}
	#body .section .fon0 .page{
		display: flex;
    flex-direction: column;
    justify-content: center;
	}

	.w_fon{
		margin-bottom:20px;
	}

	.list_page h1{
		margin:0 !important;
	}
	.page .list_page{
		min-width:100%;
		text-align:center;
		margin:0 !important;
	}
	#body .section#n03 .fon0 .list_page:nth-child(3){
		padding:0;
		padding-top:66px;
	}
	#body .section .fon0 .list_page:nth-child(3){
		padding:0;
	}
		.list_page h1{
		margin:0 !important;
		font-size:40px !important;

	}
	#body .fon0 .list_page p.p24{

		padding:0 15px;
	}
	#n03 	.w_fon{
		margin-bottom:20px !important;
		border-bottom:2px solid #1f263b;
	}
		#phons{
		padding-left:23%;
	}

}
@media (max-width: 768px){
	.login_icon{
		display:flex;
		text-decoration: none;
		border-bottom: none;
	}
	.header_btn{
		display: block !important;
		color:#fff !important;
	}
	.header_btn:hover{
		color:#1f263b !important;
	}
	#phons .btn-bus1{
		display: none;
	}

	#logo{
		width:310px !important;}
		.scroll-up-button {
			bottom:10px !important;
			right:10px !important;
		}
	#body .section#n03 .fon0 .list_page:nth-child(3){
	top:0;
}
	.flexbox{
			flex-direction: column
		}
		.flexbox>div {
			margin:8px 0 !important;
		}
		#n40 .flexbox, #n13 .flexbox{
			align-items: center !important;
		}
		.ui.horizontal.segments{
			flex-direction: column !important;
		}

		#menu{
			max-height:140px !important;
		}

}
@media (max-width: 992px) {
	.pageBefore:before{
		height:0;
	}
	.pageWin{
		width:unset;
		margin:5px;
	}
	.pageContent{
		padding:15px;
	}
	.pageContent .flexbox>div{
		display: block !important;
	}
	.pageContent .flexbox>div>p{
		text-align: left !important;
	}
}
/* Large devices (desktops, 992px and up)*/
@media (max-width: 992px) and (min-width: 769px){
	h3.shadowBlack{
		font-size:45px !important;
	}
	p.shadowBlack{
		font-size: 25px !important;
	}
	#body .section#n03 .fon0 .list_page:nth-child(3){
		top:115px;
	}

	#body .section .fon0 .list_page:nth-child(2) {
		padding: 50px 0px;
	}

	.list_page h1{
		margin:0 !important;
		font-size:35px !important;
	}
	#body .fon0 .list_page p.p24{
		font-size:18px;
	}
	#phons{
		padding-left:17%;
	}
	.i_icons img {
		display: block;
		margin: 0 auto;
		margin-bottom: 14px;
	}
	.flexbox>div {
		padding: 0 7px;
		flex-direction: column;
		justify-content: center;
	}
	.flexbox>div>p{
		text-align: center !important;
	}
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (max-width: 1200px){

	#slogan_head{
		display:none;
	}
	#menu{
		flex-direction: column;
		display: none;
	}

	.nav_icon{
		display: flex;
		margin-right:30px;
	}
	#logo{
		margin:5px 0 !important;
	}
	#phons{
		margin:0 !important;
		order:2 !important;
		
	}
	#block_header .page{
		display: flex;align-items: center;
	}

	#slogan{
		display:flex;
		margin:0 !important;
		position: unset !important;
		order:3 !important;
	}
	#menu{
		
		background: rgba(255, 255, 255, 0.98);
    position: fixed;
    top: 0px;
    left: 0;
    width: 100%;

    margin: 81px 0 0 0 !important;
    padding: 20px;
    align-items: flex-start;
    box-shadow: inset -3px 3px 7px rgba(113, 113, 113, 0.36);
    max-height:100px;
    flex-wrap: wrap;
	}
	#menu li{
		padding:5px 0 !important;
	}
	.flexbox{
		padding:0 10px;
	}
	.flexbox.people_images{
		flex-direction: row !important; 
		flex-wrap: wrap;
	}
}
@media (max-width: 880px) and (min-width: 769px){
	#phons{
		padding-left:0;
	}
}
@media (max-width: 1200px) and (min-width: 993px){ 

	.list_page h1{
		margin: -10px -300px -10px -2px; 
		font-size: 52px !important; 
		font-weight: 900 !important;
	}
	#phons{
		margin:0 !important;
		padding-left:23%;
	}

}
@media (max-width: 1300px) and (min-width: 769px){ 
	.w_fon{
		padding-left:10px !important;
	}

}
@media (max-width: 470px) { 
	.login_icon img, .nav_icon img{
	width:37px;
	height:37px;
	
}
#logo{
	width:300px !important;
	margin-left:5px !important;
}
.nav_icon{
	margin-right:10px;
}
}

/* Small devices (landscape phones, 576px and up)*/
@media (max-width: 576px) { 
	h3.shadowBlack{
		font-size:30px !important;
	}
	p.shadowBlack{
		font-size: 18px !important;
	}
	#body .section .fon0 .list_page:nth-child(2){
		padding:35px 0 15px 0;
	}
		#n03 .fon0 .page>.bg{
		display:none;
	}
	#body .section .fon0 .page{
		display: flex;
    flex-direction: column;
    justify-content: center;
	}
	.list_page h1{
		margin:0 !important;
		font-size:30px !important;
	}
	#body .fon0 .list_page p.p24{
		font-size:18px;
	}
	.page .list_page{
		min-width:100%;
		width:100%;
		text-align:center;
		margin:0 !important;
	}
	#body .section#n03 .fon0 .list_page:nth-child(3){
		padding:0;
		padding-top:66px;
	}
	#body .section .fon0 .list_page:nth-child(3){
		padding:0;
	}

	#n03 .w_fon{
		margin-bottom:20px !important;
		border-bottom:2px solid #1f263b;
	}
		#phons{
		padding-left:0%;
	}
	.flexbox{
		align-items: flex-start !important;
	}
	#block_footer tr{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;

	}
	#block_footer td:nth-child(2){
		order:3;
		justify-content: center;
		padding:0 10px;

	}
	#block_footer td:nth-child(1){
	width:40%;
		
	}
		#block_footer td:nth-child(3){
	order:2;
	width:40%;
	justify-content: center;
		
	}
	.pageContent img{
		float:unset !important;
		display: block;
		margin:10px auto !important;

	}
	.pageContent .newTable .row{
		flex-direction: column;
	}
	#menu{
		max-height: unset !important;
	}
}
@media (max-width: 400px) {
	.login_icon img, .nav_icon img{
		width:30px;
		height:30px;
	}
	#logo{
		width:220px !important;
		margin-left:5px !important;
	}
	.nav_icon{
		margin-right:10px;
	}
}
#n30>.bg {
	background-size: cover !important;
}








@media(min-width: 900px){ 
	#select_all_nums ul {
		column-count: 4;
	}
}
@media(max-width: 900px) and (min-width: 700px){ 
	#select_all_nums ul {
		column-count: 3;
	}
}
@media(max-width: 700px) and (min-width: 400px){ 
	#select_all_nums ul {
		column-count: 2;
	}
}
@media(max-width: 400px){ 
	#select_all_nums ul {
		column-count: 1;
	}
}