/*Hotsite Bergamo v1.0*/
/*Layout by Capsula.digital*/
/*Development by fullprog.com*/
/*Date 2021-09-20*/

@charset "UTF-8";
@import url('https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;500;600;700;800;900&display=swap');
@import url('fonts/icon/style.css?v=3');
:root{
    --gray:  #F7F7F7;
    --white: #FFFFFF;
    --blue_dark: #262B43;
    --yellow: #FBDD33;
    --gold: #D0D292;
    --gold_dark: #8F9547;
    --red_grad:  linear-gradient(219.25deg, #C00D0D 0.88%, #AA0000 96.61%);
    --gold_grad: linear-gradient(227.29deg, #A8A864 2.51%, #8F9547 97.73%);
    --box_shaw: 0px 24.487px 48.9739px rgba(78, 84, 91, 0.1);
    --box_shaw2: 0px 32px 64px #EDEFF2;
    --box_shaw3: 0px 21.575px 43.15px rgba(78, 84, 91, 0.1);
    --red: #C00D0D;
}
.bergamo{
    border: 0;
    margin: 0;
    font-family: Lato;
    font-style: normal;
    font-weight: 500;
    color: var(--blue_dark);
}
a{
    text-decoration: none;
}
.bergamo .align-baseline {
    vertical-align: baseline !important;
}
.bergamo .align-right {
    vertical-align: top !important;
}
.bergamo .align-top {
    vertical-align: top !important;
}
.bergamo .align-middle {
    vertical-align: middle !important;
}
.bergamo .align-bottom {
    vertical-align: bottom !important;
}
.bergamo .align-text-bottom {
    vertical-align: text-bottom !important;
}
.bergamo .align-text-top {
    vertical-align: text-top !important;
}
.bergamo .float-start {
    float: left !important;
}
.bergamo .float-end {
    float: right !important;
}
.bergamo .float-none {
    float: none !important;
}
.bergamo .overflow-auto {
    overflow: auto !important;
}
.bergamo .overflow-hidden {
    overflow: hidden !important;
}
.bergamo .overflow-visible {
    overflow: visible !important;
}
.bergamo .overflow-scroll {
    overflow: scroll !important;
}
.bergamo .d-inline {
    display: inline !important;
}
.bergamo .d-inline-block {
    display: inline-block !important;
}
.bergamo .d-block {
    display: block !important;
}
.bergamo .d-grid {
    display: grid !important;
}
.bergamo .d-table {
    display: table !important;
}
.bergamo .d-table-row {
    display: table-row !important;
}
.bergamo .d-table-cell {
    display: table-cell !important;
}
.bergamo .d-flex {
    display: flex !important;
}
.bergamo .d-inline-flex {
    display: inline-flex !important;
}
.bergamo .d-none {
    display: none !important;
}
.slick-slide.slick-current.slick-center {
    box-shadow: var(--box_shaw);
}
.bergamo .row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);
}
.bergamo .row > * {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
}
.bergamo .section,
.bergamo .section-fluid {
    width: 100%;
    /* padding-right: var(--bs-gutter-x, 0.75rem); */
    /* padding-left: var(--bs-gutter-x, 0.75rem); */
    margin-right: auto;
    margin-left: auto;
}
.bergamo .left{
    width: 15%;
}
.bergamo .center{
    width: 75%;
    text-align: center;
}
.bergamo .right{
    width: 10%;
}
.bergamo .btn[bg=transparent]{
    padding-left: 0;
}
.bergamo *[bg=red]{
    background: var(--red);
}
.bergamo *[bg=gray]{
    background: var(--gray);
}
.bergamo *[bg=white]{
    background: var(--white);
}
.bergamo *[bg=gold]{
    background: var(--gold);
}
.bergamo *[bg=red_grad]{
    background: var(--red_grad);
}
.bergamo *[bg=gold_grad]{
    background: var(--gold_grad);
}
.bergamo *[bg=red] p,
.bergamo *[bg=gold] p,
.bergamo *[bg=red_grad] p,
.bergamo *[bg=gold_grad] p,
.bergamo *[bg=red] span,
.bergamo *[bg=gold] span,
.bergamo *[bg=red_grad] span,
.bergamo *[bg=gold_grad] span{
    color: var(--white);
}
.bergamo *[text=white]{
    color: var(--white);
}
.bergamo .btn{
    cursor: pointer;
    display: block;
    align-items: center;
    padding: 15px 20px;
    border-radius: 5px;
}
.bergamo .line{
    width: 40px;
    height: 0px;
    border: 2px solid var(--gold);
    transform: rotate(-90deg);
    background: var(--gold);
    margin: 10px auto 10px;
    display: inline-block;
}
.bergamo .btn.btn-icon{
    display: inline-flex;
    align-items: center;
}
.bergamo .btn p, .bergamo .btn span{
    margin: 0;
    font-size: 15px;
    align-items: center;
}
.bergamo .btn.btn-icon p{padding-left: 15px;}
.bergamo .btn.btn-icon.v2 p{
    margin: 0 auto;
}
.bergamo .btn.btn-icon .icon{
    margin-left: 15px;
}
.bergamo .btn.btn-icon.v2 .icon {
    margin-right: 15px;
}
.bergamo .btn.btn-icon .icon span{
    font-size: 15px;
}
.bergamo .btn[bg=red]{
    border: 2px solid var(--red);
    transition: 0.3s;
}
.bergamo .btn[bg=red]:hover{
    background: var(--white);
    transition: 0.3s;
}
.bergamo .btn[bg=red]:hover p,
.bergamo .btn[bg=red]:hover span{
    color: var(--red);
    transition: 0.3s;
}
.bergamo .header_title{
    width: 100%;
}
.bergamo .header_title small{

}
.bergamo .header_title .destaque{
    text-align: center;
    margin: 0 auto;
    display: block;
    color: var(--red);
    font-weight: 600;
    font-size: 12px;
    background: none;
    border: none;
}
.bergamo .header_title .title{
    text-align: center;
    font-size: 40px;
}
.bergamo .section_one{
    padding: 2em 0 3em;
    background: var(--gray);
    margin: 0;
}
.bergamo .section_one .header_title{
    text-align: center;
}
.bergamo .section_one .header_title .title{
    padding: 0 5em;
    font-size: 50px;
}
.bergamo .section_one .header_title p{
    font-weight: 500;
    font-size: 19px;
}
.bergamo .section_one .header_title p small{

}
.bergamo .section_one .cover_title{
    margin: 0 auto;
    text-align: center;
}
.bergamo .section_one .cover_title iframe{
    width: 83%;
    height: 600px;
}
.bergamo .header{
    padding: 3em 0;
}
.bergamo .header .logo{

}
.bergamo .header .text{
font-size: 16px;
}
.bergamo .header .text p{
    font-weight: 600;
}
.bergamo .header p{

}
.bergamo .header .right{
    text-align: right;
    font-size: 16px;
}
.bergamo .section_two {
    padding: 9em 0 3em;
}
.bergamo .section_two .header_title{

}
.bergamo .section_two .header_title .destaque{

}
.bergamo .section_two .header_title .title{
    font-weight: 500;
    margin: 0;
}
.bergamo .section_two .body_section{
    margin-top: 4em;
}
.bergamo .section_two .body_section .box_list{
    display: inline-block;
    width: 100%;
}
.bergamo .section_two .body_section .box_list .box{
    display: inline-flex;
    width: 49%;
    border-radius: 30px;
    position: relative;
    align-items: center;
    margin-right: 15px;
    background-repeat: no-repeat !important;
}
.bergamo .section_two .body_section .box_list .box:nth-child(2n){
    margin-right: 0;
}
.bergamo .section_two .body_section .box_list .box[bg="red"] {
    background: url(image/eclipse1.png) var(--red);
    background-position: top right;
    background-size:contain;
}
.bergamo .section_two .body_section .box_list .box[bg="gold"] {
    background: url(image/eclipse2.png) var(--gold_dark);
    background-position: top right;
    background-size:contain;
}
.bergamo .section_two .body_section .box_list .box .cover{
    position: relative;
}
.bergamo .section_two .body_section .box_list .box .cover img{
    position: relative;
    min-width: 300px;
    padding: 3em 0;
}
.bergamo .section_two .body_section .box_list .box .texts{
    padding-left: 45px;
    padding-right: 30px;
}
.bergamo .section_two .body_section .box_list .box .texts .category{

}
.bergamo .section_two .body_section .box_list .box .texts .category span{
    font-size: 15px;
}
.bergamo .section_two .body_section .box_list .box .texts .category p{
    margin: 0;
    color: var(--yellow);
    font-weight: 600;
}
.bergamo .section_two .body_section .box_list .box .texts .category p small{

}
.bergamo .section_two .body_section .box_list .box .texts .title{
    font-size: 25px;
    font-weight: 600;
}
.bergamo .section_two .body_section .box_list .box .texts .btn{

}
.bergamo .section_two .body_section .box_list .box .texts .btn p{

}
.bergamo .section_two .body_section .box_list .box .texts .btn .icon{
    padding: 5px 10px;
    border-radius: 100px;
}
.bergamo .section_two .body_section .box_list .box .texts .btn .icon span{

}
.bergamo .section_three {
    padding-top: 4em;
}
.bergamo .section_three .section-fluid[bg=gray]{
    margin-top: 10em;
    padding-bottom: 5em;
}
.bergamo .section_three .section-fluid[bg=gray] .section{
    display: flow-root;
}
.bergamo .section_three .category{

}
.bergamo .section_three .category span{
    font-size: 15px;
}
.bergamo .section_three .category p {
    font-size: 15px;
    margin: 0;
}
.bergamo .section_three .category p small{

}
.bergamo .section_three .header_title{
    display: inline-flex;
}
.bergamo .section_three .header_title .left{
    width: 60%;
}
.bergamo .section_three .header_title h1{
    font-size: 3.8em;
    margin-top: 0;
}
.bergamo .section_three .header_title p{
font-size: 16px;
}
.bergamo .section_three .header_title .left p {
    padding: 0 10em 0 0em;
}
.bergamo .section_three .header_title .right{
    width: 40%;
}
.bergamo .section_three .header_title .details{
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}
.bergamo .section_three .header_title .details .detail{
    margin-right: 12px;
    background: var(--gray);
    padding: 15px 25px;
    border-radius: 10px;
    text-align: center;
    min-width: 21.9%;
    display: inline-block;
}
.bergamo .section_three .header_title .details .detail:nth-last-child(1){
    margin-right: 0;
}
.bergamo .section_three .header_title .details .detail span{
    font-size: 15px;
}
.bergamo .section_three .header_title .details .detail p{
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 0;
}
.bergamo .section_three .header_title .details .detail small{

}
.bergamo .section_three .btn{
    width: 100%;
    display: inline-flex;
    margin: 0;
    padding-right: 0;
    padding-left: 0;
}
.bergamo .section_three .resources_item{
    display: inline-flex;
    width: 97%;
    /* align-items: center; */
    border-radius: 20px;
    padding: 2em 1em;
    margin: 4em 0;
}
.bergamo .section_three .resources_item .left{
    width: 25%;
    /* align-items: center; */
    margin-top: 15px;
}
.bergamo .section_three .resources_item .right{
    width: 100%;
}
.bergamo .section_three .resources_item .title{
    padding: 0 30px 0 20px;
    /* align-items: center; */
    margin: 0;
    font-size: 20px;
    font-weight: 600;
}
.bergamo .section_three .resources_item ul{
    display: inline-grid;
    padding-right: 26px;
    padding-left: 0;
    margin: 0;
}
.bergamo .section_three .resources_item ul li{
    display: inline-flex;
    align-items: center;
}
.bergamo .section_three .resources_item ul li:before{
    content: "\e914";
    font-family: "Bergamo";
}
.bergamo .section_three .resources_item ul li p{
    padding-left: 20px;
    font-size: 16px;
    line-height: 3;
}
.bergamo .section_three .product_details {
    margin-top: -12em;
    position: relative;
}
.bergamo .section_three .product_details .content{
    display: inline-flex;
    width: 100%;
    align-items: flex-end;
    margin-bottom: 2em;
}
.bergamo .section_three .product_details .content_nav{
    width: 100%;
}
.bergamo .section_three .product_details .content .left,
.bergamo .section_three .product_details .content_nav .left{
    width: 60%;
    padding-right: 0;
}
.bergamo .section_three .product_details .content .left .slider-for{
}
.bergamo .section_three .product_details .content .left .slider-for .slick-slide img {
    width: 100%;
    border-radius: 0;
    transition: 1s;
}
.bergamo .section_three .product_details .content .left .slider-for .slick-slide.slick-active img {
    transition: 1s;
    border-radius: 25px;
}
.bergamo .section_three .product_details .content .left .slider-for div{

}
.bergamo .section_three .product_details .content .right{
    width: 40%;
    align-items: flex-end;
}
.bergamo .section_three .product_details .content .right > img {
    margin-left: 65px;
    width: 88%;
}
.bergamo .section_three .product_details .content_nav .left, .bergamo .section_three .product_details .content_nav .right{
    float: left;
}
.bergamo .section_three .product_details .content_nav .right {
    margin-left: 65px;
    width: 35%;
}
.bergamo .section_three .product_details .content_nav .left .tag,
.bergamo .section_three .product_details .content .tag.v2.on-mob{
    width: 100%;
    border-radius: 5px;
    padding: 1em 0em;
    text-align: center;
    margin: 0 0 2em 0;
}
.bergamo .section_three .product_details .content_nav .left .tag p,
.bergamo .section_three .product_details .content .tag.v2.on-mob {
    margin: 0;
    font-weight: 600;
}
.bergamo .section_three .product_details .content .tag.v2.on-mob{
    margin-top: 1em;
}
.arrow-slider {
    font-size: 15px;
    position: absolute;
    z-index: 9;
    color: var(--white);
    background: var(--red_grad);
    padding: 10px 14px;
    border-radius: 100px;
    box-shadow: var(--box_shaw);
}
.arrow-slider [class^="bergamo-"], 
.arrow-slider [class*=" bergamo-"]{
    font-size: 15px;
}
.arrow-slider.arrow-left {
    top: 50%;
    left: 34px;
    transform: translate(-50%, -50%);
}
.arrow-slider.arrow-right {
    top: 50%;
    right: -5px;
    transform: translate(-50%, -50%);
}
.bergamo .section_three .product_details .content_nav .left .slider-nav{

}
.bergamo .section_three .product_details .content_nav .left .slider-nav div{
    padding-right: 15px;
}
.bergamo .section_three .product_details .content_nav .left .slider-nav div:nth-last-child(1){
    padding-right: 0;
}
.bergamo .section_three .product_details .content_nav .left .slider-nav img{
    width: 100%;
}
.bergamo .section_three .product_details .content_nav .right .tag,
.bergamo .section_three .product_details .content .tag.on-mob{
    width: 100%;
    border-radius: 5px;
    padding: 5em 0em;
    text-align: center;
    box-shadow: var(--box_shaw2);
}
.bergamo .section_three .product_details .content_nav .right .tag p,
.bergamo .section_three .product_details .content .right .tag.on-mob p{
    font-weight: 600;
    margin: 0;
}
.bergamo .section_four{
    padding: 6em 0;
}
.bergamo .section_four .header_title{

}
.bergamo .section_four .header_title .title{
    margin-top: 0;
}
.bergamo .section_four .body_section{width: 100%;margin-top: 90px;}
.bergamo .section_four .body_section ul{
    display: inline-flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: stretch;
    align-items: stretch;
    justify-content: flex-start;
}
.bergamo .section_four .body_section ul li{
    display: block;
    width: 31.8%;
    margin-right: 30px;
    background: var(--white);
    box-shadow: var(--box_shaw2);
    padding-bottom: 30px;
    margin-bottom: 40px;
    border-radius: 0px 0px 6.45747px 6.45747px;
}
.bergamo .section_four .body_section ul li img {
    width: 100%;
    margin-bottom: 40px;
    height: 300px;
}
.bergamo .section_four .body_section ul li .title{
    font-size: 18px;
    font-weight: 900;
    text-transform: uppercase;
    padding: 0em 40px;
}
.bergamo .section_four .body_section ul li p{
    padding: 0em 40px;
    font-size: 14px;
}
.bergamo .footer{
    background: var(--white);
    width: 100%;
    text-align: center;
    margin: 0 auto;
}
.bergamo .footer .content{
    display: inline-flex;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 0em 0;
}
.bergamo .footer .content > span{padding-right: 30px;}
.bergamo .footer .content p{
    text-align: center;
    font-weight: 600;
}
.bergamo .footer .content .btn_uper{
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    margin-top: 4em;
    margin-bottom: 2em;
    border: 1px solid #E6E6E6;
    width: 100%;
    text-align: center;
    justify-content: center;
    border-radius: 10px;
    padding: 1em 0;
}
.bergamo .footer .content .btn_uper span{
    font-size: 10px;
}
.bergamo .footer .content .btn_uper p{
    margin: 0;
    margin-left: 25px;
    font-weight: 500;
}
.on-mob{
    display: none !important;
}
.bergamo .section_four .body_section ul {
    padding-inline-start: 0;
}
.bergamo .section_four .body_section ul li:nth-child(3n){
    margin-right: 0;
}
.bergamo .section_three .product_details .content_nav .left .slider-nav div {
    transform: none !important;
}
.bergamo .section_three .product_details .content_nav .left .slider-nav div.slick-current img {
    box-shadow: var(--box_shaw3);
    border: 1px solid var(--red);
    transition: 0.3s ease-in-out;
}

.bergamo .section_three .product_details .content_nav .left .slider-nav div img {
    border: 1px solid transparent;
    transition: 0.3s ease-in-out;
}
.bergamo .header.unfixed_header{
    position: fixed;
    top: -100vh;
    transition: 0.3s ease-in-out;
}
.bergamo .header.fixed_header{
    position: fixed;
    top: 0;
    z-index: 999999999999999999999999999;
    display: inline-flex !important;
    background: var(--white);
    margin: 0 auto;
    left: 0;
    right: 0;
    box-shadow: var(--box_shaw3);
    padding: 1em 0;
    transition: 0.3s ease-in-out;
}
@media (max-width: 767px){
    .on-mob{
        display: block !important;
    }
    .no-mob{
        display: none !important;
    }
    .two {
        order: 2;
    }
    .one {
        order: 1;
    }
    .three{
        order: 3;
    }
    .bergamo .section_one .header_title .title {
        padding: 0 1em;
        font-size: 23px;
    }
    .bergamo .section_one .header_title p {
        font-size: 15px;
    }
    .bergamo .section_one .cover_title iframe {
        width: 100%;
        height: 180px;
    }
    .bergamo .left {
        width: 62%;
    }
    .bergamo .center {
        width: 100%;
        text-align: center;
    }
    .bergamo .right {
        width: 28%;
        padding-right: 15px;
    }
    .bergamo .header {
        padding: 3em 0em 2em;
        flex-wrap: wrap;
        flex-direction: row;
    }
    .bergamo .header .left{
        padding-left: 1em;
    }
    .bergamo .header .text p {
        padding: 0 1em;
    }
    .bergamo .section_two {
        padding: 1em 0;
    }
    .bergamo .section_two .body_section .box_list .box .cover img {
        width: 100%;
        padding: 3em 0 2em;
        min-width: 170px;
        max-width: 255px;
    }
    .bergamo .section_two .body_section .box_list .box {
        width: 100%;
        margin-right: 0;
        margin-bottom: 1em;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: center;
        justify-content: flex-start;
    }
    .bergamo .section_two .body_section .box_list .box .texts {
        padding-left: 25px;
        padding-right: 30px;
        padding-bottom: 2em;
    }
    .bergamo .section_two .body_section {
        padding: 0 1em;
    }
    .bergamo .section_three .header_title {
        display: block;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        align-content: center;
    }
    .bergamo .section_three .header_title .left {
        width: 100%;
        /* padding: 0 1em; */
    }
    .bergamo .section_three .category {
        padding: 0 1em;
    }
    .bergamo .section_three .header_title h1 {
        margin-bottom: 0em;
        padding: 0 0.2em;
        word-break: break-word;
        font-size: 40px;
    }
    .bergamo .section_three .only_mob .header_title h1 {
    margin-bottom: 1em;
}
    .bergamo .section_three .header_title .left p {
        padding: 0 1em;
    }
    .bergamo .section_three .header_title .right {
        padding: 0 1em;
        width: 89%;
        text-align: left;
    }
    .bergamo .section_three .header_title .details .detail {
        margin-bottom: 15px;
        min-width: 25%;
        padding: 15px 5px;
    }
    .bergamo .section_three .section-fluid[bg=gray] {
        padding-top: 3em;
        padding-bottom: 0;
    }
    .bergamo .section_four .header_title {
        width: 80%;
        margin: 0 auto;
    }
    .bergamo .section_three .section {
        /* padding: 0 1em; */
        display: block;
    }
    .bergamo .section_three .resources_item {
        display: block;
        width: 69%;
        margin: 2em auto;
        padding: 1em 2em;
    }
    .bergamo .section_three .resources_item .left {
        width: 100%;
        margin-bottom: 1em;
    }
    .bergamo .section_three .resources_item .title {
        padding: 0;
    }
    .bergamo .section_three .product_details {
        margin-top: 0;
        padding: 0 1em;
    }
    .bergamo .section_three .section-fluid[bg=gray] {
        margin-top: 0;
    }
    .bergamo .section_three .product_details .content .left, .bergamo .section_three .product_details .content_nav .left {
        width: 100%;
        padding-right: 0;
    }
    .bergamo .section_three .product_details .content {
        display: block;
    }
    .bergamo .section_three .product_details .content .right {
        width: 100%;
        align-items: flex-end;
    }
    .bergamo .section_three .product_details .content .right > img {
        margin-left: 0;
        width: 100%;
        margin-top: 1em;
    }
    .bergamo .section_four .header_title .title {
        margin-top: 0;
        font-size: 25px;
    }
    .bergamo .section_three .section-fluid[bg=gray] .section {
        display: block;
        padding: 0;
    }
    .bergamo .section_four .body_section {
        width: 100%;
        margin-top: 30px;
    }
    .bergamo .section_four .body_section ul li {
        display: block;
        width: 100%;
        margin-right: 0;
    }
    .bergamo .section_four .body_section ul {
        display: block;
        padding-inline-start: 0;
    }
    .bergamo .section_three{
        display: flow-root;
    }
    .bergamo .section_four {
        padding: 4em 0;
    }
    .bergamo .section_three .product_details .content_nav {
        display: inline-block;
    }
    .bergamo .footer .content {
        display: block;
    }
    .bergamo .footer .content > span {
        padding-right: 0;
    }
    .bergamo .footer .content p {
        padding: 0 1em;
    }
    .bergamo .footer .content .btn_uper {
        width: auto;
        padding: 1em 2em;
    }
    .bergamo .section_one {
        padding: 2em 0 0em;
    }
}
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px)
and (-webkit-device-pixel-ratio : 3) { 
    .bergamo .section_one .cover_title iframe {
        width: 100%;
        height: 212px;
    }
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 
    .on-ipad{
        display: block !important;
    }
    .no-ipad{
        display: none !important;
    }

    .bergamo .section_one .header_title .title {
        padding: 0 1em;
        font-size: 23px;
    }
    .bergamo .section_one .header_title p {
        font-size: 15px;
    }
    .bergamo .section_one .cover_title iframe {
        width: 100%;
        height: 405px;
    }
    .bergamo .left {
        width: 23%;
    }
    .bergamo .center {
        width: 62%;
        text-align: center;
    }
    .bergamo .right {
        width: 12%;
    }
    .bergamo .header {
        padding: 3em 0em 2em;
        flex-wrap: wrap;
        flex-direction: row;
    }
    .bergamo .header .left{
        padding-left: 1em;
    }
    .bergamo .header .text p {
        padding: 0 1em;
    }
    .bergamo .section_two {
        padding: 1em 0;
    }
    .bergamo .section_two .body_section .box_list .box .cover img {
        width: 100%;
        padding: 3em 0 2em;
        min-width: 170px;
        max-width: 255px;
    }
    .bergamo .section_two .body_section .box_list .box {
        width: 100%;
        margin-right: 0;
        margin-bottom: 1em;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: flex-start;
    }
    .bergamo .section_two .body_section .box_list .box .texts {
        padding-left: 25px;
        padding-right: 30px;
        padding-bottom: 2em;
    }
    .bergamo .section_two .body_section {
        padding: 0 1em;
    }
    .bergamo .section_three .header_title {
        display: block;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        align-content: center;
    }
    .bergamo .section_three .header_title .left {
        width: 100%;
        /* padding: 0 1em; */
    }
    .bergamo .section_three .category {
        padding: 0 1em;
    }
    .bergamo .section_three .header_title h1 {
        margin-bottom: 0em;
        padding: 0 0.2em;
    }
    .bergamo .section_three .header_title .left p {
        padding: 0 1em;
    }
    .bergamo .section_three .header_title .right {
        padding: 2em 1em 0 1em;
        width: 95%;
    }
    .bergamo .section_three .header_title .details .detail {
        margin-bottom: 15px;
        min-width: 23.9%;
    }
    .bergamo .section_three .section {
        /* padding: 0 1em; */
        display: block;
    }
    .bergamo .section_three .resources_item {
        display: block;
        width: 87%;
        margin: 2em auto;
        padding: 1em 2em;
    }
    .bergamo .section_three .resources_item .left {
        width: 100%;
        margin-bottom: 1em;
    }
    .bergamo .section_three .resources_item .title {
        padding: 0;
    }
    .bergamo .section_three .product_details {
        margin-top: 0;
        padding: 0 1em;
    }
    .bergamo .section_three .section-fluid[bg=gray] {
        margin-top: 0;
    }
    .bergamo .section_three .product_details .content .left, .bergamo .section_three .product_details .content_nav .left {
        /* width: 100%; */
        /* padding-right: 0; */
    }
    .bergamo .section_three .product_details .content {
        /* display: block; */
    }
    .bergamo .section_three .product_details .content .right {
        /* width: 100%; */
        align-items: flex-end;
    }
    .bergamo .section_three .product_details .content .right > img {
        margin-left: 23px;
        width: 90%;
        margin-top: 1em;
    }
    .bergamo .section_three .product_details .content_nav .right .tag p, .bergamo .section_three .product_details .content .right .tag.on-mob p {
        padding: 0 1em;
    }
    .bergamo .section_four .header_title .title {
        margin-top: 0;
        font-size: 25px;
    }
    .bergamo .section_three .section-fluid[bg=gray] .section {
        display: block;
        padding: 0;
    }
    .bergamo .section_four .body_section {
        width: 100%;
        margin-top: 30px;
    }
    .bergamo .section_four .body_section ul li,
    .bergamo .section_four .body_section ul li:nth-child(3n) {
        width: 47.33%;
        margin-right: 30px;
    }
    .bergamo .section_four .body_section ul li:nth-child(2n){
        margin-right: 0;
    }
    .bergamo .section_four .body_section ul {
        /*display: block;*/
        padding-inline-start: 0;
    }
    .bergamo .section_three{
        display: flow-root;
    }
    .bergamo .section_four {
        padding: 4em 0;
    }
    .bergamo .section_three .product_details .content_nav {
        display: inline-block;
    }
    .bergamo .footer .content {
        display: block;
    }
    .bergamo .footer .content > span {
        padding-right: 0;
    }
    .bergamo .footer .content p {
        padding: 0 1em;
    }
    .bergamo .footer .content .btn_uper {
        width: auto;
        padding: 1em 2em;
    }
    .bergamo .section_one {
        padding: 2em 0 0em;
    }
    .bergamo .section_three .resources_item ul{
        padding-right: 30px;
    }
    .bergamo .section_three .product_details .content .left .slider-for div {
        margin-right: 1px;
    }
    .bergamo .section_three .product_details .content_nav .right {
        margin-left: 23px;
        width: 36%;
    }
}
@media screen and (min-width: 1300px) and (max-width: 1440px){
    .bergamo .section_four .body_section ul li {
        width: 31.5%;
    }
    .bergamo .section_three .header_title .details .detail {
        padding: 15px 21px;
    }
    .bergamo .section_three .product_details .content_nav .right {
        margin-left: 50px;
        width: 35%;
    }
    .bergamo .section_three .product_details .content .right > img {
        margin-left: 50px;
        width: 87%;
    }
}
@media screen and (min-width: 1921px){
    .bergamo .section,
    .bergamo .section-fluid {
        max-width: 1920px !important;
        margin: 0 auto;
    }
}
@media screen and (min-width: 2120px) {
    .bergamo .section_two .body_section .box_list .box {
        width: 49.5%;
    }
    .bergamo .section_three .header_title .details .detail {
        min-width: 25.5%;
    }
    .bergamo .section_three .resources_item {
        width: 98.5%;
    }
    .bergamo .section_four .body_section ul {
        padding-inline-start: 0;
    }
    .bergamo .section_four .body_section ul li {
        width: 32.28%;
    }
}
@media (min-width: 576px) {
    .bergamo .section {
        max-width: 540px;
    }
}
@media (min-width: 768px) {
    .bergamo .section {
        max-width: 720px;
    }
}
@media (min-width: 992px) {
    .bergamo .section {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .bergamo .section {
        max-width: 1140px;
    }
}
@media (min-width: 1400px) {
    .bergamo .section {
        max-width: 1320px;
    }
}