@media (max-width: 1600px) {
	/********************** public *******************/
		.myContainer{
			padding: 0 10% !important;
		}
		header{
			.myContainer{
				ul{
					li{
						width: 10%;
					}
				}
			}
		}

	/********************** index ********************/
		.pause{
			right: 35%;
		}
}


@media (max-width: 1440px){
	/********************** public *******************/
		.myContainer{
			padding: 0 2% !important;
		}
	/********************** header *******************/
		header{
			.myContainer{
				ul{
					li{
						width: 13%;
					}
				}
			}
		}

	/********************** index ********************/
		.swiperBox {
		    .swiper-slide {
		        .swiperSlide2Word{
		        	width: 50%;
		        }
		    }
		    .swiperSlide3{
		    	.swiperSlide3Box{
			    	.swiperSlide3BoxCon{
			    		left: 5%;
			    		top: 10%;
			    	}
		    	}
		    }
		}
	
	/********************** history ******************/
		.history{
			.historySec{
				.myContainer{
					.historySecSwiper{
						right: auto;
					}
				}
			}
		}
}


@media (max-width: 1100px) {
	/********************** swiper *******************/
		.swiper-container{
			height: auto;
			.swiper-slide{
				.swiperBoxWord{
				}
			}
		}
		.pause{
			right: 31%;
		}


	/********************** index ********************/
		.indexSec{
			.indexSecWord{
				width: 50%;
			}
		}
		.indexThr{
			.indexThrBox{
				.myContainer{
					padding: 0 5%;
				}
			}
		}

	/********************** News *********************/
		.news {
		    .news-sec {
		        ul {
		            li {
		                .news-sec-details {
		                    .container {
		                        .row {
		                            .news-sec-details-left {
		                                span {
		                                    font-size: 120%;
		                                }
		                                h2 {
		                                	font-size: 160%;
		                                	padding: 0;
		                                }

		                                p {
		                                    font-size: 120%;
		                                }

		                                a.asec {
		                                    font-size: 100%;
		                                }
		                            }
		                        }
		                    }
		                }
		            }
		        }
		    }

		    .NewsBox {
		        .MewsBoxSmall {
		            width: 80%;
		            height: 80%;
		            margin: 10% auto 0;
		            .row {
		                .MewsBoxSmallLeft {
		                    padding-left: 10%;
		                    .time {
		                        font-size: 120%;
		                        span {
		                            padding-bottom: 10%;
		                            font-size: 100%;
		                        }
		                        p {
		                            font-size: 120%;
		                            margin-top: 5;
		                        }
		                    }
		                }
		                .cat{
		                	top: 5%;
		                	span{
		                		font-size: 140%;
		                	}
		                }

		                .MewsBoxSmallRight {
		                    padding-left: 10%;
		                }
		            }
		        }
		    }
		}


}

@media (max-width: 414px){
	/********************** public *******************/
		h2{
			font-size: 1.2em !important;
		}
		h1{
			font-size: 1.4em !important;
		}
		h4{
			font-size: 1em !important;
		}
		p{
			font-size: .8em !important;
		}


	/********************** header *******************/
		.banner{
			padding-top: 0;
		}
		.navbar-brand>img{
			width: 20px;
		}
		.navbar-default{
			margin-bottom: 0;
		}
		.headerBot{
			top: 50px;
			ul{
				margin-top: 15px;
				li{
					width: 16%;
					a{
						img{
							width: 100%;
						}
					}
				}
				li:hover{
					a{
						img{
							transform: scale(1.1);
						}
						p{
							color: #a52e23;
						}
					}
				}
			}
		}
	

	.indexSec{
		.indexSecWord{
			width: 100%;
			left: 0;
			top: 0;
			padding: 5%;
			position: relative;
			h4{
				word-break: break-all;
			}
		}
	}

	/********************** index ********************/
		.swiper-container{
			.swiper-slide{
				.swiperBoxWord{
					img{
						width: 30%;
					}
				}
			}
		}
		.swiper-pagination-bullet{
			display: none;
		}
		.pause{
			display: none;
		}
		.indexThr{
			.indexThrBox{
				.myContainer{
					.indexThrBoxRow{
						.indexThrBoxCol{
							width: 30%;
						}
					}
				}
			}
		}


	/********************** about ********************/
		.about{
			top: 0;
			.aboutSec{
				margin: 5% 0 10% 0;
				.myContainer{
					.aboutSecWord{
						bottom: 0;
						img{
							top: 95%;
							left: 45%;
						}
					}
					.aboutSecWordClick{
						padding-top: 15%;
						img{
							top: 0;
						}
					}

				}
			}
			.aboutFur{
				margin-bottom: 0;
			}
		}


	/********************** footer *******************/
		.footer{
			.row{
				padding: 0 2%;
				.footerRight{
					ul{
						li{
							a{
								font-size: .8em;
							}
						}
					}
				}
			}
		}


	/********************** men **********************/
		.men{
			top: 0;
			margin-bottom: 0;
			.menThr{
				.myContainer{
					.menThrRow{
						.menThrCol{
							width: 100%;
							margin-bottom: 15px;
							.menThrRow2{
								.menThrCol2Left{
									.menThrCol2Top{
										width: 65%;
									}
								}
							}
						}
					}
				}
			}
		}


	/********************** ask **********************/
		.ask{
			.askSec{
				.myContainer{
					p{
						max-width: 100%;
					}
				}
			}
		}

	
	/********************** administration ***********/
		.administration{
			.administrationSec{
				.myContainer{
					p{
						max-width: 100%;
					}
				}
			}
		}


	/********************** business *****************/
		.business{
			.businessSec{
				.myContainer{
					p{
						max-width: 100%;
					}
				}
			}
		}


	/********************** criminal *****************/
		.criminal{
			.criminalSec{
				.myContainer{
					p{
						max-width: 100%;
					}
				}
			}
		}


	/********************** architecture *************/
		.architecture{
			.architectureSec{
				.myContainer{
					p{
						max-width: 100%;
					}
				}
			}
		}


	/********************** contact ******************/
		.contact{
			top: 0;
			margin-bottom: 0;
			.contactFirst{
				ul{
					li{
						width: 48%;
					}
				}
			}
			.contactSec{
				#map{
					height: 200px;
				}
			}
		}

	/********************** honer ********************/
		.honer{
			.honerFirst{
				margin-top: 0;
			}
			.honerSec{
				margin-bottom: 6%;
				.historyList{
					dd{
						line-height: 2;
						color: #5e5e5e;
					}
					.right{
						dd{
							img{
								margin-right: 10px;
							}
						}
					}
					.left{
						dd{
							img{
								margin-left: 10px;
							}
						}
					}
				}
			}
		}
		.historyList{
			.detail{
				margin-top: 13px !important;
				width: 100% !important;
				dl{
					width: 100% !important;
				}

			}
			.left{
				text-align: center !important;
				dt{
					.in:before{
						right: 47.5% !important;
						top: -20px !important;
					}
					.in:after{
						right: 49% !important;
						top: -15.5px !important;
					}
				}
			}
			.right{
				text-align: center !important;
			}
			.title{
				margin: 0 !important;
				width: auto !important;
			}
		}
		.tab-5{
			min-width: 100% !important;
		}


	/********************** history ******************/
		.history{
			top: 0;
			margin-bottom: 0;
			.historySec{
				padding: 20% 0 30% 0;
				.myContainer{
					.historySecSwiper{
						right: 0;
						.swiper-wrapper{
							right: 0;
							.swiper-slide{
								width: 20%;
							}
							.swiper-slide-active{
								width: 50%;
								h2{
									width: 60px;
									height: 40px;
									margin: 0 auto;
									padding-top: 10px;
								}
								.historySecSwiperP{
									margin-top: 15px;
									img{
										margin-bottom: 15px;
									}
								}
							}
						}
					}
					.swiper-button-next, .swiper-button-prev{
						top: 30% !important;
					}
				}
			}
		}


	/********************** News *********************/
		.news {
		    .news-sec {
		        ul {
		            li {
		                .news-sec-details {
		                    .container {
		                        .row {
		                            .news-sec-details-left {
		                                span {
		                                    font-size: 120%;
		                                }
		                                h2 {
		                                	margin-bottom: 40px;
		                                }

		                                p {
		                                    font-size: 100%;
		                                }
		                            }
		                        }
		                    }
		                }
		            }
		        }
		    }

		    .NewsBox {
		        .MewsBoxSmall {
		            .row {
		                .MewsBoxSmallLeft {
		                    .time {
		                        font-size: 100%;
		                        p {
		                            font-size: 100%;
		                        }
		                    }
		                }
		                .cat{
		                	top: 5%;
		                	span{
		                		font-size: 100%;
		                	}
		                }

		                .MewsBoxSmallRight {
		                    padding-left: 10%;
		                    .time{
		                    	span{
		                        	font-size: 100%;
		                        }
		                    }
		                }
		            }
		        }
		    }
		}
}