/* ---------------------------------------------------------------------------------------
	RESPONSIVE LAYOUT
--------------------------------------------------------------------------------------- */

input#wp-comment-cookies-consent { width: 16px; }

@media (min-width: 1200px){
}
@media (max-width: 1024px){
	.gallery-thumbnail {
		float:left;
		width:25% !important;
		padding-left: 6px;
		padding-right: 6px;
		margin-top: 3px;
		margin-bottom: 3px;
	}
	.builder-team .team-desc{ padding : 0px; }
	.builder-team .team-avatar { width: 80%; }
	.layout-boxed { width: 100% !important; }
}
@media (max-width: 992px){
	nav.menu-transparent { position:relative !important; }
	.layout-full-width .container,
	.layout-full-width .frontend-column .item-column,
	.layout-boxed .frontend-column .item-column,
	.layout-boxed .container {
		max-width: 100%;
		width: 100% !important;
		margin: 0;
	}
	.layout-full-width .frontend-column .item-column,
	.layout-boxed .frontend-column .item-column { padding-left:25px; padding-right:25px; }
	.layout-boxed { width:calc(100% - 30px) !important; margin:auto; }
	.layout-full-width .section, 
	.layout-boxed .section {
		padding: 0;
	}	
	.aside, .section { float:none !important;}
	.nav-left { }
	
	/* Header
	================================================== */
	ul.socmed-head{
		float:right;
		position:relative;
		top:15px;
		list-style:none;
		z-index:110;
		left:15px;
	}
	ul.search-head{
		float:right;
		position:relative;
		top:15px;
		list-style:none;
		z-index:110;
	}
	.wrapper-side-left { padding-left:0; }
	.wrapper-side-right { padding-right:0; }
	.nav-menu-mobile .mobile-menu { position:absolute; float:left; display:block; }
	.nav-menu-mobile .mobile-menu.logo-mobile-on { position:absolute; }
	.nav-menu-mobile .mobile-menu .nav-toggle{ height:80px; display:table-cell; vertical-align:middle; }
	.nav-menu-mobile .logo { float:none; margin: auto; }
	.nav-toggle {
		font-size:30px;
		color:#fff;
		font-family: 'Roboto Slab', serif;
		font-style:normal;
		position:relative;
		top:1px;
		text-decoration:none;
	}
	a.mobile-menu:hover {
		text-decoration:none;
	}
	.header-aside-2 .search {
		float:none;
		top:0;
		left:0;
		width:100%;
	}
	.header-aside-2 .search input[type=search] {
		width:85%;
	}
	.logo {
		text-align:center;
	}
	.dropdown-menu {
		position: absolute;
		top: 53px !important;
		left: auto !important;
		right: 0;
	}
	.wrapper-content {
		margin:0;
		padding: 0px;
	}
	.welcome-section-1, .welcome-section-2 { float:none !important; }
	.video-gallery { 
		position: relative; 
		padding-bottom: 56.25%; 
		padding-top: 30px; 
		height: 0; 
		overflow: hidden;
		margin-bottom:10px;
	} 
	.post-entry center { 
		position: relative; 
		padding-bottom: 56.25%; 
		padding-top: 30px;
		height: 0;
		overflow: hidden;
		margin-bottom:10px;
	}
	.post-entry iframe, 
	.post-entry object, 
	.post-entry embed { 
		position: absolute; 
		top: 0; 
		left: 0; 
		width: 100%; 
		height: 100%;
		margin:auto;
	} 
	.select-booking { display:inline-block; width:48.9%;}
	.select-booking:last-child { margin-left:10px; }
	.post-gallery { width:auto !important; }
	.item-carousel-container { width:80%; }
	.item-carousel-container .item-carousel .slick-prev { left:-33px; }
	.item-carousel-container .item-carousel .slick-next { right:-33px; }
	
	/* Related Post
	================================================== */
	.related-entry {
		margin-bottom:15px;
	}
	.sidebar .widget h3 { text-align:center;}
	.post-gallery .gallery li.col-md-2, .post-gallery .gallery li.col-xs-6 {
		padding-left: 10px;
		padding-right: 10px;
		margin-top: 7px;
		margin-bottom: 7px;
	}
	.ekko-lightbox .vertical-align-center { 
		width: 100% !important;
	}
	.masonry-gallery {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }
	.widget ul li .widget-post-thumb { padding-right:0; }
	.widget ul li .widget-post-content {top:0 !important; margin-top:10px; }
	/* Builder price
	 ======================================================================*/
	.builder-price .post-wrap { margin-bottom : 25px; }
	.footer-wrapper .container { width:100%; }
}
@media (max-width: 900px){
	.gallery-thumbnail {
		float:left;
		width:25% !important;
		padding-left: 6px;
		padding-right: 6px;
		margin-top: 3px;
		margin-bottom: 3px;
	}
}
@media (max-width: 768px){
	.mm-menu.mm-offcanvas { width:40% !important; }
	html.mm-opening .mm-menu~.mm-slideout {
    	transform: translate(40%,0) !important;
    	transform: translate3d(40%,0,0) !important;
	}
	.wrapper-content > .row {
  		margin: 0 -17px;
	}
	.row.box-header { margin:0px; }
	.box-slider {
		padding:0;
	}
	.box-slider .row { margin-left:0; margin-right:0; }
	.content {
		padding:0 5px;
	}
	.nav-toggle {
		font-size:25px;
	}
	.nav-toggle .fa { font-size:45px; }
	.nav-menu .logo .logo-item { width:auto !important; }
	.nav-menu .logo { width:100px !important; }
	.header-aside-1, .header-aside-2 { width:50%; }

	/*	Custom Bootstrap
	================================================== */
	.content .row  { margin-top:0; }

	/*	Home Content
	================================================== */
	section .post-wrap { margin-bottom:25px; }
	.gallery-thumbnail {
		float:left;
		width:33.33333333% !important;
		padding-left: 6px;
		padding-right: 6px;
		margin-top: 3px;
		margin-bottom: 3px;
	}
	.masonry-gallery {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
	#pk_homepage_3 .post-style-class {height: auto;}
	.homepage-box { padding-bottom:0; border-bottom:none; margin-bottom:0; }
	.homepage-box-border { margin-bottom:20px; }
	
	.select-booking{ display:inline-block; width:100%;}
	.select-booking:last-child{ margin-left:0px;}
	
	/*	Related Post
	================================================== */
	.related-post h3 {
		margin-left:0;
	}
	.related-wrap {
		margin-left:0;
	}
	.related-entry {
		width: 100%;
		height: auto;
		padding:5px 0px;
		margin-right:2%;
		margin-bottom:5px;
		float:left;
		display:block;
		position:relative;
	}
	.dropdown-menu {
		position: absolute;
		top: 53px !important;
		left: auto !important;
		right: 0;
	}
	footer .row { margin-left:0; margin-right:0; }
	.style-line-8 { width: 255px; }
	.style-line-8 .fa{ font-size:25.8px; }
	.builder-button{width:100% !important;}
	.builder-button .post-wrap { display:block !important; }
	/*.contact-details{ width:100%;}*/
	.builder-team .team-avatar { width: 100% !important; }
	.builder-team .team-name { font-size: 16px; }
	.builder-team .team-desc { font-size: 12px; }
	.builder-team .team-column { padding: 10px 5px 0 5px; }
	.builder-fancy-gallery .style-1 { margin-top: 70px; }
	.builder-fancy-gallery .style-1 { margin-bottom: 50px; }
	.builder-fancy-gallery .fancy-gallery.style-2 { top:0; margin-top:20px; margin-bottom: 90px; }
	.builder-fancy-gallery .style-2 { margin-bottom: 40px; }
	.builder-fancy-gallery .fancy-gallery.style-3 .fancy-image-1 {
		position: relative;
    	top: -80px;
	}
	.builder-fancy-gallery .fancy-gallery.style-3 { top:130px; margin-bottom:10px; }
	.builder-fancy-gallery .fancy-gallery-style-3.second { left:0%; }
	.builder-fancy-gallery .fancy-gallery.style-4 { margin-top:50px; }
	.builder-fancy-gallery .fancy-gallery.style-4 .grid-2 { width: calc(100% * ( 1 / 3)); }
	.builder-fancy-gallery .fancy-gallery-style-4.second {
		position: relative;
		top: -100px;
		left: 20%;
	}
	.builder-fancy-gallery .fancy-gallery.style-5 { margin-top:50px; margin-bottom: 10px; }
	.builder-fancy-gallery .fancy-gallery-style-5.second {
		position: relative;
		top: -80px;
		left: 0%;
	}
	
	p.comment-form-cookies-consent { display: flex; flex-wrap: wrap; align-items: center; }
	p.comment-form-cookies-consent label { margin-bottom: 0 !important; margin-top: 15px; margin-left: 12px; width: 90%; }
}
@media (max-width: 667px){
	.logo { margin:0 auto; }
	.header-aside-1, .header-aside-2 { width:100%; }
	.header-aside-1 .logo { height:100%; }
	.header-aside-2, .header-aside-2 .header-info-wrapper { height:auto; display:block; float:none !important; }
	.header-aside-2 .header-info-wrapper .header-info { display:block;}
	.header-aside-2 .header-info { top:0px; margin-bottom:10px; }
	.header-info .header-tagline, .header-info  .contact-info{ text-align:center;   left: 0; }
	.header-info .social-media { width:170px; margin:10px auto 0; left: 0; text-align:center; }
	.action-bar .social-media { width: auto !important; }
	.header-aside-1, .header-aside-2, .logo, .header-info,.social-media, .contact-info { float:none !important;}
	.nav-wrapper, .nav-toggle, .nav-menu .logo { height:65px !important; }
	.item-column .row-first { margin-top:20px !important; }
	.item-column .row { margin-top:10px; }
	.builder-button .post-wrap { margin-bottom:10px; }
	
	/* Table
	================================================== */	
	/* Force table to not be like tables anymore */
	table#pk-table-style, 
	table#pk-table-style thead, 
	table#pk-table-style tbody, 
	table#pk-table-style th, 
	table#pk-table-style td, 
	table#pk-table-style tr { 
		display: block; 
	}
	/* Hide table headers (but not display: none;, for accessibility) */
	table#pk-table-style thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	table#pk-table-style tr {}
	table#pk-table-style td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #e8e4e3; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}
	table#pk-table-style thead td span{ font-weight:bold !important; }
	table#pk-table-style td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding 
		top: 0px;*/
		left: 10px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
	/* Label the data */
	table#pk-table-style td:before { content: attr(data-title); }
	
	/* General Table 
	
	.post-entry table th, .post-entry table td { border-bottom:1px solid #dddddd; }
	.post-entry table thead td span { font-weight:bold !important; }
	.post-entry table { width:100%; }
	.post-entry thead { display: none; }
	.post-entry tr:nth-of-type(2n) { background-color: inherit; }
	.post-entry tbody td:first-child { 
		background:#e8e4e3;
		border-bottom:1px solid #fff; 
	}
	.post-entry tbody td { display: block; text-align:center; }
	.post-entry tbody td:before { 
		content: attr(data-title); 
		display: block;
		text-align:center;
		font-weight:bold;
		padding:0px 0 8px !important;
		margin-bottom:8px;
		border-bottom:1px solid #f7f2f2;
		font-size:16px; 
	 }*/
	 .gallery-thumbnail {
		float:left;
		width:50% !important;
		padding-left: 6px;
		padding-right: 6px;
		margin-top: 3px;
		margin-bottom: 3px;
	}
	.style-line-8{ width: 190px; }
	.style-line-8 .fa{ font-size:20.8px; }
	.contact-details { width:auto;}
	.contact-icon { text-align:center; margin-bottom: 10px; padding-left:0 !important; padding-right:0 !important;}
	.builder-contact { padding:0; }
	.builder-contact .contact-icon a span,.contact-address { font-size:16px;}
	.builder-contact .contact-icon a i{ font-size:18px;}
	.contact-icon i.fa-mobile { font-size:20px !important;}
	.contact_width_2 { width:100%;}
	.post-style-2 .post-style-entry,
	.post-style-3 .post-style-entry{ padding: 10px;}
	.post-style-4 .post-button,
	.post-style-8 .post-button{ margin-bottom: 0 !important;}
	.post-style-6 h2.post-title,
	.post-style-6 .post-price,
	.post-style-6 .post-entry-content{padding: 0 10px;}
	.post-price .price-box-active { width:auto !important; }

	.custom-content.fancy li {
		padding: 0 0 25px 100px!important;
		background: url(../images/timeline_right.png) no-repeat!important;
		background-position: 0px top !important;
		width: auto;
		text-align: left !important;
	}
	.custom-content.fancy li h3:before { left: 16% !important; }
	.custom-content.fancy ul:before, 
	.custom-content.fancy ul:after { left: 19%  !important; }
}
@media (max-width: 568px){
	.action-bar .contact-action .email { display:none; }
	.select-booking{ display:block; width:100%;}
	.select-booking:last-child{ margin-left:0px;}
	nav .container { width:100%;}
	.nav-toggle {
		font-size:20px;
	}
	.nav-toggle .fa { font-size:35px; }
	.post-style-2 .post-thumb { width:100%; display:block; }
	.post-style-2 .post-style-entry { width:100%; display:block; }
	.post-style-2 .post-thumb {
    	padding-right: 0px;
	}
	.contact-icon {width: 100% !important;}
	.builder-team .team-column {
    	padding: 20px 20px 0 !important;
    	margin-bottom: 10px;
	}
	.masonry-gallery {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}
@media (max-width: 480px){
	.mobile-menu.col-xs-2 { width:auto; padding:0; }
	.mm-menu.mm-offcanvas { width:40% !important; }
	html.mm-opening .mm-menu~.mm-slideout {
    	transform: translate(40%,0) !important;
    	transform: translate3d(40%,0,0) !important;
	}
	.nav-menu .logo .logo-item { width:auto; }
	.nav-menu .logo { width:90px !important; position:relative; left:5px; }
	.slider-caption {
		width:100%;
	}
	.nivo-controlNav { margin-left:-25px !important; }
	.team-column{
		width: 100% !important;
		float:none;
	}
	.builder-team .team-column { padding: 20px 20px 0 !important; margin-bottom: 10px;}
	.builder-team .team-avatar { width: 150px !important;}
	.builder-team .team-name { font-size: 18px; }
	.builder-team .team-desc { font-size: 15px; }
	hr.style-line-1,
	hr.style-line-2,
	hr.style-line-3,
	hr.style-line-4,
	hr.style-line-5,
	hr.style-line-6,
	hr.style-line-7{ width: 80% !important; }
	.post-style-2 .post-thumb { padding-right: 0; }
}

@media (max-width: 375px){
	.mm-menu.mm-offcanvas { width:50% !important; }
	html.mm-opening .mm-menu~.mm-slideout {
    	transform: translate(50%,0) !important;
    	transform: translate3d(50%,0,0) !important;
	}
	.action-bar .social-media  li .social-icon.google-plus { display:none; }
	.header-aside-2 .header-cart { float:none; text-align:center; display:block; margin-top:15px; }
	.nav-menu-mobile .logo { float:none; margin: auto; }
	.nav-wrapper, .nav-toggle, .nav-menu .logo { height:50px !important; }
	.nav-toggle { font-size:18px; }
	.nav-toggle .fa { font-size:25px; }
	.style-line-8{ width: 190px; }
	.style-line-8 .fa { font-size:20.8px; }
	.contact-icon { text-align:center; margin-bottom: 10px;}
	.builder-contact .contact-icon a span,.contact-address { font-size:16px;}
	.builder-contact .contact-icon a i{ font-size:16px;}
	.builder-team .team-avatar { width: 100% !important; }
	.post-style-2 .post-thumb{ padding-right:0;}
}

@media (min-width: 550px){
	html.mm-opening .mm-menu~.mm-slideout {
    	transform: translate(40%,0) !important;
    	transform: translate3d(40%,0,0) !important;
	}
}
@media (min-width: 414px){
	builder-fancy-gallery .fancy-gallery img {
		border: 5px solid #fff;
	}
	.builder-fancy-gallery .fancy-gallery.style-3 .fancy-image-1,
	.builder-fancy-gallery .fancy-gallery.style-3 .fancy-image-2 { top:-120px; }
	.builder-fancy-gallery .fancy-gallery-style-4.second { left:0; }
	.builder-fancy-gallery .fancy-gallery.style-4 .fancy-image-1 {
		position: relative;
		top: -30px;
	}
	.builder-fancy-gallery .fancy-gallery.style-4 .fancy-image-4 { position: relative; left: 50px; }
	.builder-fancy-gallery .fancy-gallery.style-4 .fancy-image-5 { position: relative; left: 50px; }
	.builder-fancy-gallery .fancy-gallery.style-5 .fancy-image-1 { top:-50px; }
	.builder-fancy-gallery .curve { display: none; }
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape){
	.builder-team { padding: 10px 45px 0px 45px; }
	.builder-team .team-column { width: 47%; float: left; margin-left: 3%; margin-bottom: 3%; }
	.builder-team .team-avatar { width: 150px !important;}
}
@media only screen and (min-device-width: 500px) and (max-device-width: 740px){
	.builder-team { padding: 10px 45px 0px 45px; }
	.builder-team .team-column { width: 47%; float: left; margin-left: 3%; margin-bottom: 3%; }
	.builder-team .team-avatar { width: 100% !important;}
	.builder-team .team-name { font-size: 18px; }
}