/* X-Small devices (portrait phones, less than 576px) */
/* No media query for `xs` since this is the default in Bootstrap */

 /* Small devices (landscape phones, 576px and up) */
@media screen and (min-width: 576px) {
    .section{padding: 80px 0}
    .section__top{padding: 48px 0 80px;}
    .main_footer{padding: 80px 0 48px;}
    .header{padding: 0;}
    .header__nav{display: block;}
    .header__logo img{max-height: 90px;}

    .banner__home{height: 645px;}
    .banner__home__cont{position: absolute;width:100%;height: 100%;left:0;}
    .banner__home video{min-height: 100%; width: auto; height: auto;}

    .whatsapp__fixed{top: 50%;bottom:50%;}   
    .overflow__section{width:calc(100vw - 70px)}
    .overflow__section__item{flex: 0 0 85vw;max-width: 85vw;}

    .single__breadcrumb nav{width: auto;}
    .single__breadcrumb nav ul li{display: flex}
    .single__breadcrumb nav ul li:last-of-type:before{content: "";}
}

/* Medium devices (tablets, 768px and up) */
@media screen and (min-width: 768px) {
    .overflow__section{width: auto;flex-wrap: wrap;margin: -16px !important;overflow: hidden;}
    .overflow__section__item{padding: 16px !important;flex: inherit;flex: 0 0 33.33%}
}

 /* Large devices (desktops, 992px and up) */
@media screen and (min-width: 992px) {

}

/* X-Large devices (large desktops, 1200px and up) */
@media screen and (min-width: 1200px) {

}

 /* XX-Large devices (larger desktops, 1400px and up) */
@media screen and (min-width: 1400px) {

}