/* BASIC css start */
@media only screen and (max-width:749px) {
    .small--12 {
        width: 100%;
        max-width: 91.666%
    }

    .small--11 {
        width: 91.666%;
        max-width: 91.666%
    }

    .small--10 {
        width: 83.333%;
        max-width: 83.333%
    }

    .small--9 {
        width: 75%;
        max-width: 75%
    }

    .small--8 {
        width: 66.666%;
        max-width: 66.666%
    }

    .small--7 {
        width: 58.333%;
        max-width: 58.333%
    }

    .small--6 {
        width: 50%;
        max-width: 50%
    }

    .small--5 {
        width: 41.666%;
        max-width: 41.666%
    }

    .small--4 {
        width: 33.333%;
        max-width: 33.333%
    }

    .small--3 {
        width: 25%;
        max-width: 25%
    }

    .small--2 {
        width: 16.666%;
        max-width: 16.666%
    }

    .small--1 {
        width: 8.333%;
        max-width: 8.333%
    }

    .small--show {
        display: block !important
    }
/*
    .small--hide {
        display: none !important
    }
*/
    .small--text-left {
        text-align: left !important
    }

    .small--text-right {
        text-align: right !important
    }

    .small--text-center {
        text-align: center !important
    }

    .small--left {
        float: left !important
    }

    .small--right {
        float: right !important
    }

    .grid--uniform .small--1:nth-child(12n+1),
    .grid--uniform .small--2:nth-child(6n+1),
    .grid--uniform .small--3:nth-child(4n+1),
    .grid--uniform .small--4:nth-child(3n+1),
    .grid--uniform .small--6:nth-child(odd) {
        clear: both
    }
}

@media only screen and (min-width:750px) and (max-width:1024px) {
    .medium--12 {
        width: 100%;
        max-width: 91.666%
    }

    .medium--11 {
        width: 91.666%;
        max-width: 91.666%
    }

    .medium--10 {
        width: 83.333%;
        max-width: 83.333%
    }

    .medium--9 {
        width: 75%;
        max-width: 75%
    }

    .medium--8 {
        width: 66.666%;
        max-width: 66.666%
    }

    .medium--7 {
        width: 58.333%;
        max-width: 58.333%
    }

    .medium--6 {
        width: 50%;
        max-width: 50%
    }

    .medium--5 {
        width: 41.666%;
        max-width: 41.666%
    }

    .medium--4 {
        width: 33.333%;
        max-width: 33.333%
    }

    .medium--3 {
        width: 25%;
        max-width: 25%
    }

    .medium--2 {
        width: 16.666%;
        max-width: 16.666%
    }

    .medium--1 {
        width: 8.333%;
        max-width: 8.333%
    }

    .medium--show {
        display: block !important
    }

    .medium--hide {
        display: none !important
    }

    .medium--text-left {
        text-align: left !important
    }

    .medium--text-right {
        text-align: right !important
    }

    .medium--text-center {
        text-align: center !important
    }

    .medium--left {
        float: left !important
    }

    .medium--right {
        float: right !important
    }

    .grid--uniform .medium--1:nth-child(12n+1),
    .grid--uniform .medium--2:nth-child(6n+1),
    .grid--uniform .medium--3:nth-child(4n+1),
    .grid--uniform .medium--4:nth-child(3n+1),
    .grid--uniform .medium--6:nth-child(odd) {
        clear: both
    }
}

@media only screen and (max-width:1024px) {
    .medium-down--12 {
        width: 100%;
        max-width: 91.666%
    }

    .medium-down--11 {
        width: 91.666%;
        max-width: 91.666%
    }

    .medium-down--10 {
        width: 83.333%;
        max-width: 83.333%
    }

    .medium-down--9 {
        width: 75%;
        max-width: 75%
    }

    .medium-down--8 {
        width: 66.666%;
        max-width: 66.666%
    }

    .medium-down--7 {
        width: 58.333%;
        max-width: 58.333%
    }

    .medium-down--6 {
        width: 50%;
        max-width: 50%
    }

    .medium-down--5 {
        width: 41.666%;
        max-width: 41.666%
    }

    .medium-down--4 {
        width: 33.333%;
        max-width: 33.333%
    }

    .medium-down--3 {
        width: 25%;
        max-width: 25%
    }

    .medium-down--2 {
        width: 16.666%;
        max-width: 16.666%
    }

    .medium-down--1 {
        width: 8.333%;
        max-width: 8.333%
    }

    .medium-down--show {
        display: block !important
    }

    .medium-down--hide {
        display: none !important
    }

    .medium-down--text-left {
        text-align: left !important
    }

    .medium-down--text-right {
        text-align: right !important
    }

    .medium-down--text-center {
        text-align: center !important
    }

    .medium-down--left {
        float: left !important
    }

    .medium-down--right {
        float: right !important
    }

    .grid--uniform .medium-down--1:nth-child(12n+1),
    .grid--uniform .medium-down--2:nth-child(6n+1),
    .grid--uniform .medium-down--3:nth-child(4n+1),
    .grid--uniform .medium-down--4:nth-child(3n+1),
    .grid--uniform .medium-down--6:nth-child(odd) {
        clear: both
    }
}
 
    .medium-up--12 {
        width: 100%;
        max-width: 91.666%
    }

    .medium-up--11 {
        width: 91.666%;
        max-width: 91.666%
    }

    .medium-up--10 {
        width: 83.333%;
        max-width: 83.333%
    }

    .medium-up--9 {
        width: 75%;
        max-width: 75%
    }

    .medium-up--8 {
        width: 66.666%;
        max-width: 66.666%
    }

    .medium-up--7 {
        width: 58.333%;
        max-width: 58.333%
    }

    .medium-up--6 {
        width: 50%;
        max-width: 50%
    }

    .medium-up--5 {
        width: 41.666%;
        max-width: 41.666%
    }

    .medium-up--4 {
        width: 33.333%;
        max-width: 33.333%
    }

    .medium-up--3 {
        width: 25%;
        max-width: 25%
    }

    .medium-up--2 {
        width: 16.666%;
        max-width: 16.666%
    }

    .medium-up--1 {
        width: 8.333%;
        max-width: 8.333%
    }

    .medium-up--show {
        display: block !important
    }

    .medium-up--hide {
        display: none !important
    }

    .medium-up--text-left {
        text-align: left !important
    }

    .medium-up--text-right {
        text-align: right !important
    }

    .medium-up--text-center {
        text-align: center !important
    }

    .medium-up--left {
        float: left !important
    }

    .medium-up--right {
        float: right !important
    }

    .grid--uniform .medium-up--1:nth-child(12n+1),
    .grid--uniform .medium-up--2:nth-child(6n+1),
    .grid--uniform .medium-up--3:nth-child(4n+1),
    .grid--uniform .medium-up--4:nth-child(3n+1),
    .grid--uniform .medium-up--6:nth-child(odd) {
        clear: both
    } 

@media only screen and (min-width:1025px) {
    .large--12 {
        width: 100%;
        max-width: 91.666%
    }

    .large--11 {
        width: 91.666%;
        max-width: 91.666%
    }

    .large--10 {
        width: 83.333%;
        max-width: 83.333%
    }

    .large--9 {
        width: 75%;
        max-width: 75%
    }

    .large--8 {
        width: 66.666%;
        max-width: 66.666%
    }

    .large--7 {
        width: 58.333%;
        max-width: 58.333%
    }

    .large--6 {
        width: 50%;
        max-width: 50%
    }

    .large--5 {
        width: 41.666%;
        max-width: 41.666%
    }

    .large--4 {
        width: 33.333%;
        max-width: 33.333%
    }

    .large--3 {
        width: 25%;
        max-width: 25%
    }

    .large--2 {
        width: 16.666%;
        max-width: 16.666%
    }

    .large--1 {
        width: 8.333%;
        max-width: 8.333%
    }

    .large--show {
        display: block !important
    }

    .large--hide {
        display: none !important
    }

    .large--text-left {
        text-align: left !important
    }

    .large--text-right {
        text-align: right !important
    }

    .large--text-center {
        text-align: center !important
    }

    .large--left {
        float: left !important
    }

    .large--right {
        float: right !important
    }

    .grid--uniform .large--1:nth-child(12n+1),
    .grid--uniform .large--2:nth-child(6n+1),
    .grid--uniform .large--3:nth-child(4n+1),
    .grid--uniform .large--4:nth-child(3n+1),
    .grid--uniform .large--6:nth-child(odd) {
        clear: both
    }
}

@media only screen and (min-width:1400px) {
    .xlarge--12 {
        width: 100%;
        max-width: 91.666%
    }

    .xlarge--11 {
        width: 91.666%;
        max-width: 91.666%
    }

    .xlarge--10 {
        width: 83.333%;
        max-width: 83.333%
    }

    .xlarge--9 {
        width: 75%;
        max-width: 75%
    }

    .xlarge--8 {
        width: 66.666%;
        max-width: 66.666%
    }

    .xlarge--7 {
        width: 58.333%;
        max-width: 58.333%
    }

    .xlarge--6 {
        width: 50%;
        max-width: 50%
    }

    .xlarge--5 {
        width: 41.666%;
        max-width: 41.666%
    }

    .xlarge--4 {
        width: 33.333%;
        max-width: 33.333%
    }

    .xlarge--3 {
        width: 25%;
        max-width: 25%
    }

    .xlarge--2 {
        width: 16.666%;
        max-width: 16.666%
    }

    .xlarge--1 {
        width: 8.333%;
        max-width: 8.333%
    }

    .xlarge--show {
        display: block !important
    }

    .xlarge--hide {
        display: none !important
    }

    .xlarge--text-left {
        text-align: left !important
    }

    .xlarge--text-right {
        text-align: right !important
    }

    .xlarge--text-center {
        text-align: center !important
    }

    .xlarge--left {
        float: left !important
    }

    .xlarge--right {
        float: right !important
    }

    .grid--uniform .xlarge--1:nth-child(12n+1),
    .grid--uniform .xlarge--2:nth-child(6n+1),
    .grid--uniform .xlarge--3:nth-child(4n+1),
    .grid--uniform .xlarge--4:nth-child(3n+1),
    .grid--uniform .xlarge--6:nth-child(odd) {
        clear: both
    }
}

[class*=push--] {
    position: relative
}

@media only screen and (min-width:750px) and (max-width:1024px) {
    .push--medium--12 {
        left: 100%
    }

    .push--medium--11 {
        left: 91.666%
    }

    .push--medium--10 {
        left: 83.333%
    }

    .push--medium--9 {
        left: 75%
    }

    .push--medium--8 {
        left: 66.666%
    }

    .push--medium--7 {
        left: 58.333%
    }

    .push--medium--6 {
        left: 50%
    }

    .push--medium--5 {
        left: 41.666%
    }

    .push--medium--4 {
        left: 33.333%
    }

    .push--medium--3 {
        left: 25%
    }

    .push--medium--2 {
        left: 16.666%
    }

    .push--medium--1 {
        left: 8.333%
    }
}

@media only screen and (min-width:750px) {
    .push--medium-up--12 {
        left: 100%
    }

    .push--medium-up--11 {
        left: 91.666%
    }

    .push--medium-up--10 {
        left: 83.333%
    }

    .push--medium-up--9 {
        left: 75%
    }

    .push--medium-up--8 {
        left: 66.666%
    }

    .push--medium-up--7 {
        left: 58.333%
    }

    .push--medium-up--6 {
        left: 50%
    }

    .push--medium-up--5 {
        left: 41.666%
    }

    .push--medium-up--4 {
        left: 33.333%
    }

    .push--medium-up--3 {
        left: 25%
    }

    .push--medium-up--2 {
        left: 16.666%
    }

    .push--medium-up--1 {
        left: 8.333%
    }
}

@media only screen and (min-width:1025px) {
    .push--large--12 {
        left: 100%
    }

    .push--large--11 {
        left: 91.666%
    }

    .push--large--10 {
        left: 83.333%
    }

    .push--large--9 {
        left: 75%
    }

    .push--large--8 {
        left: 66.666%
    }

    .push--large--7 {
        left: 58.333%
    }

    .push--large--6 {
        left: 50%
    }

    .push--large--5 {
        left: 41.666%
    }

    .push--large--4 {
        left: 33.333%
    }

    .push--large--3 {
        left: 25%
    }

    .push--large--2 {
        left: 16.666%
    }

    .push--large--1 {
        left: 8.333%
    }
}

@media only screen and (min-width:1400px) {
    .push--xlarge--12 {
        left: 100%
    }

    .push--xlarge--11 {
        left: 91.666%
    }

    .push--xlarge--10 {
        left: 83.333%
    }

    .push--xlarge--9 {
        left: 75%
    }

    .push--xlarge--8 {
        left: 66.666%
    }

    .push--xlarge--7 {
        left: 58.333%
    }

    .push--xlarge--6 {
        left: 50%
    }

    .push--xlarge--5 {
        left: 41.666%
    }

    .push--xlarge--4 {
        left: 33.333%
    }

    .push--xlarge--3 {
        left: 25%
    }

    .push--xlarge--2 {
        left: 16.666%
    }

    .push--xlarge--1 {
        left: 8.333%
    }
}

/* BASIC css end */