#References { max-width:1640px; margin:auto; position:relative; }
#References .owl-nav button{ position:absolute; top:calc(50% - 25px); left:-60px; display:block; 
                                          width:50px; height:50px; border:1px solid var(--color5); border-radius:50%; }
#References .owl-nav button span { color:gray; font-size:30px; line-height:1; text-align:center; }
#References .owl-nav button.owl-prev { right:auto; left:-60px; }
#References .owl-nav button.owl-next { right:-60px; left:auto; }
#References { display:flex; flex-wrap:wrap; }
#References .item{ position:relative; width:calc(100% - 40px); margin:0 20px 2em 20px;  }

#References .item .title{ font-size:1.2rem; font-weight:bold; margin-bottom:1rem; }
#References .item .content {   }


@media all and (max-width: 1780px) {
    #References { max-width:calc(100% - 160px); }
}

@media all and (max-width: 36em) {
    #References .owl-nav button { width:40px; height:40px; }
    #References { max-width:calc(100% - 80px) }
    #References .owl-nav button.owl-prev { left:-30px; }
        #References .owl-nav button.owl-next { right:-30px; }
}

@media all and (max-width: 27em) {
    /*#TopEstates.estate-cards .owl-nav button { top:0; }*/
        #References .owl-nav button.owl-prev { left:2px; background-color:var(--color1); }
        #References .owl-nav button.owl-prev span{ color:var(--color10); }
    #References { max-width:100%;  }
        #References .owl-nav button.owl-next { right:2px; background-color:var(--color1); }
        #References .owl-nav button.owl-next span{ color:var(--color10); }
}