/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
.wrapper-body{ width:100%; height:auto; margin:0; }

/*Default desktop , from max res to low res*/
@media all
{
	/**Styling navbar from bootstrap**/
	.navbar .container-fluid{ padding:0;}
	.navbar.navbar-default{ display:block; background:none; border:none; min-height:58px; background:#615637 url(resources/ico-nav-header.png ) 20px 22px no-repeat; padding-left:30px; }
	.navbar-default .navbar-toggle{ border:none; margin-top:14px; float:left; /*margin-left:15px*/}
	.navbar-default .navbar-brand{ display:none;font-size:18px;color:#c2b29d !important; font-family:'lato'; font-weight:100; padding:0; line-height:58px;}
	.navbar-default .navbar-nav > li > a{ display:block; height:58px; line-height:58px; font-size:18px; color:#c2b29d; font-weight:100; padding: 0 15px}
	.navbar-default .navbar-nav > li:hover > a{ color:#f5efee; }
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{ border:none;}
	
	.contact-info-header .tel-this img{ display:none; }

	
}


/* Large devices (large desktops, 1200px and up) */
@media (min-width:1200px) 
{
/*No CSS needed*/	
}

/*#############################################*/
/*#############################################*/


/* Medium devices (desktops, 960px and up) */
@media (min-width:960px) 
 {
	
}

/* Small devices (tablets, 768px and up) */
@media (max-width:960px) 
{
	.header{ background: url(resources/bg-header-mobile.png ) top center no-repeat #ddeff4;}
	
	body{ min-width:320px; max-width:100%; overflow-x:hidden;}
	.header-paged{ width:100%;}
	.content-paged{  width:100%; }
	.footer-paged{ width:100%;}
	.nav-foo-paged{ width:100%;}
	.foo-copyright-paged{ width:100%;}
	.c-holder.on-home-category-box{ width:100%;}
	.content{ padding: 0 8px; }
	
	.slider-full{ width:100%; height:auto;}
	.slider-full .slider-images{ width:100%; height:auto !important;}
	.slider-full .slider-images img{ width:100%; height:auto;}
	
	/*CONTENT*/
	.content{ /*padding-right:8px; padding-left:8px;*/}
	
	.localization{ width:100%; min-height:54px; height:auto;}
	
	.contact-info-header .tel-this{ margin-right:30px;}
	
	.gallery-full{display:block; width:auto; height:auto; padding:0 20px; position:relative; margin:0 auto;margin-bottom:20px; border-radius:2px; -webkit-border-radius:2px;-moz-border-radius:2px; /*border:1px solid #e5e5e5;*/ }
	.gallery-full .gallery-inner{ width:100%; height:auto; margin:0px auto; text-align:center;}
    /*.gallery-full .gallery-inner a{ position:relative ; display:inline-block; padding:0px 10px 10px 10px; margin:0; float:left; width:25%; box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}*/	
	.gallery-full .gallery-inner img{ width:100%;}
	.gallery-full .gallery-inner .bg-over{ display:none; top:0; left:0; position:absolute; width:100%; height:100%; background:url(resources/bg-over-gall-th.png ) center center no-repeat, rgba(202,115,121,0.8) repeat; }
	.gallery-full .gallery-inner a:hover .bg-over{ display:none !important;}
	.gallery-full .gall-arrow-left{ display:none !important;}
	.gallery-full .gall-arrow-right{ display:none !important; ;}

	/*Jcarousel LIST HORIZONTAL RESPONSIVE*/
	.jcarousel-list-horizontal{ left:auto !important; overflow:hidden; margin:auto !important; padding:auto !important; top:auto !important; width:100% !important;}
	.jcarousel-item-horizontal{ float:none !important; position:relative ; display:inline-block; padding:0px 10px 10px 10px; margin:0 !important; float:left; width:23.99% !important; box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; margin-right:0 !important }
	.jcarousel-item-horizontal a{ width:100%;}
    .gallery-full .gallery-inner a{ margin:0;}	

	.contact_form{ margin:0 auto; float:none; clear:both; margin-bottom:20px; padding:0;}
	
}

/*#############################################*/
/*#############################################*/

/**Some Phones, Phablets,Portrait Mobile and fewer Tablets**/
@media (min-width:480px) and (max-width:767px)
{

}
/**LINKED**/
@media (max-width:768px)
{
	/*HEADER*/	
	.contact-info-header{ display:block; float:left; width:100%; background:#429C5B; position:fixed; width:100%; z-index:999; }
	.contact-info-header .tel-this{ display:block; background:none; color:#fff; text-align:center; margin:10px 0; padding:0; float:none;}
	.contact-info-header .tel-this img{ display:inline-block;}

	.logo{ width:100%; margin:60px 0 20px; float:left; text-align:center; padding:0; clear:both;}
	
	.scrollup{ top:80px;}
	
	.search-head{ float:none; clear:both;width:308px;}
	
	.navbar .container-fluid{ padding:0 15px;}
	.navbar.navbar-default{ display:block; background:none; border:none; min-height:58px; background-color:#615637; padding-left:15px; }
	.navbar-default .navbar-brand{ display:block;font-size:18px;color:#c2b29d !important; font-family:'lato'; font-weight:100; padding:0; line-height:58px;}
	
	/*END HEADER*/
	
	/*CONTENT*/
	.article-text .img-holder { width:100%; padding:0 0 15px 0; float:none;}
	.article-text .img-holder img{ width:100%; max-width:700px !important;}
	
	/*FOOTER*/
	.footer{ height:auto; background:url(resources/bg-foo-mobile.png ) top center repeat-x;}
	.newsletter-foo{ min-height:233px;}
	.newsletter-foo .title-this{ display:block; width:100%; margin:0px 0 20px 0; padding:0; text-align:center;}
	.newsletter-foo .news-foo{ display:block; float:none; margin:0 auto; width:308px; clear:both;}
	
	.social-media{ display:block; position:absolute; left:0; right:0; margin:auto; top:130px; z-index:5l; text-align:center;}
	.social-media a{ float:none;}
	
	.foo-copyright-paged{ text-align:center;}
	.foo-copyright-paged .cop-1{ width:100%; float:none;}
	.foo-copyright-paged .cop-2{ width:100%; float:none;}
	/*END FOOTER*/
	
	#newsletter{ text-align:center !important; font-size:12px; color:red; clear:both ; padding:1px 0 0 10px;}
	
}



/**Most of Phones included here**/
@media (max-width:480px)
{
	
	/*HEADER*/
	.logo img{ width:170px; }
	
	/*CONTENT*/
	.gallery-full .gallery-inner a{ width:100%;}
	.jcarousel-item-horizontal{ width:48% !important;}
	
	.download-item{ text-align:center; height:auto;}
	.download-item .button-details{ float:none; margin-bottom:6px;}
	
	.category-box .img-holder{ display:block; float:none; margin:0 0 15px 0;}
	.category-box .img-holder img{ width:100%; max-width:500px;}
	.category-box .title-this{ padding-left:0;}

	.map-contact{ width:95%; margin:0 auto; float:none;}

}

/*#############################################*/
/*#############################################*/
/*END OF DOCUMENT/*
/*#############################################*/
/*#############################################*/