/*
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;
		
	}

	#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#n00 .page {
		padding-top: 0px !important;
		margin-top: 100px;
	}
	#body .section#n00 .page .list_page:nth-child(2) {
		order: 1;
		padding-top: 30px !important;
	}
	#body .section#n00 .page .list_page:nth-child(3) {
		order: 0;
	}

	#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;
	}

	#select_nums ul {
		column-count: 1 !important;
	}
	.menu{
		background: rgba(255, 255, 255, 0.98);
		position: fixed;
		top: 0px;
		left: 0;
		padding: 0px 20px;
		align-items: flex-start;
		box-shadow: inset 0px 3px 7px rgba(113, 113, 113, 0.36);
		flex-wrap: wrap;
		max-height: unset !important;
		width: calc(100% + 20px) !important;
		margin: 72px -10px 0px -10px !important;
	}
	.menu li{
		padding:5px 0 !important;
	}
	.slider .slide {
		background-position: calc(50% - 150px) 50% !important;
		/*background-size: 50% !important;*/
	}
	/*
	.sliderText .slide {
		left: 50% !important;
	}
	*/
	#n00 .list_page:nth-child(2) {
		padding: 0px 35px 0 35px !important;
		min-width: calc(100% - 70px);
	}
	#n00 .list_page:nth-of-type(3) img {
			position: static !important;
	}
}
@media (max-width: 992px) {
	.pageBefore:before{
		height:0;
	}
	.pageWin{
		width:unset;
		margin:5px;
		max-width: calc(100% - 10px);
	}
	.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;
	}
	.list_page h1{
		margin:0 !important;
		font-size:35px !important;
	}
	#body .fon0 .list_page p.p24{
		font-size:18px;
	}
	.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;
	}
	.slider .slide {
		background-position: calc(50% - 250px) 85% !important;
	}
	/*
	.sliderText .slide {
		left: 50% !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: none;
		margin: 0 !important;
		position: unset !important;
		order: 3 !important;
	}
	.flexbox{
		padding:0 10px;
	}
	.flexbox.people_images{
		flex-direction: row !important; 
		flex-wrap: wrap;
	}
	#select_nums ul {
		column-count: 2 !important;
	}
}
*/
/*
@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) {
	body{
		padding-top: 72px;
	}
	#block_header .page{
		border-left-width: 10px;
		border-right-width: 10px;
	}
	.slide h2{
		margin: 0px;
	}
	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;
		width: calc(100% + 20px) !important;
		margin: 72px -10px 0px -10px !important;
		padding: 0px 20px;
	}
	.pageBefore {
			padding-left: 0px;
	}
}
@media (max-width: 400px) {
	.login_icon img, .nav_icon img{
		width:30px;
		height:30px;
	}
	#logo{
		width:140px !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;
	}
}
