/* Large desktop */

#overlay {
    z-index: 99999;
}
.site-info{display:none}
@media (min-width: 1211px) {

	.parallax-page{
		width:100%;
		}

	.parallax-portfolio #pager  img{
		width:50px;
		}

	.parallax-page .bx-viewport,
	.parallax-page .bx-viewport li,
	.parallax-page .bx-viewport .blogpost,
	.parallax-page .bx-viewport .member,
	.parallax-page  .page-contents {
		height: 395px !important;
		}



}



@media (min-width: 941px) and (max-width: 1210px) {

	.parallax-page .bx-viewport,
	.parallax-page .bx-viewport li,
	.parallax-page .bx-viewport .blogpost,
	.parallax-page .bx-viewport .member,
	.parallax-page  .page-contents {
		height: 340px !important;
		}

	.parallax-page .bx-viewport .member{
		width:220px !important;
		}

	.parallax-page .team-desc{
		height: 220px;
		}

	.blogpost{
		width:380px !important;
		}
	
	.parallax-portfolio .slider li img, .parallax-portfolio #pager{
		width:350px;
		}

	.parallax-page{
		width:100%;
		max-width: 680px;
		}

	.parallax-portfolio .contents{
		padding: 40px 40px 30px 40px;
		}

	.parallax-portfolio li .contents p{
		padding: 15px 0;
		margin: 0;
		line-height: 18px !important;
		}

	.parallax-portfolio .contents h2{
		margin-bottom: 0;
		font-size: 18px;
		}

	.post_format:before, 
	.post_format{
		height:35px;
		width:35px;
		line-height: 30px;
		}

	.blogpost .blog-post-title,
	.blogpost .meta-details{
		padding-left: 40px;
		}


	.parallax-portfolio .btn-group{
		top:20px;
		right:20px;
		}


	.parallax-portfolio #pager  img{
		width:50px;
		}


	/* Comment Form */

	#commentform #author, 
	#commentform #email, 
	#commentform #url, 
	#commentform textarea {
		width:70%;
		}

}



/* Portrait tablet to landscape and desktop */

@media (min-width: 769px) and (max-width: 940px) {

	.parallax-page .bx-viewport,
	.parallax-page .bx-viewport li,
	.parallax-page .bx-viewport .blogpost,
	.parallax-page .bx-viewport .member,
	.parallax-page  .page-contents {
		height: 302px !important;
		}

	.parallax-page .bx-viewport .member{
		width:200px !important;
		}

	.parallax-page .team-desc{
		height: 200px;
		}

	.blogpost{
		width:350px !important;
		}

	.small-title .blog-post-title a, 
	.small-title .blog-post-title {
		font-size: 16px;
		padding-left: 0;
		line-height: 22px;
		padding-bottom: 10px;
		}

	.page-contents .member h3{
		font-size: 16px;
		}

	.entry-header .meta-details{
		padding-left: 0;
		}

	.blogpost .post_format:before, 
	.blogpost .post_format{
		display: none;
		}
	
	.parallax-portfolio .slider li img, .parallax-portfolio #pager{
		width:300px;
		}
	
	.content-box .parallax-portfolio .btn-group{
		top:12px;
		}	
	
	.parallax-page{
		width:100%;
		max-width: 620px;
		}

	.parallax-portfolio .contents{
		padding: 35px 40px 30px 40px;
		}

	.parallax-portfolio li .contents p{
		padding: 15px 0;
		margin: 0;
		line-height: 18px !important;
		}

	.parallax-portfolio .contents h2{
		margin: 0;
		font-size: 20px;
		}

	.parallax-portfolio #pager a{
		padding: 2px;
		}

	.parallax-portfolio .btn-group{
		top:15px;
		right:auto;
		left: 15px;
		}

	.parallax-portfolio #pager img{
		width:40px;
		}

	/* Comment Form */

	#commentform #author, 
	#commentform #email, 
	#commentform #url, 
	#commentform textarea {
		width:80%;
		}

 }



@media (max-height:780px){

	.parallax-page .page-title{
		display: table;
		margin-bottom: 15px;
		}
	
	.parallax-page .page-title h1, .parallax-page .page-title h4{
		display: table-cell;
		vertical-align: middle;	
		} 

	.parallax-page .page-title h4{
		padding-left: 10px;
		}
	
	.parallax-page .bx-viewport,
	.parallax-page .bx-viewport li,
	.parallax-page .bx-viewport .blogpost,
	.parallax-page .bx-viewport .member,
	.parallax-page  .page-contents {
		height: 360px !important;
		}
	
	.parallax-page .blogpost .entry-header{
		padding: 10px;
		}
		
	.parallax-page .content-box .blogpost .entry-header{
		padding: 10px 10px 10px 0;
		}
	
	.parallax-page .post_format{
		left: 10px;
		top:10px;
		}
		
	.parallax-page .content-box .post_format{
		left: 0;
		}		
}



/* Landscape phone to portrait tablet */

@media (min-width: 480px) and (max-width: 768px) {

	.parallax-page .bx-viewport,
	.parallax-page .bx-viewport li,
	.parallax-page .bx-viewport .blogpost,
	.parallax-page .bx-viewport .member,
	.parallax-page  .page-contents {
		height: 268px !important;
		}
		
	#portfolio .col-xs-6{
		width:49% !important;
		}	
	
	
	.parallax-page .page-title h1{
		font-size: 28px;
		}

	.content-box .parallax-portfolio .btn-group{
		top:12px;
		}	
		
	.parallax-page .bx-viewport .member{
		width:170px !important;
		}

	.parallax-page .team-desc{
		height: 170px;
		}

	.parallax-page .team p{
		padding-bottom: 5px;
		}

	.parallax-page .team h3{
		font-size: 16px;
		}

	.parallax-portfolio .slider li .attachent-container, 
	.parallax-portfolio #pager{
		width:45% !important;
		display: block;
		float: left;
		margin-right: 25px;
		}

	.parallax-portfolio .slider li .attachent-container{
		height: 270px;
		}

	.parallax-portfolio .slider li img{
		width:200px;
		margin: 0;
		}

	.parallax-portfolio #pager{
		width:200px;
		bottom: 10px;
		}
	
	.parallax-portfolio .contents{
		padding-top: 20px !important;
		}
	
	.parallax-portfolio .bx-controls-direction{
		width:200px;
		}		

	.parallax-portfolio #pager img{
		width:33px;
		}

	.blogpost{
		width:330px !important;
		}

	.small-title .blog-post-title a, 
	.small-title .blog-post-title{
		font-size: 15px;
		line-height: 20px;
		}

	.parallax-page{
		width: 480px;
		}

	.entry-header .meta-details{
		padding-left: 0;
		}

	.parallax-portfolio #pager a{
		padding: 2px;
		}
		
		
	.parallax-page .link{
		padding: 10px 15px !important;
		font-size: 16px;
		} 	

	.parallax-portfolio .contents{
		padding: 25px 35px 25px 35px;
		}

	.parallax-portfolio li .contents p{
		padding: 15px 0;
		margin: 0;
		line-height: 18px !important;
		}

	.parallax-portfolio .contents h2{
		margin: 0;
		font-size: 20px;
		}

	.parallax-portfolio .btn-group{
		top:15px;
		right:auto;
		left: 15px;
		}

	.post_format:before, .post_format{
		display: none;
		}

	.blog-post-title{
		padding-left: 0;
		}

	.parallax-page .entry-header, .parallax-page .entry-content{
		padding: 15px 30px 20px 30px;
		}

	/* Comment Form */

	#commentform #author, 
	#commentform #email, 
	#commentform #url, 
	#commentform textarea {
		width:90%;
		}

	.comment-meta{
		width:280px;
		}

	.comment-metadata time{
		font-size: 12px;
		}

	.comment-list ol.children{
		padding-left: 20px;
		}

}



/* Landscape phones and down */

@media (max-width:480px), (max-height:480px)  {

	.template-parallax .site-footer .footer-info{
		padding:10px 0;	
		text-align: center;
	}
	
		
	.parallax-portfolio .contents{
		padding-top: 0 !important;
		}

	.parallax-page:hover{
		z-index: 9 !important;
		}

	#colophon{
		height: 45px;
		}
		
	.col-sm-4 {
        width: 100%;
    	}
    	
    #portfolio 	.col-sm-4{
   	 width: 100% !important;
    	}

	/* Parallax Page Stuff*/

	/*--.parallaxItem{
		visibility: hidden;
		}--*/
	
	.blog-post-title, 
	.blog-post-title a{
		font-size: 21px !important;
		}

	.blogpost .overlay{
		position: relative;
		bottom: auto;
		}

	.page-contents {
		overflow-y: auto;
		}

	.equalheight{
		min-height: 0 !important;
		}

	.team-desc{
		position: static;
		height: auto;
		min-height: 0 !important;
		}
		
/*	.parallax-page .content-box .link{
		padding: 25px !important;
		} */

	.page-contents .member h3{
		font-size: 20px;
		}

	.team p{
		padding-bottom: 5px;
		}

	.parallax-page .page-title h1{
		font-size: 22px;
		}

	.parallax-page .page-title{
		margin-bottom: 12px;
		}

	.parallax-page{
		max-width: 95%;
		top:75px !important;
		}

	.parallax-page .member, 
	.parallax-page .team,
	.blogpost, .blogpage, 
	.parallax-portfolio .slider,  
	.parallax-portfolio .slider li, 
	.parallax-portfolio .slider a img{
		width:100% !important;
		max-width: 480px !important;
		margin: 0 auto 20px auto;
		}

	.parallax-portfolio .slider a img{
		display: block !important;
		width:100% !important;
		height: auto !important;
		margin: 0 !important;
		float: none;
		}

 	.parallax-portfolio .slider li{
 		overflow: hidden;
 		margin: 0 0 20px 0;
 		}
 
 	.parallax-portfolio .slider .contents{
 		display: block;
 		clear: both;
 		float: none;
 		padding-top: 40px;
 		} 

	.blogpost, .blogpage{
		max-width: 100%;
		}

	.blogpost .blog-post-title,
	.blogpost .entry-header, 
	.blogpost{
		min-height: 0 !important;
		}

	.parallax-page .team, 
	.blogpost, 
	.blogpage{
		transform:none !important;
		width:100% !important;
		}

	.parallax-page .member:last-child{
		margin-bottom: 0;
		}

	.parallax-about.nano-content, 
	.parallax-blog.nano-content, 
	.parallax-portfolio.nano-content{
		padding: 0 15px 0 0;
		}

	.parallax-portfolio #pager{
		display: none !important;
		}

	.parallax-portfolio .slider{
		width:100%;
		}

	.parallax-portfolio li, 
	.parallax-portfolio ul{
		list-style: none;
		}

	.parallax-page .team-content,
	.parallax-page .team-group{
		width:100%;
		}

	.post_format:before, 
	.post_format{
		display: none;
		}

	.blog-post-title, 
	.entry-header .meta-details{
		padding-left: 0;
		}

	.small-title .blog-post-title a, 
	.small-title .blog-post-title{
		font-size: 16px;
		line-height: 20px;
		}

	.small-title .blog-post-title a{
		padding-bottom: 10px;
		display: block;
		}

	.entry-header, 
	.entry-content{
		padding: 15px 20px;
		}

	.entry-header .meta-details a, 
	.cat-tag a{
		font-size: 10px;
		}

	.page-title h1{
		font-size: 28px;
		}

	.page-title h4{
		font-size: 14px;
		}

	.parallax-page{
		width:90%;
		}

	.parallax-portfolio .slider li img{
		width:100%;
		height: auto;
		}

	.parallax-portfolio .slider li img, 
	.parallax-portfolio #pager{
		width:100%;
		}

	.parallax-page .link{
		padding: 5px 10px;
		font-size: 13px;
		}

	/* Comment Form */

	#commentform #author,
	#commentform #email, 
	#commentform #url, 
	#commentform textarea {
		width:99%;
		}

	.comment-meta{
		width:280px;
		}

	.comment-metadata time{
		font-size: 12px;
		}

	.comment-list ol.children{
		padding-left: 0;
		}

	.comment-list .avatar{
		width:40px;
		height: auto;
		margin-right: 10px;
		}

	.team-pic:hover, 
	.team-desc:hover,
	.team-desc{
		opacity: 1 !important;
		}

}













/*--------slider----------*/

/* Tablet */
@media only screen and (max-width:980px){
  .head {
    width: 730px;
  }

  .view-port,
  .track .inner,
  .slider-container .item.cover {
    width: 706px;
  }

  .view-port h2 {
    font-size: 1.3em;
  }

  .slider-container {
    height: 130px;
  }

  .slider-container .item {
    height: 114px;
  }

  .slider-container .item,
  .slider-container .item img,
  .slider-container .item .img-area img,
  #example-4 img {
    width: 164px;
    height: auto;
  }

  .slider-container .item.cover > img {
    width: 343px;
  }

  .slider-container .item.cover .img-area {
    margin-left: 10px;
  }

  .editorial {
    width: 169px;
    height: 195px;
  }

  .editorial .title {
    font-size: 18px;
    margin: 10px 0 0 16px;
  }

  .editorial .desc {
    margin-left: 16px;
    font-size: 13px;
  }

  .slider-container.big,
  .slider-container.big .item {
    height: 196px;
  }

  .slider-container.big .item .img-area {
    height: 196px;
  }

  .slider-container .item.cover .img-block,
  .img-block {
    margin-bottom: 0;
    height: 104px;
  }

  .side-a, .side-b {
    width: 349px;
  }

  .side-a {
    margin-right: 8px;
  }

  .slider-container .item .side-a > img,
  .slider-container .item .side-b > img {
    width: 343px;
    height: auto;
  }

  .slider-container .item.cover-2 .img-area {
    margin: 9px 0 0 0;
  }

  .slider-container .item.cover-2 .img-area .img-block:first-child {
    margin-right: 15px;
  }

  .slider-container.huge,
  .slider-container .item.cover-2 {
    height: 300px;
  }
}

/* Small Tablet */
@media only screen and (max-width:730px){
  .head {
    width: 480px;
  }

  .view-port,
  .track .inner,
  .slider-container .item.cover {
    width: 456px;
  }

  .slider-container {
    height: 102px;
  }

  .slider-container .item {
    margin-right: 12px;
    height: 86px;
  }

  .slider-container .item,
  .slider-container .item img,
  .slider-container .item .img-area img {
    width: 144px;
  }

  .slider-container .item.cover > img {
    width: 303px;
  }

  .editorial {
    display: none;
  }

  .slider-container .item.cover .img-area {
    margin-left: 9px;
  }

  .slider-container .item.cover .img-block,
  .img-block {
    height: 89px;
  }

  .side-a, .side-b {
    width: 220px;
  }

  .side-a {
    margin-right: 8px;
  }

  .slider-container .item .side-a > img,
  .slider-container .item .side-b > img {
    width: 220px;
  }

  .slider-container .item.cover-2 .img-area {
    margin: 0;
  }

  .slider-container.huge .item {
    height: 259px;
    margin-bottom: 0;
  }

  .slider-container.huge,
  .slider-container .item.cover-2 {
    height: 300px;
  }

  .slider-container.remote {
    height: 540px;
  }

  .slider-container.remote .item,
  .example-4 .view-port {
    width: 350px;
  }

  .slider-container.remote .item {
    height: 127px;
    margin-bottom: 8px;
  }

  .slider-container.remote .item > img,
  .slider-container.remote .item p {
    float: left;
  }

  #example-4 img {
    width: 220px;
    height: auto;
  }

  .slider-container.remote .item p {
    padding: 30px 15px;
  }

  .example-4 .view-port {
    margin: 0 auto;
  }
}

/* Phone */
@media only screen and (max-width:480px){

  .head {
    width: 320px;
  }

  .head h1 {
    font-size: 1.9em;
  }

  .view-port,
  .track .inner,
  .slider-container .item.cover {
    width: 302px;
  }

  .view-port h2 {
    font-size: 1.5em;
  }

  .slider-container {
    height: auto;
	min-height:200px
  }

  .slider-container .item {
    width: 296px;
    height: 124px;
  }

  .slider-container .item img,
  .slider-container .item p {
    float: left;
  }

  .slider-container .item img,
  #example-4 img {
    width: 220px;
  }

  .slider-container .item p {
    margin: 50px 0 0 10px;
  }

  .slider-container.big,
  .slider-container.big .item.cover {
    height: 264px;
  }

  .slider-container.big .item,
  .slider-container.big .item.cover > img,
  .slider-container.big .item.cover .img-area {
    width: 302px;
  }

  .slider-container.big .item.cover > img {
    float: none;
  }

  .slider-container .item.cover .img-block,
  .slider-container.big .item,
  .slider-container .item.cover .img-area {
    height: 88px;
    margin-bottom: 0;
  }

  .img-block {
    width: 151px;
  }

  .img-area .img-block {
    width: 148px;
  }

  .slider-container .item.cover .img-area {
    float: none;
    clear: both;
    margin-left: 0;
    margin-top: 1px;
  }

  .slider-container .item.cover .img-area .img-block:first-child {
    margin-right: 6px;
  }

  .slider-container .item .img-area img,
  .slider-container .item .img-block img {
    float: none;
    width: 148px;
  }

  .slider-container .item.cover .img-block,
  .img-block {
    float: left;
  }

  .side-a,
  .side-b,
  .slider-container.huge .item {
    width: auto;
  }

  .slider-container.huge .item {
    height: 176px;
  }

  .side-a {
    margin-right: 0;
  }

  .slider-container .item .side-a > img,
  .slider-container .item .side-b > img {
    width: 302px;
  }

  .slider-container.huge,
  .slider-container .item.cover-2 {
    height: auto;
  }

  .example-4 .view-port,
  .slider-container.remote .item {
    width: 302px;
  }

  .slider-container.remote .item p {
    margin: 15px 0;
  }

  .slider-container.remote {
    height: 464px;
  }

  #example-4 .item {
    height: 108px;
    text-align: center;
  }

  #example-4 img {
    width: 186px;
  }

  .example-4 .loading {
    width: 302px;
  }
  
}
 

@media (min-width: 240px) and (max-width: 767px) {
	header {z-index:999999 !important;}
	.navbar-brand img {width: 64px;}
	.parallax-page {height: 77%; overflow-y: auto; }
	.side-a, .side-b, .slider-container.huge .item {/*--display:inline;--*/ width: 144px;/*--position: relative;--*/}
	#w{ min-width:100%;}
	
	.home-page .page-contents {height:261px !important; padding: 10px 21px 50px; text-align:center;}
	.nano > .nano-content { height: 100%; overflow-y: scroll;}
	#home0,#about_us1,#blog2,#portfolio3{ z-index:99999 !important;}
	
	#about_us1 .content-box{ margin: 6px auto 0; max-width: 100%;}
	#about_us1 .home-page .page-contents {height: 261px; padding: 10px 21px 50px;width: 100%;}	
	#blog2 .content-box{ margin: 6px auto 0; max-width: 100%;}
	#blog2 .home-page .page-contents {height: 261px; padding: 10px 21px 50px;width: 100%;}	
	#portfolio3 .content-box{ margin: 6px auto 0; max-width: 100%;  padding-top: 0;}
	#portfolio3 .home-page .page-contents {height: 261px; padding: 10px 21px 50px;width: 100%;}	
	/*--#colorbox{width:90% !important; height:auto !important;}
	#colorbox img{width:95% !important; height:auto !important;}--*/
	.portfolio ul li {background: #fff; padding-bottom: 10px;}
	
	.portfolio ul li img { height: auto; max-height: 200px; max-width: 226px; width: auto;}
	
	
}



@media only screen and (width:640px) {
	
	
	#home0.parallax-page .home-page {  font-size: 14px; }
	.home-page {  max-width: 61% !important; margin:0 auto; }
	
.parallax-page {
    max-width: 95%;
    top: 17px !important;
    left: 28%;
overflow-y: hidden;
}
.home-page .page-contents {
    height: 156px !important;}
#about_us1 .home-page .page-contents, #blog2 .home-page .page-contents{
    height: 114px !important;
}

#about_us1 .content-box{
    padding-bottom: 0;
    padding-top: 50px;
    max-height: 223px;
}
#blog2 .content-box {
    padding-bottom: 0;
    min-height: 223px;
}

#blog2 .home-page .page-contents {
    padding: 10px 21px 28px;
}



.parallax-page .page-title {
    margin-top: 20px;
}


/*--.nano > .nano-pane {  opacity: 0 !important;}--*/
	#portfolio3 .nano > .nano-pane {  opacity: 1 !important;}
	#portfolio3{overflow-y: auto;}



}

@media only screen and (min-width:480px) and (max-width:639px) {
	
	
	#home0.parallax-page .home-page {  font-size: 14px; }
	.home-page {  max-width: 61% !important; margin:0 auto; }
	
.parallax-page {
    max-width: 95%;
    top: 0 !important;
    left: 28%;
overflow-y: hidden;
}
.home-page .page-contents {
    height: 144px !important;}
#about_us1 .home-page .page-contents, #blog2 .home-page .page-contents{
    height: 166px !important;
}

#about_us1 .content-box{
    padding-bottom: 0;
    padding-top: 0 !important;
    max-height: 223px;
}
#blog2 .content-box {
    padding-bottom: 0; padding-top: 0 !important;
    min-height: 223px;
}

#blog2 .home-page .page-contents {
    padding: 10px 21px 28px;
}



.parallax-page .page-title {
    margin-top: 20px;
}



	#portfolio3 .nano > .nano-pane {  opacity: 1 !important;}
	#portfolio3{overflow-y: auto;}
	#portfolio3 .content-box{ padding-top:0 !important;}



}

@media (min-width: 240px) and (max-width: 680px) {
	.parallax-page { height: 96%; margin-top: 0;}

}





@media (min-width: 1900px) {
	html, body {
    font: normal 17px/25px arial;
}
.content-box .page-title h4 {
    font-size: 25px;
}

.parallax-page .bx-viewport, .parallax-page .bx-viewport li, .parallax-page .bx-viewport .blogpost, .parallax-page .bx-viewport .member, .parallax-page .page-contents {
    height: 510px !important;}
.parallax-page { margin-top: 0;}
.home-page .page-contents {
    padding: 0 50px 50px;
}
#home0.parallax-page .home-page { text-align:center; padding-top:50px;
    font-size: 32px;
    line-height: 50px;background-size: 100% 82%;}

    
	
	
	

#portfolio3.parallax-page{max-width:1200px;}
.portfolio ul li img {
    max-height: 234px;
    width: 100%;
    max-width: 100%;
}
.portfolio ul li .img-box { height: 204px;}

#about_us1 .content-box {
    padding-top: 50px;
    max-width: 90%;
    margin: 150px auto 0;
    float: none;
    max-height: 977px;min-height: 685px;
}

#about_us1.parallax-page {
    
    max-width: 1100px;
    margin-top: 23px;
    height: 992px;
}
#about_us1 .content-box .page-title h4 {
    margin-top: 20px;
}
#about_us1 .home-page .page-contents {
    height: 437px !important;
}



#blog2 .content-box {
    padding-top: 50px;
    max-width: 90%;
    margin: 95px auto 0;
    float: none;
    max-height: 977px;
	padding-bottom: 130px;min-height: 685px;
}
#blog2 .content-box .page-title h4 {
    margin-top: 20px;
}
#blog2 .home-page .page-contents {
    height: 437px !important;
}

#blog2.parallax-page {
   
    max-width: 1100px;
    margin-top: 23px;
    height: 992px;
}
#katahakali9 img {
    height: 600px;}
#leaf24 img{height: 600px;}
#dance7 {left: -60% }




	
	}