.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media only screen and (min-width: 768px) {
    .container {
        width: 750px
    }
}

@media only screen and (min-width: 992px) {
    .container {
        width: 970px
    }
}

@media only screen and (min-width: 1200px) {
    .container {
        width: 1024px
    }
}

@media only screen and (min-width: 1367px) {
    .container {
        width: 1170px
    }
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.row {
    margin-right: -15px;
    margin-left: -15px
}

.grid-ss-1,
.grid-ss-2,
.grid-ss-3,
.grid-ss-4,
.grid-ss-5,
.grid-ss-6,
.grid-ss-7,
.grid-ss-8,
.grid-ss-9,
.grid-ss-10,
.grid-ss-11,
.grid-ss-12,
.grid-s-1,
.grid-s-2,
.grid-s-3,
.grid-s-4,
.grid-s-5,
.grid-s-6,
.grid-s-7,
.grid-s-8,
.grid-s-9,
.grid-s-10,
.grid-s-11,
.grid-s-12,
.grid-m-1,
.grid-m-2,
.grid-m-3,
.grid-m-4,
.grid-m-5,
.grid-m-6,
.grid-m-7,
.grid-m-8,
.grid-m-9,
.grid-m-10,
.grid-m-11,
.grid-m-12,
.grid-1,
.grid-2,
.grid-3,
.grid-4,
.grid-5,
.grid-6,
.grid-7,
.grid-8,
.grid-9,
.grid-10,
.grid-11,
.grid-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.grid-1,
.grid-2,
.grid-3,
.grid-4,
.grid-5,
.grid-6,
.grid-7,
.grid-8,
.grid-9,
.grid-10,
.grid-11,
.grid-12 {
    float: left
}

.grid-12 {
    width: 100%
}

.grid-11 {
    width: 91.66666667%
}

.grid-10 {
    width: 83.33333333%
}

.grid-9 {
    width: 75%
}

.grid-8 {
    width: 66.66666667%
}

.grid-7 {
    width: 58.33333333%
}

.grid-6 {
    width: 50%
}

.grid-5 {
    width: 41.66666667%
}

.grid-4 {
    width: 33.33333333%
}

.grid-3 {
    width: 25%
}

.grid-2 {
    width: 16.66666667%
}

.grid-1 {
    width: 8.33333333%
}

@media only screen and (max-width: 992px) {
    .grid-m-1,
    .grid-m-2,
    .grid-m-3,
    .grid-m-4,
    .grid-m-5,
    .grid-m-6,
    .grid-m-7,
    .grid-m-8,
    .grid-m-9,
    .grid-m-10,
    .grid-m-11,
    .grid-m-12 {
        float: left
    }
    .grid-m-12 {
        width: 100%
    }
    .grid-m-11 {
        width: 91.66666667%
    }
    .grid-m-10 {
        width: 83.33333333%
    }
    .grid-m-9 {
        width: 75%
    }
    .grid-m-8 {
        width: 66.66666667%
    }
    .grid-m-7 {
        width: 58.33333333%
    }
    .grid-m-6 {
        width: 50%
    }
    .grid-m-5 {
        width: 41.66666667%
    }
    .grid-m-4 {
        width: 33.33333333%
    }
    .grid-m-3 {
        width: 25%
    }
    .grid-m-2 {
        width: 16.66666667%
    }
    .grid-m-1 {
        width: 8.33333333%
    }
}

@media only screen and (max-width: 768px) {
    .grid-s-1,
    .grid-s-2,
    .grid-s-3,
    .grid-s-4,
    .grid-s-5,
    .grid-s-6,
    .grid-s-7,
    .grid-s-8,
    .grid-s-9,
    .grid-s-10,
    .grid-s-11,
    .grid-s-12 {
        float: left
    }
    .grid-s-12 {
        width: 100%
    }
    .grid-s-11 {
        width: 91.66666667%
    }
    .grid-s-10 {
        width: 83.33333333%
    }
    .grid-s-9 {
        width: 75%
    }
    .grid-s-8 {
        width: 66.66666667%
    }
    .grid-s-7 {
        width: 58.33333333%
    }
    .grid-s-6 {
        width: 50%
    }
    .grid-s-5 {
        width: 41.66666667%
    }
    .grid-s-4 {
        width: 33.33333333%
    }
    .grid-s-3 {
        width: 25%
    }
    .grid-s-2 {
        width: 16.66666667%
    }
    .grid-s-1 {
        width: 8.33333333%
    }
}

@media only screen and (max-width: 480px) {
    .grid-ss-1,
    .grid-ss-2,
    .grid-ss-3,
    .grid-ss-4,
    .grid-ss-5,
    .grid-ss-6,
    .grid-ss-7,
    .grid-ss-8,
    .grid-ss-9,
    .grid-ss-10,
    .grid-ss-11,
    .grid-ss-12 {
        float: left
    }
    .grid-ss-12 {
        width: 100%
    }
    .grid-ss-11 {
        width: 91.66666667%
    }
    .grid-ss-10 {
        width: 83.33333333%
    }
    .grid-ss-9 {
        width: 75%
    }
    .grid-ss-8 {
        width: 66.66666667%
    }
    .grid-ss-7 {
        width: 58.33333333%
    }
    .grid-ss-6 {
        width: 50%
    }
    .grid-ss-5 {
        width: 41.66666667%
    }
    .grid-ss-4 {
        width: 33.33333333%
    }
    .grid-ss-3 {
        width: 25%
    }
    .grid-ss-2 {
        width: 16.66666667%
    }
    .grid-ss-1 {
        width: 8.33333333%
    }
}

@media only screen and (max-width: 768px) {
    .container{
      width: 100%;
    }
}