/******
***
* - PETUNIA v3.0.0
* - Website: http://petunia.a2r.kz/
* - Copyright 2015-2017 A2R
* - Author: Amenov Abdulsalam
* - Description: Responsive front-end framework
***
******/

/* OUTHER */
* {box-sizing: border-box;}

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600italic,600,700,700italic,800italic,800);

/* TEXT FORMATTING */
body {margin: 0;background: #fff;font-size: 14px;color: #333;line-height: 1.6;font-family: 'Open Sans', sans-serif;}

.video-wrapper {height: 0;position: relative;padding-bottom: 56.25%;margin-bottom: 15px;}
.video-wrapper iframe {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.overlay {position: fixed;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0, 0, 0, .75);z-index: 2;overflow: auto;}

blockquote,
.blockquote {padding: 12px 30px;border-left: 5px solid #ddd;margin: 0 0 15px 0;}

h1,
.h1 {font-size: 30px;}
h2,
.h2 {font-size: 27px;}
h3,
.h3 {font-size: 24px;}
h4,
.h4 {font-size: 21px;}
h5,
.h5 {font-size: 18px;}
h6,
.h6 {font-size: 14px;}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.h1-cr,
.h1-cs,
.h2-cr,
.h2-cs,
.h3-cr,
.h3-cs,
.h4-cr,
.h4-cs,
.h5-cr,
.h5-cs,
.h6-cr,
.h6-cs,
.h1-tt,
.h1-ts,
.h2-tt,
.h2-ts,
.h3-tt,
.h3-ts,
.h4-tt,
.h4-ts,
.h5-tt,
.h5-ts,
.h6-tt,
.h6-ts,
.h1-me,
.h1-ms,
.h2-me,
.h2-ms,
.h3-me,
.h3-ms,
.h4-me,
.h4-ms,
.h5-me,
.h5-ms,
.h6-me,
.h6-ms {color: #151515;margin: 0 0 15px 0;font-weight: normal;display: block;line-height: 1.5;}

@media screen and (max-width: 1200px) {
  .h1-cr,
  .h1-cs {font-size: 30px !important;}
  .h2-cr,
  .h2-cs {font-size: 27px !important;}
  .h3-cr,
  .h3-cs {font-size: 24px !important;}
  .h4-cr,
  .h4-cs {font-size: 21px !important;}
  .h5-cr,
  .h5-cs {font-size: 18px !important;}
  .h6-cr,
  .h6-cs {font-size: 14px !important;}
}
@media screen and (max-width: 960px) {
  .h1-tt,
  .h1-ts {font-size: 30px !important;}
  .h2-tt,
  .h2-ts {font-size: 27px !important;}
  .h3-tt,
  .h3-ts {font-size: 24px !important;}
  .h4-tt,
  .h4-ts {font-size: 21px !important;}
  .h5-tt,
  .h5-ts {font-size: 18px !important;}
  .h6-tt,
  .h6-ts {font-size: 14px !important;}
}
@media screen and (max-width: 720px) {
  .h1-me,
  .h1-ms {font-size: 30px !important;}
  .h2-me,
  .h2-ms {font-size: 27px !important;}
  .h3-me,
  .h3-ms {font-size: 24px !important;}
  .h4-me,
  .h4-ms {font-size: 21px !important;}
  .h5-me,
  .h5-ms {font-size: 18px !important;}
  .h6-me,
  .h6-ms {font-size: 14px !important;}
}

s,
del,
strike,
.s,
.del,
.strike {text-decoration: line-through;}

small,
.small {font-size: 12px;}
@media screen and (max-width: 1200px) {
  .small-cr,
  .small-tt,
  .small-me {font-size: 12px !important;}
}
@media screen and (max-width: 960px) {
  .small-cr,
  .small-tt,
  .small-me {font-size: 12px !important;}
}
@media screen and (max-width: 720px) {
  .small-cr,
  .small-tt,
  .small-me {font-size: 12px !important;}
}

i,
em,
.i,
.em {font-style: italic;}

b,
strong,
.b,
.strong {font-weight: bold;}

p,
.p {margin: 0 0 15px 0;}

ul,
dl,
ol {padding: 0 0 0 21px;margin: 0 0 15px 0;}

dd {margin: 0 0 0 15px;}

hr,
.hr {border: 0;margin: 18px 0;height: 1px;background: #ddd;}

a {color: #267fe7;text-decoration: none;cursor: pointer;}
a:hover,
a:focus,
a:active {color: #2658e7;text-decoration: underline;}

.list-unstyled {margin: 0;padding: 0;list-style: none;}
.list-unstyled:after,
.list-unstyled:before {clear: both;content: '';display: block;}

/* COLORS */
.text-red {color: #dd445a !important;}
.text-blue {color: #26b7e7 !important;}
.text-green {color: #44dd61 !important;}

.bg-red {background: #dd445a !important;}
.bg-blue {background: #26b7e7 !important;}
.bg-green {background: #44dd61 !important;}

/* HEADER */
.menu > ul > li {float: left;position: relative;}
.submenu {position: absolute;z-index: 1;display: none;min-width: 240px;}
.submenu > ul > li {display: block;}
.submenu > ul > li > a {display: block;}

/* IMAGE */
img {vertical-align: middle;}
/* .img-width old class */
.img-width {width: 100%;height: auto;}
.img-responsive {width: 100%;height: auto;}
.img-thumbnail {border: 1px solid #ddd;width: 100%;height: auto;}

/* INPUT GROUP */
.input-group {display: table}
.input-group .form-control,
.input-group-btn {display: table-cell;}
.input-group .form-control {border-radius: 3px 0 0 3px;}
.input-group-btn {width: 1%;}
.input-group-btn .btn {margin: 0 0 0 -1px;border-radius: 0 3px 3px 0;}

/* MENU TABS */
.menu-tabs {border-bottom: 1px solid #ddd;}
.menu-tabs li {float: left;margin: 0 0 -1px 0;background: #f3f3f3;border: 1px solid;border-color: #f3f3f3 #f3f3f3 #ddd;}
.menu-tabs .active {background: #fff;border-color: #ddd #ddd #fff;}
.menu-tabs a {padding: 9px 18px;display: block;}
.tabs > .tab {padding: 30px 0;}

/* SHOW and HIDDEN */
.show {display: block !important;}
.hidden {display: none !important;}
@media screen and (max-width: 1200px) {
  .show-cr {display: block !important;}
  .hidden-cr {display: none !important;}
}
@media screen and (max-width: 960px) {
  .show-tt {display: block !important;}
  .hidden-tt {display: none !important;}
}
@media screen and (max-width: 720px) {
  .show-me {display: block !important;}
  .hidden-me {display: none !important;}
}

/* TEXT ALIGN */
.text-center {text-align: center;}
.text-right {text-align: right;}
.text-left {text-align: left;}
@media screen and (max-width: 1200px) {
  .text-cr-center {text-align: center;}
  .text-cr-right {text-align: right;}
  .text-cr-left {text-align: left;}
}
@media screen and (max-width: 960px) {
  .text-tt-center {text-align: center;}
  .text-tt-right {text-align: right;}
  .text-tt-left {text-align: left;}
}
@media screen and (max-width: 720px) {
  .text-me-center {text-align: center;}
  .text-me-right {text-align: right;}
  .text-me-left {text-align: left;}
}

/* FLOAT */
.fl-rt {float: right !important;}
.fl-lt {float: left !important;}
.fl-none {float: none !important;}
@media screen and (max-width: 1200px) {
  .fl-cr-rt {float: right !important;}
  .fl-cr-lt {float: left !important;}
  .fl-cr-none {float: none !important;}
}
@media screen and (max-width: 960px) {
  .fl-tt-rt {float: right !important;}
  .fl-tt-lt {float: left !important;}
  .fl-tt-none {float: none !important;}
}
@media screen and (max-width: 720px) {
  .fl-me-rt {float: right !important;}
  .fl-me-lt {float: left !important;}
  .fl-me-none {float: none !important;}
}

/* TABLE */
.table {background: #fff;}
.table table {width: 100%;border-spacing: 0;border-collapse: collapse;}
.table td {border: 1px solid #ddd;padding: 9px 18px;}
@media screen and (max-width: 1200px) {
  .table {overflow: auto;}
}

/* NOTIFICAION */
.note {border: 1px solid #ddd;border-left: 6px solid;padding: 12px 18px;}
.note-info {border-left-color: #26b7e7;}
.note-warning {border-left-color: #dd445a;}
.note-danger {border-left-color: #dd445a;}
.note-error {border-left-color: #dd445a;}
.note-success {border-left-color: #44dd61;}
.note-default {border-left-color: #ddd;}
.note-info h1,
.note-info h2,
.note-info h3,
.note-info h4,
.note-info h5,
.note-info h6 {color: #26b7e7;}
.note-warning h1,
.note-warning h2,
.note-warning h3,
.note-warning h4,
.note-warning h5,
.note-warning h6 {color: #dd445a;}
.note-danger h1,
.note-danger h2,
.note-danger h3,
.note-danger h4,
.note-danger h5,
.note-danger h6 {color: #dd445a;}
.note-error h1,
.note-error h2,
.note-error h3,
.note-error h4,
.note-error h5,
.note-error h6 {color: #dd445a;}
.note-success h1,
.note-success h2,
.note-success h3,
.note-success h4,
.note-success h5,
.note-success h6 {color: #44dd61;}

/* ALERT */
.alert {padding: 6px 33px 6px 18px;border: 1px solid;position: relative;}
.alert-info {border-color: #9ADDF4;background: #B8E7F7;color: #26b7e7;}
.alert-warning {border-color: #EFA3AE;background: #F4C1C9;color: #dd445a;}
.alert-danger {border-color: #EFA3AE;background: #F4C1C9;color: #dd445a;}
.alert-error {border-color: #EFA3AE;background: #F4C1C9;color: #dd445a;}
.alert-success {border-color: #A3EFB1;background: #C7F5CF;color: #44dd61;}
.alert-default {border-color: #ddd;background: #f6f6f6;}

/* RATING */
.rating li {float: left;margin: 0 9px 0 0;}
.rating .fa-star {color: #ffc60a;}
.rating li:last-child {margin: 0;}

/* SOCIAL NETWORK */
.social-network li {float: left;margin: 0 21px 0 0;}
.social-network li:last-child {margin: 0;}

/* ANCHOR */
.anchor {position: fixed;bottom: 24px;right: 24px;display: none;text-align: center;background: #37344a;cursor: pointer;z-index: 1;padding: 0;line-height: 43px;width: 45px;color: #fff;border: 1px solid #333;border-radius: 3px;}

/* TEXT NOTIFICAION */
.text-info {color: #26b7e7;}
.text-warning {color: #dd445a;}
.text-danger {color: #dd445a;}
.text-error {color: #dd445a;}
.text-success {color: #44dd61;}

/* FORM ELEMENTS */
.form-group {margin: 0 0 21px 0;}
.form-label {display: inline-block;margin: 0 0 6px 0;}
.form-control {font-size: inherit;line-height: inherit;font-family: inherit;color: inherit;display: block;padding: 6px 18px;border: 1px solid #ddd;background: #fff;min-height: 36px;width: 100%;border-radius: 3px;}
.checkbox label,
.radio label {display: block;}
.checkbox input, 
.radio input, 
.checkbox-inline input, 
.radio-inline input {vertical-align: middle;margin: 0 3px 0 0;width: 12px;height: 12px;}
.checkbox-inline, 
.radio-inline {margin: 0 8px 0 0;float: left;}
.checkbox-inline:last-child, 
.radio-inline:last-child {margin: 0;}

/* BUTTON */
button {display: inline-block;cursor: pointer;font-size: inherit;line-height: inherit;font-family: inherit;color: inherit;}
.btn {display: inline-block;cursor: pointer;font-size: inherit;line-height: inherit;font-family: inherit;color: inherit;text-decoration: none !important;padding: 6px 18px;border: 1px solid;border-radius: 3px;text-align: center;vertical-align: middle;}
.btn-unstyled {border: 0;padding: 0;background: transparent;border-radius: 0;}
.btn-info {border-color: #26b7e7;background: #3ABDE8;}
.btn-warning {border-color: #dd445a;background: #DF5569;}
.btn-success {border-color: #44dd61;background: #55DF6F;}
.btn-primary {border-color: #0f1427;background: #0f1427;}
.btn-default {border-color: #ddd;background: #f6f6f6;}
.btn-block {display: block;width: 100%;}
.btn-info,
.btn-primary,
.btn-warning, 
.btn-success {color: #fff !important;}

/* BUTTON GROUP */
.btn-group:after,
.btn-group:before {clear: both;content: '';display: block;}
.btn-group .btn {float: left;margin: 0 0 0 -1px;border-radius: 0;}
.btn-group .btn:first-child {margin: 0;border-radius: 3px 0 0 3px;}
.btn-group .btn:last-child {border-radius: 0 3px 3px 0;}

/* PAGINATION */
.pagination {margin: 0;padding: 0;list-style: none;}
.pagination li {float: left;border: 1px solid #ddd;margin: 0 0 0 -1px;}
.pagination li:first-child {margin: 0;}
.pagination li.active {background: #f6f6f6;}
.pagination li.disabled {padding: 3px 12px;}
.pagination li.active,
.pagination a {padding: 3px 12px;display: block;}

/* BREADCRUMB */
.breadcrumb {margin: 0;padding: 0;list-style: none;}
.breadcrumb li {float: left;}
.breadcrumb li + li:before {content: '/';margin: 0 9px;}

/* GRID SYSTEM */
.row {margin: 0 -15px;min-height: 1px;position: relative;}

.col-cr-12,
.col-tt-12,
.col-me-12,
.col-nr-12 {width: 100%;}

.col-cr-11,
.col-tt-11,
.col-me-11,
.col-nr-11 {width: 91.66666667%;}

.col-cr-10,
.col-tt-10,
.col-me-10,
.col-nr-10 {width: 83.33333333%;}

.col-cr-9,
.col-tt-9,
.col-me-9,
.col-nr-9 {width: 75%;}

.col-cr-8,
.col-tt-8,
.col-me-8,
.col-nr-8 {width: 66.66666667%;}

.col-cr-7,
.col-tt-7,
.col-me-7,
.col-nr-7 {width: 58.33333333%;}

.col-cr-6,
.col-tt-6,
.col-me-6,
.col-nr-6 {width: 50%;}

.col-cr-5,
.col-tt-5,
.col-me-5,
.col-nr-5 {width: 41.66666667%;}

.col-cr-4,
.col-tt-4,
.col-me-4,
.col-nr-4 {width: 33.33333333%;}

.col-cr-3,
.col-tt-3,
.col-me-3,
.col-nr-3 {width: 25%;}

.col-cr-2,
.col-tt-2,
.col-me-2,
.col-nr-2 {width: 16.66666667%;}

.col-cr-1,
.col-tt-1,
.col-me-1,
.col-nr-1 {width: 8.33333333%;}

.container,
.container-fluid,
.col-cr-12,
.col-cs-12,
.col-cn-12,
.col-tt-12,
.col-ts-12,
.col-tn-12,
.col-me-12,
.col-mn-12,
.col-ms-12,
.col-nr-12,
.col-cr-11,
.col-cs-11,
.col-cn-11,
.col-tt-11,
.col-ts-11,
.col-tn-11,
.col-me-11,
.col-ms-11,
.col-mn-11,
.col-nr-11,
.col-cr-10,
.col-cs-10,
.col-cn-10,
.col-tt-10,
.col-ts-10,
.col-tn-10,
.col-me-10,
.col-ms-10,
.col-mn-10,
.col-nr-10,
.col-cr-9,
.col-cs-9,
.col-cn-9,
.col-tt-9,
.col-ts-9,
.col-tn-9,
.col-me-9,
.col-ms-9,
.col-mn-9,
.col-nr-9,
.col-cr-8,
.col-cs-8,
.col-cn-8,
.col-tt-8,
.col-ts-8,
.col-tn-8,
.col-me-8,
.col-ms-8,
.col-mn-8,
.col-nr-8,
.col-cr-7,
.col-cs-7,
.col-cn-7,
.col-tt-7,
.col-ts-7,
.col-tn-7,
.col-me-7,
.col-ms-7,
.col-mn-7,
.col-nr-7,
.col-cr-6,
.col-cs-6,
.col-cn-6,
.col-tt-6,
.col-ts-6,
.col-tn-6,
.col-me-6,
.col-ms-6,
.col-mn-6,
.col-nr-6,
.col-cr-5,
.col-cs-5,
.col-cn-5,
.col-tt-5,
.col-ts-5,
.col-tn-5,
.col-me-5,
.col-ms-5,
.col-mn-5,
.col-nr-5,
.col-cr-4,
.col-cs-4,
.col-cn-4,
.col-tt-4,
.col-ts-4,
.col-tn-4,
.col-me-4,
.col-ms-4,
.col-mn-4,
.col-nr-4,
.col-cr-3,
.col-cs-3,
.col-cn-3,
.col-tt-3,
.col-ts-3,
.col-tn-3,
.col-me-3,
.col-ms-3,
.col-mn-3,
.col-nr-3,
.col-cr-2,
.col-cs-2,
.col-cn-2,
.col-tt-2,
.col-ts-2,
.col-tn-2,
.col-me-2,
.col-ms-2,
.col-mn-2,
.col-nr-2,
.col-cr-1,
.col-cs-1,
.col-cn-1,
.col-tt-1,
.col-ts-1,
.col-tn-1,
.col-me-1,
.col-ms-1,
.col-mn-1,
.col-nr-1 {min-height: 1px;position: relative;padding: 0 15px;}

.col-cr-12,
.col-tt-12,
.col-me-12,
.col-nr-12,
.col-cr-11,
.col-tt-11,
.col-me-11,
.col-nr-11,
.col-cr-10,
.col-tt-10,
.col-me-10,
.col-nr-10,
.col-cr-9,
.col-tt-9,
.col-me-9,
.col-nr-9,
.col-cr-8,
.col-tt-8,
.col-me-8,
.col-nr-8,
.col-cr-7,
.col-tt-7,
.col-me-7,
.col-nr-7,
.col-cr-6,
.col-tt-6,
.col-me-6,
.col-nr-6,
.col-cr-5,
.col-tt-5,
.col-me-5,
.col-nr-5,
.col-cr-4,
.col-tt-4,
.col-me-4,
.col-nr-4,
.col-cr-3,
.col-tt-3,
.col-me-3,
.col-nr-3,
.col-cr-2,
.col-tt-2,
.col-me-2,
.col-nr-2,
.col-cr-1,
.col-tt-1,
.col-me-1,
.col-nr-1 {float: left;}

.row:before,
.row:after,
.clearfix:before, 
.clearfix:after,
.container:before,
.container:after, 
.container-fluid:before, 
.container-fluid:after {clear: both;content: '';display: block;}

@media screen and (min-width: 1200px) {
  .container {width: 1170px;margin: 0 auto;}
}

@media screen and (max-width: 1200px) {
  .container {width: 930px;margin: 0 auto;}

  .col-cr-12,
  .col-cr-11,
  .col-cr-10,
  .col-cr-9,
  .col-cr-8,
  .col-cr-7,
  .col-cr-6,
  .col-cr-5,
  .col-cr-4,
  .col-cr-3,
  .col-cr-2,
  .col-cr-1 {float: none;width: 100%;}

  .col-cs-12,
  .col-cn-12 {width: 100%;}
  .col-cs-11,
  .col-cn-11 {width: 91.66666667%;}
  .col-cs-10,
  .col-cn-10 {width: 83.33333333%;}
  .col-cs-9,
  .col-cn-9 {width: 75%;}
  .col-cs-8,
  .col-cn-8 {width: 66.66666667%;}
  .col-cs-7,
  .col-cn-7 {width: 58.33333333%;}
  .col-cs-6,
  .col-cn-6 {width: 50%;}
  .col-cs-5,
  .col-cn-5 {width: 41.66666667%;}
  .col-cs-4,
  .col-cn-4 {width: 33.33333333%;}
  .col-cs-3,
  .col-cn-3 {width: 25%;}
  .col-cs-2,
  .col-cn-2 {width: 16.66666667%;}
  .col-cs-1,
  .col-cn-1 {width: 8.33333333%;}

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

@media screen and (max-width: 960px) {
  .container {width: 690px;margin: 0 auto;}

  .col-tt-12,
  .col-cs-12,
  .col-tt-11,
  .col-cs-11,
  .col-tt-10,
  .col-cs-10,
  .col-tt-9,
  .col-cs-9,
  .col-tt-8,
  .col-cs-8,
  .col-tt-7,
  .col-cs-7,
  .col-tt-6,
  .col-cs-6,
  .col-tt-5,
  .col-cs-5,
  .col-tt-4,
  .col-cs-4,
  .col-tt-3,
  .col-cs-3,
  .col-tt-2,
  .col-cs-2,
  .col-tt-1, 
  .col-cs-1 {float: none;width: 100%;}

  .col-ts-12,
  .col-tn-12 {width: 100%;}
  .col-ts-11,
  .col-tn-11 {width: 91.66666667%;}
  .col-ts-10,
  .col-tn-10 {width: 83.33333333%;}
  .col-ts-9,
  .col-tn-9 {width: 75%;}
  .col-ts-8,
  .col-tn-8 {width: 66.66666667%;}
  .col-ts-7,
  .col-tn-7 {width: 58.33333333%;}
  .col-ts-6,
  .col-tn-6 {width: 50%;}
  .col-ts-5,
  .col-tn-5 {width: 41.66666667%;}
  .col-ts-4,
  .col-tn-4 {width: 33.33333333%;}
  .col-ts-3,
  .col-tn-3 {width: 25%;}
  .col-ts-2,
  .col-tn-2 {width: 16.66666667%;}
  .col-ts-1,
  .col-tn-1 {width: 8.33333333%;}

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

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

  .col-me-12,
  .col-ts-12,
  .col-me-11,
  .col-ts-11,
  .col-me-10,
  .col-ts-10,
  .col-me-9,
  .col-ts-9,
  .col-me-8,
  .col-ts-8,
  .col-me-7,
  .col-ts-7,
  .col-me-6,
  .col-ts-6,
  .col-me-5,
  .col-ts-5,
  .col-me-4,
  .col-ts-4,
  .col-me-3,
  .col-ts-3,
  .col-me-2,
  .col-ts-2,
  .col-me-1,
  .col-ts-1 {width: 100%;float: none;}

  .col-ms-12,
  .col-mn-12 {width: 100%;}
  .col-ms-11,
  .col-mn-11 {width: 91.66666667%;}
  .col-ms-10,
  .col-mn-10 {width: 83.33333333%;}
  .col-ms-9,
  .col-mn-9 {width: 75%;}
  .col-ms-8,
  .col-mn-8 {width: 66.66666667%;}
  .col-ms-7,
  .col-mn-7 {width: 58.33333333%;}
  .col-ms-6,
  .col-mn-6 {width: 50%;}
  .col-ms-5,
  .col-mn-5 {width: 41.66666667%;}
  .col-ms-4,
  .col-mn-4 {width: 33.33333333%;}
  .col-ms-3,
  .col-mn-3 {width: 25%;}
  .col-ms-2,
  .col-mn-2 {width: 16.66666667%;}
  .col-ms-1,
  .col-mn-1 {width: 8.33333333%;}

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

@media screen and (max-width: 480px) {
  .col-ms-12,
  .col-ms-11,
  .col-ms-10,
  .col-ms-9,
  .col-ms-8,
  .col-ms-7,
  .col-ms-6,
  .col-ms-5,
  .col-ms-4,
  .col-ms-3,
  .col-ms-2,
  .col-ms-1 {width: 100%;float: none;}
}