@media (min-width: 768px) {
  /* swiper bottom scrollbar full */
  .swiper-bottom-scrollbar-full.swiper-container {
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: absolute;
    top: 0;
    transition: all 0.3s ease-in-out 0.7s;
    width: 100%;
  }
  .swiper-bottom-scrollbar-full .swiper-scrollbar {
    left: 0;
    opacity: 1;
    position: absolute;
    width: 100%;
    bottom: 0;
    border-radius: 0;
    height: 2px;
  }
  .swiper-bottom-scrollbar-full .swiper-scrollbar-drag {
    border-radius: 0;
    background: #ff214f;
  }
  .swiper-bottom-scrollbar-full .swiper-scrollbar {
    background: rgba(255, 255, 255, 0.2);
  }
  .swiper-bottom-scrollbar-full .swiper-slide img {
    max-height: 450px;
    transition: all 0.3s ease-in-out;
    opacity: 0.8;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    width: auto;
  }
  .swiper-bottom-scrollbar-full .swiper-slide:hover img {
    opacity: 1;
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    filter: contrast(130%);
    -webkit-filter: contrast(130%);
    max-height: 500px;
    width: auto;
  }
  .swiper-bottom-scrollbar-full .swiper-slide .hover-title-box {
    visibility: hidden;
  }
  .swiper-bottom-scrollbar-full .swiper-slide:hover .hover-title-box {
    right: -160px;
    opacity: 1;
    visibility: visible;
  }
  .swiper-bottom-scrollbar-full .bottom-text {
    position: absolute;
    bottom: 50px;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    letter-spacing: 5px;
  }
  .swiper-bottom-scrollbar-full .swiper-slide:hover .bottom-text {
    opacity: 0.7;
    left: 4px;
  }
  .swiper-bottom-scrollbar-full .swiper-slide img.signature {
    width: 60% !important;
  }
  .swiper-bottom-scrollbar-full .swiper-wrapper {
    height: 100% !important;
  }
  .extra-small-icon li:first-child,
  .small-icon li:first-child,
  .medium-icon li:first-child,
  .large-icon li:first-child,
  .extra-large-icon li:first-child {
    margin-left: 0;
  }
  .extra-small-icon li:last-child,
  .small-icon li:last-child,
  .medium-icon li:last-child,
  .large-icon li:last-child,
  .extra-large-icon li:last-child {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  /* swiper bottom scrollbar full */
  .swiper-bottom-scrollbar-full .swiper-slide img {
    max-height: 450px;
    opacity: 1;
    filter: contrast(130%);
    -webkit-filter: contrast(130%);
    -moz-filter: contrast(130%);
    -ms-filter: contrast(130%);
    -o-filter: contrast(130%);
  }
  .swiper-bottom-scrollbar-full .swiper-slide:hover img {
    max-height: 450px;
  }
  .swiper-bottom-scrollbar-full .bottom-text {
    opacity: 1;
    letter-spacing: 3px;
    letter-spacing: 3px;
  }
  .swiper-bottom-scrollbar-full .swiper-slide:hover .bottom-text {
    opacity: 1;
    left: 0;
  }
  .swiper-bottom-scrollbar-full .swiper-slide:hover .hover-title-box {
    right: 0;
    opacity: 1;
  }
  .hover-title-box {
    opacity: 1;
    right: 0;
    text-align: center;
    top: inherit;
    bottom: 50%;
    transform: translateY(160px);
    -moz-transform: translateY(160px);
    -webkit-transform: translateY(160px);
    -o-transform: translateY(160px);
    -ms-transform: translateY(160px);
    z-index: 99;
    width: 100%;
  }
  .swiper-bottom-scrollbar-full .swiper-slide .hover-title-box {
    visibility: visible;
  }
}

@media (min-width: 992px) {
  /* simple dropdown menu left */
  .simple-dropdown.simple-dropdown-left > ul.dropdown-menu {
    left: inherit !important;
    right: 0 !important;
    text-align: right;
  }
  .simple-dropdown.simple-dropdown-left > ul.dropdown-menu > li > ul.sub-menu {
    left: inherit !important;
    right: 221px;
    text-align: right;
  }
  .simple-dropdown.simple-dropdown-left
    > ul.dropdown-menu
    > li
    > ul.sub-menu
    > li
    > ul.sub-menu {
    left: inherit !important;
    right: 221px;
    text-align: right;
  }
  .simple-dropdown.simple-dropdown-left
    > ul.dropdown-menu
    > li
    > ul.sub-menu
    > li
    > ul.sub-menu
    > li
    > ul.sub-menu {
    left: inherit !important;
    right: 221px;
    text-align: right;
  }
  .simple-dropdown.simple-dropdown-left > ul.dropdown-menu > li a i {
    float: left;
    right: inherit;
    left: 0;
  }
  .simple-dropdown.simple-dropdown-left
    > ul.dropdown-menu
    > li
    a
    .fa-angle-right {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  nav.navbar.bootsnav
    .simple-dropdown.simple-dropdown-left
    .dropdown-menu
    > li {
    padding-left: 20px;
  }
  nav.navbar.bootsnav
    .simple-dropdown.simple-dropdown-left
    .dropdown-menu
    > li
    a {
    padding-left: 20px;
    padding-right: 0;
  }
  .navbar-nav > .simple-dropdown.simple-dropdown-left ul > li > a > i {
    float: right;
    margin-right: 0;
    margin-left: 5px;
    margin-bottom: 5px;
  }
  .simple-dropdown.simple-dropdown-left
    .dropdown-menu
    > li
    > a
    i.fa-angle-right {
    margin-top: -1px;
    margin-left: 0;
    margin-bottom: 0;
  }
  .simple-dropdown.simple-dropdown-left
    .dropdown-menu
    > li
    > ul
    > li
    > a
    i.fa-angle-right {
    margin-top: 0px;
    margin-left: 0;
    margin-bottom: 0;
  }

  /* top logo */
  .navbar-brand-top .navbar-collapse.collapse.display-inline-block {
    display: inline-block !important;
    vertical-align: middle;
  }
  .navbar-brand-top .nav-header-container {
    text-align: center;
  }
  .navbar-brand-top .nav-header-container .row {
    display: block !important;
    display: block !important;
    display: block !important;
  }
  .navbar-brand-top .brand-top-menu-right {
    display: inline-block;
    vertical-align: middle;
    padding-left: 5px;
    position: relative;
  }
  .navbar.navbar-brand-top .row > div:first-child {
    flex: inherit;
  }
  .order-1 {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
  .order-2 {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }

  /* both sidebar */
  .both-content-center {
    padding-left: 15px;
    padding-right: 15px;
    margin-left: calc(25%);
    width: calc(100% - 25% - 25%);
    float: left;
  }
  .both-sidebar-left {
    width: 25%;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    margin-left: calc(0px - 100% + 25%);
  }
  .both-sidebar-right {
    width: 25%;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    margin-left: 0;
  }

  .menu-center .header-right-col > div:first-child {
    border-left: 0 !important;
  }
  .menu-center .header-right-col > div:first-child > div {
    border-left: 0 !important;
  }
  .navbar-brand-top .brand-top-menu-right > div:first-child {
    margin-left: 0;
  }
  .navbar-brand-top .brand-top-menu-right > div:first-child > div {
    margin-left: 0;
  }

  /* Metro design */
  .portfolio-metro-grid.portfolio-grid.gutter-very-small li img {
    margin-bottom: -2px;
  }
  .portfolio-metro-grid.portfolio-grid.gutter-small li img {
    margin-bottom: -3px;
  }
  .portfolio-metro-grid.portfolio-grid.gutter-medium li img {
    margin-bottom: -4px;
  }
  .portfolio-metro-grid.portfolio-grid.gutter-large li img {
    margin-bottom: -6px;
  }
}

@media (min-width: 1025px) {
  .container .parallax {
    background-position-x: 0 !important;
  }
  .vc_parallax {
    background-position-x: 0 !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .feature-box-12 .hover-content-box {
    top: 0;
    height: 100%;
  }
  .feature-box-12 {
    text-align: center;
  }
  .feature-box-12 .feature-content-box {
    display: block;
    padding: 20px 0 0 0 !important;
    width: 100%;
  }
  .feature-box-12 .feature-icon-box {
    display: inline-block;
  }
  .feature-box-12 .feature-icon-box i {
    line-height: 84px;
  }
  .hover-content-box-center {
    display: table-cell;
    vertical-align: middle;
  }
  .hover-content-box-middle {
    display: table;
    height: 100%;
    vertical-align: middle;
    width: 100%;
  }
}
@media (max-width: 2800px) {
  .banner-title {
    top: 25%;
  }
}
@media (max-width: 2400px) {
  .banner-title {
    top: 28%;
  }
}
@media (max-width: 2000px) {
  .banner-title {
    top: 32%;
  }
}
@media (max-width: 1500px) {
  /* sidebar navigation */
  .sidebar-wrapper .container {
    width: 1000px;
  }

  /* home - classic innovation agency */
  .right-image {
    width: 70%;
  }
  .feature-box-5 {
    padding-left: 70px;
  }
  .banner-title {
    width: 80%;
    top: 36%;
  }
}

@media (max-width: 1400px) {
  .head-text {
    font-size: 60px;
    line-height: 70px;
  }
  .banner-style2 figcaption {
    width: 70%;
  }
  .banner-style1 figure figcaption img {
    width: 100px;
  }
  .banner-style1 figure:hover figcaption p {
    height: 150px;
  }
  .feature-box.feature-box-17 .box .content {
    top: 40px;
  }
}

@media (max-width: 1300px) {
  /* sidebar navigation */
  .sidebar-wrapper .container {
    width: 830px;
  }

  /* feature box style 4 */
  .grid-item.feature-box-4 figure figcaption {
    width: 90%;
    padding: 0 0 15px 30px;
  }

  /* sidebar nav style 2 */
  .left-nav-sidebar .container {
    width: 1070px;
  }
  .banner-title {
    top: 40%;
  }
}

@media (max-width: 1250px) {
  /* skillbar bar style 2 */
  .box-layout .skillbar-bar-style2 .skillbar {
    width: 75%;
  }
}

@media (max-width: 1199px) {
  section,
  .default-page-space {
    padding: 90px 0;
  }
  .pofo-page-content-area,
  .pofo-page-widget-area {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .col-6-nth-item .col-lg-2:nth-child(6n + 1) {
    clear: none;
  }
  .col-6-nth-item .col-md-4:nth-child(3n + 1) {
    clear: left;
  }

  /* typography */
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin: 0 0 22px;
    padding: 0;
    letter-spacing: 0;
    font-weight: 400;
  }
  h1 {
    font-size: 65px;
    line-height: 65px;
  }
  h2 {
    font-size: 50px;
    line-height: 55px;
  }
  h3 {
    font-size: 42px;
    line-height: 48px;
  }
  h4 {
    font-size: 35px;
    line-height: 41px;
  }
  h5 {
    font-size: 27px;
    line-height: 32px;
  }
  h6 {
    font-size: 22px;
    line-height: 27px;
  }

  /* text alignment */
  .md-text-center {
    text-align: center;
  }
  .md-text-left {
    text-align: left;
  }
  .md-text-right {
    text-align: right;
  }

  /* float */
  .md-float-left {
    float: left !important;
  }
  .md-float-right {
    float: right !important;
  }
  .md-float-none {
    float: none !important;
  }

  /* verticle align */
  .md-vertical-align-middle {
    vertical-align: middle;
  }
  .md-vertical-align-top {
    vertical-align: top;
  }
  .md-vertical-align-bottom {
    vertical-align: bottom;
  }

  /* image position*/
  .md-background-image-left {
    background-position: left;
  }
  .md-background-image-right {
    background-position: right;
  }
  .md-background-image-center {
    background-position: center;
  }

  /* margin */
  .md-margin-one-all {
    margin: 1%;
  }
  .md-margin-one-half-all {
    margin: 1.5%;
  }
  .md-margin-two-all {
    margin: 2%;
  }
  .md-margin-two-half-all {
    margin: 2.5%;
  }
  .md-margin-three-all {
    margin: 3%;
  }
  .md-margin-three-half-all {
    margin: 3.5%;
  }
  .md-margin-four-all {
    margin: 4%;
  }
  .md-margin-four-half-all {
    margin: 4.5%;
  }
  .md-margin-five-all {
    margin: 5%;
  }
  .md-margin-five-half-all {
    margin: 5.5%;
  }
  .md-margin-six-all {
    margin: 6%;
  }
  .md-margin-six-half-all {
    margin: 6.5%;
  }
  .md-margin-seven-all {
    margin: 7%;
  }
  .md-margin-seven-half-all {
    margin: 7.5%;
  }
  .md-margin-eight-all {
    margin: 8%;
  }
  .md-margin-eight-half-all {
    margin: 8.5%;
  }
  .md-margin-nine-all {
    margin: 9%;
  }
  .md-margin-nine-half-all {
    margin: 9.5%;
  }
  .md-margin-ten-all {
    margin: 10%;
  }
  .md-margin-ten-half-all {
    margin: 10.5%;
  }
  .md-margin-eleven-all {
    margin: 11%;
  }
  .md-margin-eleven-half-all {
    margin: 11.5%;
  }
  .md-margin-twelve-all {
    margin: 12%;
  }
  .md-margin-twelve-half-all {
    margin: 12.5%;
  }
  .md-margin-thirteen-all {
    margin: 13%;
  }
  .md-margin-thirteen-half-all {
    margin: 13.5%;
  }
  .md-margin-fourteen-all {
    margin: 14%;
  }
  .md-margin-fourteen-half-all {
    margin: 14.5%;
  }
  .md-margin-fifteen-all {
    margin: 15%;
  }
  .md-margin-fifteen-half-all {
    margin: 15.5%;
  }
  .md-margin-sixteen-all {
    margin: 16%;
  }
  .md-margin-sixteen-half-all {
    margin: 16.5%;
  }
  .md-margin-seventeen-all {
    margin: 17%;
  }
  .md-margin-seventeen-half-all {
    margin: 17.5%;
  }
  .md-margin-eighteen-all {
    margin: 18%;
  }
  .md-margin-eighteen-half-all {
    margin: 18.5%;
  }
  .md-margin-nineteen-all {
    margin: 19%;
  }
  .md-margin-nineteen-half-all {
    margin: 19.5%;
  }
  .md-margin-twenty-all {
    margin: 20%;
  }
  .md-margin-5px-all {
    margin: 5px !important;
  }
  .md-margin-10px-all {
    margin: 10px !important;
  }
  .md-margin-15px-all {
    margin: 15px !important;
  }
  .md-margin-20px-all {
    margin: 20px !important;
  }
  .md-margin-25px-all {
    margin: 25px !important;
  }
  .md-margin-30px-all {
    margin: 30px !important;
  }
  .md-margin-35px-all {
    margin: 35px !important;
  }
  .md-margin-40px-all {
    margin: 40px !important;
  }
  .md-margin-45px-all {
    margin: 45px !important;
  }
  .md-margin-50px-all {
    margin: 50px !important;
  }
  .md-margin-55px-all {
    margin: 55px !important;
  }
  .md-margin-60px-all {
    margin: 60px !important;
  }
  .md-margin-65px-all {
    margin: 65px !important;
  }
  .md-margin-70px-all {
    margin: 70px !important;
  }
  .md-margin-75px-all {
    margin: 75px !important;
  }
  .md-margin-80px-all {
    margin: 80px !important;
  }
  .md-margin-85px-all {
    margin: 85px !important;
  }
  .md-margin-90px-all {
    margin: 90px !important;
  }
  .md-margin-95px-all {
    margin: 95px !important;
  }
  .md-margin-100px-all {
    margin: 100px !important;
  }

  .md-no-margin {
    margin: 0 !important;
  }
  .md-no-margin-lr {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .md-no-margin-tb {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .md-no-margin-top {
    margin-top: 0 !important;
  }
  .md-no-margin-bottom {
    margin-bottom: 0 !important;
  }
  .md-no-margin-left {
    margin-left: 0 !important;
  }
  .md-no-margin-right {
    margin-right: 0 !important;
  }
  .md-margin-lr-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .md-margin-auto {
    margin: 0 auto !important;
  }

  /* margin top */
  .md-margin-one-top {
    margin-top: 1%;
  }
  .md-margin-one-half-top {
    margin-top: 1.5%;
  }
  .md-margin-two-top {
    margin-top: 2%;
  }
  .md-margin-two-half-top {
    margin-top: 2.5%;
  }
  .md-margin-three-top {
    margin-top: 3%;
  }
  .md-margin-three-half-top {
    margin-top: 3.5%;
  }
  .md-margin-four-top {
    margin-top: 4%;
  }
  .md-margin-four-half-top {
    margin-top: 4.5%;
  }
  .md-margin-five-top {
    margin-top: 5%;
  }
  .md-margin-five-half-top {
    margin-top: 5.5%;
  }
  .md-margin-six-top {
    margin-top: 6%;
  }
  .md-margin-six-half-top {
    margin-top: 6.5%;
  }
  .md-margin-seven-top {
    margin-top: 7%;
  }
  .md-margin-seven-half-top {
    margin-top: 7.5%;
  }
  .md-margin-eight-top {
    margin-top: 8%;
  }
  .md-margin-eight-half-top {
    margin-top: 8.5%;
  }
  .md-margin-nine-top {
    margin-top: 9%;
  }
  .md-margin-nine-half-top {
    margin-top: 9.5%;
  }
  .md-margin-ten-top {
    margin-top: 10%;
  }
  .md-margin-ten-half-top {
    margin-top: 10.5%;
  }
  .md-margin-eleven-top {
    margin-top: 11%;
  }
  .md-margin-eleven-half-top {
    margin-top: 11.5%;
  }
  .md-margin-twelve-top {
    margin-top: 12%;
  }
  .md-margin-twelve-half-top {
    margin-top: 12.5%;
  }
  .md-margin-thirteen-top {
    margin-top: 13%;
  }
  .md-margin-thirteen-half-top {
    margin-top: 13.5%;
  }
  .md-margin-fourteen-top {
    margin-top: 14%;
  }
  .md-margin-fourteen-half-top {
    margin-top: 14.5%;
  }
  .md-margin-fifteen-top {
    margin-top: 15%;
  }
  .md-margin-fifteen-half-top {
    margin-top: 15.5%;
  }
  .md-margin-sixteen-top {
    margin-top: 16%;
  }
  .md-margin-sixteen-half-top {
    margin-top: 16.5%;
  }
  .md-margin-seventeen-top {
    margin-top: 17%;
  }
  .md-margin-seventeen-half-top {
    margin-top: 17.5%;
  }
  .md-margin-eighteen-top {
    margin-top: 18%;
  }
  .md-margin-eighteen-half-top {
    margin-top: 18.5%;
  }
  .md-margin-nineteen-top {
    margin-top: 19%;
  }
  .md-margin-nineteen-half-top {
    margin-top: 19.5%;
  }
  .md-margin-twenty-top {
    margin-top: 20%;
  }
  .md-margin-5px-top {
    margin-top: 5px !important;
  }
  .md-margin-10px-top {
    margin-top: 10px !important;
  }
  .md-margin-15px-top {
    margin-top: 15px !important;
  }
  .md-margin-20px-top {
    margin-top: 20px !important;
  }
  .md-margin-25px-top {
    margin-top: 25px !important;
  }
  .md-margin-30px-top {
    margin-top: 30px !important;
  }
  .md-margin-35px-top {
    margin-top: 35px !important;
  }
  .md-margin-40px-top {
    margin-top: 40px !important;
  }
  .md-margin-45px-top {
    margin-top: 45px !important;
  }
  .md-margin-50px-top {
    margin-top: 50px !important;
  }
  .md-margin-55px-top {
    margin-top: 55px !important;
  }
  .md-margin-60px-top {
    margin-top: 60px !important;
  }
  .md-margin-65px-top {
    margin-top: 65px !important;
  }
  .md-margin-70px-top {
    margin-top: 70px !important;
  }
  .md-margin-75px-top {
    margin-top: 75px !important;
  }
  .md-margin-80px-top {
    margin-top: 80px !important;
  }
  .md-margin-85px-top {
    margin-top: 85px !important;
  }
  .md-margin-90px-top {
    margin-top: 90px !important;
  }
  .md-margin-95px-top {
    margin-top: 95px !important;
  }
  .md-margin-100px-top {
    margin-top: 100px !important;
  }

  /* margin bottom */
  .md-margin-one-bottom {
    margin-bottom: 1%;
  }
  .md-margin-one-half-bottom {
    margin-bottom: 1.5%;
  }
  .md-margin-two-bottom {
    margin-bottom: 2%;
  }
  .md-margin-two-half-bottom {
    margin-bottom: 2.5%;
  }
  .md-margin-three-bottom {
    margin-bottom: 3%;
  }
  .md-margin-three-half-bottom {
    margin-bottom: 3.5%;
  }
  .md-margin-four-bottom {
    margin-bottom: 4%;
  }
  .md-margin-four-half-bottom {
    margin-bottom: 4.5%;
  }
  .md-margin-five-bottom {
    margin-bottom: 5%;
  }
  .md-margin-five-half-bottom {
    margin-bottom: 5.5%;
  }
  .md-margin-six-bottom {
    margin-bottom: 6%;
  }
  .md-margin-six-half-bottom {
    margin-bottom: 6.5%;
  }
  .md-margin-seven-bottom {
    margin-bottom: 7%;
  }
  .md-margin-seven-half-bottom {
    margin-bottom: 7.5%;
  }
  .md-margin-eight-bottom {
    margin-bottom: 8%;
  }
  .md-margin-eight-half-bottom {
    margin-bottom: 8.5%;
  }
  .md-margin-nine-bottom {
    margin-bottom: 9%;
  }
  .md-margin-nine-half-bottom {
    margin-bottom: 9.5%;
  }
  .md-margin-ten-bottom {
    margin-bottom: 10%;
  }
  .md-margin-ten-half-bottom {
    margin-bottom: 10.5%;
  }
  .md-margin-eleven-bottom {
    margin-bottom: 11%;
  }
  .md-margin-eleven-half-bottom {
    margin-bottom: 11.5%;
  }
  .md-margin-twelve-bottom {
    margin-bottom: 12%;
  }
  .md-margin-twelve-half-bottom {
    margin-bottom: 12.5%;
  }
  .md-margin-thirteen-bottom {
    margin-bottom: 13%;
  }
  .md-margin-thirteen-half-bottom {
    margin-bottom: 13.5%;
  }
  .md-margin-fourteen-bottom {
    margin-bottom: 14%;
  }
  .md-margin-fourteen-half-bottom {
    margin-bottom: 14.5%;
  }
  .md-margin-fifteen-bottom {
    margin-bottom: 15%;
  }
  .md-margin-fifteen-half-bottom {
    margin-bottom: 15.5%;
  }
  .md-margin-sixteen-bottom {
    margin-bottom: 16%;
  }
  .md-margin-sixteen-half-bottom {
    margin-bottom: 16.5%;
  }
  .md-margin-seventeen-bottom {
    margin-bottom: 17%;
  }
  .md-margin-seventeen-half-bottom {
    margin-bottom: 17.5%;
  }
  .md-margin-eighteen-bottom {
    margin-bottom: 18%;
  }
  .md-margin-eighteen-half-bottom {
    margin-bottom: 18.5%;
  }
  .md-margin-nineteen-bottom {
    margin-bottom: 19%;
  }
  .md-margin-nineteen-half-bottom {
    margin-bottom: 19.5%;
  }
  .md-margin-twenty-bottom {
    margin-bottom: 20%;
  }
  .md-margin-5px-bottom {
    margin-bottom: 5px !important;
  }
  .md-margin-10px-bottom {
    margin-bottom: 10px !important;
  }
  .md-margin-15px-bottom {
    margin-bottom: 15px !important;
  }
  .md-margin-20px-bottom {
    margin-bottom: 20px !important;
  }
  .md-margin-25px-bottom {
    margin-bottom: 25px !important;
  }
  .md-margin-30px-bottom {
    margin-bottom: 30px !important;
  }
  .md-margin-35px-bottom {
    margin-bottom: 35px !important;
  }
  .md-margin-40px-bottom {
    margin-bottom: 40px !important;
  }
  .md-margin-45px-bottom {
    margin-bottom: 45px !important;
  }
  .md-margin-50px-bottom {
    margin-bottom: 50px !important;
  }
  .md-margin-55px-bottom {
    margin-bottom: 55px !important;
  }
  .md-margin-60px-bottom {
    margin-bottom: 60px !important;
  }
  .md-margin-65px-bottom {
    margin-bottom: 65px !important;
  }
  .md-margin-70px-bottom {
    margin-bottom: 70px !important;
  }
  .md-margin-75px-bottom {
    margin-bottom: 75px !important;
  }
  .md-margin-80px-bottom {
    margin-bottom: 80px !important;
  }
  .md-margin-85px-bottom {
    margin-bottom: 85px !important;
  }
  .md-margin-90px-bottom {
    margin-bottom: 90px !important;
  }
  .md-margin-95px-bottom {
    margin-bottom: 95px !important;
  }
  .md-margin-100px-bottom {
    margin-bottom: 100px !important;
  }

  /* margin right */
  .md-margin-one-right {
    margin-right: 1%;
  }
  .md-margin-one-half-right {
    margin-right: 1.5%;
  }
  .md-margin-two-right {
    margin-right: 2%;
  }
  .md-margin-two-half-right {
    margin-right: 2.5%;
  }
  .md-margin-three-right {
    margin-right: 3%;
  }
  .md-margin-three-half-right {
    margin-right: 3.5%;
  }
  .md-margin-four-right {
    margin-right: 4%;
  }
  .md-margin-four-half-right {
    margin-right: 4.5%;
  }
  .md-margin-five-right {
    margin-right: 5%;
  }
  .md-margin-five-half-right {
    margin-right: 5.5%;
  }
  .md-margin-six-right {
    margin-right: 6%;
  }
  .md-margin-six-half-right {
    margin-right: 6.5%;
  }
  .md-margin-seven-right {
    margin-right: 7%;
  }
  .md-margin-seven-half-right {
    margin-right: 7.5%;
  }
  .md-margin-eight-right {
    margin-right: 8%;
  }
  .md-margin-eight-half-right {
    margin-right: 8.5%;
  }
  .md-margin-nine-right {
    margin-right: 9%;
  }
  .md-margin-nine-half-right {
    margin-right: 9.5%;
  }
  .md-margin-ten-right {
    margin-right: 10%;
  }
  .md-margin-ten-half-right {
    margin-right: 10.5%;
  }
  .md-margin-eleven-right {
    margin-right: 11%;
  }
  .md-margin-eleven-half-right {
    margin-right: 11.5%;
  }
  .md-margin-twelve-right {
    margin-right: 12%;
  }
  .md-margin-twelve-half-right {
    margin-right: 12.5%;
  }
  .md-margin-thirteen-right {
    margin-right: 13%;
  }
  .md-margin-thirteen-half-right {
    margin-right: 13.5%;
  }
  .md-margin-fourteen-right {
    margin-right: 14%;
  }
  .md-margin-fourteen-half-right {
    margin-right: 14.5%;
  }
  .md-margin-fifteen-right {
    margin-right: 15%;
  }
  .md-margin-fifteen-half-right {
    margin-right: 15.5%;
  }
  .md-margin-sixteen-right {
    margin-right: 16%;
  }
  .md-margin-sixteen-half-right {
    margin-right: 16.5%;
  }
  .md-margin-seventeen-right {
    margin-right: 17%;
  }
  .md-margin-seventeen-half-right {
    margin-right: 17.5%;
  }
  .md-margin-eighteen-right {
    margin-right: 18%;
  }
  .md-margin-eighteen-half-right {
    margin-right: 18.5%;
  }
  .md-margin-nineteen-right {
    margin-right: 19%;
  }
  .md-margin-nineteen-half-right {
    margin-right: 19.5%;
  }
  .md-margin-twenty-right {
    margin-right: 20% !important;
  }
  .md-margin-10px-right {
    margin-right: 10px !important;
  }
  .md-margin-15px-right {
    margin-right: 15px !important;
  }
  .md-margin-20px-right {
    margin-right: 20px !important;
  }
  .md-margin-25px-right {
    margin-right: 25px !important;
  }
  .md-margin-30px-right {
    margin-right: 30px !important;
  }
  .md-margin-35px-right {
    margin-right: 35px !important;
  }
  .md-margin-40px-right {
    margin-right: 40px !important;
  }
  .md-margin-45px-right {
    margin-right: 45px !important;
  }
  .md-margin-50px-right {
    margin-right: 50px !important;
  }
  .md-margin-55px-right {
    margin-right: 55px !important;
  }
  .md-margin-60px-right {
    margin-right: 60px !important;
  }
  .md-margin-65px-right {
    margin-right: 65px !important;
  }
  .md-margin-70px-right {
    margin-right: 70px !important;
  }
  .md-margin-75px-right {
    margin-right: 75px !important;
  }
  .md-margin-80px-right {
    margin-right: 80px !important;
  }
  .md-margin-85px-right {
    margin-right: 85px !important;
  }
  .md-margin-90px-right {
    margin-right: 90px !important;
  }
  .md-margin-95px-right {
    margin-right: 95px !important;
  }
  .md-margin-100px-right {
    margin-right: 100px !important;
  }

  /* margin left */
  .md-margin-one-left {
    margin-left: 1%;
  }
  .md-margin-one-half-left {
    margin-left: 1.5%;
  }
  .md-margin-two-left {
    margin-left: 2%;
  }
  .md-margin-two-half-left {
    margin-left: 2.5%;
  }
  .md-margin-three-left {
    margin-left: 3%;
  }
  .md-margin-three-half-left {
    margin-left: 3.5%;
  }
  .md-margin-four-left {
    margin-left: 4%;
  }
  .md-margin-four-half-left {
    margin-left: 4.5%;
  }
  .md-margin-five-left {
    margin-left: 5%;
  }
  .md-margin-five-half-left {
    margin-left: 5.5%;
  }
  .md-margin-six-left {
    margin-left: 6%;
  }
  .md-margin-six-half-left {
    margin-left: 6.5%;
  }
  .md-margin-seven-left {
    margin-left: 7%;
  }
  .md-margin-seven-half-left {
    margin-left: 7.5%;
  }
  .md-margin-eight-left {
    margin-left: 8%;
  }
  .md-margin-eight-half-left {
    margin-left: 8.5%;
  }
  .md-margin-nine-left {
    margin-left: 9%;
  }
  .md-margin-nine-half-left {
    margin-left: 9.5%;
  }
  .md-margin-ten-left {
    margin-left: 10%;
  }
  .md-margin-ten-half-left {
    margin-left: 10.5%;
  }
  .md-margin-eleven-left {
    margin-left: 11%;
  }
  .md-margin-eleven-half-left {
    margin-left: 11.5%;
  }
  .md-margin-twelve-left {
    margin-left: 12%;
  }
  .md-margin-twelve-half-left {
    margin-left: 12.5%;
  }
  .md-margin-thirteen-left {
    margin-left: 13%;
  }
  .md-margin-thirteen-half-left {
    margin-left: 13.5%;
  }
  .md-margin-fourteen-left {
    margin-left: 14%;
  }
  .md-margin-fourteen-half-left {
    margin-left: 14.5%;
  }
  .md-margin-fifteen-left {
    margin-left: 15%;
  }
  .md-margin-fifteen-half-left {
    margin-left: 15.5%;
  }
  .md-margin-sixteen-left {
    margin-left: 16%;
  }
  .md-margin-sixteen-half-left {
    margin-left: 16.5%;
  }
  .md-margin-seventeen-left {
    margin-left: 17%;
  }
  .md-margin-seventeen-half-left {
    margin-left: 17.5%;
  }
  .md-margin-eighteen-left {
    margin-left: 18%;
  }
  .md-margin-eighteen-half-left {
    margin-left: 18.5%;
  }
  .md-margin-nineteen-left {
    margin-left: 19%;
  }
  .md-margin-nineteen-half-left {
    margin-left: 19.5%;
  }
  .md-margin-twenty-left {
    margin-left: 20%;
  }
  .md-margin-5px-left {
    margin-left: 5px !important;
  }
  .md-margin-10px-left {
    margin-left: 10px !important;
  }
  .md-margin-15px-left {
    margin-left: 15px !important;
  }
  .md-margin-20px-left {
    margin-left: 20px !important;
  }
  .md-margin-25px-left {
    margin-left: 25px !important;
  }
  .md-margin-30px-left {
    margin-left: 30px !important;
  }
  .md-margin-35px-left {
    margin-left: 35px !important;
  }
  .md-margin-40px-left {
    margin-left: 40px !important;
  }
  .md-margin-45px-left {
    margin-left: 45px !important;
  }
  .md-margin-50px-left {
    margin-left: 50px !important;
  }
  .md-margin-55px-left {
    margin-left: 55px !important;
  }
  .md-margin-60px-left {
    margin-left: 60px !important;
  }
  .md-margin-65px-left {
    margin-left: 65px !important;
  }
  .md-margin-70px-left {
    margin-left: 70px !important;
  }
  .md-margin-75px-left {
    margin-left: 75px !important;
  }
  .md-margin-80px-left {
    margin-left: 80px !important;
  }
  .md-margin-85px-left {
    margin-left: 85px !important;
  }
  .md-margin-90px-left {
    margin-left: 90px !important;
  }
  .md-margin-95px-left {
    margin-left: 95px !important;
  }
  .md-margin-100px-left {
    margin-left: 100px !important;
  }

  /* margin left right */
  .md-margin-one-lr {
    margin-left: 1%;
    margin-right: 1%;
  }
  .md-margin-one-half-lr {
    margin-left: 1.5%;
    margin-right: 1.5%;
  }
  .md-margin-two-lr {
    margin-left: 2%;
    margin-right: 2%;
  }
  .md-margin-two-half-lr {
    margin-left: 2.5%;
    margin-right: 2.5%;
  }
  .md-margin-three-lr {
    margin-left: 3%;
    margin-right: 3%;
  }
  .md-margin-three-half-lr {
    margin-left: 3.5%;
    margin-right: 3.5%;
  }
  .md-margin-four-lr {
    margin-left: 4%;
    margin-right: 4%;
  }
  .md-margin-four-half-lr {
    margin-left: 4.5%;
    margin-right: 4.5%;
  }
  .md-margin-five-lr {
    margin-left: 5%;
    margin-right: 5%;
  }
  .md-margin-five-half-lr {
    margin-left: 5.5%;
    margin-right: 5.5%;
  }
  .md-margin-six-lr {
    margin-left: 6%;
    margin-right: 6%;
  }
  .md-margin-six-half-lr {
    margin-left: 6.5%;
    margin-right: 6.5%;
  }
  .md-margin-seven-lr {
    margin-left: 7%;
    margin-right: 7%;
  }
  .md-margin-seven-half-lr {
    margin-left: 7.5%;
    margin-right: 7.5%;
  }
  .md-margin-eight-lr {
    margin-left: 8%;
    margin-right: 8%;
  }
  .md-margin-eight-half-lr {
    margin-left: 8.5%;
    margin-right: 8.5%;
  }
  .md-margin-nine-lr {
    margin-left: 9%;
    margin-right: 9%;
  }
  .md-margin-nine-half-lr {
    margin-left: 9.5%;
    margin-right: 9.5%;
  }
  .md-margin-ten-lr {
    margin-left: 10%;
    margin-right: 10%;
  }
  .md-margin-ten-half-lr {
    margin-left: 10.5%;
    margin-right: 10.5%;
  }
  .md-margin-eleven-lr {
    margin-left: 11%;
    margin-right: 11%;
  }
  .md-margin-eleven-half-lr {
    margin-left: 11.5%;
    margin-right: 11.5%;
  }
  .md-margin-twelve-lr {
    margin-left: 12%;
    margin-right: 12%;
  }
  .md-margin-twelve-half-lr {
    margin-left: 12.5%;
    margin-right: 12.5%;
  }
  .md-margin-thirteen-lr {
    margin-left: 13%;
    margin-right: 13%;
  }
  .md-margin-thirteen-half-lr {
    margin-left: 13.5%;
    margin-right: 13.5%;
  }
  .md-margin-fourteen-lr {
    margin-left: 14%;
    margin-right: 14%;
  }
  .md-margin-fourteen-half-lr {
    margin-left: 14.5%;
    margin-right: 14.5%;
  }
  .md-margin-fifteen-lr {
    margin-left: 15%;
    margin-right: 15%;
  }
  .md-margin-fifteen-half-lr {
    margin-left: 15.5%;
    margin-right: 15.5%;
  }
  .md-margin-sixteen-lr {
    margin-left: 16%;
    margin-right: 16%;
  }
  .md-margin-sixteen-half-lr {
    margin-left: 16.5%;
    margin-right: 16.5%;
  }
  .md-margin-seventeen-lr {
    margin-left: 17%;
    margin-right: 17%;
  }
  .md-margin-seventeen-half-lr {
    margin-left: 17.5%;
    margin-right: 17.5%;
  }
  .md-margin-eighteen-lr {
    margin-left: 18%;
    margin-right: 18%;
  }
  .md-margin-eighteen-half-lr {
    margin-left: 18.5%;
    margin-right: 18.5%;
  }
  .md-margin-nineteen-lr {
    margin-left: 19%;
    margin-right: 19%;
  }
  .md-margin-nineteen-half-lr {
    margin-left: 19.5%;
    margin-right: 19.5%;
  }
  .md-margin-twenty-lr {
    margin-left: 20%;
    margin-right: 20%;
  }
  .md-margin-twenty-half-lr {
    margin-left: 20.5%;
    margin-right: 20.5%;
  }
  .md-margin-twenty-one-lr {
    margin-left: 21%;
    margin-right: 21%;
  }
  .md-margin-twenty-one-half-lr {
    margin-left: 21.5%;
    margin-right: 21.5%;
  }
  .md-margin-twenty-two-lr {
    margin-left: 22%;
    margin-right: 22%;
  }
  .md-margin-twenty-two-half-lr {
    margin-left: 22.5%;
    margin-right: 22.5%;
  }
  .md-margin-twenty-three-lr {
    margin-left: 23%;
    margin-right: 23%;
  }
  .md-margin-twenty-three-half-lr {
    margin-left: 23.5%;
    margin-right: 23.5%;
  }
  .md-margin-twenty-four-lr {
    margin-left: 24%;
    margin-right: 24%;
  }
  .md-margin-twenty-four-half-lr {
    margin-left: 24.5%;
    margin-right: 24.5%;
  }
  .md-margin-twenty-five-lr {
    margin-left: 25%;
    margin-right: 25%;
  }
  .md-margin-thirty-lr {
    margin-left: 30%;
    margin-right: 30%;
  }
  .md-margin-5px-lr {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
  .md-margin-10px-lr {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .md-margin-15px-lr {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
  .md-margin-20px-lr {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .md-margin-25px-lr {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }
  .md-margin-30px-lr {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
  .md-margin-35px-lr {
    margin-left: 35px !important;
    margin-right: 35px !important;
  }
  .md-margin-40px-lr {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .md-margin-45px-lr {
    margin-left: 45px !important;
    margin-right: 45px !important;
  }
  .md-margin-50px-lr {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
  .md-margin-55px-lr {
    margin-left: 55px !important;
    margin-right: 55px !important;
  }
  .md-margin-60px-lr {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
  .md-margin-65px-lr {
    margin-left: 65px !important;
    margin-right: 60px !important;
  }
  .md-margin-70px-lr {
    margin-left: 70px !important;
    margin-right: 65px !important;
  }
  .md-margin-75px-lr {
    margin-left: 75px !important;
    margin-right: 70px !important;
  }
  .md-margin-80px-lr {
    margin-left: 80px !important;
    margin-right: 75px !important;
  }
  .md-margin-85px-lr {
    margin-left: 85px !important;
    margin-right: 80px !important;
  }
  .md-margin-90px-lr {
    margin-left: 90px !important;
    margin-right: 85px !important;
  }
  .md-margin-95px-lr {
    margin-left: 95px !important;
    margin-right: 90px !important;
  }
  .md-margin-100px-lr {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }

  /* margin top bottom */
  .md-margin-one-tb {
    margin-top: 1%;
    margin-bottom: 1%;
  }
  .md-margin-one-half-tb {
    margin-top: 1.5%;
    margin-bottom: 1.5%;
  }
  .md-margin-two-tb {
    margin-top: 2%;
    margin-bottom: 2%;
  }
  .md-margin-two-half-tb {
    margin-top: 2.5%;
    margin-bottom: 2.5%;
  }
  .md-margin-three-tb {
    margin-top: 3%;
    margin-bottom: 3%;
  }
  .md-margin-three-half-tb {
    margin-top: 3.5%;
    margin-bottom: 3.5%;
  }
  .md-margin-four-tb {
    margin-top: 4%;
    margin-bottom: 4%;
  }
  .md-margin-four-half-tb {
    margin-top: 4.5%;
    margin-bottom: 4.5%;
  }
  .md-margin-five-tb {
    margin-top: 5%;
    margin-bottom: 5%;
  }
  .md-margin-five-half-tb {
    margin-top: 5.5%;
    margin-bottom: 5.5%;
  }
  .md-margin-six-tb {
    margin-top: 6%;
    margin-bottom: 6%;
  }
  .md-margin-six-half-tb {
    margin-top: 6.5%;
    margin-bottom: 6.5%;
  }
  .md-margin-seven-tb {
    margin-top: 7%;
    margin-bottom: 7%;
  }
  .md-margin-seven-half-tb {
    margin-top: 7.5%;
    margin-bottom: 7.5%;
  }
  .md-margin-eight-tb {
    margin-top: 8%;
    margin-bottom: 8%;
  }
  .md-margin-eight-half-tb {
    margin-top: 8.5%;
    margin-bottom: 8.5%;
  }
  .md-margin-nine-tb {
    margin-top: 9%;
    margin-bottom: 9%;
  }
  .md-margin-nine-half-tb {
    margin-top: 9.5%;
    margin-bottom: 9.5%;
  }
  .md-margin-ten-tb {
    margin-top: 10%;
    margin-bottom: 10%;
  }
  .md-margin-ten-half-tb {
    margin-top: 10.5%;
    margin-bottom: 10.5%;
  }
  .md-margin-eleven-tb {
    margin-top: 11%;
    margin-bottom: 11%;
  }
  .md-margin-eleven-half-tb {
    margin-top: 11.5%;
    margin-bottom: 11.5%;
  }
  .md-margin-twelve-tb {
    margin-top: 12%;
    margin-bottom: 12%;
  }
  .md-margin-twelve-half-tb {
    margin-top: 12.5%;
    margin-bottom: 12.5%;
  }
  .md-margin-thirteen-tb {
    margin-top: 13%;
    margin-bottom: 13%;
  }
  .md-margin-thirteen-half-tb {
    margin-top: 13.5%;
    margin-bottom: 13.5%;
  }
  .md-margin-fourteen-tb {
    margin-top: 14%;
    margin-bottom: 14%;
  }
  .md-margin-fourteen-half-tb {
    margin-top: 14.5%;
    margin-bottom: 14.5%;
  }
  .md-margin-fifteen-tb {
    margin-top: 15%;
    margin-bottom: 15%;
  }
  .md-margin-fifteen-half-tb {
    margin-top: 15.5%;
    margin-bottom: 15.5%;
  }
  .md-margin-sixteen-tb {
    margin-top: 16%;
    margin-bottom: 16%;
  }
  .md-margin-sixteen-half-tb {
    margin-top: 16.5%;
    margin-bottom: 16.5%;
  }
  .md-margin-seventeen-tb {
    margin-top: 17%;
    margin-bottom: 17%;
  }
  .md-margin-seventeen-half-tb {
    margin-top: 17.5%;
    margin-bottom: 17.5%;
  }
  .md-margin-eighteen-tb {
    margin-top: 18%;
    margin-bottom: 18%;
  }
  .md-margin-eighteen-half-tb {
    margin-top: 18.5%;
    margin-bottom: 18.5%;
  }
  .md-margin-nineteen-tb {
    margin-top: 19%;
    margin-bottom: 19%;
  }
  .md-margin-nineteen-half-tb {
    margin-top: 19.5%;
    margin-bottom: 19.5%;
  }
  .md-margin-twenty-tb {
    margin-top: 20%;
    margin-bottom: 20%;
  }
  .md-margin-5px-tb {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .md-margin-10px-tb {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .md-margin-15px-tb {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .md-margin-20px-tb {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .md-margin-25px-tb {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
  .md-margin-30px-tb {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .md-margin-35px-tb {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
  .md-margin-40px-tb {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .md-margin-45px-tb {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
  .md-margin-50px-tb {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .md-margin-55px-tb {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
  }
  .md-margin-60px-tb {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .md-margin-65px-tb {
    margin-top: 65px !important;
    margin-bottom: 60px !important;
  }
  .md-margin-70px-tb {
    margin-top: 70px !important;
    margin-bottom: 65px !important;
  }
  .md-margin-75px-tb {
    margin-top: 75px !important;
    margin-bottom: 70px !important;
  }
  .md-margin-80px-tb {
    margin-top: 80px !important;
    margin-bottom: 75px !important;
  }
  .md-margin-85px-tb {
    margin-top: 85px !important;
    margin-bottom: 80px !important;
  }
  .md-margin-90px-tb {
    margin-top: 90px !important;
    margin-bottom: 85px !important;
  }
  .md-margin-95px-tb {
    margin-top: 95px !important;
    margin-bottom: 90px !important;
  }
  .md-margin-100px-tb {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }

  /* header padding top */
  .md-header-padding-top {
    padding-top: 82px;
  }
  .md-header-margin-top {
    margin-top: 80px;
  }

  /* padding */
  .md-no-padding {
    padding: 0 !important;
  }
  .md-no-padding-lr {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .md-no-padding-tb {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .md-no-padding-top {
    padding-top: 0 !important;
  }
  .md-no-padding-bottom {
    padding-bottom: 0 !important;
  }
  .md-no-padding-left {
    padding-left: 0 !important;
  }
  .md-no-padding-right {
    padding-right: 0 !important;
  }
  .md-padding-one-all {
    padding: 1%;
  }
  .md-padding-one-half-all {
    padding: 1.5%;
  }
  .md-padding-two-all {
    padding: 2%;
  }
  .md-padding-two-half-all {
    padding: 2.5%;
  }
  .md-padding-three-all {
    padding: 3%;
  }
  .md-padding-three-half-all {
    padding: 3.5%;
  }
  .md-padding-four-all {
    padding: 4%;
  }
  .md-padding-four-half-all {
    padding: 4.5%;
  }
  .md-padding-five-all {
    padding: 5%;
  }
  .md-padding-five-half-all {
    padding: 5.5%;
  }
  .md-padding-six-all {
    padding: 6%;
  }
  .md-padding-six-half-all {
    padding: 6.5%;
  }
  .md-padding-seven-all {
    padding: 7%;
  }
  .md-padding-seven-half-all {
    padding: 7.5%;
  }
  .md-padding-eight-all {
    padding: 8%;
  }
  .md-padding-eight-half-all {
    padding: 8.5%;
  }
  .md-padding-nine-all {
    padding: 9%;
  }
  .md-padding-nine-half-all {
    padding: 9.5%;
  }
  .md-padding-ten-all {
    padding: 10%;
  }
  .md-padding-ten-half-all {
    padding: 10.5%;
  }
  .md-padding-eleven-all {
    padding: 11%;
  }
  .md-padding-eleven-half-all {
    padding: 11.5%;
  }
  .md-padding-twelve-all {
    padding: 12%;
  }
  .md-padding-twelve-half-all {
    padding: 12.5%;
  }
  .md-padding-thirteen-all {
    padding: 13%;
  }
  .md-padding-thirteen-half-all {
    padding: 13.5%;
  }
  .md-padding-fourteen-all {
    padding: 14%;
  }
  .md-padding-fourteen-half-all {
    padding: 14.5%;
  }
  .md-padding-fifteen-all {
    padding: 15%;
  }
  .md-padding-fifteen-half-all {
    padding: 15.5%;
  }
  .md-padding-sixteen-all {
    padding: 16%;
  }
  .md-padding-sixteen-half-all {
    padding: 16.5%;
  }
  .md-padding-seventeen-all {
    padding: 17%;
  }
  .md-padding-seventeen-half-all {
    padding: 17.5%;
  }
  .md-padding-eighteen-all {
    padding: 18%;
  }
  .md-padding-eighteen-half-all {
    padding: 18.5%;
  }
  .md-padding-nineteen-all {
    padding: 19%;
  }
  .md-padding-nineteen-half-all {
    padding: 19.5%;
  }
  .md-padding-twenty-all {
    padding: 20%;
  }
  .md-padding-5px-all {
    padding: 5px !important;
  }
  .md-padding-10px-all {
    padding: 10px !important;
  }
  .md-padding-15px-all {
    padding: 15px !important;
  }
  .md-padding-20px-all {
    padding: 20px !important;
  }
  .md-padding-25px-all {
    padding: 25px !important;
  }
  .md-padding-30px-all {
    padding: 30px !important;
  }
  .md-padding-35px-all {
    padding: 35px !important;
  }
  .md-padding-40px-all {
    padding: 40px !important;
  }
  .md-padding-45px-all {
    padding: 45px !important;
  }
  .md-padding-50px-all {
    padding: 50px !important;
  }
  .md-padding-55px-all {
    padding: 55px !important;
  }
  .md-padding-60px-all {
    padding: 60px !important;
  }
  .md-padding-65px-all {
    padding: 65px !important;
  }
  .md-padding-70px-all {
    padding: 70px !important;
  }
  .md-padding-75px-all {
    padding: 75px !important;
  }
  .md-padding-80px-all {
    padding: 80px !important;
  }
  .md-padding-85px-all {
    padding: 85px !important;
  }
  .md-padding-90px-all {
    padding: 90px !important;
  }
  .md-padding-95px-all {
    padding: 95px !important;
  }
  .md-padding-100px-all {
    padding: 100px !important;
  }

  /* padding top */
  .md-padding-one-top {
    padding-top: 1%;
  }
  .md-padding-one-half-top {
    padding-top: 1.5%;
  }
  .md-padding-two-top {
    padding-top: 2%;
  }
  .md-padding-two-half-top {
    padding-top: 2.5%;
  }
  .md-padding-three-top {
    padding-top: 3%;
  }
  .md-padding-three-half-top {
    padding-top: 3.5%;
  }
  .md-padding-four-top {
    padding-top: 4%;
  }
  .md-padding-four-half-top {
    padding-top: 4.5%;
  }
  .md-padding-five-top {
    padding-top: 5%;
  }
  .md-padding-five-half-top {
    padding-top: 5.5%;
  }
  .md-padding-six-top {
    padding-top: 6%;
  }
  .md-padding-six-half-top {
    padding-top: 6.5%;
  }
  .md-padding-seven-top {
    padding-top: 7%;
  }
  .md-padding-seven-half-top {
    padding-top: 7.5%;
  }
  .md-padding-eight-top {
    padding-top: 8%;
  }
  .md-padding-eight-half-top {
    padding-top: 8.5%;
  }
  .md-padding-nine-top {
    padding-top: 9%;
  }
  .md-padding-nine-half-top {
    padding-top: 9.5%;
  }
  .md-padding-ten-top {
    padding-top: 10%;
  }
  .md-padding-ten-half-top {
    padding-top: 10.5%;
  }
  .md-padding-eleven-top {
    padding-top: 11%;
  }
  .md-padding-eleven-half-top {
    padding-top: 11.5%;
  }
  .md-padding-twelve-top {
    padding-top: 12%;
  }
  .md-padding-twelve-half-top {
    padding-top: 12.5%;
  }
  .md-padding-thirteen-top {
    padding-top: 13%;
  }
  .md-padding-thirteen-half-top {
    padding-top: 13.5%;
  }
  .md-padding-fourteen-top {
    padding-top: 14%;
  }
  .md-padding-fourteen-half-top {
    padding-top: 14.5%;
  }
  .md-padding-fifteen-top {
    padding-top: 15%;
  }
  .md-padding-fifteen-half-top {
    padding-top: 15.5%;
  }
  .md-padding-sixteen-top {
    padding-top: 16%;
  }
  .md-padding-sixteen-half-top {
    padding-top: 16.5%;
  }
  .md-padding-seventeen-top {
    padding-top: 17%;
  }
  .md-padding-seventeen-half-top {
    padding-top: 17.5%;
  }
  .md-padding-eighteen-top {
    padding-top: 18%;
  }
  .md-padding-eighteen-half-top {
    padding-top: 18.5%;
  }
  .md-padding-nineteen-top {
    padding-top: 19%;
  }
  .md-padding-nineteen-half-top {
    padding-top: 19.5%;
  }
  .md-padding-twenty-top {
    padding-top: 20%;
  }
  .md-padding-5px-top {
    padding-top: 5px !important;
  }
  .md-padding-10px-top {
    padding-top: 10px !important;
  }
  .md-padding-15px-top {
    padding-top: 15px !important;
  }
  .md-padding-20px-top {
    padding-top: 20px !important;
  }
  .md-padding-25px-top {
    padding-top: 25px !important;
  }
  .md-padding-30px-top {
    padding-top: 30px !important;
  }
  .md-padding-35px-top {
    padding-top: 35px !important;
  }
  .md-padding-40px-top {
    padding-top: 40px !important;
  }
  .md-padding-45px-top {
    padding-top: 45px !important;
  }
  .md-padding-50px-top {
    padding-top: 50px !important;
  }
  .md-padding-55px-top {
    padding-top: 55px !important;
  }
  .md-padding-60px-top {
    padding-top: 60px !important;
  }
  .md-padding-65px-top {
    padding-top: 65px !important;
  }
  .md-padding-70px-top {
    padding-top: 70px !important;
  }
  .md-padding-75px-top {
    padding-top: 75px !important;
  }
  .md-padding-80px-top {
    padding-top: 80px !important;
  }
  .md-padding-85px-top {
    padding-top: 85px !important;
  }
  .md-padding-90px-top {
    padding-top: 90px !important;
  }
  .md-padding-95px-top {
    padding-top: 95px !important;
  }
  .md-padding-100px-top {
    padding-top: 100px !important;
  }

  /* padding bottom */
  .md-padding-one-bottom {
    padding-bottom: 1%;
  }
  .md-padding-one-half-bottom {
    padding-bottom: 1.5%;
  }
  .md-padding-two-bottom {
    padding-bottom: 2%;
  }
  .md-padding-two-half-bottom {
    padding-bottom: 2.5%;
  }
  .md-padding-three-bottom {
    padding-bottom: 3%;
  }
  .md-padding-three-half-bottom {
    padding-bottom: 3.5%;
  }
  .md-padding-four-bottom {
    padding-bottom: 4%;
  }
  .md-padding-four-half-bottom {
    padding-bottom: 4.5%;
  }
  .md-padding-five-bottom {
    padding-bottom: 5%;
  }
  .md-padding-five-half-bottom {
    padding-bottom: 5.5%;
  }
  .md-padding-six-bottom {
    padding-bottom: 6%;
  }
  .md-padding-six-half-bottom {
    padding-bottom: 6.5%;
  }
  .md-padding-seven-bottom {
    padding-bottom: 7%;
  }
  .md-padding-seven-half-bottom {
    padding-bottom: 7.5%;
  }
  .md-padding-eight-bottom {
    padding-bottom: 8%;
  }
  .md-padding-eight-half-bottom {
    padding-bottom: 8.5%;
  }
  .md-padding-nine-bottom {
    padding-bottom: 9%;
  }
  .md-padding-nine-half-bottom {
    padding-bottom: 9.5%;
  }
  .md-padding-ten-bottom {
    padding-bottom: 10%;
  }
  .md-padding-ten-half-bottom {
    padding-bottom: 10.5%;
  }
  .md-padding-eleven-bottom {
    padding-bottom: 11%;
  }
  .md-padding-eleven-half-bottom {
    padding-bottom: 11.5%;
  }
  .md-padding-twelve-bottom {
    padding-bottom: 12%;
  }
  .md-padding-twelve-half-bottom {
    padding-bottom: 12.5%;
  }
  .md-padding-thirteen-bottom {
    padding-bottom: 13%;
  }
  .md-padding-thirteen-half-bottom {
    padding-bottom: 13.5%;
  }
  .md-padding-fourteen-bottom {
    padding-bottom: 14%;
  }
  .md-padding-fourteen-half-bottom {
    padding-bottom: 14.5%;
  }
  .md-padding-fifteen-bottom {
    padding-bottom: 15%;
  }
  .md-padding-fifteen-half-bottom {
    padding-bottom: 15.5%;
  }
  .md-padding-sixteen-bottom {
    padding-bottom: 16%;
  }
  .md-padding-sixteen-half-bottom {
    padding-bottom: 16.5%;
  }
  .md-padding-seventeen-bottom {
    padding-bottom: 17%;
  }
  .md-padding-seventeen-half-bottom {
    padding-bottom: 17.5%;
  }
  .md-padding-eighteen-bottom {
    padding-bottom: 18%;
  }
  .md-padding-eighteen-half-bottom {
    padding-bottom: 18.5%;
  }
  .md-padding-nineteen-bottom {
    padding-bottom: 19%;
  }
  .md-padding-nineteen-half-bottom {
    padding-bottom: 19.5%;
  }
  .md-padding-twenty-bottom {
    padding-bottom: 20%;
  }
  .md-padding-5px-bottom {
    padding-bottom: 5px !important;
  }
  .md-padding-10px-bottom {
    padding-bottom: 10px !important;
  }
  .md-padding-15px-bottom {
    padding-bottom: 15px !important;
  }
  .md-padding-20px-bottom {
    padding-bottom: 20px !important;
  }
  .md-padding-25px-bottom {
    padding-bottom: 25px !important;
  }
  .md-padding-30px-bottom {
    padding-bottom: 30px !important;
  }
  .md-padding-35px-bottom {
    padding-bottom: 35px !important;
  }
  .md-padding-40px-bottom {
    padding-bottom: 40px !important;
  }
  .md-padding-45px-bottom {
    padding-bottom: 45px !important;
  }
  .md-padding-50px-bottom {
    padding-bottom: 50px !important;
  }
  .md-padding-55px-bottom {
    padding-bottom: 55px !important;
  }
  .md-padding-60px-bottom {
    padding-bottom: 60px !important;
  }
  .md-padding-65px-bottom {
    padding-bottom: 65px !important;
  }
  .md-padding-70px-bottom {
    padding-bottom: 70px !important;
  }
  .md-padding-75px-bottom {
    padding-bottom: 75px !important;
  }
  .md-padding-80px-bottom {
    padding-bottom: 80px !important;
  }
  .md-padding-85px-bottom {
    padding-bottom: 85px !important;
  }
  .md-padding-90px-bottom {
    padding-bottom: 90px !important;
  }
  .md-padding-95px-bottom {
    padding-bottom: 95px !important;
  }
  .md-padding-100px-bottom {
    padding-bottom: 100px !important;
  }

  /* padding right */
  .md-padding-one-right {
    padding-right: 1%;
  }
  .md-padding-one-half-right {
    padding-right: 1.5%;
  }
  .md-padding-two-right {
    padding-right: 2%;
  }
  .md-padding-two-half-right {
    padding-right: 2.5%;
  }
  .md-padding-three-right {
    padding-right: 3%;
  }
  .md-padding-three-half-right {
    padding-right: 3.5%;
  }
  .md-padding-four-right {
    padding-right: 4%;
  }
  .md-padding-four-half-right {
    padding-right: 4.5%;
  }
  .md-padding-five-right {
    padding-right: 5%;
  }
  .md-padding-five-half-right {
    padding-right: 5.5%;
  }
  .md-padding-six-right {
    padding-right: 6%;
  }
  .md-padding-six-half-right {
    padding-right: 6.5%;
  }
  .md-padding-seven-right {
    padding-right: 7%;
  }
  .md-padding-seven-half-right {
    padding-right: 7.5%;
  }
  .md-padding-eight-right {
    padding-right: 8%;
  }
  .md-padding-eight-half-right {
    padding-right: 8.5%;
  }
  .md-padding-nine-right {
    padding-right: 9%;
  }
  .md-padding-nine-half-right {
    padding-right: 9.5%;
  }
  .md-padding-ten-right {
    padding-right: 10%;
  }
  .md-padding-ten-half-right {
    padding-right: 10.5%;
  }
  .md-padding-eleven-right {
    padding-right: 11%;
  }
  .md-padding-eleven-half-right {
    padding-right: 11.5%;
  }
  .md-padding-twelve-right {
    padding-right: 12%;
  }
  .md-padding-twelve-half-right {
    padding-right: 12.5%;
  }
  .md-padding-thirteen-right {
    padding-right: 13%;
  }
  .md-padding-thirteen-half-right {
    padding-right: 13.5%;
  }
  .md-padding-fourteen-right {
    padding-right: 14%;
  }
  .md-padding-fourteen-half-right {
    padding-right: 14.5%;
  }
  .md-padding-fifteen-right {
    padding-right: 15%;
  }
  .md-padding-fifteen-half-right {
    padding-right: 15.5%;
  }
  .md-padding-sixteen-right {
    padding-right: 16%;
  }
  .md-padding-sixteen-half-right {
    padding-right: 16.5%;
  }
  .md-padding-seventeen-right {
    padding-right: 17%;
  }
  .md-padding-seventeen-half-right {
    padding-right: 17.5%;
  }
  .md-padding-eighteen-right {
    padding-right: 18%;
  }
  .md-padding-eighteen-half-right {
    padding-right: 18.5%;
  }
  .md-padding-nineteen-right {
    padding-right: 19%;
  }
  .md-padding-nineteen-half-right {
    padding-right: 19.5%;
  }
  .md-padding-twenty-right {
    padding-right: 20%;
  }
  .md-padding-5px-right {
    padding-right: 5px !important;
  }
  .md-padding-10px-right {
    padding-right: 10px !important;
  }
  .md-padding-15px-right {
    padding-right: 15px !important;
  }
  .md-padding-20px-right {
    padding-right: 20px !important;
  }
  .md-padding-25px-right {
    padding-right: 25px !important;
  }
  .md-padding-30px-right {
    padding-right: 30px !important;
  }
  .md-padding-35px-right {
    padding-right: 35px !important;
  }
  .md-padding-40px-right {
    padding-right: 40px !important;
  }
  .md-padding-45px-right {
    padding-right: 45px !important;
  }
  .md-padding-50px-right {
    padding-right: 50px !important;
  }
  .md-padding-55px-right {
    padding-right: 55px !important;
  }
  .md-padding-60px-right {
    padding-right: 60px !important;
  }
  .md-padding-65px-right {
    padding-right: 65px !important;
  }
  .md-padding-70px-right {
    padding-right: 70px !important;
  }
  .md-padding-75px-right {
    padding-right: 75px !important;
  }
  .md-padding-80px-right {
    padding-right: 80px !important;
  }
  .md-padding-85px-right {
    padding-right: 85px !important;
  }
  .md-padding-90px-right {
    padding-right: 90px !important;
  }
  .md-padding-95px-right {
    padding-right: 95px !important;
  }
  .md-padding-100px-right {
    padding-right: 100px !important;
  }

  /* padding left */
  .md-padding-one-left {
    padding-left: 1%;
  }
  .md-padding-one-half-left {
    padding-left: 1.5%;
  }
  .md-padding-two-left {
    padding-left: 2%;
  }
  .md-padding-two-half-left {
    padding-left: 2.5%;
  }
  .md-padding-three-left {
    padding-left: 3%;
  }
  .md-padding-three-half-left {
    padding-left: 3.5%;
  }
  .md-padding-four-left {
    padding-left: 4%;
  }
  .md-padding-four-half-left {
    padding-left: 4.5%;
  }
  .md-padding-five-left {
    padding-left: 5%;
  }
  .md-padding-five-half-left {
    padding-left: 5.5%;
  }
  .md-padding-six-left {
    padding-left: 6%;
  }
  .md-padding-six-half-left {
    padding-left: 6.5%;
  }
  .md-padding-seven-left {
    padding-left: 7%;
  }
  .md-padding-seven-half-left {
    padding-left: 7.5%;
  }
  .md-padding-eight-left {
    padding-left: 8%;
  }
  .md-padding-eight-half-left {
    padding-left: 8.5%;
  }
  .md-padding-nine-left {
    padding-left: 9%;
  }
  .md-padding-nine-half-left {
    padding-left: 9.5%;
  }
  .md-padding-ten-left {
    padding-left: 10%;
  }
  .md-padding-ten-half-left {
    padding-left: 10.5%;
  }
  .md-padding-eleven-left {
    padding-left: 11%;
  }
  .md-padding-eleven-half-left {
    padding-left: 11.5%;
  }
  .md-padding-twelve-left {
    padding-left: 12%;
  }
  .md-padding-twelve-half-left {
    padding-left: 12.5%;
  }
  .md-padding-thirteen-left {
    padding-left: 13%;
  }
  .md-padding-thirteen-half-left {
    padding-left: 13.5%;
  }
  .md-padding-fourteen-left {
    padding-left: 14%;
  }
  .md-padding-fourteen-half-left {
    padding-left: 14.5%;
  }
  .md-padding-fifteen-left {
    padding-left: 15%;
  }
  .md-padding-fifteen-half-left {
    padding-left: 15.5%;
  }
  .md-padding-sixteen-left {
    padding-left: 16%;
  }
  .md-padding-sixteen-half-left {
    padding-left: 16.5%;
  }
  .md-padding-seventeen-left {
    padding-left: 17%;
  }
  .md-padding-seventeen-half-left {
    padding-left: 17.5%;
  }
  .md-padding-eighteen-left {
    padding-left: 18%;
  }
  .md-padding-eighteen-half-left {
    padding-left: 18.5%;
  }
  .md-padding-nineteen-left {
    padding-left: 19%;
  }
  .md-padding-nineteen-half-left {
    padding-left: 19.5%;
  }
  .md-padding-twenty-left {
    padding-left: 20%;
  }
  .md-padding-5px-left {
    padding-left: 5px !important;
  }
  .md-padding-10px-left {
    padding-left: 10px !important;
  }
  .md-padding-15px-left {
    padding-left: 15px !important;
  }
  .md-padding-20px-left {
    padding-left: 20px !important;
  }
  .md-padding-25px-left {
    padding-left: 25px !important;
  }
  .md-padding-30px-left {
    padding-left: 30px !important;
  }
  .md-padding-35px-left {
    padding-left: 35px !important;
  }
  .md-padding-40px-left {
    padding-left: 40px !important;
  }
  .md-padding-45px-left {
    padding-left: 45px !important;
  }
  .md-padding-50px-left {
    padding-left: 50px !important;
  }
  .md-padding-55px-left {
    padding-left: 55px !important;
  }
  .md-padding-60px-left {
    padding-left: 60px !important;
  }
  .md-padding-65px-left {
    padding-left: 65px !important;
  }
  .md-padding-70px-left {
    padding-left: 70px !important;
  }
  .md-padding-75px-left {
    padding-left: 75px !important;
  }
  .md-padding-80px-left {
    padding-left: 80px !important;
  }
  .md-padding-85px-left {
    padding-left: 85px !important;
  }
  .md-padding-90px-left {
    padding-left: 90px !important;
  }
  .md-padding-95px-left {
    padding-left: 95px !important;
  }
  .md-padding-100px-left {
    padding-left: 100px !important;
  }

  /* padding top bottom */
  .md-padding-one-tb {
    padding-top: 1%;
    padding-bottom: 1%;
  }
  .md-padding-one-half-tb {
    padding-top: 1.5%;
    padding-bottom: 1.5%;
  }
  .md-padding-two-tb {
    padding-top: 2%;
    padding-bottom: 2%;
  }
  .md-padding-two-half-tb {
    padding-top: 2.5%;
    padding-bottom: 2.5%;
  }
  .md-padding-three-tb {
    padding-top: 3%;
    padding-bottom: 3%;
  }
  .md-padding-three-half-tb {
    padding-top: 3.5%;
    padding-bottom: 3.5%;
  }
  .md-padding-four-tb {
    padding-top: 4%;
    padding-bottom: 4%;
  }
  .md-padding-four-half-tb {
    padding-top: 4.5%;
    padding-bottom: 4.5%;
  }
  .md-padding-five-tb {
    padding-top: 5%;
    padding-bottom: 5%;
  }
  .md-padding-five-half-tb {
    padding-top: 5.5%;
    padding-bottom: 5.5%;
  }
  .md-padding-six-tb {
    padding-top: 6%;
    padding-bottom: 6%;
  }
  .md-padding-six-half-tb {
    padding-top: 6.5%;
    padding-bottom: 6.5%;
  }
  .md-padding-seven-tb {
    padding-top: 7%;
    padding-bottom: 7%;
  }
  .md-padding-seven-half-tb {
    padding-top: 7.5%;
    padding-bottom: 7.5%;
  }
  .md-padding-eight-tb {
    padding-top: 8%;
    padding-bottom: 8%;
  }
  .md-padding-eight-half-tb {
    padding-top: 8.5%;
    padding-bottom: 8.5%;
  }
  .md-padding-nine-tb {
    padding-top: 9%;
    padding-bottom: 9%;
  }
  .md-padding-nine-half-tb {
    padding-top: 9.5%;
    padding-bottom: 9.5%;
  }
  .md-padding-ten-tb {
    padding-top: 10%;
    padding-bottom: 10%;
  }
  .md-padding-ten-half-tb {
    padding-top: 10.5%;
    padding-bottom: 10.5%;
  }
  .md-padding-eleven-tb {
    padding-top: 11%;
    padding-bottom: 11%;
  }
  .md-padding-eleven-half-tb {
    padding-top: 11.5%;
    padding-bottom: 11.5%;
  }
  .md-padding-twelve-tb {
    padding-top: 12%;
    padding-bottom: 12%;
  }
  .md-padding-twelve-half-tb {
    padding-top: 12.5%;
    padding-bottom: 12.5%;
  }
  .md-padding-thirteen-tb {
    padding-top: 13%;
    padding-bottom: 13%;
  }
  .md-padding-thirteen-half-tb {
    padding-top: 13.5%;
    padding-bottom: 13.5%;
  }
  .md-padding-fourteen-tb {
    padding-top: 14%;
    padding-bottom: 14%;
  }
  .md-padding-fourteen-half-tb {
    padding-top: 14.5%;
    padding-bottom: 14.5%;
  }
  .md-padding-fifteen-tb {
    padding-top: 15%;
    padding-bottom: 15%;
  }
  .md-padding-fifteen-half-tb {
    padding-top: 15.5%;
    padding-bottom: 15.5%;
  }
  .md-padding-sixteen-tb {
    padding-top: 16%;
    padding-bottom: 16%;
  }
  .md-padding-sixteen-half-tb {
    padding-top: 16.5%;
    padding-bottom: 16.5%;
  }
  .md-padding-seventeen-tb {
    padding-top: 17%;
    padding-bottom: 17%;
  }
  .md-padding-seventeen-half-tb {
    padding-top: 17.5%;
    padding-bottom: 17.5%;
  }
  .md-padding-eighteen-tb {
    padding-top: 18%;
    padding-bottom: 18%;
  }
  .md-padding-eighteen-half-tb {
    padding-top: 18.5%;
    padding-bottom: 18.5%;
  }
  .md-padding-nineteen-tb {
    padding-top: 19%;
    padding-bottom: 19%;
  }
  .md-padding-nineteen-half-tb {
    padding-top: 19.5%;
    padding-bottom: 19.5%;
  }
  .md-padding-twenty-tb {
    padding-top: 20%;
    padding-bottom: 20%;
  }
  .md-padding-thirty-tb {
    padding-top: 30%;
    padding-bottom: 30%;
  }
  .md-padding-5px-tb {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .md-padding-10px-tb {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .md-padding-15px-tb {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .md-padding-20px-tb {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .md-padding-25px-tb {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  .md-padding-30px-tb {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .md-padding-35px-tb {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
  .md-padding-40px-tb {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .md-padding-45px-tb {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
  .md-padding-50px-tb {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .md-padding-55px-tb {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }
  .md-padding-60px-tb {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .md-padding-65px-tb {
    padding-top: 65px !important;
    padding-bottom: 65px !important;
  }
  .md-padding-70px-tb {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
  .md-padding-75px-tb {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
  }
  .md-padding-80px-tb {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .md-padding-85px-tb {
    padding-top: 85px !important;
    padding-bottom: 85px !important;
  }
  .md-padding-90px-tb {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }
  .md-padding-95px-tb {
    padding-top: 95px !important;
    padding-bottom: 95px !important;
  }
  .md-padding-100px-tb {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }

  /* padding left right */
  .md-padding-one-lr {
    padding-left: 1%;
    padding-right: 1%;
  }
  .md-padding-one-half-lr {
    padding-left: 1.5%;
    padding-right: 1.5%;
  }
  .md-padding-two-lr {
    padding-left: 2%;
    padding-right: 2%;
  }
  .md-padding-two-half-lr {
    padding-left: 2.5%;
    padding-right: 2.5%;
  }
  .md-padding-three-lr {
    padding-left: 3%;
    padding-right: 3%;
  }
  .md-padding-three-half-lr {
    padding-left: 3.5%;
    padding-right: 3.5%;
  }
  .md-padding-four-lr {
    padding-left: 4%;
    padding-right: 4%;
  }
  .md-padding-four-half-lr {
    padding-left: 4.5%;
    padding-right: 4.5%;
  }
  .md-padding-five-lr {
    padding-left: 5%;
    padding-right: 5%;
  }
  .md-padding-five-half-lr {
    padding-left: 5.5%;
    padding-right: 5.5%;
  }
  .md-padding-six-lr {
    padding-left: 6%;
    padding-right: 6%;
  }
  .md-padding-six-half-lr {
    padding-left: 6.5%;
    padding-right: 6.5%;
  }
  .md-padding-seven-lr {
    padding-left: 7%;
    padding-right: 7%;
  }
  .md-padding-seven-half-lr {
    padding-left: 7.5%;
    padding-right: 7.5%;
  }
  .md-padding-eight-lr {
    padding-left: 8%;
    padding-right: 8%;
  }
  .md-padding-eight-half-lr {
    padding-left: 8.5%;
    padding-right: 8.5%;
  }
  .md-padding-nine-lr {
    padding-left: 9%;
    padding-right: 9%;
  }
  .md-padding-nine-half-lr {
    padding-left: 9.5%;
    padding-right: 9.5%;
  }
  .md-padding-ten-lr {
    padding-left: 10%;
    padding-right: 10%;
  }
  .md-padding-ten-half-lr {
    padding-left: 10.5%;
    padding-right: 10.5%;
  }
  .md-padding-eleven-lr {
    padding-left: 11%;
    padding-right: 11%;
  }
  .md-padding-eleven-half-lr {
    padding-left: 11.5%;
    padding-right: 11.5%;
  }
  .md-padding-twelve-lr {
    padding-left: 12%;
    padding-right: 12%;
  }
  .md-padding-twelve-half-lr {
    padding-left: 12.5%;
    padding-right: 12.5%;
  }
  .md-padding-thirteen-lr {
    padding-left: 13%;
    padding-right: 13%;
  }
  .md-padding-thirteen-half-lr {
    padding-left: 13.5%;
    padding-right: 13.5%;
  }
  .md-padding-fourteen-lr {
    padding-left: 14%;
    padding-right: 14%;
  }
  .md-padding-fourteen-half-lr {
    padding-left: 14.5%;
    padding-right: 14.5%;
  }
  .md-padding-fifteen-lr {
    padding-left: 15%;
    padding-right: 15%;
  }
  .md-padding-fifteen-half-lr {
    padding-left: 15.5%;
    padding-right: 15.5%;
  }
  .md-padding-sixteen-lr {
    padding-left: 16%;
    padding-right: 16%;
  }
  .md-padding-sixteen-half-lr {
    padding-left: 16.5%;
    padding-right: 16.5%;
  }
  .md-padding-seventeen-lr {
    padding-left: 17%;
    padding-right: 17%;
  }
  .md-padding-seventeen-half-lr {
    padding-left: 17.5%;
    padding-right: 17.5%;
  }
  .md-padding-eighteen-lr {
    padding-left: 18%;
    padding-right: 18%;
  }
  .md-padding-eighteen-half-lr {
    padding-left: 18.5%;
    padding-right: 18.5%;
  }
  .md-padding-nineteen-lr {
    padding-left: 19%;
    padding-right: 19%;
  }
  .md-padding-nineteen-half-lr {
    padding-left: 19.5%;
    padding-right: 19.5%;
  }
  .md-padding-twenty-lr {
    padding-left: 20%;
    padding-right: 20%;
  }
  .md-padding-twenty-half-lr {
    padding-left: 20.5%;
    padding-right: 20.5%;
  }
  .md-padding-twenty-one-lr {
    padding-left: 21%;
    padding-right: 21%;
  }
  .md-padding-twenty-one-half-lr {
    padding-left: 21.5%;
    padding-right: 21.5%;
  }
  .md-padding-twenty-two-lr {
    padding-left: 22%;
    padding-right: 22%;
  }
  .md-padding-twenty-two-half-lr {
    padding-left: 22.5%;
    padding-right: 22.5%;
  }
  .md-padding-twenty-three-lr {
    padding-left: 23%;
    padding-right: 23%;
  }
  .md-padding-twenty-three-half-lr {
    padding-left: 23.5%;
    padding-right: 23.5%;
  }
  .md-padding-twenty-four-lr {
    padding-left: 24%;
    padding-right: 24%;
  }
  .md-padding-twenty-four-half-lr {
    padding-left: 24.5%;
    padding-right: 24.5%;
  }
  .md-padding-twenty-five-lr {
    padding-left: 25%;
    padding-right: 25%;
  }
  .md-padding-thirty-lr {
    padding-left: 30%;
    padding-right: 30%;
  }

  .md-padding-5px-lr {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .md-padding-10px-lr {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .md-padding-15px-lr {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .md-padding-20px-lr {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .md-padding-25px-lr {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
  .md-padding-30px-lr {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .md-padding-35px-lr {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
  .md-padding-40px-lr {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .md-padding-45px-lr {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }
  .md-padding-50px-lr {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .md-padding-55px-lr {
    padding-left: 55px !important;
    padding-right: 55px !important;
  }
  .md-padding-60px-lr {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
  .md-padding-65px-lr {
    padding-left: 65px !important;
    padding-right: 65px !important;
  }
  .md-padding-70px-lr {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }
  .md-padding-75px-lr {
    padding-left: 75px !important;
    padding-right: 75px !important;
  }
  .md-padding-80px-lr {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
  .md-padding-85px-lr {
    padding-left: 85px !important;
    padding-right: 85px !important;
  }
  .md-padding-90px-lr {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }
  .md-padding-95px-lr {
    padding-left: 95px !important;
    padding-right: 95px !important;
  }
  .md-padding-100px-lr {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }

  /* col height */
  .one-fourth-screen {
    height: 700px;
  }
  .md-small-screen {
    height: 300px;
  }

  /* owl slider height */
  .slider-half-screen {
    min-height: 650px;
  }

  /* background position */
  .md-bg-position-left-top,
  .vc_row-has-fill.md-bg-position-left-top {
    background-position: left top !important;
  }
  .md-bg-position-left-center,
  .vc_row-has-fill.md-bg-position-left-center {
    background-position: left center !important;
  }
  .md-bg-position-left-bottom,
  .vc_row-has-fill.md-bg-position-left-bottom {
    background-position: left bottom !important;
  }
  .md-bg-position-center-top,
  .vc_row-has-fill.md-bg-position-center-top {
    background-position: center top !important;
  }
  .md-bg-position-center-center,
  .vc_row-has-fill.md-bg-position-center-center {
    background-position: center center !important;
  }
  .md-bg-position-center-bottom,
  .vc_row-has-fill.md-bg-position-center-bottom {
    background-position: center bottom !important;
  }
  .md-bg-position-right-top,
  .vc_row-has-fill.md-bg-position-right-top {
    background-position: right top !important;
  }
  .md-bg-position-right-center,
  .vc_row-has-fill.md-bg-position-right-center {
    background-position: right center !important;
  }
  .md-bg-position-right-bottom,
  .vc_row-has-fill.md-bg-position-right-bottom {
    background-position: right bottom !important;
  }

  /* top */
  .md-top-auto {
    top: auto;
  }
  .md-top-0 {
    top: 0 !important;
  }
  .md-top-1 {
    top: 1px;
  }
  .md-top-2 {
    top: 2px;
  }
  .md-top-3 {
    top: 3px;
  }
  .md-top-4 {
    top: 4px;
  }
  .md-top-5 {
    top: 5px;
  }
  .md-top-6 {
    top: 6px;
  }
  .md-top-7 {
    top: 7px;
  }
  .md-top-8 {
    top: 8px;
  }
  .md-top-9 {
    top: 9px;
  }
  .md-top-10 {
    top: 10px;
  }
  .md-top-17 {
    top: 17px;
  }

  .md-top-minus1 {
    top: -1px;
  }
  .md-top-minus2 {
    top: -2px;
  }
  .md-top-minus3 {
    top: -3px;
  }
  .md-top-minus4 {
    top: -4px;
  }
  .md-top-minus5 {
    top: -5px;
  }
  .md-top-minus6 {
    top: -6px;
  }
  .md-top-minus7 {
    top: -7px;
  }
  .md-top-minus8 {
    top: -8px;
  }
  .md-top-minus9 {
    top: -9px;
  }
  .md-top-minus10 {
    top: -10px;
  }
  .md-top-minus30 {
    top: -30px;
  }

  /* bottom */
  .md-bottom-auto {
    bottom: auto;
  }
  .md-bottom-0 {
    bottom: 0;
  }
  .md-bottom-1 {
    bottom: 1px;
  }
  .md-bottom-2 {
    bottom: 2px;
  }
  .md-bottom-3 {
    bottom: 3px;
  }
  .md-bottom-4 {
    bottom: 4px;
  }
  .md-bottom-5 {
    bottom: 5px;
  }
  .md-bottom-6 {
    bottom: 6px;
  }
  .md-bottom-7 {
    bottom: 7px;
  }
  .md-bottom-8 {
    bottom: 8px;
  }
  .md-bottom-9 {
    bottom: 9px;
  }
  .md-bottom-10 {
    bottom: 10px;
  }
  .md-bottom-20 {
    bottom: 20px;
  }
  .md-bottom-25 {
    bottom: 25px;
  }
  .md-bottom-30 {
    bottom: 30px;
  }
  .md-bottom--minus50 {
    bottom: -50px;
  }

  /* left */
  .md-left-auto {
    left: auto;
  }
  .md-left-0 {
    left: 0;
  }
  .md-left-1 {
    left: 1px;
  }
  .md-left-2 {
    left: 2px;
  }
  .md-left-3 {
    left: 3px;
  }
  .md-left-4 {
    left: 4px;
  }
  .md-left-5 {
    left: 5px;
  }
  .md-left-6 {
    left: 6px;
  }
  .md-left-7 {
    left: 7px;
  }
  .md-left-8 {
    left: 8px;
  }
  .md-left-9 {
    left: 9px;
  }
  .md-left-10 {
    left: 10px;
  }

  /* right */
  .md-right-auto {
    right: auto;
  }
  .md-right-0 {
    right: 0;
  }
  .md-right-1 {
    right: 1px;
  }
  .md-right-2 {
    right: 2px;
  }
  .md-right-3 {
    right: 3px;
  }
  .md-right-4 {
    right: 4px;
  }
  .md-right-5 {
    right: 5px;
  }
  .md-right-6 {
    right: 6px;
  }
  .md-right-7 {
    right: 7px;
  }
  .md-right-8 {
    right: 8px;
  }
  .md-right-9 {
    right: 9px;
  }
  .md-right-10 {
    right: 10px;
  }

  /* width */
  .md-width-10 {
    width: 10%;
  }
  .md-width-15 {
    width: 15%;
  }
  .md-width-20 {
    width: 20%;
  }
  .md-width-25 {
    width: 25%;
  }
  .md-width-30 {
    width: 30%;
  }
  .md-width-35 {
    width: 35%;
  }
  .md-width-40 {
    width: 40%;
  }
  .md-width-45 {
    width: 45%;
  }
  .md-width-50 {
    width: 50%;
  }
  .md-width-55 {
    width: 55%;
  }
  .md-width-60 {
    width: 60%;
  }
  .md-width-65 {
    width: 65%;
  }
  .md-width-70 {
    width: 70%;
  }
  .md-width-75 {
    width: 75%;
  }
  .md-width-80 {
    width: 80%;
  }
  .md-width-85 {
    width: 85%;
  }
  .md-width-90 {
    width: 90%;
  }
  .md-width-95 {
    width: 95%;
  }
  .md-width-100 {
    width: 100%;
  }
  .md-width-auto {
    width: auto;
  }

  .md-width-50px {
    width: 50px;
  }
  .md-width-70px {
    width: 70px;
  }
  .md-width-75px {
    width: 75px;
  }
  .md-width-80px {
    width: 80px;
  }
  .md-width-85px {
    width: 85px;
  }
  .md-width-90px {
    width: 90px;
  }
  .md-width-95px {
    width: 95px;
  }
  .md-width-100px {
    width: 100px;
  }
  .md-width-120px {
    width: 120px;
  }
  .md-width-130px {
    width: 130px;
  }
  .md-width-150px {
    width: 150px;
  }
  .md-width-180px {
    width: 180px;
  }
  .md-width-200px {
    width: 200px;
  }
  .md-width-250px {
    width: 250px;
  }
  .md-width-300px {
    width: 300px;
  }
  .md-width-350px {
    width: 350px;
  }
  .md-width-400px {
    width: 400px;
  }
  .md-width-450px {
    width: 450px;
  }
  .md-width-500px {
    width: 500px;
  }
  .md-width-550px {
    width: 550px;
  }
  .md-width-600px {
    width: 600px;
  }
  .md-width-650px {
    width: 650px;
  }
  .md-width-700px {
    width: 700px;
  }
  .md-width-750px {
    width: 750px;
  }
  .md-width-800px {
    width: 800px;
  }
  .md-width-850px {
    width: 850px;
  }
  .md-width-900px {
    width: 900px;
  }
  .md-width-950px {
    width: 950px;
  }
  .md-width-1000px {
    width: 1000px;
  }

  /* height */
  .md-height-auto {
    height: auto;
  }
  .md-height-50px {
    height: 50px;
  }
  .md-height-60px {
    height: 60px;
  }
  .md-height-70px {
    height: 70px;
  }
  .md-height-80px {
    height: 80px;
  }
  .md-height-90px {
    height: 90px;
  }
  .md-height-100px {
    height: 100px;
  }
  .md-height-150px {
    height: 150px;
  }
  .md-height-200px {
    height: 200px;
  }
  .md-height-250px {
    height: 250px;
  }
  .md-height-300px {
    height: 300px;
  }
  .md-height-350px {
    height: 350px;
  }
  .md-height-400px {
    height: 400px;
  }
  .md-height-450px {
    height: 450px;
  }
  .md-height-500px {
    height: 500px;
  }
  .md-height-550px {
    height: 550px;
  }
  .md-height-600px {
    height: 600px;
  }
  .md-height-650px {
    height: 650px;
  }
  .md-height-700px {
    height: 700px;
  }
  .md-height-750px {
    height: 750px;
  }
  .md-height-800px {
    height: 800px;
  }
  .md-height-850px {
    height: 850px;
  }
  .md-height-900px {
    height: 900px;
  }
  .md-height-100 {
    height: 100%;
  }

  /* line height */
  .md-line-height-auto {
    line-height: normal;
  }
  .md-line-height-10 {
    line-height: 10px;
  }
  .md-line-height-18 {
    line-height: 18px;
  }
  .md-line-height-20 {
    line-height: 20px;
  }
  .md-line-height-24 {
    line-height: 24px;
  }
  .md-line-height-22 {
    line-height: 22px;
  }
  .md-line-height-26 {
    line-height: 26px;
  }
  .md-line-height-28 {
    line-height: 28px;
  }
  .md-line-height-30 {
    line-height: 30px;
  }
  .md-line-height-35 {
    line-height: 35px;
  }
  .md-line-height-40 {
    line-height: 40px;
  }
  .md-line-height-45 {
    line-height: 45px;
  }
  .md-line-height-50 {
    line-height: 50px;
  }
  .md-line-height-55 {
    line-height: 55px;
  }
  .md-line-height-60 {
    line-height: 60px;
  }
  .md-line-height-65 {
    line-height: 65px;
  }
  .md-line-height-70 {
    line-height: 70px;
  }
  .md-line-height-75 {
    line-height: 75px;
  }
  .md-line-height-80 {
    line-height: 80px;
  }
  .md-line-height-85 {
    line-height: 85px;
  }
  .md-line-height-90 {
    line-height: 90px;
  }
  .md-line-height-95 {
    line-height: 95px;
  }
  .md-line-height-100 {
    line-height: 100px;
  }

  /* display */
  .md-display-block {
    display: block !important;
  }
  .md-overflow-hidden {
    overflow: hidden !important;
  }
  .md-display-inline-block {
    display: inline-block !important;
  }
  .md-display-inline {
    display: inline !important;
  }
  .md-display-none {
    display: none !important;
  }
  .md-display-inherit {
    display: inherit !important;
  }
  .md-display-table {
    display: table !important;
  }
  .md-display-table-cell {
    display: table-cell !important;
  }

  /* position */
  .md-position-inherit {
    position: inherit;
  }
  .md-position-relative {
    position: relative;
    z-index: 5;
  }
  .md-position-absolute {
    position: absolute;
  }
  .md-position-fixed {
    position: fixed;
  }

  /* border */
  .md-no-border-top {
    border-top: 0 !important;
  }
  .md-no-border-bottom {
    border-bottom: 0 !important;
  }
  .md-no-border-right {
    border-right: 0 !important;
  }
  .md-no-border-left {
    border-left: 0 !important;
  }

  /* equalize auto */
  .md-equalize-auto > [class*="col-"] {
    height: auto !important;
  }

  /* clear */
  .md-clear-none {
    clear: none;
  }
  .md-clear-both {
    clear: both;
  }

  /* box layout */
  .box-layout {
    padding: 0 0;
  }
  .md-no-background-img,
  .vc_row-has-fill.md-no-background-img {
    background-image: none !important;
  }

  /* navigation */
  header nav .navbar-nav > li > a,
  header nav.navbar-brand-top .navbar-nav > li:last-child a {
    margin: 0 11px;
  }

  /* header language */
  #lang_sel > ul {
    padding-left: 7px !important;
  }

  /* header social icon */
  .header-social-icon {
    padding-left: 10px;
    margin-left: 20px;
  }
  .header-searchbar {
    padding-left: 20px;
  }

  /* blog header */
  .blog-header-style1 li figure figcaption {
    padding: 30px;
  }

  /* nav box width */
  header nav.nav-box-width {
    padding: 0;
  }
  header .top-header-area.nav-box-width {
    padding-left: 0;
    padding-right: 0;
  }

  /* skillbar bar style */
  .box-layout .skillbar-bar-style2 .skillbar {
    width: 88%;
  }

  /* sidebar menu */
  nav.navbar.sidebar-nav ul.nav > li > a {
    padding: 10px 5px;
  }
  .nav.navbar-right-sidebar .dropdown.on .second-level {
    left: 230px;
  }
  .sidebar-wrapper {
    padding-left: 230px;
  }
  nav.navbar.sidebar-nav {
    width: 230px;
    padding-left: 0;
    padding-right: 0;
  }
  .nav.navbar-left-sidebar li {
    padding: 0 20px;
  }
  .sidebar-nav .dropdown-menu li > a {
    margin: 0 15px;
  }
  .nav.navbar-left-sidebar > li > ul li a {
    margin-right: 15px;
  }
  .sidebar-nav-style-1 .nav.navbar-left-sidebar .dropdown.on .second-level {
    left: 230px;
    width: 230px;
  }
  .sidebar-nav-style-1
    .nav.navbar-left-sidebar
    .second-level
    .dropdown.on
    .third-level {
    left: 460px;
    width: 230px;
  }
  .sidebar-wrapper .portfolio-grid.work-4col li,
  .sidebar-wrapper .blog-grid.work-4col li {
    width: 33.33%;
  }
  .full-width-pull-menu .menu-wrap ul {
    padding-left: 0;
  }
  .full-width-pull-menu span.dropdown-toggle {
    right: 0;
  }

  /* feature box 4 */
  .feature-box-4 figure figcaption {
    padding: 20px;
  }
  .feature-box-4 figure figcaption .btn {
    opacity: 1;
  }
  .feature-box-4 figure:hover figcaption {
    transform: translateY(0px);
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -o-transform: translateY(0px);
  }

  /* feature box 10 */
  .feature-box-10 .number-center::before {
    width: 180%;
  }
  .feature-box-10 .number-center::after {
    width: 180%;
  }

  /* feature box 12 */
  .feature-box-12 .hover-content-box {
    width: 100%;
  }

  /* footer */
  .social-style-2 ul li {
    margin: 0 10px 5px 0;
  }

  /* hamburg menu */
  .hamburger-menu-links {
    font-size: 40px;
    line-height: 45px;
  }
  .menu-middle {
    width: 85%;
  }

  /* sidebar nav style 2 */
  .left-nav-sidebar .container {
    width: 850px;
  }

  /* next prev button style 3 */
  .swiper-button-prev.swiper-prev-style3,
  .swiper-button-next.swiper-next-style3 {
    left: 57.8%;
  }

  /* home - classic innovation agency */
  .box-separator-line {
    left: -60px;
    top: 86px;
  }
  .right-image {
    bottom: -250px;
    width: 70%;
    right: -130px;
  }
  .content-right-slider .swiper-button-next {
    right: 20px;
  }
  .content-right-slider .swiper-button-prev {
    left: 20px;
  }

  /* font size */
  .title-large {
    font-size: 90px;
    line-height: 90px;
  }
  .text-extra-large {
    font-size: 18px;
    line-height: 24px;
  }
  .percent {
    line-height: 125px;
  }

  /* portfolio grid */
  .portfolio-grid.work-6col li,
  .blog-grid.blog-6col li {
    width: 25%;
  }
  .portfolio-grid.work-6col li.grid-item-double,
  .blog-grid.blog-6col li.grid-item-double {
    width: 50%;
  }

  /* portfolio 5 column */
  .portfolio-grid.work-5col li,
  .blog-grid.blog-5col li {
    width: 33.333%;
  }
  .portfolio-grid.work-5col li.grid-item-double,
  .blog-grid.blog-5col li.grid-item-double {
    width: 50%;
  }

  .portfolio-grid.work-4col li,
  .blog-grid.blog-4col li {
    width: 33.333%;
  }
  .portfolio-grid.work-4col li.grid-item-double,
  .blog-grid.blog-4col li.grid-item-double {
    width: 66.667%;
  }
  .portfolio-grid.work-4col li.grid-item-double:last-child,
  .blog-grid.blog-4col li.grid-item-double:last-child {
    width: 100%;
  }

  /* mega menu */
  nav.navbar.bootsnav li.dropdown .mega-menu-full {
    padding: 25px;
  }
  nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li {
    border-right: none;
  }
  nav.navbar.bootsnav li.dropdown .menu-back-div > ul {
    width: 920px;
  }
  nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li a,
  nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li.dropdown-header {
    padding: 0 10px 0 0;
    margin: 0;
  }
  nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li a.dropdown-header {
    padding-left: 0;
    padding-right: 10px;
  }
  nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li:last-child img {
    padding-left: 10px;
  }

  /* counter box */
  .counter-box-3 .counter-box {
    display: inline-block;
    width: 100px;
  }

  /* banner style 01 */
  .banner-style1 figure:hover figcaption p {
    height: 80px;
  }
  .banner-style1 figure img {
    width: 130px;
  }
  .banner-style1 .feature-box.feature-box-7 .box .content {
    top: 50px;
  }
  .banner-style1 .feature-box.feature-box-7 .box:hover .content {
    top: 0;
  }
  .swiper-pagination-bottom.swiper-container-horizontal .swiper-wrapper {
    margin-bottom: 70px;
  }
  .swiper-pagination-custom,
  .swiper-pagination-fraction {
    bottom: 0px;
  }
  .swiper-full-screen .swiper-pagination,
  .hover-option3 .swiper-pagination {
    bottom: 30px;
  }
  .swiper-container-horizontal.portfolio-slider-style-1
    .swiper-pagination-bullets {
    bottom: 15px;
  }

  /* hover option 3 */
  .hover-option3 .grid-item a:hover p {
    bottom: 0;
    opacity: 1;
  }
  .hover-option3 .grid-item figure p {
    bottom: 0;
    opacity: 1;
    margin-bottom: 30px;
  }
  .hover-option3 .grid-item figure h6 {
    bottom: 0;
  }
  .hover-option3 .grid-item figure figcaption {
    padding: 0 30px;
  }

  /* next previous button style 2 */
  .swiper-next-style2 {
    right: 5%;
  }
  .swiper-prev-style2 {
    left: 5%;
  }
  .swiper-auto-width .swiper-scrollbar {
    left: 15%;
    width: 70%;
  }
  .swiper-auto-width
    .swiper-slide.swiper-slide-active
    .absolute-middle-center
    h2 {
    transition: all 0.4s ease-in-out 0.4s;
  }

  /* background position */
  .md-bg-position-left-top,
  .vc_row-has-fill.md-bg-position-left-top,
  .vc_col-has-fill .md-bg-position-left-top {
    background-position: left top !important;
  }
  .md-bg-position-left-center,
  .vc_row-has-fill.md-bg-position-left-center,
  .vc_col-has-fill .md-bg-position-left-center {
    background-position: left center !important;
  }
  .md-bg-position-left-bottom,
  .vc_row-has-fill.md-bg-position-left-bottom,
  .vc_col-has-fill .md-bg-position-left-bottom {
    background-position: left bottom !important;
  }
  .md-bg-position-center-top,
  .vc_row-has-fill.md-bg-position-center-top,
  .vc_col-has-fill .md-bg-position-center-top {
    background-position: center top !important;
  }
  .md-bg-position-center-center,
  .vc_row-has-fill.md-bg-position-center-center,
  .vc_col-has-fill .md-bg-position-center-center {
    background-position: center center !important;
  }
  .md-bg-position-center-bottom,
  .vc_row-has-fill.md-bg-position-center-bottom,
  .vc_col-has-fill .md-bg-position-center-bottom {
    background-position: center bottom !important;
  }
  .md-bg-position-right-top,
  .vc_row-has-fill.md-bg-position-right-top,
  .vc_col-has-fill .md-bg-position-right-top {
    background-position: right top !important;
  }
  .md-bg-position-right-center,
  .vc_row-has-fill.md-bg-position-right-center,
  .vc_col-has-fill .md-bg-position-right-center {
    background-position: right center !important;
  }
  .md-bg-position-right-bottom,
  .vc_row-has-fill.md-bg-position-right-bottom,
  .vc_col-has-fill .md-bg-position-right-bottom {
    background-position: right bottom !important;
  }

  /* portfolio grid */
  .portfolio-grid.portfolio-metro-grid.work-4col li {
    width: 50%;
  }
  .portfolio-grid.portfolio-metro-grid.work-4col li.grid-item-double {
    width: 50%;
  }
  .portfolio-grid.portfolio-metro-grid.work-4col
    li.grid-item-double:last-child {
    width: 50%;
  }
  .portfolio-grid.portfolio-metro-grid.work-6col li {
    width: 50%;
  }
  .portfolio-grid.portfolio-metro-grid.work-6col li.grid-item-double {
    width: 50%;
  }
  .portfolio-grid.portfolio-metro-grid.work-6col
    li.grid-item-double:last-child {
    width: 50%;
  }
  .portfolio-grid.portfolio-metro-grid.work-3col li {
    width: 50%;
  }
  .portfolio-grid.portfolio-metro-grid.work-3col li.grid-item-double {
    width: 50%;
  }
  .portfolio-grid.portfolio-metro-grid.work-3col
    li.grid-item-double:last-child {
    width: 50%;
  }

  /* top logo */
  .navbar-brand-top .brand-top-menu-right {
    padding-left: 15px;
  }

  /* woocommerce style */
  .woocommerce-MyAccount-content {
    padding-left: 16px;
  }
  header.site-header > .header-mini-cart {
    left: 230px;
  }
  header .widget_shopping_cart {
    padding-left: 20px;
    margin-left: 20px;
  }

  /* demo page */
  .demo-pofo-slider6 .swiper-slide img {
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
  }

  /* tab style 4 */
  .tab-style4 .nav-tabs li a {
    padding: 10px 15px;
  }
  .tab-style4 .nav-tabs > li a span {
    margin-right: 0;
    display: block;
    text-align: center;
  }
  .tab-style4 .nav-tabs > li a span i,
  .tab-style4 .nav-tabs > li a span img {
    padding-bottom: 8px;
  }

  /* slider style 9 */
  .pofo-slider9 .btn-dual .btn {
    margin-bottom: 10px;
    margin-right: 10px !important;
    margin-left: 0;
  }
}

@media (max-width: 1150px) {
  /* sidebar navigation */
  .sidebar-wrapper .container {
    width: 750px;
  }
}

@media (max-width: 1050px) {
  /* sidebar navigation */
  .sidebar-wrapper .container {
    width: 100%;
  }
  .parallax,
  .vc_parallax {
    background-attachment: inherit !important;
    background-position: center center !important;
  }
  .feature-box.feature-box-17 .box .content {
    top: 50px;
  }
  .banner-title {
    top: 43%;
  }
  .sidebar-nav .logo-holder {
    min-height: 60px;
  }
  nav.navbar.bootsnav.sidebar-nav li.dropdown ul.dropdown-menu {
    padding-top: 112px;
  }
  .nav.navbar-left-sidebar li a {
    padding: 17px 0 !important;
  }
  .sidebar-part2 .sidebar-middle {
    padding: 90px 0 90px;
  }
}

@media (max-width: 1024px) and (min-width: 992px) {
  .sidebar-part2 .sidebar-middle,
  .sidebar-part2 nav.navbar.bootsnav li.dropdown ul.dropdown-menu {
    padding: 90px 0 220px;
  }
  header .sidebar-part2 nav.navbar.bootsnav ul > li > a {
    font-size: 30px;
    line-height: 37px;
  }
  .sidebar-part2 ul > li {
    padding: 7px 20px 7px 0;
  }
}

@media (max-width: 991px) {
  /* mini header */
  .admin-bar
    .sticky.header-with-topbar.sticky-mini-header
    nav.navbar.sidebar-nav.sidebar-nav-style-1
    .sidenav-header,
  .admin-bar
    .sticky-mini-header
    nav.navbar.sidebar-nav.sidebar-nav-style-1
    .sidenav-header {
    top: 80px;
  }
  .admin-bar nav.navbar.sidebar-nav {
    margin-top: 0;
  }
  .admin-bar .no-sticky .menu-logo-center {
    margin-top: 0;
  }
  .admin-bar .sticky.header-with-topbar .top-header-area {
    top: -46px;
  }
  .admin-bar .no-sticky .navbar-non-sticky-top.full-width-pull-menu {
    margin-top: 32px;
  }
  .admin-bar .header-with-topbar .sticky .left-nav,
  .admin-bar .header-with-topbar .sticky .sidebar-part1,
  .admin-bar .header-with-topbar .sticky nav.navbar.sidebar-nav {
    top: 46px;
  }
  .admin-bar .header-with-topbar .close-button-menu {
    top: 110px;
  }
  .admin-bar nav.navbar.sidebar-nav {
    top: 46px;
  }
  .admin-bar .sticky nav.navbar.sidebar-nav {
    top: 46px;
  }
  .admin-bar .close-button-menu {
    top: 60px;
  }

  /* nav left sidebar */
  .left-nav-sidebar .container {
    width: 700px;
  }
  .left-nav-sidebar {
    padding-left: 0;
  }
  .left-nav-sidebar .fullscreenbanner {
    padding-left: 0 !important;
  }

  /* nav center logo */
  .pofo-center-logo-menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-grow: 1 !important;
  }
  .pofo-center-logo-menu .center-logo {
    position: inherit;
    width: auto;
    left: auto;
    top: auto;
    text-align: left;
    margin-right: auto;
  }
  .pofo-center-logo-menu .accordion-menu {
    width: auto;
  }
  .center-logo-search-cart-full-width .accordion-menu .nav,
  .center-logo-search-cart-full-width .accordion-menu .nav:nth-child(2) {
    width: 100% !important;
  }

  /* heading */
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin: 0 0 18px;
    padding: 0;
    letter-spacing: 0;
    font-weight: 400;
  }
  h1 {
    font-size: 57px;
    line-height: 58px;
  }
  h2 {
    font-size: 43px;
    line-height: 48px;
  }
  h3 {
    font-size: 36px;
    line-height: 41px;
  }
  h4 {
    font-size: 30px;
    line-height: 35px;
  }
  h5 {
    font-size: 24px;
    line-height: 30px;
  }
  h6 {
    font-size: 22px;
    line-height: 26px;
  }
  p {
    margin: 3px 0 3px;
  }

  /* text size */
  .title-large {
    font-size: 70px;
    line-height: 65px;
  }
  .title-extra-large {
    font-size: 100px;
    line-height: 95px;
  }
  .title-medium {
    font-size: 60px;
    line-height: 65px;
  }
  .percent {
    line-height: 125px;
  }

  /* custom */
  section.extra-big-section {
    padding: 150px 0;
  }
  section,
  .default-page-space {
    padding: 75px 0;
  }
  section.big-section {
    padding: 120px 0;
  }
  section.half-section {
    padding: 40px 0;
  }
  .pofo-page-content-area {
    padding-top: 75px;
    padding-bottom: 0;
  }
  .pofo-page-widget-area {
    padding-top: 0;
    padding-bottom: 20px;
  }
  .sm-col-2-nth .col-sm-6:nth-child(2n + 1) {
    clear: left;
  }
  .sm-col-3-nth .col-sm-4:nth-child(3n + 1) {
    clear: left;
  }
  .sm-col-4-nth .col-sm-3:nth-child(4n + 1) {
    clear: left;
  }
  .col-2-nth-item .col-md-6:nth-child(2n + 1) {
    clear: none;
  }
  .col-2-nth-item .col-sm-6:nth-child(2n + 1) {
    clear: left;
  }
  .col-3-nth-item .col-md-4:nth-child(3n + 1) {
    clear: none;
  }
  .col-3-nth-item .col-sm-6:nth-child(2n + 1) {
    clear: left;
  }
  .col-4-nth-item .col-md-3:nth-child(4n + 1) {
    clear: none;
  }
  .col-4-nth-item .col-sm-6:nth-child(2n + 1) {
    clear: left;
  }
  .col-6-nth-item .col-md-4:nth-child(3n + 1) {
    clear: none;
  }
  .col-6-nth-item .col-sm-6:nth-child(2n + 1) {
    clear: left;
  }
  .sm-center-col {
    float: none;
    margin: 0 auto;
  }

  /* float */
  .sm-float-left {
    float: left !important;
  }
  .sm-float-right {
    float: right !important;
  }
  .sm-float-none {
    float: none !important;
  }

  /* background position */
  .sm-bg-position-left-top,
  .vc_row-has-fill.sm-bg-position-left-top,
  .vc_col-has-fill .sm-bg-position-left-top {
    background-position: left top !important;
  }
  .sm-bg-position-left-center,
  .vc_row-has-fill.sm-bg-position-left-center,
  .vc_col-has-fill .sm-bg-position-left-center {
    background-position: left center !important;
  }
  .sm-bg-position-left-bottom,
  .vc_row-has-fill.sm-bg-position-left-bottom,
  .vc_col-has-fill .sm-bg-position-left-bottom {
    background-position: left bottom !important;
  }
  .sm-bg-position-center-top,
  .vc_row-has-fill.sm-bg-position-center-top,
  .vc_col-has-fill .sm-bg-position-center-top {
    background-position: center top !important;
  }
  .sm-bg-position-center-center,
  .vc_row-has-fill.sm-bg-position-center-center,
  .vc_col-has-fill .sm-bg-position-center-center {
    background-position: center center !important;
  }
  .sm-bg-position-center-bottom,
  .vc_row-has-fill.sm-bg-position-center-bottom,
  .vc_col-has-fill .sm-bg-position-center-bottom {
    background-position: center bottom !important;
  }
  .sm-bg-position-right-top,
  .vc_row-has-fill.sm-bg-position-right-top,
  .vc_col-has-fill .sm-bg-position-right-top {
    background-position: right top !important;
  }
  .sm-bg-position-right-center,
  .vc_row-has-fill.sm-bg-position-right-center,
  .vc_col-has-fill .sm-bg-position-right-center {
    background-position: right center !important;
  }
  .sm-bg-position-right-bottom,
  .vc_row-has-fill.sm-bg-position-right-bottom,
  .vc_col-has-fill .sm-bg-position-right-bottom {
    background-position: right bottom !important;
  }

  /* text alignment */
  .sm-text-center {
    text-align: center !important;
  }
  .sm-text-left {
    text-align: left !important;
  }
  .sm-text-right {
    text-align: right !important;
  }

  /* verticle align */
  .sm-vertical-align-middle {
    vertical-align: middle;
  }
  .sm-vertical-align-top {
    vertical-align: top;
  }
  .sm-vertical-align-bottom {
    vertical-align: bottom;
  }

  /* image position*/
  .sm-background-image-left {
    background-position: left;
  }
  .sm-background-image-right {
    background-position: right;
  }
  .sm-background-image-center {
    background-position: center;
  }

  /* margin */
  .sm-margin-one-all {
    margin: 1%;
  }
  .sm-margin-one-half-all {
    margin: 1.5%;
  }
  .sm-margin-two-all {
    margin: 2%;
  }
  .sm-margin-two-half-all {
    margin: 2.5%;
  }
  .sm-margin-three-all {
    margin: 3%;
  }
  .sm-margin-three-half-all {
    margin: 3.5%;
  }
  .sm-margin-four-all {
    margin: 4%;
  }
  .sm-margin-four-half-all {
    margin: 4.5%;
  }
  .sm-margin-five-all {
    margin: 5%;
  }
  .sm-margin-five-half-all {
    margin: 5.5%;
  }
  .sm-margin-six-all {
    margin: 6%;
  }
  .sm-margin-six-half-all {
    margin: 6.5%;
  }
  .sm-margin-seven-all {
    margin: 7%;
  }
  .sm-margin-seven-half-all {
    margin: 7.5%;
  }
  .sm-margin-eight-all {
    margin: 8%;
  }
  .sm-margin-eight-half-all {
    margin: 8.5%;
  }
  .sm-margin-nine-all {
    margin: 9%;
  }
  .sm-margin-nine-half-all {
    margin: 9.5%;
  }
  .sm-margin-ten-all {
    margin: 10%;
  }
  .sm-margin-ten-half-all {
    margin: 10.5%;
  }
  .sm-margin-eleven-all {
    margin: 11%;
  }
  .sm-margin-eleven-half-all {
    margin: 11.5%;
  }
  .sm-margin-twelve-all {
    margin: 12%;
  }
  .sm-margin-twelve-half-all {
    margin: 12.5%;
  }
  .sm-margin-thirteen-all {
    margin: 13%;
  }
  .sm-margin-thirteen-half-all {
    margin: 13.5%;
  }
  .sm-margin-fourteen-all {
    margin: 14%;
  }
  .sm-margin-fourteen-half-all {
    margin: 14.5%;
  }
  .sm-margin-fifteen-all {
    margin: 15%;
  }
  .sm-margin-fifteen-half-all {
    margin: 15.5%;
  }
  .sm-margin-sixteen-all {
    margin: 16%;
  }
  .sm-margin-sixteen-half-all {
    margin: 16.5%;
  }
  .sm-margin-seventeen-all {
    margin: 17%;
  }
  .sm-margin-seventeen-half-all {
    margin: 17.5%;
  }
  .sm-margin-eighteen-all {
    margin: 18%;
  }
  .sm-margin-eighteen-half-all {
    margin: 18.5%;
  }
  .sm-margin-nineteen-all {
    margin: 19%;
  }
  .sm-margin-nineteen-half-all {
    margin: 19.5%;
  }
  .sm-margin-twenty-all {
    margin: 20%;
  }
  .sm-margin-5px-all {
    margin: 5px !important;
  }
  .sm-margin-10px-all {
    margin: 10px !important;
  }
  .sm-margin-15px-all {
    margin: 15px !important;
  }
  .sm-margin-20px-all {
    margin: 20px !important;
  }
  .sm-margin-25px-all {
    margin: 25px !important;
  }
  .sm-margin-30px-all {
    margin: 30px !important;
  }
  .sm-margin-35px-all {
    margin: 35px !important;
  }
  .sm-margin-40px-all {
    margin: 40px !important;
  }
  .sm-margin-45px-all {
    margin: 45px !important;
  }
  .sm-margin-50px-all {
    margin: 50px !important;
  }
  .sm-margin-55px-all {
    margin: 55px !important;
  }
  .sm-margin-60px-all {
    margin: 60px !important;
  }
  .sm-margin-65px-all {
    margin: 65px !important;
  }
  .sm-margin-70px-all {
    margin: 70px !important;
  }
  .sm-margin-75px-all {
    margin: 75px !important;
  }
  .sm-margin-80px-all {
    margin: 85px !important;
  }

  .sm-no-margin {
    margin: 0 !important;
  }
  .sm-no-margin-lr {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .sm-no-margin-tb {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .sm-no-margin-top {
    margin-top: 0 !important;
  }
  .sm-no-margin-bottom {
    margin-bottom: 0 !important;
  }
  .sm-no-margin-left {
    margin-left: 0 !important;
  }
  .sm-no-margin-right {
    margin-right: 0 !important;
  }
  .sm-margin-lr-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .sm-margin-auto {
    margin: 0 auto !important;
  }

  /* margin top */
  .sm-margin-one-top {
    margin-top: 1%;
  }
  .sm-margin-one-half-top {
    margin-top: 1.5%;
  }
  .sm-margin-two-top {
    margin-top: 2%;
  }
  .sm-margin-two-half-top {
    margin-top: 2.5%;
  }
  .sm-margin-three-top {
    margin-top: 3%;
  }
  .sm-margin-three-half-top {
    margin-top: 3.5%;
  }
  .sm-margin-four-top {
    margin-top: 4%;
  }
  .sm-margin-four-half-top {
    margin-top: 4.5%;
  }
  .sm-margin-five-top {
    margin-top: 5%;
  }
  .sm-margin-five-half-top {
    margin-top: 5.5%;
  }
  .sm-margin-six-top {
    margin-top: 6%;
  }
  .sm-margin-six-half-top {
    margin-top: 6.5%;
  }
  .sm-margin-seven-top {
    margin-top: 7%;
  }
  .sm-margin-seven-half-top {
    margin-top: 7.5%;
  }
  .sm-margin-eight-top {
    margin-top: 8%;
  }
  .sm-margin-eight-half-top {
    margin-top: 8.5%;
  }
  .sm-margin-nine-top {
    margin-top: 9%;
  }
  .sm-margin-nine-half-top {
    margin-top: 9.5%;
  }
  .sm-margin-ten-top {
    margin-top: 10%;
  }
  .sm-margin-ten-half-top {
    margin-top: 10.5%;
  }
  .sm-margin-eleven-top {
    margin-top: 11%;
  }
  .sm-margin-eleven-half-top {
    margin-top: 11.5%;
  }
  .sm-margin-twelve-top {
    margin-top: 12%;
  }
  .sm-margin-twelve-half-top {
    margin-top: 12.5%;
  }
  .sm-margin-thirteen-top {
    margin-top: 13%;
  }
  .sm-margin-thirteen-half-top {
    margin-top: 13.5%;
  }
  .sm-margin-fourteen-top {
    margin-top: 14%;
  }
  .sm-margin-fourteen-half-top {
    margin-top: 14.5%;
  }
  .sm-margin-fifteen-top {
    margin-top: 15%;
  }
  .sm-margin-fifteen-half-top {
    margin-top: 15.5%;
  }
  .sm-margin-sixteen-top {
    margin-top: 16%;
  }
  .sm-margin-sixteen-half-top {
    margin-top: 16.5%;
  }
  .sm-margin-seventeen-top {
    margin-top: 17%;
  }
  .sm-margin-seventeen-half-top {
    margin-top: 17.5%;
  }
  .sm-margin-eighteen-top {
    margin-top: 18%;
  }
  .sm-margin-eighteen-half-top {
    margin-top: 18.5%;
  }
  .sm-margin-nineteen-top {
    margin-top: 19%;
  }
  .sm-margin-nineteen-half-top {
    margin-top: 19.5%;
  }
  .sm-margin-twenty-top {
    margin-top: 20%;
  }
  .sm-margin-5px-top {
    margin-top: 5px !important;
  }
  .sm-margin-10px-top {
    margin-top: 10px !important;
  }
  .sm-margin-15px-top {
    margin-top: 15px !important;
  }
  .sm-margin-20px-top {
    margin-top: 20px !important;
  }
  .sm-margin-25px-top {
    margin-top: 25px !important;
  }
  .sm-margin-30px-top {
    margin-top: 30px !important;
  }
  .sm-margin-35px-top {
    margin-top: 35px !important;
  }
  .sm-margin-40px-top {
    margin-top: 40px !important;
  }
  .sm-margin-45px-top {
    margin-top: 45px !important;
  }
  .sm-margin-50px-top {
    margin-top: 50px !important;
  }
  .sm-margin-55px-top {
    margin-top: 55px !important;
  }
  .sm-margin-60px-top {
    margin-top: 60px !important;
  }
  .sm-margin-65px-top {
    margin-top: 65px !important;
  }
  .sm-margin-70px-top {
    margin-top: 70px !important;
  }
  .sm-margin-75px-top {
    margin-top: 75px !important;
  }
  .sm-margin-80px-top {
    margin-top: 80px !important;
  }

  /* margin bottom */
  .sm-margin-one-bottom {
    margin-bottom: 1%;
  }
  .sm-margin-one-half-bottom {
    margin-bottom: 1.5%;
  }
  .sm-margin-two-bottom {
    margin-bottom: 2%;
  }
  .sm-margin-two-half-bottom {
    margin-bottom: 2.5%;
  }
  .sm-margin-three-bottom {
    margin-bottom: 3%;
  }
  .sm-margin-three-half-bottom {
    margin-bottom: 3.5%;
  }
  .sm-margin-four-bottom {
    margin-bottom: 4%;
  }
  .sm-margin-four-half-bottom {
    margin-bottom: 4.5%;
  }
  .sm-margin-five-bottom {
    margin-bottom: 5%;
  }
  .sm-margin-five-half-bottom {
    margin-bottom: 5.5%;
  }
  .sm-margin-six-bottom {
    margin-bottom: 6%;
  }
  .sm-margin-six-half-bottom {
    margin-bottom: 6.5%;
  }
  .sm-margin-seven-bottom {
    margin-bottom: 7%;
  }
  .sm-margin-seven-half-bottom {
    margin-bottom: 7.5%;
  }
  .sm-margin-eight-bottom {
    margin-bottom: 8%;
  }
  .sm-margin-eight-half-bottom {
    margin-bottom: 8.5%;
  }
  .sm-margin-nine-bottom {
    margin-bottom: 9%;
  }
  .sm-margin-nine-half-bottom {
    margin-bottom: 9.5%;
  }
  .sm-margin-ten-bottom {
    margin-bottom: 10%;
  }
  .sm-margin-ten-half-bottom {
    margin-bottom: 10.5%;
  }
  .sm-margin-eleven-bottom {
    margin-bottom: 11%;
  }
  .sm-margin-eleven-half-bottom {
    margin-bottom: 11.5%;
  }
  .sm-margin-twelve-bottom {
    margin-bottom: 12%;
  }
  .sm-margin-twelve-half-bottom {
    margin-bottom: 12.5%;
  }
  .sm-margin-thirteen-bottom {
    margin-bottom: 13%;
  }
  .sm-margin-thirteen-half-bottom {
    margin-bottom: 13.5%;
  }
  .sm-margin-fourteen-bottom {
    margin-bottom: 14%;
  }
  .sm-margin-fourteen-half-bottom {
    margin-bottom: 14.5%;
  }
  .sm-margin-fifteen-bottom {
    margin-bottom: 15%;
  }
  .sm-margin-fifteen-half-bottom {
    margin-bottom: 15.5%;
  }
  .sm-margin-sixteen-bottom {
    margin-bottom: 16%;
  }
  .sm-margin-sixteen-half-bottom {
    margin-bottom: 16.5%;
  }
  .sm-margin-seventeen-bottom {
    margin-bottom: 17%;
  }
  .sm-margin-seventeen-half-bottom {
    margin-bottom: 17.5%;
  }
  .sm-margin-eighteen-bottom {
    margin-bottom: 18%;
  }
  .sm-margin-eighteen-half-bottom {
    margin-bottom: 18.5%;
  }
  .sm-margin-nineteen-bottom {
    margin-bottom: 19%;
  }
  .sm-margin-nineteen-half-bottom {
    margin-bottom: 19.5%;
  }
  .sm-margin-twenty-bottom {
    margin-bottom: 20%;
  }
  .sm-margin-5px-bottom {
    margin-bottom: 5px !important;
  }
  .sm-margin-10px-bottom {
    margin-bottom: 10px !important;
  }
  .sm-margin-15px-bottom {
    margin-bottom: 15px !important;
  }
  .sm-margin-20px-bottom {
    margin-bottom: 20px !important;
  }
  .sm-margin-25px-bottom {
    margin-bottom: 25px !important;
  }
  .sm-margin-30px-bottom {
    margin-bottom: 30px !important;
  }
  .sm-margin-35px-bottom {
    margin-bottom: 35px !important;
  }
  .sm-margin-40px-bottom {
    margin-bottom: 40px !important;
  }
  .sm-margin-45px-bottom {
    margin-bottom: 45px !important;
  }
  .sm-margin-50px-bottom {
    margin-bottom: 50px !important;
  }
  .sm-margin-55px-bottom {
    margin-bottom: 55px !important;
  }
  .sm-margin-60px-bottom {
    margin-bottom: 60px !important;
  }
  .sm-margin-65px-bottom {
    margin-bottom: 65px !important;
  }
  .sm-margin-70px-bottom {
    margin-bottom: 70px !important;
  }
  .sm-margin-75px-bottom {
    margin-bottom: 75px !important;
  }
  .sm-margin-80px-bottom {
    margin-bottom: 80px !important;
  }
  .sm-margin-85px-bottom {
    margin-bottom: 85px !important;
  }
  .sm-margin-90px-bottom {
    margin-bottom: 90px !important;
  }
  .sm-margin-95px-bottom {
    margin-bottom: 95px !important;
  }
  .sm-margin-100px-bottom {
    margin-bottom: 100px !important;
  }

  /* margin right */
  .sm-margin-one-right {
    margin-right: 1%;
  }
  .sm-margin-one-half-right {
    margin-right: 1.5%;
  }
  .sm-margin-two-right {
    margin-right: 2%;
  }
  .sm-margin-two-half-right {
    margin-right: 2.5%;
  }
  .sm-margin-three-right {
    margin-right: 3%;
  }
  .sm-margin-three-half-right {
    margin-right: 3.5%;
  }
  .sm-margin-four-right {
    margin-right: 4%;
  }
  .sm-margin-four-half-right {
    margin-right: 4.5%;
  }
  .sm-margin-five-right {
    margin-right: 5%;
  }
  .sm-margin-five-half-right {
    margin-right: 5.5%;
  }
  .sm-margin-six-right {
    margin-right: 6%;
  }
  .sm-margin-six-half-right {
    margin-right: 6.5%;
  }
  .sm-margin-seven-right {
    margin-right: 7%;
  }
  .sm-margin-seven-half-right {
    margin-right: 7.5%;
  }
  .sm-margin-eight-right {
    margin-right: 8%;
  }
  .sm-margin-eight-half-right {
    margin-right: 8.5%;
  }
  .sm-margin-nine-right {
    margin-right: 9%;
  }
  .sm-margin-nine-half-right {
    margin-right: 9.5%;
  }
  .sm-margin-ten-right {
    margin-right: 10%;
  }
  .sm-margin-ten-half-right {
    margin-right: 10.5%;
  }
  .sm-margin-eleven-right {
    margin-right: 11%;
  }
  .sm-margin-eleven-half-right {
    margin-right: 11.5%;
  }
  .sm-margin-twelve-right {
    margin-right: 12%;
  }
  .sm-margin-twelve-half-right {
    margin-right: 12.5%;
  }
  .sm-margin-thirteen-right {
    margin-right: 13%;
  }
  .sm-margin-thirteen-half-right {
    margin-right: 13.5%;
  }
  .sm-margin-fourteen-right {
    margin-right: 14%;
  }
  .sm-margin-fourteen-half-right {
    margin-right: 14.5%;
  }
  .sm-margin-fifteen-right {
    margin-right: 15%;
  }
  .sm-margin-fifteen-half-right {
    margin-right: 15.5%;
  }
  .sm-margin-sixteen-right {
    margin-right: 16%;
  }
  .sm-margin-sixteen-half-right {
    margin-right: 16.5%;
  }
  .sm-margin-seventeen-right {
    margin-right: 17%;
  }
  .sm-margin-seventeen-half-right {
    margin-right: 17.5%;
  }
  .sm-margin-eighteen-right {
    margin-right: 18%;
  }
  .sm-margin-eighteen-half-right {
    margin-right: 18.5%;
  }
  .sm-margin-nineteen-right {
    margin-right: 19%;
  }
  .sm-margin-nineteen-half-right {
    margin-right: 19.5%;
  }
  .sm-margin-twenty-right {
    margin-right: 20%;
  }
  .sm-margin-10px-right {
    margin-right: 10px !important;
  }
  .sm-margin-15px-right {
    margin-right: 15px !important;
  }
  .sm-margin-20px-right {
    margin-right: 20px !important;
  }
  .sm-margin-25px-right {
    margin-right: 25px !important;
  }
  .sm-margin-30px-right {
    margin-right: 30px !important;
  }
  .sm-margin-35px-right {
    margin-right: 35px !important;
  }
  .sm-margin-40px-right {
    margin-right: 40px !important;
  }
  .sm-margin-45px-right {
    margin-right: 45px !important;
  }
  .sm-margin-50px-right {
    margin-right: 50px !important;
  }
  .sm-margin-55px-right {
    margin-right: 55px !important;
  }
  .sm-margin-60px-right {
    margin-right: 60px !important;
  }
  .sm-margin-65px-right {
    margin-right: 65px !important;
  }
  .sm-margin-70px-right {
    margin-right: 70px !important;
  }
  .sm-margin-75px-right {
    margin-right: 75px !important;
  }
  .sm-margin-80px-right {
    margin-right: 80px !important;
  }

  /* margin left */
  .sm-margin-one-left {
    margin-left: 1%;
  }
  .sm-margin-one-half-left {
    margin-left: 1.5%;
  }
  .sm-margin-two-left {
    margin-left: 2%;
  }
  .sm-margin-two-half-left {
    margin-left: 2.5%;
  }
  .sm-margin-three-left {
    margin-left: 3%;
  }
  .sm-margin-three-half-left {
    margin-left: 3.5%;
  }
  .sm-margin-four-left {
    margin-left: 4%;
  }
  .sm-margin-four-half-left {
    margin-left: 4.5%;
  }
  .sm-margin-five-left {
    margin-left: 5%;
  }
  .sm-margin-five-half-left {
    margin-left: 5.5%;
  }
  .sm-margin-six-left {
    margin-left: 6%;
  }
  .sm-margin-six-half-left {
    margin-left: 6.5%;
  }
  .sm-margin-seven-left {
    margin-left: 7%;
  }
  .sm-margin-seven-half-left {
    margin-left: 7.5%;
  }
  .sm-margin-eight-left {
    margin-left: 8%;
  }
  .sm-margin-eight-half-left {
    margin-left: 8.5%;
  }
  .sm-margin-nine-left {
    margin-left: 9%;
  }
  .sm-margin-nine-half-left {
    margin-left: 9.5%;
  }
  .sm-margin-ten-left {
    margin-left: 10%;
  }
  .sm-margin-ten-half-left {
    margin-left: 10.5%;
  }
  .sm-margin-eleven-left {
    margin-left: 11%;
  }
  .sm-margin-eleven-half-left {
    margin-left: 11.5%;
  }
  .sm-margin-twelve-left {
    margin-left: 12%;
  }
  .sm-margin-twelve-half-left {
    margin-left: 12.5%;
  }
  .sm-margin-thirteen-left {
    margin-left: 13%;
  }
  .sm-margin-thirteen-half-left {
    margin-left: 13.5%;
  }
  .sm-margin-fourteen-left {
    margin-left: 14%;
  }
  .sm-margin-fourteen-half-left {
    margin-left: 14.5%;
  }
  .sm-margin-fifteen-left {
    margin-left: 15%;
  }
  .sm-margin-fifteen-half-left {
    margin-left: 15.5%;
  }
  .sm-margin-sixteen-left {
    margin-left: 16%;
  }
  .sm-margin-sixteen-half-left {
    margin-left: 16.5%;
  }
  .sm-margin-seventeen-left {
    margin-left: 17%;
  }
  .sm-margin-seventeen-half-left {
    margin-left: 17.5%;
  }
  .sm-margin-eighteen-left {
    margin-left: 18%;
  }
  .sm-margin-eighteen-half-left {
    margin-left: 18.5%;
  }
  .sm-margin-nineteen-left {
    margin-left: 19%;
  }
  .sm-margin-nineteen-half-left {
    margin-left: 19.5%;
  }
  .sm-margin-twenty-left {
    margin-left: 20%;
  }
  .sm-margin-5px-left {
    margin-left: 5px !important;
  }
  .sm-margin-10px-left {
    margin-left: 10px !important;
  }
  .sm-margin-15px-left {
    margin-left: 15px !important;
  }
  .sm-margin-20px-left {
    margin-left: 20px !important;
  }
  .sm-margin-25px-left {
    margin-left: 25px !important;
  }
  .sm-margin-30px-left {
    margin-left: 30px !important;
  }
  .sm-margin-35px-left {
    margin-left: 35px !important;
  }
  .sm-margin-40px-left {
    margin-left: 40px !important;
  }
  .sm-margin-45px-left {
    margin-left: 45px !important;
  }
  .sm-margin-50px-left {
    margin-left: 50px !important;
  }
  .sm-margin-55px-left {
    margin-left: 55px !important;
  }
  .sm-margin-60px-left {
    margin-left: 60px !important;
  }
  .sm-margin-65px-left {
    margin-left: 65px !important;
  }
  .sm-margin-70px-left {
    margin-left: 70px !important;
  }
  .sm-margin-75px-left {
    margin-left: 75px !important;
  }
  .sm-margin-80px-left {
    margin-left: 80px !important;
  }

  /* margin left right */
  .sm-margin-one-lr {
    margin-left: 1%;
    margin-right: 1%;
  }
  .sm-margin-one-lr {
    margin-left: 1.5%;
    margin-right: 1.5%;
  }
  .sm-margin-two-lr {
    margin-left: 2%;
    margin-right: 2%;
  }
  .sm-margin-two-lr {
    margin-left: 2.5%;
    margin-right: 2.5%;
  }
  .sm-margin-three-lr {
    margin-left: 3%;
    margin-right: 3%;
  }
  .sm-margin-three-lr {
    margin-left: 3.5%;
    margin-right: 3.5%;
  }
  .sm-margin-four-lr {
    margin-left: 4%;
    margin-right: 4%;
  }
  .sm-margin-four-lr {
    margin-left: 4.5%;
    margin-right: 4.5%;
  }
  .sm-margin-five-lr {
    margin-left: 5%;
    margin-right: 5%;
  }
  .sm-margin-five-lr {
    margin-left: 5.5%;
    margin-right: 5.5%;
  }
  .sm-margin-six-lr {
    margin-left: 6%;
    margin-right: 6%;
  }
  .sm-margin-six-lr {
    margin-left: 6.5%;
    margin-right: 6.5%;
  }
  .sm-margin-seven-lr {
    margin-left: 7%;
    margin-right: 7%;
  }
  .sm-margin-seven-lr {
    margin-left: 7.5%;
    margin-right: 7.5%;
  }
  .sm-margin-eight-lr {
    margin-left: 8%;
    margin-right: 8%;
  }
  .sm-margin-eight-lr {
    margin-left: 8.5%;
    margin-right: 8.5%;
  }
  .sm-margin-nine-lr {
    margin-left: 9%;
    margin-right: 9%;
  }
  .sm-margin-nine-lr {
    margin-left: 9.5%;
    margin-right: 9.5%;
  }
  .sm-margin-ten-lr {
    margin-left: 10%;
    margin-right: 10%;
  }
  .sm-margin-ten-lr {
    margin-left: 10.5%;
    margin-right: 10.5%;
  }
  .sm-margin-eleven-lr {
    margin-left: 11%;
    margin-right: 11%;
  }
  .sm-margin-eleven-lr {
    margin-left: 11.5%;
    margin-right: 11.5%;
  }
  .sm-margin-twelve-lr {
    margin-left: 12%;
    margin-right: 12%;
  }
  .sm-margin-twelve-lr {
    margin-left: 12.5%;
    margin-right: 12.5%;
  }
  .sm-margin-thirteen-lr {
    margin-left: 13%;
    margin-right: 13%;
  }
  .sm-margin-thirteen-half-lr {
    margin-left: 13.5%;
    margin-right: 13.5%;
  }
  .sm-margin-fourteen-lr {
    margin-left: 14%;
    margin-right: 14%;
  }
  .sm-margin-fourteen-half-lr {
    margin-left: 14.5%;
    margin-right: 14.5%;
  }
  .sm-margin-fifteen-lr {
    margin-left: 15%;
    margin-right: 15%;
  }
  .sm-margin-fifteen-half-lr {
    margin-left: 15.5%;
    margin-right: 15.5%;
  }
  .sm-margin-sixteen-lr {
    margin-left: 16%;
    margin-right: 16%;
  }
  .sm-margin-sixteen-half-lr {
    margin-left: 16.5%;
    margin-right: 16.5%;
  }
  .sm-margin-seventeen-lr {
    margin-left: 17%;
    margin-right: 17%;
  }
  .sm-margin-seventeen-half-lr {
    margin-left: 17.5%;
    margin-right: 17.5%;
  }
  .sm-margin-eighteen-lr {
    margin-left: 18%;
    margin-right: 18%;
  }
  .sm-margin-eighteen-half-lr {
    margin-left: 18.5%;
    margin-right: 18.5%;
  }
  .sm-margin-nineteen-lr {
    margin-left: 19%;
    margin-right: 19%;
  }
  .sm-margin-nineteen-half-lr {
    margin-left: 19.5%;
    margin-right: 19.5%;
  }
  .sm-margin-twenty-lr {
    margin-left: 20%;
    margin-right: 20%;
  }
  .sm-margin-twenty-half-lr {
    margin-left: 20.5%;
    margin-right: 20.5%;
  }
  .sm-margin-twenty-one-lr {
    margin-left: 21%;
    margin-right: 21%;
  }
  .sm-margin-twenty-one-half-lr {
    margin-left: 21.5%;
    margin-right: 21.5%;
  }
  .sm-margin-twenty-two-lr {
    margin-left: 22%;
    margin-right: 22%;
  }
  .sm-margin-twenty-two-half-lr {
    margin-left: 22.5%;
    margin-right: 22.5%;
  }
  .sm-margin-twenty-three-lr {
    margin-left: 23%;
    margin-right: 23%;
  }
  .sm-margin-twenty-three-half-lr {
    margin-left: 23.5%;
    margin-right: 23.5%;
  }
  .sm-margin-twenty-four-lr {
    margin-left: 24%;
    margin-right: 24%;
  }
  .sm-margin-twenty-four-half-lr {
    margin-left: 24.5%;
    margin-right: 24.5%;
  }
  .sm-margin-twenty-five-lr {
    margin-left: 25%;
    margin-right: 25%;
  }
  .sm-margin-thirty-lr {
    margin-left: 30%;
    margin-right: 30%;
  }
  .sm-margin-5px-lr {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
  .sm-margin-10px-lr {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .sm-margin-15px-lr {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
  .sm-margin-20px-lr {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .sm-margin-25px-lr {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }
  .sm-margin-30px-lr {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
  .sm-margin-35px-lr {
    margin-left: 35px !important;
    margin-right: 35px !important;
  }
  .sm-margin-40px-lr {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .sm-margin-45px-lr {
    margin-left: 45px !important;
    margin-right: 45px !important;
  }
  .sm-margin-50px-lr {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
  .sm-margin-55px-lr {
    margin-left: 55px !important;
    margin-right: 55px !important;
  }
  .sm-margin-60px-lr {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
  .sm-margin-65px-lr {
    margin-left: 65px !important;
    margin-right: 65px !important;
  }
  .sm-margin-70px-lr {
    margin-left: 70px !important;
    margin-right: 70px !important;
  }
  .sm-margin-75px-lr {
    margin-left: 75px !important;
    margin-right: 75px !important;
  }
  .sm-margin-80px-lr {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }

  /* margin top bottom */
  .sm-margin-one-tb {
    margin-top: 1%;
    margin-bottom: 1%;
  }
  .sm-margin-one-tb {
    margin-top: 1.5%;
    margin-bottom: 1.5%;
  }
  .sm-margin-two-tb {
    margin-top: 2%;
    margin-bottom: 2%;
  }
  .sm-margin-two-tb {
    margin-top: 2.5%;
    margin-bottom: 2.5%;
  }
  .sm-margin-three-tb {
    margin-top: 3%;
    margin-bottom: 3%;
  }
  .sm-margin-three-tb {
    margin-top: 3.5%;
    margin-bottom: 3.5%;
  }
  .sm-margin-four-tb {
    margin-top: 4%;
    margin-bottom: 4%;
  }
  .sm-margin-four-tb {
    margin-top: 4.5%;
    margin-bottom: 4.5%;
  }
  .sm-margin-five-tb {
    margin-top: 5%;
    margin-bottom: 5%;
  }
  .sm-margin-five-tb {
    margin-top: 5.5%;
    margin-bottom: 5.5%;
  }
  .sm-margin-six-tb {
    margin-top: 6%;
    margin-bottom: 6%;
  }
  .sm-margin-six-tb {
    margin-top: 6.5%;
    margin-bottom: 6.5%;
  }
  .sm-margin-seven-tb {
    margin-top: 7%;
    margin-bottom: 7%;
  }
  .sm-margin-seven-tb {
    margin-top: 7.5%;
    margin-bottom: 7.5%;
  }
  .sm-margin-eight-tb {
    margin-top: 8%;
    margin-bottom: 8%;
  }
  .sm-margin-eight-tb {
    margin-top: 8.5%;
    margin-bottom: 8.5%;
  }
  .sm-margin-nine-tb {
    margin-top: 9%;
    margin-bottom: 9%;
  }
  .sm-margin-nine-tb {
    margin-top: 9.5%;
    margin-bottom: 9.5%;
  }
  .sm-margin-ten-tb {
    margin-top: 10%;
    margin-bottom: 10%;
  }
  .sm-margin-ten-tb {
    margin-top: 10.5%;
    margin-bottom: 10.5%;
  }
  .sm-margin-eleven-tb {
    margin-top: 11%;
    margin-bottom: 11%;
  }
  .sm-margin-eleven-tb {
    margin-top: 11.5%;
    margin-bottom: 11.5%;
  }
  .sm-margin-twelve-tb {
    margin-top: 12%;
    margin-bottom: 12%;
  }
  .sm-margin-twelve-tb {
    margin-top: 12.5%;
    margin-bottom: 12.5%;
  }
  .sm-margin-thirteen-tb {
    margin-top: 13%;
    margin-bottom: 13%;
  }
  .sm-margin-thirteen-half-tb {
    margin-top: 13.5%;
    margin-bottom: 13.5%;
  }
  .sm-margin-fourteen-tb {
    margin-top: 14%;
    margin-bottom: 14%;
  }
  .sm-margin-fourteen-half-tb {
    margin-top: 14.5%;
    margin-bottom: 14.5%;
  }
  .sm-margin-fifteen-tb {
    margin-top: 15%;
    margin-bottom: 15%;
  }
  .sm-margin-fifteen-half-tb {
    margin-top: 15.5%;
    margin-bottom: 15.5%;
  }
  .sm-margin-sixteen-tb {
    margin-top: 16%;
    margin-bottom: 16%;
  }
  .sm-margin-sixteen-half-tb {
    margin-top: 16.5%;
    margin-bottom: 16.5%;
  }
  .sm-margin-seventeen-tb {
    margin-top: 17%;
    margin-bottom: 17%;
  }
  .sm-margin-seventeen-half-tb {
    margin-top: 17.5%;
    margin-bottom: 17.5%;
  }
  .sm-margin-eighteen-tb {
    margin-top: 18%;
    margin-bottom: 18%;
  }
  .sm-margin-eighteen-half-tb {
    margin-top: 18.5%;
    margin-bottom: 18.5%;
  }
  .sm-margin-nineteen-tb {
    margin-top: 19%;
    margin-bottom: 19%;
  }
  .sm-margin-nineteen-half-tb {
    margin-top: 19.5%;
    margin-bottom: 19.5%;
  }
  .sm-margin-twenty-tb {
    margin-top: 20%;
    margin-bottom: 20%;
  }
  .sm-margin-5px-tb {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .sm-margin-10px-tb {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .sm-margin-15px-tb {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .sm-margin-20px-tb {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .sm-margin-25px-tb {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
  .sm-margin-30px-tb {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .sm-margin-35px-tb {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
  .sm-margin-40px-tb {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .sm-margin-45px-tb {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
  .sm-margin-50px-tb {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .sm-margin-55px-tb {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
  }
  .sm-margin-60px-tb {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .sm-margin-65px-tb {
    margin-top: 65px !important;
    margin-bottom: 65px !important;
  }
  .sm-margin-70px-tb {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }
  .sm-margin-75px-tb {
    margin-top: 75px !important;
    margin-bottom: 75px !important;
  }
  .sm-margin-80px-tb {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }

  /* header padding top */
  .sm-header-padding-top {
    padding-top: 82px;
  }
  .sm-header-margin-top {
    margin-top: 80px;
  }

  /* padding */
  .sm-no-padding {
    padding: 0 !important;
  }
  .sm-no-padding-lr {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .sm-no-padding-tb {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .sm-no-padding-top {
    padding-top: 0 !important;
  }
  .sm-no-padding-bottom {
    padding-bottom: 0 !important;
  }
  .sm-no-padding-left {
    padding-left: 0 !important;
  }
  .sm-no-padding-right {
    padding-right: 0 !important;
  }
  .sm-padding-one-all {
    padding: 1%;
  }
  .sm-padding-one-half-all {
    padding: 1.5%;
  }
  .sm-padding-two-all {
    padding: 2%;
  }
  .sm-padding-two-half-all {
    padding: 2.5%;
  }
  .sm-padding-three-all {
    padding: 3%;
  }
  .sm-padding-three-half-all {
    padding: 3.5%;
  }
  .sm-padding-four-all {
    padding: 4%;
  }
  .sm-padding-four-half-all {
    padding: 4.5%;
  }
  .sm-padding-five-all {
    padding: 5%;
  }
  .sm-padding-five-half-all {
    padding: 5.5%;
  }
  .sm-padding-six-all {
    padding: 6%;
  }
  .sm-padding-six-half-all {
    padding: 6.5%;
  }
  .sm-padding-seven-all {
    padding: 7%;
  }
  .sm-padding-seven-half-all {
    padding: 7.5%;
  }
  .sm-padding-eight-all {
    padding: 8%;
  }
  .sm-padding-eight-half-all {
    padding: 8.5%;
  }
  .sm-padding-nine-all {
    padding: 9%;
  }
  .sm-padding-nine-half-all {
    padding: 9.5%;
  }
  .sm-padding-ten-all {
    padding: 10%;
  }
  .sm-padding-ten-half-all {
    padding: 10.5%;
  }
  .sm-padding-eleven-all {
    padding: 11%;
  }
  .sm-padding-eleven-half-all {
    padding: 11.5%;
  }
  .sm-padding-twelve-all {
    padding: 12%;
  }
  .sm-padding-twelve-half-all {
    padding: 12.5%;
  }
  .sm-padding-thirteen-all {
    padding: 13%;
  }
  .sm-padding-thirteen-half-all {
    padding: 13.5%;
  }
  .sm-padding-fourteen-all {
    padding: 14%;
  }
  .sm-padding-fourteen-half-all {
    padding: 14.5%;
  }
  .sm-padding-fifteen-all {
    padding: 15%;
  }
  .sm-padding-fifteen-half-all {
    padding: 15.5%;
  }
  .sm-padding-sixteen-all {
    padding: 16%;
  }
  .sm-padding-sixteen-half-all {
    padding: 16.5%;
  }
  .sm-padding-seventeen-all {
    padding: 17%;
  }
  .sm-padding-seventeen-half-all {
    padding: 17.5%;
  }
  .sm-padding-eighteen-all {
    padding: 18%;
  }
  .sm-padding-eighteen-half-all {
    padding: 18.5%;
  }
  .sm-padding-nineteen-all {
    padding: 19%;
  }
  .sm-padding-nineteen-half-all {
    padding: 19.5%;
  }
  .sm-padding-twenty-all {
    padding: 20%;
  }
  .sm-padding-5px-all {
    padding: 5px !important;
  }
  .sm-padding-10px-all {
    padding: 10px !important;
  }
  .sm-padding-15px-all {
    padding: 15px !important;
  }
  .sm-padding-20px-all {
    padding: 20px !important;
  }
  .sm-padding-25px-all {
    padding: 25px !important;
  }
  .sm-padding-30px-all {
    padding: 30px !important;
  }
  .sm-padding-35px-all {
    padding: 35px !important;
  }
  .sm-padding-40px-all {
    padding: 40px !important;
  }
  .sm-padding-45px-all {
    padding: 45px !important;
  }
  .sm-padding-50px-all {
    padding: 50px !important;
  }
  .sm-padding-55px-all {
    padding: 55px !important;
  }
  .sm-padding-60px-all {
    padding: 60px !important;
  }
  .sm-padding-65px-all {
    padding: 65px !important;
  }
  .sm-padding-70px-all {
    padding: 70px !important;
  }
  .sm-padding-75px-all {
    padding: 75px !important;
  }
  .sm-padding-80px-all {
    padding: 80px !important;
  }
  .sm-padding-85px-all {
    padding: 85px !important;
  }
  .sm-padding-90px-all {
    padding: 90px !important;
  }
  .sm-padding-95px-all {
    padding: 95px !important;
  }
  .sm-padding-100px-all {
    padding: 100px !important;
  }

  /* padding top */
  .sm-padding-one-top {
    padding-top: 1%;
  }
  .sm-padding-one-half-top {
    padding-top: 1.5%;
  }
  .sm-padding-two-top {
    padding-top: 2%;
  }
  .sm-padding-two-half-top {
    padding-top: 2.5%;
  }
  .sm-padding-three-top {
    padding-top: 3%;
  }
  .sm-padding-three-half-top {
    padding-top: 3.5%;
  }
  .sm-padding-four-top {
    padding-top: 4%;
  }
  .sm-padding-four-half-top {
    padding-top: 4.5%;
  }
  .sm-padding-five-top {
    padding-top: 5%;
  }
  .sm-padding-five-half-top {
    padding-top: 5.5%;
  }
  .sm-padding-six-top {
    padding-top: 6%;
  }
  .sm-padding-six-half-top {
    padding-top: 6.5%;
  }
  .sm-padding-seven-top {
    padding-top: 7%;
  }
  .sm-padding-seven-half-top {
    padding-top: 7.5%;
  }
  .sm-padding-eight-top {
    padding-top: 8%;
  }
  .sm-padding-eight-half-top {
    padding-top: 8.5%;
  }
  .sm-padding-nine-top {
    padding-top: 9%;
  }
  .sm-padding-nine-half-top {
    padding-top: 9.5%;
  }
  .sm-padding-ten-top {
    padding-top: 10%;
  }
  .sm-padding-ten-half-top {
    padding-top: 10.5%;
  }
  .sm-padding-eleven-top {
    padding-top: 11%;
  }
  .sm-padding-eleven-half-top {
    padding-top: 11.5%;
  }
  .sm-padding-twelve-top {
    padding-top: 12%;
  }
  .sm-padding-twelve-half-top {
    padding-top: 12.5%;
  }
  .sm-padding-thirteen-top {
    padding-top: 13%;
  }
  .sm-padding-thirteen-half-top {
    padding-top: 13.5%;
  }
  .sm-padding-fourteen-top {
    padding-top: 14%;
  }
  .sm-padding-fourteen-half-top {
    padding-top: 14.5%;
  }
  .sm-padding-fifteen-top {
    padding-top: 15%;
  }
  .sm-padding-fifteen-half-top {
    padding-top: 15.5%;
  }
  .sm-padding-sixteen-top {
    padding-top: 16%;
  }
  .sm-padding-sixteen-half-top {
    padding-top: 16.5%;
  }
  .sm-padding-seventeen-top {
    padding-top: 17%;
  }
  .sm-padding-seventeen-half-top {
    padding-top: 17.5%;
  }
  .sm-padding-eighteen-top {
    padding-top: 18%;
  }
  .sm-padding-eighteen-half-top {
    padding-top: 18.5%;
  }
  .sm-padding-nineteen-top {
    padding-top: 19%;
  }
  .sm-padding-nineteen-half-top {
    padding-top: 19.5%;
  }
  .sm-padding-twenty-top {
    padding-top: 20%;
  }
  .sm-padding-5px-top {
    padding-top: 5px !important;
  }
  .sm-padding-10px-top {
    padding-top: 10px !important;
  }
  .sm-padding-15px-top {
    padding-top: 15px !important;
  }
  .sm-padding-20px-top {
    padding-top: 20px !important;
  }
  .sm-padding-25px-top {
    padding-top: 25px !important;
  }
  .sm-padding-30px-top {
    padding-top: 30px !important;
  }
  .sm-padding-35px-top {
    padding-top: 35px !important;
  }
  .sm-padding-40px-top {
    padding-top: 40px !important;
  }
  .sm-padding-45px-top {
    padding-top: 45px !important;
  }
  .sm-padding-50px-top {
    padding-top: 50px !important;
  }
  .sm-padding-55px-top {
    padding-top: 55px !important;
  }
  .sm-padding-60px-top {
    padding-top: 60px !important;
  }
  .sm-padding-65px-top {
    padding-top: 65px !important;
  }
  .sm-padding-70px-top {
    padding-top: 70px !important;
  }
  .sm-padding-75px-top {
    padding-top: 75px !important;
  }
  .sm-padding-80px-top {
    padding-top: 80px !important;
  }
  .sm-padding-85px-top {
    padding-top: 85px !important;
  }
  .sm-padding-90px-top {
    padding-top: 90px !important;
  }
  .sm-padding-95px-top {
    padding-top: 95px !important;
  }
  .sm-padding-100px-top {
    padding-top: 100px !important;
  }

  /* padding bottom */
  .sm-padding-one-bottom {
    padding-bottom: 1%;
  }
  .sm-padding-one-half-bottom {
    padding-bottom: 1.5%;
  }
  .sm-padding-two-bottom {
    padding-bottom: 2%;
  }
  .sm-padding-two-half-bottom {
    padding-bottom: 2.5%;
  }
  .sm-padding-three-bottom {
    padding-bottom: 3%;
  }
  .sm-padding-three-half-bottom {
    padding-bottom: 3.5%;
  }
  .sm-padding-four-bottom {
    padding-bottom: 4%;
  }
  .sm-padding-four-half-bottom {
    padding-bottom: 4.5%;
  }
  .sm-padding-five-bottom {
    padding-bottom: 5%;
  }
  .sm-padding-five-half-bottom {
    padding-bottom: 5.5%;
  }
  .sm-padding-six-bottom {
    padding-bottom: 6%;
  }
  .sm-padding-six-half-bottom {
    padding-bottom: 6.5%;
  }
  .sm-padding-seven-bottom {
    padding-bottom: 7%;
  }
  .sm-padding-seven-half-bottom {
    padding-bottom: 7.5%;
  }
  .sm-padding-eight-bottom {
    padding-bottom: 8%;
  }
  .sm-padding-eight-half-bottom {
    padding-bottom: 8.5%;
  }
  .sm-padding-nine-bottom {
    padding-bottom: 9%;
  }
  .sm-padding-nine-half-bottom {
    padding-bottom: 9.5%;
  }
  .sm-padding-ten-bottom {
    padding-bottom: 10%;
  }
  .sm-padding-ten-half-bottom {
    padding-bottom: 10.5%;
  }
  .sm-padding-eleven-bottom {
    padding-bottom: 11%;
  }
  .sm-padding-eleven-half-bottom {
    padding-bottom: 11.5%;
  }
  .sm-padding-twelve-bottom {
    padding-bottom: 12%;
  }
  .sm-padding-twelve-half-bottom {
    padding-bottom: 12.5%;
  }
  .sm-padding-thirteen-bottom {
    padding-bottom: 13%;
  }
  .sm-padding-thirteen-half-bottom {
    padding-bottom: 13.5%;
  }
  .sm-padding-fourteen-bottom {
    padding-bottom: 14%;
  }
  .sm-padding-fourteen-half-bottom {
    padding-bottom: 14.5%;
  }
  .sm-padding-fifteen-bottom {
    padding-bottom: 15%;
  }
  .sm-padding-fifteen-half-bottom {
    padding-bottom: 15.5%;
  }
  .sm-padding-sixteen-bottom {
    padding-bottom: 16%;
  }
  .sm-padding-sixteen-half-bottom {
    padding-bottom: 16.5%;
  }
  .sm-padding-seventeen-bottom {
    padding-bottom: 17%;
  }
  .sm-padding-seventeen-half-bottom {
    padding-bottom: 17.5%;
  }
  .sm-padding-eighteen-bottom {
    padding-bottom: 18%;
  }
  .sm-padding-eighteen-half-bottom {
    padding-bottom: 18.5%;
  }
  .sm-padding-nineteen-bottom {
    padding-bottom: 19%;
  }
  .sm-padding-nineteen-half-bottom {
    padding-bottom: 19.5%;
  }
  .sm-padding-twenty-bottom {
    padding-bottom: 20%;
  }
  .sm-padding-5px-bottom {
    padding-bottom: 5px !important;
  }
  .sm-padding-10px-bottom {
    padding-bottom: 10px !important;
  }
  .sm-padding-15px-bottom {
    padding-bottom: 15px !important;
  }
  .sm-padding-20px-bottom {
    padding-bottom: 20px !important;
  }
  .sm-padding-25px-bottom {
    padding-bottom: 25px !important;
  }
  .sm-padding-30px-bottom {
    padding-bottom: 30px !important;
  }
  .sm-padding-35px-bottom {
    padding-bottom: 35px !important;
  }
  .sm-padding-40px-bottom {
    padding-bottom: 40px !important;
  }
  .sm-padding-45px-bottom {
    padding-bottom: 45px !important;
  }
  .sm-padding-50px-bottom {
    padding-bottom: 50px !important;
  }
  .sm-padding-55px-bottom {
    padding-bottom: 55px !important;
  }
  .sm-padding-60px-bottom {
    padding-bottom: 60px !important;
  }
  .sm-padding-65px-bottom {
    padding-bottom: 65px !important;
  }
  .sm-padding-70px-bottom {
    padding-bottom: 70px !important;
  }
  .sm-padding-75px-bottom {
    padding-bottom: 75px !important;
  }
  .sm-padding-80px-bottom {
    padding-bottom: 80px !important;
  }
  .sm-padding-85px-bottom {
    padding-bottom: 85px !important;
  }
  .sm-padding-90px-bottom {
    padding-bottom: 90px !important;
  }
  .sm-padding-95px-bottom {
    padding-bottom: 95px !important;
  }
  .sm-padding-100px-bottom {
    padding-bottom: 100px !important;
  }

  /* padding right */
  .sm-padding-one-right {
    padding-right: 1%;
  }
  .sm-padding-one-half-right {
    padding-right: 1.5%;
  }
  .sm-padding-two-right {
    padding-right: 2%;
  }
  .sm-padding-two-half-right {
    padding-right: 2.5%;
  }
  .sm-padding-three-right {
    padding-right: 3%;
  }
  .sm-padding-three-half-right {
    padding-right: 3.5%;
  }
  .sm-padding-four-right {
    padding-right: 4%;
  }
  .sm-padding-four-half-right {
    padding-right: 4.5%;
  }
  .sm-padding-five-right {
    padding-right: 5%;
  }
  .sm-padding-five-half-right {
    padding-right: 5.5%;
  }
  .sm-padding-six-right {
    padding-right: 6%;
  }
  .sm-padding-six-half-right {
    padding-right: 6.5%;
  }
  .sm-padding-seven-right {
    padding-right: 7%;
  }
  .sm-padding-seven-half-right {
    padding-right: 7.5%;
  }
  .sm-padding-eight-right {
    padding-right: 8%;
  }
  .sm-padding-eight-half-right {
    padding-right: 8.5%;
  }
  .sm-padding-nine-right {
    padding-right: 9%;
  }
  .sm-padding-nine-half-right {
    padding-right: 9.5%;
  }
  .sm-padding-ten-right {
    padding-right: 10%;
  }
  .sm-padding-ten-half-right {
    padding-right: 10.5%;
  }
  .sm-padding-eleven-right {
    padding-right: 11%;
  }
  .sm-padding-eleven-half-right {
    padding-right: 11.5%;
  }
  .sm-padding-twelve-right {
    padding-right: 12%;
  }
  .sm-padding-twelve-half-right {
    padding-right: 12.5%;
  }
  .sm-padding-thirteen-right {
    padding-right: 13%;
  }
  .sm-padding-thirteen-half-right {
    padding-right: 13.5%;
  }
  .sm-padding-fourteen-right {
    padding-right: 14%;
  }
  .sm-padding-fourteen-half-right {
    padding-right: 14.5%;
  }
  .sm-padding-fifteen-right {
    padding-right: 15%;
  }
  .sm-padding-fifteen-half-right {
    padding-right: 15.5%;
  }
  .sm-padding-sixteen-right {
    padding-right: 16%;
  }
  .sm-padding-sixteen-half-right {
    padding-right: 16.5%;
  }
  .sm-padding-seventeen-right {
    padding-right: 17%;
  }
  .sm-padding-seventeen-half-right {
    padding-right: 17.5%;
  }
  .sm-padding-eighteen-right {
    padding-right: 18%;
  }
  .sm-padding-eighteen-half-right {
    padding-right: 18.5%;
  }
  .sm-padding-nineteen-right {
    padding-right: 19%;
  }
  .sm-padding-nineteen-half-right {
    padding-right: 19.5%;
  }
  .sm-padding-twenty-right {
    padding-right: 20%;
  }
  .sm-padding-5px-right {
    padding-right: 5px !important;
  }
  .sm-padding-10px-right {
    padding-right: 10px !important;
  }
  .sm-padding-15px-right {
    padding-right: 15px !important;
  }
  .sm-padding-20px-right {
    padding-right: 20px !important;
  }
  .sm-padding-25px-right {
    padding-right: 25px !important;
  }
  .sm-padding-30px-right {
    padding-right: 30px !important;
  }
  .sm-padding-35px-right {
    padding-right: 35px !important;
  }
  .sm-padding-40px-right {
    padding-right: 40px !important;
  }
  .sm-padding-45px-right {
    padding-right: 45px !important;
  }
  .sm-padding-50px-right {
    padding-right: 50px !important;
  }
  .sm-padding-55px-right {
    padding-right: 55px !important;
  }
  .sm-padding-60px-right {
    padding-right: 60px !important;
  }
  .sm-padding-65px-right {
    padding-right: 65px !important;
  }
  .sm-padding-70px-right {
    padding-right: 70px !important;
  }
  .sm-padding-75px-right {
    padding-right: 75px !important;
  }
  .sm-padding-80px-right {
    padding-right: 80px !important;
  }
  .sm-padding-85px-right {
    padding-right: 85px !important;
  }
  .sm-padding-90px-right {
    padding-right: 90px !important;
  }
  .sm-padding-95px-right {
    padding-right: 95px !important;
  }
  .sm-padding-100px-right {
    padding-right: 100px !important;
  }

  /* padding left */
  .sm-padding-one-left {
    padding-left: 1%;
  }
  .sm-padding-one-half-left {
    padding-left: 1.5%;
  }
  .sm-padding-two-left {
    padding-left: 2%;
  }
  .sm-padding-two-half-left {
    padding-left: 2.5%;
  }
  .sm-padding-three-left {
    padding-left: 3%;
  }
  .sm-padding-three-half-left {
    padding-left: 3.5%;
  }
  .sm-padding-four-left {
    padding-left: 4%;
  }
  .sm-padding-four-half-left {
    padding-left: 4.5%;
  }
  .sm-padding-five-left {
    padding-left: 5%;
  }
  .sm-padding-five-half-left {
    padding-left: 5.5%;
  }
  .sm-padding-six-left {
    padding-left: 6%;
  }
  .sm-padding-six-half-left {
    padding-left: 6.5%;
  }
  .sm-padding-seven-left {
    padding-left: 7%;
  }
  .sm-padding-seven-half-left {
    padding-left: 7.5%;
  }
  .sm-padding-eight-left {
    padding-left: 8%;
  }
  .sm-padding-eight-half-left {
    padding-left: 8.5%;
  }
  .sm-padding-nine-left {
    padding-left: 9%;
  }
  .sm-padding-nine-half-left {
    padding-left: 9.5%;
  }
  .sm-padding-ten-left {
    padding-left: 10%;
  }
  .sm-padding-ten-half-left {
    padding-left: 10.5%;
  }
  .sm-padding-eleven-left {
    padding-left: 11%;
  }
  .sm-padding-eleven-half-left {
    padding-left: 11.5%;
  }
  .sm-padding-twelve-left {
    padding-left: 12%;
  }
  .sm-padding-twelve-half-left {
    padding-left: 12.5%;
  }
  .sm-padding-thirteen-left {
    padding-left: 13%;
  }
  .sm-padding-thirteen-half-left {
    padding-left: 13.5%;
  }
  .sm-padding-fourteen-left {
    padding-left: 14%;
  }
  .sm-padding-fourteen-half-left {
    padding-left: 14.5%;
  }
  .sm-padding-fifteen-left {
    padding-left: 15%;
  }
  .sm-padding-fifteen-half-left {
    padding-left: 15.5%;
  }
  .sm-padding-sixteen-left {
    padding-left: 16%;
  }
  .sm-padding-sixteen-half-left {
    padding-left: 16.5%;
  }
  .sm-padding-seventeen-left {
    padding-left: 17%;
  }
  .sm-padding-seventeen-half-left {
    padding-left: 17.5%;
  }
  .sm-padding-eighteen-left {
    padding-left: 18%;
  }
  .sm-padding-eighteen-half-left {
    padding-left: 18.5%;
  }
  .sm-padding-nineteen-left {
    padding-left: 19%;
  }
  .sm-padding-nineteen-half-left {
    padding-left: 19.5%;
  }
  .sm-padding-twenty-left {
    padding-left: 20%;
  }
  .sm-padding-5px-left {
    padding-left: 5px !important;
  }
  .sm-padding-10px-left {
    padding-left: 10px !important;
  }
  .sm-padding-15px-left {
    padding-left: 15px !important;
  }
  .sm-padding-20px-left {
    padding-left: 20px !important;
  }
  .sm-padding-25px-left {
    padding-left: 25px !important;
  }
  .sm-padding-30px-left {
    padding-left: 30px !important;
  }
  .sm-padding-35px-left {
    padding-left: 35px !important;
  }
  .sm-padding-40px-left {
    padding-left: 40px !important;
  }
  .sm-padding-45px-left {
    padding-left: 45px !important;
  }
  .sm-padding-50px-left {
    padding-left: 50px !important;
  }
  .sm-padding-55px-left {
    padding-left: 55px !important;
  }
  .sm-padding-60px-left {
    padding-left: 60px !important;
  }
  .sm-padding-65px-left {
    padding-left: 65px !important;
  }
  .sm-padding-70px-left {
    padding-left: 70px !important;
  }
  .sm-padding-75px-left {
    padding-left: 75px !important;
  }
  .sm-padding-80px-left {
    padding-left: 80px !important;
  }
  .sm-padding-85px-left {
    padding-left: 85px !important;
  }
  .sm-padding-90px-left {
    padding-left: 90px !important;
  }
  .sm-padding-95px-left {
    padding-left: 95px !important;
  }
  .sm-padding-100px-left {
    padding-left: 100px !important;
  }

  /* padding top bottom */
  .sm-padding-one-tb {
    padding-top: 1%;
    padding-bottom: 1%;
  }
  .sm-padding-one-half-tb {
    padding-top: 1.5%;
    padding-bottom: 1.5%;
  }
  .sm-padding-two-tb {
    padding-top: 2%;
    padding-bottom: 2%;
  }
  .sm-padding-two-half-tb {
    padding-top: 2.5%;
    padding-bottom: 2.5%;
  }
  .sm-padding-three-tb {
    padding-top: 3%;
    padding-bottom: 3%;
  }
  .sm-padding-three-half-tb {
    padding-top: 3.5%;
    padding-bottom: 3.5%;
  }
  .sm-padding-four-tb {
    padding-top: 4%;
    padding-bottom: 4%;
  }
  .sm-padding-four-half-tb {
    padding-top: 4.5%;
    padding-bottom: 4.5%;
  }
  .sm-padding-five-tb {
    padding-top: 5%;
    padding-bottom: 5%;
  }
  .sm-padding-five-half-tb {
    padding-top: 5.5%;
    padding-bottom: 5.5%;
  }
  .sm-padding-six-tb {
    padding-top: 6%;
    padding-bottom: 6%;
  }
  .sm-padding-six-half-tb {
    padding-top: 6.5%;
    padding-bottom: 6.5%;
  }
  .sm-padding-seven-tb {
    padding-top: 7%;
    padding-bottom: 7%;
  }
  .sm-padding-seven-half-tb {
    padding-top: 7.5%;
    padding-bottom: 7.5%;
  }
  .sm-padding-eight-tb {
    padding-top: 8%;
    padding-bottom: 8%;
  }
  .sm-padding-eight-half-tb {
    padding-top: 8.5%;
    padding-bottom: 8.5%;
  }
  .sm-padding-nine-tb {
    padding-top: 9%;
    padding-bottom: 9%;
  }
  .sm-padding-nine-half-tb {
    padding-top: 9.5%;
    padding-bottom: 9.5%;
  }
  .sm-padding-ten-tb {
    padding-top: 10%;
    padding-bottom: 10%;
  }
  .sm-padding-ten-half-tb {
    padding-top: 10.5%;
    padding-bottom: 10.5%;
  }
  .sm-padding-eleven-tb {
    padding-top: 11%;
    padding-bottom: 11%;
  }
  .sm-padding-eleven-half-tb {
    padding-top: 11.5%;
    padding-bottom: 11.5%;
  }
  .sm-padding-twelve-tb {
    padding-top: 12%;
    padding-bottom: 12%;
  }
  .sm-padding-twelve-half-tb {
    padding-top: 12.5%;
    padding-bottom: 12.5%;
  }
  .sm-padding-thirteen-tb {
    padding-top: 13%;
    padding-bottom: 13%;
  }
  .sm-padding-thirteen-half-tb {
    padding-top: 13.5%;
    padding-bottom: 13.5%;
  }
  .sm-padding-fourteen-tb {
    padding-top: 14%;
    padding-bottom: 14%;
  }
  .sm-padding-fourteen-half-tb {
    padding-top: 14.5%;
    padding-bottom: 14.5%;
  }
  .sm-padding-fifteen-tb {
    padding-top: 15%;
    padding-bottom: 15%;
  }
  .sm-padding-fifteen-half-tb {
    padding-top: 15.5%;
    padding-bottom: 15.5%;
  }
  .sm-padding-sixteen-tb {
    padding-top: 16%;
    padding-bottom: 16%;
  }
  .sm-padding-sixteen-half-tb {
    padding-top: 16.5%;
    padding-bottom: 16.5%;
  }
  .sm-padding-seventeen-tb {
    padding-top: 17%;
    padding-bottom: 17%;
  }
  .sm-padding-seventeen-half-tb {
    padding-top: 17.5%;
    padding-bottom: 17.5%;
  }
  .sm-padding-eighteen-tb {
    padding-top: 18%;
    padding-bottom: 18%;
  }
  .sm-padding-eighteen-half-tb {
    padding-top: 18.5%;
    padding-bottom: 18.5%;
  }
  .sm-padding-nineteen-tb {
    padding-top: 19%;
    padding-bottom: 19%;
  }
  .sm-padding-nineteen-half-tb {
    padding-top: 19.5%;
    padding-bottom: 19.5%;
  }
  .sm-padding-twenty-tb {
    padding-top: 20%;
    padding-bottom: 20%;
  }
  .sm-padding-thirty-tb {
    padding-top: 30%;
    padding-bottom: 30%;
  }
  .sm-padding-5px-tb {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .sm-padding-10px-tb {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .sm-padding-15px-tb {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .sm-padding-20px-tb {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .sm-padding-25px-tb {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  .sm-padding-30px-tb {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .sm-padding-35px-tb {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
  .sm-padding-40px-tb {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .sm-padding-45px-tb {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
  .sm-padding-50px-tb {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .sm-padding-55px-tb {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }
  .sm-padding-60px-tb {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .sm-padding-65px-tb {
    padding-top: 65px !important;
    padding-bottom: 65px !important;
  }
  .sm-padding-70px-tb {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
  .sm-padding-75px-tb {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
  }
  .sm-padding-80px-tb {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .sm-padding-85px-tb {
    padding-top: 85px !important;
    padding-bottom: 85px !important;
  }
  .sm-padding-90px-tb {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }
  .sm-padding-95px-tb {
    padding-top: 95px !important;
    padding-bottom: 95px !important;
  }
  .sm-padding-100px-tb {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }

  /* padding left right */
  .sm-padding-one-lr {
    padding-left: 1%;
    padding-right: 1%;
  }
  .sm-padding-one-half-lr {
    padding-left: 1.5%;
    padding-right: 1.5%;
  }
  .sm-padding-two-lr {
    padding-left: 2%;
    padding-right: 2%;
  }
  .sm-padding-two-half-lr {
    padding-left: 2.5%;
    padding-right: 2.5%;
  }
  .sm-padding-three-lr {
    padding-left: 3%;
    padding-right: 3%;
  }
  .sm-padding-three-half-lr {
    padding-left: 3.5%;
    padding-right: 3.5%;
  }
  .sm-padding-four-lr {
    padding-left: 4%;
    padding-right: 4%;
  }
  .sm-padding-four-half-lr {
    padding-left: 4.5%;
    padding-right: 4.5%;
  }
  .sm-padding-five-lr {
    padding-left: 5%;
    padding-right: 5%;
  }
  .sm-padding-five-half-lr {
    padding-left: 5.5%;
    padding-right: 5.5%;
  }
  .sm-padding-six-lr {
    padding-left: 6%;
    padding-right: 6%;
  }
  .sm-padding-six-half-lr {
    padding-left: 6.5%;
    padding-right: 6.5%;
  }
  .sm-padding-seven-lr {
    padding-left: 7%;
    padding-right: 7%;
  }
  .sm-padding-seven-half-lr {
    padding-left: 7.5%;
    padding-right: 7.5%;
  }
  .sm-padding-eight-lr {
    padding-left: 8%;
    padding-right: 8%;
  }
  .sm-padding-eight-half-lr {
    padding-left: 8.5%;
    padding-right: 8.5%;
  }
  .sm-padding-nine-lr {
    padding-left: 9%;
    padding-right: 9%;
  }
  .sm-padding-nine-half-lr {
    padding-left: 9.5%;
    padding-right: 9.5%;
  }
  .sm-padding-ten-lr {
    padding-left: 10%;
    padding-right: 10%;
  }
  .sm-padding-ten-half-lr {
    padding-left: 10.5%;
    padding-right: 10.5%;
  }
  .sm-padding-eleven-lr {
    padding-left: 11%;
    padding-right: 11%;
  }
  .sm-padding-eleven-half-lr {
    padding-left: 11.5%;
    padding-right: 11.5%;
  }
  .sm-padding-twelve-lr {
    padding-left: 12%;
    padding-right: 12%;
  }
  .sm-padding-twelve-half-lr {
    padding-left: 12.5%;
    padding-right: 12.5%;
  }
  .sm-padding-thirteen-lr {
    padding-left: 13%;
    padding-right: 13%;
  }
  .sm-padding-thirteen-half-lr {
    padding-left: 13.5%;
    padding-right: 13.5%;
  }
  .sm-padding-fourteen-lr {
    padding-left: 14%;
    padding-right: 14%;
  }
  .sm-padding-fourteen-half-lr {
    padding-left: 14.5%;
    padding-right: 14.5%;
  }
  .sm-padding-fifteen-lr {
    padding-left: 15%;
    padding-right: 15%;
  }
  .sm-padding-fifteen-half-lr {
    padding-left: 15.5%;
    padding-right: 15.5%;
  }
  .sm-padding-sixteen-lr {
    padding-left: 16%;
    padding-right: 16%;
  }
  .sm-padding-sixteen-half-lr {
    padding-left: 16.5%;
    padding-right: 16.5%;
  }
  .sm-padding-seventeen-lr {
    padding-left: 17%;
    padding-right: 17%;
  }
  .sm-padding-seventeen-half-lr {
    padding-left: 17.5%;
    padding-right: 17.5%;
  }
  .sm-padding-eighteen-lr {
    padding-left: 18%;
    padding-right: 18%;
  }
  .sm-padding-eighteen-half-lr {
    padding-left: 18.5%;
    padding-right: 18.5%;
  }
  .sm-padding-nineteen-lr {
    padding-left: 19%;
    padding-right: 19%;
  }
  .sm-padding-nineteen-half-lr {
    padding-left: 19.5%;
    padding-right: 19.5%;
  }
  .sm-padding-twenty-lr {
    padding-left: 20%;
    padding-right: 20%;
  }
  .sm-padding-twenty-half-lr {
    padding-left: 20.5%;
    padding-right: 20.5%;
  }
  .sm-padding-twenty-one-lr {
    padding-left: 21%;
    padding-right: 21%;
  }
  .sm-padding-twenty-one-half-lr {
    padding-left: 21.5%;
    padding-right: 21.5%;
  }
  .sm-padding-twenty-two-lr {
    padding-left: 22%;
    padding-right: 22%;
  }
  .sm-padding-twenty-two-half-lr {
    padding-left: 22.5%;
    padding-right: 22.5%;
  }
  .sm-padding-twenty-three-lr {
    padding-left: 23%;
    padding-right: 23%;
  }
  .sm-padding-twenty-three-half-lr {
    padding-left: 23.5%;
    padding-right: 23.5%;
  }
  .sm-padding-twenty-four-lr {
    padding-left: 24%;
    padding-right: 24%;
  }
  .sm-padding-twenty-four-half-lr {
    padding-left: 24.5%;
    padding-right: 24.5%;
  }
  .sm-padding-twenty-five-lr {
    padding-left: 25%;
    padding-right: 25%;
  }
  .sm-padding-thirty-lr {
    padding-left: 30%;
    padding-right: 30%;
  }
  .sm-padding-5px-lr {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
  .sm-padding-10px-lr {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .sm-padding-15px-lr {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  .sm-padding-20px-lr {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .sm-padding-25px-lr {
    padding-right: 25px !important;
    padding-left: 25px !important;
  }
  .sm-padding-30px-lr {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }
  .sm-padding-35px-lr {
    padding-right: 35px !important;
    padding-left: 35px !important;
  }
  .sm-padding-40px-lr {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .sm-padding-45px-lr {
    padding-right: 45px !important;
    padding-left: 45px !important;
  }
  .sm-padding-50px-lr {
    padding-right: 50px !important;
    padding-left: 50px !important;
  }
  .sm-padding-55px-lr {
    padding-right: 55px !important;
    padding-left: 55px !important;
  }
  .sm-padding-60px-lr {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .sm-padding-65px-lr {
    padding-right: 65px !important;
    padding-left: 65px !important;
  }
  .sm-padding-70px-lr {
    padding-right: 70px !important;
    padding-left: 70px !important;
  }
  .sm-padding-75px-lr {
    padding-right: 75px !important;
    padding-left: 75px !important;
  }
  .sm-padding-80px-lr {
    padding-right: 80px !important;
    padding-left: 80px !important;
  }
  .sm-padding-85px-lr {
    padding-left: 85px !important;
    padding-right: 85px !important;
  }
  .sm-padding-90px-lr {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }
  .sm-padding-95px-lr {
    padding-left: 95px !important;
    padding-right: 95px !important;
  }
  .sm-padding-100px-lr {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }

  /* background position */
  .sm-bg-position-left-top,
  .vc_row-has-fill.sm-bg-position-left-top {
    background-position: left top !important;
  }
  .sm-bg-position-left-center,
  .vc_row-has-fill.sm-bg-position-left-center {
    background-position: left center !important;
  }
  .sm-bg-position-left-bottom,
  .vc_row-has-fill.sm-bg-position-left-bottom {
    background-position: left bottom !important;
  }
  .sm-bg-position-center-top,
  .vc_row-has-fill.sm-bg-position-center-top {
    background-position: center top !important;
  }
  .sm-bg-position-center-center,
  .vc_row-has-fill.sm-bg-position-center-center {
    background-position: center center !important;
  }
  .sm-bg-position-center-bottom,
  .vc_row-has-fill.sm-bg-position-center-bottom {
    background-position: center bottom !important;
  }
  .sm-bg-position-right-top,
  .vc_row-has-fill.sm-bg-position-right-top {
    background-position: right top !important;
  }
  .sm-bg-position-right-center,
  .vc_row-has-fill.sm-bg-position-right-center {
    background-position: right center !important;
  }
  .sm-bg-position-right-bottom,
  .vc_row-has-fill.sm-bg-position-right-bottom {
    background-position: right bottom !important;
  }

  /* top */
  .sm-top-auto {
    top: auto;
  }
  .sm-top-0 {
    top: 0 !important;
  }
  .sm-top-inherit {
    top: inherit !important;
  }
  .sm-top-1 {
    top: 1px;
  }
  .sm-top-2 {
    top: 2px;
  }
  .sm-top-3 {
    top: 3px;
  }
  .sm-top-4 {
    top: 4px;
  }
  .sm-top-5 {
    top: 5px;
  }
  .sm-top-6 {
    top: 6px;
  }
  .sm-top-7 {
    top: 7px;
  }
  .sm-top-8 {
    top: 8px;
  }
  .sm-top-9 {
    top: 9px;
  }
  .sm-top-10 {
    top: 10px;
  }
  .sm-top-12 {
    top: 12px;
  }
  .sm-top-15 {
    top: 15px;
  }
  .sm-top-17 {
    top: 17px;
  }
  .sm-top-20 {
    top: 20px;
  }
  .sm-top-25 {
    top: 25px;
  }
  .sm-top-30 {
    top: 30px;
  }
  .sm-top-35 {
    top: 35px;
  }
  .sm-top-40 {
    top: 40px;
  }
  .sm-top-45 {
    top: 45px;
  }
  .sm-top-50 {
    top: 50px;
  }

  .sm-top-minus1 {
    top: -1px;
  }
  .sm-top-minus2 {
    top: -2px;
  }
  .sm-top-minus3 {
    top: -3px;
  }
  .sm-top-minus4 {
    top: -4px;
  }
  .sm-top-minus5 {
    top: -5px;
  }
  .sm-top-minus6 {
    top: -6px;
  }
  .sm-top-minus7 {
    top: -7px;
  }
  .sm-top-minus8 {
    top: -8px;
  }
  .sm-top-minus9 {
    top: -9px;
  }
  .sm-top-minus10 {
    top: -10px;
  }
  .sm-top-minus30 {
    top: -30px;
  }

  /* bottom */
  .sm-bottom-auto {
    bottom: auto;
  }
  .sm-bottom-0 {
    bottom: 0;
  }
  .sm-bottom-1 {
    bottom: 1px;
  }
  .sm-bottom-2 {
    bottom: 2px;
  }
  .sm-bottom-3 {
    bottom: 3px;
  }
  .sm-bottom-4 {
    bottom: 4px;
  }
  .sm-bottom-5 {
    bottom: 5px;
  }
  .sm-bottom-6 {
    bottom: 6px;
  }
  .sm-bottom-7 {
    bottom: 7px;
  }
  .sm-bottom-8 {
    bottom: 8px;
  }
  .sm-bottom-9 {
    bottom: 9px;
  }
  .sm-bottom-10 {
    bottom: 10px;
  }
  .sm-bottom-20 {
    bottom: 20px;
  }
  .sm-bottom-25 {
    bottom: 25px;
  }
  .sm-bottom-30 {
    bottom: 30px;
  }

  /* left */
  .sm-left-auto {
    left: auto;
  }
  .sm-left-0 {
    left: 0;
  }
  .sm-left-1 {
    left: 1px;
  }
  .sm-left-2 {
    left: 2px;
  }
  .sm-left-3 {
    left: 3px;
  }
  .sm-left-4 {
    left: 4px;
  }
  .sm-left-5 {
    left: 5px;
  }
  .sm-left-6 {
    left: 6px;
  }
  .sm-left-7 {
    left: 7px;
  }
  .sm-left-8 {
    left: 8px;
  }
  .sm-left-9 {
    left: 9px;
  }
  .sm-left-10 {
    left: 10px;
  }

  /* right */
  .sm-right-auto {
    right: auto;
  }
  .sm-right-0 {
    right: 0;
  }
  .sm-right-1 {
    right: 1px;
  }
  .sm-right-2 {
    right: 2px;
  }
  .sm-right-3 {
    right: 3px;
  }
  .sm-right-4 {
    right: 4px;
  }
  .sm-right-5 {
    right: 5px;
  }
  .sm-right-6 {
    right: 6px;
  }
  .sm-right-7 {
    right: 7px;
  }
  .sm-right-8 {
    right: 8px;
  }
  .sm-right-9 {
    right: 9px;
  }
  .sm-right-10 {
    right: 10px;
  }

  /* width */
  .sm-width-10 {
    width: 10%;
  }
  .sm-width-15 {
    width: 15%;
  }
  .sm-width-20 {
    width: 20%;
  }
  .sm-width-25 {
    width: 25%;
  }
  .sm-width-30 {
    width: 30%;
  }
  .sm-width-35 {
    width: 35%;
  }
  .sm-width-40 {
    width: 40%;
  }
  .sm-width-45 {
    width: 45%;
  }
  .sm-width-50 {
    width: 50%;
  }
  .sm-width-55 {
    width: 55%;
  }
  .sm-width-60 {
    width: 60%;
  }
  .sm-width-65 {
    width: 65%;
  }
  .sm-width-70 {
    width: 70%;
  }
  .sm-width-75 {
    width: 75%;
  }
  .sm-width-80 {
    width: 80%;
  }
  .sm-width-85 {
    width: 85%;
  }
  .sm-width-90 {
    width: 90%;
  }
  .sm-width-95 {
    width: 95%;
  }
  .sm-width-100 {
    width: 100%;
  }
  .sm-width-auto {
    width: auto;
  }

  .sm-width-50px {
    width: 50px;
  }
  .sm-width-70px {
    width: 70px;
  }
  .sm-width-75px {
    width: 75px;
  }
  .sm-width-80px {
    width: 80px;
  }
  .sm-width-85px {
    width: 85px;
  }
  .sm-width-90px {
    width: 90px;
  }
  .sm-width-95px {
    width: 95px;
  }
  .sm-width-100px {
    width: 100px;
  }
  .sm-width-120px {
    width: 120px;
  }
  .sm-width-130px {
    width: 130px;
  }
  .sm-width-150px {
    width: 150px;
  }
  .sm-width-180px {
    width: 180px;
  }
  .sm-width-200px {
    width: 200px;
  }
  .sm-width-250px {
    width: 250px;
  }
  .sm-width-300px {
    width: 300px;
  }
  .sm-width-350px {
    width: 350px;
  }
  .sm-width-400px {
    width: 400px;
  }
  .sm-width-450px {
    width: 450px;
  }
  .sm-width-500px {
    width: 500px;
  }
  .sm-width-550px {
    width: 550px;
  }
  .sm-width-600px {
    width: 600px;
  }
  .sm-width-650px {
    width: 650px;
  }
  .sm-width-700px {
    width: 700px;
  }
  .sm-width-750px {
    width: 750px;
  }
  .sm-width-800px {
    width: 800px;
  }
  .sm-width-850px {
    width: 850px;
  }
  .sm-width-900px {
    width: 900px;
  }
  .sm-width-950px {
    width: 950px;
  }
  .sm-width-1000px {
    width: 1000px;
  }

  /* height */
  .sm-height-50 {
    height: 50% !important;
  }
  .sm-height-100 {
    height: 100% !important;
  }
  .sm-height-auto {
    height: auto !important;
  }
  .sm-height-50px {
    height: 50px !important;
  }
  .sm-height-60px {
    height: 60px !important;
  }
  .sm-height-70px {
    height: 70px !important;
  }
  .sm-height-80px {
    height: 80px !important;
  }
  .sm-height-90px {
    height: 90px !important;
  }
  .sm-height-100px {
    height: 100px !important;
  }
  .sm-height-150px {
    height: 150px !important;
  }
  .sm-height-200px {
    height: 200px !important;
  }
  .sm-height-250px {
    height: 250px !important;
  }
  .sm-height-300px {
    height: 300px !important;
  }
  .sm-height-350px {
    height: 350px !important;
  }
  .sm-height-400px {
    height: 400px !important;
  }
  .sm-height-450px {
    height: 450px !important;
  }
  .sm-height-500px {
    height: 500px !important;
  }
  .sm-height-550px {
    height: 550px !important;
  }
  .sm-height-600px {
    height: 600px !important;
  }
  .sm-height-650px {
    height: 650px !important;
  }
  .sm-height-700px {
    height: 700px !important;
  }
  .sm-height-750px {
    height: 750px !important;
  }
  .sm-height-800px {
    height: 800px !important;
  }
  .sm-height-850px {
    height: 850px !important;
  }
  .sm-height-900px {
    height: 900px !important;
  }

  /* display */
  .sm-display-block {
    display: block !important;
  }
  .sm-overflow-hidden {
    overflow: hidden !important;
  }
  .sm-display-inline-block {
    display: inline-block !important;
  }
  .sm-display-inline {
    display: inline !important;
  }
  .sm-display-none {
    display: none !important;
  }
  .sm-display-inherit {
    display: inherit !important;
  }
  .sm-display-table {
    display: table !important;
  }
  .sm-display-table-cell {
    display: table-cell !important;
  }
  .sm-display-flex-inherit {
    -ms-box-orient: inherit;
    display: inherit;
    display: inherit;
    display: inherit;
    display: inherit;
    display: inherit;
    display: inherit;
    -webkit-flex-flow: inherit;
    flex-flow: inherit;
  }

  /* min height */
  .sm-min-height-0 {
    min-height: 0;
  }

  /* clear */
  .sm-clear-none {
    clear: none;
  }
  .sm-clear-both {
    clear: both;
  }

  /* position */
  .sm-position-inherit {
    position: inherit !important;
  }
  .sm-position-initial {
    position: initial !important;
  }
  .sm-position-relative {
    position: relative !important;
    z-index: 5;
  }
  .sm-position-absolute {
    position: absolute !important;
  }
  .sm-position-fixed {
    position: fixed !important;
  }

  /* line height */
  .sm-line-height-10 {
    line-height: 10px;
  }
  .sm-line-height-18 {
    line-height: 18px;
  }
  .sm-line-height-20 {
    line-height: 20px;
  }
  .sm-line-height-24 {
    line-height: 24px;
  }
  .sm-line-height-22 {
    line-height: 22px;
  }
  .sm-line-height-26 {
    line-height: 26px;
  }
  .sm-line-height-28 {
    line-height: 28px;
  }
  .sm-line-height-30 {
    line-height: 30px;
  }
  .sm-line-height-35 {
    line-height: 35px;
  }
  .sm-line-height-40 {
    line-height: 40px;
  }
  .sm-line-height-45 {
    line-height: 45px;
  }
  .sm-line-height-50 {
    line-height: 50px;
  }
  .sm-line-height-55 {
    line-height: 55px;
  }
  .sm-line-height-60 {
    line-height: 60px;
  }
  .sm-line-height-65 {
    line-height: 65px;
  }
  .sm-line-height-70 {
    line-height: 70px;
  }
  .sm-line-height-75 {
    line-height: 75px;
  }
  .sm-line-height-80 {
    line-height: 80px;
  }
  .sm-line-height-85 {
    line-height: 85px;
  }
  .sm-line-height-90 {
    line-height: 90px;
  }
  .sm-line-height-95 {
    line-height: 95px;
  }
  .sm-line-height-100 {
    line-height: 100px;
  }

  /* border */
  .sm-no-border-top {
    border-top: 0 !important;
  }
  .sm-no-border-bottom {
    border-bottom: 0 !important;
  }
  .sm-no-border-right {
    border-right: 0 !important;
  }
  .sm-no-border-left {
    border-left: 0 !important;
  }

  .portfolio-filter-tab-1.nav > li {
    margin: 10px 20px;
  }
  .portfolio-grid.work-6col li,
  .blog-grid.blog-6col li {
    width: 50%;
  }
  .portfolio-grid.work-4col li,
  .blog-grid.blog-4col li {
    width: 50%;
  }
  .sidebar-wrapper .portfolio-grid.work-4col li,
  .sidebar-wrapper .blog-grid.work-4col li {
    width: 50%;
  }
  .portfolio-grid.work-4col li.grid-item-double,
  .blog-grid.blog-4col li.grid-item-double {
    width: 50%;
  }
  .portfolio-grid.work-4col li.grid-item-double:last-child,
  .blog-grid.blog-4col li.grid-item-double:last-child {
    width: 50%;
  }

  .portfolio-grid.work-3col li,
  .blog-grid.blog-3col li {
    width: 50%;
  }
  .portfolio-grid.work-3col li.grid-item-double,
  .blog-grid.blog-3col li.grid-item-double {
    width: 50%;
  }

  /* equalize auto */
  .sm-equalize-auto > [class*="col-"] {
    height: auto !important;
  }

  /* feature box 4 */
  .feature-box-4 figure figcaption {
    width: 100%;
    display: table-cell;
    margin: 0;
    padding: 15px;
    top: 0;
    height: 100%;
  }
  .grid-item.feature-box-4 figure figcaption .btn {
    opacity: 1;
  }
  .feature-box-4 figure:hover figcaption {
    transform: translateY(0px);
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -o-transform: translateY(0px);
  }

  /* homepage  */
  .bg-transparent-white {
    background: rgba(255, 255, 255, 0);
    background: -moz-linear-gradient(
      left,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0) 50%,
      rgba(255, 255, 255, 1) 96%,
      rgba(255, 255, 255, 1) 100%
    );
    background: -webkit-gradient(
      left top,
      right top,
      color-stop(0%, rgba(255, 255, 255, 0)),
      color-stop(50%, rgba(255, 255, 255, 0)),
      color-stop(96%, rgba(255, 255, 255, 1)),
      color-stop(100%, rgba(255, 255, 255, 1))
    );
    background: -webkit-linear-gradient(
      left,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0) 50%,
      rgba(255, 255, 255, 1) 96%,
      rgba(255, 255, 255, 1) 100%
    );
    background: -o-linear-gradient(
      left,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0) 50%,
      rgba(255, 255, 255, 1) 96%,
      rgba(255, 255, 255, 1) 100%
    );
    background: -ms-linear-gradient(
      left,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0) 50%,
      rgba(255, 255, 255, 1) 96%,
      rgba(255, 255, 255, 1) 100%
    );
    background: linear-gradient(
      to right,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0) 50%,
      rgba(255, 255, 255, 1) 96%,
      rgba(255, 255, 255, 1) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
  }
  .sm-swap-block {
    display: flex !important;
    flex-flow: column;
  }
  .sm-swap-block > div:first-child {
    order: 2;
  }
  .sm-swap-block .arrow-bottom::after {
    top: -29px;
    border: solid transparent;
    border-bottom-color: #f5f5f5;
    border-width: 15px;
    margin-left: -15px;
  }

  /* blog post style 3 */
  .sm-no-background-img,
  .vc_row-has-fill.sm-no-background-img {
    background-image: none !important;
  }
  .blog-post-style3 .grid-item .blog-post .blog-post-images .blog-hover-icon i {
    font-size: 36px;
  }

  /* swiper button 3 */
  .swiper-button-prev.swiper-prev-style3,
  .swiper-button-next.swiper-next-style3 {
    left: 64.5%;
  }

  /* home - creative small business */
  .gridblock-main {
    padding: 60px 30px;
  }

  /* feature box style 8 */
  .parallax-feature-box-bottom {
    position: relative;
  }

  /* home - classic innovation agency */
  .right-image {
    position: relative;
    width: 100%;
    bottom: 0;
    padding: 0 15px 0;
    right: 0;
    clear: both;
  }
  .box-separator-line {
    left: -45px;
    top: 66px;
  }
  .content-right-slider .swiper-button-next,
  .content-right-slider .swiper-button-prev,
  .swiper-container-rtl .swiper-button-next.slider-long-arrow-white,
  .swiper-container-rtl .swiper-button-prev.slider-long-arrow-white {
    background-size: 25px auto;
    width: 30px;
  }

  /* full width menu nav */
  .full-width-pull-menu .link-style-2 ul.hamburger-menu-style1 > li > a {
    font-size: 36px;
    line-height: 70px;
  }
  .full-width-pull-menu .dropdown .dropdown-toggle {
    top: 35px;
  }

  /* feature box 10 */
  .feature-box-10 .number-center::before {
    width: 100%;
  }
  .feature-box-10 .number-center::after {
    width: 100%;
  }

  /* feature box 4 */
  .grid-item.feature-box-4 figure:hover figcaption {
    transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -o-transform: translateY(-10px);
  }

  /* hamburger menu */
  .hamburger-menu-wrepper {
    padding: 35px 36px;
  }
  .hamburger-menu-links {
    font-size: 32px;
    line-height: 32px;
  }
  .menu-middle {
    width: 95%;
  }

  /* homepage */
  .swiper-auto-width {
    padding: 0 15px;
  }
  .swiper-auto-width .swiper-slide {
    width: 100%;
  }

  /* feature box 11 */
  .vc_column_container:nth-child(2) .feature-box-11 .progress-line:after {
    visibility: hidden;
  }
  .no-progress-line .progress-line:after {
    visibility: hidden;
  }

  /* feature box style 12 */
  .feature-box-12 .hover-content-box {
    top: 0;
  }

  /* skillbar bar style 1 */
  .skillbar-bar-style1 .skillbar {
    width: 86%;
  }

  /* feature box style 14 */
  .feature-box-14:nth-child(even) {
    border-right: 0;
  }
  .feature-box-14 {
    border-bottom-width: 1px;
  }
  .featurebox14-sm-border-none .featurebox14 {
    border: 0;
  }

  /* home - creative business */
  .icon-box .icon-box-holder {
    height: 90px;
  }
  .icon-box .icon-box-holder i {
    padding-top: 5px;
  }

  /* swiper pagination */
  .swiper-vertical-pagination > .swiper-pagination-bullets {
    right: 30px;
  }
  .right-image img {
    max-width: 100%;
  }
  .banner-style2 figcaption {
    width: 80%;
  }

  /* text middle line */
  .sm-text-middle-line::before {
    display: none;
  }

  /* banner style 01 */
  .banner-style1 figure:hover figcaption p {
    height: 100px;
  }
  .counter-box-5 .counter-box .number {
    font-size: 50px !important;
    line-height: 50px;
  }
  .left-sidebar,
  .right-sidebar {
    padding: 15px;
  }

  /* scroll to top */
  .scroll-top-arrow {
    display: none !important;
    opacity: 0 !important;
  }

  /* text property */
  .sm-text-middle-line::before {
    display: none;
  }

  /* home - creative small business */
  .gridblock-list li {
    margin-bottom: 6%;
  }

  /* hover option 3 */
  .hover-option3 .grid-item figure figcaption {
    padding: 0 30px;
  }

  .mfp-close,
  .mfp-close:active {
    top: 0;
    right: 0;
  }
  button.mfp-arrow {
    background-color: #000;
    height: 80px;
    width: 80px;
    opacity: 1;
  }
  .mfp-arrow:before {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    line-height: 80px;
    border: 0;
  }
  .mfp-arrow:active,
  .mfp-arrow:focus {
    margin-top: -55px;
  }
  .mfp-arrow-left {
    left: 6px;
  }
  .mfp-arrow-right {
    right: 6px;
  }
  .banner-style2 figcaption {
    width: 50%;
  }
  .list-style-6 li {
    padding: 0 0 8px 0;
  }

  /* next previous button style 2 */
  .swiper-next-style2 {
    right: 15px;
  }
  .swiper-prev-style2 {
    left: 15px;
  }
  .swiper-auto-width .swiper-scrollbar {
    left: 12%;
    width: 76%;
  }

  /* portfolio 5 column */
  .portfolio-grid.work-5col li,
  .blog-grid.blog-5col li {
    width: 50%;
  }
  .portfolio-grid.work-5col li.grid-item-double,
  .blog-grid.blog-5col li.grid-item-double {
    width: 50%;
  }

  /* opacity */
  .sm-opacity1 {
    opacity: 0.1;
  }
  .sm-opacity2 {
    opacity: 0.2;
  }
  .sm-opacity3 {
    opacity: 0.3;
  }
  .sm-opacity4 {
    opacity: 0.4;
  }
  .sm-opacity5 {
    opacity: 0.5;
  }
  .sm-opacity6 {
    opacity: 0.6;
  }
  .sm-opacity7 {
    opacity: 0.7;
  }
  .sm-opacity8 {
    opacity: 0.8;
  }
  .sm-opacity9 {
    opacity: 0.9;
  }
  .sm-opacity10 {
    opacity: 1;
  }

  /* vc modify */
  .compose-mode .vc_vc_row section.vc_row {
    padding: 80px 0;
  }
  .compose-mode .vc_vc_row section.vc_row.big-section {
    padding: 120px 0;
  }
  .compose-mode .vc_vc_row section.vc_row.half-section {
    padding: 40px 0;
  }

  /* blog details */
  .pofo-single-post-meta-style {
    padding-left: 0;
    padding-right: 0;
  }

  /* highlight box */
  .highlight.pricing-box {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
  .blog-header-style1 li.blog-column-active {
    width: 100%;
  }
  .blog-header-style1 li {
    width: 100%;
  }

  /* default menu */
  .navbar-nav > li.page_item ul.children,
  .navbar-nav > li.page_item > ul li > ul.children {
    display: block;
    min-width: 100%;
    padding: 0 0 15px;
    position: inherit;
  }
  .navbar-nav > li.page_item > ul li > ul.children > li:last-child,
  .navbar-nav > li.page_item ul.children > li:last-child {
    border-bottom: 0;
  }
  .navbar-nav > li.page_item > ul li > ul.children {
    left: 0;
    top: 0;
  }
  .navbar-nav > li.page_item ul.children > li {
    padding-left: 15px;
  }

  nav.mobile-menu ul.nav > li > a,
  nav.mobile-menu ul.nav > li i.dropdown-toggle {
    color: #ffffff !important;
  }
  nav.mobile-menu ul > li > ul > li > a,
  nav.mobile-menu ul > li.simple-dropdown > ul > li > ul > li > a {
    color: rgba(255, 255, 255, 0.6) !important;
  }
  nav.mobile-menu.navbar.bootsnav
    li.dropdown
    .mega-menu-full
    > ul
    li
    a.dropdown-header,
  nav.navbar.bootsnav.mobile-menu
    ul.nav
    li.dropdown.simple-dropdown
    > ul
    > li
    > a {
    color: #ffffff !important;
  }
  header nav.navbar.bootsnav.mobile-menu ul.nav > li.current-menu-ancestor > a,
  nav.navbar.bootsnav
    ul.nav
    li.dropdown.simple-dropdown
    ul.dropdown-menu
    > li.current-menu-item
    > a {
    color: rgba(255, 255, 255, 0.6) !important;
  }
  nav.navbar.bootsnav.mobile-menu
    li.dropdown
    .mega-menu-full
    > ul
    li.current-menu-item
    > a,
  nav.mobile-menu.navbar.bootsnav
    li.dropdown
    .mega-menu-full
    > ul
    li.current-menu-ancestor
    a.dropdown-header,
  nav.mobile-menu.navbar.bootsnav
    li.dropdown
    .mega-menu-full
    > ul
    li.current-menu-ancestor
    a.dropdown-header,
  nav.mobile-menu.navbar.bootsnav
    li.dropdown
    .mega-menu-full
    > ul
    li.active
    a.dropdown-header,
  header nav.navbar.mobile-menu .navbar-nav > li > a.active,
  nav.navbar.bootsnav.mobile-menu ul.nav > li > a.active {
    color: #fff !important;
  }
  nav.navbar.bootsnav.mobile-menu
    ul.nav
    li.dropdown.simple-dropdown
    ul.dropdown-menu
    > li.current-menu-ancestor
    > a,
  nav.navbar.bootsnav.mobile-menu
    ul.nav
    li.dropdown.simple-dropdown
    ul.dropdown-menu
    > li.current-menu-item
    > a,
  nav.navbar.bootsnav.mobile-menu
    ul.nav
    li.dropdown.simple-dropdown
    ul.dropdown-menu
    > li.active
    > a {
    color: #fff !important;
  }
  nav.mobile-menu.navbar.bootsnav .navbar-nav li,
  nav.mobile-menu.navbar.bootsnav.menu-logo-center
    .navbar-nav.navbar-left
    > li:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
  }
  nav.mobile-menu.navbar.bootsnav li.dropdown .mega-menu-full > ul > li > ul,
  nav.mobile-menu.navbar.bootsnav
    ul.nav
    .simple-dropdown
    ul.dropdown-menu
    li.dropdown
    ul.dropdown-menu {
    border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
  }
  nav.mobile-menu.navbar.bootsnav .navbar-nav {
    background-color: rgba(23, 23, 23, 0.95) !important;
  }
  nav.mobile-menu.navbar.bootsnav li.dropdown .mega-menu-full,
  nav.navbar.bootsnav.mobile-menu
    ul.nav
    li.dropdown.simple-dropdown
    > .dropdown-menu {
    background: #232323 !important;
  }
  nav.mobile-menu.navbar.bootsnav
    li.dropdown
    .mega-menu-full
    > ul
    > li:last-child {
    border: 0 none !important;
  }
  nav.mobile-menu.navbar.bootsnav
    li.dropdown
    .mega-menu-full
    > ul
    > li:last-child,
  nav.mobile-menu.navbar.bootsnav .navbar-nav li:last-child {
    border-bottom: 0 none !important;
  }
  nav.mobile-menu.navbar.bootsnav
    .navbar-nav
    li
    ul
    > li.menu-item-has-children {
    border-bottom: 0 none !important;
  }
  .sidebar-nav .navbar-form .input-group {
    width: 100%;
  }
  .feature-box.feature-box-17 .box .content {
    top: 30px;
  }
  .swiper-pagination-square-bottom.swiper-pagination-2 {
    bottom: -20px;
  }
  .popup-youtube-img.popup-youtube .icon-image {
    width: auto;
  }
  .popup-youtube .icon-image {
    width: 100px;
  }
  .blog-post-style4 figure figcaption {
    padding: 25px;
  }
  .search-form .search-input {
    font-size: 24px;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .demo-logo img {
    width: auto;
  }
  .demo-portfolio-grid.portfolio-grid.gutter-extra-large li {
    padding: 20px;
  }
  .counter-box-4 .timer:after {
    right: -12%;
  }
  .team-style-2 {
    padding-bottom: 30px;
  }
  .sm-no-after:after {
    display: none;
  }
  .sm-no-before:before {
    display: none;
  }
  .sm-timer-after .timer:after {
    display: none;
  }
  nav.navbar.bootsnav .pofo-normal-menu li ul,
  nav.navbar.bootsnav .pofo-normal-menu li .sub-menu li ul,
  .navbar-nav.pofo-normal-menu > li.page_item ul.children,
  .navbar-nav.pofo-normal-menu > li.page_item > ul li > ul.children {
    display: block;
  }
  .pofo-normal-menu .sub-menu,
  nav.navbar.bootsnav .pofo-normal-menu li .sub-menu li ul,
  .navbar-nav.pofo-normal-menu > li.page_item ul.children,
  .navbar-nav.pofo-normal-menu > li.page_item > ul li > ul.children {
    position: inherit;
    left: 0;
    background: rgba(35, 35, 35, 1);
    width: 100%;
    padding: 0;
    box-shadow: none;
    margin: 0;
    top: 0;
  }
  nav.navbar.bootsnav .pofo-normal-menu li > ul > li,
  .navbar-nav.pofo-normal-menu > li.page_item ul.children li {
    padding-left: 0;
    padding-right: 0;
  }
  nav.navbar.bootsnav .pofo-normal-menu .sub-menu li a,
  .navbar-nav.pofo-normal-menu > li.page_item ul.children li a {
    padding: 9px 15px 8px;
  }
  nav.navbar.bootsnav .pofo-normal-menu li .sub-menu li ul,
  .navbar-nav.pofo-normal-menu > li.page_item > ul li > ul.children {
    border-top: 1px solid rgba(255, 255, 255, 0.06);
  }
  nav.navbar.bootsnav .pofo-normal-menu li .sub-menu li ul li a,
  .navbar-nav.pofo-normal-menu > li.page_item > ul li > ul.children li a {
    font-weight: 400;
    padding: 9px 25px 8px;
  }
  .pofo-normal-menu .sub-menu li.menu-item-has-children > a:before {
    display: none;
  }

  .elements-list > li {
    width: 50%;
    margin-bottom: 50px;
  }
  .elements-list > li:nth-child(3n + 0) {
    clear: both;
  }

  /* woocommerce style */
  .woocommerce-MyAccount-navigation {
    margin: 0 0 30px 0;
  }
  .woocommerce-MyAccount-content {
    padding-left: 0;
    width: 100%;
  }
  .woocommerce-MyAccount-navigation {
    width: 100%;
  }
  .both-content-center .woocommerce-MyAccount-content {
    padding-left: 0;
  }
  .pofo-my-account-full .woocommerce-MyAccount-navigation {
    width: 32%;
    float: left;
  }
  .pofo-my-account-full .woocommerce-MyAccount-content {
    width: 68%;
    float: right;
    padding-left: 30px;
  }
  .woocommerce ul.products li.product.pofo-product-3col,
  .woocommerce-page ul.products li.product.pofo-product-3col {
    width: 47%;
  }
  .woocommerce ul.products li.product,
  .woocommerce-page ul.products li.product,
  .woocommerce-page[class*="columns-"] ul.products li.product,
  .woocommerce[class*="columns-"] ul.products li.product {
    margin: 0 0 40px 0;
  }
  .woocommerce ul.products li.product:nth-child(2n),
  .woocommerce-page ul.products li.product:nth-child(2n),
  .woocommerce-page[class*="columns-"] ul.products li.product:nth-child(2n),
  .woocommerce[class*="columns-"] ul.products li.product:nth-child(2n) {
    float: right;
    clear: none !important;
  }
  .woocommerce ul.products li.product,
  .woocommerce-page ul.products li.product,
  .woocommerce-page[class*="columns-"] ul.products li.product,
  .woocommerce[class*="columns-"] ul.products li.product {
    float: left;
    clear: both;
  }
  .woocommerce div.product .woocommerce-tabs .panel {
    padding: 30px;
  }
  .woocommerce #content div.product div.summary,
  .woocommerce div.product div.summary,
  .woocommerce-page #content div.product div.summary,
  .woocommerce-page div.product div.summary {
    float: right;
    width: 48%;
  }
  .woocommerce #content div.product div.images,
  .woocommerce div.product div.images,
  .woocommerce-page #content div.product div.images,
  .woocommerce-page div.product div.images {
    float: left;
    width: 48%;
  }
  .woocommerce #content div.product .woocommerce-tabs,
  .woocommerce div.product .woocommerce-tabs,
  .woocommerce-page #content div.product .woocommerce-tabs,
  .woocommerce-page div.product .woocommerce-tabs {
    margin-top: 30px;
  }
  .woocommerce .up-sells {
    padding-bottom: 0;
  }
  .woocommerce div.product form.cart .group_table td .stock {
    margin: 5px 0 0 0;
    display: table-caption;
    clear: both;
    white-space: nowrap;
  }
  .woocommerce div.product form.cart .group_table td {
    padding: 10px;
  }
  .woocommerce div.product form.cart .group_table td.label label a {
    font-size: 13px;
  }
  .woocommerce div.product form.cart .group_table .button {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 10px;
  }
  .woocommerce-thankyou-order-received {
    font-size: 16px;
    padding: 15px;
  }
  .woocommerce-MyAccount-navigation ul li {
    padding-bottom: 10px;
    margin-bottom: 8px;
  }
  .woocommerce-MyAccount-content table.shop_table.account-orders-table {
    margin-bottom: 0;
  }
  .woocommerce-Addresses.addresses > .woocommerce-Address:last-child {
    margin-bottom: 0;
  }
  .woocommerce-Addresses.addresses > .woocommerce-Address:last-child address {
    margin-bottom: 0;
  }
  .pofo-my-account-full .woocommerce-form-login,
  .pofo-my-account-full .register {
    min-height: 1px;
  }
}

@media (max-width: 850px) {
  .banner-title {
    top: 48%;
  }
}

@media (max-width: 768px) {
  .woocommerce table.cart td.actions,
  .woocommerce-page table.cart td.actions {
    display: inline-block;
    width: 100%;
  }
  .woocommerce table.cart td.actions .coupon,
  .woocommerce-page table.cart td.actions .coupon {
    float: left;
    padding-bottom: 0;
  }
  .woocommerce table.cart td.actions .button,
  .woocommerce-page table.cart td.actions .button {
    float: right;
    width: auto;
  }
  .woocommerce table.cart td.actions .coupon .input-text + .button,
  .woocommerce-page table.cart td.actions .coupon .input-text + .button {
    float: left;
  }
  .woocommerce table.shop_table_responsive tr:nth-child(2n) td,
  .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
    background-color: transparent;
  }
  .woocommerce table.shop_table_responsive tr td::before,
  .woocommerce-page table.shop_table_responsive tr td::before {
    font-weight: 500;
    color: #232323;
  }
  .woocommerce-cart .wc-proceed-to-checkout {
    padding: 15px 0 0;
  }
  .woocommerce form .form-row-first,
  .woocommerce form .form-row-last,
  .woocommerce-page form .form-row-first,
  .woocommerce-page form .form-row-last {
    width: 49%;
  }
  .woocommerce .col2-set .col-1,
  .woocommerce-page .col2-set .col-1,
  .woocommerce .col2-set .col-2,
  .woocommerce-page .col2-set .col-2 {
    margin-bottom: 40px;
  }
  .woocommerce #payment #place_order,
  .woocommerce-page #payment #place_order {
    float: right;
    margin-bottom: 0;
    width: auto;
  }
  .woocommerce .woocommerce-customer-details,
  .woocommerce .woocommerce-order-details,
  .woocommerce .woocommerce-order-downloads {
    margin-bottom: 30px;
  }
  .woocommerce-column--shipping-address {
    margin-bottom: 0 !important;
  }
  .woocommerce-column.woocommerce-column--1.woocommerce-column--billing-address.col-1 {
    margin-bottom: 40px;
  }
  .woocommerce-page.woocommerce-checkout form.login .form-row,
  .woocommerce.woocommerce-checkout form.login .form-row {
    clear: both;
  }
  .woocommerce-page form.login p.form-row {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  /* general */
  body {
    font-size: 12px;
    line-height: 20px;
  }
  .admin-bar header.sticky nav {
    margin-top: 0;
  }

  /* heading */
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin: 0 0 17px;
    padding: 0;
    letter-spacing: 0;
    font-weight: 400;
  }
  h1 {
    font-size: 37px;
    line-height: 42px;
  }
  h2 {
    font-size: 30px;
    line-height: 36px;
  }
  h3 {
    font-size: 28px;
    line-height: 34px;
  }
  h4 {
    font-size: 24px;
    line-height: 30px;
  }
  h5 {
    font-size: 20px;
    line-height: 28px;
  }
  h6 {
    font-size: 18px;
    line-height: 23px;
  }
  .title-medium {
    font-size: 32px;
    line-height: 36px;
  }

  /* opacity */
  .xs-opacity1 {
    opacity: 0.1;
  }
  .xs-opacity2 {
    opacity: 0.2;
  }
  .xs-opacity3 {
    opacity: 0.3;
  }
  .xs-opacity4 {
    opacity: 0.4;
  }
  .xs-opacity5 {
    opacity: 0.5;
  }
  .xs-opacity6 {
    opacity: 0.6;
  }
  .xs-opacity7 {
    opacity: 0.7;
  }
  .xs-opacity8 {
    opacity: 0.8;
  }
  .xs-opacity9 {
    opacity: 0.9;
  }
  .xs-opacity10 {
    opacity: 1;
  }

  /* text alignment */
  .xs-text-center {
    text-align: center !important;
  }
  .xs-text-left {
    text-align: left !important;
  }
  .xs-text-right {
    text-align: right !important;
  }

  /* float */
  .xs-float-left {
    float: left !important;
  }
  .xs-float-right {
    float: right !important;
  }
  .xs-float-none {
    float: none !important;
  }

  /* verticle align */
  .xs-vertical-align-middle {
    vertical-align: middle;
  }
  .xs-vertical-align-top {
    vertical-align: top;
  }
  .xs-vertical-align-bottom {
    vertical-align: bottom;
  }

  /* image position */
  .xs-background-image-left {
    background-position: left !important;
  }
  .xs-background-image-right {
    background-position: right !important;
  }
  .xs-background-image-center {
    background-position: center !important;
  }

  /* contact form message */
  span.wpcf7-list-item input[type="checkbox"] {
    margin-top: 3px;
  }
  span.wpcf7-list-item input[type="radio"] {
    margin-top: 3px;
  }

  /* margin */
  .xs-margin-one-all {
    margin: 1%;
  }
  .xs-margin-one-half-all {
    margin: 1.5%;
  }
  .xs-margin-two-all {
    margin: 2%;
  }
  .xs-margin-two-half-all {
    margin: 2.5%;
  }
  .xs-margin-three-all {
    margin: 3%;
  }
  .xs-margin-three-half-all {
    margin: 3.5%;
  }
  .xs-margin-four-all {
    margin: 4%;
  }
  .xs-margin-four-half-all {
    margin: 4.5%;
  }
  .xs-margin-five-all {
    margin: 5%;
  }
  .xs-margin-five-half-all {
    margin: 5.5%;
  }
  .xs-margin-six-all {
    margin: 6%;
  }
  .xs-margin-six-half-all {
    margin: 6.5%;
  }
  .xs-margin-seven-all {
    margin: 7%;
  }
  .xs-margin-seven-half-all {
    margin: 7.5%;
  }
  .xs-margin-eight-all {
    margin: 8%;
  }
  .xs-margin-eight-half-all {
    margin: 8.5%;
  }
  .xs-margin-nine-all {
    margin: 9%;
  }
  .xs-margin-nine-half-all {
    margin: 9.5%;
  }
  .xs-margin-ten-all {
    margin: 10%;
  }
  .xs-margin-ten-half-all {
    margin: 10.5%;
  }
  .xs-margin-eleven-all {
    margin: 11%;
  }
  .xs-margin-eleven-half-all {
    margin: 11.5%;
  }
  .xs-margin-twelve-all {
    margin: 12%;
  }
  .xs-margin-twelve-half-all {
    margin: 12.5%;
  }
  .xs-margin-thirteen-all {
    margin: 13%;
  }
  .xs-margin-thirteen-half-all {
    margin: 13.5%;
  }
  .xs-margin-fourteen-all {
    margin: 14%;
  }
  .xs-margin-fourteen-half-all {
    margin: 14.5%;
  }
  .xs-margin-fifteen-all {
    margin: 15%;
  }
  .xs-margin-fifteen-half-all {
    margin: 15.5%;
  }
  .xs-margin-sixteen-all {
    margin: 16%;
  }
  .xs-margin-sixteen-half-all {
    margin: 16.5%;
  }
  .xs-margin-seventeen-all {
    margin: 17%;
  }
  .xs-margin-seventeen-half-all {
    margin: 17.5%;
  }
  .xs-margin-eighteen-all {
    margin: 18%;
  }
  .xs-margin-eighteen-half-all {
    margin: 18.5%;
  }
  .xs-margin-nineteen-all {
    margin: 19%;
  }
  .xs-margin-nineteen-half-all {
    margin: 19.5%;
  }
  .xs-margin-twenty-all {
    margin: 20%;
  }

  .xs-no-margin {
    margin: 0 !important;
  }
  .xs-no-margin-lr {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .xs-no-margin-tb {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .xs-no-margin-top {
    margin-top: 0 !important;
  }
  .xs-no-margin-bottom {
    margin-bottom: 0 !important;
  }
  .xs-no-margin-left {
    margin-left: 0 !important;
  }
  .xs-no-margin-right {
    margin-right: 0 !important;
  }
  .xs-margin-lr-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .xs-margin-auto {
    margin: 0 auto !important;
  }

  /* margin top */
  .xs-margin-one-top {
    margin-top: 1%;
  }
  .xs-margin-one-half-top {
    margin-top: 1.5%;
  }
  .xs-margin-two-top {
    margin-top: 2%;
  }
  .xs-margin-two-half-top {
    margin-top: 2.5%;
  }
  .xs-margin-three-top {
    margin-top: 3%;
  }
  .xs-margin-three-half-top {
    margin-top: 3.5%;
  }
  .xs-margin-four-top {
    margin-top: 4%;
  }
  .xs-margin-four-half-top {
    margin-top: 4.5%;
  }
  .xs-margin-five-top {
    margin-top: 5%;
  }
  .xs-margin-five-half-top {
    margin-top: 5.5%;
  }
  .xs-margin-six-top {
    margin-top: 6%;
  }
  .xs-margin-six-half-top {
    margin-top: 6.5%;
  }
  .xs-margin-seven-top {
    margin-top: 7%;
  }
  .xs-margin-seven-half-top {
    margin-top: 7.5%;
  }
  .xs-margin-eight-top {
    margin-top: 8%;
  }
  .xs-margin-eight-half-top {
    margin-top: 8.5%;
  }
  .xs-margin-nine-top {
    margin-top: 9%;
  }
  .xs-margin-nine-half-top {
    margin-top: 9.5%;
  }
  .xs-margin-ten-top {
    margin-top: 10%;
  }
  .xs-margin-ten-half-top {
    margin-top: 10.5%;
  }
  .xs-margin-eleven-top {
    margin-top: 11%;
  }
  .xs-margin-eleven-half-top {
    margin-top: 11.5%;
  }
  .xs-margin-twelve-top {
    margin-top: 12%;
  }
  .xs-margin-twelve-half-top {
    margin-top: 12.5%;
  }
  .xs-margin-thirteen-top {
    margin-top: 13%;
  }
  .xs-margin-thirteen-half-top {
    margin-top: 13.5%;
  }
  .xs-margin-fourteen-top {
    margin-top: 14%;
  }
  .xs-margin-fourteen-half-top {
    margin-top: 14.5%;
  }
  .xs-margin-fifteen-top {
    margin-top: 15%;
  }
  .xs-margin-fifteen-half-top {
    margin-top: 15.5%;
  }
  .xs-margin-sixteen-top {
    margin-top: 16%;
  }
  .xs-margin-sixteen-half-top {
    margin-top: 16.5%;
  }
  .xs-margin-seventeen-top {
    margin-top: 17%;
  }
  .xs-margin-seventeen-half-top {
    margin-top: 17.5%;
  }
  .xs-margin-eighteen-top {
    margin-top: 18%;
  }
  .xs-margin-eighteen-half-top {
    margin-top: 18.5%;
  }
  .xs-margin-nineteen-top {
    margin-top: 19%;
  }
  .xs-margin-nineteen-half-top {
    margin-top: 19.5%;
  }
  .xs-margin-twenty-top {
    margin-top: 20%;
  }
  .xs-margin-5px-top {
    margin-top: 5px !important;
  }
  .xs-margin-10px-top {
    margin-top: 10px !important;
  }
  .xs-margin-15px-top {
    margin-top: 15px !important;
  }
  .xs-margin-20px-top {
    margin-top: 20px !important;
  }
  .xs-margin-25px-top {
    margin-top: 25px !important;
  }
  .xs-margin-30px-top {
    margin-top: 30px !important;
  }
  .xs-margin-35px-top {
    margin-top: 35px !important;
  }
  .xs-margin-40px-top {
    margin-top: 40px !important;
  }
  .xs-margin-45px-top {
    margin-top: 45px !important;
  }
  .xs-margin-50px-top {
    margin-top: 50px !important;
  }
  .xs-margin-55px-top {
    margin-top: 55px !important;
  }
  .xs-margin-60px-top {
    margin-top: 60px !important;
  }
  .xs-margin-65px-top {
    margin-top: 65px !important;
  }
  .xs-margin-70px-top {
    margin-top: 70px !important;
  }
  .xs-margin-75px-top {
    margin-top: 75px !important;
  }
  .xs-margin-80px-top {
    margin-top: 80px !important;
  }

  /* margin bottom */
  .xs-margin-one-bottom {
    margin-bottom: 1%;
  }
  .xs-margin-one-half-bottom {
    margin-bottom: 1.5%;
  }
  .xs-margin-two-bottom {
    margin-bottom: 2%;
  }
  .xs-margin-two-half-bottom {
    margin-bottom: 2.5%;
  }
  .xs-margin-three-bottom {
    margin-bottom: 3%;
  }
  .xs-margin-three-half-bottom {
    margin-bottom: 3.5%;
  }
  .xs-margin-four-bottom {
    margin-bottom: 4%;
  }
  .xs-margin-four-half-bottom {
    margin-bottom: 4.5%;
  }
  .xs-margin-five-bottom {
    margin-bottom: 5%;
  }
  .xs-margin-five-half-bottom {
    margin-bottom: 5.5%;
  }
  .xs-margin-six-bottom {
    margin-bottom: 6%;
  }
  .xs-margin-six-half-bottom {
    margin-bottom: 6.5%;
  }
  .xs-margin-seven-bottom {
    margin-bottom: 7%;
  }
  .xs-margin-seven-half-bottom {
    margin-bottom: 7.5%;
  }
  .xs-margin-eight-bottom {
    margin-bottom: 8%;
  }
  .xs-margin-eight-half-bottom {
    margin-bottom: 8.5%;
  }
  .xs-margin-nine-bottom {
    margin-bottom: 9%;
  }
  .xs-margin-nine-half-bottom {
    margin-bottom: 9.5%;
  }
  .xs-margin-ten-bottom {
    margin-bottom: 10%;
  }
  .xs-margin-ten-half-bottom {
    margin-bottom: 10.5%;
  }
  .xs-margin-eleven-bottom {
    margin-bottom: 11%;
  }
  .xs-margin-eleven-half-bottom {
    margin-bottom: 11.5%;
  }
  .xs-margin-twelve-bottom {
    margin-bottom: 12%;
  }
  .xs-margin-twelve-half-bottom {
    margin-bottom: 12.5%;
  }
  .xs-margin-thirteen-bottom {
    margin-bottom: 13%;
  }
  .xs-margin-thirteen-half-bottom {
    margin-bottom: 13.5%;
  }
  .xs-margin-fourteen-bottom {
    margin-bottom: 14%;
  }
  .xs-margin-fourteen-half-bottom {
    margin-bottom: 14.5%;
  }
  .xs-margin-fifteen-bottom {
    margin-bottom: 15%;
  }
  .xs-margin-fifteen-half-bottom {
    margin-bottom: 15.5%;
  }
  .xs-margin-sixteen-bottom {
    margin-bottom: 16%;
  }
  .xs-margin-sixteen-half-bottom {
    margin-bottom: 16.5%;
  }
  .xs-margin-seventeen-bottom {
    margin-bottom: 17%;
  }
  .xs-margin-seventeen-half-bottom {
    margin-bottom: 17.5%;
  }
  .xs-margin-eighteen-bottom {
    margin-bottom: 18%;
  }
  .xs-margin-eighteen-half-bottom {
    margin-bottom: 18.5%;
  }
  .xs-margin-nineteen-bottom {
    margin-bottom: 19%;
  }
  .xs-margin-nineteen-half-bottom {
    margin-bottom: 19.5%;
  }
  .xs-margin-twenty-bottom {
    margin-bottom: 20%;
  }
  .xs-margin-5px-bottom {
    margin-bottom: 5px !important;
  }
  .xs-margin-10px-bottom {
    margin-bottom: 10px !important;
  }
  .xs-margin-15px-bottom {
    margin-bottom: 15px !important;
  }
  .xs-margin-20px-bottom {
    margin-bottom: 20px !important;
  }
  .xs-margin-25px-bottom {
    margin-bottom: 25px !important;
  }
  .xs-margin-30px-bottom {
    margin-bottom: 30px !important;
  }
  .xs-margin-35px-bottom {
    margin-bottom: 35px !important;
  }
  .xs-margin-40px-bottom {
    margin-bottom: 40px !important;
  }
  .xs-margin-45px-bottom {
    margin-bottom: 45px !important;
  }
  .xs-margin-50px-bottom {
    margin-bottom: 50px !important;
  }
  .xs-margin-55px-bottom {
    margin-bottom: 55px !important;
  }
  .xs-margin-60px-bottom {
    margin-bottom: 60px !important;
  }
  .xs-margin-65px-bottom {
    margin-bottom: 65px !important;
  }
  .xs-margin-70px-bottom {
    margin-bottom: 70px !important;
  }
  .xs-margin-75px-bottom {
    margin-bottom: 75px !important;
  }
  .xs-margin-80px-bottom {
    margin-bottom: 80px !important;
  }
  .xs-margin-85px-bottom {
    margin-bottom: 85px !important;
  }
  .xs-margin-90px-bottom {
    margin-bottom: 90px !important;
  }
  .xs-margin-95px-bottom {
    margin-bottom: 95px !important;
  }
  .xs-margin-100px-bottom {
    margin-bottom: 100px !important;
  }

  /* margin right */
  .xs-margin-one-right {
    margin-right: 1%;
  }
  .xs-margin-one-half-right {
    margin-right: 1.5%;
  }
  .xs-margin-two-right {
    margin-right: 2%;
  }
  .xs-margin-two-half-right {
    margin-right: 2.5%;
  }
  .xs-margin-three-right {
    margin-right: 3%;
  }
  .xs-margin-three-half-right {
    margin-right: 3.5%;
  }
  .xs-margin-four-right {
    margin-right: 4%;
  }
  .xs-margin-four-half-right {
    margin-right: 4.5%;
  }
  .xs-margin-five-right {
    margin-right: 5%;
  }
  .xs-margin-five-half-right {
    margin-right: 5.5%;
  }
  .xs-margin-six-right {
    margin-right: 6%;
  }
  .xs-margin-six-half-right {
    margin-right: 6.5%;
  }
  .xs-margin-seven-right {
    margin-right: 7%;
  }
  .xs-margin-seven-half-right {
    margin-right: 7.5%;
  }
  .xs-margin-eight-right {
    margin-right: 8%;
  }
  .xs-margin-eight-half-right {
    margin-right: 8.5%;
  }
  .xs-margin-nine-right {
    margin-right: 9%;
  }
  .xs-margin-nine-half-right {
    margin-right: 9.5%;
  }
  .xs-margin-ten-right {
    margin-right: 10%;
  }
  .xs-margin-ten-half-right {
    margin-right: 10.5%;
  }
  .xs-margin-eleven-right {
    margin-right: 11%;
  }
  .xs-margin-eleven-half-right {
    margin-right: 11.5%;
  }
  .xs-margin-twelve-right {
    margin-right: 12%;
  }
  .xs-margin-twelve-half-right {
    margin-right: 12.5%;
  }
  .xs-margin-thirteen-right {
    margin-right: 13%;
  }
  .xs-margin-thirteen-half-right {
    margin-right: 13.5%;
  }
  .xs-margin-fourteen-right {
    margin-right: 14%;
  }
  .xs-margin-fourteen-half-right {
    margin-right: 14.5%;
  }
  .xs-margin-fifteen-right {
    margin-right: 15%;
  }
  .xs-margin-fifteen-half-right {
    margin-right: 15.5%;
  }
  .xs-margin-sixteen-right {
    margin-right: 16%;
  }
  .xs-margin-sixteen-half-right {
    margin-right: 16.5%;
  }
  .xs-margin-seventeen-right {
    margin-right: 17%;
  }
  .xs-margin-seventeen-half-right {
    margin-right: 17.5%;
  }
  .xs-margin-eighteen-right {
    margin-right: 18%;
  }
  .xs-margin-eighteen-half-right {
    margin-right: 18.5%;
  }
  .xs-margin-nineteen-right {
    margin-right: 19%;
  }
  .xs-margin-nineteen-half-right {
    margin-right: 19.5%;
  }
  .xs-margin-twenty-right {
    margin-right: 20%;
  }
  .xs-margin-10px-right {
    margin-right: 10px !important;
  }
  .xs-margin-15px-right {
    margin-right: 15px !important;
  }
  .xs-margin-20px-right {
    margin-right: 20px !important;
  }
  .xs-margin-25px-right {
    margin-right: 25px !important;
  }
  .xs-margin-30px-right {
    margin-right: 30px !important;
  }
  .xs-margin-35px-right {
    margin-right: 35px !important;
  }
  .xs-margin-40px-right {
    margin-right: 40px !important;
  }
  .xs-margin-45px-right {
    margin-right: 45px !important;
  }
  .xs-margin-50px-right {
    margin-right: 50px !important;
  }
  .xs-margin-55px-right {
    margin-right: 55px !important;
  }
  .xs-margin-60px-right {
    margin-right: 60px !important;
  }
  .xs-margin-65px-right {
    margin-right: 65px !important;
  }
  .xs-margin-70px-right {
    margin-right: 70px !important;
  }
  .xs-margin-75px-right {
    margin-right: 75px !important;
  }
  .xs-margin-80px-right {
    margin-right: 80px !important;
  }

  /* margin left */
  .xs-margin-one-left {
    margin-left: 1%;
  }
  .xs-margin-one-half-left {
    margin-left: 1.5%;
  }
  .xs-margin-two-left {
    margin-left: 2%;
  }
  .xs-margin-two-half-left {
    margin-left: 2.5%;
  }
  .xs-margin-three-left {
    margin-left: 3%;
  }
  .xs-margin-three-half-left {
    margin-left: 3.5%;
  }
  .xs-margin-four-left {
    margin-left: 4%;
  }
  .xs-margin-four-half-left {
    margin-left: 4.5%;
  }
  .xs-margin-five-left {
    margin-left: 5%;
  }
  .xs-margin-five-half-left {
    margin-left: 5.5%;
  }
  .xs-margin-six-left {
    margin-left: 6%;
  }
  .xs-margin-six-half-left {
    margin-left: 6.5%;
  }
  .xs-margin-seven-left {
    margin-left: 7%;
  }
  .xs-margin-seven-half-left {
    margin-left: 7.5%;
  }
  .xs-margin-eight-left {
    margin-left: 8%;
  }
  .xs-margin-eight-half-left {
    margin-left: 8.5%;
  }
  .xs-margin-nine-left {
    margin-left: 9%;
  }
  .xs-margin-nine-half-left {
    margin-left: 9.5%;
  }
  .xs-margin-ten-left {
    margin-left: 10%;
  }
  .xs-margin-ten-half-left {
    margin-left: 10.5%;
  }
  .xs-margin-eleven-left {
    margin-left: 11%;
  }
  .xs-margin-eleven-half-left {
    margin-left: 11.5%;
  }
  .xs-margin-twelve-left {
    margin-left: 12%;
  }
  .xs-margin-twelve-half-left {
    margin-left: 12.5%;
  }
  .xs-margin-thirteen-left {
    margin-left: 13%;
  }
  .xs-margin-thirteen-half-left {
    margin-left: 13.5%;
  }
  .xs-margin-fourteen-left {
    margin-left: 14%;
  }
  .xs-margin-fourteen-half-left {
    margin-left: 14.5%;
  }
  .xs-margin-fifteen-left {
    margin-left: 15%;
  }
  .xs-margin-fifteen-half-left {
    margin-left: 15.5%;
  }
  .xs-margin-sixteen-left {
    margin-left: 16%;
  }
  .xs-margin-sixteen-half-left {
    margin-left: 16.5%;
  }
  .xs-margin-seventeen-left {
    margin-left: 17%;
  }
  .xs-margin-seventeen-half-left {
    margin-left: 17.5%;
  }
  .xs-margin-eighteen-left {
    margin-left: 18%;
  }
  .xs-margin-eighteen-half-left {
    margin-left: 18.5%;
  }
  .xs-margin-nineteen-left {
    margin-left: 19%;
  }
  .xs-margin-nineteen-half-left {
    margin-left: 19.5%;
  }
  .xs-margin-twenty-left {
    margin-left: 20%;
  }
  .xs-margin-5px-left {
    margin-left: 5px !important;
  }
  .xs-margin-10px-left {
    margin-left: 10px !important;
  }
  .xs-margin-15px-left {
    margin-left: 15px !important;
  }
  .xs-margin-20px-left {
    margin-left: 20px !important;
  }
  .xs-margin-25px-left {
    margin-left: 25px !important;
  }
  .xs-margin-30px-left {
    margin-left: 30px !important;
  }
  .xs-margin-35px-left {
    margin-left: 35px !important;
  }
  .xs-margin-40px-left {
    margin-left: 40px !important;
  }
  .xs-margin-45px-left {
    margin-left: 45px !important;
  }
  .xs-margin-50px-left {
    margin-left: 50px !important;
  }
  .xs-margin-55px-left {
    margin-left: 55px !important;
  }
  .xs-margin-60px-left {
    margin-left: 60px !important;
  }
  .xs-margin-65px-left {
    margin-left: 65px !important;
  }
  .xs-margin-70px-left {
    margin-left: 70px !important;
  }
  .xs-margin-75px-left {
    margin-left: 75px !important;
  }
  .xs-margin-80px-left {
    margin-left: 80px !important;
  }

  /* margin left right */
  .xs-margin-one-lr {
    margin-left: 1%;
    margin-right: 1%;
  }
  .xs-margin-one-lr {
    margin-left: 1.5%;
    margin-right: 1.5%;
  }
  .xs-margin-two-lr {
    margin-left: 2%;
    margin-right: 2%;
  }
  .xs-margin-two-lr {
    margin-left: 2.5%;
    margin-right: 2.5%;
  }
  .xs-margin-three-lr {
    margin-left: 3%;
    margin-right: 3%;
  }
  .xs-margin-three-lr {
    margin-left: 3.5%;
    margin-right: 3.5%;
  }
  .xs-margin-four-lr {
    margin-left: 4%;
    margin-right: 4%;
  }
  .xs-margin-four-lr {
    margin-left: 4.5%;
    margin-right: 4.5%;
  }
  .xs-margin-five-lr {
    margin-left: 5%;
    margin-right: 5%;
  }
  .xs-margin-five-lr {
    margin-left: 5.5%;
    margin-right: 5.5%;
  }
  .xs-margin-six-lr {
    margin-left: 6%;
    margin-right: 6%;
  }
  .xs-margin-six-lr {
    margin-left: 6.5%;
    margin-right: 6.5%;
  }
  .xs-margin-seven-lr {
    margin-left: 7%;
    margin-right: 7%;
  }
  .xs-margin-seven-lr {
    margin-left: 7.5%;
    margin-right: 7.5%;
  }
  .xs-margin-eight-lr {
    margin-left: 8%;
    margin-right: 8%;
  }
  .xs-margin-eight-lr {
    margin-left: 8.5%;
    margin-right: 8.5%;
  }
  .xs-margin-nine-lr {
    margin-left: 9%;
    margin-right: 9%;
  }
  .xs-margin-nine-lr {
    margin-left: 9.5%;
    margin-right: 9.5%;
  }
  .xs-margin-ten-lr {
    margin-left: 10%;
    margin-right: 10%;
  }
  .xs-margin-ten-lr {
    margin-left: 10.5%;
    margin-right: 10.5%;
  }
  .xs-margin-eleven-lr {
    margin-left: 11%;
    margin-right: 11%;
  }
  .xs-margin-eleven-lr {
    margin-left: 11.5%;
    margin-right: 11.5%;
  }
  .xs-margin-twelve-lr {
    margin-left: 12%;
    margin-right: 12%;
  }
  .xs-margin-twelve-lr {
    margin-left: 12.5%;
    margin-right: 12.5%;
  }
  .xs-margin-thirteen-lr {
    margin-left: 13%;
    margin-right: 13%;
  }
  .xs-margin-thirteen-half-lr {
    margin-left: 13.5%;
    margin-right: 13.5%;
  }
  .xs-margin-fourteen-lr {
    margin-left: 14%;
    margin-right: 14%;
  }
  .xs-margin-fourteen-half-lr {
    margin-left: 14.5%;
    margin-right: 14.5%;
  }
  .xs-margin-fifteen-lr {
    margin-left: 15%;
    margin-right: 15%;
  }
  .xs-margin-fifteen-half-lr {
    margin-left: 15.5%;
    margin-right: 15.5%;
  }
  .xs-margin-sixteen-lr {
    margin-left: 16%;
    margin-right: 16%;
  }
  .xs-margin-sixteen-half-lr {
    margin-left: 16.5%;
    margin-right: 16.5%;
  }
  .xs-margin-seventeen-lr {
    margin-left: 17%;
    margin-right: 17%;
  }
  .xs-margin-seventeen-half-lr {
    margin-left: 17.5%;
    margin-right: 17.5%;
  }
  .xs-margin-eighteen-lr {
    margin-left: 18%;
    margin-right: 18%;
  }
  .xs-margin-eighteen-half-lr {
    margin-left: 18.5%;
    margin-right: 18.5%;
  }
  .xs-margin-nineteen-lr {
    margin-left: 19%;
    margin-right: 19%;
  }
  .xs-margin-nineteen-half-lr {
    margin-left: 19.5%;
    margin-right: 19.5%;
  }
  .xs-margin-twenty-lr {
    margin-left: 20%;
    margin-right: 20%;
  }
  .xs-margin-twenty-half-lr {
    margin-left: 20.5%;
    margin-right: 20.5%;
  }
  .xs-margin-twenty-one-lr {
    margin-left: 21%;
    margin-right: 21%;
  }
  .xs-margin-twenty-one-half-lr {
    margin-left: 21.5%;
    margin-right: 21.5%;
  }
  .xs-margin-twenty-two-lr {
    margin-left: 22%;
    margin-right: 22%;
  }
  .xs-margin-twenty-two-half-lr {
    margin-left: 22.5%;
    margin-right: 22.5%;
  }
  .xs-margin-twenty-three-lr {
    margin-left: 23%;
    margin-right: 23%;
  }
  .xs-margin-twenty-three-half-lr {
    margin-left: 23.5%;
    margin-right: 23.5%;
  }
  .xs-margin-twenty-four-lr {
    margin-left: 24%;
    margin-right: 24%;
  }
  .xs-margin-twenty-four-half-lr {
    margin-left: 24.5%;
    margin-right: 24.5%;
  }
  .xs-margin-twenty-five-lr {
    margin-left: 25%;
    margin-right: 25%;
  }
  .xs-margin-thirty-lr {
    margin-left: 30%;
    margin-right: 30%;
  }
  .xs-margin-5px-lr {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
  .xs-margin-10px-lr {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .xs-margin-15px-lr {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
  .xs-margin-20px-lr {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .xs-margin-25px-lr {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }
  .xs-margin-30px-lr {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
  .xs-margin-35px-lr {
    margin-left: 35px !important;
    margin-right: 35px !important;
  }
  .xs-margin-40px-lr {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .xs-margin-45px-lr {
    margin-left: 45px !important;
    margin-right: 45px !important;
  }
  .xs-margin-50px-lr {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
  .xs-margin-55px-lr {
    margin-left: 55px !important;
    margin-right: 55px !important;
  }
  .xs-margin-60px-lr {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
  .xs-margin-65px-lr {
    margin-left: 65px !important;
    margin-right: 65px !important;
  }
  .xs-margin-70px-lr {
    margin-left: 70px !important;
    margin-right: 70px !important;
  }
  .xs-margin-75px-lr {
    margin-left: 75px !important;
    margin-right: 75px !important;
  }
  .xs-margin-80px-lr {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
  .xs-margin-85px-lr {
    margin-left: 85px !important;
    margin-right: 85px !important;
  }
  .xs-margin-90px-lr {
    margin-left: 90px !important;
    margin-right: 90px !important;
  }
  .xs-margin-95px-lr {
    margin-left: 95px !important;
    margin-right: 95px !important;
  }
  .xs-margin-100px-lr {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }

  /* margin top bottom */
  .xs-margin-one-tb {
    margin-top: 1%;
    margin-bottom: 1%;
  }
  .xs-margin-one-tb {
    margin-top: 1.5%;
    margin-bottom: 1.5%;
  }
  .xs-margin-two-tb {
    margin-top: 2%;
    margin-bottom: 2%;
  }
  .xs-margin-two-tb {
    margin-top: 2.5%;
    margin-bottom: 2.5%;
  }
  .xs-margin-three-tb {
    margin-top: 3%;
    margin-bottom: 3%;
  }
  .xs-margin-three-tb {
    margin-top: 3.5%;
    margin-bottom: 3.5%;
  }
  .xs-margin-four-tb {
    margin-top: 4%;
    margin-bottom: 4%;
  }
  .xs-margin-four-tb {
    margin-top: 4.5%;
    margin-bottom: 4.5%;
  }
  .xs-margin-five-tb {
    margin-top: 5%;
    margin-bottom: 5%;
  }
  .xs-margin-five-tb {
    margin-top: 5.5%;
    margin-bottom: 5.5%;
  }
  .xs-margin-six-tb {
    margin-top: 6%;
    margin-bottom: 6%;
  }
  .xs-margin-six-tb {
    margin-top: 6.5%;
    margin-bottom: 6.5%;
  }
  .xs-margin-seven-tb {
    margin-top: 7%;
    margin-bottom: 7%;
  }
  .xs-margin-seven-tb {
    margin-top: 7.5%;
    margin-bottom: 7.5%;
  }
  .xs-margin-eight-tb {
    margin-top: 8%;
    margin-bottom: 8%;
  }
  .xs-margin-eight-tb {
    margin-top: 8.5%;
    margin-bottom: 8.5%;
  }
  .xs-margin-nine-tb {
    margin-top: 9%;
    margin-bottom: 9%;
  }
  .xs-margin-nine-tb {
    margin-top: 9.5%;
    margin-bottom: 9.5%;
  }
  .xs-margin-ten-tb {
    margin-top: 10%;
    margin-bottom: 10%;
  }
  .xs-margin-ten-tb {
    margin-top: 10.5%;
    margin-bottom: 10.5%;
  }
  .xs-margin-eleven-tb {
    margin-top: 11%;
    margin-bottom: 11%;
  }
  .xs-margin-eleven-tb {
    margin-top: 11.5%;
    margin-bottom: 11.5%;
  }
  .xs-margin-twelve-tb {
    margin-top: 12%;
    margin-bottom: 12%;
  }
  .xs-margin-twelve-tb {
    margin-top: 12.5%;
    margin-bottom: 12.5%;
  }
  .xs-margin-thirteen-tb {
    margin-top: 13%;
    margin-bottom: 13%;
  }
  .xs-margin-thirteen-half-tb {
    margin-top: 13.5%;
    margin-bottom: 13.5%;
  }
  .xs-margin-fourteen-tb {
    margin-top: 14%;
    margin-bottom: 14%;
  }
  .xs-margin-fourteen-half-tb {
    margin-top: 14.5%;
    margin-bottom: 14.5%;
  }
  .xs-margin-fifteen-tb {
    margin-top: 15%;
    margin-bottom: 15%;
  }
  .xs-margin-fifteen-half-tb {
    margin-top: 15.5%;
    margin-bottom: 15.5%;
  }
  .xs-margin-sixteen-tb {
    margin-top: 16%;
    margin-bottom: 16%;
  }
  .xs-margin-sixteen-half-tb {
    margin-top: 16.5%;
    margin-bottom: 16.5%;
  }
  .xs-margin-seventeen-tb {
    margin-top: 17%;
    margin-bottom: 17%;
  }
  .xs-margin-seventeen-half-tb {
    margin-top: 17.5%;
    margin-bottom: 17.5%;
  }
  .xs-margin-eighteen-tb {
    margin-top: 18%;
    margin-bottom: 18%;
  }
  .xs-margin-eighteen-half-tb {
    margin-top: 18.5%;
    margin-bottom: 18.5%;
  }
  .xs-margin-nineteen-tb {
    margin-top: 19%;
    margin-bottom: 19%;
  }
  .xs-margin-nineteen-half-tb {
    margin-top: 19.5%;
    margin-bottom: 19.5%;
  }
  .xs-margin-twenty-tb {
    margin-top: 20%;
    margin-bottom: 20%;
  }
  .xs-margin-5px-tb {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .xs-margin-10px-tb {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .xs-margin-15px-tb {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .xs-margin-20px-tb {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .xs-margin-25px-tb {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
  .xs-margin-30px-tb {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .xs-margin-35px-tb {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
  .xs-margin-40px-tb {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .xs-margin-45px-tb {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
  .xs-margin-50px-tb {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .xs-margin-55px-tb {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
  }
  .xs-margin-60px-tb {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .xs-margin-65px-tb {
    margin-top: 65px !important;
    margin-bottom: 65px !important;
  }
  .xs-margin-70px-tb {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }
  .xs-margin-75px-tb {
    margin-top: 75px !important;
    margin-bottom: 75px !important;
  }
  .xs-margin-80px-tb {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }

  /* header padding top */
  .xs-header-padding-top {
    padding-top: 82px;
  }
  .xs-header-margin-top {
    margin-top: 80px;
  }

  /* padding */
  .xs-no-padding {
    padding: 0 !important;
  }
  .xs-no-padding-lr {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .xs-no-padding-tb {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .xs-no-padding-top {
    padding-top: 0 !important;
  }
  .xs-no-padding-bottom {
    padding-bottom: 0 !important;
  }
  .xs-no-padding-left {
    padding-left: 0 !important;
  }
  .xs-no-padding-right {
    padding-right: 0 !important;
  }
  .xs-padding-one-all {
    padding: 1%;
  }
  .xs-padding-one-half-all {
    padding: 1.5%;
  }
  .xs-padding-two-all {
    padding: 2%;
  }
  .xs-padding-two-half-all {
    padding: 2.5%;
  }
  .xs-padding-three-all {
    padding: 3%;
  }
  .xs-padding-three-half-all {
    padding: 3.5%;
  }
  .xs-padding-four-all {
    padding: 4%;
  }
  .xs-padding-four-half-all {
    padding: 4.5%;
  }
  .xs-padding-five-all {
    padding: 5%;
  }
  .xs-padding-five-half-all {
    padding: 5.5%;
  }
  .xs-padding-six-all {
    padding: 6%;
  }
  .xs-padding-six-half-all {
    padding: 6.5%;
  }
  .xs-padding-seven-all {
    padding: 7%;
  }
  .xs-padding-seven-half-all {
    padding: 7.5%;
  }
  .xs-padding-eight-all {
    padding: 8%;
  }
  .xs-padding-eight-half-all {
    padding: 8.5%;
  }
  .xs-padding-nine-all {
    padding: 9%;
  }
  .xs-padding-nine-half-all {
    padding: 9.5%;
  }
  .xs-padding-ten-all {
    padding: 10%;
  }
  .xs-padding-ten-half-all {
    padding: 10.5%;
  }
  .xs-padding-eleven-all {
    padding: 11%;
  }
  .xs-padding-eleven-half-all {
    padding: 11.5%;
  }
  .xs-padding-twelve-all {
    padding: 12%;
  }
  .xs-padding-twelve-half-all {
    padding: 12.5%;
  }
  .xs-padding-thirteen-all {
    padding: 13%;
  }
  .xs-padding-thirteen-half-all {
    padding: 13.5%;
  }
  .xs-padding-fourteen-all {
    padding: 14%;
  }
  .xs-padding-fourteen-half-all {
    padding: 14.5%;
  }
  .xs-padding-fifteen-all {
    padding: 15%;
  }
  .xs-padding-fifteen-half-all {
    padding: 15.5%;
  }
  .xs-padding-sixteen-all {
    padding: 16%;
  }
  .xs-padding-sixteen-half-all {
    padding: 16.5%;
  }
  .xs-padding-seventeen-all {
    padding: 17%;
  }
  .xs-padding-seventeen-half-all {
    padding: 17.5%;
  }
  .xs-padding-eighteen-all {
    padding: 18%;
  }
  .xs-padding-eighteen-half-all {
    padding: 18.5%;
  }
  .xs-padding-nineteen-all {
    padding: 19%;
  }
  .xs-padding-nineteen-half-all {
    padding: 19.5%;
  }
  .xs-padding-twenty-all {
    padding: 20%;
  }
  .xs-padding-5px-all {
    padding: 5px !important;
  }
  .xs-padding-10px-all {
    padding: 10px !important;
  }
  .xs-padding-15px-all {
    padding: 15px !important;
  }
  .xs-padding-20px-all {
    padding: 20px !important;
  }
  .xs-padding-25px-all {
    padding: 25px !important;
  }
  .xs-padding-30px-all {
    padding: 30px !important;
  }
  .xs-padding-35px-all {
    padding: 35px !important;
  }
  .xs-padding-40px-all {
    padding: 40px !important;
  }
  .xs-padding-45px-all {
    padding: 45px !important;
  }
  .xs-padding-50px-all {
    padding: 50px !important;
  }
  .xs-padding-55px-all {
    padding: 55px !important;
  }
  .xs-padding-60px-all {
    padding: 60px !important;
  }
  .xs-padding-65px-all {
    padding: 65px !important;
  }
  .xs-padding-70px-all {
    padding: 70px !important;
  }
  .xs-padding-75px-all {
    padding: 75px !important;
  }
  .xs-padding-80px-all {
    padding: 80px !important;
  }
  .xs-padding-85px-all {
    padding: 85px !important;
  }
  .xs-padding-90px-all {
    padding: 90px !important;
  }
  .xs-padding-95px-all {
    padding: 95px !important;
  }
  .xs-padding-100px-all {
    padding: 100px !important;
  }

  /* padding top */
  .xs-padding-one-top {
    padding-top: 1%;
  }
  .xs-padding-one-half-top {
    padding-top: 1.5%;
  }
  .xs-padding-two-top {
    padding-top: 2%;
  }
  .xs-padding-two-half-top {
    padding-top: 2.5%;
  }
  .xs-padding-three-top {
    padding-top: 3%;
  }
  .xs-padding-three-half-top {
    padding-top: 3.5%;
  }
  .xs-padding-four-top {
    padding-top: 4%;
  }
  .xs-padding-four-half-top {
    padding-top: 4.5%;
  }
  .xs-padding-five-top {
    padding-top: 5%;
  }
  .xs-padding-five-half-top {
    padding-top: 5.5%;
  }
  .xs-padding-six-top {
    padding-top: 6%;
  }
  .xs-padding-six-half-top {
    padding-top: 6.5%;
  }
  .xs-padding-seven-top {
    padding-top: 7%;
  }
  .xs-padding-seven-half-top {
    padding-top: 7.5%;
  }
  .xs-padding-eight-top {
    padding-top: 8%;
  }
  .xs-padding-eight-half-top {
    padding-top: 8.5%;
  }
  .xs-padding-nine-top {
    padding-top: 9%;
  }
  .xs-padding-nine-half-top {
    padding-top: 9.5%;
  }
  .xs-padding-ten-top {
    padding-top: 10%;
  }
  .xs-padding-ten-half-top {
    padding-top: 10.5%;
  }
  .xs-padding-eleven-top {
    padding-top: 11%;
  }
  .xs-padding-eleven-half-top {
    padding-top: 11.5%;
  }
  .xs-padding-twelve-top {
    padding-top: 12%;
  }
  .xs-padding-twelve-half-top {
    padding-top: 12.5%;
  }
  .xs-padding-thirteen-top {
    padding-top: 13%;
  }
  .xs-padding-thirteen-half-top {
    padding-top: 13.5%;
  }
  .xs-padding-fourteen-top {
    padding-top: 14%;
  }
  .xs-padding-fourteen-half-top {
    padding-top: 14.5%;
  }
  .xs-padding-fifteen-top {
    padding-top: 15%;
  }
  .xs-padding-fifteen-half-top {
    padding-top: 15.5%;
  }
  .xs-padding-sixteen-top {
    padding-top: 16%;
  }
  .xs-padding-sixteen-half-top {
    padding-top: 16.5%;
  }
  .xs-padding-seventeen-top {
    padding-top: 17%;
  }
  .xs-padding-seventeen-half-top {
    padding-top: 17.5%;
  }
  .xs-padding-eighteen-top {
    padding-top: 18%;
  }
  .xs-padding-eighteen-half-top {
    padding-top: 18.5%;
  }
  .xs-padding-nineteen-top {
    padding-top: 19%;
  }
  .xs-padding-nineteen-half-top {
    padding-top: 19.5%;
  }
  .xs-padding-twenty-top {
    padding-top: 20%;
  }
  .xs-padding-5px-top {
    padding-top: 5px !important;
  }
  .xs-padding-10px-top {
    padding-top: 10px !important;
  }
  .xs-padding-15px-top {
    padding-top: 15px !important;
  }
  .xs-padding-20px-top {
    padding-top: 20px !important;
  }
  .xs-padding-25px-top {
    padding-top: 25px !important;
  }
  .xs-padding-30px-top {
    padding-top: 30px !important;
  }
  .xs-padding-35px-top {
    padding-top: 35px !important;
  }
  .xs-padding-40px-top {
    padding-top: 40px !important;
  }
  .xs-padding-45px-top {
    padding-top: 45px !important;
  }
  .xs-padding-50px-top {
    padding-top: 50px !important;
  }
  .xs-padding-55px-top {
    padding-top: 55px !important;
  }
  .xs-padding-60px-top {
    padding-top: 60px !important;
  }
  .xs-padding-65px-top {
    padding-top: 65px !important;
  }
  .xs-padding-70px-top {
    padding-top: 70px !important;
  }
  .xs-padding-75px-top {
    padding-top: 75px !important;
  }
  .xs-padding-80px-top {
    padding-top: 80px !important;
  }
  .xs-padding-85px-top {
    padding-top: 85px !important;
  }
  .xs-padding-90px-top {
    padding-top: 90px !important;
  }
  .xs-padding-95px-top {
    padding-top: 95px !important;
  }
  .xs-padding-100px-top {
    padding-top: 100px !important;
  }

  /* padding bottom */
  .xs-padding-one-bottom {
    padding-bottom: 1%;
  }
  .xs-padding-one-half-bottom {
    padding-bottom: 1.5%;
  }
  .xs-padding-two-bottom {
    padding-bottom: 2%;
  }
  .xs-padding-two-half-bottom {
    padding-bottom: 2.5%;
  }
  .xs-padding-three-bottom {
    padding-bottom: 3%;
  }
  .xs-padding-three-half-bottom {
    padding-bottom: 3.5%;
  }
  .xs-padding-four-bottom {
    padding-bottom: 4%;
  }
  .xs-padding-four-half-bottom {
    padding-bottom: 4.5%;
  }
  .xs-padding-five-bottom {
    padding-bottom: 5%;
  }
  .xs-padding-five-half-bottom {
    padding-bottom: 5.5%;
  }
  .xs-padding-six-bottom {
    padding-bottom: 6%;
  }
  .xs-padding-six-half-bottom {
    padding-bottom: 6.5%;
  }
  .xs-padding-seven-bottom {
    padding-bottom: 7%;
  }
  .xs-padding-seven-half-bottom {
    padding-bottom: 7.5%;
  }
  .xs-padding-eight-bottom {
    padding-bottom: 8%;
  }
  .xs-padding-eight-half-bottom {
    padding-bottom: 8.5%;
  }
  .xs-padding-nine-bottom {
    padding-bottom: 9%;
  }
  .xs-padding-nine-half-bottom {
    padding-bottom: 9.5%;
  }
  .xs-padding-ten-bottom {
    padding-bottom: 10%;
  }
  .xs-padding-ten-half-bottom {
    padding-bottom: 10.5%;
  }
  .xs-padding-eleven-bottom {
    padding-bottom: 11%;
  }
  .xs-padding-eleven-half-bottom {
    padding-bottom: 11.5%;
  }
  .xs-padding-twelve-bottom {
    padding-bottom: 12%;
  }
  .xs-padding-twelve-half-bottom {
    padding-bottom: 12.5%;
  }
  .xs-padding-thirteen-bottom {
    padding-bottom: 13%;
  }
  .xs-padding-thirteen-half-bottom {
    padding-bottom: 13.5%;
  }
  .xs-padding-fourteen-bottom {
    padding-bottom: 14%;
  }
  .xs-padding-fourteen-half-bottom {
    padding-bottom: 14.5%;
  }
  .xs-padding-fifteen-bottom {
    padding-bottom: 15%;
  }
  .xs-padding-fifteen-half-bottom {
    padding-bottom: 15.5%;
  }
  .xs-padding-sixteen-bottom {
    padding-bottom: 16%;
  }
  .xs-padding-sixteen-half-bottom {
    padding-bottom: 16.5%;
  }
  .xs-padding-seventeen-bottom {
    padding-bottom: 17%;
  }
  .xs-padding-seventeen-half-bottom {
    padding-bottom: 17.5%;
  }
  .xs-padding-eighteen-bottom {
    padding-bottom: 18%;
  }
  .xs-padding-eighteen-half-bottom {
    padding-bottom: 18.5%;
  }
  .xs-padding-nineteen-bottom {
    padding-bottom: 19%;
  }
  .xs-padding-nineteen-half-bottom {
    padding-bottom: 19.5%;
  }
  .xs-padding-twenty-bottom {
    padding-bottom: 20%;
  }
  .xs-padding-5px-bottom {
    padding-bottom: 5px !important;
  }
  .xs-padding-10px-bottom {
    padding-bottom: 10px !important;
  }
  .xs-padding-15px-bottom {
    padding-bottom: 15px !important;
  }
  .xs-padding-20px-bottom {
    padding-bottom: 20px !important;
  }
  .xs-padding-25px-bottom {
    padding-bottom: 25px !important;
  }
  .xs-padding-30px-bottom {
    padding-bottom: 30px !important;
  }
  .xs-padding-35px-bottom {
    padding-bottom: 35px !important;
  }
  .xs-padding-40px-bottom {
    padding-bottom: 40px !important;
  }
  .xs-padding-45px-bottom {
    padding-bottom: 45px !important;
  }
  .xs-padding-50px-bottom {
    padding-bottom: 50px !important;
  }
  .xs-padding-55px-bottom {
    padding-bottom: 55px !important;
  }
  .xs-padding-60px-bottom {
    padding-bottom: 60px !important;
  }
  .xs-padding-65px-bottom {
    padding-bottom: 65px !important;
  }
  .xs-padding-70px-bottom {
    padding-bottom: 70px !important;
  }
  .xs-padding-75px-bottom {
    padding-bottom: 75px !important;
  }
  .xs-padding-80px-bottom {
    padding-bottom: 80px !important;
  }
  .xs-padding-85px-bottom {
    padding-bottom: 85px !important;
  }
  .xs-padding-90px-bottom {
    padding-bottom: 90px !important;
  }
  .xs-padding-95px-bottom {
    padding-bottom: 95px !important;
  }
  .xs-padding-100px-bottom {
    padding-bottom: 100px !important;
  }

  /* padding right */
  .xs-padding-one-right {
    padding-right: 1%;
  }
  .xs-padding-one-half-right {
    padding-right: 1.5%;
  }
  .xs-padding-two-right {
    padding-right: 2%;
  }
  .xs-padding-two-half-right {
    padding-right: 2.5%;
  }
  .xs-padding-three-right {
    padding-right: 3%;
  }
  .xs-padding-three-half-right {
    padding-right: 3.5%;
  }
  .xs-padding-four-right {
    padding-right: 4%;
  }
  .xs-padding-four-half-right {
    padding-right: 4.5%;
  }
  .xs-padding-five-right {
    padding-right: 5%;
  }
  .xs-padding-five-half-right {
    padding-right: 5.5%;
  }
  .xs-padding-six-right {
    padding-right: 6%;
  }
  .xs-padding-six-half-right {
    padding-right: 6.5%;
  }
  .xs-padding-seven-right {
    padding-right: 7%;
  }
  .xs-padding-seven-half-right {
    padding-right: 7.5%;
  }
  .xs-padding-eight-right {
    padding-right: 8%;
  }
  .xs-padding-eight-half-right {
    padding-right: 8.5%;
  }
  .xs-padding-nine-right {
    padding-right: 9%;
  }
  .xs-padding-nine-half-right {
    padding-right: 9.5%;
  }
  .xs-padding-ten-right {
    padding-right: 10%;
  }
  .xs-padding-ten-half-right {
    padding-right: 10.5%;
  }
  .xs-padding-eleven-right {
    padding-right: 11%;
  }
  .xs-padding-eleven-half-right {
    padding-right: 11.5%;
  }
  .xs-padding-twelve-right {
    padding-right: 12%;
  }
  .xs-padding-twelve-half-right {
    padding-right: 12.5%;
  }
  .xs-padding-thirteen-right {
    padding-right: 13%;
  }
  .xs-padding-thirteen-half-right {
    padding-right: 13.5%;
  }
  .xs-padding-fourteen-right {
    padding-right: 14%;
  }
  .xs-padding-fourteen-half-right {
    padding-right: 14.5%;
  }
  .xs-padding-fifteen-right {
    padding-right: 15%;
  }
  .xs-padding-fifteen-half-right {
    padding-right: 15.5%;
  }
  .xs-padding-sixteen-right {
    padding-right: 16%;
  }
  .xs-padding-sixteen-half-right {
    padding-right: 16.5%;
  }
  .xs-padding-seventeen-right {
    padding-right: 17%;
  }
  .xs-padding-seventeen-half-right {
    padding-right: 17.5%;
  }
  .xs-padding-eighteen-right {
    padding-right: 18%;
  }
  .xs-padding-eighteen-half-right {
    padding-right: 18.5%;
  }
  .xs-padding-nineteen-right {
    padding-right: 19%;
  }
  .xs-padding-nineteen-half-right {
    padding-right: 19.5%;
  }
  .xs-padding-twenty-right {
    padding-right: 20%;
  }
  .xs-padding-5px-right {
    padding-right: 5px !important;
  }
  .xs-padding-10px-right {
    padding-right: 10px !important;
  }
  .xs-padding-15px-right {
    padding-right: 15px !important;
  }
  .xs-padding-20px-right {
    padding-right: 20px !important;
  }
  .xs-padding-25px-right {
    padding-right: 25px !important;
  }
  .xs-padding-30px-right {
    padding-right: 30px !important;
  }
  .xs-padding-35px-right {
    padding-right: 35px !important;
  }
  .xs-padding-40px-right {
    padding-right: 40px !important;
  }
  .xs-padding-45px-right {
    padding-right: 45px !important;
  }
  .xs-padding-50px-right {
    padding-right: 50px !important;
  }
  .xs-padding-55px-right {
    padding-right: 55px !important;
  }
  .xs-padding-60px-right {
    padding-right: 60px !important;
  }
  .xs-padding-65px-right {
    padding-right: 65px !important;
  }
  .xs-padding-70px-right {
    padding-right: 70px !important;
  }
  .xs-padding-75px-right {
    padding-right: 75px !important;
  }
  .xs-padding-80px-right {
    padding-right: 80px !important;
  }

  /* padding left */
  .xs-padding-one-left {
    padding-left: 1%;
  }
  .xs-padding-one-half-left {
    padding-left: 1.5%;
  }
  .xs-padding-two-left {
    padding-left: 2%;
  }
  .xs-padding-two-half-left {
    padding-left: 2.5%;
  }
  .xs-padding-three-left {
    padding-left: 3%;
  }
  .xs-padding-three-half-left {
    padding-left: 3.5%;
  }
  .xs-padding-four-left {
    padding-left: 4%;
  }
  .xs-padding-four-half-left {
    padding-left: 4.5%;
  }
  .xs-padding-five-left {
    padding-left: 5%;
  }
  .xs-padding-five-half-left {
    padding-left: 5.5%;
  }
  .xs-padding-six-left {
    padding-left: 6%;
  }
  .xs-padding-six-half-left {
    padding-left: 6.5%;
  }
  .xs-padding-seven-left {
    padding-left: 7%;
  }
  .xs-padding-seven-half-left {
    padding-left: 7.5%;
  }
  .xs-padding-eight-left {
    padding-left: 8%;
  }
  .xs-padding-eight-half-left {
    padding-left: 8.5%;
  }
  .xs-padding-nine-left {
    padding-left: 9%;
  }
  .xs-padding-nine-half-left {
    padding-left: 9.5%;
  }
  .xs-padding-ten-left {
    padding-left: 10%;
  }
  .xs-padding-ten-half-left {
    padding-left: 10.5%;
  }
  .xs-padding-eleven-left {
    padding-left: 11%;
  }
  .xs-padding-eleven-half-left {
    padding-left: 11.5%;
  }
  .xs-padding-twelve-left {
    padding-left: 12%;
  }
  .xs-padding-twelve-half-left {
    padding-left: 12.5%;
  }
  .xs-padding-thirteen-left {
    padding-left: 13%;
  }
  .xs-padding-thirteen-half-left {
    padding-left: 13.5%;
  }
  .xs-padding-fourteen-left {
    padding-left: 14%;
  }
  .xs-padding-fourteen-half-left {
    padding-left: 14.5%;
  }
  .xs-padding-fifteen-left {
    padding-left: 15%;
  }
  .xs-padding-fifteen-half-left {
    padding-left: 15.5%;
  }
  .xs-padding-sixteen-left {
    padding-left: 16%;
  }
  .xs-padding-sixteen-half-left {
    padding-left: 16.5%;
  }
  .xs-padding-seventeen-left {
    padding-left: 17%;
  }
  .xs-padding-seventeen-half-left {
    padding-left: 17.5%;
  }
  .xs-padding-eighteen-left {
    padding-left: 18%;
  }
  .xs-padding-eighteen-half-left {
    padding-left: 18.5%;
  }
  .xs-padding-nineteen-left {
    padding-left: 19%;
  }
  .xs-padding-nineteen-half-left {
    padding-left: 19.5%;
  }
  .xs-padding-twenty-left {
    padding-left: 20%;
  }
  .xs-padding-5px-left {
    padding-left: 5px !important;
  }
  .xs-padding-10px-left {
    padding-left: 10px !important;
  }
  .xs-padding-15px-left {
    padding-left: 15px !important;
  }
  .xs-padding-20px-left {
    padding-left: 20px !important;
  }
  .xs-padding-25px-left {
    padding-left: 25px !important;
  }
  .xs-padding-30px-left {
    padding-left: 30px !important;
  }
  .xs-padding-35px-left {
    padding-left: 35px !important;
  }
  .xs-padding-40px-left {
    padding-left: 40px !important;
  }
  .xs-padding-45px-left {
    padding-left: 45px !important;
  }
  .xs-padding-50px-left {
    padding-left: 50px !important;
  }
  .xs-padding-55px-left {
    padding-left: 55px !important;
  }
  .xs-padding-60px-left {
    padding-left: 60px !important;
  }
  .xs-padding-65px-left {
    padding-left: 65px !important;
  }
  .xs-padding-70px-left {
    padding-left: 70px !important;
  }
  .xs-padding-75px-left {
    padding-left: 75px !important;
  }
  .xs-padding-80px-left {
    padding-left: 80px !important;
  }

  /* padding top bottom */
  .xs-padding-one-tb {
    padding-top: 1%;
    padding-bottom: 1%;
  }
  .xs-padding-one-half-tb {
    padding-top: 1.5%;
    padding-bottom: 1.5%;
  }
  .xs-padding-two-tb {
    padding-top: 2%;
    padding-bottom: 2%;
  }
  .xs-padding-two-half-tb {
    padding-top: 2.5%;
    padding-bottom: 2.5%;
  }
  .xs-padding-three-tb {
    padding-top: 3%;
    padding-bottom: 3%;
  }
  .xs-padding-three-half-tb {
    padding-top: 3.5%;
    padding-bottom: 3.5%;
  }
  .xs-padding-four-tb {
    padding-top: 4%;
    padding-bottom: 4%;
  }
  .xs-padding-four-half-tb {
    padding-top: 4.5%;
    padding-bottom: 4.5%;
  }
  .xs-padding-five-tb {
    padding-top: 5%;
    padding-bottom: 5%;
  }
  .xs-padding-five-half-tb {
    padding-top: 5.5%;
    padding-bottom: 5.5%;
  }
  .xs-padding-six-tb {
    padding-top: 6%;
    padding-bottom: 6%;
  }
  .xs-padding-six-half-tb {
    padding-top: 6.5%;
    padding-bottom: 6.5%;
  }
  .xs-padding-seven-tb {
    padding-top: 7%;
    padding-bottom: 7%;
  }
  .xs-padding-seven-half-tb {
    padding-top: 7.5%;
    padding-bottom: 7.5%;
  }
  .xs-padding-eight-tb {
    padding-top: 8%;
    padding-bottom: 8%;
  }
  .xs-padding-eight-half-tb {
    padding-top: 8.5%;
    padding-bottom: 8.5%;
  }
  .xs-padding-nine-tb {
    padding-top: 9%;
    padding-bottom: 9%;
  }
  .xs-padding-nine-half-tb {
    padding-top: 9.5%;
    padding-bottom: 9.5%;
  }
  .xs-padding-ten-tb {
    padding-top: 10%;
    padding-bottom: 10%;
  }
  .xs-padding-ten-half-tb {
    padding-top: 10.5%;
    padding-bottom: 10.5%;
  }
  .xs-padding-eleven-tb {
    padding-top: 11%;
    padding-bottom: 11%;
  }
  .xs-padding-eleven-half-tb {
    padding-top: 11.5%;
    padding-bottom: 11.5%;
  }
  .xs-padding-twelve-tb {
    padding-top: 12%;
    padding-bottom: 12%;
  }
  .xs-padding-twelve-half-tb {
    padding-top: 12.5%;
    padding-bottom: 12.5%;
  }
  .xs-padding-thirteen-tb {
    padding-top: 13%;
    padding-bottom: 13%;
  }
  .xs-padding-thirteen-half-tb {
    padding-top: 13.5%;
    padding-bottom: 13.5%;
  }
  .xs-padding-fourteen-tb {
    padding-top: 14%;
    padding-bottom: 14%;
  }
  .xs-padding-fourteen-half-tb {
    padding-top: 14.5%;
    padding-bottom: 14.5%;
  }
  .xs-padding-fifteen-tb {
    padding-top: 15%;
    padding-bottom: 15%;
  }
  .xs-padding-fifteen-half-tb {
    padding-top: 15.5%;
    padding-bottom: 15.5%;
  }
  .xs-padding-sixteen-tb {
    padding-top: 16%;
    padding-bottom: 16%;
  }
  .xs-padding-sixteen-half-tb {
    padding-top: 16.5%;
    padding-bottom: 16.5%;
  }
  .xs-padding-seventeen-tb {
    padding-top: 17%;
    padding-bottom: 17%;
  }
  .xs-padding-seventeen-half-tb {
    padding-top: 17.5%;
    padding-bottom: 17.5%;
  }
  .xs-padding-eighteen-tb {
    padding-top: 18%;
    padding-bottom: 18%;
  }
  .xs-padding-eighteen-half-tb {
    padding-top: 18.5%;
    padding-bottom: 18.5%;
  }
  .xs-padding-nineteen-tb {
    padding-top: 19%;
    padding-bottom: 19%;
  }
  .xs-padding-nineteen-half-tb {
    padding-top: 19.5%;
    padding-bottom: 19.5%;
  }
  .xs-padding-twenty-tb {
    padding-top: 20%;
    padding-bottom: 20%;
  }
  .xs-padding-thirty-tb {
    padding-top: 30%;
    padding-bottom: 30%;
  }
  .xs-padding-5px-tb {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .xs-padding-10px-tb {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .xs-padding-15px-tb {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .xs-padding-20px-tb {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .xs-padding-25px-tb {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  .xs-padding-30px-tb {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .xs-padding-35px-tb {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
  .xs-padding-40px-tb {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .xs-padding-45px-tb {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
  .xs-padding-50px-tb {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .xs-padding-55px-tb {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }
  .xs-padding-60px-tb {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .xs-padding-65px-tb {
    padding-top: 65px !important;
    padding-bottom: 65px !important;
  }
  .xs-padding-70px-tb {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
  .xs-padding-75px-tb {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
  }
  .xs-padding-80px-tb {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .xs-padding-85px-tb {
    padding-top: 85px !important;
    padding-bottom: 85px !important;
  }
  .xs-padding-90px-tb {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }
  .xs-padding-95px-tb {
    padding-top: 95px !important;
    padding-bottom: 95px !important;
  }
  .xs-padding-100px-tb {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }

  /* padding left right */
  .xs-padding-one-lr {
    padding-left: 1%;
    padding-right: 1%;
  }
  .xs-padding-one-half-lr {
    padding-left: 1.5%;
    padding-right: 1.5%;
  }
  .xs-padding-two-lr {
    padding-left: 2%;
    padding-right: 2%;
  }
  .xs-padding-two-half-lr {
    padding-left: 2.5%;
    padding-right: 2.5%;
  }
  .xs-padding-three-lr {
    padding-left: 3%;
    padding-right: 3%;
  }
  .xs-padding-three-half-lr {
    padding-left: 3.5%;
    padding-right: 3.5%;
  }
  .xs-padding-four-lr {
    padding-left: 4%;
    padding-right: 4%;
  }
  .xs-padding-four-half-lr {
    padding-left: 4.5%;
    padding-right: 4.5%;
  }
  .xs-padding-five-lr {
    padding-left: 5%;
    padding-right: 5%;
  }
  .xs-padding-five-half-lr {
    padding-left: 5.5%;
    padding-right: 5.5%;
  }
  .xs-padding-six-lr {
    padding-left: 6%;
    padding-right: 6%;
  }
  .xs-padding-six-half-lr {
    padding-left: 6.5%;
    padding-right: 6.5%;
  }
  .xs-padding-seven-lr {
    padding-left: 7%;
    padding-right: 7%;
  }
  .xs-padding-seven-half-lr {
    padding-left: 7.5%;
    padding-right: 7.5%;
  }
  .xs-padding-eight-lr {
    padding-left: 8%;
    padding-right: 8%;
  }
  .xs-padding-eight-half-lr {
    padding-left: 8.5%;
    padding-right: 8.5%;
  }
  .xs-padding-nine-lr {
    padding-left: 9%;
    padding-right: 9%;
  }
  .xs-padding-nine-half-lr {
    padding-left: 9.5%;
    padding-right: 9.5%;
  }
  .xs-padding-ten-lr {
    padding-left: 10%;
    padding-right: 10%;
  }
  .xs-padding-ten-half-lr {
    padding-left: 10.5%;
    padding-right: 10.5%;
  }
  .xs-padding-eleven-lr {
    padding-left: 11%;
    padding-right: 11%;
  }
  .xs-padding-eleven-half-lr {
    padding-left: 11.5%;
    padding-right: 11.5%;
  }
  .xs-padding-twelve-lr {
    padding-left: 12%;
    padding-right: 12%;
  }
  .xs-padding-twelve-half-lr {
    padding-left: 12.5%;
    padding-right: 12.5%;
  }
  .xs-padding-thirteen-lr {
    padding-left: 13%;
    padding-right: 13%;
  }
  .xs-padding-thirteen-half-lr {
    padding-left: 13.5%;
    padding-right: 13.5%;
  }
  .xs-padding-fourteen-lr {
    padding-left: 14%;
    padding-right: 14%;
  }
  .xs-padding-fourteen-half-lr {
    padding-left: 14.5%;
    padding-right: 14.5%;
  }
  .xs-padding-fifteen-lr {
    padding-left: 15%;
    padding-right: 15%;
  }
  .xs-padding-fifteen-half-lr {
    padding-left: 15.5%;
    padding-right: 15.5%;
  }
  .xs-padding-sixteen-lr {
    padding-left: 16%;
    padding-right: 16%;
  }
  .xs-padding-sixteen-half-lr {
    padding-left: 16.5%;
    padding-right: 16.5%;
  }
  .xs-padding-seventeen-lr {
    padding-left: 17%;
    padding-right: 17%;
  }
  .xs-padding-seventeen-half-lr {
    padding-left: 17.5%;
    padding-right: 17.5%;
  }
  .xs-padding-eighteen-lr {
    padding-left: 18%;
    padding-right: 18%;
  }
  .xs-padding-eighteen-half-lr {
    padding-left: 18.5%;
    padding-right: 18.5%;
  }
  .xs-padding-nineteen-lr {
    padding-left: 19%;
    padding-right: 19%;
  }
  .xs-padding-nineteen-half-lr {
    padding-left: 19.5%;
    padding-right: 19.5%;
  }
  .xs-padding-twenty-lr {
    padding-left: 20%;
    padding-right: 20%;
  }
  .xs-padding-twenty-half-lr {
    padding-left: 20.5%;
    padding-right: 20.5%;
  }
  .xs-padding-twenty-one-lr {
    padding-left: 21%;
    padding-right: 21%;
  }
  .xs-padding-twenty-one-half-lr {
    padding-left: 21.5%;
    padding-right: 21.5%;
  }
  .xs-padding-twenty-two-lr {
    padding-left: 22%;
    padding-right: 22%;
  }
  .xs-padding-twenty-two-half-lr {
    padding-left: 22.5%;
    padding-right: 22.5%;
  }
  .xs-padding-twenty-three-lr {
    padding-left: 23%;
    padding-right: 23%;
  }
  .xs-padding-twenty-three-half-lr {
    padding-left: 23.5%;
    padding-right: 23.5%;
  }
  .xs-padding-twenty-four-lr {
    padding-left: 24%;
    padding-right: 24%;
  }
  .xs-padding-twenty-four-half-lr {
    padding-left: 24.5%;
    padding-right: 24.5%;
  }
  .xs-padding-twenty-five-lr {
    padding-left: 25%;
    padding-right: 25%;
  }
  .xs-padding-thirty-lr {
    padding-left: 30%;
    padding-right: 30%;
  }
  .xs-padding-5px-lr {
    padding-left: 5px !important;
    padding-right: 5px;
  }
  .xs-padding-10px-lr {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .xs-padding-15px-lr {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .xs-padding-20px-lr {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .xs-padding-25px-lr {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
  .xs-padding-30px-lr {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .xs-padding-35px-lr {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
  .xs-padding-40px-lr {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .xs-padding-45px-lr {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }
  .xs-padding-50px-lr {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .xs-padding-55px-lr {
    padding-left: 55px !important;
    padding-right: 55px !important;
  }
  .xs-padding-60px-lr {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
  .xs-padding-65px-lr {
    padding-left: 65px !important;
    padding-right: 65px !important;
  }
  .xs-padding-70px-lr {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }
  .xs-padding-75px-lr {
    padding-left: 75px !important;
    padding-right: 75px !important;
  }
  .xs-padding-80px-lr {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
  .xs-padding-85px-lr {
    padding-left: 85px !important;
    padding-right: 85px !important;
  }
  .xs-padding-90px-lr {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }
  .xs-padding-95px-lr {
    padding-left: 95px !important;
    padding-right: 95px !important;
  }
  .xs-padding-100px-lr {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }

  /* col height */
  .one-fifth-screen {
    height: 600px !important;
  }
  .one-fourth-screen {
    height: 500px !important;
  }
  .one-third-screen {
    height: 350px !important;
  }
  .one-second-screen {
    height: 300px !important;
  }
  .extra-small-screen {
    height: 250px !important;
  }

  /* background position */
  .xs-bg-position-left-top,
  .vc_row-has-fill.xs-bg-position-left-top {
    background-position: left top !important;
  }
  .xs-bg-position-left-center,
  .vc_row-has-fill.xs-bg-position-left-center {
    background-position: left center !important;
  }
  .xs-bg-position-left-bottom,
  .vc_row-has-fill.xs-bg-position-left-bottom {
    background-position: left bottom !important;
  }
  .xs-bg-position-center-top,
  .vc_row-has-fill.xs-bg-position-center-top {
    background-position: center top !important;
  }
  .xs-bg-position-center-center,
  .vc_row-has-fill.xs-bg-position-center-center {
    background-position: center center !important;
  }
  .xs-bg-position-center-bottom,
  .vc_row-has-fill.xs-bg-position-center-bottom {
    background-position: center bottom !important;
  }
  .xs-bg-position-right-top,
  .vc_row-has-fill.xs-bg-position-right-top {
    background-position: right top !important;
  }
  .xs-bg-position-right-center,
  .vc_row-has-fill.xs-bg-position-right-center {
    background-position: right center !important;
  }
  .xs-bg-position-right-bottom,
  .vc_row-has-fill.xs-bg-position-right-bottom {
    background-position: right bottom !important;
  }

  /* top */
  .xs-top-auto {
    top: auto;
  }
  .xs-top-inherit {
    top: inherit !important;
  }
  .xs-top-0 {
    top: 0 !important;
  }
  .xs-top-1 {
    top: 1px;
  }
  .xs-top-2 {
    top: 2px;
  }
  .xs-top-3 {
    top: 3px;
  }
  .xs-top-4 {
    top: 4px;
  }
  .xs-top-5 {
    top: 5px;
  }
  .xs-top-6 {
    top: 6px;
  }
  .xs-top-7 {
    top: 7px;
  }
  .xs-top-8 {
    top: 8px;
  }
  .xs-top-9 {
    top: 9px;
  }
  .xs-top-10 {
    top: 10px;
  }
  .xs-top-12 {
    top: 12px;
  }
  .xs-top-15 {
    top: 15px;
  }
  .xs-top-17 {
    top: 17px;
  }
  .xs-top-20 {
    top: 20px;
  }
  .xs-top-25 {
    top: 25px;
  }
  .xs-top-30 {
    top: 30px;
  }
  .xs-top-35 {
    top: 35px;
  }
  .xs-top-40 {
    top: 40px;
  }
  .xs-top-45 {
    top: 45px;
  }
  .xs-top-50 {
    top: 50px;
  }
  .xs-top-17 {
    top: 17px;
  }

  .xs-top-minus1 {
    top: -1px;
  }
  .xs-top-minus2 {
    top: -2px;
  }
  .xs-top-minus3 {
    top: -3px;
  }
  .xs-top-minus4 {
    top: -4px;
  }
  .xs-top-minus5 {
    top: -5px;
  }
  .xs-top-minus6 {
    top: -6px;
  }
  .xs-top-minus7 {
    top: -7px;
  }
  .xs-top-minus8 {
    top: -8px;
  }
  .xs-top-minus9 {
    top: -9px;
  }
  .xs-top-minus10 {
    top: -10px;
  }
  .xs-top-minus30 {
    top: -30px;
  }

  /* bottom */
  .xs-bottom-auto {
    bottom: auto;
  }
  .xs-bottom-0 {
    bottom: 0;
  }
  .xs-bottom-1 {
    bottom: 1px;
  }
  .xs-bottom-2 {
    bottom: 2px;
  }
  .xs-bottom-3 {
    bottom: 3px;
  }
  .xs-bottom-4 {
    bottom: 4px;
  }
  .xs-bottom-5 {
    bottom: 5px;
  }
  .xs-bottom-6 {
    bottom: 6px;
  }
  .xs-bottom-7 {
    bottom: 7px;
  }
  .xs-bottom-8 {
    bottom: 8px;
  }
  .xs-bottom-9 {
    bottom: 9px;
  }
  .xs-bottom-10 {
    bottom: 10px;
  }
  .xs-bottom-20 {
    bottom: 20px;
  }
  .xs-bottom-25 {
    bottom: 25px;
  }
  .xs-bottom-30 {
    bottom: 30px;
  }

  .xs-bottom--minus30 {
    bottom: -30px;
  }
  .xs-bottom--minus50 {
    bottom: -50px;
  }
  .xs-bottom--minus55 {
    bottom: -55px;
  }

  /* left */
  .xs-left-auto {
    left: auto;
  }
  .xs-left-0 {
    left: 0;
  }
  .xs-left-1 {
    left: 1px;
  }
  .xs-left-2 {
    left: 2px;
  }
  .xs-left-3 {
    left: 3px;
  }
  .xs-left-4 {
    left: 4px;
  }
  .xs-left-5 {
    left: 5px;
  }
  .xs-left-6 {
    left: 6px;
  }
  .xs-left-7 {
    left: 7px;
  }
  .xs-left-8 {
    left: 8px;
  }
  .xs-left-9 {
    left: 9px;
  }
  .xs-left-10 {
    left: 10px;
  }

  /* right */
  .xs-right-auto {
    right: auto;
  }
  .xs-right-0 {
    right: 0;
  }
  .xs-right-1 {
    right: 1px;
  }
  .xs-right-2 {
    right: 2px;
  }
  .xs-right-3 {
    right: 3px;
  }
  .xs-right-4 {
    right: 4px;
  }
  .xs-right-5 {
    right: 5px;
  }
  .xs-right-6 {
    right: 6px;
  }
  .xs-right-7 {
    right: 7px;
  }
  .xs-right-8 {
    right: 8px;
  }
  .xs-right-9 {
    right: 9px;
  }
  .xs-right-10 {
    right: 10px;
  }

  /* width */
  .xs-width-10 {
    width: 10%;
  }
  .xs-width-15 {
    width: 15%;
  }
  .xs-width-20 {
    width: 20%;
  }
  .xs-width-25 {
    width: 25%;
  }
  .xs-width-30 {
    width: 30%;
  }
  .xs-width-35 {
    width: 35%;
  }
  .xs-width-40 {
    width: 40%;
  }
  .xs-width-45 {
    width: 45%;
  }
  .xs-width-50 {
    width: 50%;
  }
  .xs-width-55 {
    width: 55%;
  }
  .xs-width-60 {
    width: 60%;
  }
  .xs-width-65 {
    width: 65%;
  }
  .xs-width-70 {
    width: 70%;
  }
  .xs-width-75 {
    width: 75%;
  }
  .xs-width-80 {
    width: 80%;
  }
  .xs-width-85 {
    width: 85%;
  }
  .xs-width-90 {
    width: 90%;
  }
  .xs-width-95 {
    width: 95%;
  }
  .xs-width-100 {
    width: 100%;
  }
  .xs-width-auto {
    width: auto;
  }

  .xs-width-50px {
    width: 50px;
  }
  .xs-width-70px {
    width: 70px;
  }
  .xs-width-75px {
    width: 75px;
  }
  .xs-width-80px {
    width: 80px;
  }
  .xs-width-85px {
    width: 85px;
  }
  .xs-width-90px {
    width: 90px;
  }
  .xs-width-95px {
    width: 95px;
  }
  .xs-width-100px {
    width: 100px;
  }
  .xs-width-120px {
    width: 120px;
  }
  .xs-width-130px {
    width: 130px;
  }
  .xs-width-150px {
    width: 150px;
  }
  .xs-width-180px {
    width: 180px;
  }
  .xs-width-200px {
    width: 200px;
  }
  .xs-width-250px {
    width: 250px;
  }
  .xs-width-300px {
    width: 300px;
  }
  .xs-width-350px {
    width: 350px;
  }
  .xs-width-400px {
    width: 400px;
  }
  .xs-width-450px {
    width: 450px;
  }
  .xs-width-500px {
    width: 500px;
  }
  .xs-width-550px {
    width: 550px;
  }
  .xs-width-600px {
    width: 600px;
  }
  .xs-width-650px {
    width: 650px;
  }
  .xs-width-700px {
    width: 700px;
  }
  .xs-width-750px {
    width: 750px;
  }
  .xs-width-800px {
    width: 800px;
  }
  .xs-width-850px {
    width: 850px;
  }
  .xs-width-900px {
    width: 900px;
  }
  .xs-width-950px {
    width: 950px;
  }
  .xs-width-1000px {
    width: 1000px;
  }

  /* height */
  .xs-height-50 {
    height: 50% !important;
  }
  .xs-height-100 {
    height: 100% !important;
  }
  .xs-height-auto {
    height: auto !important;
  }
  .xs-height-50px {
    height: 50px !important;
  }
  .xs-height-60px {
    height: 60px !important;
  }
  .xs-height-70px {
    height: 70px !important;
  }
  .xs-height-80px {
    height: 80px !important;
  }
  .xs-height-90px {
    height: 90px !important;
  }
  .xs-height-100px {
    height: 100px !important;
  }
  .xs-height-150px {
    height: 150px !important;
  }
  .xs-height-200px {
    height: 200px !important;
  }
  .xs-height-250px {
    height: 250px !important;
  }
  .xs-height-300px {
    height: 300px !important;
  }
  .xs-height-350px {
    height: 350px !important;
  }
  .xs-height-400px {
    height: 400px !important;
  }
  .xs-height-450px {
    height: 450px !important;
  }
  .xs-height-500px {
    height: 500px !important;
  }
  .xs-height-550px {
    height: 550px !important;
  }
  .xs-height-600px {
    height: 600px !important;
  }
  .xs-height-650px {
    height: 650px !important;
  }
  .xs-height-700px {
    height: 700px !important;
  }
  .xs-height-750px {
    height: 750px !important;
  }
  .xs-height-800px {
    height: 800px !important;
  }
  .xs-height-850px {
    height: 850px;
  }
  .xs-height-900px {
    height: 900px;
  }

  /* line height */
  .xs-line-height-10 {
    line-height: 10px;
  }
  .xs-line-height-18 {
    line-height: 18px;
  }
  .xs-line-height-20 {
    line-height: 20px;
  }
  .xs-line-height-24 {
    line-height: 24px;
  }
  .xs-line-height-22 {
    line-height: 22px;
  }
  .xs-line-height-26 {
    line-height: 26px;
  }
  .xs-line-height-28 {
    line-height: 28px;
  }
  .xs-line-height-30 {
    line-height: 30px;
  }
  .xs-line-height-35 {
    line-height: 35px;
  }
  .xs-line-height-40 {
    line-height: 40px;
  }
  .xs-line-height-45 {
    line-height: 45px;
  }
  .xs-line-height-50 {
    line-height: 50px;
  }
  .xs-line-height-55 {
    line-height: 55px;
  }
  .xs-line-height-60 {
    line-height: 60px;
  }
  .xs-line-height-65 {
    line-height: 65px;
  }
  .xs-line-height-70 {
    line-height: 70px;
  }
  .xs-line-height-75 {
    line-height: 75px;
  }
  .xs-line-height-80 {
    line-height: 80px;
  }
  .xs-line-height-85 {
    line-height: 85px;
  }
  .xs-line-height-90 {
    line-height: 90px;
  }
  .xs-line-height-95 {
    line-height: 95px;
  }
  .xs-line-height-100 {
    line-height: 100px;
  }

  /* feature box style 14 */
  .feature-box-14:nth-child(even) {
    border-right: 0;
    border-top: 0;
  }
  .feature-box-14:nth-child(odd) {
    border-right: 0;
    border-top: 0;
  }

  /* display */
  .xs-display-block {
    display: block !important;
  }
  .xs-overflow-hidden {
    overflow: hidden !important;
  }
  .xs-display-inline-block {
    display: inline-block !important;
  }
  .xs-display-inline {
    display: inline !important;
  }
  .xs-display-none {
    display: none !important;
  }
  .xs-display-inherit {
    display: inherit !important;
  }
  .xs-display-table {
    display: table !important;
  }
  .xs-display-table-cell {
    display: table-cell !important;
  }

  /* position */
  .xs-position-inherit {
    position: inherit;
  }
  .xs-position-relative {
    position: relative;
    z-index: 5;
  }
  .xs-position-absolute {
    position: absolute;
  }
  .xs-position-fixed {
    position: fixed;
  }

  /* letter spacing */
  .xs-letter-spacing-0 {
    letter-spacing: 0;
  }

  /* border */
  .xs-no-border-top {
    border-top: 0 !important;
  }
  .xs-no-border-bottom {
    border-bottom: 0 !important;
  }
  .xs-no-border-right {
    border-right: 0 !important;
  }
  .xs-no-border-left {
    border-left: 0 !important;
  }
  .xs-no-border {
    border: 0 !important;
  }
  .xs-column-no-border-right-bottom .vc_column-inner {
    border-right: 0 !important;
    border-bottom: 0 !important;
  }

  /* custom */
  section,
  .default-page-space {
    padding: 50px 0;
  }
  section.big-section {
    padding: 80px 0;
  }
  section.extra-big-section {
    padding: 100px 0;
  }
  section.half-section {
    padding: 25px 0;
  }
  .pofo-page-content-area {
    padding-top: 50px;
    padding-bottom: 0;
  }
  .pofo-page-widget-area {
    padding-top: 0;
    padding-bottom: 20px;
  }
  .xs-col-2-nth .col-sm-6:nth-child(2n + 1) {
    clear: left;
  }
  .xs-col-3-nth .col-sm-4:nth-child(3n + 1) {
    clear: left;
  }
  .xs-col-4-nth .col-sm-3:nth-child(4n + 1) {
    clear: left;
  }
  .xs-center-col {
    float: none;
    margin: 0 auto;
  }
  .mobile-height,
  .swiper-full-screen {
    height: auto !important;
  }
  .mobile-height .full-screen,
  .swiper-full-screen .full-screen,
  .mobile-height .opacity-very-light,
  .swiper-full-screen .opacity-very-light,
  .mobile-height .opacity-light,
  .swiper-full-screen .opacity-light,
  .mobile-height .opacity-extra-medium,
  .swiper-full-screen .opacity-extra-medium,
  .mobile-height .opacity-medium,
  .swiper-full-screen .opacity-medium,
  .mobile-height .opacity-full,
  .swiper-full-screen .opacity-full,
  .mobile-height .opacity-full-dark,
  .swiper-full-screen .opacity-full-dark,
  .mobile-height .opacity-full,
  .swiper-full-screen .opacity-full,
  .mobile-height .vc_row-o-full-height,
  .mobile-height.vc_row-o-full-height {
    height: 480px !important;
    min-height: 480px !important;
  }
  .blog-post-sticky {
    padding: 20px 20px 0;
  }

  .overlap-section {
    margin-top: 0;
  }
  .gridblock-main {
    padding: 15px;
  }
  .gridblock-list li {
    width: 100%;
    margin-bottom: 0;
  }
  .popup-youtube .icon-image {
    width: 112px;
  }
  .popup-vimeo .icon-image {
    width: 112px;
  }
  .popup-youtube-img.popup-youtube .icon-image {
    width: 50px;
  }

  /* skillbar bar style 1 */
  .skillbar-bar-main.skillbar-bar-style1 .skillbar,
  .skillbar-bar-main.skillbar-bar-style2 .skillbar {
    display: block;
  }

  /* blockquote */
  .blog-image blockquote {
    padding: 20px;
  }
  blockquote {
    margin: 30px 0;
    padding: 5px 10px;
  }
  blockquote p {
    font-size: 19px;
    line-height: 30px;
  }
  .blog-post .blog-image blockquote {
    padding: 20px;
  }

  /* slider */
  .slider-half-small-screen {
    min-height: 330px;
  }
  .slider-half-screen {
    min-height: 420px;
  }
  .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 20px;
  }

  /* portfolio grid */
  .portfolio-grid.work-6col li,
  .blog-grid.blog-6col li {
    width: 100%;
  }
  .portfolio-grid.work-6col li.grid-item-double,
  .blog-grid.blog-6col li.grid-item-double {
    width: 100%;
  }

  .portfolio-grid.work-4col li,
  .blog-grid.work-4col li {
    width: 100%;
  }
  .portfolio-grid.work-4col li.grid-item-double,
  .blog-grid.blog-4col li.grid-item-double {
    width: 100%;
  }
  .portfolio-grid.work-4col li.grid-item-double:last-child,
  .blog-grid.blog-4col li.grid-item-double:last-child {
    width: 100%;
  }

  .portfolio-grid.work-3col li,
  .blog-grid.work-3col li {
    width: 100%;
  }
  .portfolio-grid.work-3col li.grid-item-double,
  .blog-grid.work-3col li.grid-item-double {
    width: 100%;
  }

  .portfolio-grid.gutter-small,
  .blog-grid.gutter-small {
    margin: 0 7px;
  }
  .portfolio-grid.gutter-small li,
  .blog-grid.gutter-small li {
    padding: 7px 7px;
  }
  .hover-option8 .grid-item .portfolio-icon {
    right: 39px;
    top: 34px;
  }
  .portfolio-grid.gutter-medium,
  .blog-grid.gutter-medium,
  .portfolio-grid.gutter-large,
  .portfolio-grid.gutter-large,
  .blog-grid.gutter-large {
    margin: 0;
  }
  .portfolio-grid.gutter-medium li,
  .blog-grid.gutter-medium li,
  .portfolio-grid.gutter-large li,
  .blog-grid.gutter-large li {
    padding: 7px 0;
  }

  .portfolio-grid.work-5col li,
  .blog-grid.blog-5col li {
    width: 100%;
  }
  .portfolio-grid.work-5col li.grid-item-double,
  .blog-grid.blog-5col li.grid-item-double {
    width: 100%;
  }

  /* portfolio 2 column */
  .portfolio-grid.work-2col li,
  .blog-grid.work-2col li {
    width: 100%;
  }
  .portfolio-grid.work-2col li,
  .blog-grid.blog-2col li {
    width: 100%;
  }
  .portfolio-grid.work-2col li.grid-item-double,
  .blog-grid.work-2col li.grid-item-double {
    width: 100%;
  }

  /* portfolio grid */
  .portfolio-grid.portfolio-metro-grid.work-4col li {
    width: 100%;
  }
  .portfolio-grid.portfolio-metro-grid.work-4col li.grid-item-double {
    width: 100%;
  }
  .portfolio-grid.portfolio-metro-grid.work-4col
    li.grid-item-double:last-child {
    width: 100%;
  }
  .portfolio-grid.portfolio-metro-grid.work-6col li {
    width: 100%;
  }
  .portfolio-grid.portfolio-metro-grid.work-6col li.grid-item-double {
    width: 100%;
  }
  .portfolio-grid.portfolio-metro-grid.work-6col
    li.grid-item-double:last-child {
    width: 100%;
  }
  .portfolio-grid.portfolio-metro-grid.work-3col li {
    width: 100%;
  }
  .portfolio-grid.portfolio-metro-grid.work-3col li.grid-item-double {
    width: 100%;
  }
  .portfolio-grid.portfolio-metro-grid.work-3col
    li.grid-item-double:last-child {
    width: 100%;
  }

  /* clear  */
  .xs-clear-none {
    clear: none;
  }
  .xs-clear-both {
    clear: both;
  }

  /* feature box style 4 */
  .grid-item.feature-box-4 figure figcaption {
    padding-bottom: 30px;
  }

  /* swipe carousel */
  .swiper-full-screen .swiper-pagination {
    bottom: 20px;
  }

  /* counter box style 3 */
  .counter-box-3 .counter-box {
    width: 25%;
  }
  .counter-box-3 .counter-box .number {
    font-size: 16px;
    line-height: 16px;
  }
  .counter-box-3 .counter-box span {
    font-size: 12px;
    line-height: 24px;
  }
  .counter-box-3 .counter-box:after {
    top: 0px;
  }

  /* background position */
  .xs-bg-position-left-top,
  .vc_row-has-fill.xs-bg-position-left-top,
  .vc_col-has-fill .xs-bg-position-left-top {
    background-position: left top !important;
  }
  .xs-bg-position-left-center,
  .vc_row-has-fill.xs-bg-position-left-center,
  .vc_col-has-fill .xs-bg-position-left-center {
    background-position: left center !important;
  }
  .xs-bg-position-left-bottom,
  .vc_row-has-fill.xs-bg-position-left-bottom,
  .vc_col-has-fill .xs-bg-position-left-bottom {
    background-position: left bottom !important;
  }
  .xs-bg-position-center-top,
  .vc_row-has-fill.xs-bg-position-center-top,
  .vc_col-has-fill .xs-bg-position-center-top {
    background-position: center top !important;
  }
  .xs-bg-position-center-center,
  .vc_row-has-fill.xs-bg-position-center-center,
  .vc_col-has-fill .xs-bg-position-center-center {
    background-position: center center !important;
  }
  .xs-bg-position-center-bottom,
  .vc_row-has-fill.xs-bg-position-center-bottom,
  .vc_col-has-fill .xs-bg-position-center-bottom {
    background-position: center bottom !important;
  }
  .xs-bg-position-right-top,
  .vc_row-has-fill.xs-bg-position-right-top,
  .vc_col-has-fill .xs-bg-position-right-top {
    background-position: right top !important;
  }
  .xs-bg-position-right-center,
  .vc_row-has-fill.xs-bg-position-right-center,
  .vc_col-has-fill .xs-bg-position-right-center {
    background-position: right center !important;
  }
  .xs-bg-position-right-bottom,
  .vc_row-has-fill.xs-bg-position-right-bottom,
  .vc_col-has-fill .xs-bg-position-right-bottom {
    background-position: right bottom !important;
  }

  /* counter box style 4 */
  .counter-box-4 .timer::after {
    display: none;
  }
  .icon-box .icon-box-holder i {
    padding-top: 0;
  }

  /* equalize auto */
  .xs-equalize-auto > [class*="col-"],
  .xs-equalize-auto .inner-match-height {
    height: auto !important;
  }

  /* feature box 4 */
  .feature-box-4 .grid-item figcaption {
    padding: 0 20px;
  }
  .feature-box-4 figure figcaption {
    padding: 10% 5%;
    text-align: center;
  }

  /* feature box 5 */
  .feature-box-5 {
    padding-left: 0;
    text-align: center;
  }
  .feature-box-5 i {
    display: block;
    width: 100%;
    position: inherit;
    margin-bottom: 15px;
  }

  /* feature box 9 */
  .feature-box-9:nth-child(3) {
    clear: left;
  }

  /* feature box 10 */
  .feature-box-10 .number-center::before,
  .feature-box-10 .number-center::after {
    height: 0;
  }

  /* feature box 6 */
  .feature-box-6 i,
  .feature-box-6 img {
    transform: translateY(-15px);
  }

  /* feature box style 12 */
  .feature-box-12 .hover-content-box {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    top: -35px;
  }

  .xs-text-center .separator-line-horrizontal-medium-light3 {
    margin: 0 auto;
  }
  .xs-text-right .separator-line-horrizontal-medium-light3 {
    float: right;
  }

  /* hover option3 */
  .hover-option3 .grid-item figure {
    bottom: 80px;
  }
  .hover-option3 .grid-item figure figcaption {
    padding: 0 30px;
  }

  /* header social icon */
  .header-searchbar {
    padding-left: 15px;
  }
  .header-searchbar a i {
    margin-right: 0;
  }
  .header-right {
    margin-left: 0;
    padding-left: 0;
    margin-top: 1px;
  }
  header .header-social-icon ul li a i {
    margin-left: 6px;
  }
  .header-social-icon li:first-child a i {
    margin-left: 11px;
  }
  .header-social-icon {
    padding-left: 5px;
    margin-left: 15px;
  }

  /* home - creative simple portfolio */
  .head-text {
    font-size: 30px;
    line-height: 36px;
  }
  .sidebar-wrapper .portfolio-grid.work-4col li,
  .blog-grid.blog-4col li,
  .blog-grid.blog-3col li {
    width: 100%;
  }
  .special-char-extra-large {
    font-size: 130px;
    line-height: 110px;
  }

  /* blog post style 3 */
  .xs-no-background-img,
  .vc_row-has-fill.xs-no-background-img {
    background-image: none !important;
  }

  /* swiper pagination */
  .swiper-pagination-square-bottom.swiper-pagination-bullets {
    bottom: -35px;
    right: 0;
  }
  .swiper-number-pagination .swiper-pagination-bullets {
    bottom: auto;
    top: 25% !important;
  }
  .swiper-vertical-pagination > .swiper-pagination-bullets {
    right: 15px;
  }
  .swiper-pagination-square-bottom.swiper-pagination-bullets {
    bottom: -35px;
  }

  /* swiper bottom scrollbar */
  .swiper-bottom-scrollbar-full.swiper-container {
    height: 100%;
    padding-top: 80px;
  }
  .swiper-bottom-scrollbar-full.swiper-container .swiper-wrapper {
    float: left;
    width: 100%;
    display: block !important;
    height: 100% !important;
  }
  .swiper-bottom-scrollbar-full.swiper-container .swiper-wrapper .swiper-slide {
    float: left;
    width: 100%;
  }

  /* home - portfolio personal */
  .swiper-container-autoheight .swiper-slide {
    height: auto;
  }
  .swiper-container-autoheight .swiper-slide:last-child {
    margin-bottom: 0;
  }
  .swiper-auto-width.swiper-container {
    height: calc(100% - 93px);
    top: 78px;
  }
  .swiper-bottom-scrollbar-full .swiper-slide img {
    opacity: 1;
    width: 100%;
    max-height: 100%;
    vertical-align: top;
  }
  .swiper-bottom-scrollbar-full .swiper-slide img.signature {
    width: 100% !important;
  }
  .hover-title-box .separator {
    position: relative;
    left: 0;
    top: 70px;
  }
  .swiper-bottom-scrollbar-full .bottom-text {
    opacity: 1;
  }
  .swiper-bottom-scrollbar-full .bottom-text {
    bottom: 25px;
    position: absolute;
  }
  .hover-title-box {
    opacity: 1;
    text-align: center;
    top: inherit;
    transform: translate(-50%, -30px);
    -moz-transform: translate(-50%, -30px);
    -webkit-transform: translate(-50%, -30px);
    -o-transform: translate(-50%, -30px);
    -ms-transform: translate(-50%, -30px);
    bottom: 0;
    left: 50%;
    right: 0;
    display: block;
  }

  /* swiper button style3 */
  .swiper-button-prev.swiper-prev-style3,
  .swiper-button-next.swiper-next-style3 {
    position: relative;
    bottom: 24px;
    display: inline-block;
    transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    left: 50%;
    margin: 0;
  }
  .swiper-button-prev.swiper-prev-style3 {
    left: 50%;
    margin: 0 0 0 -85px;
  }

  /* testimonial style 2 */
  .testimonial-style2 .profile-box {
    margin-top: -25px;
  }

  /* link style 2 */
  .full-width-pull-menu .link-style-2 ul.hamburger-menu-style1 li a {
    font-size: 26px;
    line-height: 60px;
  }
  .full-width-pull-menu .link-style-2 ul.hamburger-menu-style1 li a {
    line-height: 42px;
    font-size: 22px;
  }
  .full-width-pull-menu .link-style-2 .icon-social-medium a:first-child i {
    margin-left: 0;
  }
  .full-width-pull-menu .link-style-2 .dropdown ul li a,
  .full-width-pull-menu .link-style-2 .dropdown.open ul li ul li a {
    line-height: 16px;
    font-size: 12px;
    padding: 3px 0;
  }
  .link-style-2 .dropdown-backdrop {
    display: none;
  }

  /* close button */
  .close-button-menu {
    top: 10px;
    right: 10px;
  }

  /* full width pull menu */
  .full-width-pull-menu .dropdown span.dropdown-toggle {
    width: 30px;
    height: 30px;
    top: 21px;
  }
  .full-width-pull-menu .dropdown .dropdown-toggle:before {
    right: 15px;
    top: 10px;
  }
  .full-width-pull-menu .dropdown .dropdown-toggle:after {
    right: 10px;
    top: 15px;
  }
  .hamburger-wp-menu .menu-wrap .widget ul {
    margin: 0;
    padding: 0;
  }

  /* btn */
  .btn-dual .btn,
  .pofo-slider9 .btn-dual .btn {
    margin: 10px auto !important;
    display: table;
    min-width: 160px;
  }
  .pofo-slider9 .btn-dual .btn {
    margin: 10px 0 !important;
  }

  /* search form style */
  .search-form {
    width: 100%;
  }

  /* mini header */
  .header-with-topbar.sticky-mini-header.sticky.header-appear .navbar {
    top: 30px;
  }
  .admin-bar .header-with-topbar.sticky-mini-header.sticky .top-header-area {
    top: 0;
  }
  .admin-bar
    .header-with-topbar.sticky-mini-header.sticky.header-appear
    .navbar {
    top: 30px;
  }
  .header-with-topbar.sticky-mini-header.sticky nav.navbar-fixed-top {
    top: 30px;
  }
  .header-with-topbar.sticky-mini-header.sticky
    nav.navbar.sidebar-nav.sidebar-nav-style-1
    .sidenav-header {
    top: 30px;
  }
  .header-with-topbar.sticky-mini-header.sticky .left-nav,
  .header-with-topbar.sticky-mini-header.sticky .sidebar-part1 {
    top: 30px;
  }
  .admin-bar .header-with-topbar.sticky-mini-header.sticky .left-nav,
  .admin-bar .header-with-topbar.sticky-mini-header.sticky .sidebar-part1 {
    top: 30px;
  }
  .admin-bar
    .sticky.header-with-topbar.sticky-mini-header
    nav.navbar.sidebar-nav.sidebar-nav-style-1
    .sidenav-header,
  .admin-bar
    .sticky-mini-header
    nav.navbar.sidebar-nav.sidebar-nav-style-1
    .sidenav-header {
    top: 30px;
  }

  /* navigation */
  nav.navbar.bootsnav
    li.dropdown
    .mega-menu-full
    > ul
    > li
    > .widget_media_image {
    width: 100%;
    margin-bottom: 15px;
  }
  nav.navbar.bootsnav
    li.dropdown
    .mega-menu-full
    > ul
    > li
    > .widget_media_image:last-child {
    margin-bottom: 0;
  }
  .header-with-topbar nav,
  .header-with-topbar
    nav.navbar.sidebar-nav.sidebar-nav-style-1
    .sidenav-header {
    top: 30px;
  }
  .header-with-topbar.sticky nav,
  .sticky .navbar-top {
    top: -160px;
  }
  .header-appear.header-with-topbar.sticky nav,
  .header-appear.sticky .navbar-top {
    top: 0;
  }
  .header-searchbar,
  .header-social-icon {
    top: 0;
  }
  .header-menu-button {
    padding-left: 15px;
  }
  header nav.navbar {
    margin-bottom: 0;
    border-bottom: 0;
  }
  .header-with-topbar .left-nav,
  .header-with-topbar .sidebar-part1 {
    top: 30px;
  }
  .sticky.header-with-topbar .left-nav,
  .sticky.header-with-topbar .sidebar-part1 {
    top: 0;
  }
  .header-with-topbar.sticky.header-appear nav {
    top: 0;
  }
  .admin-bar
    .header-with-topbar
    nav.navbar.sidebar-nav.sidebar-nav-style-1
    .sidenav-header,
  .admin-bar .header-with-topbar .left-nav,
  .admin-bar .header-with-topbar .sidebar-part1,
  .admin-bar .header-with-topbar nav.navbar.sidebar-nav {
    top: 76px;
  }
  .admin-bar .sticky.header-with-topbar .left-nav,
  .admin-bar .sticky.header-with-topbar .sidebar-part1,
  .admin-bar .sticky.header-with-topbar nav.navbar.sidebar-nav,
  .admin-bar .sticky .left-nav,
  .admin-bar .sticky .sidebar-part1 {
    top: 0;
  }
  .admin-bar .header-with-topbar.sticky nav.navbar-fixed-top {
    top: 0;
  }
  .admin-bar
    .header-with-topbar.sticky-mini-header.no-sticky.min-header-appear
    .top-header-area {
    top: 0;
  }
  .admin-bar
    .header-with-topbar.sticky.sticky-mini-header
    nav.navbar-fixed-top {
    top: 30px;
  }

  /* hamburger menu */
  .animation-box {
    padding: 90px 0 30px;
  }
  .animation-box .menu-middle {
    overflow-y: auto;
    display: inherit;
  }
  .hamburger-menu-links {
    margin-bottom: 15px;
  }
  .hamburger-menu-links li {
    width: 100%;
    margin-bottom: 15px;
  }
  .hamburger-menu-links {
    font-size: 30px;
  }
  .hamburger-menu .hamburger-menu-wrepper .btn-hamburger {
    right: 15px;
  }
  .hamburger-menu-wrepper {
    padding: 20px 15px;
  }
  .menu-middle {
    width: 100%;
  }
  .hamburger-menu-links {
    font-size: 20px;
    line-height: 24px;
  }

  /* footer */
  .social-style-2 ul li {
    margin: 2px 5px;
  }
  .latest-post li div {
    float: left;
    width: 70%;
  }
  .latest-post li {
    width: 100%;
  }
  .footer-widget-area .list-unstyled {
    margin-bottom: 0;
  }
  .instagram-follow-api li {
    padding: 0 5px 10px;
  }
  .list-style-7 li {
    padding-bottom: 8px;
    margin-bottom: 5px;
  }
  .footer-style-one .widget:last-child {
    margin-bottom: 0 !important;
  }
  footer .pofo-footer-wrapper .footer-wrapper-text-align-col-two:first-child {
    text-align: center;
  }
  footer .pofo-footer-wrapper .footer-wrapper-text-align-col-one {
    text-align: center;
  }

  /* feature box style 11 */
  .feature-box-11 .progress-line:after {
    visibility: hidden;
  }

  /* sidebar nav style 2 */
  .left-nav-sidebar .container {
    width: 100%;
  }

  /* home - classic innovation agency */
  .content-right-slider .swiper-button-next,
  .swiper-button-next.slider-long-arrow-white,
  .swiper-container-rtl .swiper-button-prev.slider-long-arrow-white {
    right: 5px;
    background-size: 20px auto;
  }
  .content-right-slider .swiper-button-prev,
  .swiper-button-prev.slider-long-arrow-white,
  .swiper-container-rtl .swiper-button-next.slider-long-arrow-white {
    left: 5px;
    background-size: 20px auto;
  }
  .content-right-slider .swiper-button-next,
  .content-right-slider .swiper-button-prev,
  .swiper-container-rtl .swiper-button-next.slider-long-arrow-white,
  .swiper-container-rtl .swiper-button-prev.slider-long-arrow-white {
    background-size: 20px auto;
    width: 25px;
  }
  .testimonial-slider-2 .swiper-button-prev.slider-long-arrow-white {
    left: -7px;
  }
  .testimonial-slider-2 .swiper-button-next.slider-long-arrow-white {
    right: -7px;
  }

  /* homepage 19 */
  .swiper-vertical-pagination .box-arrow {
    height: 50px;
    position: absolute;
    right: -35px;
    bottom: 0;
    width: 50px;
  }
  .down-section {
    bottom: 40px;
  }
  .after-before-separator:before,
  .after-before-separator:after {
    margin: 0 10px;
    width: 25px;
  }

  /* social media icon style 3 */
  .social-style-3 ul li {
    margin: 0 8px;
  }

  /* tab */
  .nav-tabs {
    text-align: center;
  }
  .portfolio-filter-tab-1.nav > li {
    margin: 5px 0;
    width: 100%;
  }
  .tab-style3 .nav-tabs li {
    display: block;
    text-align: left;
    margin: 0;
    padding: 10px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .tab-style3 .nav-tabs li.active {
    border-bottom: 1px solid #232323;
  }

  /* tab style 2 */
  .tab-style2 .nav-tabs > li.active > a {
    top: 0;
  }

  /* tab style 1 */
  .tab-style1 .nav-tabs li {
    width: 100%;
    margin-bottom: 30px;
  }
  .tab-style1 .nav-tabs li a {
    padding: 0;
  }

  /* team style 2 */
  .team-style-2 figure:hover figcaption .overlay-content {
    top: 20px;
  }
  .team-style-2 figure figcaption .overlay-content {
    padding-bottom: 0;
  }

  /* tab style 2 */
  .tab-style2 .tab-content {
    padding: 30px 0 0;
  }
  .tab-style2 .nav-tabs li {
    display: block;
    margin-right: 0;
  }

  /* tab style 4 */
  .tab-style4 .tab-content {
    padding-left: 0;
    border-left: 0;
  }
  .tab-style4 .nav-tabs {
    display: block !important;
    padding-right: 15px;
    margin-bottom: 30px;
  }
  .tab-style4 .nav-tabs li {
    border-right: 1px solid #e5e5e5;
    border-bottom: 0;
    top: 0;
  }
  .tab-style4 .nav-tabs > li > a {
    top: 0;
  }
  .tab-style4 .nav-tabs li:last-child {
    border-bottom: 1px solid #e5e5e5;
  }

  /* skillbar bar style 3  */
  .skillbar-bar-style3 .skillbar {
    width: 100%;
  }
  .team-image img {
    width: 100%;
  }
  .banner-style2 figure:hover figcaption {
    right: 10%;
  }
  .banner-style2 figcaption {
    width: 80%;
  }
  .text-decoration-line-through-black::before,
  .text-decoration-line-through-deep-pink:before {
    display: none;
  }
  .counter-box-5 .counter-box .number {
    font-size: 30px !important;
    line-height: 30px;
  }
  .counter-box-5 .counter-box {
    width: 20%;
  }
  .counter-box-5 .counter-box span {
    letter-spacing: 0px;
    font-size: 11px !important;
  }
  .navigation-area {
    right: 0;
  }
  .swiper-button-prev.swiper-prev-style4,
  .swiper-button-next.swiper-next-style4 {
    transform: scale(0.8);
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -o-transform: scale(0.8);
    top: 5px;
    right: -5px;
  }
  .swiper-button-next.swiper-next-style4 {
    top: 14px;
  }
  .blog-nav-link {
    padding: 10px 0;
    font-size: 12px;
  }
  .blog-nav-link-next {
    padding-right: 30px;
  }
  .blog-nav-link-prev {
    padding-left: 30px;
  }
  .blog-listing-comment {
    width: 100%;
    text-align: center;
  }
  .blog-listing-comment li {
    display: inline-block;
    float: none;
  }
  .blog-text .name {
    width: 100%;
    text-align: center;
  }
  .text-outside-line:after {
    display: none;
  }
  .text-outside-line:before {
    display: none;
  }
  .input-border-bottom {
    margin-bottom: 10px;
  }
  .blog-text .name:nth-child(2) {
    padding-top: 0;
    padding-bottom: 0;
  }
  .blog-text .name:last-child {
    padding-bottom: 15px;
  }

  /* slider image */
  .parallax-category-text {
    background: #000 none repeat scroll 0 0;
    color: #fff;
    opacity: 1;
    padding: 5px 18px;
  }

  /* hover option 6 */
  .hover-option6 .grid-item .portfolio-icon i.fa-search {
    top: 12px;
  }

  /* header style */
  nav.navbar .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }

  /* top logo */
  .navbar.navbar-brand-top.bootsnav .navbar-toggle {
    top: 4px;
  }
  .navbar-brand-top .brand-top-menu-right {
    padding-left: 15px;
  }
  .navbar-brand-top .header-searchbar,
  .navbar-brand-top .header-social-icon {
    top: 1px;
  }
  .mfp-close,
  .mfp-close:active {
    top: 0;
    right: 0;
  }
  button.mfp-arrow {
    background-color: #000;
    height: 50px;
    width: 50px;
    opacity: 1;
  }
  .mfp-arrow:before {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    line-height: 50px;
    border: 0;
  }
  .mfp-arrow,
  .mfp-arrow:active,
  .mfp-arrow:focus {
    margin-top: -25px;
  }
  .mfp-arrow-left {
    left: 6px;
  }
  .mfp-arrow-right {
    right: 6px;
  }
  #search-header {
    width: 95%;
    margin: 0 auto;
  }

  /* footer menu */
  footer .menu {
    margin: 0 0 7px;
  }

  /* vc modify */
  .compose-mode .vc_vc_row section.vc_row {
    padding: 50px 0;
  }
  .compose-mode .vc_vc_row section.vc_row.big-section {
    padding: 80px 0;
  }
  .compose-mode .vc_vc_row section.vc_row.extra-big-section {
    padding: 100px 0;
  }
  .compose-mode .vc_vc_row section.vc_row.half-section {
    padding: 25px 0;
  }

  /* full width menu nav */
  .full-width-pull-menu .link-style-2 .dropdown.open ul li ul {
    margin-top: 0;
  }
  .full-width-pull-menu .link-style-2 .dropdown ul li {
    padding: 5px 0;
  }

  /* instagram feed */
  footer .instagram-follow-api ul {
    padding-top: 5px;
  }

  /* latest post */
  footer .latest-post li:last-child {
    padding-bottom: 0;
  }

  /* blog comment */
  .children {
    padding-left: 20px;
  }
  .blog-comment li ul.children {
    margin-left: 0;
  }
  .blog-comment {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .blog-comment li {
    padding: 30px 0;
  }
  .blog-comment > li:first-child {
    padding-top: 0;
  }
  .blog-comment li:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }
  .blog-comment li ul.children li {
    padding-bottom: 0;
    margin-top: 30px;
  }

  /* page title font size */
  .page-title-large h1 {
    font-size: 35px;
    line-height: 35px;
  }
  .page-title-medium h1 {
    font-size: 25px;
    line-height: 30px;
  }
  .title-large {
    font-size: 38px;
    line-height: 44px;
  }
  .title-extra-large {
    font-size: 35px;
    line-height: 40px;
  }

  /* blog caption */
  .wp-caption {
    max-width: 100%;
  }
  .wp-caption.alignleft,
  .wp-caption.alignright {
    float: none;
    margin: 5px 0 20px;
  }
  img.alignleft,
  img.alignright {
    float: none;
    margin: 0 auto 15px;
    width: 100%;
  }
  .input-group-btn .btn.btn-large {
    height: 58px;
  }
  .newsletter-form-style2 .input-group-btn > .btn {
    height: 45px;
  }
  .input-group-404 input {
    height: 58px;
  }
  .swiper-pagination-bottom.swiper-container-horizontal .swiper-wrapper {
    margin-bottom: 50px;
  }

  /* icon type */
  .icon-medium {
    font-size: 30px;
  }
  .icon-extra-medium {
    font-size: 30px;
  }
  .icon-large {
    font-size: 40px;
  }
  .after-before-separator::before,
  .after-before-separator::after {
    display: none;
  }

  /* portfolio filter tab style 2 */
  .portfolio-filter-tab-2.nav > li {
    margin-bottom: 5px;
    width: 100%;
  }
  .feature-box.feature-box-17 .box .content {
    top: 25px;
  }
  .blog-post-style4 figure figcaption {
    padding: 35px;
  }
  .pofo-post-detail-icon > ul {
    margin-left: 0;
    margin-right: 0;
  }
  .pofo_insta_style_1 ul li figure {
    display: inline-block;
    width: 100%;
  }
  .search-form .search-input {
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 34px;
  }
  .search-form .search-button {
    font-size: 12px;
    top: 20px;
  }
  .banner-style1 figure:hover figcaption p {
    height: 80px;
  }
  .demo-logo img {
    width: 70%;
  }
  .team-style-2 {
    padding-bottom: 0;
  }
  .demo-portfolio-grid.portfolio-grid.gutter-extra-large li {
    padding: 15px 0;
  }
  .xs-no-after:after {
    display: none;
  }
  .xs-no-before:before {
    display: none;
  }
  .xs-timer-after .timer:after {
    display: none;
  }
  .home .heading-style2 br {
    display: none;
  }
  .banner-title {
    display: none;
  }
  .elements-list > li {
    width: 100%;
    margin-bottom: 30px;
  }
  .elements-list > li:nth-child(3n + 0) {
    clear: none;
  }

  /* woocommerce style */
  .woocommerce-page .sidebar .widget {
    padding: 0 0 20px 0;
    margin-bottom: 20px;
  }
  .woocommerce-MyAccount-content {
    margin-bottom: 40px;
  }
  .woocommerce-MyAccount-navigation ul li a {
    font-size: 14px;
  }
  .woocommerce-page .sidebar .widget:last-child {
    margin-bottom: 0;
  }
  .pofo-my-account-full .woocommerce-MyAccount-navigation {
    width: 100%;
    float: none;
  }
  .pofo-my-account-full .woocommerce-MyAccount-content {
    width: 100%;
    float: none;
    padding-left: 0;
    margin-bottom: 0;
  }
  .pofo-my-account-full .woocommerce-MyAccount-content > section:last-child {
    margin-bottom: 0;
  }
  .woocommerce-page .widget_price_filter .price_slider_amount .price_label {
    width: auto;
    clear: none;
    text-align: right;
    margin-top: 0;
    float: right;
  }
  .woocommerce #content div.product div.summary,
  .woocommerce div.product div.summary,
  .woocommerce-page #content div.product div.summary,
  .woocommerce-page div.product div.summary {
    float: right;
    width: 100%;
  }
  .woocommerce #content div.product div.images,
  .woocommerce div.product div.images,
  .woocommerce-page #content div.product div.images,
  .woocommerce-page div.product div.images {
    float: left;
    width: 100%;
  }
  .woocommerce p.stars a {
    height: 16px;
    width: 16px;
  }
  .woocommerce div.product .product_title {
    font-size: 16px;
    line-height: 20px;
  }
  .woocommerce div.product p.price,
  .woocommerce div.product span.price {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .woocommerce div.product p,
  .woocommerce div.product p {
    margin-bottom: 20px;
  }
  .woocommerce div.product .posted_in,
  .woocommerce div.product .sku_wrapper,
  .woocommerce div.product .tagged_as,
  .woocommerce div.product .products-social-icon {
    padding-bottom: 12px;
    margin-bottom: 10px;
    font-size: 12px;
  }
  .woocommerce div.product .woocommerce-tabs ul.tabs li a {
    padding: 11px 10px 10px 10px;
  }
  .woocommerce div.product .woocommerce-tabs .panel {
    padding: 20px;
  }
  .woocommerce .related h2,
  .woocommerce .up-sells h2,
  .woocommerce-page .cart-collaterals .cart_totals h2 {
    font-size: 16px;
    line-height: 20px;
    margin: 0;
  }
  .woocommerce div.product .woocommerce-tabs .panel {
    margin: 0 0 30px;
  }
  .woocommerce ul.products {
    margin-top: 20px;
  }
  .woocommerce div.product .woocommerce-tabs ul.tabs::before {
    display: none !important;
  }
  .woocommerce div.product .woocommerce-tabs ul.tabs li {
    border-top: 1px solid #ededed;
    width: 100%;
  }
  .woocommerce #content div.product .woocommerce-tabs,
  .woocommerce div.product .woocommerce-tabs,
  .woocommerce-page #content div.product .woocommerce-tabs,
  .woocommerce-page div.product .woocommerce-tabs {
    margin-top: 0;
  }
  .woocommerce div.product div.summary {
    margin-bottom: 10px;
  }
  .woocommerce .related {
    padding: 20px 0 0 0;
  }
  .woocommerce div.product form.cart .variations select,
  .woocommerce .woocommerce-ordering select {
    font-size: 12px;
  }
  header .widget_shopping_cart {
    padding-left: 14px;
    margin-left: 14px;
  }
  .woocommerce .cart-collaterals .cart_totals .tax-rate td,
  .woocommerce .cart-collaterals .cart_totals .order-total td {
    font-size: 14px;
  }
  #add_payment_method .wc-proceed-to-checkout .checkout-button,
  .woocommerce-cart .wc-proceed-to-checkout .checkout-button,
  .woocommerce-checkout .wc-proceed-to-checkout .checkout-button {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    font-size: 13px !important;
  }
  .woocommerce table.shop_table td,
  .woocommerce table.shop_table th {
    padding: 10px 10px;
  }
  .woocommerce .cart-collaterals .cart_totals,
  .woocommerce-page .cart-collaterals .cart_totals {
    padding: 20px;
  }
  .woocommerce #content table.cart td.actions .input-text,
  .woocommerce table.cart td.actions .input-text,
  .woocommerce-page #content table.cart td.actions .input-text,
  .woocommerce-page table.cart td.actions .input-text {
    width: 130px !important;
  }
  .woocommerce .cart-collaterals .cross-sells ul.products,
  .woocommerce-page .cart-collaterals .cross-sells ul.products {
    margin-top: 20px;
  }
  .woocommerce-page h2 {
    font-size: 16px;
    line-height: 20px;
  }
  .woocommerce .quantity .qty {
    width: 60px;
    height: 33px;
    padding: 4px 10px 6px;
  }
  .woocommerce-thankyou-order-received {
    margin-bottom: 25px;
  }
  .woocommerce ul.order_details li,
  .woocommerce ul.order_details li:last-of-type {
    font-size: 12px;
    line-height: 20px;
  }
  .woocommerce ul.order_details li strong {
    font-size: 12px;
    line-height: 20px;
    padding-top: 0;
  }
  .woocommerce .col2-set .col-1,
  .woocommerce-page .col2-set .col-1,
  .woocommerce .col2-set .col-2,
  .woocommerce-page .col2-set .col-2 {
    margin-bottom: 30px;
  }
  .woocommerce-column.woocommerce-column--1.woocommerce-column--billing-address.col-1 {
    margin-bottom: 30px;
  }
  .woocommerce table.shop_table {
    margin-bottom: 30px;
  }
  .woocommerce-table--order-downloads thead {
    display: none;
  }
  .woocommerce-table--order-downloads tbody th,
  .woocommerce-table--order-downloads tbody th {
    display: none;
  }
  .woocommerce-table--order-downloads tr,
  .woocommerce-table--order-downloads tr {
    display: block;
  }
  .woocommerce-table--order-downloads tr td,
  woocommerce-table--order-downloads tr td {
    display: block;
    text-align: right !important;
  }
  .woocommerce-table--order-downloads tr td.order-actions,
  .woocommerce-table--order-downloads tr td.order-actions {
    text-align: left !important;
  }
  .woocommerce-table--order-downloads tr td::before,
  .woocommerce-table--order-downloads tr td::before {
    content: attr(data-title) ": ";
    font-weight: 500;
    float: left;
    color: #232323;
  }
  .woocommerce-table--order-downloads tr td.actions::before,
  .woocommerce-table--order-downloads tr td.product-remove::before,
  .woocommerce-table--order-downloads tr td.actions::before,
  .woocommerce-table--order-downloads tr td.product-remove::before {
    display: none;
  }
  .woocommerce-MyAccount-navigation ul li {
    padding-bottom: 8px;
    margin-bottom: 6px;
  }
  .woocommerce-MyAccount-navigation ul li a {
    font-size: 12px;
  }
  .woocommerce-MyAccount-navigation {
    padding: 15px;
  }
  .woocommerce-page legend {
    margin-bottom: 20px;
    padding-bottom: 15px;
    font-size: 16px;
    line-height: 20px;
  }
  header.site-header > .header-mini-cart .widget_shopping_cart_content {
    top: 51px;
  }
  header .widget_shopping_cart .widget-title:before {
    font-size: 12px;
  }
  header .navbar-brand-top .header-mini-cart {
    position: relative;
    top: 1px;
  }
  .full-width-pull-menu .header-mini-cart {
    margin-top: 14px;
  }
  .full-width-pull-menu.hamburger-menu-logo-center .header-mini-cart {
    margin-top: 0;
    position: relative;
    top: -3px;
  }
  .left-nav-sidebar
    header.site-header
    > .header-mini-cart
    .widget_shopping_cart {
    top: -1px;
  }
  .left-nav-sidebar
    header.site-header
    > .header-mini-cart
    .widget_shopping_cart_content {
    top: 46px;
  }
  .woocommerce div.product form.cart .button {
    padding: 9px 15px 9px;
  }
  .woocommerce-page .sidebar .widget .widget-title {
    margin-bottom: 20px;
  }
  .woocommerce-page .sidebar .price_slider_wrapper {
    margin-top: 10px;
  }
  .woocommerce #reviews #comments ol.commentlist {
    margin-bottom: 0;
    margin-top: 10px;
  }
  .woocommerce div.product p.price ins,
  .woocommerce div.product span.price ins {
    font-size: 14px;
  }
  .woocommerce div.product .stock {
    top: -3px;
  }
  .woocommerce #reviews #comments ol.commentlist li .comment-text {
    margin: 0;
    padding: 10px 0 0;
    clear: both;
  }
  .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
    font-size: 12px;
    line-height: 16px;
  }
  .woocommerce #reviews #comments ol.commentlist li {
    padding-bottom: 5px;
  }
  .woocommerce #reviews #comments ol.commentlist li img.avatar {
    position: inherit;
  }
  .woocommerce div.product form.cart .group_table td.label label a {
    font-size: 12px;
  }
  .woocommerce
    table.shop_table.woocommerce-checkout-review-order-table
    tfoot
    .tax-rate
    th,
  .woocommerce
    table.shop_table.woocommerce-checkout-review-order-table
    tfoot
    .order-total
    th {
    font-size: 14px;
  }
  .woocommerce
    table.shop_table.woocommerce-checkout-review-order-table
    tfoot
    .tax-rate
    td,
  .woocommerce
    table.shop_table.woocommerce-checkout-review-order-table
    tfoot
    .order-total
    td {
    font-size: 14px;
  }

  /* vc images carousel */
  .vc_images_carousel {
    width: 100% !important;
    text-align: center;
  }
}

@media (max-width: 640px) {
  /* special character */
  .special-char-medium {
    font-size: 60px;
  }

  /* feature box 7 */
  .feature-box {
    padding: 0 15px;
  }

  /* accordion style 2 */
  .accordion-style2 .panel-body {
    padding: 20px 10px;
  }
  .accordion-style2 .panel .panel-heading {
    padding: 15px 25px 16px 10px;
  }
  .accordion-style2 .panel .panel-heading i {
    position: absolute;
    right: 10px;
    top: 13px;
  }

  /* accordion style 3 */
  .accordion-style3 .panel-body {
    padding: 20px 10px;
  }
  .accordion-style3 .panel .panel-heading {
    padding: 15px 10px 16px 10px;
  }
  .accordion-style3 .tab-tag {
    margin-right: 3px;
  }

  /* hover style 7 */
  .hover-option7 .grid-item figcaption {
    padding: 20px;
  }
  .hover-option7 .grid-item figure:hover img {
    top: -83px;
  }

  /* social style */
  .social-style-1 ul li {
    margin: 0 0px;
  }
  .social-style-1 a {
    height: 45px;
    width: 45px;
    font-size: 20px;
  }
  .social-style-4 a i {
    line-height: 40px;
  }
  .social-style-4 a {
    font-size: 14px;
    height: 40px;
    line-height: 12px;
    width: 40px;
  }

  /* social media icon style 1 */
  .social-style-1 a i {
    line-height: 42px;
  }

  /* social media icon style 5 */
  .social-style-5 ul li {
    margin: 10px;
  }

  /* breadcrumb */
  .breadcrumb ul > li:after {
    padding: 0 3px 0 5px;
  }

  .skillbar-bar-style1 .skill-bar-percent {
    right: -30px;
  }
  .skillbar-bar-style2 .skill-bar-percent {
    right: -30px;
  }
}

@media (max-width: 600px) {
  .cbp-spmenu-vertical {
    width: 100%;
  }
  .cbp-spmenu-right {
    right: -100%;
  }
}

/* ipad portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
  /* slider image */
  .parallax {
    background-attachment: inherit;
    background-position: center;
  }
}

/* ipad landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  /* slider image */
  .parallax {
    background-attachment: inherit;
    background-position: center;
  }
}

@media screen and (max-width: 55.1875em) {
  .cbp-spmenu-horizontal {
    font-size: 75%;
    height: 110px;
  }
  .cbp-spmenu-top {
    top: -110px;
  }
  .cbp-spmenu-bottom {
    bottom: -110px;
  }
}

@media screen and (max-height: 26.375em) {
  .cbp-spmenu-vertical {
    font-size: 90%;
    width: 190px;
  }
  .cbp-spmenu-left,
  .cbp-spmenu-push-toleft {
    left: -190px;
  }
  .cbp-spmenu-right {
    right: -190px;
  }
  .cbp-spmenu-push-toright {
    left: 190px;
  }
}

@media screen and (max-width: 479px) {
  .woocommerce .woocommerce-result-count {
    margin: 0 0 10px 0;
    text-align: center;
    width: 100%;
  }
  .woocommerce .woocommerce-ordering {
    margin: 0;
    width: 100%;
  }
  .woocommerce ul.products li.product .woocommerce-loop-category__title,
  .woocommerce ul.products li.product .woocommerce-loop-product__title,
  .woocommerce ul.products li.product h3 {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 3px;
  }
  .woocommerce ul.products li.product a img {
    margin-bottom: 20px;
  }
  .woocommerce #review_form #respond .comment-form-author,
  .woocommerce #review_form #respond .comment-form-email {
    width: 100%;
  }
  .woocommerce table.cart td.actions .coupon .input-text + .button,
  .woocommerce-page table.cart td.actions .coupon .input-text + .button {
    width: 100%;
  }
  #add_payment_method table.cart td.actions .coupon .input-text,
  .woocommerce-cart table.cart td.actions .coupon .input-text,
  .woocommerce-checkout table.cart td.actions .coupon .input-text {
    margin: 0 0 0.5em;
    width: 100% !important;
  }
  .woocommerce table.cart td.actions .coupon,
  .woocommerce-page table.cart td.actions .coupon {
    padding-bottom: 0.5em;
    width: 100%;
  }
  .woocommerce table.cart td.actions .button,
  .woocommerce-page table.cart td.actions .button {
    width: 100%;
  }
  .woocommerce ul.products li.product.pofo-product-2col,
  .woocommerce-page ul.products li.product.pofo-product-2col {
    width: 100%;
    margin: 0 0 30px 0;
  }
  .woocommerce ul.products li.product.pofo-product-3col,
  .woocommerce-page ul.products li.product.pofo-product-3col {
    width: 100%;
    margin: 0 0 30px 0;
  }
  .woocommerce ul.products li.product.pofo-product-4col,
  .woocommerce-page ul.products li.product.pofo-product-4col {
    width: 100%;
    margin: 0 0 30px 0;
  }
  .woocommerce ul.products li.product.pofo-product-5col,
  .woocommerce-page ul.products li.product.pofo-product-5col {
    width: 100%;
    margin: 0 0 30px 0;
  }
  .woocommerce ul.products li.product.pofo-product-6col,
  .woocommerce-page ul.products li.product.pofo-product-6col {
    width: 100%;
    margin: 0 0 30px 0;
  }
  .woocommerce .cart-collaterals .cross-sells h2,
  .woocommerce-page .cart-collaterals .cross-sells h2 {
    text-align: center;
  }
  .woocommerce ul.products li.product .price,
  .woocommerce ul.products li.product .price ins {
    margin-bottom: 18px;
  }
  .woocommerce form .form-row-first,
  .woocommerce form .form-row-last,
  .woocommerce-page form .form-row-first,
  .woocommerce-page form .form-row-last {
    width: 100%;
  }
  .woocommerce table.shop_table.woocommerce-checkout-review-order-table {
    padding: 15px;
  }
  .woocommerce-page h3 {
    font-size: 16px;
    line-height: 20px;
  }
  .woocommerce-checkout
    .checkout
    .col-2
    h3#ship-to-different-address
    label
    input[type="checkbox"] {
    margin-top: 4px;
  }
  .woocommerce-page h3#order_review_heading {
    padding-bottom: 0;
  }
  #add_payment_method #payment ul.payment_methods li label,
  .woocommerce-cart #payment ul.payment_methods li label,
  .woocommerce-checkout #payment ul.payment_methods li label {
    font-size: 12px;
  }
  .woocommerce-checkout
    #payment
    ul.payment_methods
    li.payment_method_paypal
    label {
    width: 85%;
  }
  .woocommerce-checkout #payment .payment_method_paypal .about_paypal {
    line-height: 22px;
    clear: both;
    display: block;
    width: 100%;
  }
  #add_payment_method #payment ul.payment_methods li input,
  .woocommerce-cart #payment ul.payment_methods li input,
  .woocommerce-checkout #payment ul.payment_methods li input {
    margin-top: 6px;
  }
  .woocommerce form .form-row label,
  .woocommerce form input,
  .woocommerce form textarea,
  .woocommerce form select,
  .select2-container--default .select2-selection--single {
    font-size: 12px;
  }
  .woocommerce-page form.checkout_coupon p.form-row-first,
  .woocommerce-page form.login p.form-row-first,
  .woocommerce-page form.register p.form-row-first {
    margin-right: 0;
    width: 100%;
  }
  .woocommerce-thankyou-order-received {
    margin-bottom: 15px;
    font-size: 13px;
    padding: 10px;
  }
  .woocommerce table.shop_table.order_details {
    padding: 15px;
  }
  .woocommerce-order-downloads h2,
  .woocommerce-order-details h2,
  .woocommerce-customer-details h2,
  .woocommerce-columns--addresses h2 {
    padding: 0 0 10px 0;
    margin: 0 0 15px 0;
  }
  .woocommerce div.product form.cart .button {
    padding: 9px 15px 9px;
  }
  #add_payment_method #payment ul.payment_methods,
  .woocommerce-cart #payment ul.payment_methods,
  .woocommerce-checkout #payment ul.payment_methods {
    padding: 15px;
  }
  .woocommerce-page legend {
    margin-bottom: 15px;
    padding-bottom: 10px;
  }
}

@media screen and (max-height: 320px) {
  nav.navbar.bootsnav.no-full .navbar-collapse {
    max-height: 240px;
  }
}

/* custom toggle menu */
@media only screen and (min-width: 320px) {
  nav.navbar.bootsnav.pofo-standard-menu .responsive-navbar-toggle,
  nav.navbar.sidebar-nav.sidebar-nav-style-1 .responsive-navbar-toggle {
    display: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
  }
  .navbar-left {
    float: left !important;
  }
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .navbar-nav > li {
    float: left;
  }
  nav.navbar.bootsnav .navbar-collapse.collapse {
    display: block !important;
  }
  nav.navbar.bootsnav .navbar-nav {
    padding-left: 0;
    padding-right: 0;
    margin: 0;
  }

  /* new css */
  .header-menu-button {
    display: inline-block !important;
  }
  .sidebar-part2 nav.navbar.bootsnav .navbar-nav > li > a {
    border: 0;
  }
}