.main-nav-item-3-4-col-v1 { }

.main-nav-item-3-4-col-v1 .main-link a {
  display: inline-block;
  padding: 0 3px;
}

.main-nav-item-3-4-col-v1 .drop-down {
  display: none;
}

.main-nav-item-3-4-col-v1 .drop-down .container {
  margin: 0 auto;
  overflow: hidden;
  padding: 20px 0;
}

@media screen and (min-width: 768px) {
  .main-nav-item-3-4-col-v1 .drop-down .container {
    width: 90%;
  }
}

@media screen and (min-width: 900px) {
  .main-nav-item-3-4-col-v1 .drop-down .container {
    width: 800px;
  }
}

@media screen and (min-width: 1020px) {
  .main-nav-item-3-4-col-v1 .drop-down .container {
    width: 920px;
  }
}

.main-nav-item-3-4-col-v1 .drop-down.cols-2 .container {
  width: 500px;
}


/**
 * Dropdown lists
 */

/*
.main-nav-item-3-4-col-v1 .drop-down ul,
.main-nav-item-3-4-col-v1 .drop-down ul li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: left;
}
*/


/**
 * 2 column layout
 */

.main-nav-item-3-4-col-v1 .drop-down.cols-2 { }

.main-nav-item-3-4-col-v1 .drop-down.cols-2 .col-3,
.main-nav-item-3-4-col-v1 .drop-down.cols-2 .col-4 {
  display: none;
}

.main-nav-item-3-4-col-v1 .drop-down.cols-2 .container-4,
.main-nav-item-3-4-col-v1 .drop-down.cols-2 .container-3 { }

.main-nav-item-3-4-col-v1 .drop-down.cols-2 .container-2 {
  clear: left;
  float: left;
  width: 100%;
  overflow: hidden;
}

.main-nav-item-3-4-col-v1 .drop-down.cols-2 .container-1 {
  float: left;
  width: 100%;
  position: relative;
  right: 50%;
}

.main-nav-item-3-4-col-v1 .drop-down.cols-2 .col {
  float: left;
  width: 46%;
  position: relative;
  overflow: hidden;
}

.main-nav-item-3-4-col-v1 .drop-down.cols-2 .col-1 {
  left: 52%;
}

.main-nav-item-3-4-col-v1 .drop-down.cols-2 .col-2 {
  left: 56%;
}


/**
 * 3 column layout
 */

.main-nav-item-3-4-col-v1 .drop-down.cols-3 { }

.main-nav-item-3-4-col-v1 .drop-down.cols-3 .col-4 {
  display: none;
}

.main-nav-item-3-4-col-v1 .drop-down.cols-3 .container-4 { }

.main-nav-item-3-4-col-v1 .drop-down.cols-3 .container-3 {
  clear: left;
  float: left;
  width: 100%;
  overflow: hidden;
}

.main-nav-item-3-4-col-v1 .drop-down.cols-3 .container-2 {
  clear: left;
  float: left;
  width: 100%;
  position: relative;
  right: 33.333%;
}

.main-nav-item-3-4-col-v1 .drop-down.cols-3 .container-1 {
  float: left;
  width: 100%;
  position: relative;
  right: 33.33%;
}

.main-nav-item-3-4-col-v1 .drop-down.cols-3 .col {
  position: relative;
  float: left;
  width: 29.33%;
  overflow: hidden;
}

.main-nav-item-3-4-col-v1 .drop-down.cols-3 .col-1 {
  left: 68.67%;
}

.main-nav-item-3-4-col-v1 .drop-down.cols-3 .col-2 {
  left: 72.67%;
}

.main-nav-item-3-4-col-v1 .drop-down.cols-3 .col-3 {
  left: 76.67%;
}


/**
 * 4 column layout
 */
.main-nav-item-3-4-col-v1 .drop-down.cols-4 { }

.main-nav-item-3-4-col-v1 .drop-down.cols-4 .container-4 {
  clear: left;
  float: left;
  width: 100%;
  overflow: hidden;
}

.main-nav-item-3-4-col-v1 .drop-down.cols-4 .container-3 {
  clear: left;
  float: left;
  width: 100%;
  position: relative;
  right: 25%;
}

.main-nav-item-3-4-col-v1 .drop-down.cols-4 .container-2 {
  clear: left;
  float: left;
  width: 100%;
  position: relative;
  right: 25%;
}

.main-nav-item-3-4-col-v1 .drop-down.cols-4 .container-1 {
  float: left;
  width: 100%;
  position: relative;
  right: 25%;
}

.main-nav-item-3-4-col-v1 .drop-down.cols-4 .col {
  float: left;
  position: relative;
  width: 21%;
}

.main-nav-item-3-4-col-v1 .drop-down.cols-4 .col-1 {
  left: 77%;
}

.main-nav-item-3-4-col-v1 .drop-down.cols-4 .col-2 {
  left: 81%;
}

.main-nav-item-3-4-col-v1 .drop-down.cols-4 .col-3 {
  left: 85%;
}

.main-nav-item-3-4-col-v1 .drop-down.cols-4 .col-4 {
  left: 89%;
}