﻿.column, .column-main, .column-sidebar, .column-extra { float: left; padding-right: 10px; padding-left: 10px; }
.column-wrapper { position: relative; }

.grid-m660s320 .column-main { width: 660px; }
.grid-m660s320 .column-sidebar { width: 320px; }

.grid-m640s340 .column-main { width: 640px; }
.grid-m640s340 .column-sidebar { width: 340px; }

.grid-m360e360s240 .column-main { width: 360px; }
.grid-m360e360s240 .column-extra { width: 360px; }
.grid-m360e360s240 .column-sidebar { width: 240px; }

.grid-column-1 .column { float: none; width: auto; }

.grid-column-2 .column { width: 490px; }

.grid-column-3 .column { width: 320px; }

.grid-column-4 .column { width: 235px; }

.grid-column-5 .column { width: 184px; }

.grid-column-6 .column { width: 150px; }

@media (max-width: 767px) {
    .visible-xs { display: block !important; }
}

@media (max-width: 767px) {
    .visible-xs-block { display: block !important; }
}

@media (max-width: 767px) {
    .visible-xs-inline { display: inline !important; }
}

@media (max-width: 767px) {
    .visible-xs-inline-block { display: inline-block !important; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm { display: block !important; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block { display: block !important; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline { display: inline !important; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block { display: inline-block !important; }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md { display: block !important; }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block { display: block !important; }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline { display: inline !important; }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block { display: inline-block !important; }
}

@media (min-width: 1200px) {
    .visible-lg { display: block !important; }
}

@media (min-width: 1200px) {
    .visible-lg-block { display: block !important; }
}

@media (min-width: 1200px) {
    .visible-lg-inline { display: inline !important; }
}

@media (min-width: 1200px) {
    .visible-lg-inline-block { display: inline-block !important; }
}

@media (max-width: 767px) {
    .hidden-xs { display: none !important; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm { display: none !important; }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md { display: none !important; }
}

@media (min-width: 1200px) {
    .hidden-lg { display: none !important; }
}
