@charset "UTF-8";
/***!  /templates/lescercles/css/sm.css?a065d1  !***/

@media all and (max-width: 767px) {header .logo{
width:140px;
}

#hero h1{
font-size:32px;
}

.exc1{
font-size:15px;
margin:0 10%;
}

#fullscreenhero h1{
font-size:32px;
max-width:80%;
margin:0 10%;
}


.innerpage .centerblock .content{
position:static;
top:0;
transform:none;
padding:40px 0;
}

.innerpage .centerblock .content p:last-child{
padding-bottom:0;
margin-bottom:0;
}


.innerpage.introduction{
padding:30px 10%;
font-size:16px;
}


.fullblockbutton{
font-size:28px !important;
}

.doublesquareimage .squareimagecontainer, .doublesquareimageparallax .squareimagecontainer{
padding-top:100%;
}


.homeoverlay{
top:auto;
bottom:15%;
}

.homeoverlay2{
top:auto;
bottom:15%;
}

header .logo .version2 img{
width:15px !important;
}



#menulevel2{
height:80px;
}

#menulevel2 ul a{
font-size:14px;
padding:8px 16px;
}


#adsearchbarsell form, #adsearchbar form{
width:100%;
}

#adsearchbarsell form .title, #adsearchbar form .title{
padding-bottom:10px;
font-size:14px;
}

#adsearchbarsell form .filter, #adsearchbar form .filter{
padding-bottom:10px;
font-size:14px;
}

#adlisting .listinginfo .content, #adlistingsell .listinginfo .content{
min-width:90%;
}

#adlisting .listinginfo .content h1{
font-size:28px;
padding:0 0 14px 0;
line-height:150%;
}

#adlistingsell .listinginfo .content h1{
font-size:28px;
padding:0 0 14px 0;
line-height:150%;
}

#adlisting .listinginfo .content h2, #adlistingsell .listinginfo .content h2{
font-size:16px;
}

#adlisting .listinginfo .content, #adlistingsell .listinginfo .content{
font-size:14px;
}

#adlisting .listinginfo .content .link, #adlistingsell .listinginfo .content .link{
font-size:13px;
line-height:200%;
}




#propertydetails .propertyreference{
bottom:130px;
padding:15px 54px;
font-size:26px;
}

#propertydetails .propertyinfo{
background-color:#173449;
padding:60px 70px;
font-size:18px;
}

#propertydetails .propertyinfo h1, #propertydetails .propertyinfo h2{
font-size:18px;
}

#propertydetails .propertyinfo .description{
font-size:15px;
}

#propertydetails .propertydata{
font-size:14px;
column-count:1;
}

#propertydetails .container.share a{
font-size:15px;
margin-bottom:10px;
}

.bottominfo{
width:90%;
text-align:center;
margin:0 5%;
font-size:70%;
}



.paintings h2{
font-size:20px;
}

.paintings p{
font-size:14px;
}

.paintings .description{
padding:20px 20px 0 20px;
}

.paintings .smalldescription .content{
left:20px;
padding-right:20px;
bottom:0;
}


footer{
height:400px;
}

footer .block1{
position:absolute;
top:60px;
left:0;
width:96%;
margin-left:2%;
text-align:center;
transform:none;
}

footer .block2{
position:absolute;
top:90px;
left:0;
width:96%;
margin-left:2%;
text-align:center;
transform:none;
}

footer .footerlogo{
position:absolute;
top:130px;
left:0;
width:96%;
margin-left:2%;
text-align:center;
transform:none;
}

footer .footerlogo img{
width:100px;
}

footer .footermenu{
width:100%;
bottom:40px;
left:0;
top:250px;
}

footer .footermenu li{
width:100%;
text-align:center;
}

footer .footermenu a{
font-size:12px;
}

footer .copyright{
width:100%;
bottom:20px;
width:100%;
text-align:center;
left:0;
font-size:12px;
}



#letempsarticle .overallcontent {
padding:20px 20px;
margin-left:10px;
margin-right:10px;
margin-top:-420px;
}


.avis .nom{
font-size:18px;
}




#bottombanner{
position:relative;
height:300px;
}

#bottombannertall{
position:relative;
height:340px;
}

#bottombanner .content h1, #bottombannertall .content h1{
width:90%;
font-size:28px;
}

#bottombanner .content a, #bottombannertall .content a{
font-size:12px;
}

.ui.form .field>label{
font-size:18px !important;
}

.letempsmodule .articles ul{
display:flex;
flex-wrap:wrap;
}

.letempsmodule .articles ul li{
width:100%;
margin:0 0 40px 0;
}



.flex-row{
display:flex;
flex-wrap:wrap;
}

.flex-row.reverse{
flex-direction:column-reverse !important;
}

.flex-row .block{
width:100%;
}

.flex-row .block.image{
min-height:300px;
}




.columns3{
display:block;
}

.columns3>div{
width:100%;
margin-bottom:60px;
}









}