
#top .text-us { display:none; }
#lang .lang-button { display:none; }
#top .menu-button { display:none; }
.contact .top p.show { margin:0; display:none; padding:24px 0 0 0; }
p.box-contact { display:none; }

.table .mobile { display: none; }

@media all and (max-width:1050px){ 

#lang { width:1000px; }

#content-box { width:1000px; }
.holder .sidebar { padding-right:30px; }
.our-offer ul li { margin-left:55px; }

#footer { padding:30px 20px 50px 20px; }

}



@media all and (max-width:1000px){


#cookies-wrapper { position: static; }
#cookies { width: 700px; }
#cookies p.close { right: 0; }

body { background-size: auto; }
#lang { width:700px; padding:0 30px; position:relative; overflow:visible; }
#lang .lang-bg { display:none; }
#lang ul { margin:0; position:relative; top:46px; z-index:10;  }
#lang ul li a { padding-top:0; padding-left:13px; }
#lang ul li a:before { top:2px; left:0; margin-left:0; }
#lang ul li a::before { top:2px; left:0; margin-left:0; }

#top { width:760px; padding:0; position:relative; overflow:hidden; padding-top: 10px; }
#top ul.menu { clear:both; float:none; padding:36px 0 17px 30px; }
#top .menu li { margin-left:32px; }
#top .logo { padding:10px 0 0 30px; }
#top p.text-us { margin:0; padding:15px 0 0 54px; float:left; display:block; font-size:16px; line-height:22px; color:white; }
#top p.text-us span { padding-left:33px; }
#top p.text-us a { color:white; text-decoration:underline;  }
#top p.text-us strong { font-size:24px; }

#content-box { width:740px; }
#content-box::after { width:760px; height:18px; background:url(../images/tablet-shadow-content.png) no-repeat 50% 0; top:100%; left:0; }
#content h1 { margin:43px 0 21px 20px; font-size:36px; }

.holder { padding:0 20px 30px 20px; }
.holder .sidebar { float:none; width:auto; padding:0; }
#content .holder .sidebar h2 { padding:37px 0 0 0; text-align:left; font-size:36px; }
.holder .content { float:none; padding-right:0; padding-top:23px; width:auto; }
#content .holder .content .article {width:655px; padding-right:65px; }
#content .holder .content .article .text { font-size:18px; line-height:30px; }

p.details { padding:24px 48px 24px 65px; margin-left:5px; }

#content .content .text .expand, #content .content .text .collapse { left:50%; margin-left:-54px; }

.our-offer { padding:56px 100px 54px 100px; }
.our-offer ul li { margin-left:60px; }
.our-offer ul li.law { margin-left:100px; }

#footer { width:700px; padding:22px 30px 50px 30px; }

/**/
.holder.position { top:28px; padding:0 20px 30px 20px; }
.holder .sidebar.with-photo { display:none; }

.contact .top { width:700px; min-height:0; padding:18px 20px 0 20px; background:none; }
.contact .top p.letter { display:none; }
#map-box { width:680px; height:410px; overflow:hidden; padding:10px; background-color:white; margin:0 auto 69px auto;  }
#map { width:680px; height:410px; }
}



@media all and (max-width:320px){
#cookies-wrapper { position: static; }
#cookies { width: 280px; }
#cookies strong { display:block; }
#cookies p.close { margin:0; position:absolute; right:-10px; top:4px; }
#cookies p { margin:0; padding-top:2px; font-size:11px; line-height:11px; }

body { background-size: 800px auto; }
#lang { width:320px; padding:0; position:relative; overflow:visible; z-index:200000;  }
#lang .lang-bg { display:block; }
#lang .lang-button { display:block; position:absolute; right:0; top:5px; margin:0; width:59px; height:66px; z-index:220; }
#lang .lang-button a { display:block; text-align:center; line-height:66px; padding-top:14px; font-size:12px; background:url(../images/earth.png) no-repeat 50% 18px; text-align:center; width:59px; height:51px; box-shadow:-1px 0 0 #1d222a, -2px 0 0 #4f5765; color:#bfa57a; }
#lang .lang-button.active { background-color:#676d79; }
#lang .lang-button.active a { box-shadow:-1px 0 0 #1d222a, -2px 0 0 #4f5765, inset 0 1px 0 #464c5b; }

#lang ul { display:none; position:absolute; top:71px; right:0; margin:0; overflow:hidden; background:#676d79; padding:14px 0 7px 0; box-shadow:inset 0 -7px 5px -5px rgba(0,0,0,.4); z-index:20; }
#lang ul li { float:none; margin-left:0; width:60px; text-align:center; border-top:1px solid #5c616c; }
#lang ul li:first-child { border-top-width:0; }
#lang ul li a { display:block; color:#bfa57a; position:relative; padding-top:0; padding-left:0; line-height:35px; }
#lang ul li a:hover { color:white; }
#lang ul li a:before { display:none; }
#lang ul li a::before { display:none; }
#lang ul li:hover a:before { background:none; }
#lang ul li:hover a::before { background:none; }
#lang ul li.active a { color:white; }
#lang ul li.active a:before { background:none; }
#lang ul li.active a::before { background:none; }


#top { width:320px; padding:0; overflow: hidden; z-index: 1000; }
#top ul.menu { display:none; background:#676d79; padding:14px 0 7px 0; box-shadow:inset 0 -7px 5px -5px rgba(0,0,0,.4); }
#top ul.menu br { display:none; }
#top ul.menu li { margin-left:0; float:none; border-top:1px solid #5c616c; padding-left:22px; padding-top:1px; }
#top ul.menu li a:hover, #top ul.menu li a:hover em { color:#bfa57a; }
#top ul.menu li:first-child { border-top-width:0; }
#top ul.menu li .hide { display:none; }
#top ul.menu li em { color:white; }
#top ul.menu li.active a { box-shadow:none; }
#top ul.menu li.active em { box-shadow:none; }
#top .logo { width:178px; padding:10px 0 0 0; position:relative; left:70px; }
#top .logo img { width:178px; height: 46px; }
#top p.text-us { display:none; }
#top .menu-button { width:59px; margin:0; display:block; position:relative; left:0; top:0; }
#top .menu-button a { display:block; text-indent:-10000px; width:59px; height:66px; background:url(../images/menu-button.png) no-repeat 50% 50%; box-shadow:1px 0 0 #1d222a, 2px 0 0 #4f5765; }
#top .menu-button.active { background-color:#676d79; }
#top .menu-button.active a { box-shadow:1px 0 0 #1d222a, 2px 0 0 #4f5765, inset 0 1px 0 #464c5b; }
#content-box { width:300px; }
#content-box::after { background-size: 100% auto; width: 100%; }
#content { border-width:0; }
#content h1 { margin:23px 0 0 10px; font-size:24px; line-height:24px; }
#content h1.heading { margin:11px 0 8px 10px; }
#content h2, #content h3, #content h4, #content h5, #content h6 { margin-left:10px; }
#content .text, .table-footer { margin-left:10px; }

p.discount { font-size:22px; line-height:32px; text-align:center; padding:16px 0; color:#3c404b; }

.holder { padding:0 0 30px 0; overflow:visible; }
.holder .sidebar { float:none; width:auto; padding:0; }
#content .holder .sidebar h2 { padding:11px 0 0 10px; text-align:left; font-size:44px; line-height:32px; }
#content .holder .sidebar h2 em { line-height:32px; }
.holder.position .content { padding-right:0; }
#content .holder .content .article {width:300px; padding-right:0; }
#content .holder .content .article .text { font-size:16px; line-height:24px; }

.our-offer { padding:36px 0px 34px 0px; }
.our-offer ul li { margin-left:0px; padding-bottom:62px; }
.our-offer ul li.law { margin-left:0px; }
.our-offer ul > li:last-child { margin-left:70px; }


#footer { width:300px; padding:11px 10px 116px 10px; position:relative; }
#footer .menu, #footer .realisation { float:none; width:auto; }
#footer .menu { padding-bottom:19px; width:300px; text-align:center; }
#footer .realisation { text-align:center; }

#footer .menu li { float:none; display:inline; list-style:none; border-left:1px solid #8b8f92; }
#footer .menu li a { display:inline; }
#footer .menu li:first-child { border-width:0; padding-left:0; }

p.box-contact { position:fixed; z-index:1000; bottom:0; left:0; padding:5px 0; border-top:1px dashed #cfcfcf; border-bottom:1px dashed #cfcfcf; display:block; margin:0; width:320px; background-color:white; text-align:center; color:black; font-size:16px; }
p.box-contact strong { font-size:24px; line-height:31px; }
p.box-contact a { text-decoration:underline; }

.table > table { display: none; }
.table .mobile { display: block; }
.table .mobile table { margin-top: 10px; }
.table .mobile table th { padding: 14px 0; text-align: left; }
.table .mobile table td:first-child { font-size: 14px; padding: 10px 0; height: 50px; white-space: normal; }
.table .mobile table td:last-child { text-align: right; font-size: 16px; padding: 10px 0; height: 50px; white-space: normal; }
.table .mobile1 table td:first-child { width: 220px; }
.table .mobile1 table td:last-child { text-align: center; width: 80px; }
p.details { display: none; }
/**/
.holder.position { top:28px; padding:0 0 30px 0; }

.contact { font-size:18px; line-height:24px; }
.contact .top { width:290px; padding:18px 0 0 10px; margin-bottom:11px; }
#content .contact p.address { padding-bottom:24px; }
.contact .top p.open { padding-top:24px; }
.contact .top p.show { display:block; }
#map-box { width:280px; }
#map { width:280px; }
}