@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Fredoka:wght@300;400;500;600;700&family=Nunito:wght@300;500;600;700&family=Open+Sans:wght@300;400;500;600;700&family=Poppins:wght@300;400;500;600;700&display=swap');

/* 
font-family: 'Open Sans', sans-serif;
font-family: 'Poppins', sans-serif; 
font-family: 'Fredoka', sans-serif;
font-family: 'DM Sans', sans-serif;
font-family: 'Nunito', sans-serif;
*/

@import url('../vendor/fonts/fontawesome/fontawesome-all.min.css');
@import url('../vendor/fonts/feather-icon/css/feather-icon.css');
@import url('../vendor/fonts/bootstrap-icons/bootstrap-icons.css');
@import url('../vendor/libs/owl/owl.css');
@import url('../vendor/libs/slick/slick.min.css');
@import url('../vendor/libs/bootstrap/css/bootstrap.min.css');
@import url('../vendor/libs/fancybox/jquery.fancybox.min.css');
@import url('../vendor/libs/animate-css/animate.css');
@import url('../vendor/libs/jquery-ui/jquery-ui.css');
@import url('../vendor/css/jquery.bootstrap-touchspin.css');
@import url('color.css');


/*--------------------------------------------------------------
# Common
---------------------------------------------------------------*/
:root {
    --thm-font: 'Nunito', sans-serif;
    --heading-font: 'Poppins', sans-serif;
    --thm-primary: 'Fredoka', sans-serif;
    --thm-secondary: 'DM Sans', sans-serif;
    --thm-color: #676767;
    --thm-base: #df2e2e;
    --thm-rgba: rgba(223, 46, 46, .5);
    --thm-base-color: #d94d4e;
    --thm-badge: #ffe5e5;
    --thm-badge-color: #ff5b5c;
    --thm-primary: ;
    --thm-footer-primary: #f8f8f8;
    --thm-black: #1d1c1c;
    --thm-white: #ffffff;
    --thm-text-white: #ffffff;
    --thm-body: #f0f5f9;
    --thm-greybg: #f7f7f7;
    --thm-text-dark: #ffffffa6;
    --title-color: #292929;
    --border-radius-xs: 4px;
    --border-radius-lg: 15px;
}


* {
    margin: 0px;
    padding: 0px;
    border: none;
    outline: none;
}


/*** 
  
  ====================================================================
    Global Settings
  ====================================================================
  
   ***/


body {
    font-size: 16px;
    color: #6E6E6E;
    line-height: 28px;
    font-weight: 400;
    background: var(--thm-body);
    font-family: 'Poppins', sans-serif;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-font-smoothing: antialiased;
}

@media only screen and (max-width:991px) {
  .container {
    position: static;
    max-width: 1320px;
    padding: 0px 15px;
    margin: 0 auto;
  }
}

.large-container {
    max-width: 1550px;
    padding: 0px 15px;
    margin: 0 auto;
}

.container-fluid {
    padding: 0px;
}

.auto-container {
    position: static;
    max-width: 1320px;
    padding: 0px 15px;
    margin: 0 auto;
}

.small-container {
    max-width: 680px;
    margin: 0 auto;
}

.boxed_wrapper {
    position: relative;
    margin: 0 auto;
    overflow: hidden !important;
    width: 100%;
    min-width: 300px;
}


a {
    text-decoration: none;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

a:hover {
    text-decoration: none;
    outline: none;
}

input,
button,
select,
textarea {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 16px;
    background: transparent;
}

::-webkit-input-placeholder {
    color: inherit;
}

::-moz-input-placeholder {
    color: inherit;
}

::-ms-input-placeholder {
    color: inherit;
}

ul,
li {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

input {
    transition: all 500ms ease;
}

button:focus,
input:focus,
textarea:focus {
    outline: none;
    box-shadow: none;
    transition: all 500ms ease;
}

p {
    position: relative;
    font-family: 'Poppins', sans-serif;
    color: #676767;
    font-weight: 400;
    transition: all 500ms ease;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    position: relative;
    font-family: 'Fredoka', sans-serif;
    font-weight: 400;
    color: #333333;
    margin: 0px;
    transition: all 500ms ease;
}

ul.column-two {
  -moz-column-count: 2;
  -moz-column-gap: 20px;
  -webkit-column-count: 2;
  -webkit-column-gap: 20px;
  column-count: 2;
  column-gap: 100px;
}

@media only screen and (max-width:991px) {

  ul.column-two {
    -moz-column-count: 1;
    -moz-column-gap: 20px;
    -webkit-column-count: 1;
    -webkit-column-gap: 20px;
    column-count: 1;
    column-gap: 100px;
  }

}

.fileinput > span {
  display: none;
}

.fileinput-name {
  display: flex;
  justify-content: space-between;
}

.fileinput-name .close {
  font-size: 22px;
  padding-right: 5px;
}

iframe {
  display: block;
  width: 100%;
}

figure img {
  border-radius: var(--border-radius-lg);
}

/* @media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
} */

/* Animate */

@media(prefers-reduced-motion:no-preference) {

  .animate,
  .animate-loop {
      opacity: 0;
      transition: all 1s;
      will-change: transform
  }

  .fade-in {
      opacity: 0;
      transition: opacity ease-in 200ms
  }

  .animate-up {
      transform: translateY(100px)
  }

  .animate-down {
      transform: translateY(-100px)
  }

  .animate-up-lg {
      transform: translateY(150px)
  }

  .animate-delay-100 {
      transition-delay: 100ms
  }

  .animate-delay-150 {
      transition-delay: 150ms
  }

  .animate-delay-200 {
      transition-delay: 200ms
  }

  .animate-delay-250 {
      transition-delay: 250ms
  }

  .animate-delay-300 {
      transition-delay: 300ms
  }

  @media(max-width:860px) {
      .animate-up {
          transform: translateY(40px)
      }

      .animate-up-lg {
          transform: translateY(80px)
      }

      .animate-delay-100 {
          transition-delay: 30ms
      }

      .animate-delay-150 {
          transition-delay: 50ms
      }

      .animate-delay-200 {
          transition-delay: 80ms
      }

      .animate-delay-250 {
          transition-delay: 100ms
      }

      .animate-delay-300 {
          transition-delay: 120ms
      }
  }

  .animated,
  .animate-looped {
      opacity: 1;
      transform: translate(0)
  }

  .fade-in.animated {
      opacity: 1
  }
}


/* Preloader */

.handle-preloader {
    align-items: center;
    -webkit-align-items: center;
    display: flex;
    display: -ms-flexbox;
    height: 100%;
    justify-content: center;
    -webkit-justify-content: center;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9999999;
}

.preloader-close {
    position: fixed;
    z-index: 99999999;
    font-size: 26px;
    background: #fff;
    width: 40px;
    height: 40px;
    line-height: 36px;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
    right: 30px;
    top: 30px;
}

.handle-preloader .animation-preloader {
    position: absolute;
    z-index: 100;
}

.handle-preloader .animation-preloader .spinner {
    animation: spinner 1s infinite linear;
    border-radius: 50%;
    height: 150px;
    margin: 0 auto 45px auto;
    width: 150px;
}

.handle-preloader .animation-preloader .txt-loading {
    text-align: center;
    user-select: none;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:before {
    animation: letters-loading 4s infinite;
    content: attr(data-text-preloader);
    left: 0;
    opacity: 0;
    top: 0;
    position: absolute;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading {
    font-family: 'Fredoka', sans-serif;
    font-weight: 500;
    letter-spacing: 15px;
    display: inline-block;
    position: relative;
    font-size: 70px;
    line-height: 70px;
    text-transform: uppercase;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {
    animation-delay: 0.2s;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {
    animation-delay: 0.4s;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {
    animation-delay: 0.6s;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {
    animation-delay: 0.8s;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before {
    animation-delay: 1s;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before {
    animation-delay: 1.2s;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before {
    animation-delay: 1.4s;
}

.handle-preloader .loader-section {
    background-color: #ffffff;
    height: 100%;
    position: fixed;
    top: 0;
    width: calc(50% + 1px);
}

.preloader .loaded .animation-preloader {
    opacity: 0;
    transition: 0.3s ease-out;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading {
    color: #ffffff;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:before {
    color: #ffffff;
}

.handle-preloader .animation-preloader .spinner {
    border: 3px solid #ffffff;
    border-top-color: rgba(255, 255, 255, 0.5);
}

/* Animación del preloader */
@keyframes spinner {
    to {
        transform: rotateZ(360deg);
    }
}

@keyframes letters-loading {

    0%,
    75%,
    100% {
        opacity: 0;
        transform: rotateY(-90deg);
    }

    25%,
    50% {
        opacity: 1;
        transform: rotateY(0deg);
    }
}

@media screen and (max-width: 767px) {
    .handle-preloader .animation-preloader .spinner {
        height: 8em;
        width: 8em;
    }
}

@media screen and (max-width: 500px) {
    .handle-preloader .animation-preloader .spinner {
        height: 7em;
        width: 7em;
    }

    .handle-preloader .animation-preloader .txt-loading .letters-loading {
        font-size: 40px;
        letter-spacing: 10px;
    }
}


.centred {
    text-align: center;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.special_fonts {
    font-family: 'Fredoka', sans-serif;
}

figure {
    margin: 0px;
}

img {
    display: inline-block;
    max-width: 100%;
    height: auto;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .7s;
    transition-property: all;
}

/* Table */

table a:link {
	color: #666;
	font-weight: bold;
	text-decoration:none;
}
table a:visited {
	color: #999999;
	font-weight:bold;
	text-decoration:none;
}
table a:active,
table a:hover {
	color: #df2e2e;
	text-decoration:underline;
}
table {
	color:#666;
	font-size:12px;
	text-shadow: 1px 1px 0px #fff;
	background:#eaebec;
	border:#ccc 1px solid;
  width: 100%;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
}
table th {
	padding:21px 25px 22px 25px;
	border-top:1px solid #e0e0e0;
	border-bottom:1px solid #e0e0e0;

	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}
table th:first-child {
	text-align: left;
	padding-left:20px;
}
table tr:first-child th:first-child {
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
table tr:first-child th:last-child {
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
table tr {
	text-align: center;
	padding-left:20px;
}
table td:first-child {
	text-align: left;
	padding-left:20px;
	border-left: 0;
}
table td {
	padding:18px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;

	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
table tr.even td {
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
table tr:last-child td {
	border-bottom:0;
}
table tr:last-child td:first-child {
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
table tr:last-child td:last-child {
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}
table tr:hover td {
	background: #f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);	
}

/** button **/

.theme-btn {
    border: 0;
    color: #FFF;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    font-family: "Poppins", sans-serif;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: inline-block;
    padding: 18px 37.8px;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    background-color: #4069FF;
    z-index: 1;
    overflow: hidden;
    position: relative;
  }
  .theme-btn:after {
    background: var(--thm-base);
  }

  .theme-btn.btn__2 {
    z-index: 1;
    overflow: hidden;
    position: relative;
  }
  .theme-btn.btn__2:after {
    background: #EF0548 !important;
    top: 50%;
    left: 50%;
    content: "";
    width: 100%;
    height: 0%;
    z-index: -1;
    position: absolute;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
            transform: translate(-50%, -50%) rotate(-45deg);
  }
  .theme-btn.btn__2:hover, .theme-btn.btn__2:focus {
    color: #FFF !important;
  }
  .theme-btn.btn__2:hover:after, .theme-btn.btn__2:focus:after {
    height: 380%;
  }
  @media (max-width: 900px) {
    .theme-btn.btn_sm__2 {
      padding: 12px 25px;
    }
  }
  @media (max-width: 767px) {
    .theme-btn {
      padding: 17px 30px;
      font-size: 14px;
    }
  }
  @media (max-width: 580px) {
    .theme-btn {
      padding: 16px 26px;
    }
  }
  @media (max-width: 480px) {
    .theme-btn {
      padding: 15px 25px;
    }
  }
  .theme-btn i {
    font-size: 12px;
    margin-left: 10px;
  }

  .theme-btn.btn-border {
    color: #243342;
    padding: 13.5px 26.5px;
    background: transparent;
    border: 1.5px solid rgba(36, 51, 66, 0.5);
  }
  .theme-btn.btn-border:after {
    background: #243342;
  }
  .theme-btn.btn-border:hover, .theme-btn.btn-border:focus {
    color: #FFF;
    background: #243342;
  }

  .theme-btn:after {
    top: 50%;
    left: 50%;
    content: "";
    width: 100%;
    height: 0%;
    z-index: -1;
    position: absolute;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
            transform: translate(-50%, -50%) rotate(-45deg);
  }
  .theme-btn:hover:after, .theme-btn:focus:after {
    height: 380%;
  }

.theme-btn-one {
    position: relative;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    color: #fff !important;
    text-align: center;
    padding: 20px 35px 16px 33px;
    text-transform: uppercase;
    z-index: 1;
    border-radius: 150px;
    transition: all 500ms ease;
}

.theme-btn-one:before {
    position: absolute;
    content: '';
    width: 0%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: -1;
    background: #000;
    transition: all 500ms ease;
}

.theme-btn-one:hover:before {
    width: 100%;
}

.theme-btn-one span {
    position: relative;
    padding-right: 26px;
}

.theme-btn-one span:before {
    position: absolute;
    content: '\f256';
    font-family: "Font Awesome 5 Pro";
    top: 0px;
    right: 0px;
    font-size: 20px;
    font-weight: 400;
    transform: rotate(35deg);
}

.theme-btn-two {
    position: relative;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    color: #333 !important;
    text-align: center;
    padding: 13px 37px 11px 35px;
    border: 1px solid #e5e5e5;
    text-transform: uppercase;
    z-index: 1;
    border-radius: 150px;
    transition: all 500ms ease;
}

.theme-btn-two:hover {
    color: #fff !important;
}

.pagination-wrapper {
  margin-top: 25px;
}

.pagination {
    position: relative;
    display: block;
}

.pagination li {
    position: relative;
    display: inline-block;
    margin-right: 10px;
}

.pagination li:last-child {
    margin: 0px !important;
}

.pagination li a,
.pagination li span.page-link {
    position: relative;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    padding: 13px 25px;
    line-height: 1.42857143;
    background: #ffffff;
    font-family: 'Poppins', sans-serif;
    border: 1px solid #E5E5E5;
    border-radius: var(--border-radius-lg);
    text-align: center;
    color: #333;
    z-index: 1;
    transition: all 500ms ease;
}

.pagination li.active span.page-link {
  background: var(--thm-base-color);
  border-color: var(--thm-base-color);
  color: #ffffff;
}

.pagination li a:hover,
.pagination li a.current {
  border: 1px solid #bf3654;
  color: #fff;
}

.pagination li a.page-link:focus {
  color: #ffffff;
  box-shadow: none;
  background-color: var(--thm-base-color);
}

.sec-pad {
    padding: 124px 0px 120px 0px;
}

.pagination li a.page-link[aria-label="« Previous"],
.pagination li.page-item.disabled[aria-label="« Previous"] span,
.pagination li a.page-link[aria-label="Next »"],
.pagination li.page-item.disabled[aria-label="Next »"] span {
  font-size: 0;
  line-height: 23px;
  display: flex;
  align-items: center;
  border-top-right-radius: var(--border-radius-lg);
  border-bottom-right-radius: var(--border-radius-lg);
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius);
}

.pagination li a.page-link[aria-label="« Previous"]::before,
.pagination li.page-item.disabled[aria-label="« Previous"] span::before,
.pagination li a.page-link[aria-label="Next »"]::before,
.pagination li.page-item.disabled[aria-label="Next »"] span::before {
  content: "\f104";
  display: block;
  font-family: 'Font Awesome 5 Pro';
  font-size: 18px;
}

.pagination li a.page-link[aria-label="Next »"]::before,
.pagination li.page-item.disabled[aria-label="Next »"] span::before {
  content: "\f105";
}

.pagination li a.page-link[aria-label="« Previous"],
.pagination li.page-item.disabled[aria-label="« Previous"] span {
  border-top-left-radius: var(--border-radius-lg);
  border-bottom-left-radius: var(--border-radius-lg);
  border-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius);
}


/** scroll-to-top **/

.scroll-to-top {
    position: fixed;
    right: 0px;
    bottom: 100px;
    z-index: 99;
}

.scroll-to-top .scroll-up {
    width: 50px;
    height: 2px;
    margin-right: 10px;
    position: relative;
}

/* .scroll-to-top .scroll-bar:before {
    content: '';
    font-family: "Font Awesome 5 Pro";
    font-size: 20px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #f4244f;
    opacity: .3;
} */

.scroll-to-top .scroll-top-inner {
    position: absolute;
    top: 0;
    right: 40px;
    height: 100%;   
}

.scroll-to-top .scroll-top-inner {
    opacity: 0;
    visibility: hidden;
}

.scroll-to-top .visible {
    visibility: visible!important;
    opacity: 1!important;
}

.goback a,
.scroll-to-top .scroll-bar {
    background-color: var(--thm-badge);
    color: var(--thm-badge-color);
    font-size: 22px;
    border-radius: 8px;
    padding: 10px 20px;
    cursor: pointer;
    transition: all 500ms ease;
}

.scroll-to-top .scroll-bar:hover {
    background-color: #232323;
    color: var(--thm-text-white);
}

.goback {
  display: none;
}

.goback a {
  font-size: 1rem;
  display: inline-block;
  margin-bottom: 30px;
}

.goback a i {
  margin-right: 5px;
}

@media only screen and (max-width: 767px) {

  .goback {
    display: block;
  } 

}

/* @-webkit-keyframes ripple {
    70% {
        -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

@keyframes ripple {
    70% {
        -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
} */

.sec-title {
    position: relative;
    display: block;
}

.sec-title .sub-title {
    background-color: var(--thm-badge);
    border-radius: 30px;
    color: var(--thm-badge-color);
    position: relative;
    display: inline-block;
    font-size: 0.775rem;
    line-height: 24px;
    font-family: var(--thm-font);
    font-weight: 700;
    letter-spacing: 0.2em;
    padding: 5px 15px;
    margin-bottom: 25px;
    text-transform: uppercase;
}

.sec-title.centred .sub-title:before {
    left: 50%;
    transform: translateX(-50%);
}

.sec-title h2 {
    position: relative;
    display: block;
    font-size: 50px;
    line-height: 60px;
    font-weight: 600;
    letter-spacing: 0.05em;
    margin: 0px;
}

@media only screen and (max-width: 991px){

  .sec-pad{
    padding: 74px 0px 70px 0px;
  }

  .sec-title h2 br{
    display: none;
  }

  .sec-title h2{
    font-size: 36px;
    line-height: 46px;
  }

}

.sec-title.light h2 {
    color: #fff;
}

.sec-title.light .sub-title,
.sec-title.light h2,
.sec-title p {
    color: #fff;
}

.sec-title.light .sub-title:before {
    color: rgba(255, 255, 255, 0.15);
}

.no-gutters>.col, .no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0;
}

/*** 

====================================================================
	Reset
====================================================================

 ***/

/* ----------------------------------
    Template Helps Classes - Styles
 ------------------------------------ */
/***
Spacing

xs : 0 - 575
sm:576- 767
md:768 - 991
lg: 992 - 1159
xl:1200 - 1359

mt : margin-top
ml: margin-left
mr: margin-right
mb: margin-bottom

*/
.ml-auto {
    margin-left: auto;
  }
  
  .mt-5 {
    margin-top: 5px;
  }
  
  .mb-5 {
    margin-bottom: 5px;
  }
  
  .ml-5 {
    margin-left: 5px;
  }
  
  .mr-5 {
    margin-right: 5px;
  }
  
  .pt-5 {
    padding-top: 5px;
  }
  
  .pb-5 {
    padding-bottom: 5px;
  }
  
  .pl-5 {
    padding-left: 5px;
  }
  
  .pr-5 {
    padding-right: 5px;
  }
  
  .mt-10 {
    margin-top: 10px;
  }
  
  .mb-10 {
    margin-bottom: 10px;
  }
  
  .ml-10 {
    margin-left: 10px;
  }
  
  .mr-10 {
    margin-right: 10px;
  }
  
  .pt-10 {
    padding-top: 10px;
  }
  
  .pb-10 {
    padding-bottom: 10px;
  }
  
  .pl-10 {
    padding-left: 10px;
  }
  
  .pr-10 {
    padding-right: 10px;
  }
  
  .mt-15 {
    margin-top: 15px;
  }
  
  .mb-15 {
    margin-bottom: 15px;
  }
  
  .ml-15 {
    margin-left: 15px;
  }
  
  .mr-15 {
    margin-right: 15px;
  }
  
  .pt-15 {
    padding-top: 15px;
  }
  
  .pb-15 {
    padding-bottom: 15px;
  }
  
  .pl-15 {
    padding-left: 15px;
  }
  
  .pr-15 {
    padding-right: 15px;
  }
  
  .mt-20 {
    margin-top: 20px;
  }
  
  .mb-20 {
    margin-bottom: 20px;
  }
  
  .ml-20 {
    margin-left: 20px;
  }
  
  .mr-20 {
    margin-right: 20px;
  }
  
  .pt-20 {
    padding-top: 20px;
  }
  
  .pb-20 {
    padding-bottom: 20px;
  }
  
  .pl-20 {
    padding-left: 20px;
  }
  
  .pr-20 {
    padding-right: 20px;
  }
  
  .mt-25 {
    margin-top: 25px;
  }
  
  .mb-25 {
    margin-bottom: 25px;
  }
  
  .ml-25 {
    margin-left: 25px;
  }
  
  .mr-25 {
    margin-right: 25px;
  }
  
  .pt-25 {
    padding-top: 25px;
  }
  
  .pb-25 {
    padding-bottom: 25px;
  }
  
  .pl-25 {
    padding-left: 25px;
  }
  
  .pr-25 {
    padding-right: 25px;
  }
  
  .mt-30 {
    margin-top: 30px;
  }
  
  .mb-30 {
    margin-bottom: 30px;
  }
  
  .ml-30 {
    margin-left: 30px;
  }
  
  .mr-30 {
    margin-right: 30px;
  }
  
  .pt-30 {
    padding-top: 30px;
  }
  
  .pb-30 {
    padding-bottom: 30px;
  }
  
  .pl-30 {
    padding-left: 30px;
  }
  
  .pr-30 {
    padding-right: 30px;
  }
  
  .mt-35 {
    margin-top: 35px;
  }
  
  .mb-35 {
    margin-bottom: 35px;
  }
  
  .ml-35 {
    margin-left: 35px;
  }
  
  .mr-35 {
    margin-right: 35px;
  }
  
  .pt-35 {
    padding-top: 35px;
  }
  
  .pb-35 {
    padding-bottom: 35px;
  }
  
  .pl-35 {
    padding-left: 35px;
  }
  
  .pr-35 {
    padding-right: 35px;
  }
  
  .mt-40 {
    margin-top: 40px;
  }
  
  .mb-40 {
    margin-bottom: 40px;
  }
  
  .ml-40 {
    margin-left: 40px;
  }
  
  .mr-40 {
    margin-right: 40px;
  }
  
  .pt-40 {
    padding-top: 40px;
  }
  
  .pb-40 {
    padding-bottom: 40px;
  }
  
  .pl-40 {
    padding-left: 40px;
  }
  
  .pr-40 {
    padding-right: 40px;
  }
  
  .mt-45 {
    margin-top: 45px;
  }
  
  .mb-45 {
    margin-bottom: 45px;
  }
  
  .ml-45 {
    margin-left: 45px;
  }
  
  .mr-45 {
    margin-right: 45px;
  }
  
  .pt-45 {
    padding-top: 45px;
  }
  
  .pb-45 {
    padding-bottom: 45px;
  }
  
  .pl-45 {
    padding-left: 45px;
  }
  
  .pr-45 {
    padding-right: 45px;
  }
  
  .mt-50 {
    margin-top: 50px;
  }
  
  .mb-50 {
    margin-bottom: 50px;
  }
  
  .ml-50 {
    margin-left: 50px;
  }
  
  .mr-50 {
    margin-right: 50px;
  }
  
  .pt-50 {
    padding-top: 50px;
  }
  
  .pb-50 {
    padding-bottom: 50px;
  }
  
  .pl-50 {
    padding-left: 50px;
  }
  
  .pr-50 {
    padding-right: 50px;
  }
  
  .mt-55 {
    margin-top: 55px;
  }
  
  .mb-55 {
    margin-bottom: 55px;
  }
  
  .ml-55 {
    margin-left: 55px;
  }
  
  .mr-55 {
    margin-right: 55px;
  }
  
  .pt-55 {
    padding-top: 55px;
  }
  
  .pb-55 {
    padding-bottom: 55px;
  }
  
  .pl-55 {
    padding-left: 55px;
  }
  
  .pr-55 {
    padding-right: 55px;
  }
  
  .mt-60 {
    margin-top: 60px;
  }
  
  .mb-60 {
    margin-bottom: 60px;
  }
  
  .ml-60 {
    margin-left: 60px;
  }
  
  .mr-60 {
    margin-right: 60px;
  }
  
  .pt-60 {
    padding-top: 60px;
  }
  
  .pb-60 {
    padding-bottom: 60px;
  }
  
  .pl-60 {
    padding-left: 60px;
  }
  
  .pr-60 {
    padding-right: 60px;
  }
  
  .mt-65 {
    margin-top: 65px;
  }
  
  .mb-65 {
    margin-bottom: 65px;
  }
  
  .ml-65 {
    margin-left: 65px;
  }
  
  .mr-65 {
    margin-right: 65px;
  }
  
  .pt-65 {
    padding-top: 65px;
  }
  
  .pb-65 {
    padding-bottom: 65px;
  }
  
  .pl-65 {
    padding-left: 65px;
  }
  
  .pr-65 {
    padding-right: 65px;
  }
  
  .mt-70 {
    margin-top: 70px;
  }
  
  .mb-70 {
    margin-bottom: 70px;
  }
  
  .ml-70 {
    margin-left: 70px;
  }
  
  .mr-70 {
    margin-right: 70px;
  }
  
  .pt-70 {
    padding-top: 70px;
  }
  
  .pb-70 {
    padding-bottom: 70px;
  }
  
  .pl-70 {
    padding-left: 70px;
  }
  
  .pr-70 {
    padding-right: 70px;
  }
  
  .mt-75 {
    margin-top: 75px;
  }
  
  .mb-75 {
    margin-bottom: 75px;
  }
  
  .ml-75 {
    margin-left: 75px;
  }
  
  .mr-75 {
    margin-right: 75px;
  }
  
  .pt-75 {
    padding-top: 75px;
  }
  
  .pb-75 {
    padding-bottom: 75px;
  }
  
  .pl-75 {
    padding-left: 75px;
  }
  
  .pr-75 {
    padding-right: 75px;
  }
  
  .mt-80 {
    margin-top: 80px;
  }
  
  .mb-80 {
    margin-bottom: 80px;
  }
  
  .ml-80 {
    margin-left: 80px;
  }
  
  .mr-80 {
    margin-right: 80px;
  }
  
  .pt-80 {
    padding-top: 80px;
  }
  
  .pb-80 {
    padding-bottom: 80px;
  }
  
  .pl-80 {
    padding-left: 80px;
  }
  
  .pr-80 {
    padding-right: 80px;
  }
  
  .mt-85 {
    margin-top: 85px;
  }
  
  .mb-85 {
    margin-bottom: 85px;
  }
  
  .ml-85 {
    margin-left: 85px;
  }
  
  .mr-85 {
    margin-right: 85px;
  }
  
  .pt-85 {
    padding-top: 85px;
  }
  
  .pb-85 {
    padding-bottom: 85px;
  }
  
  .pl-85 {
    padding-left: 85px;
  }
  
  .pr-85 {
    padding-right: 85px;
  }
  
  .mt-90 {
    margin-top: 90px;
  }
  
  .mb-90 {
    margin-bottom: 90px;
  }
  
  .ml-90 {
    margin-left: 90px;
  }
  
  .mr-90 {
    margin-right: 90px;
  }
  
  .pt-90 {
    padding-top: 90px;
  }
  
  .pb-90 {
    padding-bottom: 90px;
  }
  
  .pl-90 {
    padding-left: 90px;
  }
  
  .pr-90 {
    padding-right: 90px;
  }
  
  .mt-95 {
    margin-top: 95px;
  }
  
  .mb-95 {
    margin-bottom: 95px;
  }
  
  .ml-95 {
    margin-left: 95px;
  }
  
  .mr-95 {
    margin-right: 95px;
  }
  
  .pt-95 {
    padding-top: 95px;
  }
  
  .pb-95 {
    padding-bottom: 95px;
  }
  
  .pl-95 {
    padding-left: 95px;
  }
  
  .pr-95 {
    padding-right: 95px;
  }
  
  .mt-100 {
    margin-top: 100px;
  }
  
  .mb-100 {
    margin-bottom: 100px;
  }
  
  .ml-100 {
    margin-left: 100px;
  }
  
  .mr-100 {
    margin-right: 100px;
  }
  
  .pt-100 {
    padding-top: 100px;
  }
  
  .pb-100 {
    padding-bottom: 100px;
  }
  
  .pl-100 {
    padding-left: 100px;
  }
  
  .pr-100 {
    padding-right: 100px;
  }
  
  .mt-105 {
    margin-top: 105px;
  }
  
  .mb-105 {
    margin-bottom: 105px;
  }
  
  .ml-105 {
    margin-left: 105px;
  }
  
  .mr-105 {
    margin-right: 105px;
  }
  
  .pt-105 {
    padding-top: 105px;
  }
  
  .pb-105 {
    padding-bottom: 105px;
  }
  
  .pl-105 {
    padding-left: 105px;
  }
  
  .pr-105 {
    padding-right: 105px;
  }
  
  .mt-110 {
    margin-top: 110px;
  }
  
  .mb-110 {
    margin-bottom: 110px;
  }
  
  .ml-110 {
    margin-left: 110px;
  }
  
  .mr-110 {
    margin-right: 110px;
  }
  
  .pt-110 {
    padding-top: 110px;
  }
  
  .pb-110 {
    padding-bottom: 110px;
  }
  
  .pl-110 {
    padding-left: 110px;
  }
  
  .pr-110 {
    padding-right: 110px;
  }
  
  .mt-115 {
    margin-top: 115px;
  }
  
  .mb-115 {
    margin-bottom: 115px;
  }
  
  .ml-115 {
    margin-left: 115px;
  }
  
  .mr-115 {
    margin-right: 115px;
  }
  
  .pt-115 {
    padding-top: 115px;
  }
  
  .pb-115 {
    padding-bottom: 115px;
  }
  
  .pl-115 {
    padding-left: 115px;
  }
  
  .pr-115 {
    padding-right: 115px;
  }
  
  .mt-120 {
    margin-top: 120px;
  }
  
  .mb-120 {
    margin-bottom: 120px;
  }
  
  .ml-120 {
    margin-left: 120px;
  }
  
  .mr-120 {
    margin-right: 120px;
  }
  
  .pt-120 {
    padding-top: 120px;
  }
  
  .pb-120 {
    padding-bottom: 120px;
  }
  
  .pl-120 {
    padding-left: 120px;
  }
  
  .pr-120 {
    padding-right: 120px;
  }
  
  .mt-125 {
    margin-top: 125px;
  }
  
  .mb-125 {
    margin-bottom: 125px;
  }
  
  .ml-125 {
    margin-left: 125px;
  }
  
  .mr-125 {
    margin-right: 125px;
  }
  
  .pt-125 {
    padding-top: 125px;
  }
  
  .pb-125 {
    padding-bottom: 125px;
  }
  
  .pl-125 {
    padding-left: 125px;
  }
  
  .pr-125 {
    padding-right: 125px;
  }
  
  .mt-130 {
    margin-top: 130px;
  }
  
  .mb-130 {
    margin-bottom: 130px;
  }
  
  .ml-130 {
    margin-left: 130px;
  }
  
  .mr-130 {
    margin-right: 130px;
  }
  
  .pt-130 {
    padding-top: 130px;
  }
  
  .pb-130 {
    padding-bottom: 130px;
  }
  
  .pl-130 {
    padding-left: 130px;
  }
  
  .pr-130 {
    padding-right: 130px;
  }
  
  .mt-135 {
    margin-top: 135px;
  }
  
  .mb-135 {
    margin-bottom: 135px;
  }
  
  .ml-135 {
    margin-left: 135px;
  }
  
  .mr-135 {
    margin-right: 135px;
  }
  
  .pt-135 {
    padding-top: 135px;
  }
  
  .pb-135 {
    padding-bottom: 135px;
  }
  
  .pl-135 {
    padding-left: 135px;
  }
  
  .pr-135 {
    padding-right: 135px;
  }
  
  .mt-140 {
    margin-top: 140px;
  }
  
  .mb-140 {
    margin-bottom: 140px;
  }
  
  .ml-140 {
    margin-left: 140px;
  }
  
  .mr-140 {
    margin-right: 140px;
  }
  
  .pt-140 {
    padding-top: 140px;
  }
  
  .pb-140 {
    padding-bottom: 140px;
  }
  
  .pl-140 {
    padding-left: 140px;
  }
  
  .pr-140 {
    padding-right: 140px;
  }
  
  .mt-145 {
    margin-top: 145px;
  }
  
  .mb-145 {
    margin-bottom: 145px;
  }
  
  .ml-145 {
    margin-left: 145px;
  }
  
  .mr-145 {
    margin-right: 145px;
  }
  
  .pt-145 {
    padding-top: 145px;
  }
  
  .pb-145 {
    padding-bottom: 145px;
  }
  
  .pl-145 {
    padding-left: 145px;
  }
  
  .pr-145 {
    padding-right: 145px;
  }
  
  .mt-150 {
    margin-top: 150px;
  }
  
  .mb-150 {
    margin-bottom: 150px;
  }
  
  .ml-150 {
    margin-left: 150px;
  }
  
  .mr-150 {
    margin-right: 150px;
  }
  
  .pt-150 {
    padding-top: 150px;
  }
  
  .pb-150 {
    padding-bottom: 150px;
  }
  
  .pl-150 {
    padding-left: 150px;
  }
  
  .pr-150 {
    padding-right: 150px;
  }
  
  .mt-155 {
    margin-top: 155px;
  }
  
  .mb-155 {
    margin-bottom: 155px;
  }
  
  .ml-155 {
    margin-left: 155px;
  }
  
  .mr-155 {
    margin-right: 155px;
  }
  
  .pt-155 {
    padding-top: 155px;
  }
  
  .pb-155 {
    padding-bottom: 155px;
  }
  
  .pl-155 {
    padding-left: 155px;
  }
  
  .pr-155 {
    padding-right: 155px;
  }
  
  .mt-160 {
    margin-top: 160px;
  }
  
  .mb-160 {
    margin-bottom: 160px;
  }
  
  .ml-160 {
    margin-left: 160px;
  }
  
  .mr-160 {
    margin-right: 160px;
  }
  
  .pt-160 {
    padding-top: 160px;
  }
  
  .pb-160 {
    padding-bottom: 160px;
  }
  
  .pl-160 {
    padding-left: 160px;
  }
  
  .pr-160 {
    padding-right: 160px;
  }
  
  .mt-165 {
    margin-top: 165px;
  }
  
  .mb-165 {
    margin-bottom: 165px;
  }
  
  .ml-165 {
    margin-left: 165px;
  }
  
  .mr-165 {
    margin-right: 165px;
  }
  
  .pt-165 {
    padding-top: 165px;
  }
  
  .pb-165 {
    padding-bottom: 165px;
  }
  
  .pl-165 {
    padding-left: 165px;
  }
  
  .pr-165 {
    padding-right: 165px;
  }
  
  .mt-170 {
    margin-top: 170px;
  }
  
  .mb-170 {
    margin-bottom: 170px;
  }
  
  .ml-170 {
    margin-left: 170px;
  }
  
  .mr-170 {
    margin-right: 170px;
  }
  
  .pt-170 {
    padding-top: 170px;
  }
  
  .pb-170 {
    padding-bottom: 170px;
  }
  
  .pl-170 {
    padding-left: 170px;
  }
  
  .pr-170 {
    padding-right: 170px;
  }
  
  .mt-175 {
    margin-top: 175px;
  }
  
  .mb-175 {
    margin-bottom: 175px;
  }
  
  .ml-175 {
    margin-left: 175px;
  }
  
  .mr-175 {
    margin-right: 175px;
  }
  
  .pt-175 {
    padding-top: 175px;
  }
  
  .pb-175 {
    padding-bottom: 175px;
  }
  
  .pl-175 {
    padding-left: 175px;
  }
  
  .pr-175 {
    padding-right: 175px;
  }
  
  .mt-180 {
    margin-top: 180px;
  }
  
  .mb-180 {
    margin-bottom: 180px;
  }
  
  .ml-180 {
    margin-left: 180px;
  }
  
  .mr-180 {
    margin-right: 180px;
  }
  
  .pt-180 {
    padding-top: 180px;
  }
  
  .pb-180 {
    padding-bottom: 180px;
  }
  
  .pl-180 {
    padding-left: 180px;
  }
  
  .pr-180 {
    padding-right: 180px;
  }
  
  .mt-185 {
    margin-top: 185px;
  }
  
  .mb-185 {
    margin-bottom: 185px;
  }
  
  .ml-185 {
    margin-left: 185px;
  }
  
  .mr-185 {
    margin-right: 185px;
  }
  
  .pt-185 {
    padding-top: 185px;
  }
  
  .pb-185 {
    padding-bottom: 185px;
  }
  
  .pl-185 {
    padding-left: 185px;
  }
  
  .pr-185 {
    padding-right: 185px;
  }
  
  .mt-190 {
    margin-top: 190px;
  }
  
  .mb-190 {
    margin-bottom: 190px;
  }
  
  .ml-190 {
    margin-left: 190px;
  }
  
  .mr-190 {
    margin-right: 190px;
  }
  
  .pt-190 {
    padding-top: 190px;
  }
  
  .pb-190 {
    padding-bottom: 190px;
  }
  
  .pl-190 {
    padding-left: 190px;
  }
  
  .pr-190 {
    padding-right: 190px;
  }
  
  .mt-195 {
    margin-top: 195px;
  }
  
  .mb-195 {
    margin-bottom: 195px;
  }
  
  .ml-195 {
    margin-left: 195px;
  }
  
  .mr-195 {
    margin-right: 195px;
  }
  
  .pt-195 {
    padding-top: 195px;
  }
  
  .pb-195 {
    padding-bottom: 195px;
  }
  
  .pl-195 {
    padding-left: 195px;
  }
  
  .pr-195 {
    padding-right: 195px;
  }
  
  .mt-200 {
    margin-top: 200px;
  }
  
  .mb-200 {
    margin-bottom: 200px;
  }
  
  .ml-200 {
    margin-left: 200px;
  }
  
  .mr-200 {
    margin-right: 200px;
  }
  
  .pt-200 {
    padding-top: 200px;
  }
  
  .pb-200 {
    padding-bottom: 200px;
  }
  
  .pl-200 {
    padding-left: 200px;
  }
  
  .pr-200 {
    padding-right: 200px;
  }
  
  .mt-205 {
    margin-top: 205px;
  }
  
  .mb-205 {
    margin-bottom: 205px;
  }
  
  .ml-205 {
    margin-left: 205px;
  }
  
  .mr-205 {
    margin-right: 205px;
  }
  
  .pt-205 {
    padding-top: 205px;
  }
  
  .pb-205 {
    padding-bottom: 205px;
  }
  
  .pl-205 {
    padding-left: 205px;
  }
  
  .pr-205 {
    padding-right: 205px;
  }
  
  .mt-210 {
    margin-top: 210px;
  }
  
  .mb-210 {
    margin-bottom: 210px;
  }
  
  .ml-210 {
    margin-left: 210px;
  }
  
  .mr-210 {
    margin-right: 210px;
  }
  
  .pt-210 {
    padding-top: 210px;
  }
  
  .pb-210 {
    padding-bottom: 210px;
  }
  
  .pl-210 {
    padding-left: 210px;
  }
  
  .pr-210 {
    padding-right: 210px;
  }
  
  .mt-215 {
    margin-top: 215px;
  }
  
  .mb-215 {
    margin-bottom: 215px;
  }
  
  .ml-215 {
    margin-left: 215px;
  }
  
  .mr-215 {
    margin-right: 215px;
  }
  
  .pt-215 {
    padding-top: 215px;
  }
  
  .pb-215 {
    padding-bottom: 215px;
  }
  
  .pl-215 {
    padding-left: 215px;
  }
  
  .pr-215 {
    padding-right: 215px;
  }
  
  .mt-220 {
    margin-top: 220px;
  }
  
  .mb-220 {
    margin-bottom: 220px;
  }
  
  .ml-220 {
    margin-left: 220px;
  }
  
  .mr-220 {
    margin-right: 220px;
  }
  
  .pt-220 {
    padding-top: 220px;
  }
  
  .pb-220 {
    padding-bottom: 220px;
  }
  
  .pl-220 {
    padding-left: 220px;
  }
  
  .pr-220 {
    padding-right: 220px;
  }
  
  /*
  
  responsive css
  sm device
  */
  @media all and (min-width: 576px) and (max-width: 767px) {
    .mt-sm-5 {
      margin-top: 5px;
    }
    .mb-sm-5 {
      margin-bottom: 5px;
    }
    .ml-sm-5 {
      margin-left: 5px;
    }
    .mr-sm-5 {
      margin-right: 5px;
    }
    .pt-sm-5 {
      padding-top: 5px;
    }
    .pb-sm-5 {
      padding-bottom: 5px;
    }
    .pl-sm-5 {
      padding-left: 5px;
    }
    .pr-sm-5 {
      padding-right: 5px;
    }
    .mt-sm-10 {
      margin-top: 10px;
    }
    .mb-sm-10 {
      margin-bottom: 10px;
    }
    .ml-sm-10 {
      margin-left: 10px;
    }
    .mr-sm-10 {
      margin-right: 10px;
    }
    .pt-sm-10 {
      padding-top: 10px;
    }
    .pb-sm-10 {
      padding-bottom: 10px;
    }
    .pl-sm-10 {
      padding-left: 10px;
    }
    .pr-sm-10 {
      padding-right: 10px;
    }
    .mt-sm-15 {
      margin-top: 15px;
    }
    .mb-sm-15 {
      margin-bottom: 15px;
    }
    .ml-sm-15 {
      margin-left: 15px;
    }
    .mr-sm-15 {
      margin-right: 15px;
    }
    .pt-sm-15 {
      padding-top: 15px;
    }
    .pb-sm-15 {
      padding-bottom: 15px;
    }
    .pl-sm-15 {
      padding-left: 15px;
    }
    .pr-sm-15 {
      padding-right: 15px;
    }
    .mt-sm-20 {
      margin-top: 20px;
    }
    .mb-sm-20 {
      margin-bottom: 20px;
    }
    .ml-sm-20 {
      margin-left: 20px;
    }
    .mr-sm-20 {
      margin-right: 20px;
    }
    .pt-sm-20 {
      padding-top: 20px;
    }
    .pb-sm-20 {
      padding-bottom: 20px;
    }
    .pl-sm-20 {
      padding-left: 20px;
    }
    .pr-sm-20 {
      padding-right: 20px;
    }
    .mt-sm-25 {
      margin-top: 25px;
    }
    .mb-sm-25 {
      margin-bottom: 25px;
    }
    .ml-sm-25 {
      margin-left: 25px;
    }
    .mr-sm-25 {
      margin-right: 25px;
    }
    .pt-sm-25 {
      padding-top: 25px;
    }
    .pb-sm-25 {
      padding-bottom: 25px;
    }
    .pl-sm-25 {
      padding-left: 25px;
    }
    .pr-sm-25 {
      padding-right: 25px;
    }
    .mt-sm-30 {
      margin-top: 30px;
    }
    .mb-sm-30 {
      margin-bottom: 30px;
    }
    .ml-sm-30 {
      margin-left: 30px;
    }
    .mr-sm-30 {
      margin-right: 30px;
    }
    .pt-sm-30 {
      padding-top: 30px;
    }
    .pb-sm-30 {
      padding-bottom: 30px;
    }
    .pl-sm-30 {
      padding-left: 30px;
    }
    .pr-sm-30 {
      padding-right: 30px;
    }
    .mt-sm-35 {
      margin-top: 35px;
    }
    .mb-sm-35 {
      margin-bottom: 35px;
    }
    .ml-sm-35 {
      margin-left: 35px;
    }
    .mr-sm-35 {
      margin-right: 35px;
    }
    .pt-sm-35 {
      padding-top: 35px;
    }
    .pb-sm-35 {
      padding-bottom: 35px;
    }
    .pl-sm-35 {
      padding-left: 35px;
    }
    .pr-sm-35 {
      padding-right: 35px;
    }
    .mt-sm-40 {
      margin-top: 40px;
    }
    .mb-sm-40 {
      margin-bottom: 40px;
    }
    .ml-sm-40 {
      margin-left: 40px;
    }
    .mr-sm-40 {
      margin-right: 40px;
    }
    .pt-sm-40 {
      padding-top: 40px;
    }
    .pb-sm-40 {
      padding-bottom: 40px;
    }
    .pl-sm-40 {
      padding-left: 40px;
    }
    .pr-sm-40 {
      padding-right: 40px;
    }
    .mt-sm-45 {
      margin-top: 45px;
    }
    .mb-sm-45 {
      margin-bottom: 45px;
    }
    .ml-sm-45 {
      margin-left: 45px;
    }
    .mr-sm-45 {
      margin-right: 45px;
    }
    .pt-sm-45 {
      padding-top: 45px;
    }
    .pb-sm-45 {
      padding-bottom: 45px;
    }
    .pl-sm-45 {
      padding-left: 45px;
    }
    .pr-sm-45 {
      padding-right: 45px;
    }
    .mt-sm-50 {
      margin-top: 50px;
    }
    .mb-sm-50 {
      margin-bottom: 50px;
    }
    .ml-sm-50 {
      margin-left: 50px;
    }
    .mr-sm-50 {
      margin-right: 50px;
    }
    .pt-sm-50 {
      padding-top: 50px;
    }
    .pb-sm-50 {
      padding-bottom: 50px;
    }
    .pl-sm-50 {
      padding-left: 50px;
    }
    .pr-sm-50 {
      padding-right: 50px;
    }
    .mt-sm-55 {
      margin-top: 55px;
    }
    .mb-sm-55 {
      margin-bottom: 55px;
    }
    .ml-sm-55 {
      margin-left: 55px;
    }
    .mr-sm-55 {
      margin-right: 55px;
    }
    .pt-sm-55 {
      padding-top: 55px;
    }
    .pb-sm-55 {
      padding-bottom: 55px;
    }
    .pl-sm-55 {
      padding-left: 55px;
    }
    .pr-sm-55 {
      padding-right: 55px;
    }
    .mt-sm-60 {
      margin-top: 60px;
    }
    .mb-sm-60 {
      margin-bottom: 60px;
    }
    .ml-sm-60 {
      margin-left: 60px;
    }
    .mr-sm-60 {
      margin-right: 60px;
    }
    .pt-sm-60 {
      padding-top: 60px;
    }
    .pb-sm-60 {
      padding-bottom: 60px;
    }
    .pl-sm-60 {
      padding-left: 60px;
    }
    .pr-sm-60 {
      padding-right: 60px;
    }
    .mt-sm-65 {
      margin-top: 65px;
    }
    .mb-sm-65 {
      margin-bottom: 65px;
    }
    .ml-sm-65 {
      margin-left: 65px;
    }
    .mr-sm-65 {
      margin-right: 65px;
    }
    .pt-sm-65 {
      padding-top: 65px;
    }
    .pb-sm-65 {
      padding-bottom: 65px;
    }
    .pl-sm-65 {
      padding-left: 65px;
    }
    .pr-sm-65 {
      padding-right: 65px;
    }
    .mt-sm-70 {
      margin-top: 70px;
    }
    .mb-sm-70 {
      margin-bottom: 70px;
    }
    .ml-sm-70 {
      margin-left: 70px;
    }
    .mr-sm-70 {
      margin-right: 70px;
    }
    .pt-sm-70 {
      padding-top: 70px;
    }
    .pb-sm-70 {
      padding-bottom: 70px;
    }
    .pl-sm-70 {
      padding-left: 70px;
    }
    .pr-sm-70 {
      padding-right: 70px;
    }
    .mt-sm-75 {
      margin-top: 75px;
    }
    .mb-sm-75 {
      margin-bottom: 75px;
    }
    .ml-sm-75 {
      margin-left: 75px;
    }
    .mr-sm-75 {
      margin-right: 75px;
    }
    .pt-sm-75 {
      padding-top: 75px;
    }
    .pb-sm-75 {
      padding-bottom: 75px;
    }
    .pl-sm-75 {
      padding-left: 75px;
    }
    .pr-sm-75 {
      padding-right: 75px;
    }
    .mt-sm-80 {
      margin-top: 80px;
    }
    .mb-sm-80 {
      margin-bottom: 80px;
    }
    .ml-sm-80 {
      margin-left: 80px;
    }
    .mr-sm-80 {
      margin-right: 80px;
    }
    .pt-sm-80 {
      padding-top: 80px;
    }
    .pb-sm-80 {
      padding-bottom: 80px;
    }
    .pl-sm-80 {
      padding-left: 80px;
    }
    .pr-sm-80 {
      padding-right: 80px;
    }
    .mt-sm-85 {
      margin-top: 85px;
    }
    .mb-sm-85 {
      margin-bottom: 85px;
    }
    .ml-sm-85 {
      margin-left: 85px;
    }
    .mr-sm-85 {
      margin-right: 85px;
    }
    .pt-sm-85 {
      padding-top: 85px;
    }
    .pb-sm-85 {
      padding-bottom: 85px;
    }
    .pl-sm-85 {
      padding-left: 85px;
    }
    .pr-sm-85 {
      padding-right: 85px;
    }
    .mt-sm-90 {
      margin-top: 90px;
    }
    .mb-sm-90 {
      margin-bottom: 90px;
    }
    .ml-sm-90 {
      margin-left: 90px;
    }
    .mr-sm-90 {
      margin-right: 90px;
    }
    .pt-sm-90 {
      padding-top: 90px;
    }
    .pb-sm-90 {
      padding-bottom: 90px;
    }
    .pl-sm-90 {
      padding-left: 90px;
    }
    .pr-sm-90 {
      padding-right: 90px;
    }
    .mt-sm-95 {
      margin-top: 95px;
    }
    .mb-sm-95 {
      margin-bottom: 95px;
    }
    .ml-sm-95 {
      margin-left: 95px;
    }
    .mr-sm-95 {
      margin-right: 95px;
    }
    .pt-sm-95 {
      padding-top: 95px;
    }
    .pb-sm-95 {
      padding-bottom: 95px;
    }
    .pl-sm-95 {
      padding-left: 95px;
    }
    .pr-sm-95 {
      padding-right: 95px;
    }
    .mt-sm-100 {
      margin-top: 100px;
    }
    .mb-sm-100 {
      margin-bottom: 100px;
    }
    .ml-sm-100 {
      margin-left: 100px;
    }
    .mr-sm-100 {
      margin-right: 100px;
    }
    .pt-sm-100 {
      padding-top: 100px;
    }
    .pb-sm-100 {
      padding-bottom: 100px;
    }
    .pl-sm-100 {
      padding-left: 100px;
    }
    .pr-sm-100 {
      padding-right: 100px;
    }
    .mt-sm-105 {
      margin-top: 105px;
    }
    .mb-sm-105 {
      margin-bottom: 105px;
    }
    .ml-sm-105 {
      margin-left: 105px;
    }
    .mr-sm-105 {
      margin-right: 105px;
    }
    .pt-sm-105 {
      padding-top: 105px;
    }
    .pb-sm-105 {
      padding-bottom: 105px;
    }
    .pl-sm-105 {
      padding-left: 105px;
    }
    .pr-sm-105 {
      padding-right: 105px;
    }
    .mt-sm-110 {
      margin-top: 110px;
    }
    .mb-sm-110 {
      margin-bottom: 110px;
    }
    .ml-sm-110 {
      margin-left: 110px;
    }
    .mr-sm-110 {
      margin-right: 110px;
    }
    .pt-sm-110 {
      padding-top: 110px;
    }
    .pb-sm-110 {
      padding-bottom: 110px;
    }
    .pl-sm-110 {
      padding-left: 110px;
    }
    .pr-sm-110 {
      padding-right: 110px;
    }
    .mt-sm-115 {
      margin-top: 115px;
    }
    .mb-sm-115 {
      margin-bottom: 115px;
    }
    .ml-sm-115 {
      margin-left: 115px;
    }
    .mr-sm-115 {
      margin-right: 115px;
    }
    .pt-sm-115 {
      padding-top: 115px;
    }
    .pb-sm-115 {
      padding-bottom: 115px;
    }
    .pl-sm-115 {
      padding-left: 115px;
    }
    .pr-sm-115 {
      padding-right: 115px;
    }
    .mt-sm-120 {
      margin-top: 120px;
    }
    .mb-sm-120 {
      margin-bottom: 120px;
    }
    .ml-sm-120 {
      margin-left: 120px;
    }
    .mr-sm-120 {
      margin-right: 120px;
    }
    .pt-sm-120 {
      padding-top: 120px;
    }
    .pb-sm-120 {
      padding-bottom: 120px;
    }
    .pl-sm-120 {
      padding-left: 120px;
    }
    .pr-sm-120 {
      padding-right: 120px;
    }
    .mt-sm-125 {
      margin-top: 125px;
    }
    .mb-sm-125 {
      margin-bottom: 125px;
    }
    .ml-sm-125 {
      margin-left: 125px;
    }
    .mr-sm-125 {
      margin-right: 125px;
    }
    .pt-sm-125 {
      padding-top: 125px;
    }
    .pb-sm-125 {
      padding-bottom: 125px;
    }
    .pl-sm-125 {
      padding-left: 125px;
    }
    .pr-sm-125 {
      padding-right: 125px;
    }
    .mt-sm-130 {
      margin-top: 130px;
    }
    .mb-sm-130 {
      margin-bottom: 130px;
    }
    .ml-sm-130 {
      margin-left: 130px;
    }
    .mr-sm-130 {
      margin-right: 130px;
    }
    .pt-sm-130 {
      padding-top: 130px;
    }
    .pb-sm-130 {
      padding-bottom: 130px;
    }
    .pl-sm-130 {
      padding-left: 130px;
    }
    .pr-sm-130 {
      padding-right: 130px;
    }
    .mt-sm-135 {
      margin-top: 135px;
    }
    .mb-sm-135 {
      margin-bottom: 135px;
    }
    .ml-sm-135 {
      margin-left: 135px;
    }
    .mr-sm-135 {
      margin-right: 135px;
    }
    .pt-sm-135 {
      padding-top: 135px;
    }
    .pb-sm-135 {
      padding-bottom: 135px;
    }
    .pl-sm-135 {
      padding-left: 135px;
    }
    .pr-sm-135 {
      padding-right: 135px;
    }
    .mt-sm-140 {
      margin-top: 140px;
    }
    .mb-sm-140 {
      margin-bottom: 140px;
    }
    .ml-sm-140 {
      margin-left: 140px;
    }
    .mr-sm-140 {
      margin-right: 140px;
    }
    .pt-sm-140 {
      padding-top: 140px;
    }
    .pb-sm-140 {
      padding-bottom: 140px;
    }
    .pl-sm-140 {
      padding-left: 140px;
    }
    .pr-sm-140 {
      padding-right: 140px;
    }
    .mt-sm-145 {
      margin-top: 145px;
    }
    .mb-sm-145 {
      margin-bottom: 145px;
    }
    .ml-sm-145 {
      margin-left: 145px;
    }
    .mr-sm-145 {
      margin-right: 145px;
    }
    .pt-sm-145 {
      padding-top: 145px;
    }
    .pb-sm-145 {
      padding-bottom: 145px;
    }
    .pl-sm-145 {
      padding-left: 145px;
    }
    .pr-sm-145 {
      padding-right: 145px;
    }
    .mt-sm-150 {
      margin-top: 150px;
    }
    .mb-sm-150 {
      margin-bottom: 150px;
    }
    .ml-sm-150 {
      margin-left: 150px;
    }
    .mr-sm-150 {
      margin-right: 150px;
    }
    .pt-sm-150 {
      padding-top: 150px;
    }
    .pb-sm-150 {
      padding-bottom: 150px;
    }
    .pl-sm-150 {
      padding-left: 150px;
    }
    .pr-sm-150 {
      padding-right: 150px;
    }
    .mt-sm-155 {
      margin-top: 155px;
    }
    .mb-sm-155 {
      margin-bottom: 155px;
    }
    .ml-sm-155 {
      margin-left: 155px;
    }
    .mr-sm-155 {
      margin-right: 155px;
    }
    .pt-sm-155 {
      padding-top: 155px;
    }
    .pb-sm-155 {
      padding-bottom: 155px;
    }
    .pl-sm-155 {
      padding-left: 155px;
    }
    .pr-sm-155 {
      padding-right: 155px;
    }
    .mt-sm-160 {
      margin-top: 160px;
    }
    .mb-sm-160 {
      margin-bottom: 160px;
    }
    .ml-sm-160 {
      margin-left: 160px;
    }
    .mr-sm-160 {
      margin-right: 160px;
    }
    .pt-sm-160 {
      padding-top: 160px;
    }
    .pb-sm-160 {
      padding-bottom: 160px;
    }
    .pl-sm-160 {
      padding-left: 160px;
    }
    .pr-sm-160 {
      padding-right: 160px;
    }
    .mt-sm-165 {
      margin-top: 165px;
    }
    .mb-sm-165 {
      margin-bottom: 165px;
    }
    .ml-sm-165 {
      margin-left: 165px;
    }
    .mr-sm-165 {
      margin-right: 165px;
    }
    .pt-sm-165 {
      padding-top: 165px;
    }
    .pb-sm-165 {
      padding-bottom: 165px;
    }
    .pl-sm-165 {
      padding-left: 165px;
    }
    .pr-sm-165 {
      padding-right: 165px;
    }
    .mt-sm-170 {
      margin-top: 170px;
    }
    .mb-sm-170 {
      margin-bottom: 170px;
    }
    .ml-sm-170 {
      margin-left: 170px;
    }
    .mr-sm-170 {
      margin-right: 170px;
    }
    .pt-sm-170 {
      padding-top: 170px;
    }
    .pb-sm-170 {
      padding-bottom: 170px;
    }
    .pl-sm-170 {
      padding-left: 170px;
    }
    .pr-sm-170 {
      padding-right: 170px;
    }
    .mt-sm-175 {
      margin-top: 175px;
    }
    .mb-sm-175 {
      margin-bottom: 175px;
    }
    .ml-sm-175 {
      margin-left: 175px;
    }
    .mr-sm-175 {
      margin-right: 175px;
    }
    .pt-sm-175 {
      padding-top: 175px;
    }
    .pb-sm-175 {
      padding-bottom: 175px;
    }
    .pl-sm-175 {
      padding-left: 175px;
    }
    .pr-sm-175 {
      padding-right: 175px;
    }
    .mt-sm-180 {
      margin-top: 180px;
    }
    .mb-sm-180 {
      margin-bottom: 180px;
    }
    .ml-sm-180 {
      margin-left: 180px;
    }
    .mr-sm-180 {
      margin-right: 180px;
    }
    .pt-sm-180 {
      padding-top: 180px;
    }
    .pb-sm-180 {
      padding-bottom: 180px;
    }
    .pl-sm-180 {
      padding-left: 180px;
    }
    .pr-sm-180 {
      padding-right: 180px;
    }
    .mt-sm-185 {
      margin-top: 185px;
    }
    .mb-sm-185 {
      margin-bottom: 185px;
    }
    .ml-sm-185 {
      margin-left: 185px;
    }
    .mr-sm-185 {
      margin-right: 185px;
    }
    .pt-sm-185 {
      padding-top: 185px;
    }
    .pb-sm-185 {
      padding-bottom: 185px;
    }
    .pl-sm-185 {
      padding-left: 185px;
    }
    .pr-sm-185 {
      padding-right: 185px;
    }
    .mt-sm-190 {
      margin-top: 190px;
    }
    .mb-sm-190 {
      margin-bottom: 190px;
    }
    .ml-sm-190 {
      margin-left: 190px;
    }
    .mr-sm-190 {
      margin-right: 190px;
    }
    .pt-sm-190 {
      padding-top: 190px;
    }
    .pb-sm-190 {
      padding-bottom: 190px;
    }
    .pl-sm-190 {
      padding-left: 190px;
    }
    .pr-sm-190 {
      padding-right: 190px;
    }
    .mt-sm-195 {
      margin-top: 195px;
    }
    .mb-sm-195 {
      margin-bottom: 195px;
    }
    .ml-sm-195 {
      margin-left: 195px;
    }
    .mr-sm-195 {
      margin-right: 195px;
    }
    .pt-sm-195 {
      padding-top: 195px;
    }
    .pb-sm-195 {
      padding-bottom: 195px;
    }
    .pl-sm-195 {
      padding-left: 195px;
    }
    .pr-sm-195 {
      padding-right: 195px;
    }
    .mt-sm-200 {
      margin-top: 200px;
    }
    .mb-sm-200 {
      margin-bottom: 200px;
    }
    .ml-sm-200 {
      margin-left: 200px;
    }
    .mr-sm-200 {
      margin-right: 200px;
    }
    .pt-sm-200 {
      padding-top: 200px;
    }
    .pb-sm-200 {
      padding-bottom: 200px;
    }
    .pl-sm-200 {
      padding-left: 200px;
    }
    .pr-sm-200 {
      padding-right: 200px;
    }
    .mt-sm-205 {
      margin-top: 205px;
    }
    .mb-sm-205 {
      margin-bottom: 205px;
    }
    .ml-sm-205 {
      margin-left: 205px;
    }
    .mr-sm-205 {
      margin-right: 205px;
    }
    .pt-sm-205 {
      padding-top: 205px;
    }
    .pb-sm-205 {
      padding-bottom: 205px;
    }
    .pl-sm-205 {
      padding-left: 205px;
    }
    .pr-sm-205 {
      padding-right: 205px;
    }
    .mt-sm-210 {
      margin-top: 210px;
    }
    .mb-sm-210 {
      margin-bottom: 210px;
    }
    .ml-sm-210 {
      margin-left: 210px;
    }
    .mr-sm-210 {
      margin-right: 210px;
    }
    .pt-sm-210 {
      padding-top: 210px;
    }
    .pb-sm-210 {
      padding-bottom: 210px;
    }
    .pl-sm-210 {
      padding-left: 210px;
    }
    .pr-sm-210 {
      padding-right: 210px;
    }
    .mt-sm-215 {
      margin-top: 215px;
    }
    .mb-sm-215 {
      margin-bottom: 215px;
    }
    .ml-sm-215 {
      margin-left: 215px;
    }
    .mr-sm-215 {
      margin-right: 215px;
    }
    .pt-sm-215 {
      padding-top: 215px;
    }
    .pb-sm-215 {
      padding-bottom: 215px;
    }
    .pl-sm-215 {
      padding-left: 215px;
    }
    .pr-sm-215 {
      padding-right: 215px;
    }
    .mt-sm-220 {
      margin-top: 220px;
    }
    .mb-sm-220 {
      margin-bottom: 220px;
    }
    .ml-sm-220 {
      margin-left: 220px;
    }
    .mr-sm-220 {
      margin-right: 220px;
    }
    .pt-sm-220 {
      padding-top: 220px;
    }
    .pb-sm-220 {
      padding-bottom: 220px;
    }
    .pl-sm-220 {
      padding-left: 220px;
    }
    .pr-sm-220 {
      padding-right: 220px;
    }
  }
  /*
  
  responsive css
  md device
  */
  @media all and (min-width: 768px) and (max-width: 991px) {
    .mt-md-5 {
      margin-top: 5px;
    }
    .mb-md-5 {
      margin-bottom: 5px;
    }
    .ml-md-5 {
      margin-left: 5px;
    }
    .mr-md-5 {
      margin-right: 5px;
    }
    .pt-md-5 {
      padding-top: 5px;
    }
    .pb-md-5 {
      padding-bottom: 5px;
    }
    .pl-md-5 {
      padding-left: 5px;
    }
    .pr-md-5 {
      padding-right: 5px;
    }
    .mt-md-10 {
      margin-top: 10px;
    }
    .mb-md-10 {
      margin-bottom: 10px;
    }
    .ml-md-10 {
      margin-left: 10px;
    }
    .mr-md-10 {
      margin-right: 10px;
    }
    .pt-md-10 {
      padding-top: 10px;
    }
    .pb-md-10 {
      padding-bottom: 10px;
    }
    .pl-md-10 {
      padding-left: 10px;
    }
    .pr-md-10 {
      padding-right: 10px;
    }
    .mt-md-15 {
      margin-top: 15px;
    }
    .mb-md-15 {
      margin-bottom: 15px;
    }
    .ml-md-15 {
      margin-left: 15px;
    }
    .mr-md-15 {
      margin-right: 15px;
    }
    .pt-md-15 {
      padding-top: 15px;
    }
    .pb-md-15 {
      padding-bottom: 15px;
    }
    .pl-md-15 {
      padding-left: 15px;
    }
    .pr-md-15 {
      padding-right: 15px;
    }
    .mt-md-20 {
      margin-top: 20px;
    }
    .mb-md-20 {
      margin-bottom: 20px;
    }
    .ml-md-20 {
      margin-left: 20px;
    }
    .mr-md-20 {
      margin-right: 20px;
    }
    .pt-md-20 {
      padding-top: 20px;
    }
    .pb-md-20 {
      padding-bottom: 20px;
    }
    .pl-md-20 {
      padding-left: 20px;
    }
    .pr-md-20 {
      padding-right: 20px;
    }
    .mt-md-25 {
      margin-top: 25px;
    }
    .mb-md-25 {
      margin-bottom: 25px;
    }
    .ml-md-25 {
      margin-left: 25px;
    }
    .mr-md-25 {
      margin-right: 25px;
    }
    .pt-md-25 {
      padding-top: 25px;
    }
    .pb-md-25 {
      padding-bottom: 25px;
    }
    .pl-md-25 {
      padding-left: 25px;
    }
    .pr-md-25 {
      padding-right: 25px;
    }
    .mt-md-30 {
      margin-top: 30px;
    }
    .mb-md-30 {
      margin-bottom: 30px;
    }
    .ml-md-30 {
      margin-left: 30px;
    }
    .mr-md-30 {
      margin-right: 30px;
    }
    .pt-md-30 {
      padding-top: 30px;
    }
    .pb-md-30 {
      padding-bottom: 30px;
    }
    .pl-md-30 {
      padding-left: 30px;
    }
    .pr-md-30 {
      padding-right: 30px;
    }
    .mt-md-35 {
      margin-top: 35px;
    }
    .mb-md-35 {
      margin-bottom: 35px;
    }
    .ml-md-35 {
      margin-left: 35px;
    }
    .mr-md-35 {
      margin-right: 35px;
    }
    .pt-md-35 {
      padding-top: 35px;
    }
    .pb-md-35 {
      padding-bottom: 35px;
    }
    .pl-md-35 {
      padding-left: 35px;
    }
    .pr-md-35 {
      padding-right: 35px;
    }
    .mt-md-40 {
      margin-top: 40px;
    }
    .mb-md-40 {
      margin-bottom: 40px;
    }
    .ml-md-40 {
      margin-left: 40px;
    }
    .mr-md-40 {
      margin-right: 40px;
    }
    .pt-md-40 {
      padding-top: 40px;
    }
    .pb-md-40 {
      padding-bottom: 40px;
    }
    .pl-md-40 {
      padding-left: 40px;
    }
    .pr-md-40 {
      padding-right: 40px;
    }
    .mt-md-45 {
      margin-top: 45px;
    }
    .mb-md-45 {
      margin-bottom: 45px;
    }
    .ml-md-45 {
      margin-left: 45px;
    }
    .mr-md-45 {
      margin-right: 45px;
    }
    .pt-md-45 {
      padding-top: 45px;
    }
    .pb-md-45 {
      padding-bottom: 45px;
    }
    .pl-md-45 {
      padding-left: 45px;
    }
    .pr-md-45 {
      padding-right: 45px;
    }
    .mt-md-50 {
      margin-top: 50px;
    }
    .mb-md-50 {
      margin-bottom: 50px;
    }
    .ml-md-50 {
      margin-left: 50px;
    }
    .mr-md-50 {
      margin-right: 50px;
    }
    .pt-md-50 {
      padding-top: 50px;
    }
    .pb-md-50 {
      padding-bottom: 50px;
    }
    .pl-md-50 {
      padding-left: 50px;
    }
    .pr-md-50 {
      padding-right: 50px;
    }
    .mt-md-55 {
      margin-top: 55px;
    }
    .mb-md-55 {
      margin-bottom: 55px;
    }
    .ml-md-55 {
      margin-left: 55px;
    }
    .mr-md-55 {
      margin-right: 55px;
    }
    .pt-md-55 {
      padding-top: 55px;
    }
    .pb-md-55 {
      padding-bottom: 55px;
    }
    .pl-md-55 {
      padding-left: 55px;
    }
    .pr-md-55 {
      padding-right: 55px;
    }
    .mt-md-60 {
      margin-top: 60px;
    }
    .mb-md-60 {
      margin-bottom: 60px;
    }
    .ml-md-60 {
      margin-left: 60px;
    }
    .mr-md-60 {
      margin-right: 60px;
    }
    .pt-md-60 {
      padding-top: 60px;
    }
    .pb-md-60 {
      padding-bottom: 60px;
    }
    .pl-md-60 {
      padding-left: 60px;
    }
    .pr-md-60 {
      padding-right: 60px;
    }
    .mt-md-65 {
      margin-top: 65px;
    }
    .mb-md-65 {
      margin-bottom: 65px;
    }
    .ml-md-65 {
      margin-left: 65px;
    }
    .mr-md-65 {
      margin-right: 65px;
    }
    .pt-md-65 {
      padding-top: 65px;
    }
    .pb-md-65 {
      padding-bottom: 65px;
    }
    .pl-md-65 {
      padding-left: 65px;
    }
    .pr-md-65 {
      padding-right: 65px;
    }
    .mt-md-70 {
      margin-top: 70px;
    }
    .mb-md-70 {
      margin-bottom: 70px;
    }
    .ml-md-70 {
      margin-left: 70px;
    }
    .mr-md-70 {
      margin-right: 70px;
    }
    .pt-md-70 {
      padding-top: 70px;
    }
    .pb-md-70 {
      padding-bottom: 70px;
    }
    .pl-md-70 {
      padding-left: 70px;
    }
    .pr-md-70 {
      padding-right: 70px;
    }
    .mt-md-75 {
      margin-top: 75px;
    }
    .mb-md-75 {
      margin-bottom: 75px;
    }
    .ml-md-75 {
      margin-left: 75px;
    }
    .mr-md-75 {
      margin-right: 75px;
    }
    .pt-md-75 {
      padding-top: 75px;
    }
    .pb-md-75 {
      padding-bottom: 75px;
    }
    .pl-md-75 {
      padding-left: 75px;
    }
    .pr-md-75 {
      padding-right: 75px;
    }
    .mt-md-80 {
      margin-top: 80px;
    }
    .mb-md-80 {
      margin-bottom: 80px;
    }
    .ml-md-80 {
      margin-left: 80px;
    }
    .mr-md-80 {
      margin-right: 80px;
    }
    .pt-md-80 {
      padding-top: 80px;
    }
    .pb-md-80 {
      padding-bottom: 80px;
    }
    .pl-md-80 {
      padding-left: 80px;
    }
    .pr-md-80 {
      padding-right: 80px;
    }
    .mt-md-85 {
      margin-top: 85px;
    }
    .mb-md-85 {
      margin-bottom: 85px;
    }
    .ml-md-85 {
      margin-left: 85px;
    }
    .mr-md-85 {
      margin-right: 85px;
    }
    .pt-md-85 {
      padding-top: 85px;
    }
    .pb-md-85 {
      padding-bottom: 85px;
    }
    .pl-md-85 {
      padding-left: 85px;
    }
    .pr-md-85 {
      padding-right: 85px;
    }
    .mt-md-90 {
      margin-top: 90px;
    }
    .mb-md-90 {
      margin-bottom: 90px;
    }
    .ml-md-90 {
      margin-left: 90px;
    }
    .mr-md-90 {
      margin-right: 90px;
    }
    .pt-md-90 {
      padding-top: 90px;
    }
    .pb-md-90 {
      padding-bottom: 90px;
    }
    .pl-md-90 {
      padding-left: 90px;
    }
    .pr-md-90 {
      padding-right: 90px;
    }
    .mt-md-95 {
      margin-top: 95px;
    }
    .mb-md-95 {
      margin-bottom: 95px;
    }
    .ml-md-95 {
      margin-left: 95px;
    }
    .mr-md-95 {
      margin-right: 95px;
    }
    .pt-md-95 {
      padding-top: 95px;
    }
    .pb-md-95 {
      padding-bottom: 95px;
    }
    .pl-md-95 {
      padding-left: 95px;
    }
    .pr-md-95 {
      padding-right: 95px;
    }
    .mt-md-100 {
      margin-top: 100px;
    }
    .mb-md-100 {
      margin-bottom: 100px;
    }
    .ml-md-100 {
      margin-left: 100px;
    }
    .mr-md-100 {
      margin-right: 100px;
    }
    .pt-md-100 {
      padding-top: 100px;
    }
    .pb-md-100 {
      padding-bottom: 100px;
    }
    .pl-md-100 {
      padding-left: 100px;
    }
    .pr-md-100 {
      padding-right: 100px;
    }
    .mt-md-105 {
      margin-top: 105px;
    }
    .mb-md-105 {
      margin-bottom: 105px;
    }
    .ml-md-105 {
      margin-left: 105px;
    }
    .mr-md-105 {
      margin-right: 105px;
    }
    .pt-md-105 {
      padding-top: 105px;
    }
    .pb-md-105 {
      padding-bottom: 105px;
    }
    .pl-md-105 {
      padding-left: 105px;
    }
    .pr-md-105 {
      padding-right: 105px;
    }
    .mt-md-110 {
      margin-top: 110px;
    }
    .mb-md-110 {
      margin-bottom: 110px;
    }
    .ml-md-110 {
      margin-left: 110px;
    }
    .mr-md-110 {
      margin-right: 110px;
    }
    .pt-md-110 {
      padding-top: 110px;
    }
    .pb-md-110 {
      padding-bottom: 110px;
    }
    .pl-md-110 {
      padding-left: 110px;
    }
    .pr-md-110 {
      padding-right: 110px;
    }
    .mt-md-115 {
      margin-top: 115px;
    }
    .mb-md-115 {
      margin-bottom: 115px;
    }
    .ml-md-115 {
      margin-left: 115px;
    }
    .mr-md-115 {
      margin-right: 115px;
    }
    .pt-md-115 {
      padding-top: 115px;
    }
    .pb-md-115 {
      padding-bottom: 115px;
    }
    .pl-md-115 {
      padding-left: 115px;
    }
    .pr-md-115 {
      padding-right: 115px;
    }
    .mt-md-120 {
      margin-top: 120px;
    }
    .mb-md-120 {
      margin-bottom: 120px;
    }
    .ml-md-120 {
      margin-left: 120px;
    }
    .mr-md-120 {
      margin-right: 120px;
    }
    .pt-md-120 {
      padding-top: 120px;
    }
    .pb-md-120 {
      padding-bottom: 120px;
    }
    .pl-md-120 {
      padding-left: 120px;
    }
    .pr-md-120 {
      padding-right: 120px;
    }
    .mt-md-125 {
      margin-top: 125px;
    }
    .mb-md-125 {
      margin-bottom: 125px;
    }
    .ml-md-125 {
      margin-left: 125px;
    }
    .mr-md-125 {
      margin-right: 125px;
    }
    .pt-md-125 {
      padding-top: 125px;
    }
    .pb-md-125 {
      padding-bottom: 125px;
    }
    .pl-md-125 {
      padding-left: 125px;
    }
    .pr-md-125 {
      padding-right: 125px;
    }
    .mt-md-130 {
      margin-top: 130px;
    }
    .mb-md-130 {
      margin-bottom: 130px;
    }
    .ml-md-130 {
      margin-left: 130px;
    }
    .mr-md-130 {
      margin-right: 130px;
    }
    .pt-md-130 {
      padding-top: 130px;
    }
    .pb-md-130 {
      padding-bottom: 130px;
    }
    .pl-md-130 {
      padding-left: 130px;
    }
    .pr-md-130 {
      padding-right: 130px;
    }
    .mt-md-135 {
      margin-top: 135px;
    }
    .mb-md-135 {
      margin-bottom: 135px;
    }
    .ml-md-135 {
      margin-left: 135px;
    }
    .mr-md-135 {
      margin-right: 135px;
    }
    .pt-md-135 {
      padding-top: 135px;
    }
    .pb-md-135 {
      padding-bottom: 135px;
    }
    .pl-md-135 {
      padding-left: 135px;
    }
    .pr-md-135 {
      padding-right: 135px;
    }
    .mt-md-140 {
      margin-top: 140px;
    }
    .mb-md-140 {
      margin-bottom: 140px;
    }
    .ml-md-140 {
      margin-left: 140px;
    }
    .mr-md-140 {
      margin-right: 140px;
    }
    .pt-md-140 {
      padding-top: 140px;
    }
    .pb-md-140 {
      padding-bottom: 140px;
    }
    .pl-md-140 {
      padding-left: 140px;
    }
    .pr-md-140 {
      padding-right: 140px;
    }
    .mt-md-145 {
      margin-top: 145px;
    }
    .mb-md-145 {
      margin-bottom: 145px;
    }
    .ml-md-145 {
      margin-left: 145px;
    }
    .mr-md-145 {
      margin-right: 145px;
    }
    .pt-md-145 {
      padding-top: 145px;
    }
    .pb-md-145 {
      padding-bottom: 145px;
    }
    .pl-md-145 {
      padding-left: 145px;
    }
    .pr-md-145 {
      padding-right: 145px;
    }
    .mt-md-150 {
      margin-top: 150px;
    }
    .mb-md-150 {
      margin-bottom: 150px;
    }
    .ml-md-150 {
      margin-left: 150px;
    }
    .mr-md-150 {
      margin-right: 150px;
    }
    .pt-md-150 {
      padding-top: 150px;
    }
    .pb-md-150 {
      padding-bottom: 150px;
    }
    .pl-md-150 {
      padding-left: 150px;
    }
    .pr-md-150 {
      padding-right: 150px;
    }
    .mt-md-155 {
      margin-top: 155px;
    }
    .mb-md-155 {
      margin-bottom: 155px;
    }
    .ml-md-155 {
      margin-left: 155px;
    }
    .mr-md-155 {
      margin-right: 155px;
    }
    .pt-md-155 {
      padding-top: 155px;
    }
    .pb-md-155 {
      padding-bottom: 155px;
    }
    .pl-md-155 {
      padding-left: 155px;
    }
    .pr-md-155 {
      padding-right: 155px;
    }
    .mt-md-160 {
      margin-top: 160px;
    }
    .mb-md-160 {
      margin-bottom: 160px;
    }
    .ml-md-160 {
      margin-left: 160px;
    }
    .mr-md-160 {
      margin-right: 160px;
    }
    .pt-md-160 {
      padding-top: 160px;
    }
    .pb-md-160 {
      padding-bottom: 160px;
    }
    .pl-md-160 {
      padding-left: 160px;
    }
    .pr-md-160 {
      padding-right: 160px;
    }
    .mt-md-165 {
      margin-top: 165px;
    }
    .mb-md-165 {
      margin-bottom: 165px;
    }
    .ml-md-165 {
      margin-left: 165px;
    }
    .mr-md-165 {
      margin-right: 165px;
    }
    .pt-md-165 {
      padding-top: 165px;
    }
    .pb-md-165 {
      padding-bottom: 165px;
    }
    .pl-md-165 {
      padding-left: 165px;
    }
    .pr-md-165 {
      padding-right: 165px;
    }
    .mt-md-170 {
      margin-top: 170px;
    }
    .mb-md-170 {
      margin-bottom: 170px;
    }
    .ml-md-170 {
      margin-left: 170px;
    }
    .mr-md-170 {
      margin-right: 170px;
    }
    .pt-md-170 {
      padding-top: 170px;
    }
    .pb-md-170 {
      padding-bottom: 170px;
    }
    .pl-md-170 {
      padding-left: 170px;
    }
    .pr-md-170 {
      padding-right: 170px;
    }
    .mt-md-175 {
      margin-top: 175px;
    }
    .mb-md-175 {
      margin-bottom: 175px;
    }
    .ml-md-175 {
      margin-left: 175px;
    }
    .mr-md-175 {
      margin-right: 175px;
    }
    .pt-md-175 {
      padding-top: 175px;
    }
    .pb-md-175 {
      padding-bottom: 175px;
    }
    .pl-md-175 {
      padding-left: 175px;
    }
    .pr-md-175 {
      padding-right: 175px;
    }
    .mt-md-180 {
      margin-top: 180px;
    }
    .mb-md-180 {
      margin-bottom: 180px;
    }
    .ml-md-180 {
      margin-left: 180px;
    }
    .mr-md-180 {
      margin-right: 180px;
    }
    .pt-md-180 {
      padding-top: 180px;
    }
    .pb-md-180 {
      padding-bottom: 180px;
    }
    .pl-md-180 {
      padding-left: 180px;
    }
    .pr-md-180 {
      padding-right: 180px;
    }
    .mt-md-185 {
      margin-top: 185px;
    }
    .mb-md-185 {
      margin-bottom: 185px;
    }
    .ml-md-185 {
      margin-left: 185px;
    }
    .mr-md-185 {
      margin-right: 185px;
    }
    .pt-md-185 {
      padding-top: 185px;
    }
    .pb-md-185 {
      padding-bottom: 185px;
    }
    .pl-md-185 {
      padding-left: 185px;
    }
    .pr-md-185 {
      padding-right: 185px;
    }
    .mt-md-190 {
      margin-top: 190px;
    }
    .mb-md-190 {
      margin-bottom: 190px;
    }
    .ml-md-190 {
      margin-left: 190px;
    }
    .mr-md-190 {
      margin-right: 190px;
    }
    .pt-md-190 {
      padding-top: 190px;
    }
    .pb-md-190 {
      padding-bottom: 190px;
    }
    .pl-md-190 {
      padding-left: 190px;
    }
    .pr-md-190 {
      padding-right: 190px;
    }
    .mt-md-195 {
      margin-top: 195px;
    }
    .mb-md-195 {
      margin-bottom: 195px;
    }
    .ml-md-195 {
      margin-left: 195px;
    }
    .mr-md-195 {
      margin-right: 195px;
    }
    .pt-md-195 {
      padding-top: 195px;
    }
    .pb-md-195 {
      padding-bottom: 195px;
    }
    .pl-md-195 {
      padding-left: 195px;
    }
    .pr-md-195 {
      padding-right: 195px;
    }
    .mt-md-200 {
      margin-top: 200px;
    }
    .mb-md-200 {
      margin-bottom: 200px;
    }
    .ml-md-200 {
      margin-left: 200px;
    }
    .mr-md-200 {
      margin-right: 200px;
    }
    .pt-md-200 {
      padding-top: 200px;
    }
    .pb-md-200 {
      padding-bottom: 200px;
    }
    .pl-md-200 {
      padding-left: 200px;
    }
    .pr-md-200 {
      padding-right: 200px;
    }
    .mt-md-205 {
      margin-top: 205px;
    }
    .mb-md-205 {
      margin-bottom: 205px;
    }
    .ml-md-205 {
      margin-left: 205px;
    }
    .mr-md-205 {
      margin-right: 205px;
    }
    .pt-md-205 {
      padding-top: 205px;
    }
    .pb-md-205 {
      padding-bottom: 205px;
    }
    .pl-md-205 {
      padding-left: 205px;
    }
    .pr-md-205 {
      padding-right: 205px;
    }
    .mt-md-210 {
      margin-top: 210px;
    }
    .mb-md-210 {
      margin-bottom: 210px;
    }
    .ml-md-210 {
      margin-left: 210px;
    }
    .mr-md-210 {
      margin-right: 210px;
    }
    .pt-md-210 {
      padding-top: 210px;
    }
    .pb-md-210 {
      padding-bottom: 210px;
    }
    .pl-md-210 {
      padding-left: 210px;
    }
    .pr-md-210 {
      padding-right: 210px;
    }
    .mt-md-215 {
      margin-top: 215px;
    }
    .mb-md-215 {
      margin-bottom: 215px;
    }
    .ml-md-215 {
      margin-left: 215px;
    }
    .mr-md-215 {
      margin-right: 215px;
    }
    .pt-md-215 {
      padding-top: 215px;
    }
    .pb-md-215 {
      padding-bottom: 215px;
    }
    .pl-md-215 {
      padding-left: 215px;
    }
    .pr-md-215 {
      padding-right: 215px;
    }
    .mt-md-220 {
      margin-top: 220px;
    }
    .mb-md-220 {
      margin-bottom: 220px;
    }
    .ml-md-220 {
      margin-left: 220px;
    }
    .mr-md-220 {
      margin-right: 220px;
    }
    .pt-md-220 {
      padding-top: 220px;
    }
    .pb-md-220 {
      padding-bottom: 220px;
    }
    .pl-md-220 {
      padding-left: 220px;
    }
    .pr-md-220 {
      padding-right: 220px;
    }
  }
  /*
  responsive css
  lg device
  */
  @media all and (min-width: 992px) and (max-width: 1199px) {
    .mt-lg-5 {
      margin-top: 5px;
    }
    .mb-lg-5 {
      margin-bottom: 5px;
    }
    .ml-lg-5 {
      margin-left: 5px;
    }
    .mr-lg-5 {
      margin-right: 5px;
    }
    .pt-lg-5 {
      padding-top: 5px;
    }
    .pb-lg-5 {
      padding-bottom: 5px;
    }
    .pl-lg-5 {
      padding-left: 5px;
    }
    .pr-lg-5 {
      padding-right: 5px;
    }
    .mt-lg-10 {
      margin-top: 10px;
    }
    .mb-lg-10 {
      margin-bottom: 10px;
    }
    .ml-lg-10 {
      margin-left: 10px;
    }
    .mr-lg-10 {
      margin-right: 10px;
    }
    .pt-lg-10 {
      padding-top: 10px;
    }
    .pb-lg-10 {
      padding-bottom: 10px;
    }
    .pl-lg-10 {
      padding-left: 10px;
    }
    .pr-lg-10 {
      padding-right: 10px;
    }
    .mt-lg-15 {
      margin-top: 15px;
    }
    .mb-lg-15 {
      margin-bottom: 15px;
    }
    .ml-lg-15 {
      margin-left: 15px;
    }
    .mr-lg-15 {
      margin-right: 15px;
    }
    .pt-lg-15 {
      padding-top: 15px;
    }
    .pb-lg-15 {
      padding-bottom: 15px;
    }
    .pl-lg-15 {
      padding-left: 15px;
    }
    .pr-lg-15 {
      padding-right: 15px;
    }
    .mt-lg-20 {
      margin-top: 20px;
    }
    .mb-lg-20 {
      margin-bottom: 20px;
    }
    .ml-lg-20 {
      margin-left: 20px;
    }
    .mr-lg-20 {
      margin-right: 20px;
    }
    .pt-lg-20 {
      padding-top: 20px;
    }
    .pb-lg-20 {
      padding-bottom: 20px;
    }
    .pl-lg-20 {
      padding-left: 20px;
    }
    .pr-lg-20 {
      padding-right: 20px;
    }
    .mt-lg-25 {
      margin-top: 25px;
    }
    .mb-lg-25 {
      margin-bottom: 25px;
    }
    .ml-lg-25 {
      margin-left: 25px;
    }
    .mr-lg-25 {
      margin-right: 25px;
    }
    .pt-lg-25 {
      padding-top: 25px;
    }
    .pb-lg-25 {
      padding-bottom: 25px;
    }
    .pl-lg-25 {
      padding-left: 25px;
    }
    .pr-lg-25 {
      padding-right: 25px;
    }
    .mt-lg-30 {
      margin-top: 30px;
    }
    .mb-lg-30 {
      margin-bottom: 30px;
    }
    .ml-lg-30 {
      margin-left: 30px;
    }
    .mr-lg-30 {
      margin-right: 30px;
    }
    .pt-lg-30 {
      padding-top: 30px;
    }
    .pb-lg-30 {
      padding-bottom: 30px;
    }
    .pl-lg-30 {
      padding-left: 30px;
    }
    .pr-lg-30 {
      padding-right: 30px;
    }
    .mt-lg-35 {
      margin-top: 35px;
    }
    .mb-lg-35 {
      margin-bottom: 35px;
    }
    .ml-lg-35 {
      margin-left: 35px;
    }
    .mr-lg-35 {
      margin-right: 35px;
    }
    .pt-lg-35 {
      padding-top: 35px;
    }
    .pb-lg-35 {
      padding-bottom: 35px;
    }
    .pl-lg-35 {
      padding-left: 35px;
    }
    .pr-lg-35 {
      padding-right: 35px;
    }
    .mt-lg-40 {
      margin-top: 40px;
    }
    .mb-lg-40 {
      margin-bottom: 40px;
    }
    .ml-lg-40 {
      margin-left: 40px;
    }
    .mr-lg-40 {
      margin-right: 40px;
    }
    .pt-lg-40 {
      padding-top: 40px;
    }
    .pb-lg-40 {
      padding-bottom: 40px;
    }
    .pl-lg-40 {
      padding-left: 40px;
    }
    .pr-lg-40 {
      padding-right: 40px;
    }
    .mt-lg-45 {
      margin-top: 45px;
    }
    .mb-lg-45 {
      margin-bottom: 45px;
    }
    .ml-lg-45 {
      margin-left: 45px;
    }
    .mr-lg-45 {
      margin-right: 45px;
    }
    .pt-lg-45 {
      padding-top: 45px;
    }
    .pb-lg-45 {
      padding-bottom: 45px;
    }
    .pl-lg-45 {
      padding-left: 45px;
    }
    .pr-lg-45 {
      padding-right: 45px;
    }
    .mt-lg-50 {
      margin-top: 50px;
    }
    .mb-lg-50 {
      margin-bottom: 50px;
    }
    .ml-lg-50 {
      margin-left: 50px;
    }
    .mr-lg-50 {
      margin-right: 50px;
    }
    .pt-lg-50 {
      padding-top: 50px;
    }
    .pb-lg-50 {
      padding-bottom: 50px;
    }
    .pl-lg-50 {
      padding-left: 50px;
    }
    .pr-lg-50 {
      padding-right: 50px;
    }
    .mt-lg-55 {
      margin-top: 55px;
    }
    .mb-lg-55 {
      margin-bottom: 55px;
    }
    .ml-lg-55 {
      margin-left: 55px;
    }
    .mr-lg-55 {
      margin-right: 55px;
    }
    .pt-lg-55 {
      padding-top: 55px;
    }
    .pb-lg-55 {
      padding-bottom: 55px;
    }
    .pl-lg-55 {
      padding-left: 55px;
    }
    .pr-lg-55 {
      padding-right: 55px;
    }
    .mt-lg-60 {
      margin-top: 60px;
    }
    .mb-lg-60 {
      margin-bottom: 60px;
    }
    .ml-lg-60 {
      margin-left: 60px;
    }
    .mr-lg-60 {
      margin-right: 60px;
    }
    .pt-lg-60 {
      padding-top: 60px;
    }
    .pb-lg-60 {
      padding-bottom: 60px;
    }
    .pl-lg-60 {
      padding-left: 60px;
    }
    .pr-lg-60 {
      padding-right: 60px;
    }
    .mt-lg-65 {
      margin-top: 65px;
    }
    .mb-lg-65 {
      margin-bottom: 65px;
    }
    .ml-lg-65 {
      margin-left: 65px;
    }
    .mr-lg-65 {
      margin-right: 65px;
    }
    .pt-lg-65 {
      padding-top: 65px;
    }
    .pb-lg-65 {
      padding-bottom: 65px;
    }
    .pl-lg-65 {
      padding-left: 65px;
    }
    .pr-lg-65 {
      padding-right: 65px;
    }
    .mt-lg-70 {
      margin-top: 70px;
    }
    .mb-lg-70 {
      margin-bottom: 70px;
    }
    .ml-lg-70 {
      margin-left: 70px;
    }
    .mr-lg-70 {
      margin-right: 70px;
    }
    .pt-lg-70 {
      padding-top: 70px;
    }
    .pb-lg-70 {
      padding-bottom: 70px;
    }
    .pl-lg-70 {
      padding-left: 70px;
    }
    .pr-lg-70 {
      padding-right: 70px;
    }
    .mt-lg-75 {
      margin-top: 75px;
    }
    .mb-lg-75 {
      margin-bottom: 75px;
    }
    .ml-lg-75 {
      margin-left: 75px;
    }
    .mr-lg-75 {
      margin-right: 75px;
    }
    .pt-lg-75 {
      padding-top: 75px;
    }
    .pb-lg-75 {
      padding-bottom: 75px;
    }
    .pl-lg-75 {
      padding-left: 75px;
    }
    .pr-lg-75 {
      padding-right: 75px;
    }
    .mt-lg-80 {
      margin-top: 80px;
    }
    .mb-lg-80 {
      margin-bottom: 80px;
    }
    .ml-lg-80 {
      margin-left: 80px;
    }
    .mr-lg-80 {
      margin-right: 80px;
    }
    .pt-lg-80 {
      padding-top: 80px;
    }
    .pb-lg-80 {
      padding-bottom: 80px;
    }
    .pl-lg-80 {
      padding-left: 80px;
    }
    .pr-lg-80 {
      padding-right: 80px;
    }
    .mt-lg-85 {
      margin-top: 85px;
    }
    .mb-lg-85 {
      margin-bottom: 85px;
    }
    .ml-lg-85 {
      margin-left: 85px;
    }
    .mr-lg-85 {
      margin-right: 85px;
    }
    .pt-lg-85 {
      padding-top: 85px;
    }
    .pb-lg-85 {
      padding-bottom: 85px;
    }
    .pl-lg-85 {
      padding-left: 85px;
    }
    .pr-lg-85 {
      padding-right: 85px;
    }
    .mt-lg-90 {
      margin-top: 90px;
    }
    .mb-lg-90 {
      margin-bottom: 90px;
    }
    .ml-lg-90 {
      margin-left: 90px;
    }
    .mr-lg-90 {
      margin-right: 90px;
    }
    .pt-lg-90 {
      padding-top: 90px;
    }
    .pb-lg-90 {
      padding-bottom: 90px;
    }
    .pl-lg-90 {
      padding-left: 90px;
    }
    .pr-lg-90 {
      padding-right: 90px;
    }
    .mt-lg-95 {
      margin-top: 95px;
    }
    .mb-lg-95 {
      margin-bottom: 95px;
    }
    .ml-lg-95 {
      margin-left: 95px;
    }
    .mr-lg-95 {
      margin-right: 95px;
    }
    .pt-lg-95 {
      padding-top: 95px;
    }
    .pb-lg-95 {
      padding-bottom: 95px;
    }
    .pl-lg-95 {
      padding-left: 95px;
    }
    .pr-lg-95 {
      padding-right: 95px;
    }
    .mt-lg-100 {
      margin-top: 100px;
    }
    .mb-lg-100 {
      margin-bottom: 100px;
    }
    .ml-lg-100 {
      margin-left: 100px;
    }
    .mr-lg-100 {
      margin-right: 100px;
    }
    .pt-lg-100 {
      padding-top: 100px;
    }
    .pb-lg-100 {
      padding-bottom: 100px;
    }
    .pl-lg-100 {
      padding-left: 100px;
    }
    .pr-lg-100 {
      padding-right: 100px;
    }
    .mt-lg-105 {
      margin-top: 105px;
    }
    .mb-lg-105 {
      margin-bottom: 105px;
    }
    .ml-lg-105 {
      margin-left: 105px;
    }
    .mr-lg-105 {
      margin-right: 105px;
    }
    .pt-lg-105 {
      padding-top: 105px;
    }
    .pb-lg-105 {
      padding-bottom: 105px;
    }
    .pl-lg-105 {
      padding-left: 105px;
    }
    .pr-lg-105 {
      padding-right: 105px;
    }
    .mt-lg-110 {
      margin-top: 110px;
    }
    .mb-lg-110 {
      margin-bottom: 110px;
    }
    .ml-lg-110 {
      margin-left: 110px;
    }
    .mr-lg-110 {
      margin-right: 110px;
    }
    .pt-lg-110 {
      padding-top: 110px;
    }
    .pb-lg-110 {
      padding-bottom: 110px;
    }
    .pl-lg-110 {
      padding-left: 110px;
    }
    .pr-lg-110 {
      padding-right: 110px;
    }
    .mt-lg-115 {
      margin-top: 115px;
    }
    .mb-lg-115 {
      margin-bottom: 115px;
    }
    .ml-lg-115 {
      margin-left: 115px;
    }
    .mr-lg-115 {
      margin-right: 115px;
    }
    .pt-lg-115 {
      padding-top: 115px;
    }
    .pb-lg-115 {
      padding-bottom: 115px;
    }
    .pl-lg-115 {
      padding-left: 115px;
    }
    .pr-lg-115 {
      padding-right: 115px;
    }
    .mt-lg-120 {
      margin-top: 120px;
    }
    .mb-lg-120 {
      margin-bottom: 120px;
    }
    .ml-lg-120 {
      margin-left: 120px;
    }
    .mr-lg-120 {
      margin-right: 120px;
    }
    .pt-lg-120 {
      padding-top: 120px;
    }
    .pb-lg-120 {
      padding-bottom: 120px;
    }
    .pl-lg-120 {
      padding-left: 120px;
    }
    .pr-lg-120 {
      padding-right: 120px;
    }
    .mt-lg-125 {
      margin-top: 125px;
    }
    .mb-lg-125 {
      margin-bottom: 125px;
    }
    .ml-lg-125 {
      margin-left: 125px;
    }
    .mr-lg-125 {
      margin-right: 125px;
    }
    .pt-lg-125 {
      padding-top: 125px;
    }
    .pb-lg-125 {
      padding-bottom: 125px;
    }
    .pl-lg-125 {
      padding-left: 125px;
    }
    .pr-lg-125 {
      padding-right: 125px;
    }
    .mt-lg-130 {
      margin-top: 130px;
    }
    .mb-lg-130 {
      margin-bottom: 130px;
    }
    .ml-lg-130 {
      margin-left: 130px;
    }
    .mr-lg-130 {
      margin-right: 130px;
    }
    .pt-lg-130 {
      padding-top: 130px;
    }
    .pb-lg-130 {
      padding-bottom: 130px;
    }
    .pl-lg-130 {
      padding-left: 130px;
    }
    .pr-lg-130 {
      padding-right: 130px;
    }
    .mt-lg-135 {
      margin-top: 135px;
    }
    .mb-lg-135 {
      margin-bottom: 135px;
    }
    .ml-lg-135 {
      margin-left: 135px;
    }
    .mr-lg-135 {
      margin-right: 135px;
    }
    .pt-lg-135 {
      padding-top: 135px;
    }
    .pb-lg-135 {
      padding-bottom: 135px;
    }
    .pl-lg-135 {
      padding-left: 135px;
    }
    .pr-lg-135 {
      padding-right: 135px;
    }
    .mt-lg-140 {
      margin-top: 140px;
    }
    .mb-lg-140 {
      margin-bottom: 140px;
    }
    .ml-lg-140 {
      margin-left: 140px;
    }
    .mr-lg-140 {
      margin-right: 140px;
    }
    .pt-lg-140 {
      padding-top: 140px;
    }
    .pb-lg-140 {
      padding-bottom: 140px;
    }
    .pl-lg-140 {
      padding-left: 140px;
    }
    .pr-lg-140 {
      padding-right: 140px;
    }
    .mt-lg-145 {
      margin-top: 145px;
    }
    .mb-lg-145 {
      margin-bottom: 145px;
    }
    .ml-lg-145 {
      margin-left: 145px;
    }
    .mr-lg-145 {
      margin-right: 145px;
    }
    .pt-lg-145 {
      padding-top: 145px;
    }
    .pb-lg-145 {
      padding-bottom: 145px;
    }
    .pl-lg-145 {
      padding-left: 145px;
    }
    .pr-lg-145 {
      padding-right: 145px;
    }
    .mt-lg-150 {
      margin-top: 150px;
    }
    .mb-lg-150 {
      margin-bottom: 150px;
    }
    .ml-lg-150 {
      margin-left: 150px;
    }
    .mr-lg-150 {
      margin-right: 150px;
    }
    .pt-lg-150 {
      padding-top: 150px;
    }
    .pb-lg-150 {
      padding-bottom: 150px;
    }
    .pl-lg-150 {
      padding-left: 150px;
    }
    .pr-lg-150 {
      padding-right: 150px;
    }
    .mt-lg-155 {
      margin-top: 155px;
    }
    .mb-lg-155 {
      margin-bottom: 155px;
    }
    .ml-lg-155 {
      margin-left: 155px;
    }
    .mr-lg-155 {
      margin-right: 155px;
    }
    .pt-lg-155 {
      padding-top: 155px;
    }
    .pb-lg-155 {
      padding-bottom: 155px;
    }
    .pl-lg-155 {
      padding-left: 155px;
    }
    .pr-lg-155 {
      padding-right: 155px;
    }
    .mt-lg-160 {
      margin-top: 160px;
    }
    .mb-lg-160 {
      margin-bottom: 160px;
    }
    .ml-lg-160 {
      margin-left: 160px;
    }
    .mr-lg-160 {
      margin-right: 160px;
    }
    .pt-lg-160 {
      padding-top: 160px;
    }
    .pb-lg-160 {
      padding-bottom: 160px;
    }
    .pl-lg-160 {
      padding-left: 160px;
    }
    .pr-lg-160 {
      padding-right: 160px;
    }
    .mt-lg-165 {
      margin-top: 165px;
    }
    .mb-lg-165 {
      margin-bottom: 165px;
    }
    .ml-lg-165 {
      margin-left: 165px;
    }
    .mr-lg-165 {
      margin-right: 165px;
    }
    .pt-lg-165 {
      padding-top: 165px;
    }
    .pb-lg-165 {
      padding-bottom: 165px;
    }
    .pl-lg-165 {
      padding-left: 165px;
    }
    .pr-lg-165 {
      padding-right: 165px;
    }
    .mt-lg-170 {
      margin-top: 170px;
    }
    .mb-lg-170 {
      margin-bottom: 170px;
    }
    .ml-lg-170 {
      margin-left: 170px;
    }
    .mr-lg-170 {
      margin-right: 170px;
    }
    .pt-lg-170 {
      padding-top: 170px;
    }
    .pb-lg-170 {
      padding-bottom: 170px;
    }
    .pl-lg-170 {
      padding-left: 170px;
    }
    .pr-lg-170 {
      padding-right: 170px;
    }
    .mt-lg-175 {
      margin-top: 175px;
    }
    .mb-lg-175 {
      margin-bottom: 175px;
    }
    .ml-lg-175 {
      margin-left: 175px;
    }
    .mr-lg-175 {
      margin-right: 175px;
    }
    .pt-lg-175 {
      padding-top: 175px;
    }
    .pb-lg-175 {
      padding-bottom: 175px;
    }
    .pl-lg-175 {
      padding-left: 175px;
    }
    .pr-lg-175 {
      padding-right: 175px;
    }
    .mt-lg-180 {
      margin-top: 180px;
    }
    .mb-lg-180 {
      margin-bottom: 180px;
    }
    .ml-lg-180 {
      margin-left: 180px;
    }
    .mr-lg-180 {
      margin-right: 180px;
    }
    .pt-lg-180 {
      padding-top: 180px;
    }
    .pb-lg-180 {
      padding-bottom: 180px;
    }
    .pl-lg-180 {
      padding-left: 180px;
    }
    .pr-lg-180 {
      padding-right: 180px;
    }
    .mt-lg-185 {
      margin-top: 185px;
    }
    .mb-lg-185 {
      margin-bottom: 185px;
    }
    .ml-lg-185 {
      margin-left: 185px;
    }
    .mr-lg-185 {
      margin-right: 185px;
    }
    .pt-lg-185 {
      padding-top: 185px;
    }
    .pb-lg-185 {
      padding-bottom: 185px;
    }
    .pl-lg-185 {
      padding-left: 185px;
    }
    .pr-lg-185 {
      padding-right: 185px;
    }
    .mt-lg-190 {
      margin-top: 190px;
    }
    .mb-lg-190 {
      margin-bottom: 190px;
    }
    .ml-lg-190 {
      margin-left: 190px;
    }
    .mr-lg-190 {
      margin-right: 190px;
    }
    .pt-lg-190 {
      padding-top: 190px;
    }
    .pb-lg-190 {
      padding-bottom: 190px;
    }
    .pl-lg-190 {
      padding-left: 190px;
    }
    .pr-lg-190 {
      padding-right: 190px;
    }
    .mt-lg-195 {
      margin-top: 195px;
    }
    .mb-lg-195 {
      margin-bottom: 195px;
    }
    .ml-lg-195 {
      margin-left: 195px;
    }
    .mr-lg-195 {
      margin-right: 195px;
    }
    .pt-lg-195 {
      padding-top: 195px;
    }
    .pb-lg-195 {
      padding-bottom: 195px;
    }
    .pl-lg-195 {
      padding-left: 195px;
    }
    .pr-lg-195 {
      padding-right: 195px;
    }
    .mt-lg-200 {
      margin-top: 200px;
    }
    .mb-lg-200 {
      margin-bottom: 200px;
    }
    .ml-lg-200 {
      margin-left: 200px;
    }
    .mr-lg-200 {
      margin-right: 200px;
    }
    .pt-lg-200 {
      padding-top: 200px;
    }
    .pb-lg-200 {
      padding-bottom: 200px;
    }
    .pl-lg-200 {
      padding-left: 200px;
    }
    .pr-lg-200 {
      padding-right: 200px;
    }
    .mt-lg-205 {
      margin-top: 205px;
    }
    .mb-lg-205 {
      margin-bottom: 205px;
    }
    .ml-lg-205 {
      margin-left: 205px;
    }
    .mr-lg-205 {
      margin-right: 205px;
    }
    .pt-lg-205 {
      padding-top: 205px;
    }
    .pb-lg-205 {
      padding-bottom: 205px;
    }
    .pl-lg-205 {
      padding-left: 205px;
    }
    .pr-lg-205 {
      padding-right: 205px;
    }
    .mt-lg-210 {
      margin-top: 210px;
    }
    .mb-lg-210 {
      margin-bottom: 210px;
    }
    .ml-lg-210 {
      margin-left: 210px;
    }
    .mr-lg-210 {
      margin-right: 210px;
    }
    .pt-lg-210 {
      padding-top: 210px;
    }
    .pb-lg-210 {
      padding-bottom: 210px;
    }
    .pl-lg-210 {
      padding-left: 210px;
    }
    .pr-lg-210 {
      padding-right: 210px;
    }
    .mt-lg-215 {
      margin-top: 215px;
    }
    .mb-lg-215 {
      margin-bottom: 215px;
    }
    .ml-lg-215 {
      margin-left: 215px;
    }
    .mr-lg-215 {
      margin-right: 215px;
    }
    .pt-lg-215 {
      padding-top: 215px;
    }
    .pb-lg-215 {
      padding-bottom: 215px;
    }
    .pl-lg-215 {
      padding-left: 215px;
    }
    .pr-lg-215 {
      padding-right: 215px;
    }
    .mt-lg-220 {
      margin-top: 220px;
    }
    .mb-lg-220 {
      margin-bottom: 220px;
    }
    .ml-lg-220 {
      margin-left: 220px;
    }
    .mr-lg-220 {
      margin-right: 220px;
    }
    .pt-lg-220 {
      padding-top: 220px;
    }
    .pb-lg-220 {
      padding-bottom: 220px;
    }
    .pl-lg-220 {
      padding-left: 220px;
    }
    .pr-lg-220 {
      padding-right: 220px;
    }
  }
  /*
  responsive css
  xl device
  */
  @media all and (min-width: 1200px) and (max-width: 1400px) {
    .mt-xl-5 {
      margin-top: 5px;
    }
    .mb-xl-5 {
      margin-bottom: 5px;
    }
    .ml-xl-5 {
      margin-left: 5px;
    }
    .mr-xl-5 {
      margin-right: 5px;
    }
    .pt-xl-5 {
      padding-top: 5px;
    }
    .pb-xl-5 {
      padding-bottom: 5px;
    }
    .pl-xl-5 {
      padding-left: 5px;
    }
    .pr-xl-5 {
      padding-right: 5px;
    }
    .mt-xl-10 {
      margin-top: 10px;
    }
    .mb-xl-10 {
      margin-bottom: 10px;
    }
    .ml-xl-10 {
      margin-left: 10px;
    }
    .mr-xl-10 {
      margin-right: 10px;
    }
    .pt-xl-10 {
      padding-top: 10px;
    }
    .pb-xl-10 {
      padding-bottom: 10px;
    }
    .pl-xl-10 {
      padding-left: 10px;
    }
    .pr-xl-10 {
      padding-right: 10px;
    }
    .mt-xl-15 {
      margin-top: 15px;
    }
    .mb-xl-15 {
      margin-bottom: 15px;
    }
    .ml-xl-15 {
      margin-left: 15px;
    }
    .mr-xl-15 {
      margin-right: 15px;
    }
    .pt-xl-15 {
      padding-top: 15px;
    }
    .pb-xl-15 {
      padding-bottom: 15px;
    }
    .pl-xl-15 {
      padding-left: 15px;
    }
    .pr-xl-15 {
      padding-right: 15px;
    }
    .mt-xl-20 {
      margin-top: 20px;
    }
    .mb-xl-20 {
      margin-bottom: 20px;
    }
    .ml-xl-20 {
      margin-left: 20px;
    }
    .mr-xl-20 {
      margin-right: 20px;
    }
    .pt-xl-20 {
      padding-top: 20px;
    }
    .pb-xl-20 {
      padding-bottom: 20px;
    }
    .pl-xl-20 {
      padding-left: 20px;
    }
    .pr-xl-20 {
      padding-right: 20px;
    }
    .mt-xl-25 {
      margin-top: 25px;
    }
    .mb-xl-25 {
      margin-bottom: 25px;
    }
    .ml-xl-25 {
      margin-left: 25px;
    }
    .mr-xl-25 {
      margin-right: 25px;
    }
    .pt-xl-25 {
      padding-top: 25px;
    }
    .pb-xl-25 {
      padding-bottom: 25px;
    }
    .pl-xl-25 {
      padding-left: 25px;
    }
    .pr-xl-25 {
      padding-right: 25px;
    }
    .mt-xl-30 {
      margin-top: 30px;
    }
    .mb-xl-30 {
      margin-bottom: 30px;
    }
    .ml-xl-30 {
      margin-left: 30px;
    }
    .mr-xl-30 {
      margin-right: 30px;
    }
    .pt-xl-30 {
      padding-top: 30px;
    }
    .pb-xl-30 {
      padding-bottom: 30px;
    }
    .pl-xl-30 {
      padding-left: 30px;
    }
    .pr-xl-30 {
      padding-right: 30px;
    }
    .mt-xl-35 {
      margin-top: 35px;
    }
    .mb-xl-35 {
      margin-bottom: 35px;
    }
    .ml-xl-35 {
      margin-left: 35px;
    }
    .mr-xl-35 {
      margin-right: 35px;
    }
    .pt-xl-35 {
      padding-top: 35px;
    }
    .pb-xl-35 {
      padding-bottom: 35px;
    }
    .pl-xl-35 {
      padding-left: 35px;
    }
    .pr-xl-35 {
      padding-right: 35px;
    }
    .mt-xl-40 {
      margin-top: 40px;
    }
    .mb-xl-40 {
      margin-bottom: 40px;
    }
    .ml-xl-40 {
      margin-left: 40px;
    }
    .mr-xl-40 {
      margin-right: 40px;
    }
    .pt-xl-40 {
      padding-top: 40px;
    }
    .pb-xl-40 {
      padding-bottom: 40px;
    }
    .pl-xl-40 {
      padding-left: 40px;
    }
    .pr-xl-40 {
      padding-right: 40px;
    }
    .mt-xl-45 {
      margin-top: 45px;
    }
    .mb-xl-45 {
      margin-bottom: 45px;
    }
    .ml-xl-45 {
      margin-left: 45px;
    }
    .mr-xl-45 {
      margin-right: 45px;
    }
    .pt-xl-45 {
      padding-top: 45px;
    }
    .pb-xl-45 {
      padding-bottom: 45px;
    }
    .pl-xl-45 {
      padding-left: 45px;
    }
    .pr-xl-45 {
      padding-right: 45px;
    }
    .mt-xl-50 {
      margin-top: 50px;
    }
    .mb-xl-50 {
      margin-bottom: 50px;
    }
    .ml-xl-50 {
      margin-left: 50px;
    }
    .mr-xl-50 {
      margin-right: 50px;
    }
    .pt-xl-50 {
      padding-top: 50px;
    }
    .pb-xl-50 {
      padding-bottom: 50px;
    }
    .pl-xl-50 {
      padding-left: 50px;
    }
    .pr-xl-50 {
      padding-right: 50px;
    }
    .mt-xl-55 {
      margin-top: 55px;
    }
    .mb-xl-55 {
      margin-bottom: 55px;
    }
    .ml-xl-55 {
      margin-left: 55px;
    }
    .mr-xl-55 {
      margin-right: 55px;
    }
    .pt-xl-55 {
      padding-top: 55px;
    }
    .pb-xl-55 {
      padding-bottom: 55px;
    }
    .pl-xl-55 {
      padding-left: 55px;
    }
    .pr-xl-55 {
      padding-right: 55px;
    }
    .mt-xl-60 {
      margin-top: 60px;
    }
    .mb-xl-60 {
      margin-bottom: 60px;
    }
    .ml-xl-60 {
      margin-left: 60px;
    }
    .mr-xl-60 {
      margin-right: 60px;
    }
    .pt-xl-60 {
      padding-top: 60px;
    }
    .pb-xl-60 {
      padding-bottom: 60px;
    }
    .pl-xl-60 {
      padding-left: 60px;
    }
    .pr-xl-60 {
      padding-right: 60px;
    }
    .mt-xl-65 {
      margin-top: 65px;
    }
    .mb-xl-65 {
      margin-bottom: 65px;
    }
    .ml-xl-65 {
      margin-left: 65px;
    }
    .mr-xl-65 {
      margin-right: 65px;
    }
    .pt-xl-65 {
      padding-top: 65px;
    }
    .pb-xl-65 {
      padding-bottom: 65px;
    }
    .pl-xl-65 {
      padding-left: 65px;
    }
    .pr-xl-65 {
      padding-right: 65px;
    }
    .mt-xl-70 {
      margin-top: 70px;
    }
    .mb-xl-70 {
      margin-bottom: 70px;
    }
    .ml-xl-70 {
      margin-left: 70px;
    }
    .mr-xl-70 {
      margin-right: 70px;
    }
    .pt-xl-70 {
      padding-top: 70px;
    }
    .pb-xl-70 {
      padding-bottom: 70px;
    }
    .pl-xl-70 {
      padding-left: 70px;
    }
    .pr-xl-70 {
      padding-right: 70px;
    }
    .mt-xl-75 {
      margin-top: 75px;
    }
    .mb-xl-75 {
      margin-bottom: 75px;
    }
    .ml-xl-75 {
      margin-left: 75px;
    }
    .mr-xl-75 {
      margin-right: 75px;
    }
    .pt-xl-75 {
      padding-top: 75px;
    }
    .pb-xl-75 {
      padding-bottom: 75px;
    }
    .pl-xl-75 {
      padding-left: 75px;
    }
    .pr-xl-75 {
      padding-right: 75px;
    }
    .mt-xl-80 {
      margin-top: 80px;
    }
    .mb-xl-80 {
      margin-bottom: 80px;
    }
    .ml-xl-80 {
      margin-left: 80px;
    }
    .mr-xl-80 {
      margin-right: 80px;
    }
    .pt-xl-80 {
      padding-top: 80px;
    }
    .pb-xl-80 {
      padding-bottom: 80px;
    }
    .pl-xl-80 {
      padding-left: 80px;
    }
    .pr-xl-80 {
      padding-right: 80px;
    }
    .mt-xl-85 {
      margin-top: 85px;
    }
    .mb-xl-85 {
      margin-bottom: 85px;
    }
    .ml-xl-85 {
      margin-left: 85px;
    }
    .mr-xl-85 {
      margin-right: 85px;
    }
    .pt-xl-85 {
      padding-top: 85px;
    }
    .pb-xl-85 {
      padding-bottom: 85px;
    }
    .pl-xl-85 {
      padding-left: 85px;
    }
    .pr-xl-85 {
      padding-right: 85px;
    }
    .mt-xl-90 {
      margin-top: 90px;
    }
    .mb-xl-90 {
      margin-bottom: 90px;
    }
    .ml-xl-90 {
      margin-left: 90px;
    }
    .mr-xl-90 {
      margin-right: 90px;
    }
    .pt-xl-90 {
      padding-top: 90px;
    }
    .pb-xl-90 {
      padding-bottom: 90px;
    }
    .pl-xl-90 {
      padding-left: 90px;
    }
    .pr-xl-90 {
      padding-right: 90px;
    }
    .mt-xl-95 {
      margin-top: 95px;
    }
    .mb-xl-95 {
      margin-bottom: 95px;
    }
    .ml-xl-95 {
      margin-left: 95px;
    }
    .mr-xl-95 {
      margin-right: 95px;
    }
    .pt-xl-95 {
      padding-top: 95px;
    }
    .pb-xl-95 {
      padding-bottom: 95px;
    }
    .pl-xl-95 {
      padding-left: 95px;
    }
    .pr-xl-95 {
      padding-right: 95px;
    }
    .mt-xl-100 {
      margin-top: 100px;
    }
    .mb-xl-100 {
      margin-bottom: 100px;
    }
    .ml-xl-100 {
      margin-left: 100px;
    }
    .mr-xl-100 {
      margin-right: 100px;
    }
    .pt-xl-100 {
      padding-top: 100px;
    }
    .pb-xl-100 {
      padding-bottom: 100px;
    }
    .pl-xl-100 {
      padding-left: 100px;
    }
    .pr-xl-100 {
      padding-right: 100px;
    }
    .mt-xl-105 {
      margin-top: 105px;
    }
    .mb-xl-105 {
      margin-bottom: 105px;
    }
    .ml-xl-105 {
      margin-left: 105px;
    }
    .mr-xl-105 {
      margin-right: 105px;
    }
    .pt-xl-105 {
      padding-top: 105px;
    }
    .pb-xl-105 {
      padding-bottom: 105px;
    }
    .pl-xl-105 {
      padding-left: 105px;
    }
    .pr-xl-105 {
      padding-right: 105px;
    }
    .mt-xl-110 {
      margin-top: 110px;
    }
    .mb-xl-110 {
      margin-bottom: 110px;
    }
    .ml-xl-110 {
      margin-left: 110px;
    }
    .mr-xl-110 {
      margin-right: 110px;
    }
    .pt-xl-110 {
      padding-top: 110px;
    }
    .pb-xl-110 {
      padding-bottom: 110px;
    }
    .pl-xl-110 {
      padding-left: 110px;
    }
    .pr-xl-110 {
      padding-right: 110px;
    }
    .mt-xl-115 {
      margin-top: 115px;
    }
    .mb-xl-115 {
      margin-bottom: 115px;
    }
    .ml-xl-115 {
      margin-left: 115px;
    }
    .mr-xl-115 {
      margin-right: 115px;
    }
    .pt-xl-115 {
      padding-top: 115px;
    }
    .pb-xl-115 {
      padding-bottom: 115px;
    }
    .pl-xl-115 {
      padding-left: 115px;
    }
    .pr-xl-115 {
      padding-right: 115px;
    }
    .mt-xl-120 {
      margin-top: 120px;
    }
    .mb-xl-120 {
      margin-bottom: 120px;
    }
    .ml-xl-120 {
      margin-left: 120px;
    }
    .mr-xl-120 {
      margin-right: 120px;
    }
    .pt-xl-120 {
      padding-top: 120px;
    }
    .pb-xl-120 {
      padding-bottom: 120px;
    }
    .pl-xl-120 {
      padding-left: 120px;
    }
    .pr-xl-120 {
      padding-right: 120px;
    }
    .mt-xl-125 {
      margin-top: 125px;
    }
    .mb-xl-125 {
      margin-bottom: 125px;
    }
    .ml-xl-125 {
      margin-left: 125px;
    }
    .mr-xl-125 {
      margin-right: 125px;
    }
    .pt-xl-125 {
      padding-top: 125px;
    }
    .pb-xl-125 {
      padding-bottom: 125px;
    }
    .pl-xl-125 {
      padding-left: 125px;
    }
    .pr-xl-125 {
      padding-right: 125px;
    }
    .mt-xl-130 {
      margin-top: 130px;
    }
    .mb-xl-130 {
      margin-bottom: 130px;
    }
    .ml-xl-130 {
      margin-left: 130px;
    }
    .mr-xl-130 {
      margin-right: 130px;
    }
    .pt-xl-130 {
      padding-top: 130px;
    }
    .pb-xl-130 {
      padding-bottom: 130px;
    }
    .pl-xl-130 {
      padding-left: 130px;
    }
    .pr-xl-130 {
      padding-right: 130px;
    }
    .mt-xl-135 {
      margin-top: 135px;
    }
    .mb-xl-135 {
      margin-bottom: 135px;
    }
    .ml-xl-135 {
      margin-left: 135px;
    }
    .mr-xl-135 {
      margin-right: 135px;
    }
    .pt-xl-135 {
      padding-top: 135px;
    }
    .pb-xl-135 {
      padding-bottom: 135px;
    }
    .pl-xl-135 {
      padding-left: 135px;
    }
    .pr-xl-135 {
      padding-right: 135px;
    }
    .mt-xl-140 {
      margin-top: 140px;
    }
    .mb-xl-140 {
      margin-bottom: 140px;
    }
    .ml-xl-140 {
      margin-left: 140px;
    }
    .mr-xl-140 {
      margin-right: 140px;
    }
    .pt-xl-140 {
      padding-top: 140px;
    }
    .pb-xl-140 {
      padding-bottom: 140px;
    }
    .pl-xl-140 {
      padding-left: 140px;
    }
    .pr-xl-140 {
      padding-right: 140px;
    }
    .mt-xl-145 {
      margin-top: 145px;
    }
    .mb-xl-145 {
      margin-bottom: 145px;
    }
    .ml-xl-145 {
      margin-left: 145px;
    }
    .mr-xl-145 {
      margin-right: 145px;
    }
    .pt-xl-145 {
      padding-top: 145px;
    }
    .pb-xl-145 {
      padding-bottom: 145px;
    }
    .pl-xl-145 {
      padding-left: 145px;
    }
    .pr-xl-145 {
      padding-right: 145px;
    }
    .mt-xl-150 {
      margin-top: 150px;
    }
    .mb-xl-150 {
      margin-bottom: 150px;
    }
    .ml-xl-150 {
      margin-left: 150px;
    }
    .mr-xl-150 {
      margin-right: 150px;
    }
    .pt-xl-150 {
      padding-top: 150px;
    }
    .pb-xl-150 {
      padding-bottom: 150px;
    }
    .pl-xl-150 {
      padding-left: 150px;
    }
    .pr-xl-150 {
      padding-right: 150px;
    }
    .mt-xl-155 {
      margin-top: 155px;
    }
    .mb-xl-155 {
      margin-bottom: 155px;
    }
    .ml-xl-155 {
      margin-left: 155px;
    }
    .mr-xl-155 {
      margin-right: 155px;
    }
    .pt-xl-155 {
      padding-top: 155px;
    }
    .pb-xl-155 {
      padding-bottom: 155px;
    }
    .pl-xl-155 {
      padding-left: 155px;
    }
    .pr-xl-155 {
      padding-right: 155px;
    }
    .mt-xl-160 {
      margin-top: 160px;
    }
    .mb-xl-160 {
      margin-bottom: 160px;
    }
    .ml-xl-160 {
      margin-left: 160px;
    }
    .mr-xl-160 {
      margin-right: 160px;
    }
    .pt-xl-160 {
      padding-top: 160px;
    }
    .pb-xl-160 {
      padding-bottom: 160px;
    }
    .pl-xl-160 {
      padding-left: 160px;
    }
    .pr-xl-160 {
      padding-right: 160px;
    }
    .mt-xl-165 {
      margin-top: 165px;
    }
    .mb-xl-165 {
      margin-bottom: 165px;
    }
    .ml-xl-165 {
      margin-left: 165px;
    }
    .mr-xl-165 {
      margin-right: 165px;
    }
    .pt-xl-165 {
      padding-top: 165px;
    }
    .pb-xl-165 {
      padding-bottom: 165px;
    }
    .pl-xl-165 {
      padding-left: 165px;
    }
    .pr-xl-165 {
      padding-right: 165px;
    }
    .mt-xl-170 {
      margin-top: 170px;
    }
    .mb-xl-170 {
      margin-bottom: 170px;
    }
    .ml-xl-170 {
      margin-left: 170px;
    }
    .mr-xl-170 {
      margin-right: 170px;
    }
    .pt-xl-170 {
      padding-top: 170px;
    }
    .pb-xl-170 {
      padding-bottom: 170px;
    }
    .pl-xl-170 {
      padding-left: 170px;
    }
    .pr-xl-170 {
      padding-right: 170px;
    }
    .mt-xl-175 {
      margin-top: 175px;
    }
    .mb-xl-175 {
      margin-bottom: 175px;
    }
    .ml-xl-175 {
      margin-left: 175px;
    }
    .mr-xl-175 {
      margin-right: 175px;
    }
    .pt-xl-175 {
      padding-top: 175px;
    }
    .pb-xl-175 {
      padding-bottom: 175px;
    }
    .pl-xl-175 {
      padding-left: 175px;
    }
    .pr-xl-175 {
      padding-right: 175px;
    }
    .mt-xl-180 {
      margin-top: 180px;
    }
    .mb-xl-180 {
      margin-bottom: 180px;
    }
    .ml-xl-180 {
      margin-left: 180px;
    }
    .mr-xl-180 {
      margin-right: 180px;
    }
    .pt-xl-180 {
      padding-top: 180px;
    }
    .pb-xl-180 {
      padding-bottom: 180px;
    }
    .pl-xl-180 {
      padding-left: 180px;
    }
    .pr-xl-180 {
      padding-right: 180px;
    }
    .mt-xl-185 {
      margin-top: 185px;
    }
    .mb-xl-185 {
      margin-bottom: 185px;
    }
    .ml-xl-185 {
      margin-left: 185px;
    }
    .mr-xl-185 {
      margin-right: 185px;
    }
    .pt-xl-185 {
      padding-top: 185px;
    }
    .pb-xl-185 {
      padding-bottom: 185px;
    }
    .pl-xl-185 {
      padding-left: 185px;
    }
    .pr-xl-185 {
      padding-right: 185px;
    }
    .mt-xl-190 {
      margin-top: 190px;
    }
    .mb-xl-190 {
      margin-bottom: 190px;
    }
    .ml-xl-190 {
      margin-left: 190px;
    }
    .mr-xl-190 {
      margin-right: 190px;
    }
    .pt-xl-190 {
      padding-top: 190px;
    }
    .pb-xl-190 {
      padding-bottom: 190px;
    }
    .pl-xl-190 {
      padding-left: 190px;
    }
    .pr-xl-190 {
      padding-right: 190px;
    }
    .mt-xl-195 {
      margin-top: 195px;
    }
    .mb-xl-195 {
      margin-bottom: 195px;
    }
    .ml-xl-195 {
      margin-left: 195px;
    }
    .mr-xl-195 {
      margin-right: 195px;
    }
    .pt-xl-195 {
      padding-top: 195px;
    }
    .pb-xl-195 {
      padding-bottom: 195px;
    }
    .pl-xl-195 {
      padding-left: 195px;
    }
    .pr-xl-195 {
      padding-right: 195px;
    }
    .mt-xl-200 {
      margin-top: 200px;
    }
    .mb-xl-200 {
      margin-bottom: 200px;
    }
    .ml-xl-200 {
      margin-left: 200px;
    }
    .mr-xl-200 {
      margin-right: 200px;
    }
    .pt-xl-200 {
      padding-top: 200px;
    }
    .pb-xl-200 {
      padding-bottom: 200px;
    }
    .pl-xl-200 {
      padding-left: 200px;
    }
    .pr-xl-200 {
      padding-right: 200px;
    }
    .mt-xl-205 {
      margin-top: 205px;
    }
    .mb-xl-205 {
      margin-bottom: 205px;
    }
    .ml-xl-205 {
      margin-left: 205px;
    }
    .mr-xl-205 {
      margin-right: 205px;
    }
    .pt-xl-205 {
      padding-top: 205px;
    }
    .pb-xl-205 {
      padding-bottom: 205px;
    }
    .pl-xl-205 {
      padding-left: 205px;
    }
    .pr-xl-205 {
      padding-right: 205px;
    }
    .mt-xl-210 {
      margin-top: 210px;
    }
    .mb-xl-210 {
      margin-bottom: 210px;
    }
    .ml-xl-210 {
      margin-left: 210px;
    }
    .mr-xl-210 {
      margin-right: 210px;
    }
    .pt-xl-210 {
      padding-top: 210px;
    }
    .pb-xl-210 {
      padding-bottom: 210px;
    }
    .pl-xl-210 {
      padding-left: 210px;
    }
    .pr-xl-210 {
      padding-right: 210px;
    }
    .mt-xl-215 {
      margin-top: 215px;
    }
    .mb-xl-215 {
      margin-bottom: 215px;
    }
    .ml-xl-215 {
      margin-left: 215px;
    }
    .mr-xl-215 {
      margin-right: 215px;
    }
    .pt-xl-215 {
      padding-top: 215px;
    }
    .pb-xl-215 {
      padding-bottom: 215px;
    }
    .pl-xl-215 {
      padding-left: 215px;
    }
    .pr-xl-215 {
      padding-right: 215px;
    }
    .mt-xl-220 {
      margin-top: 220px;
    }
    .mb-xl-220 {
      margin-bottom: 220px;
    }
    .ml-xl-220 {
      margin-left: 220px;
    }
    .mr-xl-220 {
      margin-right: 220px;
    }
    .pt-xl-220 {
      padding-top: 220px;
    }
    .pb-xl-220 {
      padding-bottom: 220px;
    }
    .pl-xl-220 {
      padding-left: 220px;
    }
    .pr-xl-220 {
      padding-right: 220px;
    }
  }
  /*
  
  responsive css
  xs device
  */
  @media all and (max-width: 575px) {
    .mt-xs-5 {
      margin-top: 5px;
    }
    .mb-xs-5 {
      margin-bottom: 5px;
    }
    .ml-xs-5 {
      margin-left: 5px;
    }
    .mr-xs-5 {
      margin-right: 5px;
    }
    .pt-xs-5 {
      padding-top: 5px;
    }
    .pb-xs-5 {
      padding-bottom: 5px;
    }
    .pl-xs-5 {
      padding-left: 5px;
    }
    .pr-xs-5 {
      padding-right: 5px;
    }
    .mt-xs-10 {
      margin-top: 10px;
    }
    .mb-xs-10 {
      margin-bottom: 10px;
    }
    .ml-xs-10 {
      margin-left: 10px;
    }
    .mr-xs-10 {
      margin-right: 10px;
    }
    .pt-xs-10 {
      padding-top: 10px;
    }
    .pb-xs-10 {
      padding-bottom: 10px;
    }
    .pl-xs-10 {
      padding-left: 10px;
    }
    .pr-xs-10 {
      padding-right: 10px;
    }
    .mt-xs-15 {
      margin-top: 15px;
    }
    .mb-xs-15 {
      margin-bottom: 15px;
    }
    .ml-xs-15 {
      margin-left: 15px;
    }
    .mr-xs-15 {
      margin-right: 15px;
    }
    .pt-xs-15 {
      padding-top: 15px;
    }
    .pb-xs-15 {
      padding-bottom: 15px;
    }
    .pl-xs-15 {
      padding-left: 15px;
    }
    .pr-xs-15 {
      padding-right: 15px;
    }
    .mt-xs-20 {
      margin-top: 20px;
    }
    .mb-xs-20 {
      margin-bottom: 20px;
    }
    .ml-xs-20 {
      margin-left: 20px;
    }
    .mr-xs-20 {
      margin-right: 20px;
    }
    .pt-xs-20 {
      padding-top: 20px;
    }
    .pb-xs-20 {
      padding-bottom: 20px;
    }
    .pl-xs-20 {
      padding-left: 20px;
    }
    .pr-xs-20 {
      padding-right: 20px;
    }
    .mt-xs-25 {
      margin-top: 25px;
    }
    .mb-xs-25 {
      margin-bottom: 25px;
    }
    .ml-xs-25 {
      margin-left: 25px;
    }
    .mr-xs-25 {
      margin-right: 25px;
    }
    .pt-xs-25 {
      padding-top: 25px;
    }
    .pb-xs-25 {
      padding-bottom: 25px;
    }
    .pl-xs-25 {
      padding-left: 25px;
    }
    .pr-xs-25 {
      padding-right: 25px;
    }
    .mt-xs-30 {
      margin-top: 30px;
    }
    .mb-xs-30 {
      margin-bottom: 30px;
    }
    .ml-xs-30 {
      margin-left: 30px;
    }
    .mr-xs-30 {
      margin-right: 30px;
    }
    .pt-xs-30 {
      padding-top: 30px;
    }
    .pb-xs-30 {
      padding-bottom: 30px;
    }
    .pl-xs-30 {
      padding-left: 30px;
    }
    .pr-xs-30 {
      padding-right: 30px;
    }
    .mt-xs-35 {
      margin-top: 35px;
    }
    .mb-xs-35 {
      margin-bottom: 35px;
    }
    .ml-xs-35 {
      margin-left: 35px;
    }
    .mr-xs-35 {
      margin-right: 35px;
    }
    .pt-xs-35 {
      padding-top: 35px;
    }
    .pb-xs-35 {
      padding-bottom: 35px;
    }
    .pl-xs-35 {
      padding-left: 35px;
    }
    .pr-xs-35 {
      padding-right: 35px;
    }
    .mt-xs-40 {
      margin-top: 40px;
    }
    .mb-xs-40 {
      margin-bottom: 40px;
    }
    .ml-xs-40 {
      margin-left: 40px;
    }
    .mr-xs-40 {
      margin-right: 40px;
    }
    .pt-xs-40 {
      padding-top: 40px;
    }
    .pb-xs-40 {
      padding-bottom: 40px;
    }
    .pl-xs-40 {
      padding-left: 40px;
    }
    .pr-xs-40 {
      padding-right: 40px;
    }
    .mt-xs-45 {
      margin-top: 45px;
    }
    .mb-xs-45 {
      margin-bottom: 45px;
    }
    .ml-xs-45 {
      margin-left: 45px;
    }
    .mr-xs-45 {
      margin-right: 45px;
    }
    .pt-xs-45 {
      padding-top: 45px;
    }
    .pb-xs-45 {
      padding-bottom: 45px;
    }
    .pl-xs-45 {
      padding-left: 45px;
    }
    .pr-xs-45 {
      padding-right: 45px;
    }
    .mt-xs-50 {
      margin-top: 50px;
    }
    .mb-xs-50 {
      margin-bottom: 50px;
    }
    .ml-xs-50 {
      margin-left: 50px;
    }
    .mr-xs-50 {
      margin-right: 50px;
    }
    .pt-xs-50 {
      padding-top: 50px;
    }
    .pb-xs-50 {
      padding-bottom: 50px;
    }
    .pl-xs-50 {
      padding-left: 50px;
    }
    .pr-xs-50 {
      padding-right: 50px;
    }
    .mt-xs-55 {
      margin-top: 55px;
    }
    .mb-xs-55 {
      margin-bottom: 55px;
    }
    .ml-xs-55 {
      margin-left: 55px;
    }
    .mr-xs-55 {
      margin-right: 55px;
    }
    .pt-xs-55 {
      padding-top: 55px;
    }
    .pb-xs-55 {
      padding-bottom: 55px;
    }
    .pl-xs-55 {
      padding-left: 55px;
    }
    .pr-xs-55 {
      padding-right: 55px;
    }
    .mt-xs-60 {
      margin-top: 60px;
    }
    .mb-xs-60 {
      margin-bottom: 60px;
    }
    .ml-xs-60 {
      margin-left: 60px;
    }
    .mr-xs-60 {
      margin-right: 60px;
    }
    .pt-xs-60 {
      padding-top: 60px;
    }
    .pb-xs-60 {
      padding-bottom: 60px;
    }
    .pl-xs-60 {
      padding-left: 60px;
    }
    .pr-xs-60 {
      padding-right: 60px;
    }
    .mt-xs-65 {
      margin-top: 65px;
    }
    .mb-xs-65 {
      margin-bottom: 65px;
    }
    .ml-xs-65 {
      margin-left: 65px;
    }
    .mr-xs-65 {
      margin-right: 65px;
    }
    .pt-xs-65 {
      padding-top: 65px;
    }
    .pb-xs-65 {
      padding-bottom: 65px;
    }
    .pl-xs-65 {
      padding-left: 65px;
    }
    .pr-xs-65 {
      padding-right: 65px;
    }
    .mt-xs-70 {
      margin-top: 70px;
    }
    .mb-xs-70 {
      margin-bottom: 70px;
    }
    .ml-xs-70 {
      margin-left: 70px;
    }
    .mr-xs-70 {
      margin-right: 70px;
    }
    .pt-xs-70 {
      padding-top: 70px;
    }
    .pb-xs-70 {
      padding-bottom: 70px;
    }
    .pl-xs-70 {
      padding-left: 70px;
    }
    .pr-xs-70 {
      padding-right: 70px;
    }
    .mt-xs-75 {
      margin-top: 75px;
    }
    .mb-xs-75 {
      margin-bottom: 75px;
    }
    .ml-xs-75 {
      margin-left: 75px;
    }
    .mr-xs-75 {
      margin-right: 75px;
    }
    .pt-xs-75 {
      padding-top: 75px;
    }
    .pb-xs-75 {
      padding-bottom: 75px;
    }
    .pl-xs-75 {
      padding-left: 75px;
    }
    .pr-xs-75 {
      padding-right: 75px;
    }
    .mt-xs-80 {
      margin-top: 80px;
    }
    .mb-xs-80 {
      margin-bottom: 80px;
    }
    .ml-xs-80 {
      margin-left: 80px;
    }
    .mr-xs-80 {
      margin-right: 80px;
    }
    .pt-xs-80 {
      padding-top: 80px;
    }
    .pb-xs-80 {
      padding-bottom: 80px;
    }
    .pl-xs-80 {
      padding-left: 80px;
    }
    .pr-xs-80 {
      padding-right: 80px;
    }
    .mt-xs-85 {
      margin-top: 85px;
    }
    .mb-xs-85 {
      margin-bottom: 85px;
    }
    .ml-xs-85 {
      margin-left: 85px;
    }
    .mr-xs-85 {
      margin-right: 85px;
    }
    .pt-xs-85 {
      padding-top: 85px;
    }
    .pb-xs-85 {
      padding-bottom: 85px;
    }
    .pl-xs-85 {
      padding-left: 85px;
    }
    .pr-xs-85 {
      padding-right: 85px;
    }
    .mt-xs-90 {
      margin-top: 90px;
    }
    .mb-xs-90 {
      margin-bottom: 90px;
    }
    .ml-xs-90 {
      margin-left: 90px;
    }
    .mr-xs-90 {
      margin-right: 90px;
    }
    .pt-xs-90 {
      padding-top: 90px;
    }
    .pb-xs-90 {
      padding-bottom: 90px;
    }
    .pl-xs-90 {
      padding-left: 90px;
    }
    .pr-xs-90 {
      padding-right: 90px;
    }
    .mt-xs-95 {
      margin-top: 95px;
    }
    .mb-xs-95 {
      margin-bottom: 95px;
    }
    .ml-xs-95 {
      margin-left: 95px;
    }
    .mr-xs-95 {
      margin-right: 95px;
    }
    .pt-xs-95 {
      padding-top: 95px;
    }
    .pb-xs-95 {
      padding-bottom: 95px;
    }
    .pl-xs-95 {
      padding-left: 95px;
    }
    .pr-xs-95 {
      padding-right: 95px;
    }
    .mt-xs-100 {
      margin-top: 100px;
    }
    .mb-xs-100 {
      margin-bottom: 100px;
    }
    .ml-xs-100 {
      margin-left: 100px;
    }
    .mr-xs-100 {
      margin-right: 100px;
    }
    .pt-xs-100 {
      padding-top: 100px;
    }
    .pb-xs-100 {
      padding-bottom: 100px;
    }
    .pl-xs-100 {
      padding-left: 100px;
    }
    .pr-xs-100 {
      padding-right: 100px;
    }
    .mt-xs-105 {
      margin-top: 105px;
    }
    .mb-xs-105 {
      margin-bottom: 105px;
    }
    .ml-xs-105 {
      margin-left: 105px;
    }
    .mr-xs-105 {
      margin-right: 105px;
    }
    .pt-xs-105 {
      padding-top: 105px;
    }
    .pb-xs-105 {
      padding-bottom: 105px;
    }
    .pl-xs-105 {
      padding-left: 105px;
    }
    .pr-xs-105 {
      padding-right: 105px;
    }
    .mt-xs-110 {
      margin-top: 110px;
    }
    .mb-xs-110 {
      margin-bottom: 110px;
    }
    .ml-xs-110 {
      margin-left: 110px;
    }
    .mr-xs-110 {
      margin-right: 110px;
    }
    .pt-xs-110 {
      padding-top: 110px;
    }
    .pb-xs-110 {
      padding-bottom: 110px;
    }
    .pl-xs-110 {
      padding-left: 110px;
    }
    .pr-xs-110 {
      padding-right: 110px;
    }
    .mt-xs-115 {
      margin-top: 115px;
    }
    .mb-xs-115 {
      margin-bottom: 115px;
    }
    .ml-xs-115 {
      margin-left: 115px;
    }
    .mr-xs-115 {
      margin-right: 115px;
    }
    .pt-xs-115 {
      padding-top: 115px;
    }
    .pb-xs-115 {
      padding-bottom: 115px;
    }
    .pl-xs-115 {
      padding-left: 115px;
    }
    .pr-xs-115 {
      padding-right: 115px;
    }
    .mt-xs-120 {
      margin-top: 120px;
    }
    .mb-xs-120 {
      margin-bottom: 120px;
    }
    .ml-xs-120 {
      margin-left: 120px;
    }
    .mr-xs-120 {
      margin-right: 120px;
    }
    .pt-xs-120 {
      padding-top: 120px;
    }
    .pb-xs-120 {
      padding-bottom: 120px;
    }
    .pl-xs-120 {
      padding-left: 120px;
    }
    .pr-xs-120 {
      padding-right: 120px;
    }
    .mt-xs-125 {
      margin-top: 125px;
    }
    .mb-xs-125 {
      margin-bottom: 125px;
    }
    .ml-xs-125 {
      margin-left: 125px;
    }
    .mr-xs-125 {
      margin-right: 125px;
    }
    .pt-xs-125 {
      padding-top: 125px;
    }
    .pb-xs-125 {
      padding-bottom: 125px;
    }
    .pl-xs-125 {
      padding-left: 125px;
    }
    .pr-xs-125 {
      padding-right: 125px;
    }
    .mt-xs-130 {
      margin-top: 130px;
    }
    .mb-xs-130 {
      margin-bottom: 130px;
    }
    .ml-xs-130 {
      margin-left: 130px;
    }
    .mr-xs-130 {
      margin-right: 130px;
    }
    .pt-xs-130 {
      padding-top: 130px;
    }
    .pb-xs-130 {
      padding-bottom: 130px;
    }
    .pl-xs-130 {
      padding-left: 130px;
    }
    .pr-xs-130 {
      padding-right: 130px;
    }
    .mt-xs-135 {
      margin-top: 135px;
    }
    .mb-xs-135 {
      margin-bottom: 135px;
    }
    .ml-xs-135 {
      margin-left: 135px;
    }
    .mr-xs-135 {
      margin-right: 135px;
    }
    .pt-xs-135 {
      padding-top: 135px;
    }
    .pb-xs-135 {
      padding-bottom: 135px;
    }
    .pl-xs-135 {
      padding-left: 135px;
    }
    .pr-xs-135 {
      padding-right: 135px;
    }
    .mt-xs-140 {
      margin-top: 140px;
    }
    .mb-xs-140 {
      margin-bottom: 140px;
    }
    .ml-xs-140 {
      margin-left: 140px;
    }
    .mr-xs-140 {
      margin-right: 140px;
    }
    .pt-xs-140 {
      padding-top: 140px;
    }
    .pb-xs-140 {
      padding-bottom: 140px;
    }
    .pl-xs-140 {
      padding-left: 140px;
    }
    .pr-xs-140 {
      padding-right: 140px;
    }
    .mt-xs-145 {
      margin-top: 145px;
    }
    .mb-xs-145 {
      margin-bottom: 145px;
    }
    .ml-xs-145 {
      margin-left: 145px;
    }
    .mr-xs-145 {
      margin-right: 145px;
    }
    .pt-xs-145 {
      padding-top: 145px;
    }
    .pb-xs-145 {
      padding-bottom: 145px;
    }
    .pl-xs-145 {
      padding-left: 145px;
    }
    .pr-xs-145 {
      padding-right: 145px;
    }
    .mt-xs-150 {
      margin-top: 150px;
    }
    .mb-xs-150 {
      margin-bottom: 150px;
    }
    .ml-xs-150 {
      margin-left: 150px;
    }
    .mr-xs-150 {
      margin-right: 150px;
    }
    .pt-xs-150 {
      padding-top: 150px;
    }
    .pb-xs-150 {
      padding-bottom: 150px;
    }
    .pl-xs-150 {
      padding-left: 150px;
    }
    .pr-xs-150 {
      padding-right: 150px;
    }
    .mt-xs-155 {
      margin-top: 155px;
    }
    .mb-xs-155 {
      margin-bottom: 155px;
    }
    .ml-xs-155 {
      margin-left: 155px;
    }
    .mr-xs-155 {
      margin-right: 155px;
    }
    .pt-xs-155 {
      padding-top: 155px;
    }
    .pb-xs-155 {
      padding-bottom: 155px;
    }
    .pl-xs-155 {
      padding-left: 155px;
    }
    .pr-xs-155 {
      padding-right: 155px;
    }
    .mt-xs-160 {
      margin-top: 160px;
    }
    .mb-xs-160 {
      margin-bottom: 160px;
    }
    .ml-xs-160 {
      margin-left: 160px;
    }
    .mr-xs-160 {
      margin-right: 160px;
    }
    .pt-xs-160 {
      padding-top: 160px;
    }
    .pb-xs-160 {
      padding-bottom: 160px;
    }
    .pl-xs-160 {
      padding-left: 160px;
    }
    .pr-xs-160 {
      padding-right: 160px;
    }
    .mt-xs-165 {
      margin-top: 165px;
    }
    .mb-xs-165 {
      margin-bottom: 165px;
    }
    .ml-xs-165 {
      margin-left: 165px;
    }
    .mr-xs-165 {
      margin-right: 165px;
    }
    .pt-xs-165 {
      padding-top: 165px;
    }
    .pb-xs-165 {
      padding-bottom: 165px;
    }
    .pl-xs-165 {
      padding-left: 165px;
    }
    .pr-xs-165 {
      padding-right: 165px;
    }
    .mt-xs-170 {
      margin-top: 170px;
    }
    .mb-xs-170 {
      margin-bottom: 170px;
    }
    .ml-xs-170 {
      margin-left: 170px;
    }
    .mr-xs-170 {
      margin-right: 170px;
    }
    .pt-xs-170 {
      padding-top: 170px;
    }
    .pb-xs-170 {
      padding-bottom: 170px;
    }
    .pl-xs-170 {
      padding-left: 170px;
    }
    .pr-xs-170 {
      padding-right: 170px;
    }
    .mt-xs-175 {
      margin-top: 175px;
    }
    .mb-xs-175 {
      margin-bottom: 175px;
    }
    .ml-xs-175 {
      margin-left: 175px;
    }
    .mr-xs-175 {
      margin-right: 175px;
    }
    .pt-xs-175 {
      padding-top: 175px;
    }
    .pb-xs-175 {
      padding-bottom: 175px;
    }
    .pl-xs-175 {
      padding-left: 175px;
    }
    .pr-xs-175 {
      padding-right: 175px;
    }
    .mt-xs-180 {
      margin-top: 180px;
    }
    .mb-xs-180 {
      margin-bottom: 180px;
    }
    .ml-xs-180 {
      margin-left: 180px;
    }
    .mr-xs-180 {
      margin-right: 180px;
    }
    .pt-xs-180 {
      padding-top: 180px;
    }
    .pb-xs-180 {
      padding-bottom: 180px;
    }
    .pl-xs-180 {
      padding-left: 180px;
    }
    .pr-xs-180 {
      padding-right: 180px;
    }
    .mt-xs-185 {
      margin-top: 185px;
    }
    .mb-xs-185 {
      margin-bottom: 185px;
    }
    .ml-xs-185 {
      margin-left: 185px;
    }
    .mr-xs-185 {
      margin-right: 185px;
    }
    .pt-xs-185 {
      padding-top: 185px;
    }
    .pb-xs-185 {
      padding-bottom: 185px;
    }
    .pl-xs-185 {
      padding-left: 185px;
    }
    .pr-xs-185 {
      padding-right: 185px;
    }
    .mt-xs-190 {
      margin-top: 190px;
    }
    .mb-xs-190 {
      margin-bottom: 190px;
    }
    .ml-xs-190 {
      margin-left: 190px;
    }
    .mr-xs-190 {
      margin-right: 190px;
    }
    .pt-xs-190 {
      padding-top: 190px;
    }
    .pb-xs-190 {
      padding-bottom: 190px;
    }
    .pl-xs-190 {
      padding-left: 190px;
    }
    .pr-xs-190 {
      padding-right: 190px;
    }
    .mt-xs-195 {
      margin-top: 195px;
    }
    .mb-xs-195 {
      margin-bottom: 195px;
    }
    .ml-xs-195 {
      margin-left: 195px;
    }
    .mr-xs-195 {
      margin-right: 195px;
    }
    .pt-xs-195 {
      padding-top: 195px;
    }
    .pb-xs-195 {
      padding-bottom: 195px;
    }
    .pl-xs-195 {
      padding-left: 195px;
    }
    .pr-xs-195 {
      padding-right: 195px;
    }
    .mt-xs-200 {
      margin-top: 200px;
    }
    .mb-xs-200 {
      margin-bottom: 200px;
    }
    .ml-xs-200 {
      margin-left: 200px;
    }
    .mr-xs-200 {
      margin-right: 200px;
    }
    .pt-xs-200 {
      padding-top: 200px;
    }
    .pb-xs-200 {
      padding-bottom: 200px;
    }
    .pl-xs-200 {
      padding-left: 200px;
    }
    .pr-xs-200 {
      padding-right: 200px;
    }
    .mt-xs-205 {
      margin-top: 205px;
    }
    .mb-xs-205 {
      margin-bottom: 205px;
    }
    .ml-xs-205 {
      margin-left: 205px;
    }
    .mr-xs-205 {
      margin-right: 205px;
    }
    .pt-xs-205 {
      padding-top: 205px;
    }
    .pb-xs-205 {
      padding-bottom: 205px;
    }
    .pl-xs-205 {
      padding-left: 205px;
    }
    .pr-xs-205 {
      padding-right: 205px;
    }
    .mt-xs-210 {
      margin-top: 210px;
    }
    .mb-xs-210 {
      margin-bottom: 210px;
    }
    .ml-xs-210 {
      margin-left: 210px;
    }
    .mr-xs-210 {
      margin-right: 210px;
    }
    .pt-xs-210 {
      padding-top: 210px;
    }
    .pb-xs-210 {
      padding-bottom: 210px;
    }
    .pl-xs-210 {
      padding-left: 210px;
    }
    .pr-xs-210 {
      padding-right: 210px;
    }
    .mt-xs-215 {
      margin-top: 215px;
    }
    .mb-xs-215 {
      margin-bottom: 215px;
    }
    .ml-xs-215 {
      margin-left: 215px;
    }
    .mr-xs-215 {
      margin-right: 215px;
    }
    .pt-xs-215 {
      padding-top: 215px;
    }
    .pb-xs-215 {
      padding-bottom: 215px;
    }
    .pl-xs-215 {
      padding-left: 215px;
    }
    .pr-xs-215 {
      padding-right: 215px;
    }
    .mt-xs-220 {
      margin-top: 220px;
    }
    .mb-xs-220 {
      margin-bottom: 220px;
    }
    .ml-xs-220 {
      margin-left: 220px;
    }
    .mr-xs-220 {
      margin-right: 220px;
    }
    .pt-xs-220 {
      padding-top: 220px;
    }
    .pb-xs-220 {
      padding-bottom: 220px;
    }
    .pl-xs-220 {
      padding-left: 220px;
    }
    .pr-xs-220 {
      padding-right: 220px;
    }
  }
  /*
  
  /* black overlay */
  [data-overlay] {
    position: relative;
  }
  
  [data-overlay]::before {
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    content: "";
    height: 100%;
    position: absolute;
    background: #000 none repeat scroll 0 0;
  }
  
  [data-overlay="3"]::before {
    opacity: 0.3;
  }
  
  [data-overlay="4"]::before {
    opacity: 0.4;
  }
  
  [data-overlay="5"]::before {
    opacity: 0.5;
  }
  
  [data-overlay="6"]::before {
    opacity: 0.6;
  }
  
  [data-overlay="7"]::before {
    opacity: 0.7;
  }
  
  [data-overlay="8"]::before {
    opacity: 0.8;
  }
  
  [data-overlay="9"]::before {
    opacity: 0.9;
  }
  
  [data-overlay="4"]::before {
    opacity: 0.4;
  }
  
  [data-overlay="5"]::before {
    opacity: 0.5;
  }
  
  [data-overlay="6"]::before {
    opacity: 0.6;
  }
  
  [data-overlay="7"]::before {
    opacity: 0.7;
  }
  
  [data-overlay="8"]::before {
    opacity: 0.8;
  }
  
  [data-overlay="9"]::before {
    opacity: 0.9;
  }
  
  /* background */
  .bg-cover {
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-position: center;
  }
  
  .bg-center {
    background-position: center;
  }
  
  .bg-contain {
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    background-position: left;
  }
  
  .bg-right {
    background-repeat: no-repeat;
    background-position: right;
  }
  
  .bg-left {
    background-repeat: no-repeat;
    background-position: left;
  }
  
  .bg-bottom {
    background-repeat: no-repeat;
    background-position: bottom;
  }
  
  .bg-top {
    background-repeat: no-repeat;
    background-position: top;
  }
  
  .bg-100 {
    background-size: 100% 100%;
  }
  
  .triangle {
    width: 0;
    height: 0;
  }
  .triangle.triangle-top-left {
    border-top: 100px solid #32557f;
    border-right: 100px solid transparent;
  }
  .triangle.triangle-top-right {
    border-top: 100px solid #32557f;
    border-left: 100px solid transparent;
  }
  .triangle.triangle-bottom-left {
    border-bottom: 100px solid #32557f;
    border-right: 100px solid transparent;
  }
  .triangle.triangle-bottom-right {
    border-bottom: 100px solid #32557f;
    border-left: 100px solid transparent;
  }
  
  .bg-overlay {
    position: relative;
    z-index: 1;
  }
  .bg-overlay::before {
    position: absolute;
    left: 0;
    content: "";
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    background-color: #000;
    z-index: -1;
  }
  
/* Font Weight */
.font-weight-100 {
    font-weight: 100 !important;
}

.font-weight-200 {
    font-weight: 200 !important;
}

.font-weight-300 {
    font-weight: 300 !important;
}

.font-weight-400 {
    font-weight: 400 !important;
}

.font-weight-500 {
    font-weight: 500 !important;
}

.font-weight-600 {
    font-weight: 600 !important;
}


/* Text Size */
.text-0 {
    font-size: 11px !important;
    font-size: 0.6875rem !important;
}

.text-1 {
    font-size: 12px !important;
    font-size: 0.75rem !important;
}

.text-2 {
    font-size: 14px !important;
    font-size: 0.875rem !important;
}

.text-3 {
    font-size: 16px !important;
    font-size: 1rem !important;
}

.text-4 {
    font-size: 18px !important;
    font-size: 1.125rem !important;
}

.text-5 {
    font-size: 21px !important;
    font-size: 1.3125rem !important;
}

.text-6 {
    font-size: 24px !important;
    font-size: 1.50rem !important;
}

.text-7 {
    font-size: 28px !important;
    font-size: 1.75rem !important;
}

.text-8 {
    font-size: 32px !important;
    font-size: 2rem !important;
}

.text-9 {
    font-size: 36px !important;
    font-size: 2.25rem !important;
}

.text-10 {
    font-size: 40px !important;
    font-size: 2.50rem !important;
}

.text-11 {
    font-size: 2.75rem !important;
}

@media (max-width: 1200px) {
    .text-11 {
        font-size: calc(1.4rem + 1.8vw) !important;
    }
}

.text-12 {
    font-size: 3rem !important;
}

@media (max-width: 1200px) {
    .text-12 {
        font-size: calc(1.425rem + 2.1vw) !important;
    }
}

.text-13 {
    font-size: 3.25rem !important;
}

@media (max-width: 1200px) {
    .text-13 {
        font-size: calc(1.45rem + 2.4vw) !important;
    }
}

.text-14 {
    font-size: 3.5rem !important;
}

@media (max-width: 1200px) {
    .text-14 {
        font-size: calc(1.475rem + 2.7vw) !important;
    }
}

.text-15 {
    font-size: 3.75rem !important;
}

@media (max-width: 1200px) {
    .text-15 {
        font-size: calc(1.5rem + 3vw) !important;
    }
}

.text-16 {
    font-size: 4rem !important;
}

@media (max-width: 1200px) {
    .text-16 {
        font-size: calc(1.525rem + 3.3vw) !important;
    }
}

.text-17 {
    font-size: 4.5rem !important;
}

@media (max-width: 1200px) {
    .text-17 {
        font-size: calc(1.575rem + 3.9vw) !important;
    }
}

.text-18 {
    font-size: 5rem !important;
}

@media (max-width: 1200px) {
    .text-18 {
        font-size: calc(1.625rem + 4.5vw) !important;
    }
}

.text-19 {
    font-size: 5.25rem !important;
}

@media (max-width: 1200px) {
    .text-19 {
        font-size: calc(1.65rem + 4.8vw) !important;
    }
}

.text-20 {
    font-size: 5.75rem !important;
}

@media (max-width: 1200px) {
    .text-20 {
        font-size: calc(1.7rem + 5.4vw) !important;
    }
}

.text-21 {
    font-size: 6.5rem !important;
}

@media (max-width: 1200px) {
    .text-21 {
        font-size: calc(1.775rem + 6.3vw) !important;
    }
}

.text-22 {
    font-size: 7rem !important;
}

@media (max-width: 1200px) {
    .text-22 {
        font-size: calc(1.825rem + 6.9vw) !important;
    }
}

.text-23 {
    font-size: 7.75rem !important;
}

@media (max-width: 1200px) {
    .text-23 {
        font-size: calc(1.9rem + 7.8vw) !important;
    }
}

.text-24 {
    font-size: 8.25rem !important;
}

@media (max-width: 1200px) {
    .text-24 {
        font-size: calc(1.95rem + 8.4vw) !important;
    }
}

.text-25 {
    font-size: 9rem !important;
}

@media (max-width: 1200px) {
    .text-25 {
        font-size: calc(2.025rem + 9.3vw) !important;
    }
}

.text-11,
.text-12,
.text-13,
.text-14,
.text-15,
.text-16,
.text-17,
.text-18,
.text-19,
.text-20,
.text-21,
.text-22,
.text-23,
.text-24,
.text-25 {
    line-height: 1.3;
}

/* Opacity */
.opacity-0 {
    opacity: 0;
}

.opacity-1 {
    opacity: 0.1;
}

.opacity-2 {
    opacity: 0.2;
}

.opacity-3 {
    opacity: 0.3;
}

.opacity-4 {
    opacity: 0.4;
}

.opacity-5 {
    opacity: 0.5;
}

.opacity-6 {
    opacity: 0.6;
}

.opacity-7 {
    opacity: 0.7;
}

.opacity-8 {
    opacity: 0.8;
}

.opacity-9 {
    opacity: 0.9;
}

.opacity-10 {
    opacity: 1;
}

.text-thm,
.text-thm:hover {
    color: var(--thm-base);
}