@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body{ overflow-x:hidden !important; background:#fff; }
.main_bg{ background:#000 url(../img/bg.jpg) center top no-repeat; padding:30px 0; }
.logo{ text-align:center; margin-bottom:10px; }
.logo img{ height:50px; margin-bottom:15px; }
.logo p{ margin:0px; padding:0px; font-family: "Montserrat", sans-serif; font-size:14px; color:#000; font-weight:500; line-height:22px; }

.scroll_box{ background:#fff; border:solid 1px #000; border-radius: 5px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6); padding:10px; margin:10px 10px; }
.scroll_box img{ margin-bottom:10px; transition:.3s ease; }
.scroll_box img:hover{ opacity:0.7; transition:.3s ease; }
.scroll_box p{ margin:0px; margin:0px; text-align:center; font-family: "Montserrat", sans-serif; font-size:14px; color:#000; font-weight:500; }

.banner_1_new{ background:#fff url(../img/brabantia-banner.png); background-repeat: no-repeat; background-position: center center; background-size: calc(100% - 20px) calc(100% - 20px); border: 1px solid #000; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.2); margin: 20px 0; min-height: 160px; }
.banner_2_new{ background:#fff url(../img/aasons-banner.png); background-repeat: no-repeat; background-position: center center; background-size: calc(100% - 20px) calc(100% - 20px); border: 1px solid #000; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.2); margin: 20px 0; min-height: 160px; }
.banner_3_new{ background:#fff url(../img/mintage-banner.png); background-repeat: no-repeat; background-position: center center; background-size: calc(100% - 20px) calc(100% - 20px); border: 1px solid #000; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.2); margin: 20px 0; min-height: 160px; }

.banner_text{ position:absolute; z-index:9999; margin:25px 0 0 25px; }
.banner_text img{ height:28px; margin-bottom:8px; }
.banner_text p{ margin:0px; padding:0px; font-family: "Montserrat", sans-serif; font-size:11px; color:#000; font-weight:500; margin-bottom:10px; }
.banner_text a{ background:#ca0a1a; padding: 7px 12px; border-radius: 3px; font-family: "Montserrat", sans-serif; font-size:11px; color:#fff; font-weight:500; text-transform:uppercase; transition:.3s ease; }
.banner_text a:hover{ background:#000; text-decoration:none; transition:.3s ease; }

.footer_buttons{ display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-top:30px; }
.footer_buttons a{ background:#ca0a1a; padding:10px 20px; border-radius:5px; font-family:"Montserrat", sans-serif; font-size:12px; color:#fff; text-transform:uppercase; font-weight:500; transition:.3s ease; }
.footer_buttons a:hover{ background:#000; text-decoration:none; transition:.3s ease; }

.footer_text{ text-align:center; margin-top:30px; }
.footer_text p{ margin:0px; padding:0px; font-family: "Montserrat", sans-serif; font-size:15px; color:#000; font-weight:500; margin-bottom:30px; }
.footer_text img{ height:130px; }




@media (max-width: 1725px){
    body{ overflow-x:hidden; }
}
@media (max-width: 1500px){
    body{ overflow-x:hidden; }
}
@media (max-width: 1400px){
    body{ overflow-x:hidden; }
}
@media (max-width: 1350px){
    body{ overflow-x:hidden; }
}
@media (max-width: 1100px){
    body{ overflow-x:hidden; }
}
@media (max-width: 768px){
    body{ overflow-x:hidden; }
    .logo p{ font-size:12px; font-weight:400; line-height:18px; }
    .scroll_box p{ font-size:12px; font-weight:500; }

    .banner_1_new{ background:#fff url(../img/brabantia-banner-mobile.png); min-height:135px; background-size:calc(100% - 0px) calc(100% - 0px); }
    .banner_2_new{ background:#fff url(../img/aasons-banner-mobile.png); min-height:135px; background-size:calc(100% - 0px) calc(100% - 0px); }
    .banner_3_new{ background:#fff url(../img/mintage-banner-mobile.png); min-height:135px; background-size:calc(100% - 0px) calc(100% - 0px); }

    .banner_text{ margin:15px 0 0 15px; }
    .banner_text img{ height:18px; }
    .banner_text p{ font-size:9px; }
    .banner_text a{ font-size:9px; }

    .footer_buttons{ margin-top:0px; }
    .footer_buttons a{ flex:0 0 calc(50% - 10px); text-align:center; padding:12px 5px; font-size:10px; }

    .footer_text{ margin-top:15px; }
    .footer_text p{ font-size:12px; margin-bottom:15px; }
}