@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

	.main-header div.inside{
		background-color: rgba(255, 255, 255, 0.6);
		padding:0 2%!important;
	}
	
	.main-content div.cont-top {
		padding: 15px 2%;
	}
	
	.main-content div.cont-gallery {
		padding: 15px 2%;
	}
	
	.main-content div.cont-calendar {
		padding: 15px 2%;
	}
		
	.main-content div.cont-media {
		padding: 15px 2%;
	}
	
	.main-content div.cont-general {
		padding: 15px 2%;
	}
	
	.main-footer div.footer-top {
		padding: 25px 2%;
	}
	
	.main-footer div.footer-bottom {
		padding: 0px 2%;
	}
	
	h2.headline { 
		font-size:1.8em!important;
	}
	
	h2.subheadline { 
		font-size:1.8em!important;
	}


}

/*============== ipad and upper size ================ */
@media(max-width:1024px) {

	.main-header div.inside{
		background-color: rgba(255, 255, 255, 0.6);
		padding:0 2%!important;
	}
	
	.main-content div.cont-top {
		padding: 15px 2%;
	}
	
	.main-content div.cont-gallery {
		padding: 15px 2%;
	}
	
	.main-content div.cont-calendar {
		padding: 15px 2%;
	}
		
	.main-content div.cont-media {
		padding: 15px 2%;
	}
	
	.main-content div.cont-general {
		padding: 15px 2%;
	}
	
	.main-footer div.footer-top {
		padding: 25px 2%;
	}
	
	.main-footer div.footer-bottom {
		padding: 0px 2%;
	}

	/*-----------------------------------------------------------	*/
	/*                    main													*/
	/*-----------------------------------------------------------	*/
	
	h2.headline { 
		font-size:12em;
	}
	
	div.subline {
		border-top:1px dotted #ccc;padding:0px 0px 15px 0px;
	}

	a.see-all-btns {
		padding: 6px 10px;
		font-size: 12px;
		margin:5px 10px 10px 10px
	}
	
	a.tabs-all-btns {
		padding: 6px 10px;
		font-size: 12px;
	}
	
	section.stat {
		 width:100%;
	}
	
	
	div.border-stat p{
		padding:2px 0px;
		text-align:left;
	}
	
	p.operating_system {
		color:#49b7e6;
		font-size:2.2em;
	}
	
	p.browser {
		color:#999;
		font-size:1.6em;
	}
	
	.bottom-right { 
		margin-right:30px;
	}
		
	p.social {
		color:#999;
		font-size:1.3em;
	}
	
	.back-to-top {
		color:#fff;
		position: fixed;
		bottom: 10px;
		right: 10px;
		font-size: 1.2em;
		padding: 0.2em 0.2em 0.1em 0.2em;
	}
	
	.back-to-top span {
		font-size:1em
	}
	
	/*-----------------------------------------------------------	*/
	/*                   slider show											*/
	/*-----------------------------------------------------------	*/
	
	.carousel-control {
	  width: 5%;
	 }
	 
	.carousel-caption {
		right: 10%;
		left: 10%;
	}
	
	.slidetextarea{
		width:90%;
	}
	
	/*-----------------------------------------------------------	*/
	/*                   hover banner		 banner.css				*/
	/*-----------------------------------------------------------	*/
	
	figure.effect-marley h2,
	figure.effect-marley p {
		padding: 0px 0px 10px 0px;
	}
	
	figure.effect-marley h2 {
		top: 10px;
		font-size:1.35em;
		letter-spacing:normal!important;
	}
	
	figure.effect-marley p {
		bottom:25px;
		font-size:0.55em;
		letter-spacing:normal!important;
	}
	
	figure.effect-marley h2::after {
		height: 4%;
		bottom:80%;
	}
	
	/*-----------------------------------------------------------	*/
	/*            image gallery hover effect							*/
	/*-----------------------------------------------------------	*/
	.hitem {
		text-align:left;
		float:left;
		margin:5px 15px;
		position:relative;
		padding-bottom:110px;
	}

	.hitem,
	.hitem-hover,
	.hitem-hover .mask,
	.hitem-img,
	.hitem-info {
		width: 205px;
		height: 150px;	
	}
	
	div.headline h1 {
		font-size:23px; letter-spacing:1px;
	}
	
	.hitem h2 {
		font-size:18px;
		bottom:70px;
		line-height:16px;
	}
	
	.hitem p {
		font-size:1em;
		line-height:1.2em;
		height:65px;
		bottom:0px;
	}
		
	/*-----------------------------------------------------------	*/
	/*           blockquote_image.css									*/
	/*-----------------------------------------------------------	*/
	.mb-style-1 {
		margin-top: 70px;
		padding-top: 50px;
	}
	
	.mb-style-1 .mb-thumb {
		display: block;
		width: 130px;
		height: 130px;
	}
	
	.mb-style-1 blockquote:before,
	.mb-style-1 blockquote:after {
		font-size: 2em
	}
	
	.mb-style-1 blockquote h1 {
		font-size: 1.5em;
	}
	
	.mb-style-1 .mb-author{
		font-size: 1.3em;
		text-align:center;
	}
	
	/*-----------------------------------------------------------	*/
	/*         link effect	 linkeffect.css									*/
	/*-----------------------------------------------------------	*/
	.cl-effect-0 a {
		padding: 6px 0px;
	}
	
	.cl-effect-1 a {
		padding: 8px 0px;
	}
	
	.cl-effect-2 a{
		padding: 8px 0px;
	}
	/*-----------------------------------------------------------	*/
	/*         photo scroll	photo_style.css							*/
	/*-----------------------------------------------------------	*/
	
	.pb-scroll {
		padding-right:5%;
	}
	
	ul.pb-strip {
		padding-left:0%;
	}
	
	ul.pb-strip li {
		font-size:0.9em;
	}
	
	ul.pb-strip li a > img {
		width:90%;
	}
	
	/*-----------------------------------------------------------	*/
	/*         notice tabs tabs_block.css							*/
	/*-----------------------------------------------------------	*/
	.tabs-style-circlefill .content-wrap {
		border-top: 1px solid #40b0db;
		min-height:350px
	}
	
	.blocktabs nav a div {
		font-size: 12px!important;
	}
	
	.tabs-style-circlefill nav.skin-blue li::before {
		top: -10%;
		left: -10%;
		width:0px;
		height: 0px;
	}
	
	.tabs-style-circlefill nav.skin-blue li a {
		color: #999;
	}

	.tabs-style-circlefill nav li.tab-current a {
		color:#1d98c7;
	}
	/*-----------------------------------------------------------	*/
	/*         news tabs slide	tabs_slide.css							*/
	/*-----------------------------------------------------------	*/
	.tabslide label {
		padding: 0 10px;
	}
	
	/*-----------------------------------------------------------	*/
	/*         notice	theme_main.css									*/
	/*-----------------------------------------------------------	*/
	
	.notice-box li {
		padding: 0.5em 0 0.3em 0;
		overflow: hidden;
	}
	
	.notice-box li div.cont {
		margin: 0px 0px 0px 75px;
		font-size: 0.85em;
		height:65px;
		line-height:1.3em;
		border-bottom:1px dotted #ccc;
	}
	.notice-box li a {
		font-size:12px;
	}
	
	.notice-box li div.cont > span.minitext {
		padding-top:5px;
	}

	/*-----------------------------------------------------------	*/
	/*        fulltabs	tab_fullwidth.css									*/
	/*-----------------------------------------------------------	*/
	.tabs nav ul li {
		border: 1px solid #becbd2;
		border-bottom: none;
		margin: 0 0.15em;
		display: block;
		float: left;
		position: relative;
	}
		
	.tabs nav a {
		padding: 0em 0.6em;
	}
		
	.success-box li span.icon {
		font-size: 1em;
	}

	/*-----------------------------------------------------------	*/
	/*        event calendar	custom_calendar_2.css			*/
	/*-----------------------------------------------------------	*/
	.fc-calendar-container { /*box*/

		height: 400px;
		padding: 20px;
		padding-top:5px;

	}
	
	.fc-calendar-container { 
		height: 365px;
	}
		
	/*-----------------------------------------------------------	*/
	/*        owl banner owl.theme.css								*/
	/*-----------------------------------------------------------	*/
	.owl-theme .owl-controls .owl-page{
		display:none
	}	
	
}



/*----------------------------------------------------------------------------------------------------------	*/
/*           PORTRAIT																											*/
/*----------------------------------------------------------------------------------------------------------	*/

/* --------------------------------------------- ipad Portrait --------------------------------------*/
@media screen and (min-width: 768px) and (max-width: 1024px), (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait) {

    header.carousel {
        height: 25%!important
    }
}


/*-------------------- 1) iPhone 4 / 5 Portrait ---------------------------------------------------*/
@media screen and (min-width: 320px) and (max-width: 480px), (min-device-width: 320px) and (max-device-width: 480px) and (orientation : portrait) {

    header.carousel {
        height: 20%!important
    }
}

/*-------------------- 2) Galaxy Portrait ---------------------------------------------------------*/
@media screen and (min-width: 360px) and (max-width: 640px), (min-device-width: 360px) and (max-device-width: 640px) and (orientation : portrait) {

    header.carousel {
        height: 18%!important
    }
}

/*-------------------- 3) iPhone 6 Portrait -------------------------------------------------------*/
@media screen and (min-width: 375px) and (max-width: 627px), (min-device-width: 375px) and (max-device-width: 627px) and (orientation : portrait) {

    header.carousel {
        height: 20%!important
    }
}

/*-------------------- 4) iPhone 6 plus Portrait -------------------------------------------------*/
@media screen and (min-width: 414px) and (max-width: 736px), (min-device-width: 414px) and (max-device-width: 627px) and (orientation : portrait) {

    header.carousel {
        height: 20%!important
    }
}


/*-------------------- 5) ipad Landscape ----------------------------------------------------*/
@media screen and (min-width: 1024px) and (max-width: 1024px), (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : landscape) {

    header.carousel {
        height: 40%!important
    }
}

/*----------------------------------------------------------------------------------------------------------	*/
/*           LANDSCAPE																											*/
/*----------------------------------------------------------------------------------------------------------	*/

/* -------------------- 6) iPhone 6 plus Landscape  ------------------------------------------*/
@media screen and (min-width: 736px) and (max-width: 736px), (min-device-width: 414px) and (max-device-width: 736px) and (orientation : landscape) {
/* 8. landscape viewport 640 x 360 */ 
    header.carousel {
        height: 50%!important
    }
}


/* -------------------- 7) iPhone 6 Landscape  -----------------------------------------------*/
@media screen and (min-width: 667px) and (max-width: 667px), (min-device-width: 375px) and (max-device-width: 667px) and (orientation : landscape) {

    header.carousel {
        height: 50%!important
    }
}


/* ------------------  8) Galaxy Landscape  --------------------------------------------------*/
@media screen and (min-width: 640px) and (max-width: 640px), (min-device-width: 360px) and (max-device-width: 640px) and (orientation : landscape) {

    header.carousel {
        height: 50%!important
    }
}


/* -------------------- 9) iPhone 5 Landscape  ----------------------------------------------*/
@media screen and (min-width: 568px) and (max-width: 568px), (min-device-width: 320px) and (max-device-width: 568px) and (orientation : landscape) {

    header.carousel {
        height: 50%!important
    }
}

/* ------------------- 10) iPhone 4 Landscape  ---------------------------------------------*/
@media screen and (min-width: 480px) and (max-width: 480px), (min-device-width: 320px) and (max-device-width: 480px) and (orientation : landscape) {

    header.carousel {
        height: 47%!important
    }
}