@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: 'Didot';
	src: url('../fonts/Didot.eot');
	src: url('../fonts/Didot.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Didot.woff') format('woff'),
		url('../fonts/Didot.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Titillium-Light';
	src: url('../fonts/Titillium-Light.eot');
	src: url('../fonts/Titillium-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Titillium-Light.woff') format('woff'),
		url('../fonts/Titillium-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Titillium-Regular';
	src: url('../fonts/Titillium-Regular.eot');
	src: url('../fonts/Titillium-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Titillium-Regular.woff') format('woff'),
		url('../fonts/Titillium-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Titillium-Semibold';
	src: url('../fonts/Titillium-Semibold.eot');
	src: url('../fonts/Titillium-Semibold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Titillium-Semibold.woff') format('woff'),
		url('../fonts/Titillium-Semibold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}

/* Webfont: Lato-Regular */@font-face {
    font-family: 'Latoreg';
    src: url('../fonts/Lato-Regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/Lato-Regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Lato-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Light */@font-face {
    font-family: 'Latolight';
    src: url('../fonts/Lato-Light.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Lato-Light.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/Lato-Light.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Lato-Light.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Semibold */@font-face {
    font-family: 'Latosemibold';
    src: url('../fonts/Lato-Semibold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato-Semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Lato-Semibold.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/Lato-Semibold.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Lato-Semibold.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@media screen and (max-width:1920px){

.container-fluid{
	padding-left:7%;
	padding-right:7%;
}

.event1{
	background-color:#f6f4f1;
	padding-bottom:10%;
}

.logo_collapse img{
	display:none;
}

.content1_title{
	text-align:center;
	font-family:'Didot';
}

.content1_title h2{
	font-size:36px;
}

.content1_sub{
	text-align:center;
	font-family:'Latoreg';
	color:#888888;
	margin-top:2%;
}

.content1_sub h4{
	font-size:20px;
}

.content1_pict{
	margin-top:5%;
	text-align:center;
}

.content1_pict img{
	width:90%;
}

.socmed{
	margin-top:7%;
	padding-right:0;
}

.icon{
	padding-right:0;
	margin-right:-7%;
}


.btn-facebook {
    color:#5f5f5f;
	font-size:17px;
}

a.btn-facebook{
	font-size:17px;
}

.btn-instagram{
    color:#5f5f5f;
	font-size:19px;
}

a.btn-instagram{
	font-size:19px;
}

.btn-twitter{
   color:#5f5f5f;
   font-size:22px;
}

a.btn-twitter{
	font-size:22px;
}


.event2{
	background-color:#f6f4f1;
    padding-bottom: 3%;
}

.sec2{
	padding:0 17.5%;
}

.time_filter{
	font-family:'Latoreg';
	font-size:18px;
}

.year_filter{
	text-align:center;
}

.year_filter p{
	cursor:pointer;
}

#arrow1{
	margin-left:45%;
	margin-top:20px;
	border-bottom: 10px solid #fff;
	border-left: 10px solid transparent;
  border-right: 10px solid transparent;
	z-index: 100;
	content: '';
	width: 0;
  height: 0;
	-webkit-transition: border-bottom-width 500ms ease;
  transition: border-bottom-width 500ms ease;
}

.month_filter{
	text-align:center;
}

.monthly li{
	padding:0 auto;
	width: 	12%;
	color:#c9c9c9;
	cursor: pointer;
}

.monthly li.active{
	color:#000;
}

.monthly li span{
	color:#000;
}

.content_wrap{
	background-color:#fff;
	padding:5% 3%;
}

.article_time{
	font-size:13px;
	font-family:'Latoreg';
}

.article_title{
	font-family:'Didot';
	
}

.article_title h3{
	font-size:26px;
}

.line1{
	
}

.line1 hr{
	border-top:1px solid #e1e1e1;
	margin-top:4%;
	margin-bottom:5%;
	margin-left:0;
	width:95%;
}


.article_sub{
	font-family:'Latoreg';
}

.article_sub h4{
	font-size:18px;
	line-height:1.5;
}

.article_pict{
	padding:0;
	margin-top:4%;
}

.article_pict img{
	width:95%;
}

.article_content{
	margin-top:2%;
	font-family:'Latoreg';
	color:#888888;
}

.article_content p{
	font-size:17px;
	line-height:1.5;
	margin:3% 0;
}

.twit_square{
	background-color:#63cdf1;
	border-radius:6px;
}

.twit{
	color:#fff;
}

.fb_square{
	background-color:#507cbe;
	border-radius:6px;
}

.fb{
	color:#fff;
}

.ig_square{
	background-color:#c7c5b3;
	border-radius:6px;
}

.ig{
	color:#fff;
}

.line2{
	padding:0;
}

.line2 hr{
	border-top:1px solid #e1e1e1;
	margin:3% 0 5% 0;
}

.item{
	text-align:center;
}

.item img{
	width:95%;
}

.overlay1{
	position:absolute;
	opacity:0;
	z-index:50;
	top:0;
	left:0;
	background-color:#333333;
	height:100%;
	width:100%;
}

.overlay1 img{
	position:absolute;
	width:17%;
	left:43%;
	top:39%;
}

.slider_pict{
	padding:2.5%;
}

.slider_pict:hover .overlay1{
	opacity:0.8;
	transition: opacity 0.25s ease-in-out;
}

.pict_wrap{
	padding-top:60%;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}

.slider_date{
	font-family:'Didot';
	color:#888888;
	margin-top:5%;
}

.slider_date p{
	font-size:14px;
}

.line3{
}

.line3 hr{
	border-top:1px solid #e1e1e1;
	margin-top:2%;
	margin-bottom:5%;
}

.carousel-control{
	opacity:1;
}

.carousel-control.left{
	background-image:none;
	margin-left:-10%;
	top:37%;
	font-size:24px;
}

.carousel-control.left span{
	color:#636363;
}

.carousel-control.right{
	background-image:none;
	margin-right:-10%;
	top:37%;
	font-size:24px;
}

.carousel-control.right span{
	color:#636363;
}

.event_wrapper{
	background-color:white;
	padding:5%;
}



.indicate{
	text-align:center;
	margin-top:3%;
}

.pagination{
	display:inline-block;
	width:auto;
}

.pagination li {
	display: inline;
}

.pagination li.active a{
	color:#aeaeae;
	background-color:transparent;
}

.pagination li.active a:hover{
	color:#000000;
	background-color:#eee;
}

.pagination li a, .pagination li span{
	border:none;
	padding:10px 25px;
}

.pagination li a{
	color:#000000;
	font-family:'Latoreg';
	background-color:transparent;
	font-size:14px;
}

.line4{
}

.line4 hr{
	border-top:1px solid #e1e1e1;
	margin-top:4%;
	margin-bottom:4%;
}

.martop{
	margin-top:5%;
}

.marbot{
	margin-bottom:5%;
}

.event_bg{
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.7);
	position: fixed;
	top:0;
	left: 0;
	z-index:1000;
	overflow-y:scroll;
	padding:1% 5%;
	display:none;
}

.event_popup{
	z-index:2000;
	background-color:white;
	opacity:1;
	position: relative;
	transform:translate(50%,0);
	width:50%;
}

.popup_wrap{
	padding:5%;
}

.shown_pict img{
	width:100%;
}

.shown_pict_control{
	position:absolute;
	top:48%;
	left:0;
	height:10%;
	width:100%;
}

.shown_pict_prev{
	position:absolute;
	left:3%;
}

.shown_pict_next{
	position:absolute;
	right:3%;
}

.owl_pad{
	padding:0 5%;
}

.event-carousel{
	padding-top:63%;
	margin-right:5%;
	margin-left:5%;
	background-size:cover;
	background-position:center top;
	background-repeat:no-repeat;
}

.event_popup h3{
	font-family:'Didot';
	font-size:1.2vw;
}

.event_popup h4{
	font-family:'Didot';
	font-size:0.9vw;
}

.event_popup p{
	font-family:'Latoreg';
	font-size:0.8vw;
}

.item-slide1{
	background-size:cover;
	background-position:center center;
}

.service3{
	background-image:url(../images/main/back_about.jpg);
	padding-top:17%;
	padding-bottom:17%;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}

.content_service3{
	margin-left:9%;
	width:75%;
}

.content_service3 h4{
	text-align:center;
	font-size:26px;
	font-family:'Didot';
	line-height:1.5;
}

.cont_wrap{
	margin-top:2%;
}

.contact_button{
	background-color:transparent;
	border-color:black;
	border-radius:0;
	font-family:'Latoreg';
	color:black;
	padding:2% 29%;
	font-size:12px;
	margin-left:5%;
	font-weight:700;
}

.footer{
	background-color:#272727;
	padding:0.7% 0 0.1% 0;
	bottom:0;
}

.foot_sp{
	padding-top:0.5%;
}

.foot_sp p{
	margin-bottom:1%;
}

.RR{
	padding-left:0;
}

.RR p{
	font-family:'Latolight';
	font-size:11px;
	color:white;
}

.imagine{
	padding-right:0;
	margin-right:-8%;
}

.imagine p{
	font-family:'Latolight';
	font-size:11px;
	color:white;
	float:right;
	padding-right:0;
}
}

@media screen and (max-width:1715px){
    .content1_title h2{
        font-size: 35px;
    }
    
    .content1_sub h4{
        font-size: 19px;
    }
    
    .article_content p{
        font-size: 16px;
    }
}

@media screen and (max-width:1664px){
    .content1_title h2{
        font-size: 34px;
    }
    
    .content1_sub h4{
        font-size: 18px;
    }
    
    .article_content p{
        font-size: 15px;
    }
}

@media screen and (max-width:1537px){
    .content1_title h2{
        font-size: 32px;
    }
    
    .content1_sub h4{
        font-size: 17px;
    }
    
    .time_filter{
        font-size: 17px;
    }
    
    .article_title h3{
        font-size: 25px;
    }
    
    .article_sub h4{
        font-size: 17px;
    }
    
    .article_content p{
        font-size: 14px;
    }
}

@media screen and (max-width:1366px){

.container-fluid{
	padding-left:7%;
	padding-right:7%;
}

.event1{
	background-color:#f6f4f1;
	padding-bottom:10%;
}

.logo_collapse img{
	display:none;
}

.content1_title{
	text-align:center;
	font-family:'Didot';
}

.content1_title h2{
	font-size:30px;
}

.content1_sub{
	text-align:center;
	font-family:'Latoreg';
	color:#888888;
	margin-top:2%;
}

.content1_sub h4{
	font-size:16px;
}

.content1_pict{
	margin-top:5%;
	text-align:center;
}

.content1_pict img{
	width:80%;
}

.socmed{
	margin-top:7%;
	padding-right:0;
}

.icon{
	padding-right:0;
	margin-right:-7%;
}


.btn-facebook {
    color:#5f5f5f;
	font-size:17px;
}

a.btn-facebook{
	font-size:17px;
}

.btn-instagram{
    color:#5f5f5f;
	font-size:19px;
}

a.btn-instagram{
	font-size:19px;
}

.btn-twitter{
   color:#5f5f5f;
   font-size:22px;
}

a.btn-twitter{
	font-size:22px;
}


.event2{
	background-color:#f6f4f1;
}

.sec2{
	padding:0 17.5%;
}

.time_filter{
	font-family:'Latoreg';
	font-size:16px;
}

.year_filter{
	text-align:center;
}

.year_filter p{
	cursor:pointer;
}

#arrow1{
	margin-left:45%;
	margin-top:20px;
	border-bottom: 10px solid #fff;
	border-left: 10px solid transparent;
  border-right: 10px solid transparent;
	z-index: 100;
	content: '';
	width: 0;
  height: 0;
	-webkit-transition: border-bottom-width 500ms ease;
  transition: border-bottom-width 500ms ease;
}

.month_filter{
	text-align:center;
}

.monthly li{
	padding:0 auto;
	width: 	12%;
	color:#c9c9c9;
	cursor: pointer;
}

.monthly li.active{
	color:#000;
}

.monthly li span{
	color:#000;
}

.content_wrap{
	background-color:#fff;
	padding:5% 3%;
}

.article_time{
	font-size:13px;
	font-family:'Latoreg';
}

.article_title{
	font-family:'Didot';
	
}

.article_title h3{
	font-size:24px;
}

.line1{
	
}

.line1 hr{
	border-top:1px solid #e1e1e1;
	margin-top:4%;
	margin-bottom:5%;
	margin-left:0;
	width:95%;
}


.article_sub{
	font-family:'Latoreg';
}

.article_sub h4{
	font-size:16px;
	line-height:1.5;
}

.article_pict{
	padding:0;
	margin-top:4%;
}

.article_pict img{
	width:100%;
}

.article_content{
	margin-top:2%;
	font-family:'Latoreg';
	color:#888888;
}

.article_content p{
	font-size:13px;
	line-height:1.5;
	margin:3% 0;
}

.twit_square{
	background-color:#63cdf1;
	border-radius:6px;
}

.twit{
	color:#fff;
}

.fb_square{
	background-color:#507cbe;
	border-radius:6px;
}

.fb{
	color:#fff;
}

.ig_square{
	background-color:#c7c5b3;
	border-radius:6px;
}

.ig{
	color:#fff;
}

.line2{
	padding:0;
}

.line2 hr{
	border-top:1px solid #e1e1e1;
	margin:3% 0 5% 0;
}

.item{
	text-align:center;
}

.item img{
	width:95%;
}

.overlay1{
	position:absolute;
	visibility:hidden;
	z-index:50;
	top:0;
	background-color:#333333;
	opacity:0.8;
	height:100%;
	width:100%;
}

.overlay1 img{
	position:absolute;
	width:17%;
	left:43%;
	top:39%;
}

.slider_pict{
	padding:2.5%;
}

.slider_pict:hover .overlay1{
	visibility:visible;
}

.pict_wrap{
	padding-top:60%;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}

.slider_date{
	font-family:'Didot';
	color:#888888;
	margin-top:5%;
}

.slider_date p{
	font-size:14px;
}

.line3{
}

.line3 hr{
	border-top:1px solid #e1e1e1;
	margin-top:2%;
	margin-bottom:5%;
}

.pagination li a{
	color:#000000;
	font-family:'Latoreg';
	background-color:transparent;
	font-size:14px;
}

.carousel-control{
	opacity:1;
}

.carousel-control.left{
	background-image:none;
	margin-left:-10%;
	top:37%;
	font-size:24px;
}

.carousel-control.left span{
	color:#636363;
}

.carousel-control.right{
	background-image:none;
	margin-right:-10%;
	top:37%;
	font-size:24px;
}

.carousel-control.right span{
	color:#636363;
}

.service3{
	background-image:url(../images/main/back_about.jpg);
	padding-top:17%;
	padding-bottom:17%;
}

.content_service3{
	margin-left:9%;
	width:75%;
}

.content_service3 h4{
	text-align:center;
	font-size:26px;
	font-family:'Didot';
	line-height:1.5;
}

.cont_wrap{
	margin-top:2%;
}

.contact_button{
	background-color:transparent;
	border-color:black;
	border-radius:0;
	font-family:'Latoreg';
	color:black;
	padding:2% 29%;
	font-size:12px;
	margin-left:5%;
	font-weight:700;
}

.footer{
	background-color:#272727;
	padding:0.7% 0 0.1% 0;
	bottom:0;
}

.foot_sp{
	padding-top:0.5%;
}

.foot_sp p{
	margin-bottom:1%;
}

.RR{
	padding-left:0;
}

.RR p{
	font-family:'Latolight';
	font-size:11px;
	color:white;
}

.imagine{
	padding-right:0;
	margin-right:-8%;
}

.imagine p{
	font-family:'Latolight';
	font-size:11px;
	color:white;
	float:right;
	padding-right:0;
}
}

@media screen and (max-width:1255px){
.content1_title h2{
	font-size:28px;
}

.content1_sub h4{
	font-size:15px;
}

.time_filter{
	font-size:15px;
}

.article_title h3{
	font-size:22px;
}

.article_sub h4{
	font-size:15px;
}


.content_service3 h4{
	font-size:22px;
}
}

@media screen and (max-width:1235px){
.content1_title h2{
	font-size:27px;
}

.content1_sub h4{
	font-size:14px;
}

.time_filter{
	font-size:14px;
}

.article_title h3{
	font-size:21px;
}

.article_sub h4{
	font-size:14px;
}

.slider_date p{
	font-size:13px;
}

.content_service3 h4{
	font-size:21px;
}
}

@media screen and (max-width:1210px){
.RR{
	padding-left:2%;
}	

.imagine{
	padding-right:0;
}
}

@media screen and (max-width:1180px){
.content1_title h2{
	font-size:26px;
}
}

@media screen and (max-width:1110px){
.contact_button{
	padding:2% 27%;
}
}

@media screen and (max-width:1100px){
.content1_title h2{
	font-size:25px;
}

.content1_sub h4{
	font-size:13px;
}

.time_filter{
	font-size:13px;
}

.article_title h3{
	font-size:20px;
}

.article_sub h4{
	font-size:13px;
}


.content_service3 h4{
	font-size:21px;
}
}

@media screen and (max-width:1097px){
a.btn-twitter{
	font-size:21px;
}

a.btn-instagram{
	font-size:17px;
}

a.btn-facebook{
	font-size:17px;
}
}

@media screen and (max-width:1079px){
a.btn-twitter{
	font-size:20px;
}

a.btn-instagram{
	font-size:16px;
}

a.btn-facebook{
	font-size:16px;
}
}

@media screen and (max-width:1075px){
.content_service3 h4{
	font-size:20px;
}
}

@media screen and (max-width:1063px){
.icon a{
	padding:3% 7%;
}
}

@media screen and (max-width:1024px){
.pagination li a, .pagination li span{
	padding:10px 20px;
}

.pagination li a{
	font-size:13px;
}

.event_popup{
	width:60%;
	transform:translate(35%, 0);
}
}

@media screen and (max-width:1010px){
.container-fluid{
	padding-left:5%;
	padding-right:6%;
}

.sec2{
	padding:0 15.5%;
}

.icon{
	 padding-top:1%;
}
}

@media screen and (max-width:1000px){
.content_service3 h4{
	margin-top:0;
}

.contact_button{
	padding:2% 26%;
}

}

@media screen and (max-width:991px){
.content_service3 h4{
	font-size:20px;
}
}

@media screen and (max-width:960px){
.content_service3 h4{
	font-size:18px;
}
}

@media screen and (max-width:931px){
.icon a{
	padding:1% 4%;
}
}

@media screen and (max-width:923px){
.content1_title h2{
	font-size:24px;
}

.content1_sub h4{
	font-size:12px;
}

.time_filter{
	font-size:12px;
}

.article_title h3{
	font-size:18px;
}

.article_sub h4{
	font-size:12px;
}

.article_content p{
	font-size:12px;
}

.slider_date p{
	font-size:12px;
}

}

@media screen and (max-width:900px){
.event_popup{
	width:70%;
	transform:translate(23%, 0);
}
}

@media screen and (max-width:881px){
.contact_button{
	font-size:11px;
}
}

@media screen and (max-width:861px){
.content1_title h2{
	font-size:23px;
}

.content1_sub h4{
	font-size:11px;
}

.time_filter{
	font-size:11px;
}

.article_title h3{
	font-size:17px;
}

.article_sub h4{
	font-size:11px;
}

.article_content p{
	font-size:11px;
	
}

.content_service3 h4{
	font-size:17px;
}
}


@media screen and (max-width:850px){
a.btn-twitter{
	font-size:19px;
}

a.btn-instagram{
	font-size:15px;
}

a.btn-facebook{
	font-size:15px;
}

}


@media screen and (max-width:821px){
.content1_title h2{
	font-size:22px;
}

.content_service3 h4{
	font-size:16px;
}
}

@media screen and (max-width:818px){
.contact_button{
	padding:2% 25%;
}

}



@media screen and (max-width:784px){
a.btn-twitter{
	font-size:17px;
}

a.btn-instagram{
	font-size:13px;
}

a.btn-facebook{
	font-size:13px;
}
}

@media screen and (max-width:768px){
.logo_collapse img{
	display:block;
	width:30%;
}

}

@media screen and (max-width:767px){
.container-fluid{
	padding-left:2%;
	padding-right:2%;
}

.logo_collapse{
	text-align:center;
}


.logo_collapse img{
	display:block;
	width:30%;
	z-index:100;
}

.content1_title h2{
	font-size:20px;
}

.content1_sub{
	padding:0;
}

.content1_sub h4{
	font-size:13px;
}

.content1_pict img{
	width:95%;
}

.event_slider{
	padding:0;
}

.frow{
	padding:0;
}

.event_popup{
	width:100%;
	transform:translate(0,5%);
}

.event_popup h3{
	font-size:13px;
}

.event_popup h4{
	font-size:12px;
}

.event_popup p{
	font-size:11px;
}

.slider_pict:hover .overlay1{
	visibility:hidden;
}

.article_title h3{
	font-size:16px;
}

.article_sub h4{
	font-size:10px;
}

.article_content p{
	font-size:11px;
}

a.btn-twitter{
	font-size:16px;
}

a.btn-instagram{
	font-size:12px;
}

a.btn-facebook{
	font-size:12px;
}

.slider_date{
	font-family:'Didot';
}

.slider_date p{
	font-size:13px;
}

#no-event{
	font-size:11px;
}

.pagination li a, .pagination li span{
	padding:8px 15px;
}

.pagination li a{
	font-size:12px;
}


.content_service3{
	padding:0;
	text-align:center;
	width:100%;
	margin-left:0;
}

.content_service3 h4{
	font-size:16px;
}

.cont_wrap{
	padding:0;
}

.contact_button{
	margin:0;
}
}
/*
@media screen and (max-width:730px){
.icon a{
	padding:1% 3%;
}

.content_service3 h4{
	font-size:14px;
}
}

@media screen and (max-width:687px){
.content_service3 h4{
	font-size:13px;
}

.contact_button{
	font-size:10px;
}
}

@media screen and (max-width:684px){
.month_filter{
	padding-left:0;
}
}

@media screen and (max-width:664px){
.month_filter{
	padding-right:0;
}
}

@media screen and (max-width:640px){
#month-prev{
	width:10%;
}

#month-next{
	width:10%;
}
}

@media screen and (max-width:627px){
.icon{
	padding-left:0;
}
}
@media screen and (max-width:550px){
.slider_date p{
	font-size:10px;
}

.event_popup{
	transform:translate(23%,30%);
}

}

@media screen and (max-width:515px){
.slider_date p{
	font-size:9px;
}
}

@media screen and (max-width:477px){
.icon a{
	padding:1% 2%;
}

.pagination li a{
	font-size:10px;
}

.pagination li a, .pagination li span{
	padding:5px 10px;
}
}

@media screen and (max-width:448px){
.icon a{
	padding:1% 1%;
}
}

@media screen and (max-width:416px){
.icon a{
	padding:1% 0;
}
}

@media screen and (max-width:414px){
.logo_collapse img{
	width:90%;
	margin-left:2%;
}

.content1_title h2{
	font-size:16px;
}

.content1_sub h4{
	font-size:9px;
}

.time_filter{
	font-size:9px;
}

.monthly li{
	font-size:7px;
}

#no-event{
	font-size:9px;
}

.icon{
	margin-top:2%;
}

a.btn-facebook{
	font-size:10px;
}

a.btn-instagram{
	font-size:10px;
}

a.btn-twitter{
	margin-top:-1%;
	font-size:13px;
}

.article_title h3{
	font-size:14px;
}

.article_sub h4{
	font-size:9px;
}

.article_pict img{
	width:90%;
	margin-left:5%;
}

.slider_date p{
	font-size:9px;
}

.pagination li a{
	font-size:8px;
}

.pagination li a, .pagination li span{
	padding:5px 12px;
}

.event_popup{
	width:80%;
	transform:translate(10%,50%);
}

.content_service3 h4{
	font-size:10px;
}

.contact_button{
	font-size:8px;
}

.RR p{
	font-size:7px;
}

.imagine p{
	font-size:7px;
}
}

@media screen and (max-width:375px){
.logo_collapse img{
	width:100%;
	margin-left:0;
}

}

@media screen and (max-width:348px){
a.btn-facebook{
	font-size:9px;
}

a.btn-instagram{
	font-size:9px;
}

a.btn-twitter{
	margin-top:-1%;
	font-size:12px;
}
}

@media screen and (max-width:320px){
.content1_title h2{
	font-size:14px;
}

.content1_sub h4{
	font-size:8px;
}

.time_filter{
	font-size:8px;
}

.monthly li{
	font-size:6px;
}

#no-event{
	font-size:8px;
}

.article_title h3{
	font-size:12px;
}

.article_sub h4{
	font-size:8px;
}

.slider_date p{
	font-size:8px;
}

.pagination li a, .pagination li span{
	padding:5px 10px;
}

.pagination li a{
	font-size:9px;
}

.content_service3 h4{
	font-size:8px;
}

.contact_button{
	font-size:6px;
}

.RR p{
	font-size:5px;
}

.imagine p{
	font-size:5px;
}
}