/* =Responsive (Mobile) Design
-------------------------------------------------------------- */


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

	.coordonnees, .suite-coordonnees {
		font-size: 12px;
	}

	.lesmenus a, #petitdejeuner a, #superbrunch a {
		text-align: center;
		margin: 0;
		max-width: 90%;
		float: none;
	}
	
	
	
	
	
}

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

	.suite-coordonnees {
		font-size: 10px;
		padding-left: 5px;
	}

}


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

.menu a {
	padding: 36px 12px !important;
}
	
	#petitdejeuner .petitdej a, .lesmenus .dinerleger a,.lesmenus .diner a {
		line-height: 29px;
	
	}
}

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

.menu a {
	padding: 36px 10px !important;
}
	.menu > li:last-child a {
		font-size: 14px;
		letter-spacing: 1px;
	}
	
	.coordonnees {
		padding-left: 190px;
	}
}

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

.menu a {
	padding: 36px 8px !important;
}
.menu > li:last-child a {
		font-size: 14px;
		letter-spacing: 0px;
	}
		.suite-coordonnees {
		display: none;
	}
	.coordonnees {
		padding-left: 0px;
		width: 100%;
		text-align: right;
	}
}



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

.menu a {
	padding: 36px 8px !important;
}

}

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

.menu a {
	padding: 36px 6px !important;
}

}


@media screen and (max-width: 980px) {
	
	#introduction-maison .wpb_text_column, #maison-detente .wpb_text_column {
		padding-left: 10px!important;
		padding-right: 10px !important;
	}
	
	#maison-de-famille .vc_column-inner {
		margin-bottom:  0 !important
	}
	
	#maison-jardin .vc_col-sm-4,
	#maison-de-famille .vc_col-sm-4,
	#illustration-maison .vc_col-sm-7 {
		width: 100% !important
	}
	
	#illustration-maison .vc_col-sm-7 img {
		max-width: 80% !important
	}
	
	#maison-produits-locaux .vc_col-sm-4 {
		width: 48%;
	}
	
	
	
	
	
	.illust-jardin .vc_column-inner {
		margin-top: 0!important
	}

	body {
		max-width: 100%;
		overflow-x: hidden;
	}
	
	
	#header, #prefooter, #footer  {
		max-width: 100%;
		overflow-x: hidden	}
	
	#container {
		padding: 0px 0px;
			-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
		max-width: 100% !important
	}
	
	#logo {
			float: none;
			margin: 0 0 0 10px !important;
			text-align: center;
	}
	#wrapper {
		padding: 0 15px 0px 15px;
			-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	}
	
	#footer {
		height: auto;
		line-height: 36px;
		text-align: center;
	}
	
	#footer .linkstudio {
		text-align: center !important
	}
	
	#prefooter {
		padding: 20px 10px;
	}
	
	#prefooter h3 {
		text-align: center;
	}
	
	#sociallienswrap {
		text-align: center !important
	}
	
	#prefooter a {
		display: inline-block;
		text-align: center;
	}
	
	#prefooter .footer-menu {
		display: none;
		height: 0;
		width: 0;
		opacity: 0;
		visibility: hidden;
	}
	
	#blocavisuser {
		display: block;
		float: left;
	}
	
	#footer_widget {
		position: relative;
		padding-bottom: 75px;
		
	}
	
	#avisreserver {
		position: absolute;
		bottom: 0;
		left:0px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
		max-width: 100% !important;
		padding: 0px;
	}
	
	#avisreserver a {
		-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	
	}
	
	
	#bienvenuedanslamaison.vc_custom_1527853633077 {
		padding: 20px 0 !important
	}
	#bienvenuedanslamaison .vc_custom_1531730599873 {
		background-position: bottom center;
		background-size: contain;
		padding-bottom: 39% !important;
	}
	

	.grid,
	.grid-right {
		display: block;
		float: none;
		width: 100%;
		margin-right: 0;
	}

	.copyright,
	.scroll-top,
	.powered {
		float: left;
	}
	
	#featured-image .fluid-width-video-wrapper {
		margin: 20px 0 0 0;
	}

	.front-page  #widgets {
		margin-top: 40px;
	}

	.top-widget,
	.front-page  .top-widget {
		margin-top: 0 !important;
	}

	.hide-desktop {
		display: block;
	}

	.show-desktop {
		display: none;
	}

	.hide-980 {
		display: none;
	}

	.show-980 {
		display: block;
	}
	.contact_div .contact_right {margin-left: 0%;}
	.contact_right p {margin: 0;}
	.contact_div .contact_left, .contact_div .contact_right {text-align: center;}
	.footer-menu { padding-left: 20px;padding-right: 20px;  }
  .powered {text-align: left;padding-left: 20px;}
  .copyright {padding-left: 20px;}
	

	body {
	}

	#logo {
		float: none;
		margin: 0;
		text-align: center;
	}

	.grid,
	.grid-right {
		float: none;
	}

	#featured-image .fluid-width-video-wrapper {
		margin: 20px 0 0 0;
	}

	.top-widget {
		float: none;
		margin: 0 auto 10px auto;
		position: relative;
		text-align: center;
		width: auto;
	}

	.top-widget .widget-title h3 {
		text-align: center;
	}

	.js .sub-header-menu {
		display: none;
	}

	.js .main-nav {
		position: relative;
			margin: 0 auto;
	}

	.js .main-nav .menu {
		display: none;
		
	}

	.js .main-nav .menu ul {
		
	}

	.js .main-nav .menu li {
		float: none;
		
		border: none;
	}

	.js .main-nav .menu li a {

		cursor: pointer;
	}

	

	

	.js .main-nav .menu ul {
		min-width: 0;
	}

	.js .main-nav #responsive_current_menu_item {
		
		padding: 5px 40px 5px 10px;
		color: #ffffff;
		font-weight: 700;
		cursor: pointer;
	}

	.js .main-nav a#responsive_menu_button {
		position: absolute;
	
		top: 0;
		left: 100%;
		height: 30px;
		width: 23px;
		margin-left: -30px;
		
		cursor: pointer;
	}

	.js .main-nav a#responsive_menu_button.responsive-toggle-open {
		
	}

	.top-menu,
	.footer-menu li {
		float: none;
		font-size: 11px;
		text-align: center;
	}

	#author-meta {
		padding: 20px;
	}

	#wrapper .gallery .gallery-item {
		max-width: 100%;
	}

	.hide-650 {
		display: none;
	}

	.show-650 {
		display: block;
	}

	.hide-mobile {
		display: none;
	}

	#footer {
		text-align: center;
	}

	#footer .social-icons {
		padding-bottom: 10px;
		text-align: center;
	}
	.powered {text-align:center;padding: 0;}
	.copyright {text-align: center;padding: 0;}
	
}

@media screen and (max-width: 780px) {
.bienvenueenbretagne:before, .bienvenueenbretagne:after {
display: none !important
}
	
.bienvenueenbretagne img {
	padding: 0 !important
}
	
	
}
@media screen and (max-width: 768px) {
	
.del1, .del2, .del25, .del3, .del35, .del4, .del5, .del6, .del7, .del8, .del9, .del10 {
	animation-delay: 0.2s !important;
}
	
	#maison-produits-locaux .vc_col-sm-4 {
		width: 100%;
	}
	
	#notre-famille .wpb_text_column {
		padding-left: 10px !important; padding-right: 10px !important;
	}
	
	#notre-famille .wpb_content_element {
		margin-bottom: 5px !important;
	}
	
	#hero.vc_row {
		padding-top: 260px!important;
		padding-bottom: 220px!important
	}
	
	#hero.chambremod .vc_column-inner {
		padding: 0px 0!important;
	}
	
	#herotitle h1, #hero.chambremod h1 {
		font-size: 38px;
		line-height: 48px;
	}
	
	.infosbasechambre {
		display: none;
	}
	
	.post-entry .descchambneg, .post-entry .descchambneg .wpb_text_column {
		margin-top: 10px !important
	}
	
	
	.wrapchambresimages .vc_column-inner, .wrapchambres .vc_column-inner  {
		padding: 10px 0 0!important
	}	
	
	.wrapchambresimages .wpb_single_image.vc_align_right {
		text-align: center;
	}
	
	.colformresa .vc_column-inner {
		padding-right: 15px !important
	}
	
	#bonsplans {
				-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	max-width: 90%;
		margin: 0 auto;
}
	
	.bresa2 {
		float: left !important
	}
	
	.wpcf7-form-control-wrap.chambres {
		max-width: 100%;
	}
	
	#reservation label {
line-height: 16px;
}

#reservation input[type=text], 
#reservation input[type=date],
#reservation input[type=date],
#reservation input[type=tel],
#reservation input[type=email],
#reservation input[type=number] {
	height: 38px;
	line-height: 38px;
}
	
	#reservation input[type="submit"] {
		width: 100% !important;
	}
	
	.picdinerrepas .vc_column-inner {
		min-height: 280px;
	}
	
	#tarifsdelachambre {
		padding: 5px 10px !important;
	}
	
	.bloctarif1 h3, .bloctarif2 h3 {
		font-size: 40px;
line-height:40px;
	}
	
	
	 #chambre .introchambre {
		padding-right: 0 !important
	}
	#chambre .vc_column-inner {
		padding-right: 15px!important
	}
	
	#chambre .wpb_single_image {
		margin-bottom: 10px;
	}
	
	#tarifsdelachambre {
		float: none;
		margin: 0 auto 15px !important
	}
	
	#activite {
		padding-top: 15px  !important
	}
	
	.intro-activite {
		padding: 140px 0 10px;
		max-width: 100%;
		min-height: auto;
	}
	
	
		.intro-activite::before {
    content: "";
    background: url(../images/intro-activite.svg) no-repeat;
    background-position: center center;
    position: absolute;
    left: 0;
    top: 0px;
    display: block;
    background-size: contain;
    width: 100%;
    min-height: 124px;
    z-index: 999;

	}
	
	.derniersnews {
		margin: 0 0 20px;
	}
	
	.imgnews {
		display: none !important
	}
	
	.postnews {
		width: 100%;
	}
	
}
@media screen and (max-width: 700px) {

	.coordonnees {
		font-size: 11px;
	}

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

	.coordonnees {
		font-size: 10px;
	}

}

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

	.coordonnees {
		display: none!important;
	}
	#pre-header {
		height: 20px!important;
	}
	#logo {
		top: -20px !important
	}
	
	#phonebar {

		display: block !important;
	
	
	}
	
	#footer {
		padding-bottom: 60px !important;
		line-height: 22px !important
	}
	
	#hero.vc_row {
		padding-top: 260px!important;
		padding-bottom: 180px!important
	}
	
	#herotitle h1, #hero.chambremod h1 {
		font-size: 24px;
		line-height: 30px;
	}
	
	#se-ressourcer .wpb_text_column {
		padding: 0 !important
	}
	

}

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

	.vc_parallax .vc_parallax-inner {
		top: 0 !important;
		height: 100% !important;
		width: 100% !important;
	}
	
	#hero.vc_row {
		padding-top: 260px!important;
		padding-bottom: 140px!important
	}
	
	#herotitle h1, #hero.chambremod h1 {
		font-size: 22px;
		line-height: 26px;
	}
	
	
	.post-entry #bienvenue {
		background: url(https://www.iletaitunefoisalouest.fr/wp-content/uploads/2018/06/chambres-d-hotes-lamballe.jpg) no-repeat center center #fff9f9 !important;
		background-size: cover!important;
		padding: 0 !important
	}
	
	#bienvenuetitle {
		background-color: rgba(255,249,249,0.4) !important;
	}
	
	#bienvenuetitle .introbienvenue {
		padding: 80px 0;
	}
	
	#bienvenue .vc_custom_1527846906660 {
		margin-left: 0 !important
	}
	
		.introbienvenue h2 {
		font-size: 24px !important;
		line-height: 30px !important;
	}
	
	
	#trouver-chambre-dhotes-lamballe .wpb_text_column  {
		padding-right: 0 !important
	}
	#trouver-chambre-dhotes-lamballe h3 {
		font-size: 24px;
		line-height: 30px;
	}
	

	
	#chambres-d-hotes-lamballe {
		padding: 0px 0 40px !important
	}
	
	#chambres-d-hotes-lamballe .vc_column-inner {
		padding-top: 10px !important
	}
	
	#chambres-d-hotes-lamballe .wpb_text_column {
		margin-bottom: 10px !important
	}
	
	.bresa2 .wpcf7-list-item {
		width: 100% !important;
	}
	
	
	
	
	
	body {
	}

	
	.grid,
	.grid-right {
		float: none;
	}

	#featured-image .fluid-width-video-wrapper {
		margin: 20px 0 0 0;
	}

	.featured-title {
		font-size: 40px;
		padding: 40px 20px 0 20px
	}

	.featured-subtitle {
		font-size: 24px;
	}

	.navigation .next,
	.navigation .previous {
		display: block;
		margin: 0 auto;
		text-align: center;
	}

	.menu ul,
	.menu li,
	.top-menu,
	.footer-menu li,
	.sub-header-menu li {
		float: none;
		text-align: center;
	}

	#wrapper .gallery .gallery-item {
		float: none;
	}

	.hide-480 {
		display: none;
	}

	.show-480 {
		display: block;
	}

	#footer {
		text-align: center;
	}

	#footer .social-icons {
		text-align: center;
	}
}



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

#herotitle h1, #hero.chambremod h1 {
		font-size: 28px;
		line-height: 38px;
	}

}


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


	
	#petitdejeuner .petitdej a {
		line-height: 29px;
	
	}
	
	#herotitle h1, #hero.chambremod h1 {
    font-size: 26px;
    line-height: 32px;
}
}


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

	
 .lesmenus .dinerleger a,.lesmenus .diner a {
		line-height: 29px;
	
	}
	
		#herotitle h1, #hero.chambremod h1 {
    font-size: 24px;
    line-height: 30px;
}
	
	#nos-partenaires .blchistoire-adresse.finnotrehistoire {
		margin-top: -140px !important;
	}
	
}

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

	#phonebar a {
		margin: 0 5px;
	}
	
	
	body {
	}

	#featured p, #about_div .about_text {
		font-size: 12px;
		line-height: 1.5em;
	}
	.testimonial_main_text 
	{
		font-size: 12px;
		line-height: 1.5em;
	}

	.featured-title {
		font-size: 35px;
	}

	.featured-subtitle {
		font-size: 15px;
	}

	.call-to-action a.button, .about-content a {
		font-size: 14px;
		padding: 7px 17px;
	}

	.hide-320 {
		display: none;
	}

	.show-320 {
		display: block;
	}
}

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

	body {
	}

	#featured p {
		font-size: 11px;
		line-height: 1.5em;
	}

	.featured-title {
		font-size: 20px;
	}

	.featured-subtitle {
		font-size: 11px;
	}

	.call-to-action a.button {
		font-size: 12px;
		padding: 5px 15px;
	}

	.top-widget area,
	.top-widget select,
	.top-widget textarea,
	.top-widget input[type="text"],
	.top-widget input[type="password"],
	.top-widget input[type="email"] {
		width: 75%;
	}

	.widget-title h3,
	.widget-title-home h3 {
		font-size: 14px;
		height: 13px;
		line-height: 13px;
		text-align: left;
	}

	.hide-240 {
		display: none;
	}

	.show-240 {
		display: block;
	}
}