body {
    max-width: 1200px;
    margin: 0 auto;
}

section {
    background-color: #000;
}

.container {
    padding-right: 0;
    padding-left: 0;
    position: relative;
    margin: 0 auto;
}

.hide-desk {
    display: none;
}

.main-heading {
    font-family: 'DINPro-Black', sans-serif;
    font-weight: bolder;
    font-style: normal;
    font-size: 7vw;
    line-height: 7vw;
    padding-top: 15%;
    padding-bottom: 2%
}

span {
    font-family: 'DINPro-Light', sans-serif;
    font-weight: normal;
    font-style: normal;
}


/*.rzr-tiamat {
    background-image: url(https://www.gigatron.rs/img/promotions/pages/Benq_01.png);
    min-height: 1530px;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
}*/

.rzr-tiamat h2,
.rzr-tiamat p {
    color: #f8e3d3;
}


/*.true-surround {
    background-image: url(https://www.gigatron.rs/img/promotions/pages/Benq_02.png);

    min-height: 740px;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
}*/

.total-sound {
    /* background-image: url(https://www.gigatron.rs/img/promotions/pages/Benq_03.png);
    min-height: 620px;
    min-height: 248px;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;*/
    display: inline-block;
    min-height: 248px;
}


/*.premium {
    background-image: url(https://www.gigatron.rs/img/promotions/pages/Benq_04.jpg);
    min-height: 956px;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
}*/

.dobule-col {
    max-width: 48%;
}

.left-footer {
    left: 3%;
}

h2 {
    text-transform: uppercase;
    color: #fff;
    margin: 0;
    padding: 0;
    font-size: 34px;
}

p {
    color: #FFF;
    /*font-size: 1.6rem;
    line-height: 1.9rem;*/
    font-size: 16px;
    line-height: 1.8;
    margin: 0;
    font-family: 'DINPro-Light';
    font-weight: bold;
    font-style: normal;
}

.justify {
    text-align: justify;
}

.spec {
    /*font-size: 1.2em;
    line-height: 1.5em;*/
}

.txt {
    position: absolute;
    width: 100%;
    margin: 0px;
    padding: 20px 0px;
    /*text-align: left;*/
    /*margin-top: 35%;*/
    /*max-width: 40%;*/
}

.premium-heading-position {
    font-family: 'DINPro-Light';
    font-weight: lighter;
    font-style: normal;
    position: absolute;
    text-align: left;
    margin-top: 5%;
    /*margin-left: -15px;*/
}

.bold-txt {
    font-family: 'DINPro-Bold';
    font-weight: bolder;
    font-style: normal;
}

.premium-txt-position {
    position: absolute;
    text-align: justify;
    margin-top: 45%;
    /*margin-left: -15px;*/
    max-width: 44%;
}

.right {
    /*right: 8.25rem;*/
    right: 1%;
}

.bottom {
    bottom: 3%;
}

.top {
    top: 5%;
}

.left {
    /*left: 8.25rem;*/
    left: 1%;
}

.center {
    text-align: center;
}

.txt-center {
    /*right: 0;
    left: 0;
    padding: 20 10;*/
}

.jpg {
    display: none;
}

img {
    width: 100%;
}

.img-responsive {
    max-width: 100%;
    height: auto;
}

@media only screen and (max-width: 1086px) {

    p {
        font-size: 1.5vw;
    }

    .premium-txt-position {
        margin-top: 43%;
    }

}

@media only screen and (max-width: 480px) {
    .hide {
        display: none;
    }
    .hide-desk {
        display: block;
    }
    .main-heading {
        font-family: 'DINPro-Light';
        font-weight: normal;
        font-style: normal;
        font-size: 68px;
        line-height: 1.5;
        /*top: 15%;*/
    }
    .txt,
    .txt-lrg {
        max-width: 100%;
        position: relative;
        margin: 0;
    }
    .premium-txt-position {
        position: relative;
        text-align: left;
        margin: 0px auto;
        max-width: 90%;
        padding: 20px 0px;
    }
    .true-surround,
    .rzr-tiamat,
    .premium,
    .total-sound {
        background-image: none!important;
        background-color: #000!important;
        min-height: 0!important;
    }
    .chroma {
        padding: 20 0;
    }
    .img-style {
        /*width: 150%;
        max-width: 150%;
        margin-left: -55%;*/
    }
    .img-style-head {
        /*width: 230%;
        max-width: 230%;
        margin-left: -230px;*/
    }
    .img-style-sound {
        /*width: 150%;
        max-width: 150%;
        margin-left: -150px;*/
    }
    .img-style-premium {
        /*width: 230%;
        max-width: 230%;
        margin-left: -54px;*/
    }
    .jpg {
        display: block;
    }
    section {
        overflow: hidden;
    }
    h2 {
        font-size: 5.3vw;
    }
    p {
        font-size: 3.9vw;
        line-height: 5.2vw;
    }
    /*
    .heading-mob {
        padding: 5% 0%;
    }*/
}

@font-face {
    font-family: 'DINPro-Light';
    font-style: normal;
    font-weight: normal;
    src: local('DINPro-Light'), url('DINPro-Light_13935.woff') format('woff');
}

@font-face {
    font-family: 'DINPro-Bold';
    font-style: normal;
    font-weight: normal;
    src: local('DINPro-Bold'), url('DINPro-Bold_13934.woff') format('woff');
}

@font-face {
    font-family: 'DINPro-Black';
    font-style: normal;
    font-weight: normal;
    src: local('DINPro-Black'), url('DINPro-Black_13933.woff') format('woff');
}


/*@font-face {
    font-family: 'DINPro-Bold';
    src: url('DINPro-Bold.woff2') format('woff2'), url('DINPro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'DINPro-Light';
    src: url('DINPro-Light.woff2') format('woff2'), url('DINPro-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}*/