@font-face {font-family: "Montserrat-Medium"; src: url("/si_upload/OPR/Maxcom/1318470_maxcom_titan-chronos-silver_v1/fonts/Montserrat-Medium.ttf") format('truetype');}
@font-face {font-family: "Montserrat-ExtraBold"; src: url("/si_upload/OPR/Maxcom/1318470_maxcom_titan-chronos-silver_v1/fonts/Montserrat-ExtraBold.ttf") format('truetype');}

.mb-50 {
    margin-bottom: 50px;
}

.container-main {
    line-height: 1.2 !important;
    width: 100%;
    max-width: 920px;
    display: block;
    margin: auto;
}

.hero-img {
    width: 100%;
    border-radius: 50px;
    margin-bottom: 50px;
}

.model-name {
    font-family: Montserrat-ExtraBold, sans-serif !important;
    text-align: center;
    font-size: 22px;
}

.hero-txt-title {
    font-family: Montserrat-ExtraBold, sans-serif !important;
    text-align: center;
    font-size: 56px;
    margin-bottom: 25px;
}

.hero-txt-subtitle {
    font-family: Montserrat-Medium, sans-serif !important;
    text-align: center;
    font-size: 20px;
    margin-bottom: 50px;
}

.topo-background {
    max-width: 100%;
    background-color: #666666;
    background-image: url(//f00.esfr.pl/si_upload/OPR/Maxcom/1318470_maxcom_titan-chronos-silver_v1/img/topo-bg.jpg);
    background-size: 100%;
    background-position: center 250px;
    background-repeat: no-repeat;
    padding: 75px 20%;
    border-radius: 50px;
}

.img-wide {
    width: 100%;
    border-radius: 50px;
}

.txt-wide-title-1 {
    font-family: Montserrat-ExtraBold, sans-serif !important;
    text-align: center;
    font-size: 56px;
    margin-bottom: 25px;
    color: white;
}

.txt-wide-title-2 {
    font-family: Montserrat-ExtraBold, sans-serif !important;
    text-align: center;
    font-size: 48px;
    margin-bottom: 25px;
}

.txt-wide-subtitle-1 {
    font-family: Montserrat-Medium, sans-serif !important;
    text-align: center;
    font-size: 22px;
    margin: 50px auto;
}

.txt-wide-subtitle-2 {
    font-family: Montserrat-Medium, sans-serif !important;
    text-align: center;
    font-size: 22px;
    margin: auto auto 50px;
}

.parallax-img-wide {
    width: 100%;
}

.parallax {
    height: 500px;
    position: relative;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: -4px;
}

.parallax-txt {
    font-family: Montserrat-Medium, sans-serif !important;
    width: 45%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(0%, -50%);
    line-height: 1.2;
    color: white;
}

.parallax-txt-head {
    font-family: Montserrat-ExtraBold, sans-serif !important;
    font-size: 38px;
    margin-bottom: 25px;
}

.parallax-txt-desc {
    font-family: Montserrat-Medium, sans-serif !important;
    font-size: 18px;
}

.par-bg-1 {
    background-image: url(//f00.esfr.pl/si_upload/OPR/Maxcom/1318470_maxcom_titan-chronos-silver_v1/img/chronos-parallax-bg-1.png);
}

.par-bg-2 {
    background-image: url(//f00.esfr.pl/si_upload/OPR/Maxcom/1318470_maxcom_titan-chronos-silver_v1/img/chronos-parallax-bg-2.png);
}

.grid {
    display: flex;
    justify-content: space-between;
}

.grid-col {
    width: 50%;
    align-content: center;
}

.grid-img {
    width: 100%;
    border-radius: 50px;
}

.grid-txt {
    font-family: Montserrat-Medium, sans-serif !important;
    width: 90%;
    display: block;
    margin: auto;
}

.grid-txt-head {
    font-family: Montserrat-ExtraBold, sans-serif !important;
    font-size: 38px;
    margin-bottom: 10px;
}

.grid-txt-desc {
    font-size: 18px;
    font-family: Montserrat-Medium, sans-serif !important;
}

.grid-icon-col {
    width: 22%;
    align-content: center;
}

.grid-screen {
    width: 100%;
}

.unboxing {
    border-radius: 50px;
    margin-bottom: 50px;
}

@media (min-width: 1495.20px) {
    .mob {
        display: none;
    }

    .mb-50-web {
        margin-bottom: 50px;
    }

    .bor-rad-50 {
        border-radius: 50px;
    }

    .bor-rad-top-50 {
        border-radius: 50px 50px 0 0;
    }

    .bor-rad-bot-50 {
        border-radius: 0 0 50px 50px;
    }

    .parallax-section {
        background-color: #666666;
    }
}

@media (max-width: 1495px) {
    .web {
        display: none;
    }

    .order-1 {
        order: 1;
    }

    .order-2 {
        order: 2;
    }

    .model-name {
        font-size: 18px;
    }

    .hero-txt-title {
        font-size: 36px;
    }

    .hero-txt-subtitle {
        font-size: 18px;
        width: 90%;
        display: block;
        margin: auto auto 50px;
    }

    .topo-background {
        padding: 10%;
    }

    .txt-wide-title-1 {
        font-size: 36px;
    }

    .txt-wide-title-2 {
        text-align: left;
        font-size: 36px;
    }

    .txt-wide-subtitle-1 {
        font-size: 18px;
        width: 90%;
    }

    .txt-wide-subtitle-2 {
        text-align: left;
        font-size: 18px;
    }

    .parallax-section {
        background-color: unset;
    }

    .parallax-img-wide {
        margin-bottom: 25px;
    }

    .parallax {
        background-image: unset;
        height: unset;
        margin-bottom: 50px;
    }

    .parallax-txt {
        width: 90%;
        position: static;
        transform: unset;
        color: black;
    }

    .parallax-txt-head {
        font-size: 36px;
    }

    .grid {
        flex-wrap: wrap;
    }

    .grid-col {
        width: 100%;
    }

    .grid-txt {
        width: 100%;
    }

    .grid-img {
        margin-bottom: 25px;
        border-radius: unset;
    }

    .grid-icon-col {
        width: 50%;
    }

    .grid-screen {
        width: 75%;
        display: block;
        margin: auto;
        margin-bottom: 50px;
    }

    .unboxing {
        margin-bottom: 25px;
    }
}

@media (max-width: 1495px) and (min-width: 680px) {
    .grid-screen {
        width: 50%;
    }
}