@charset "utf-8";

* {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}

html,
body {
 overflow-x: hidden;
}

.responsive {
 margin-bottom: 0;
}

.responsive .l-wrapper {
 overflow: hidden;
}

.responsive .l-main {
 width: 100%;
 padding: 0px 35px;
}

.responsive .l-footerWrap {
 width: 1920px;
 min-width: 100%;
 max-width: 100%;
 position: relative;
 margin-top: 40px !important;
}

.responsive .l-footer {
 width: 100%;
}

.responsive {
 width: 100%;
 max-width: 100%;
}

.responsive img {
 max-width: 100%;
 height: auto;
 vertical-align: middle;
 border-style: none;
 margin: 0 auto;
}

.responsive .l-footer__cols__3of4 {
 border-left: 0 !important;
}

.responsive .l-footer__cols__1of4 {
 border-width: 1px 0 1px 0 !important;
 border-style: solid !important;
 border-color: #a7a7a7 !important;
}

/*---------------------------- New Header ---------------------------*/
.responsive [data-component="header"] {
 min-width: 100%;
}

.responsive .l-header__logoWrap {
 margin: 0 20px 0 0;
}

.responsive.page2:not(.topPage) .l-wrapper .l-headerWrap .top-l-header .l-header {
 padding: 0 10px;
 height: auto;
 max-width: 100%;
}

.responsive.page2:not(.topPage) .l-wrapper .l-headerWrap .top-l-header .l-header .l-header__aside .l-header__balloonBoxWrap .l-header__language .l-switchLanguageWrap,
.responsive .categoryRoot .l-wrapper .l-headerWrap .top-l-header .l-header .l-header__aside .l-header__balloonBoxWrap .l-header__language .l-switchLanguageWrap,
.responsive .category .l-wrapper .l-headerWrap .top-l-header .l-header .l-header__aside .l-header__balloonBoxWrap .l-header__language .l-switchLanguageWrap,
.responsive .spec .l-wrapper .l-headerWrap .top-l-header .l-header .l-header__aside .l-header__balloonBoxWrap .l-header__language .l-switchLanguageWrap,
.responsive .detail .l-wrapper .l-headerWrap .top-l-header .l-header .l-header__aside .l-header__balloonBoxWrap .l-header__language .l-switchLanguageWrap,
.responsive .result .l-wrapper .l-headerWrap .top-l-header .l-header .l-header__aside .l-header__balloonBoxWrap .l-header__language .l-switchLanguageWrap,
.responsive .compare .l-wrapper .l-headerWrap .top-l-header .l-header .l-header__aside .l-header__balloonBoxWrap .l-header__language .l-switchLanguageWrap,
.responsive .track-shipment .l-wrapper .l-headerWrap .top-l-header .l-header .l-header__aside .l-header__balloonBoxWrap .l-header__language .l-switchLanguageWrap {
 right: 0;
}

.responsive.page2:not(.topPage) .l-wrapper .l-headerWrap .top-l-header .l-header .l-header__aside .l-header__balloonBoxWrap .l-header__language,
.responsive .categoryRoot .l-wrapper .l-headerWrap .top-l-header .l-header .l-header__aside .l-header__balloonBoxWrap .l-header__language,
.responsive .category .l-wrapper .l-headerWrap .top-l-header .l-header .l-header__aside .l-header__balloonBoxWrap .l-header__language,
.responsive .spec .l-wrapper .l-headerWrap .top-l-header .l-header .l-header__aside .l-header__balloonBoxWrap .l-header__language,
.responsive .detail .l-wrapper .l-headerWrap .top-l-header .l-header .l-header__aside .l-header__balloonBoxWrap .l-header__language,
.responsive .result .l-wrapper .l-headerWrap .top-l-header .l-header .l-header__aside .l-header__balloonBoxWrap .l-header__language,
.responsive .compare .l-wrapper .l-headerWrap .top-l-header .l-header .l-header__aside .l-header__balloonBoxWrap .l-header__language,
.responsive .track-shipment .l-wrapper .l-headerWrap .top-l-header .l-header .l-header__aside .l-header__balloonBoxWrap .l-header__language {
 width: 100%;
}

.responsive .l-header__function .lc-regist > a {
 width: 230px;
 margin-top: 0;
 padding: 10px 30px;
 position: absolute;
 left: 47%;
}

.responsive .l-header__logout {
 vertical-align: top !important;
 width: 74% !important;
 display: inline-block !important;
}

.responsive .l-header .l-header__aside .l-header__right-below {
 width: auto !important;
 display: inline-block;
 vertical-align: top;
 margin-top: 0;
}

.responsive .l-header__aside {
 display: inline-block;
}

.responsive .l-header__balloonBoxWrap {
 margin-left: 0;
}

.responsive .l-switchLanguageWrap {
 top: 0;
 right: 0;
}

.responsive.page2:not(.topPage) .l-wrapper .l-headerWrap .top-l-header .l-header .l-header__aside {
 display: flex;
 padding-left: 30px;
 width: 27%;
 position: relative;
}

.responsive .l-header__function[data-component-header="user"] > li > a {
 width: 100px !important;
}

.responsive .l-header__function[data-component-header="user"] > li {
 width: 100px !important;
 margin-left: 10px !important;
}

.responsive.isLogin.page2:not(.topPage) .l-header__main {
 width: 60% !important;
}

.responsive.isLogin.page2:not(.topPage) .l-wrapper .l-headerWrap .top-l-header .l-header .l-header__aside {
 width: 40% !important;
}

.responsive.isLogin .top-l-header .l-header__aside .l-header__right-below {
 width: 20%;
}

.responsive.isLogin .top-l-header .l-header__aside .l-header__logout {
 width: 90% !important;
}

.responsive .l-header__function[data-component-header="user"] .lc-cart .lc-badge {
 right: 22px;
}

.responsive .l-header__function > li > a:before {
 width: 25px;
 height: 25px;
}

.responsive .l-header__function .lc-user > a:before {
 top: 0;
 background-size: 18px 20px;
}

.responsive .l-header__function .lc-order > a:before {
 background-size: 25px 25px;
}

.responsive .l-header__function .lc-partslist > a:before {
 background-size: 23px 18px;
}

.responsive .l-header__function .lc-cart > a:before {
 background-size: 26px 22px;
}

.responsive .l-header__function .lc-contact > a:before {
 background-size: 21px 23px;
}

.responsive .l-header__logo > span,
.responsive .l-header__logo > a {
 background-position: left center;
}

.responsive .l-header__balloonBox--left.login-btn_on_header {
 right: -50px;
 max-width: 100%;
 text-align: initial;
}

.responsive .l-header__function > li + li {
 margin-left: 28px;
}

.responsive .l-header-bottom {
 max-width: 100%;
 width: 100%;
 padding: 0 10px;
 height: auto;
}

.responsive .MainMenu {
 width: 100%;
 display: flex;
}

.responsive .l-header__btn--order > a {
 width: 230px;
 max-width: 100%;
 padding: 7px 15px;
 position: absolute;
 left: 29%;
}

.responsive .link-promote-app {
 position: initial;
 display: inline-block;
}

.responsive .l-header-bottom__right {
 text-align: right;
 position: relative;
}

.responsive .l-header__btn--order {
 display: inline-block;
 vertical-align: top;
}

.responsive .l-header__insider_brands {
 height: 10px;
}

.responsive .l-headerWrap {
 padding-bottom: 10px;
}

.responsive .l-headerWrap .top-l-header {
 padding-left: 0;
 position: relative;
}

.responsive .l-header-bottom .l-header-bottom__left .l-header__nav {
 margin-left: 0;
 margin-right: 6px;
}

.responsive .l-meganav__balloonBox .l-meganav__balloonBoxInner .l-meganav__level2List .categoryChildItem {
 max-width: 100%;
}

.responsive .l-meganav__balloonBox .l-megaNavi__bottomWrap .l-megaNavi_col .brand_navi {
 position: initial;
}

.responsive #BtnMenu {
 display: none !important;
}

.responsive .l-wrapper .l-headerWrap .top-l-header .l-header .l-header__aside .l-header__balloonBoxWrap.l-header__right-below {
 position: absolute;
 left: inherit !important;
 right: 0 !important;
}

.responsive .l-header__function .lc-partslist a span {
 justify-content: initial;
}

.l-header__function[data-component-header="user"] > li > a span {
 text-overflow: ellipsis;
 display: block;
}

.responsive .l-wrapper .l-headerWrap .top-l-header .l-header .l-header__aside .l-header__balloonBoxWrap {
 width: 100%;
}

.responsive .l-wrapper .l-headerWrap .top-l-header .l-header .l-header__main {
 width: 83%;
}

.responsive .l-header__function .lc-regist {
 position: initial;
}

.responsive .l-header__keywordBox {
 min-width: 100%;
 max-width: 100%;
 z-index: 8500;
}

.responsive .l-header__keywordBox__main {
 width: 100% !important;
}


/*---------------------------- /New Header ---------------------------*/

/*---------------------------- Tabs ---------------------------*/
.responsive .m-tab .tab-control {
 list-style: none;
 padding: 0px;
 margin: 0px 0px 20px;
 color: #333333;
 position: relative;
 z-index: 2;
 border-bottom: solid 2px #749dcf;
}

.responsive .m-tab .tab-control li {
 padding: 10px;
 margin-left: 2px;
 cursor: pointer;
 display: inline-block;
 font-size: 14px;
 position: relative;
 background-color: #f2f2f2;
 border: 1px solid #bfbfbf;
 border-bottom: none;
 border-top-left-radius: 2px;
 border-top-right-radius: 2px;
 font-weight: bold;
 color: #333333;
}

.responsive .m-tab .tab-control li:first-child {
 margin-left: 0;
}

.responsive .m-tab .tab-control li.current {
 background-color: #749dcf;
 border-color: #749dcf;
 color: #ffffff;
}

.responsive .m-tab .tab-content {
 padding: 0 0 20px 0;
}

.responsive .m-tab .tab-content .detail {
 display: none;
}

.responsive .m-tab .tab-content .detail.current {
 display: inherit;
}

/*---------------------------- /Tabs ---------------------------*/

/*-------------------------- Accordion -------------------------*/
.responsive .m-acc-container {
 width: 100%;
}

.responsive .m-acc-container .m-acc {
 margin-bottom: 5px;
}

.responsive .m-acc-container .m-acc-head {
 background-color: #f2f2f2;
 border: 1px solid #bfbfbf;
 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAACXBIWXMAAC4jAAAuIwF4pT92AAAF0WlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNy4yLWMwMDAgNzkuMWI2NWE3OWI0LCAyMDIyLzA2LzEzLTIyOjAxOjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjMuNSAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjItMDktMDZUMTQ6Mjk6MjkrMDc6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjItMDktMDZUMTQ6Mjk6MjkrMDc6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIyLTA5LTA2VDE0OjI5OjI5KzA3OjAwIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjNjYzkyMzU1LTU0NmYtNDVhNy04Y2VmLTU4YWRlZTdlNDk4YiIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjg3ZGQ3NjU0LTBlNGYtNjU0Zi04MmQ3LWQ0Y2NiNDE4ZGQxMiIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjhjNzBhYzBmLWI4NDYtNGU2Yi04NjIzLTZkMmU3YTM5YzQ2NSIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjhjNzBhYzBmLWI4NDYtNGU2Yi04NjIzLTZkMmU3YTM5YzQ2NSIgc3RFdnQ6d2hlbj0iMjAyMi0wOS0wNlQxNDoyOToyOSswNzowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIzLjUgKE1hY2ludG9zaCkiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjNjYzkyMzU1LTU0NmYtNDVhNy04Y2VmLTU4YWRlZTdlNDk4YiIgc3RFdnQ6d2hlbj0iMjAyMi0wOS0wNlQxNDoyOToyOSswNzowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIzLjUgKE1hY2ludG9zaCkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ZoimIAAAALVJREFUSIntlDEKwzAMRZ+CwWOHQMF3aA7Sc/QIpfQMHXqEnCWHSFfPLYEMJrvdrZjiwYM6pORPAksPS19IhmE4Aj3g0NMTOBmg77rOtW2rRp7n2Y3j2BvAWWtZlkUNbq0FcA1ASkkNnPMaVeqXTG3i7vr4xOF2qKr56c83eFFFQ3Pzat9LJv/ZWEotbnu+Dnj14ao1Mdd6x9LEGKcQgio0hEBKaTLe+7OI3EVkrwWPMb6895c3pAk7FWPSDoAAAAAASUVORK5CYII=');
 background-repeat: no-repeat;
 background-position: 1% 50%;
 padding: 10px 10px 10px 45px;
 font-size: 18px;
 position: relative;
 cursor: pointer;
 transition: all .3s;
}

.responsive .m-acc-container .m-acc-head.active {
 background-color: #749dcf;
 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAACXBIWXMAAC4jAAAuIwF4pT92AAAF0WlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNy4yLWMwMDAgNzkuMWI2NWE3OWI0LCAyMDIyLzA2LzEzLTIyOjAxOjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjMuNSAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjItMDktMDZUMTQ6Mjk6NTcrMDc6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjItMDktMDZUMTQ6Mjk6NTcrMDc6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIyLTA5LTA2VDE0OjI5OjU3KzA3OjAwIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjM5NTc0NTQ5LTM2ODctNGZkOC1hZjg3LTM0OTM0ZjdhNDgzZiIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjc4YThkYzVkLTZjMTMtMjM0MS1iZjhkLTA5MDNjY2VmNDNiNyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjdjMGM4M2NiLTdlZTYtNDI1YS1hNzUzLTQyOWMxMjkxZWM4ZCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjdjMGM4M2NiLTdlZTYtNDI1YS1hNzUzLTQyOWMxMjkxZWM4ZCIgc3RFdnQ6d2hlbj0iMjAyMi0wOS0wNlQxNDoyOTo1NyswNzowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIzLjUgKE1hY2ludG9zaCkiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjM5NTc0NTQ5LTM2ODctNGZkOC1hZjg3LTM0OTM0ZjdhNDgzZiIgc3RFdnQ6d2hlbj0iMjAyMi0wOS0wNlQxNDoyOTo1NyswNzowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIzLjUgKE1hY2ludG9zaCkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+1Q1dEwAAAJ9JREFUSInt0DEKwkAUhOH/hYUtLQLC3sE9iOfwCCKewcIj5Cw5xNpurQRSPNLv2oqmUV5jyJRTfDAjfd/vgQ4I2OUOHBzQxRhD27Zm8jiOIaXUOSB475mmyQz33gOEBqDWaga/eo2p+pYVXxju5srN+fY1pJfdR7ewW+Ym/pL/vWXFl4aXUgZVNUVVlVrr4HLORxG5isjWCi+lPHLOpydeUTIR7mnpFgAAAABJRU5ErkJggg==');
 color: #FFFFFF;
}

.responsive .m-acc-container .m-acc-content {
 padding: 15px 10px;
 display: none;
}

.responsive .m-acc-container .m-acc-head.active::before {
 transform: rotate(90deg);
}

/*-------------------------- /Accordion -------------------------*/

/*------------------------ SEO Template -------------------------*/
.responsive .l-nav {
 float: none !important;
 width: 100% !important;
}

.responsive .l-content .descrtion .brandLogo {
 height: 50px;
}

/*------------------------ /SEO Template ------------------------*/

/*------------------------- MISUMI Mobile App ----------------------*/
.responsive .block_detail .block_btn {
 font-size: 14px;
}

/*------------------------- MISUMI Mobile App ----------------------*/

/*------------------------------ Promotion Arae ----------------------------*/
.responsive .l-content .promotion--area .wrap-innn {
 text-align: center;
}

.responsive .promotion--area .register_area {
 text-align: center;
}

.responsive .l-content .promotion--area {
 width: 100%;
}

.responsive .l-content .promotion--area .project {
 width: 24%;
}

.responsive .l-content .promotion--area .m-thumbnailList--l > li {
 width: 49%;
}

/*------------------------------ /Promotion Arae ---------------------------*/

/*------------------------------ Support ----------------------------*/
.responsive .l-content .customerService {
 width: 100%;
}

/*------------------------------ /Support ---------------------------*/

/*-------------------------- Container --------------------------*/
.responsive .m-container,
.responsive .m-container-fluid,
.responsive .m-container-lg,
.responsive .m-container-md,
.responsive .m-container-sm,
.responsive .m-container-xl,
.responsive .m-container-xxl {
 width: 100%;
 margin-right: auto;
 margin-left: auto;
}

/*-------------------------- /Container -------------------------*/

/*---------------------------- Column ---------------------------*/
.responsive .m-cols__wrap {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
}

.responsive .m-cols .m-cols__wrap > [class^="m-col-"] {
 max-width: 100%;
 display: inline-block;
 box-sizing: border-box;
 margin-bottom: 20px;
 padding-left: 30px;
 vertical-align: top;
 font-size: 12px;
}

/*---------------------------- /Column --------------------------*/

/*----------------------------- Edit Area --------------------------*/
.responsive .l-content .FooterNav li {
 width: 12.3%;
}

/*---------------------------- /Edit Area --------------------------*/

/*---------------------------- m-btnList ---------------------------*/
.responsive .m-btn-list .m-btn--strong,
.responsive .m-btn-list .m-btnLink--strong,
.responsive .m-btn-list .m-btnWin--strong,
.responsive .m-btn-list .m-btnLinkWin--strong,
.responsive .m-btn-list .m-btn--default,
.responsive .m-btn-list .m-btnLink--default,
.responsive .m-btn-list .m-btn--up,
.responsive .m-btn-list .m-btn--down,
.responsive .m-btn-list .m-btn--close,
.responsive .m-btn-list .m-btn--cancel,
.responsive .m-btn-list .m-btn--reset,
.responsive .m-btn-list .m-btn--back,
.responsive .m-btn-list .m-btn--pdfMini,
.responsive .m-btn-list .m-btn--pdfPage,
.responsive .m-btn-list .m-btn--pdf,
.responsive .m-btn-list .m-btn--pdfDetailSimple,
.responsive .m-btn-list .m-btn--pdfPageDetailSimple,
.responsive .m-btn-list .m-btn--sdsmsds,
.responsive .m-btn-list .m-btn--catalogViewer,
.responsive .m-btn-list .m-btn--contactWeb,
.responsive .m-btn-list .m-btnWin--default,
.responsive .m-btn-list .m-btnLinkWin--default,
.responsive .m-btn-list .m-btn--defaultSub,
.responsive .m-btn-list .m-btnLink--defaultSub,
.responsive .m-btn-list .m-btnWin--defaultSub,
.responsive .m-btn-list .m-btnLinkWin--defaultSub,
.responsive .m-btn-list .m-btn--conversion,
.responsive .m-btn-list .m-btnLink--conversion,
.responsive .m-btn-list .m-btnWin--conversion,
.responsive .m-btn-list .m-btnLinkWin--conversion {
 max-width: 100%;
 width: auto !important;
 display: inline-block;
 font-weight: 400;
 line-height: normal;
 font-size: 1rem;
 text-align: center;
 text-decoration: none;
 vertical-align: middle;
 cursor: pointer;
 -webkit-user-select: none;
 -moz-user-select: none;
 user-select: none;
 padding: 0.575rem 1.65rem;
 margin: 0 0 10px 0;
}

.responsive .m-btn-list .m-btn--lg {
 padding: 0.8rem 2rem;
 font-size: 1.25rem;
}

.responsive .m-btn-list .m-btn--sm {
 padding: 0.55rem 2rem;
 font-size: .875rem;
}

.responsive .m-btn-list .fullwidth {
 width: 100% !important;
}

/*---------------------------- /m-btnList --------------------------*/

/*------------------------------ order -----------------------------*/
.responsive .order-0 {
 -webkit-box-ordinal-group: 1;
 -ms-flex-order: 0;
 order: 0;
}

.responsive .order-1 {
 -webkit-box-ordinal-group: 2;
 -ms-flex-order: 1;
 order: 1;
}

.responsive .order-2 {
 -webkit-box-ordinal-group: 3;
 -ms-flex-order: 2;
 order: 2;
}

.responsive .order-3 {
 -webkit-box-ordinal-group: 4;
 -ms-flex-order: 3;
 order: 3;
}

.responsive .order-4 {
 -webkit-box-ordinal-group: 5;
 -ms-flex-order: 4;
 order: 4;
}

.responsive .order-5 {
 -webkit-box-ordinal-group: 6;
 -ms-flex-order: 5;
 order: 5;
}

.responsive .order-6 {
 -webkit-box-ordinal-group: 7;
 -ms-flex-order: 6;
 order: 6;
}

.responsive .order-7 {
 -webkit-box-ordinal-group: 8;
 -ms-flex-order: 7;
 order: 7;
}

.responsive .order-8 {
 -webkit-box-ordinal-group: 9;
 -ms-flex-order: 8;
 order: 8;
}

.responsive .order-9 {
 -webkit-box-ordinal-group: 10;
 -ms-flex-order: 9;
 order: 9;
}

.responsive .order-10 {
 -webkit-box-ordinal-group: 11;
 -ms-flex-order: 10;
 order: 10;
}

.responsive .order-11 {
 -webkit-box-ordinal-group: 12;
 -ms-flex-order: 11;
 order: 11;
}

.responsive .order-12 {
 -webkit-box-ordinal-group: 13;
 -ms-flex-order: 12;
 order: 12;
}

/*------------------------------ /order ----------------------------*/

/*------------------------------ Display ----------------------------*/
.responsive .d-none {
 display: none !important;
}

.responsive .d-inline {
 display: inline !important;
}

.responsive .d-inline-block {
 display: inline-block !important;
}

.responsive .d-block {
 display: block !important;
}

.responsive .d-table {
 display: table !important;
}

.responsive .d-table-row {
 display: table-row !important;
}

.responsive .d-table-cell {
 display: table-cell !important;
}

.responsive .d-flex {
 display: -ms-flexbox !important;
 display: flex !important;
}

.responsive .d-inline-flex {
 display: -ms-inline-flexbox !important;
 display: inline-flex !important;
}

/*------------------------------ /Display ----------------------------*/

/*------------------------------ Banner Click here ----------------------------*/
.responsive .ins-custom-c88 {
 display: none;
}

/*------------------------------ /Banner Click here ----------------------------*/

@media (min-width: 320px) {

 /*------------------------------ col-sm ----------------------------*/
 .responsive .m-col-sm-1 {
  width: 8.333333%;
 }

 .responsive .m-col-sm-2 {
  width: 16.666667%;
 }

 .responsive .m-col-sm-3 {
  width: 25%;
 }

 .responsive .m-col-sm-4 {
  width: 33.333333%;
 }

 .responsive .m-col-sm-5 {
  width: 41.666667%;
 }

 .responsive .m-col-sm-6 {
  width: 50%;
 }

 .responsive .m-col-sm-7 {
  width: 58.333333%;
 }

 .responsive .m-col-sm-8 {
  width: 66.666667%;
 }

 .responsive .m-col-sm-9 {
  width: 75%;
 }

 .responsive .m-col-sm-10 {
  width: 83.333333%;
 }

 .responsive .m-col-sm-11 {
  width: 91.666667%;
 }

 .responsive .m-col-sm-12 {
  width: 100%;
 }

 /*------------------------------ /col-sm ----------------------------*/

 /*------------------------------ Display ----------------------------*/
 .responsive .d-sm-none {
  display: none !important;
 }

 .responsive .d-sm-inline {
  display: inline !important;
 }

 .responsive .d-sm-inline-block {
  display: inline-block !important;
 }

 .responsive .d-sm-block {
  display: block !important;
 }

 .responsive .d-sm-table {
  display: table !important;
 }

 .responsive .d-sm-table-row {
  display: table-row !important;
 }

 .responsive .d-sm-table-cell {
  display: table-cell !important;
 }

 .responsive .d-sm-flex {
  display: -ms-flexbox !important;
  display: flex !important;
 }

 .responsive .d-sm-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
 }

 /*------------------------------ /Display ----------------------------*/

 /*------------------------------ order -----------------------------*/
 .responsive .order-sm-0 {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
 }

 .responsive .order-sm-1 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
 }

 .responsive .order-sm-2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
 }

 .responsive .order-sm-3 {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
 }

 .responsive .order-sm-4 {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
 }

 .responsive .order-sm-5 {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
 }

 .responsive .order-sm-6 {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6;
 }

 .responsive .order-sm-7 {
  -webkit-box-ordinal-group: 8;
  -ms-flex-order: 7;
  order: 7;
 }

 .responsive .order-sm-8 {
  -webkit-box-ordinal-group: 9;
  -ms-flex-order: 8;
  order: 8;
 }

 .responsive .order-sm-9 {
  -webkit-box-ordinal-group: 10;
  -ms-flex-order: 9;
  order: 9;
 }

 .responsive .order-sm-10 {
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10;
 }

 .responsive .order-sm-11 {
  -webkit-box-ordinal-group: 12;
  -ms-flex-order: 11;
  order: 11;
 }

 .responsive .order-sm-12 {
  -webkit-box-ordinal-group: 13;
  -ms-flex-order: 12;
  order: 12;
 }

 /*------------------------------ /order ----------------------------*/

 /*-------------------------- Container --------------------------*/
 .responsive .m-container,
 .responsive .m-container-sm {
  max-width: 720px;
 }

 .responsive .m-container-md {
  max-width: 100%;
 }

 /*-------------------------- /Container --------------------------*/

 /*-------------------------- align --------------------------*/
 .responsive .u-center-sm {
  text-align: center !important;
 }

 .responsive .u-left-sm {
  text-align: left !important;
 }

 .responsive .u-right-sm {
  text-align: right !important;
 }

 /*-------------------------- /align --------------------------*/

 /*--------------------------- Font Size -------------------------*/
 .responsive .u-fs-S-sm {
  font-size: 10px !important;
 }

 .responsive .u-fs-M-sm {
  font-size: 12px !important;
 }

 .responsive .u-fs-L-sm {
  font-size: 14px !important;
 }

 .responsive .u-fs-XL-sm {
  font-size: 16px !important;
 }

 .responsive .u-fs-XXL-sm {
  font-size: 18px !important;
 }

 .responsive .u-fs-XXXL-sm {
  font-size: 20px !important;
 }

 .responsive .u-fs-XXXXL-sm {
  font-size: 24px !important;
 }

 /*--------------------------- /Size sm -------------------------*/

 /*------------------------- margin / padding -----------------------*/
 .responsive .u-mt0-sm {
  margin-top: 0 !important;
 }

 .responsive .u-mt5-sm {
  margin-top: 5px !important;
 }

 .responsive .u-mt10-sm {
  margin-top: 10px !important;
 }

 .responsive .u-mt15-sm {
  margin-top: 15px !important;
 }

 .responsive .u-mt20-sm {
  margin-top: 20px !important;
 }

 .responsive .u-mt25-sm {
  margin-top: 25px !important;
 }

 .responsive .u-mt30-sm {
  margin-top: 30px !important;
 }

 .responsive .u-mt35-sm {
  margin-top: 35px !important;
 }

 .responsive .u-mt40-sm {
  margin-top: 40px !important;
 }

 .responsive .u-mt50-sm {
  margin-top: 50px !important;
 }

 .responsive .u-mt60-sm {
  margin-top: 60px !important;
 }

 .responsive .u-mt70-sm {
  margin-top: 70px !important;
 }

 .responsive .u-mt80-sm {
  margin-top: 80px !important;
 }

 .responsive .u-mt90-sm {
  margin-top: 90px !important;
 }

 .responsive .u-mt100-sm {
  margin-top: 100px !important;
 }

 .responsive .u-mr0-sm {
  margin-right: 0 !important;
 }

 .responsive .u-mr5-sm {
  margin-right: 5px !important;
 }

 .responsive .u-mr10-sm {
  margin-right: 10px !important;
 }

 .responsive .u-mr15-sm {
  margin-right: 15px !important;
 }

 .responsive .u-mr20-sm {
  margin-right: 20px !important;
 }

 .responsive .u-mr25-sm {
  margin-right: 25px !important;
 }

 .responsive .u-mr30-sm {
  margin-right: 30px !important;
 }

 .responsive .u-mr35-sm {
  margin-right: 35px !important;
 }

 .responsive .u-mr40-sm {
  margin-right: 40px !important;
 }

 .responsive .u-mr50-sm {
  margin-right: 50px !important;
 }

 .responsive .u-mr60-sm {
  margin-right: 60px !important;
 }

 .responsive .u-mr70-sm {
  margin-right: 70px !important;
 }

 .responsive .u-mr80-sm {
  margin-right: 80px !important;
 }

 .responsive .u-mr90-sm {
  margin-right: 90px !important;
 }

 .responsive .u-mr100-sm {
  margin-right: 100px !important;
 }

 .responsive .u-mb0-sm {
  margin-bottom: 0 !important;
 }

 .responsive .u-mb5-sm {
  margin-bottom: 5px !important;
 }

 .responsive .u-mb10-sm {
  margin-bottom: 10px !important;
 }

 .responsive .u-mb15-sm {
  margin-bottom: 15px !important;
 }

 .responsive .u-mb20-sm {
  margin-bottom: 20px !important;
 }

 .responsive .u-mb25-sm {
  margin-bottom: 25px !important;
 }

 .responsive .u-mb30-sm {
  margin-bottom: 30px !important;
 }

 .responsive .u-mb35-sm {
  margin-bottom: 35px !important;
 }

 .responsive .u-mb40-sm {
  margin-bottom: 40px !important;
 }

 .responsive .u-mb50-sm {
  margin-bottom: 50px !important;
 }

 .responsive .u-mb60-sm {
  margin-bottom: 60px !important;
 }

 .responsive .u-mb70-sm {
  margin-bottom: 70px !important;
 }

 .responsive .u-mb80-sm {
  margin-bottom: 80px !important;
 }

 .responsive .u-mb90-sm {
  margin-bottom: 90px !important;
 }

 .responsive .u-mb100-sm {
  margin-bottom: 100px !important;
 }

 .responsive .u-ml0-sm {
  margin-left: 0 !important;
 }

 .responsive .u-ml5-sm {
  margin-left: 5px !important;
 }

 .responsive .u-ml10-sm {
  margin-left: 10px !important;
 }

 .responsive .u-ml15-sm {
  margin-left: 15px !important;
 }

 .responsive .u-ml20-sm {
  margin-left: 20px !important;
 }

 .responsive .u-ml25-sm {
  margin-left: 25px !important;
 }

 .responsive .u-ml30-sm {
  margin-left: 30px !important;
 }

 .responsive .u-ml35-sm {
  margin-left: 35px !important;
 }

 .responsive .u-ml40-sm {
  margin-left: 40px !important;
 }

 .responsive .u-ml50-sm {
  margin-left: 50px !important;
 }

 .responsive .u-ml60-sm {
  margin-left: 60px !important;
 }

 .responsive .u-ml70-sm {
  margin-left: 70px !important;
 }

 .responsive .u-ml80-sm {
  margin-left: 80px !important;
 }

 .responsive .u-ml90-sm {
  margin-left: 90px !important;
 }

 .responsive .u-ml100-sm {
  margin-left: 100px !important;
 }

 .responsive .u-pt0-sm {
  padding-top: 0 !important;
 }

 .responsive .u-pt5-sm {
  padding-top: 5px !important;
 }

 .responsive .u-pt10-sm {
  padding-top: 10px !important;
 }

 .responsive .u-pt15-sm {
  padding-top: 15px !important;
 }

 .responsive .u-pt20-sm {
  padding-top: 20px !important;
 }

 .responsive .u-pt25-sm {
  padding-top: 25px !important;
 }

 .responsive .u-pt30-sm {
  padding-top: 30px !important;
 }

 .responsive .u-pt35-sm {
  padding-top: 35px !important;
 }

 .responsive .u-pt40-sm {
  padding-top: 40px !important;
 }

 .responsive .u-pt50-sm {
  padding-top: 50px !important;
 }

 .responsive .u-pt60-sm {
  padding-top: 60px !important;
 }

 .responsive .u-pt70-sm {
  padding-top: 70px !important;
 }

 .responsive .u-pt80-sm {
  padding-top: 80px !important;
 }

 .responsive .u-pt90-sm {
  padding-top: 90px !important;
 }

 .responsive .u-pt100-sm {
  padding-top: 100px !important;
 }

 .responsive .u-pr0-sm {
  padding-right: 0 !important;
 }

 .responsive .u-pr5-sm {
  padding-right: 5px !important;
 }

 .responsive .u-pr10-sm {
  padding-right: 10px !important;
 }

 .responsive .u-pr15-sm {
  padding-right: 15px !important;
 }

 .responsive .u-pr20-sm {
  padding-right: 20px !important;
 }

 .responsive .u-pr25-sm {
  padding-right: 25px !important;
 }

 .responsive .u-pr30-sm {
  padding-right: 30px !important;
 }

 .responsive .u-pr35-sm {
  padding-right: 35px !important;
 }

 .responsive .u-pr40-sm {
  padding-right: 40px !important;
 }

 .responsive .u-pr50-sm {
  padding-right: 50px !important;
 }

 .responsive .u-pr60-sm {
  padding-right: 60px !important;
 }

 .responsive .u-pr70-sm {
  padding-right: 70px !important;
 }

 .responsive .u-pr80-sm {
  padding-right: 80px !important;
 }

 .responsive .u-pr90-sm {
  padding-right: 90px !important;
 }

 .responsive .u-pr100-sm {
  padding-right: 100px !important;
 }

 .responsive .u-pb0-sm {
  padding-bottom: 0 !important;
 }

 .responsive .u-pb5-sm {
  padding-bottom: 5px !important;
 }

 .responsive .u-pb10-sm {
  padding-bottom: 10px !important;
 }

 .responsive .u-pb15-sm {
  padding-bottom: 15px !important;
 }

 .responsive .u-pb20-sm {
  padding-bottom: 20px !important;
 }

 .responsive .u-pb25-sm {
  padding-bottom: 25px !important;
 }

 .responsive .u-pb30-sm {
  padding-bottom: 30px !important;
 }

 .responsive .u-pb35-sm {
  padding-bottom: 35px !important;
 }

 .responsive .u-pb40-sm {
  padding-bottom: 40px !important;
 }

 .responsive .u-pb50-sm {
  padding-bottom: 50px !important;
 }

 .responsive .u-pb60-sm {
  padding-bottom: 60px !important;
 }

 .responsive .u-pb70-sm {
  padding-bottom: 70px !important;
 }

 .responsive .u-pb80-sm {
  padding-bottom: 80px !important;
 }

 .responsive .u-pb90-sm {
  padding-bottom: 90px !important;
 }

 .responsive .u-pb100-sm {
  padding-bottom: 100px !important;
 }

 .responsive .u-pl0-sm {
  padding-left: 0 !important;
 }

 .responsive .u-pl5-sm {
  padding-left: 5px !important;
 }

 .responsive .u-pl10-sm {
  padding-left: 10px !important;
 }

 .responsive .u-pl15-sm {
  padding-left: 15px !important;
 }

 .responsive .u-pl20-sm {
  padding-left: 20px !important;
 }

 .responsive .u-pl25-sm {
  padding-left: 25px !important;
 }

 .responsive .u-pl30-sm {
  padding-left: 30px !important;
 }

 .responsive .u-pl35-sm {
  padding-left: 35px !important;
 }

 .responsive .u-pl40-sm {
  padding-left: 40px !important;
 }

 .responsive .u-pl50-sm {
  padding-left: 50px !important;
 }

 .responsive .u-pl60-sm {
  padding-left: 60px !important;
 }

 .responsive .u-pl70-sm {
  padding-left: 70px !important;
 }

 .responsive .u-pl80-sm {
  padding-left: 80px !important;
 }

 .responsive .u-pl90-sm {
  padding-left: 90px !important;
 }

 .responsive .u-pl100-sm {
  padding-left: 100px !important;
 }

 /*------------------------- /margin / padding -----------------------*/
}

@media (min-width: 768px) {

 /*--------------------------- col-md ----------------------------*/
 .responsive .m-col-md-1 {
  width: 8.333333%;
 }

 .responsive .m-col-md-2 {
  width: 16.666667%;
 }

 .responsive .m-col-md-3 {
  width: 25%;
 }

 .responsive .m-col-md-4 {
  width: 33.333333%;
 }

 .responsive .m-col-md-5 {
  width: 41.666667%;
 }

 .responsive .m-col-md-6 {
  width: 50%;
 }

 .responsive .m-col-md-7 {
  width: 58.333333%;
 }

 .responsive .m-col-md-8 {
  width: 66.666667%;
 }

 .responsive .m-col-md-9 {
  width: 75%;
 }

 .responsive .m-col-md-10 {
  width: 83.333333%;
 }

 .responsive .m-col-md-11 {
  width: 91.666667%;
 }

 .responsive .m-col-md-12 {
  width: 100%;
 }

 /*--------------------------- col-md ----------------------------*/

 /*------------------------------ Display ----------------------------*/
 .responsive .d-md-none {
  display: none !important;
 }

 .responsive .d-md-inline {
  display: inline !important;
 }

 .responsive .d-md-inline-block {
  display: inline-block !important;
 }

 .responsive .d-md-block {
  display: block !important;
 }

 .responsive .d-md-table {
  display: table !important;
 }

 .responsive .d-md-table-row {
  display: table-row !important;
 }

 .responsive .d-md-table-cell {
  display: table-cell !important;
 }

 .responsive .d-md-flex {
  display: -ms-flexbox !important;
  display: flex !important;
 }

 .responsive .d-md-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
 }

 /*------------------------------ /Display ----------------------------*/

 /*------------------------------ order -----------------------------*/
 .responsive .order-md-0 {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
 }

 .responsive .order-md-1 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
 }

 .responsive .order-md-2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
 }

 .responsive .order-md-3 {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
 }

 .responsive .order-md-4 {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
 }

 .responsive .order-md-5 {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
 }

 .responsive .order-md-6 {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6;
 }

 .responsive .order-md-7 {
  -webkit-box-ordinal-group: 8;
  -ms-flex-order: 7;
  order: 7;
 }

 .responsive .order-md-8 {
  -webkit-box-ordinal-group: 9;
  -ms-flex-order: 8;
  order: 8;
 }

 .responsive .order-md-9 {
  -webkit-box-ordinal-group: 10;
  -ms-flex-order: 9;
  order: 9;
 }

 .responsive .order-md-10 {
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10;
 }

 .responsive .order-md-11 {
  -webkit-box-ordinal-group: 12;
  -ms-flex-order: 11;
  order: 11;
 }

 .responsive .order-md-12 {
  -webkit-box-ordinal-group: 13;
  -ms-flex-order: 12;
  order: 12;
 }

 /*------------------------------ /order ----------------------------*/

 /*-------------------------- Container --------------------------*/
 .responsive .m-container,
 .responsive .m-container-md,
 .responsive .m-container-sm {
  max-width: 960px;
 }

 .responsive .m-container-lg {
  max-width: 100%;
 }

 /*-------------------------- Container --------------------------*/

 /*-------------------------- align --------------------------*/
 .responsive .u-center-md {
  text-align: center !important;
 }

 .responsive .u-left-md {
  text-align: left !important;
 }

 .responsive .u-right-md {
  text-align: right !important;
 }

 /*-------------------------- /align --------------------------*/

 /*-------------------------- Font Size md ------------------------*/
 .responsive .u-fs-S-md {
  font-size: 10px !important;
 }

 .responsive .u-fs-M-md {
  font-size: 12px !important;
 }

 .responsive .u-fs-L-md {
  font-size: 14px !important;
 }

 .responsive .u-fs-XL-md {
  font-size: 16px !important;
 }

 .responsive .u-fs-XXL-md {
  font-size: 18px !important;
 }

 .responsive .u-fs-XXXL-md {
  font-size: 20px !important;
 }

 .responsive .u-fs-XXXXL-md {
  font-size: 24px !important;
 }

 /*-------------------------- Font Size md ------------------------*/

 /*----------------------- margin / padding -----------------------*/
 .responsive .u-mt0-md {
  margin-top: 0 !important;
 }

 .responsive .u-mt5-md {
  margin-top: 5px !important;
 }

 .responsive .u-mt10-md {
  margin-top: 10px !important;
 }

 .responsive .u-mt15-md {
  margin-top: 15px !important;
 }

 .responsive .u-mt20-md {
  margin-top: 20px !important;
 }

 .responsive .u-mt25-md {
  margin-top: 25px !important;
 }

 .responsive .u-mt30-md {
  margin-top: 30px !important;
 }

 .responsive .u-mt35-md {
  margin-top: 35px !important;
 }

 .responsive .u-mt40-md {
  margin-top: 40px !important;
 }

 .responsive .u-mt50-md {
  margin-top: 50px !important;
 }

 .responsive .u-mt60-md {
  margin-top: 60px !important;
 }

 .responsive .u-mt70-md {
  margin-top: 70px !important;
 }

 .responsive .u-mt80-md {
  margin-top: 80px !important;
 }

 .responsive .u-mt90-md {
  margin-top: 90px !important;
 }

 .responsive .u-mt100-md {
  margin-top: 100px !important;
 }

 .responsive .u-mr0-md {
  margin-right: 0 !important;
 }

 .responsive .u-mr5-md {
  margin-right: 5px !important;
 }

 .responsive .u-mr10-md {
  margin-right: 10px !important;
 }

 .responsive .u-mr15-md {
  margin-right: 15px !important;
 }

 .responsive .u-mr20-md {
  margin-right: 20px !important;
 }

 .responsive .u-mr25-md {
  margin-right: 25px !important;
 }

 .responsive .u-mr30-md {
  margin-right: 30px !important;
 }

 .responsive .u-mr35-md {
  margin-right: 35px !important;
 }

 .responsive .u-mr40-md {
  margin-right: 40px !important;
 }

 .responsive .u-mr50-md {
  margin-right: 50px !important;
 }

 .responsive .u-mr60-md {
  margin-right: 60px !important;
 }

 .responsive .u-mr70-md {
  margin-right: 70px !important;
 }

 .responsive .u-mr80-md {
  margin-right: 80px !important;
 }

 .responsive .u-mr90-md {
  margin-right: 90px !important;
 }

 .responsive .u-mr100-md {
  margin-right: 100px !important;
 }

 .responsive .u-mb0-md {
  margin-bottom: 0 !important;
 }

 .responsive .u-mb5-md {
  margin-bottom: 5px !important;
 }

 .responsive .u-mb10-md {
  margin-bottom: 10px !important;
 }

 .responsive .u-mb15-md {
  margin-bottom: 15px !important;
 }

 .responsive .u-mb20-md {
  margin-bottom: 20px !important;
 }

 .responsive .u-mb25-md {
  margin-bottom: 25px !important;
 }

 .responsive .u-mb30-md {
  margin-bottom: 30px !important;
 }

 .responsive .u-mb35-md {
  margin-bottom: 35px !important;
 }

 .responsive .u-mb40-md {
  margin-bottom: 40px !important;
 }

 .responsive .u-mb50-md {
  margin-bottom: 50px !important;
 }

 .responsive .u-mb60-md {
  margin-bottom: 60px !important;
 }

 .responsive .u-mb70-md {
  margin-bottom: 70px !important;
 }

 .responsive .u-mb80-md {
  margin-bottom: 80px !important;
 }

 .responsive .u-mb90-md {
  margin-bottom: 90px !important;
 }

 .responsive .u-mb100-md {
  margin-bottom: 100px !important;
 }

 .responsive .u-ml0-md {
  margin-left: 0 !important;
 }

 .responsive .u-ml5-md {
  margin-left: 5px !important;
 }

 .responsive .u-ml10-md {
  margin-left: 10px !important;
 }

 .responsive .u-ml15-md {
  margin-left: 15px !important;
 }

 .responsive .u-ml20-md {
  margin-left: 20px !important;
 }

 .responsive .u-ml25-md {
  margin-left: 25px !important;
 }

 .responsive .u-ml30-md {
  margin-left: 30px !important;
 }

 .responsive .u-ml35-md {
  margin-left: 35px !important;
 }

 .responsive .u-ml40-md {
  margin-left: 40px !important;
 }

 .responsive .u-ml50-md {
  margin-left: 50px !important;
 }

 .responsive .u-ml60-md {
  margin-left: 60px !important;
 }

 .responsive .u-ml70-md {
  margin-left: 70px !important;
 }

 .responsive .u-ml80-md {
  margin-left: 80px !important;
 }

 .responsive .u-ml90-md {
  margin-left: 90px !important;
 }

 .responsive .u-ml100-md {
  margin-left: 100px !important;
 }

 .responsive .u-pt0-md {
  padding-top: 0 !important;
 }

 .responsive .u-pt5-md {
  padding-top: 5px !important;
 }

 .responsive .u-pt10-md {
  padding-top: 10px !important;
 }

 .responsive .u-pt15-md {
  padding-top: 15px !important;
 }

 .responsive .u-pt20-md {
  padding-top: 20px !important;
 }

 .responsive .u-pt25-md {
  padding-top: 25px !important;
 }

 .responsive .u-pt30-md {
  padding-top: 30px !important;
 }

 .responsive .u-pt35-md {
  padding-top: 35px !important;
 }

 .responsive .u-pt40-md {
  padding-top: 40px !important;
 }

 .responsive .u-pt50-md {
  padding-top: 50px !important;
 }

 .responsive .u-pt60-md {
  padding-top: 60px !important;
 }

 .responsive .u-pt70-md {
  padding-top: 70px !important;
 }

 .responsive .u-pt80-md {
  padding-top: 80px !important;
 }

 .responsive .u-pt90-md {
  padding-top: 90px !important;
 }

 .responsive .u-pt100-md {
  padding-top: 100px !important;
 }

 .responsive .u-pr0-md {
  padding-right: 0 !important;
 }

 .responsive .u-pr5-md {
  padding-right: 5px !important;
 }

 .responsive .u-pr10-md {
  padding-right: 10px !important;
 }

 .responsive .u-pr15-md {
  padding-right: 15px !important;
 }

 .responsive .u-pr20-md {
  padding-right: 20px !important;
 }

 .responsive .u-pr25-md {
  padding-right: 25px !important;
 }

 .responsive .u-pr30-md {
  padding-right: 30px !important;
 }

 .responsive .u-pr35-md {
  padding-right: 35px !important;
 }

 .responsive .u-pr40-md {
  padding-right: 40px !important;
 }

 .responsive .u-pr50-md {
  padding-right: 50px !important;
 }

 .responsive .u-pr60-md {
  padding-right: 60px !important;
 }

 .responsive .u-pr70-md {
  padding-right: 70px !important;
 }

 .responsive .u-pr80-md {
  padding-right: 80px !important;
 }

 .responsive .u-pr90-md {
  padding-right: 90px !important;
 }

 .responsive .u-pr100-md {
  padding-right: 100px !important;
 }

 .responsive .u-pb0-md {
  padding-bottom: 0 !important;
 }

 .responsive .u-pb5-md {
  padding-bottom: 5px !important;
 }

 .responsive .u-pb10-md {
  padding-bottom: 10px !important;
 }

 .responsive .u-pb15-md {
  padding-bottom: 15px !important;
 }

 .responsive .u-pb20-md {
  padding-bottom: 20px !important;
 }

 .responsive .u-pb25-md {
  padding-bottom: 25px !important;
 }

 .responsive .u-pb30-md {
  padding-bottom: 30px !important;
 }

 .responsive .u-pb35-md {
  padding-bottom: 35px !important;
 }

 .responsive .u-pb40-md {
  padding-bottom: 40px !important;
 }

 .responsive .u-pb50-md {
  padding-bottom: 50px !important;
 }

 .responsive .u-pb60-md {
  padding-bottom: 60px !important;
 }

 .responsive .u-pb70-md {
  padding-bottom: 70px !important;
 }

 .responsive .u-pb80-md {
  padding-bottom: 80px !important;
 }

 .responsive .u-pb90-md {
  padding-bottom: 90px !important;
 }

 .responsive .u-pb100-md {
  padding-bottom: 100px !important;
 }

 .responsive .u-pl0-md {
  padding-left: 0 !important;
 }

 .responsive .u-pl5-md {
  padding-left: 5px !important;
 }

 .responsive .u-pl10-md {
  padding-left: 10px !important;
 }

 .responsive .u-pl15-md {
  padding-left: 15px !important;
 }

 .responsive .u-pl20-md {
  padding-left: 20px !important;
 }

 .responsive .u-pl25-md {
  padding-left: 25px !important;
 }

 .responsive .u-pl30-md {
  padding-left: 30px !important;
 }

 .responsive .u-pl35-md {
  padding-left: 35px !important;
 }

 .responsive .u-pl40-md {
  padding-left: 40px !important;
 }

 .responsive .u-pl50-md {
  padding-left: 50px !important;
 }

 .responsive .u-pl60-md {
  padding-left: 60px !important;
 }

 .responsive .u-pl70-md {
  padding-left: 70px !important;
 }

 .responsive .u-pl80-md {
  padding-left: 80px !important;
 }

 .responsive .u-pl90-md {
  padding-left: 90px !important;
 }

 .responsive .u-pl100-md {
  padding-left: 100px !important;
 }

 /*----------------------- margin / padding -----------------------*/
}

/*-- /min-width: 768px --*/

@media (min-width: 992px) {

 /*--------------------------- col-lg ----------------------------*/
 .responsive .m-col-lg-1 {
  width: 8.333333%;
 }

 .responsive .m-col-lg-2 {
  width: 16.666667%;
 }

 .responsive .m-col-lg-3 {
  width: 25%;
 }

 .responsive .m-col-lg-4 {
  width: 33.333333%;
 }

 .responsive .m-col-lg-5 {
  width: 41.666667%;
 }

 .responsive .m-col-lg-6 {
  width: 50%;
 }

 .responsive .m-col-lg-7 {
  width: 58.333333%;
 }

 .responsive .m-col-lg-8 {
  width: 66.666667%;
 }

 .responsive .m-col-lg-9 {
  width: 75%;
 }

 .responsive .m-col-lg-10 {
  width: 83.333333%;
 }

 .responsive .m-col-lg-11 {
  width: 91.666667%;
 }

 .responsive .m-col-lg-12 {
  width: 100%;
 }

 /*--------------------------- col-lg ----------------------------*/

 /*------------------------------ Display ----------------------------*/
 .responsive .d-lg-none {
  display: none !important;
 }

 .responsive .d-lg-inline {
  display: inline !important;
 }

 .responsive .d-lg-inline-block {
  display: inline-block !important;
 }

 .responsive .d-lg-block {
  display: block !important;
 }

 .responsive .d-lg-table {
  display: table !important;
 }

 .responsive .d-lg-table-row {
  display: table-row !important;
 }

 .responsive .d-lg-table-cell {
  display: table-cell !important;
 }

 .responsive .d-lg-flex {
  display: -ms-flexbox !important;
  display: flex !important;
 }

 .responsive .d-lg-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
 }

 /*------------------------------ /Display ----------------------------*/

 /*------------------------------ order -----------------------------*/
 .responsive .order-lg-0 {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
 }

 .responsive .order-lg-1 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
 }

 .responsive .order-lg-2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
 }

 .responsive .order-lg-3 {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
 }

 .responsive .order-lg-4 {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
 }

 .responsive .order-lg-5 {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
 }

 .responsive .order-lg-6 {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6;
 }

 .responsive .order-lg-7 {
  -webkit-box-ordinal-group: 8;
  -ms-flex-order: 7;
  order: 7;
 }

 .responsive .order-lg-8 {
  -webkit-box-ordinal-group: 9;
  -ms-flex-order: 8;
  order: 8;
 }

 .responsive .order-lg-9 {
  -webkit-box-ordinal-group: 10;
  -ms-flex-order: 9;
  order: 9;
 }

 .responsive .order-lg-10 {
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10;
 }

 .responsive .order-lg-11 {
  -webkit-box-ordinal-group: 12;
  -ms-flex-order: 11;
  order: 11;
 }

 .responsive .order-lg-12 {
  -webkit-box-ordinal-group: 13;
  -ms-flex-order: 12;
  order: 12;
 }

 /*------------------------------ /order ----------------------------*/

 /*-------------------------- Container --------------------------*/
 .responsive .m-container,
 .responsive .m-container-lg,
 .responsive .m-container-md,
 .responsive .m-container-sm {
  max-width: 1140px;
 }

 .responsive .m-container-xl {
  max-width: 100%;
 }

 /*-------------------------- Container --------------------------*/

 /*-------------------------- align --------------------------*/
 .responsive .u-center-lg {
  text-align: center !important;
 }

 .responsive .u-left-lg {
  text-align: left !important;
 }

 .responsive .u-right-lg {
  text-align: right !important;
 }

 /*-------------------------- /align --------------------------*/

 /*------------------------ Font Size lg -------------------------*/
 .responsive .u-fs-S-lg {
  font-size: 10px !important;
 }

 .responsive .u-fs-M-lg {
  font-size: 12px !important;
 }

 .responsive .u-fs-L-lg {
  font-size: 14px !important;
 }

 .responsive .u-fs-XL-lg {
  font-size: 16px !important;
 }

 .responsive .u-fs-XXL-lg {
  font-size: 18px !important;
 }

 .responsive .u-fs-XXXL-lg {
  font-size: 20px !important;
 }

 .responsive .u-fs-XXXXL-lg {
  font-size: 24px !important;
 }

 /*------------------------ Font Size lg -------------------------*/

 /*---------------------- margin / padding -----------------------*/
 .responsive .u-mt0-lg {
  margin-top: 0 !important;
 }

 .responsive .u-mt5-lg {
  margin-top: 5px !important;
 }

 .responsive .u-mt10-lg {
  margin-top: 10px !important;
 }

 .responsive .u-mt15-lg {
  margin-top: 15px !important;
 }

 .responsive .u-mt20-lg {
  margin-top: 20px !important;
 }

 .responsive .u-mt25-lg {
  margin-top: 25px !important;
 }

 .responsive .u-mt30-lg {
  margin-top: 30px !important;
 }

 .responsive .u-mt35-lg {
  margin-top: 35px !important;
 }

 .responsive .u-mt40-lg {
  margin-top: 40px !important;
 }

 .responsive .u-mt50-lg {
  margin-top: 50px !important;
 }

 .responsive .u-mt60-lg {
  margin-top: 60px !important;
 }

 .responsive .u-mt70-lg {
  margin-top: 70px !important;
 }

 .responsive .u-mt80-lg {
  margin-top: 80px !important;
 }

 .responsive .u-mt90-lg {
  margin-top: 90px !important;
 }

 .responsive .u-mt100-lg {
  margin-top: 100px !important;
 }

 .responsive .u-mr0-lg {
  margin-right: 0 !important;
 }

 .responsive .u-mr5-lg {
  margin-right: 5px !important;
 }

 .responsive .u-mr10-lg {
  margin-right: 10px !important;
 }

 .responsive .u-mr15-lg {
  margin-right: 15px !important;
 }

 .responsive .u-mr20-lg {
  margin-right: 20px !important;
 }

 .responsive .u-mr25-lg {
  margin-right: 25px !important;
 }

 .responsive .u-mr30-lg {
  margin-right: 30px !important;
 }

 .responsive .u-mr35-lg {
  margin-right: 35px !important;
 }

 .responsive .u-mr40-lg {
  margin-right: 40px !important;
 }

 .responsive .u-mr50-lg {
  margin-right: 50px !important;
 }

 .responsive .u-mr60-lg {
  margin-right: 60px !important;
 }

 .responsive .u-mr70-lg {
  margin-right: 70px !important;
 }

 .responsive .u-mr80-lg {
  margin-right: 80px !important;
 }

 .responsive .u-mr90-lg {
  margin-right: 90px !important;
 }

 .responsive .u-mr100-lg {
  margin-right: 100px !important;
 }

 .responsive .u-mb0-lg {
  margin-bottom: 0 !important;
 }

 .responsive .u-mb5-lg {
  margin-bottom: 5px !important;
 }

 .responsive .u-mb10-lg {
  margin-bottom: 10px !important;
 }

 .responsive .u-mb15-lg {
  margin-bottom: 15px !important;
 }

 .responsive .u-mb20-lg {
  margin-bottom: 20px !important;
 }

 .responsive .u-mb25-lg {
  margin-bottom: 25px !important;
 }

 .responsive .u-mb30-lg {
  margin-bottom: 30px !important;
 }

 .responsive .u-mb35-lg {
  margin-bottom: 35px !important;
 }

 .responsive .u-mb40-lg {
  margin-bottom: 40px !important;
 }

 .responsive .u-mb50-lg {
  margin-bottom: 50px !important;
 }

 .responsive .u-mb60-lg {
  margin-bottom: 60px !important;
 }

 .responsive .u-mb70-lg {
  margin-bottom: 70px !important;
 }

 .responsive .u-mb80-lg {
  margin-bottom: 80px !important;
 }

 .responsive .u-mb90-lg {
  margin-bottom: 90px !important;
 }

 .responsive .u-mb100-lg {
  margin-bottom: 100px !important;
 }

 .responsive .u-ml0-lg {
  margin-left: 0 !important;
 }

 .responsive .u-ml5-lg {
  margin-left: 5px !important;
 }

 .responsive .u-ml10-lg {
  margin-left: 10px !important;
 }

 .responsive .u-ml15-lg {
  margin-left: 15px !important;
 }

 .responsive .u-ml20-lg {
  margin-left: 20px !important;
 }

 .responsive .u-ml25-lg {
  margin-left: 25px !important;
 }

 .responsive .u-ml30-lg {
  margin-left: 30px !important;
 }

 .responsive .u-ml35-lg {
  margin-left: 35px !important;
 }

 .responsive .u-ml40-lg {
  margin-left: 40px !important;
 }

 .responsive .u-ml50-lg {
  margin-left: 50px !important;
 }

 .responsive .u-ml60-lg {
  margin-left: 60px !important;
 }

 .responsive .u-ml70-lg {
  margin-left: 70px !important;
 }

 .responsive .u-ml80-lg {
  margin-left: 80px !important;
 }

 .responsive .u-ml90-lg {
  margin-left: 90px !important;
 }

 .responsive .u-ml100-lg {
  margin-left: 100px !important;
 }

 .responsive .u-pt0-lg {
  padding-top: 0 !important;
 }

 .responsive .u-pt5-lg {
  padding-top: 5px !important;
 }

 .responsive .u-pt10-lg {
  padding-top: 10px !important;
 }

 .responsive .u-pt15-lg {
  padding-top: 15px !important;
 }

 .responsive .u-pt20-lg {
  padding-top: 20px !important;
 }

 .responsive .u-pt25-lg {
  padding-top: 25px !important;
 }

 .responsive .u-pt30-lg {
  padding-top: 30px !important;
 }

 .responsive .u-pt35-lg {
  padding-top: 35px !important;
 }

 .responsive .u-pt40-lg {
  padding-top: 40px !important;
 }

 .responsive .u-pt50-lg {
  padding-top: 50px !important;
 }

 .responsive .u-pt60-lg {
  padding-top: 60px !important;
 }

 .responsive .u-pt70-lg {
  padding-top: 70px !important;
 }

 .responsive .u-pt80-lg {
  padding-top: 80px !important;
 }

 .responsive .u-pt90-lg {
  padding-top: 90px !important;
 }

 .responsive .u-pt100-lg {
  padding-top: 100px !important;
 }

 .responsive .u-pr0-lg {
  padding-right: 0 !important;
 }

 .responsive .u-pr5-lg {
  padding-right: 5px !important;
 }

 .responsive .u-pr10-lg {
  padding-right: 10px !important;
 }

 .responsive .u-pr15-lg {
  padding-right: 15px !important;
 }

 .responsive .u-pr20-lg {
  padding-right: 20px !important;
 }

 .responsive .u-pr25-lg {
  padding-right: 25px !important;
 }

 .responsive .u-pr30-lg {
  padding-right: 30px !important;
 }

 .responsive .u-pr35-lg {
  padding-right: 35px !important;
 }

 .responsive .u-pr40-lg {
  padding-right: 40px !important;
 }

 .responsive .u-pr50-lg {
  padding-right: 50px !important;
 }

 .responsive .u-pr60-lg {
  padding-right: 60px !important;
 }

 .responsive .u-pr70-lg {
  padding-right: 70px !important;
 }

 .responsive .u-pr80-lg {
  padding-right: 80px !important;
 }

 .responsive .u-pr90-lg {
  padding-right: 90px !important;
 }

 .responsive .u-pr100-lg {
  padding-right: 100px !important;
 }

 .responsive .u-pb0-lg {
  padding-bottom: 0 !important;
 }

 .responsive .u-pb5-lg {
  padding-bottom: 5px !important;
 }

 .responsive .u-pb10-lg {
  padding-bottom: 10px !important;
 }

 .responsive .u-pb15-lg {
  padding-bottom: 15px !important;
 }

 .responsive .u-pb20-lg {
  padding-bottom: 20px !important;
 }

 .responsive .u-pb25-lg {
  padding-bottom: 25px !important;
 }

 .responsive .u-pb30-lg {
  padding-bottom: 30px !important;
 }

 .responsive .u-pb35-lg {
  padding-bottom: 35px !important;
 }

 .responsive .u-pb40-lg {
  padding-bottom: 40px !important;
 }

 .responsive .u-pb50-lg {
  padding-bottom: 50px !important;
 }

 .responsive .u-pb60-lg {
  padding-bottom: 60px !important;
 }

 .responsive .u-pb70-lg {
  padding-bottom: 70px !important;
 }

 .responsive .u-pb80-lg {
  padding-bottom: 80px !important;
 }

 .responsive .u-pb90-lg {
  padding-bottom: 90px !important;
 }

 .responsive .u-pb100-lg {
  padding-bottom: 100px !important;
 }

 .responsive .u-pl0-lg {
  padding-left: 0 !important;
 }

 .responsive .u-pl5-lg {
  padding-left: 5px !important;
 }

 .responsive .u-pl10-lg {
  padding-left: 10px !important;
 }

 .responsive .u-pl15-lg {
  padding-left: 15px !important;
 }

 .responsive .u-pl20-lg {
  padding-left: 20px !important;
 }

 .responsive .u-pl25-lg {
  padding-left: 25px !important;
 }

 .responsive .u-pl30-lg {
  padding-left: 30px !important;
 }

 .responsive .u-pl35-lg {
  padding-left: 35px !important;
 }

 .responsive .u-pl40-lg {
  padding-left: 40px !important;
 }

 .responsive .u-pl50-lg {
  padding-left: 50px !important;
 }

 .responsive .u-pl60-lg {
  padding-left: 60px !important;
 }

 .responsive .u-pl70-lg {
  padding-left: 70px !important;
 }

 .responsive .u-pl80-lg {
  padding-left: 80px !important;
 }

 .responsive .u-pl90-lg {
  padding-left: 90px !important;
 }

 .responsive .u-pl100-lg {
  padding-left: 100px !important;
 }

 /*---------------------- margin / padding -----------------------*/
}

/*-- /min-width: 992px --*/

@media (min-width: 1200px) {

 /*--------------------------- col-xl ----------------------------*/
 .responsive .m-col-xl-1 {
  width: 8.333333%;
 }

 .responsive .m-col-xl-2 {
  width: 16.666667%;
 }

 .responsive .m-col-xl-3 {
  width: 25%;
 }

 .responsive .m-col-xl-4 {
  width: 33.333333%;
 }

 .responsive .m-col-xl-5 {
  width: 41.666667%;
 }

 .responsive .m-col-xl-6 {
  width: 50%;
 }

 .responsive .m-col-xl-7 {
  width: 58.333333%;
 }

 .responsive .m-col-xl-8 {
  width: 66.666667%;
 }

 .responsive .m-col-xl-9 {
  width: 75%;
 }

 .responsive .m-col-xl-10 {
  width: 83.333333%;
 }

 .responsive .m-col-xl-11 {
  width: 91.666667%;
 }

 .responsive .m-col-xl-12 {
  width: 100%;
 }

 /*--------------------------- col-xl ----------------------------*/

 /*------------------------------ Display ----------------------------*/
 .responsive .d-xl-none {
  display: none !important;
 }

 .responsive .d-xl-inline {
  display: inline !important;
 }

 .responsive .d-xl-inline-block {
  display: inline-block !important;
 }

 .responsive .d-xl-block {
  display: block !important;
 }

 .responsive .d-xl-table {
  display: table !important;
 }

 .responsive .d-xl-table-row {
  display: table-row !important;
 }

 .responsive .d-xl-table-cell {
  display: table-cell !important;
 }

 .responsive .d-xl-flex {
  display: -ms-flexbox !important;
  display: flex !important;
 }

 .responsive .d-xl-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
 }

 /*------------------------------ /Display ----------------------------*/

 /*------------------------------ order -----------------------------*/
 .responsive .order-xl-0 {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
 }

 .responsive .order-xl-1 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
 }

 .responsive .order-xl-2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
 }

 .responsive .order-xl-3 {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
 }

 .responsive .order-xl-4 {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
 }

 .responsive .order-xl-5 {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
 }

 .responsive .order-xl-6 {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6;
 }

 .responsive .order-xl-7 {
  -webkit-box-ordinal-group: 8;
  -ms-flex-order: 7;
  order: 7;
 }

 .responsive .order-xl-8 {
  -webkit-box-ordinal-group: 9;
  -ms-flex-order: 8;
  order: 8;
 }

 .responsive .order-xl-9 {
  -webkit-box-ordinal-group: 10;
  -ms-flex-order: 9;
  order: 9;
 }

 .responsive .order-xl-10 {
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10;
 }

 .responsive .order-xl-11 {
  -webkit-box-ordinal-group: 12;
  -ms-flex-order: 11;
  order: 11;
 }

 .responsive .order-xl-12 {
  -webkit-box-ordinal-group: 13;
  -ms-flex-order: 12;
  order: 12;
 }

 /*------------------------------ /order ----------------------------*/

 /*-------------------------- Container --------------------------*/
 .responsive .m-container,
 .responsive .m-container-xl,
 .responsive .m-container-lg,
 .responsive .m-container-md,
 .responsive .m-container-sm {
  max-width: 1320px;
 }

 .responsive .m-container-xxl {
  max-width: 100%;
 }

 /*-------------------------- Container --------------------------*/

 /*-------------------------- align --------------------------*/
 .responsive .u-center-xl {
  text-align: center !important;
 }

 .responsive .u-left-xl {
  text-align: left !important;
 }

 .responsive .u-right-xl {
  text-align: right !important;
 }

 /*-------------------------- /align --------------------------*/

 /*------------------------ Font Size xl -------------------------*/
 .responsive .u-fs-S-xl {
  font-size: 10px !important;
 }

 .responsive .u-fs-M-xl {
  font-size: 12px !important;
 }

 .responsive .u-fs-L-xl {
  font-size: 14px !important;
 }

 .responsive .u-fs-XL-xl {
  font-size: 16px !important;
 }

 .responsive .u-fs-XXL-xl {
  font-size: 18px !important;
 }

 .responsive .u-fs-XXXL-xl {
  font-size: 20px !important;
 }

 .responsive .u-fs-XXXXL-xl {
  font-size: 24px !important;
 }

 /*------------------------ Font Size xl -------------------------*/

 /*---------------------- margin / padding -----------------------*/
 .responsive .u-mt0-xl {
  margin-top: 0 !important;
 }

 .responsive .u-mt5-xl {
  margin-top: 5px !important;
 }

 .responsive .u-mt10-xl {
  margin-top: 10px !important;
 }

 .responsive .u-mt15-xl {
  margin-top: 15px !important;
 }

 .responsive .u-mt20-xl {
  margin-top: 20px !important;
 }

 .responsive .u-mt25-xl {
  margin-top: 25px !important;
 }

 .responsive .u-mt30-xl {
  margin-top: 30px !important;
 }

 .responsive .u-mt35-xl {
  margin-top: 35px !important;
 }

 .responsive .u-mt40-xl {
  margin-top: 40px !important;
 }

 .responsive .u-mt50-xl {
  margin-top: 50px !important;
 }

 .responsive .u-mt60-xl {
  margin-top: 60px !important;
 }

 .responsive .u-mt70-xl {
  margin-top: 70px !important;
 }

 .responsive .u-mt80-xl {
  margin-top: 80px !important;
 }

 .responsive .u-mt90-xl {
  margin-top: 90px !important;
 }

 .responsive .u-mt100-xl {
  margin-top: 100px !important;
 }

 .responsive .u-mr0-xl {
  margin-right: 0 !important;
 }

 .responsive .u-mr5-xl {
  margin-right: 5px !important;
 }

 .responsive .u-mr10-xl {
  margin-right: 10px !important;
 }

 .responsive .u-mr15-xl {
  margin-right: 15px !important;
 }

 .responsive .u-mr20-xl {
  margin-right: 20px !important;
 }

 .responsive .u-mr25-xl {
  margin-right: 25px !important;
 }

 .responsive .u-mr30-xl {
  margin-right: 30px !important;
 }

 .responsive .u-mr35-xl {
  margin-right: 35px !important;
 }

 .responsive .u-mr40-xl {
  margin-right: 40px !important;
 }

 .responsive .u-mr50-xl {
  margin-right: 50px !important;
 }

 .responsive .u-mr60-xl {
  margin-right: 60px !important;
 }

 .responsive .u-mr70-xl {
  margin-right: 70px !important;
 }

 .responsive .u-mr80-xl {
  margin-right: 80px !important;
 }

 .responsive .u-mr90-xl {
  margin-right: 90px !important;
 }

 .responsive .u-mr100-xl {
  margin-right: 100px !important;
 }

 .responsive .u-mb0-xl {
  margin-bottom: 0 !important;
 }

 .responsive .u-mb5-xl {
  margin-bottom: 5px !important;
 }

 .responsive .u-mb10-xl {
  margin-bottom: 10px !important;
 }

 .responsive .u-mb15-xl {
  margin-bottom: 15px !important;
 }

 .responsive .u-mb20-xl {
  margin-bottom: 20px !important;
 }

 .responsive .u-mb25-xl {
  margin-bottom: 25px !important;
 }

 .responsive .u-mb30-xl {
  margin-bottom: 30px !important;
 }

 .responsive .u-mb35-xl {
  margin-bottom: 35px !important;
 }

 .responsive .u-mb40-xl {
  margin-bottom: 40px !important;
 }

 .responsive .u-mb50-xl {
  margin-bottom: 50px !important;
 }

 .responsive .u-mb60-xl {
  margin-bottom: 60px !important;
 }

 .responsive .u-mb70-xl {
  margin-bottom: 70px !important;
 }

 .responsive .u-mb80-xl {
  margin-bottom: 80px !important;
 }

 .responsive .u-mb90-xl {
  margin-bottom: 90px !important;
 }

 .responsive .u-mb100-xl {
  margin-bottom: 100px !important;
 }

 .responsive .u-ml0-xl {
  margin-left: 0 !important;
 }

 .responsive .u-ml5-xl {
  margin-left: 5px !important;
 }

 .responsive .u-ml10-xl {
  margin-left: 10px !important;
 }

 .responsive .u-ml15-xl {
  margin-left: 15px !important;
 }

 .responsive .u-ml20-xl {
  margin-left: 20px !important;
 }

 .responsive .u-ml25-xl {
  margin-left: 25px !important;
 }

 .responsive .u-ml30-xl {
  margin-left: 30px !important;
 }

 .responsive .u-ml35-xl {
  margin-left: 35px !important;
 }

 .responsive .u-ml40-xl {
  margin-left: 40px !important;
 }

 .responsive .u-ml50-xl {
  margin-left: 50px !important;
 }

 .responsive .u-ml60-xl {
  margin-left: 60px !important;
 }

 .responsive .u-ml70-xl {
  margin-left: 70px !important;
 }

 .responsive .u-ml80-xl {
  margin-left: 80px !important;
 }

 .responsive .u-ml90-xl {
  margin-left: 90px !important;
 }

 .responsive .u-ml100-xl {
  margin-left: 100px !important;
 }

 .responsive .u-pt0-xl {
  padding-top: 0 !important;
 }

 .responsive .u-pt5-xl {
  padding-top: 5px !important;
 }

 .responsive .u-pt10-xl {
  padding-top: 10px !important;
 }

 .responsive .u-pt15-xl {
  padding-top: 15px !important;
 }

 .responsive .u-pt20-xl {
  padding-top: 20px !important;
 }

 .responsive .u-pt25-xl {
  padding-top: 25px !important;
 }

 .responsive .u-pt30-xl {
  padding-top: 30px !important;
 }

 .responsive .u-pt35-xl {
  padding-top: 35px !important;
 }

 .responsive .u-pt40-xl {
  padding-top: 40px !important;
 }

 .responsive .u-pt50-xl {
  padding-top: 50px !important;
 }

 .responsive .u-pt60-xl {
  padding-top: 60px !important;
 }

 .responsive .u-pt70-xl {
  padding-top: 70px !important;
 }

 .responsive .u-pt80-xl {
  padding-top: 80px !important;
 }

 .responsive .u-pt90-xl {
  padding-top: 90px !important;
 }

 .responsive .u-pt100-xl {
  padding-top: 100px !important;
 }

 .responsive .u-pr0-xl {
  padding-right: 0 !important;
 }

 .responsive .u-pr5-xl {
  padding-right: 5px !important;
 }

 .responsive .u-pr10-xl {
  padding-right: 10px !important;
 }

 .responsive .u-pr15-xl {
  padding-right: 15px !important;
 }

 .responsive .u-pr20-xl {
  padding-right: 20px !important;
 }

 .responsive .u-pr25-xl {
  padding-right: 25px !important;
 }

 .responsive .u-pr30-xl {
  padding-right: 30px !important;
 }

 .responsive .u-pr35-xl {
  padding-right: 35px !important;
 }

 .responsive .u-pr40-xl {
  padding-right: 40px !important;
 }

 .responsive .u-pr50-xl {
  padding-right: 50px !important;
 }

 .responsive .u-pr60-xl {
  padding-right: 60px !important;
 }

 .responsive .u-pr70-xl {
  padding-right: 70px !important;
 }

 .responsive .u-pr80-xl {
  padding-right: 80px !important;
 }

 .responsive .u-pr90-xl {
  padding-right: 90px !important;
 }

 .responsive .u-pr100-xl {
  padding-right: 100px !important;
 }

 .responsive .u-pb0-xl {
  padding-bottom: 0 !important;
 }

 .responsive .u-pb5-xl {
  padding-bottom: 5px !important;
 }

 .responsive .u-pb10-xl {
  padding-bottom: 10px !important;
 }

 .responsive .u-pb15-xl {
  padding-bottom: 15px !important;
 }

 .responsive .u-pb20-xl {
  padding-bottom: 20px !important;
 }

 .responsive .u-pb25-xl {
  padding-bottom: 25px !important;
 }

 .responsive .u-pb30-xl {
  padding-bottom: 30px !important;
 }

 .responsive .u-pb35-xl {
  padding-bottom: 35px !important;
 }

 .responsive .u-pb40-xl {
  padding-bottom: 40px !important;
 }

 .responsive .u-pb50-xl {
  padding-bottom: 50px !important;
 }

 .responsive .u-pb60-xl {
  padding-bottom: 60px !important;
 }

 .responsive .u-pb70-xl {
  padding-bottom: 70px !important;
 }

 .responsive .u-pb80-xl {
  padding-bottom: 80px !important;
 }

 .responsive .u-pb90-xl {
  padding-bottom: 90px !important;
 }

 .responsive .u-pb100-xl {
  padding-bottom: 100px !important;
 }

 .responsive .u-pl0-xl {
  padding-left: 0 !important;
 }

 .responsive .u-pl5-xl {
  padding-left: 5px !important;
 }

 .responsive .u-pl10-xl {
  padding-left: 10px !important;
 }

 .responsive .u-pl15-xl {
  padding-left: 15px !important;
 }

 .responsive .u-pl20-xl {
  padding-left: 20px !important;
 }

 .responsive .u-pl25-xl {
  padding-left: 25px !important;
 }

 .responsive .u-pl30-xl {
  padding-left: 30px !important;
 }

 .responsive .u-pl35-xl {
  padding-left: 35px !important;
 }

 .responsive .u-pl40-xl {
  padding-left: 40px !important;
 }

 .responsive .u-pl50-xl {
  padding-left: 50px !important;
 }

 .responsive .u-pl60-xl {
  padding-left: 60px !important;
 }

 .responsive .u-pl70-xl {
  padding-left: 70px !important;
 }

 .responsive .u-pl80-xl {
  padding-left: 80px !important;
 }

 .responsive .u-pl90-xl {
  padding-left: 90px !important;
 }

 .responsive .u-pl100-xl {
  padding-left: 100px !important;
 }

 /*---------------------- margin / padding -----------------------*/
}

/*-- /min-width: 1200px --*/

@media (min-width: 1400px) {

 /*--------------------------- col-xxl ----------------------------*/
 .responsive .m-col-xxl-1 {
  width: 8.333333%;
 }

 .responsive .m-col-xxl-2 {
  width: 16.666667%;
 }

 .responsive .m-col-xxl-3 {
  width: 25%;
 }

 .responsive .m-col-xxl-4 {
  width: 33.333333%;
 }

 .responsive .m-col-xxl-5 {
  width: 41.666667%;
 }

 .responsive .m-col-xxl-6 {
  width: 50%;
 }

 .responsive .m-col-xxl-7 {
  width: 58.333333%;
 }

 .responsive .m-col-xxl-8 {
  width: 66.666667%;
 }

 .responsive .m-col-xxl-9 {
  width: 75%;
 }

 .responsive .m-col-xxl-10 {
  width: 83.333333%;
 }

 .responsive .m-col-xxl-11 {
  width: 91.666667%;
 }

 .responsive .m-col-xxl-12 {
  width: 100%;
 }

 /*--------------------------- col-xxl ----------------------------*/

 /*------------------------------ Display ----------------------------*/
 .responsive .d-xxl-none {
  display: none !important;
 }

 .responsive .d-xxl-inline {
  display: inline !important;
 }

 .responsive .d-xxl-inline-block {
  display: inline-block !important;
 }

 .responsive .d-xxl-block {
  display: block !important;
 }

 .responsive .d-xxl-table {
  display: table !important;
 }

 .responsive .d-xxl-table-row {
  display: table-row !important;
 }

 .responsive .d-xxl-table-cell {
  display: table-cell !important;
 }

 .responsive .d-xxl-flex {
  display: -ms-flexbox !important;
  display: flex !important;
 }

 .responsive .d-xxl-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
 }

 /*------------------------------ /Display ----------------------------*/

 /*------------------------------ order -----------------------------*/
 .responsive .order-xxl-0 {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
 }

 .responsive .order-xxl-1 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
 }

 .responsive .order-xxl-2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
 }

 .responsive .order-xxl-3 {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
 }

 .responsive .order-xxl-4 {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
 }

 .responsive .order-xxl-5 {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
 }

 .responsive .order-xxl-6 {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6;
 }

 .responsive .order-xxl-7 {
  -webkit-box-ordinal-group: 8;
  -ms-flex-order: 7;
  order: 7;
 }

 .responsive .order-xxl-8 {
  -webkit-box-ordinal-group: 9;
  -ms-flex-order: 8;
  order: 8;
 }

 .responsive .order-xxl-9 {
  -webkit-box-ordinal-group: 10;
  -ms-flex-order: 9;
  order: 9;
 }

 .responsive .order-xxl-10 {
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10;
 }

 .responsive .order-xxl-11 {
  -webkit-box-ordinal-group: 12;
  -ms-flex-order: 11;
  order: 11;
 }

 .responsive .order-xxl-12 {
  -webkit-box-ordinal-group: 13;
  -ms-flex-order: 12;
  order: 12;
 }

 /*------------------------------ /order ----------------------------*/

 /*-------------------------- Container --------------------------*/
 .responsive .m-container,
 .responsive .m-container-xxl,
 .responsive .m-container-xl,
 .responsive .m-container-lg,
 .responsive .m-container-md,
 .responsive .m-container-sm {
  max-width: 1680px;
 }

 /*-------------------------- Container --------------------------*/

 /*-------------------------- align --------------------------*/
 .responsive .u-center-xxl {
  text-align: center !important;
 }

 .responsive .u-left-xxl {
  text-align: left !important;
 }

 .responsive .u-right-xxl {
  text-align: right !important;
 }

 /*-------------------------- /align --------------------------*/

 /*------------------------ Font Size xxl -------------------------*/
 .responsive .u-fs-S-xxl {
  font-size: 10px !important;
 }

 .responsive .u-fs-M-xxl {
  font-size: 12px !important;
 }

 .responsive .u-fs-L-xxl {
  font-size: 14px !important;
 }

 .responsive .u-fs-XL-xxl {
  font-size: 16px !important;
 }

 .responsive .u-fs-XXL-xxl {
  font-size: 18px !important;
 }

 .responsive .u-fs-XXXL-xxl {
  font-size: 20px !important;
 }

 .responsive .u-fs-XXXXL-xxl {
  font-size: 24px !important;
 }

 /*------------------------ Font Size xxl -------------------------*/

 /*---------------------- margin / padding -----------------------*/
 .responsive .u-mt0-xxl {
  margin-top: 0 !important;
 }

 .responsive .u-mt5-xxl {
  margin-top: 5px !important;
 }

 .responsive .u-mt10-xxl {
  margin-top: 10px !important;
 }

 .responsive .u-mt15-xxl {
  margin-top: 15px !important;
 }

 .responsive .u-mt20-xxl {
  margin-top: 20px !important;
 }

 .responsive .u-mt25-xxl {
  margin-top: 25px !important;
 }

 .responsive .u-mt30-xxl {
  margin-top: 30px !important;
 }

 .responsive .u-mt35-xxl {
  margin-top: 35px !important;
 }

 .responsive .u-mt40-xxl {
  margin-top: 40px !important;
 }

 .responsive .u-mt50-xxl {
  margin-top: 50px !important;
 }

 .responsive .u-mt60-xxl {
  margin-top: 60px !important;
 }

 .responsive .u-mt70-xxl {
  margin-top: 70px !important;
 }

 .responsive .u-mt80-xxl {
  margin-top: 80px !important;
 }

 .responsive .u-mt90-xxl {
  margin-top: 90px !important;
 }

 .responsive .u-mt100-xxl {
  margin-top: 100px !important;
 }

 .responsive .u-mr0-xxl {
  margin-right: 0 !important;
 }

 .responsive .u-mr5-xxl {
  margin-right: 5px !important;
 }

 .responsive .u-mr10-xxl {
  margin-right: 10px !important;
 }

 .responsive .u-mr15-xxl {
  margin-right: 15px !important;
 }

 .responsive .u-mr20-xxl {
  margin-right: 20px !important;
 }

 .responsive .u-mr25-xxl {
  margin-right: 25px !important;
 }

 .responsive .u-mr30-xxl {
  margin-right: 30px !important;
 }

 .responsive .u-mr35-xxl {
  margin-right: 35px !important;
 }

 .responsive .u-mr40-xxl {
  margin-right: 40px !important;
 }

 .responsive .u-mr50-xxl {
  margin-right: 50px !important;
 }

 .responsive .u-mr60-xxl {
  margin-right: 60px !important;
 }

 .responsive .u-mr70-xxl {
  margin-right: 70px !important;
 }

 .responsive .u-mr80-xxl {
  margin-right: 80px !important;
 }

 .responsive .u-mr90-xxl {
  margin-right: 90px !important;
 }

 .responsive .u-mr100-xxl {
  margin-right: 100px !important;
 }

 .responsive .u-mb0-xxl {
  margin-bottom: 0 !important;
 }

 .responsive .u-mb5-xxl {
  margin-bottom: 5px !important;
 }

 .responsive .u-mb10-xxl {
  margin-bottom: 10px !important;
 }

 .responsive .u-mb15-xxl {
  margin-bottom: 15px !important;
 }

 .responsive .u-mb20-xxl {
  margin-bottom: 20px !important;
 }

 .responsive .u-mb25-xxl {
  margin-bottom: 25px !important;
 }

 .responsive .u-mb30-xxl {
  margin-bottom: 30px !important;
 }

 .responsive .u-mb35-xxl {
  margin-bottom: 35px !important;
 }

 .responsive .u-mb40-xxl {
  margin-bottom: 40px !important;
 }

 .responsive .u-mb50-xxl {
  margin-bottom: 50px !important;
 }

 .responsive .u-mb60-xxl {
  margin-bottom: 60px !important;
 }

 .responsive .u-mb70-xxl {
  margin-bottom: 70px !important;
 }

 .responsive .u-mb80-xxl {
  margin-bottom: 80px !important;
 }

 .responsive .u-mb90-xxl {
  margin-bottom: 90px !important;
 }

 .responsive .u-mb100-xxl {
  margin-bottom: 100px !important;
 }

 .responsive .u-ml0-xxl {
  margin-left: 0 !important;
 }

 .responsive .u-ml5-xxl {
  margin-left: 5px !important;
 }

 .responsive .u-ml10-xxl {
  margin-left: 10px !important;
 }

 .responsive .u-ml15-xxl {
  margin-left: 15px !important;
 }

 .responsive .u-ml20-xxl {
  margin-left: 20px !important;
 }

 .responsive .u-ml25-xxl {
  margin-left: 25px !important;
 }

 .responsive .u-ml30-xxl {
  margin-left: 30px !important;
 }

 .responsive .u-ml35-xxl {
  margin-left: 35px !important;
 }

 .responsive .u-ml40-xxl {
  margin-left: 40px !important;
 }

 .responsive .u-ml50-xxl {
  margin-left: 50px !important;
 }

 .responsive .u-ml60-xxl {
  margin-left: 60px !important;
 }

 .responsive .u-ml70-xxl {
  margin-left: 70px !important;
 }

 .responsive .u-ml80-xxl {
  margin-left: 80px !important;
 }

 .responsive .u-ml90-xxl {
  margin-left: 90px !important;
 }

 .responsive .u-ml100-xxl {
  margin-left: 100px !important;
 }

 .responsive .u-pt0-xxl {
  padding-top: 0 !important;
 }

 .responsive .u-pt5-xxl {
  padding-top: 5px !important;
 }

 .responsive .u-pt10-xxl {
  padding-top: 10px !important;
 }

 .responsive .u-pt15-xxl {
  padding-top: 15px !important;
 }

 .responsive .u-pt20-xxl {
  padding-top: 20px !important;
 }

 .responsive .u-pt25-xxl {
  padding-top: 25px !important;
 }

 .responsive .u-pt30-xxl {
  padding-top: 30px !important;
 }

 .responsive .u-pt35-xxl {
  padding-top: 35px !important;
 }

 .responsive .u-pt40-xxl {
  padding-top: 40px !important;
 }

 .responsive .u-pt50-xxl {
  padding-top: 50px !important;
 }

 .responsive .u-pt60-xxl {
  padding-top: 60px !important;
 }

 .responsive .u-pt70-xxl {
  padding-top: 70px !important;
 }

 .responsive .u-pt80-xxl {
  padding-top: 80px !important;
 }

 .responsive .u-pt90-xxl {
  padding-top: 90px !important;
 }

 .responsive .u-pt100-xxl {
  padding-top: 100px !important;
 }

 .responsive .u-pr0-xxl {
  padding-right: 0 !important;
 }

 .responsive .u-pr5-xxl {
  padding-right: 5px !important;
 }

 .responsive .u-pr10-xxl {
  padding-right: 10px !important;
 }

 .responsive .u-pr15-xxl {
  padding-right: 15px !important;
 }

 .responsive .u-pr20-xxl {
  padding-right: 20px !important;
 }

 .responsive .u-pr25-xxl {
  padding-right: 25px !important;
 }

 .responsive .u-pr30-xxl {
  padding-right: 30px !important;
 }

 .responsive .u-pr35-xxl {
  padding-right: 35px !important;
 }

 .responsive .u-pr40-xxl {
  padding-right: 40px !important;
 }

 .responsive .u-pr50-xxl {
  padding-right: 50px !important;
 }

 .responsive .u-pr60-xxl {
  padding-right: 60px !important;
 }

 .responsive .u-pr70-xxl {
  padding-right: 70px !important;
 }

 .responsive .u-pr80-xxl {
  padding-right: 80px !important;
 }

 .responsive .u-pr90-xxl {
  padding-right: 90px !important;
 }

 .responsive .u-pr100-xxl {
  padding-right: 100px !important;
 }

 .responsive .u-pb0-xxl {
  padding-bottom: 0 !important;
 }

 .responsive .u-pb5-xxl {
  padding-bottom: 5px !important;
 }

 .responsive .u-pb10-xxl {
  padding-bottom: 10px !important;
 }

 .responsive .u-pb15-xxl {
  padding-bottom: 15px !important;
 }

 .responsive .u-pb20-xxl {
  padding-bottom: 20px !important;
 }

 .responsive .u-pb25-xxl {
  padding-bottom: 25px !important;
 }

 .responsive .u-pb30-xxl {
  padding-bottom: 30px !important;
 }

 .responsive .u-pb35-xxl {
  padding-bottom: 35px !important;
 }

 .responsive .u-pb40-xxl {
  padding-bottom: 40px !important;
 }

 .responsive .u-pb50-xxl {
  padding-bottom: 50px !important;
 }

 .responsive .u-pb60-xxl {
  padding-bottom: 60px !important;
 }

 .responsive .u-pb70-xxl {
  padding-bottom: 70px !important;
 }

 .responsive .u-pb80-xxl {
  padding-bottom: 80px !important;
 }

 .responsive .u-pb90-xxl {
  padding-bottom: 90px !important;
 }

 .responsive .u-pb100-xxl {
  padding-bottom: 100px !important;
 }

 .responsive .u-pl0-xxl {
  padding-left: 0 !important;
 }

 .responsive .u-pl5-xxl {
  padding-left: 5px !important;
 }

 .responsive .u-pl10-xxl {
  padding-left: 10px !important;
 }

 .responsive .u-pl15-xxl {
  padding-left: 15px !important;
 }

 .responsive .u-pl20-xxl {
  padding-left: 20px !important;
 }

 .responsive .u-pl25-xxl {
  padding-left: 25px !important;
 }

 .responsive .u-pl30-xxl {
  padding-left: 30px !important;
 }

 .responsive .u-pl35-xxl {
  padding-left: 35px !important;
 }

 .responsive .u-pl40-xxl {
  padding-left: 40px !important;
 }

 .responsive .u-pl50-xxl {
  padding-left: 50px !important;
 }

 .responsive .u-pl60-xxl {
  padding-left: 60px !important;
 }

 .responsive .u-pl70-xxl {
  padding-left: 70px !important;
 }

 .responsive .u-pl80-xxl {
  padding-left: 80px !important;
 }

 .responsive .u-pl90-xxl {
  padding-left: 90px !important;
 }

 .responsive .u-pl100-xxl {
  padding-left: 100px !important;
 }

 /*---------------------- margin / padding -----------------------*/
}

/*-- /min-width: 1400px --*/

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

 /*---------------------------- New Header ---------------------------*/
 .responsive .l-header__btn--order > a {
  width: 210px;
  left: 30%;
 }

 .responsive .l-header__function .lc-regist > a {
  width: 210px;
 }

 /*---------------------------- /New Header ---------------------------*/
}

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

 /*---------------------------- New Header ---------------------------*/
 .responsive .l-header__btn--order > a {
  left: 21%;
 }

 .responsive .l-header__function[data-component-header="user"] > li > a {
  width: 90px !important;
 }

 .responsive .l-header__function[data-component-header="user"] > li {
  width: 90px !important;
 }

 .responsive .l-meganav__balloonBox {
  width: 1100px;
 }

 .responsive .l-meganav__balloonBox .l-megaNavi__bottomWrap {
  width: 100% !important;
 }

 .responsive.page2:not(.topPage) .l-wrapper .l-headerWrap .top-l-header .l-header .l-header__aside {
  width: 30%;
 }

 .responsive .l-wrapper .l-headerWrap .top-l-header .l-header .l-header__main {
  width: 70%;
 }

 /*---------------------------- /New Header ---------------------------*/

 /*------------------------------ Promotion Arae ----------------------------*/
 .responsive .l-content .promotion--area .project {
  width: 23.5%;
 }

 .responsive .l-content .promotion--area .m-thumbnailList--l > li {
  width: 48%;
 }

 /*------------------------------ /Promotion Arae ---------------------------*/
}

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

 /*---------------------------- New Header ---------------------------*/
 .responsive .l-header__btn--order > a {
  left: 16%;
 }

 .responsive.page2:not(.topPage) .l-wrapper .l-headerWrap .top-l-header .l-header .l-header__main {
  width: 64%;
 }

 .responsive.page2:not(.topPage) .l-wrapper .l-headerWrap .top-l-header .l-header .l-header__aside {
  width: 36%;
 }

 .responsive .l-header__function .lc-regist > a {
  padding: 10px 30px;
  font-size: 14px;
  left: 57%;
 }

 .responsive .l-header__function[data-component-header="user"] > li > a {
  width: 80px !important;
 }

 .responsive .l-header__function[data-component-header="user"] > li {
  width: 80px !important;
 }

 .responsive .l-header__function[data-component-header="user"] .lc-cart .lc-badge {
  right: 17px;
 }

 .responsive .l-meganav__balloonBox {
  width: 800px;
 }

 .responsive .l-meganav__balloonBox .l-megaNavi__bottomWrap {
  width: 100% !important;
 }

 .responsive .l-meganav__balloonBox .l-megaNavi__bottomWrap .l-megaNavi_col .brand_navi li {
  max-width: 100%;
  width: 30%;
 }

 .responsive .l-wrapper .l-headerWrap .l-header-bottom .l-header-bottom__left .l-header__nav:last-child {
    width: 85%;
 }

 /*---------------------------- /New Header ---------------------------*/
}

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

 /*---------------------------- New Header ---------------------------*/
 .responsive .l-header__function .lc-regist > a {
  left: 54%;
  width: 200px;
 }

 .responsive .l-header__btn--order > a {
  left: 13%;
 }

 .responsive .l-header__function[data-component-header="user"] > li > a {
  width: 60px !important;
 }

 .responsive .l-header__function[data-component-header="user"] > li {
  width: 60px !important;
 }

 .responsive .l-header__function[data-component-header="user"] .lc-cart .lc-badge {
  right: 13px;
 }

 .responsive .l-header__btn--order > a {
  width: 200px;
 }

 .responsive .l-header__nav .new_icon img {
     width: 20%;
 }

 /*---------------------------- /New Header ---------------------------*/
}

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

 /*---------------------------- New Header ---------------------------*/
 .responsive .l-header__function .lc-regist > a {
  font-size: 12px;
  left: 52%;
  width: 180px;
 }

 .responsive .l-header__btn--order > a {
  top: 15%;
  left: 12%;
  width: 180px;
 }

 /*---------------------------- /New Header ---------------------------*/
}

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

 /*---------------------------- New Header ---------------------------*/

 .responsive .l-wrapper .l-headerWrap .l-header-bottom .l-header-bottom__left .l-header__nav .l-header__listPulldown a {
   padding: 7px 18px 7px 4px;
 }

 .responsive .l-header__nav > ul {
  display: inline-block;
  width: 100% !important;
 }

 .responsive .l-wrapper .l-headerWrap .l-header-bottom .l-header-bottom__left .l-header__nav .l-header__navList > li {
  width: auto !important;
  display: inline-block;
 }

 .responsive .l-wrapper .l-headerWrap {
  min-width: 100%;
 }

 .responsive .l-header__function > li > a:before {
  width: 20px;
  height: 20px;
 }

 .responsive .l-header__function .lc-cart > a:before {
  background-size: 19px 17px;
 }

 .responsive .l-header__function .lc-cart .lc-badge {
  right: -6px;
 }

 .responsive .l-header__function .lc-user .lc-badge,
 .responsive .l-header__function .lc-cart .lc-badge {
  min-width: 15px;
  height: 15px;
  font-size: 10px;
  line-height: 14px;
 }

 .responsive .l-header__function .lc-contact > a:before {
  background-size: 16px 19px;
 }

 .responsive .l-header__function .lc-regist > a {
  font-size: 12px;
  padding: 10px;
  position: initial;
 }

 .responsive .l-header__function .lc-cart {
  margin-left: -10px;
  margin-right: 7px;
 }

 .responsive .l-switchLanguage > li > a {
  font-size: 12px;
 }

 .responsive .l-header__logo > span,
 .responsive .l-header__logo > a {
  width: 170px;
  background-size: 96%;
  margin-top: 7px;
  ;
 }

 .responsive .l-header__logout {
  width: 80% !important;
 }

 .responsive .l-header__function .lc-user > a:before {
  background-size: 13px 14px;
 }

 .responsive .l-header__function .lc-order > a:before {
  background-size: 17px 18px;
 }

 .responsive .l-header__function .lc-partslist > a:before {
  background-size: 16px 13px;
 }

 .responsive.isLogin.page2:not(.topPage) .l-wrapper .l-headerWrap .top-l-header .l-header .l-header__aside {
  padding-left: 10px;
 }

 .responsive .l-header__function[data-component-header="user"] > li {
  margin-left: 5px !important;
 }

 .responsive.isLogin.page2:not(.topPage) .l-wrapper .l-headerWrap .top-l-header .l-header .l-header__aside {
  width: 42% !important;
 }

 .responsive.isLogin.page2:not(.topPage) .l-header__main {
  width: 58% !important;
 }

 .responsive .l-header__searchForm .lc-btn#keyword_go_eng {
  background-size: 30%;
 }

 .responsive .l-header__btn--order > a {
  font-size: 12px;
  background-size: 10%;
  background-position: 6px center;
  left: 3%;
 }

 .responsive .l-header__nav > ul > li > a {
  font-size: 12px;
 }

 .responsive .l-header__listPulldown:after {
  top: 43%;
 }

 .responsive .l-header-bottom .l-meganav .lc-h2 {
  font-size: 12px;
 }

 .responsive .l-header__pulldownTitle {
  font-size: 12px;
 }

 .responsive .l-headerWrap .top-l-header {
  padding-top: 10px;
 }

 .responsive .l-header-bottom__left {
  width: 85% !important;
 }

 .responsive .l-header__pulldown .lc-balloon {
  width: 150px;
  left: 0;
 }

 .responsive .l-header__listPulldown .lc-balloon__list > li > a {
  font-size: 12px;
 }

 .responsive .l-header-bottom .l-meganav__category > ul > li > a {
  padding: 10px 15px;
  font-size: 12px;
 }

 .responsive .l-meganav__balloonBox {
  width: 600px;
 }

 .responsive .l-meganav__balloonBox .l-megaNavi__bottomWrap .l-megaNavi_col .brand_navi li {
  width: 33%;
 }

 .responsive .l-meganav__balloonBox .l-megaNavi__bottomWrap {
  display: none;
 }

 .responsive .l-meganav__balloonBox .l-meganav__balloonBoxInner {
  max-height: 468px;
  margin-bottom: 0;
 }

 /*---------------------------- /New Header ---------------------------*/

 /*------------------------------ Promotion Arae ----------------------------*/
 .responsive .l-content .promotion--area .wrap-innn {
  padding: 5px;
 }

 .responsive .l-content .promotion--area {
  width: 100%;
 }

 .responsive .l-content .promotion--area .carousel {
  display: flex;
 }

 .responsive .l-content .promotion--area .project {
  width: 23.3%;
 }

 .responsive .l-content .promotion--area .m-thumbnailList--l {
  display: flex;
 }

 .responsive .promotion--area .m-thumbnailList--l > li {
  width: 48.3%;
 }

 /*------------------------------ /Promotion Arae ---------------------------*/

 /*----------------------------- Edit Area --------------------------*/
 .responsive .l-content .FooterNav li {
  width: 32.6%;
 }

 /*---------------------------- /Edit Area --------------------------*/

 /*--------------------------- Footer ----------------------------*/
 .responsive .l-footerWrap {
  max-width: 100%;
 }

 .responsive .l-footer {
  max-width: 100%;
 }

 .responsive .l-footer__cols {
  max-width: 100%;
  padding: 0 10px;
 }

 /*--------------------------- Footer ----------------------------*/

 /*------------------------- MISUMI Mobile App ----------------------*/
 .responsive .block_mobile_app .block_content {
  padding: 20px 20px 0 !important;
 }

 /*------------------------- MISUMI Mobile App ----------------------*/

}

@media screen and (max-width: 1150px) {
 .responsive .l-header__btn--order > a {
     left: 5%;
 }
}

@media screen and (max-width: 1130px) {
 .responsive .l-header__btn--order > a {
     left: 6%;
  width: 170px;
 }
 .responsive .l-header__function .lc-regist > a {
    width: 170px;
 }
}

@media screen and (max-width: 1100px) {
 /*---------------------------- New Header ---------------------------*/
 .responsive .l-header__function .lc-regist > a {
    width: 150px;
 }
.responsive .l-header__btn--order > a {
     width: 150px;
    left: 8%;
 }
 /*---------------------------- /New Header ---------------------------*/
}

@media screen and (max-width: 1080px) {
 .responsive .l-header__btn--order > a {
     left: 9%;
 }
}

@media screen and (max-width: 1050px) {
 .responsive .l-header__btn--order > a {
     left: 10%;
 }
}

@media screen and (max-width: 1040px) {
 .responsive .l-header__btn--order > a {
     left: 12%;
  width: 135px !important;
 }
 .responsive .l-header__function .lc-regist > a {
    width: 135px !important;
}
}

@media screen and (max-width: 1010px) {
 .responsive .l-header__btn--order > a {
     left: 14%;
 }
}

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

 /*---------------------------- New Header ---------------------------*/

 .responsive .l-wrapper .l-headerWrap .l-header-bottom .l-header-bottom__right .link-promote-app {
    display: none;
}
 .responsive .l-header__btn--order > a {
    position: initial;
    width: 100%;
}
 .responsive .l-header__userBox {
  z-index: 8400;
  text-align: left;
  top: 40px;
 }

 .responsive.isLogout .lc-contact:hover .l-header__balloonBox--left.info-box {
  right: -113px !important;
  top: 40px !important;
  z-index: 8500;
  width: 209px;
 }

 .responsive.isLogin .lc-contact:hover .l-header__balloonBox--left.info-box {
  top: 40px;
  right: 0;
  width: 201px;
 }

 .responsive .lc-contact .l-header__linkList > li {
  text-align: left;
 }

 .responsive .l-switchLanguageWrap {
  top: -131px;
 }

 .responsive .l-header__logo > span,
 .responsive .l-header__logo > a {
  width: 190px;
  background-size: 100%;
  margin: 0 auto;
 }

 .responsive .l-header__logoWrap {
  display: block;
 }

 .responsive .l-headerWrap .top-l-header {
  padding-top: 5px;
 }

 .responsive .l-header__function > li + li {
  margin-left: 10px;
 }

 .responsive .l-header__function[data-component-header="user"] > li > a {
  width: auto !important;
 }

 .responsive .l-header__function[data-component-header="user"] > li {
  width: auto !important;
  margin-left: 10px !important;
 }

 .responsive .l-header__function[data-component-header="user"] .lc-user {
  width: 100px !important;
 }

 .responsive .l-header__function[data-component-header="user"] .lc-user > a {
  width: 100px !important;
 }

 .responsive .l-header__function[data-component-header="user"] .lc-cart .lc-badge {
  right: 22px;
 }

 .responsive .l-header {
  display: block;
 }

 .responsive .l-header__searchWrap {
  display: block;
 }

 .responsive .l-header__search {
  display: block;
 }

 .responsive.page2:not(.topPage) .l-wrapper .l-headerWrap .top-l-header .l-header .l-header__main {
  width: 100%;
  padding-right: 0;
 }

 .responsive .l-header__function .lc-regist > a {
  padding: inherit;
  font-size: 11px;
  background-color: transparent;
  color: #004bb1 !important;
  border-radius: 0;
 }

 .responsive .l-header__function .lc-regist > a::before {
  content: "";
  position: relative;
  top: 1px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 14px 16px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAbCAYAAACJISRoAAABeUlEQVRIid3VMUsDMRjG8X+roFAkCK0IDhIRJxfBoVLE1Q9QBIeCH8ElUydxzJcQ3Iqra0EddFIcdBKC6GS7RHGwDkogLVIv17u2t/QZ733f/MhBkhwDIqR2PXvAAbDlPgEWuAZOgIY16idulVhESF0EzoCdmLYLoGqNaqdGhNQF4ArYGLRb4A7YtkZ9RhXzMYP1hAC+rx4qRu5ESD0DtIC5hIjLB1CyRn31F0I7KacE8P3lqEIIWUoJxM6FkPchkci5EHI/JBI5F4lYo16AZkqg6eeSIT4K6CQEOr4/MkHEGnUL1BJArl7z/ekQDzWACnAZaHHfK74vmIEXZDdCaunPQckf1BtrlEk6Pxn597uE1LPAKlBMuUP3prwBT9ao77+FHiKkdlfCsX+gCiP8QnfqT4Eja1SrhwipN4FzYGGExfvzCuxaox5yQup54BFYHCPQzTOwnvcnNQvAZRk4dEg1I6CbfYesZIysOWQqY2Q69u4aVyYEAX4BFphZ/a8iil4AAAAASUVORK5CYII=);
  display: block;
 }

 .responsive .isLogout .lc-contact:hover .l-header__balloonBox--left.info-box {
  right: -100% !important;
 }

 .responsive .l-header__function > li + li {
  position: relative;
 }

 .responsive .lc-regist .register-text {
  position: initial;
  line-height: 37px;
 }

 .responsive .l-header__function .lc-cart > a:before {
  background-size: 18px 14px;
 }

 .responsive .l-header__function .lc-contact > a:before {
  background-size: 18px 19px;
 }

 .responsive .l-header__function .lc-user .lc-badge,
 .responsive .l-header__function .lc-cart .lc-badge {
  min-width: 13px;
  height: 13px;
  font-size: 8px;
  line-height: 13px;
  right: -3px;
 }

 .responsive .l-header__function > li > a > span {
  margin-top: 1px;
 }

 .responsive.page2:not(.topPage) .l-wrapper .l-headerWrap .top-l-header .l-header .l-header__aside {
  padding: 0;
  width: 100% !important;
  display: block;
 }

 .responsive .l-wrapper .l-headerWrap .top-l-header .l-header .l-header__aside .l-header__balloonBoxWrap {
  width: 100% !important;
  position: initial !important;
 }

 .responsive .l-header .l-header__aside .l-header__right-top {
  display: inline-block;
  margin-right: 0;
  width: 100% !important;
 }

 .responsive .l-header__right-below {
  display: inline-block;
  width: auto !important;
  vertical-align: top;
 }

 .responsive:not(.topPage) .l-wrapper .l-headerWrap .top-l-header .l-header .l-header__aside {
  display: block;
  width: 100% !important;
  text-align: center;
  margin: 10px 0;
  padding: 0;
 }

 .responsive .l-header__logout {
  width: 100% !important;
 }

 .responsive .l-header__insider_brands {
  height: 0;
 }

 .responsive .l-header {
  position: initial;
 }

 .l-headerWrap .top-l-header {
  padding-top: 10px;
 }

 .responsive .l-header__logoWrap {
  margin: 0 0 12px 0;
 }

 .responsive .l-switchLanguage > li > a {
  font-size: 11px;
 }

 .responsive.isLogin.page2:not(.topPage) .l-header__main {
  width: 100% !important;
 }

 .responsive.isLogin .top-l-header .l-header__aside .l-header__logout {
  width: 100% !important;
 }

 .responsive .l-header .l-header__aside .l-header__right-top .l-header__function {
  display: inline-block !important;
 }

 .responsive.isLogin.page2:not(.topPage) .l-wrapper .l-headerWrap .top-l-header .l-header .l-header__aside {
  width: 100% !important;
  padding-left: 0;
 }

 .responsive .l-header__nav > ul > .l-header__navList > a {
  display: inline-block;
 }

 .responsive .l-wrapper .l-headerWrap .l-header-bottom .l-header-bottom__left .l-header__listPulldown > a {
  padding: 7px 18px 7px 10px;
 }

 .responsive .MainMenu {
  display: block;
 }

 .responsive .l-header-bottom .l-header-bottom__left .l-header__nav {
  display: inline-block;
  margin-left: 0;
 }

 .responsive .l-header-bottom {
  display: block;
  padding: 0 10px;
 }

 .responsive .l-header-bottom__right {
      width: 17.5% !important;
  display: inline-block;
  vertical-align: top;
 }

 .responsive .l-header-bottom__left {
  width: 82% !important;
  display: inline-block;
 }

 .responsive .l-header__btn--order {
  width: 100%;
  margin-left: 0 !important;
 }

 .responsive .l-meganav__balloonBox {
  width: 550px;
 }

 .responsive .l-header__balloon--product.is-focus {
  width: 100% !important;
  position: inherit !important;
  border-width: 1px 0 0 0 !important;
  border-style: solid !important;
  border-color: #a7a7a7 !important;
  margin-left: 0 !important;
  top: 13px !important;
  left: 0 !important;
 }

 .responsive .l-header__keywordBox__aside.is-focus {
  border: 0 !important;
  width: 100% !important;
  position: inherit !important;
  left: 0 !important;
  top: 101% !important;
 }

 .responsive .l-header__balloonBox--left.login-btn_on_header {
  right: 0;
  z-index: 8500;
  width: 100%;
 }

 /*---------------------------- /New Header ---------------------------*/

 .responsive .l-main {
  padding: 0px 10px;
 }

 /*----------------------------- Edit Area --------------------------*/
 .responsive .l-content .FooterNav li {
  width: 19.6%;
 }

 /*---------------------------- /Edit Area --------------------------*/

 /*------------------------------ Movie ----------------------------*/
 .responsive .fancybox-opened {
  max-width: 600px !important;
  width: 100% !important;
 }

 .responsive .fancybox-outer,
 .responsive .fancybox-inner {
  max-width: 100%;
  width: 100%;
 }

 /*------------------------------ /Movie ---------------------------*/

 .responsive {
  margin-bottom: 0;
 }

 .responsive .l-nav {
  display: none;
 }

 .responsive .l-contentWrap .l-content {
  width: 100%;
 }

 /*----------------------------- Table -----------------------------*/
 .responsive .m-table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
 }

 .responsive .m-table-responsive table {
  width: 100%;
  max-width: 100%;
 }

 /*----------------------------- Table -----------------------------*/

 /*----------------------------- floating --------------------------*/
 .responsive .floatingBnrBottom {
  display: none !important;
 }

 .responsive .floatingBnrPDPA__contents {
  padding: 10px !important;
 }

 .responsive .floatingBnrPDPA__contents--point {
  max-width: 100% !important;
  height: auto !important;
  padding: 20px !important;
 }

 .responsive .floatingBnrPDPA__contents--point p br {
  display: none;
 }

 .responsive .floatingBnrPDPA__close > a {
  position: inherit !important;
  text-align: center !important;
  margin: 10px auto 0 !important;
 }

 /*----------------------------- floating --------------------------*/

 /*------------------------------ Footer ----------------------------*/
 .responsive .l-footer {
  width: 1200px;
  border-top: 1px solid #a7a7a7;
 }

 .responsive .l-footer__payment {
  display: none;
  padding: 10px 20px;
 }

 .responsive .l-footer__payment.show {
  display: block;
  border-bottom: 1px solid #a7a7a7;
 }

 .responsive .l-footer__cols {
  display: block;
  width: 100%;
 }

 .responsive .l-footerWrap {
  position: inherit;
  padding-top: 0;
  box-shadow: none;
  padding-bottom: 0;
 }

 .responsive .l-footer__cols__3of4--contact {
  width: 100%;
 }

 .responsive .l-footer__cols {
  display: block;
  width: 100%;
 }

 .responsive .l-footer__cols__3of4 {
  display: block;
  width: 100%;
 }

 .responsive .l-footer__cols__1of3 {
  display: block;
  width: 100%;
  padding: 0;
  border: initial;
 }

 .responsive .l-footer__cols__1of4 {
  display: block;
  width: 100%;
  padding: 0;
  border: initial;
  border-width: 0 !important;
 }

 .responsive .l-footer__cols .lc-h2 {
  border-bottom: 1px solid #a7a7a7;
 }

 .responsive .l-footer__linkList {
  display: none;
  padding: 10px 0;
 }

 .responsive .l-footer__linkList.show {
  display: block;
  border-bottom: 1px solid #a7a7a7;
 }

 .responsive .l-footer__snsList {
  display: none;
  padding: 10px;
 }

 .responsive .l-footer__snsList.show {
  display: block;
 }

 .responsive .l-footer__cols--contact {
  margin: 20px 0 0 0;
  padding: 0 0 10px 0;
 }

 .responsive .l-copyright {
  text-align: center;
  margin: 20px;
 }

 .responsive #FooterPayment,
 .responsive #Footer05 {
  margin: 0;
  padding: 10px 21px;
  background-color: #e6e6e6;
  color: #333;
  cursor: pointer;
  display: block;
  border-bottom: 1px solid #a7a7a7;
 }

 .responsive .l-footer__h2 {
  margin: 15px 0 20px;
  border-bottom: 0;
 }

 .responsive .l-footer__cols {
  margin-top: 0;
  padding: 0;
 }

 .responsive #FooterPayment,
 .responsive #Footer05,
 .responsive .l-footer__cols .lc-h2 {
  position: relative;
  left: 0px;
  right: 0px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 10px 21px;
  cursor: pointer;
  background-color: #e6e6e6;
  color: #333;
  display: block;
 }

 .responsive #FooterPayment:before,
 .responsive #Footer05:before,
 .responsive .l-footer__cols .lc-h2:before {
  position: absolute;
  top: 14px;
  right: 29px;
  display: block;
  width: 3px;
  height: 13px;
  background: #333333;
  content: '';
 }

 .responsive #FooterPayment:after,
 .responsive #Footer05:after,
 .responsive .l-footer__cols .lc-h2:after {
  position: absolute;
  top: 19px;
  right: 24px;
  width: 13px;
  height: 3px;
  display: block;
  background: #333333;
  content: '';
 }

 .responsive #FooterPayment.open:before,
 .responsive #Footer05.open:before,
 .responsive .lc-h2.open:before {
  height: 0 !important;
 }

 .responsive .l-footer__paymentMethod--prompt {
  text-align: left;
 }

 .responsive .l-footer__paymentMethod,
 .responsive .l-footer__paymentMethod--last {
  margin-right: 0;
  margin-bottom: 15px;
  float: none;
 }

 /*------------------------------ Footer ----------------------------*/
}

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

 /*---------------------------- New Header ---------------------------*/

.responsive .l-header__nav .new_icon img {
    width: auto;
}

 .responsive .l-header-bottom {
  text-align: right;
  padding: 0 9px 0 10px;
 }

 .responsive .l-header-bottom__left {
  display: none;
 }

 .responsive .l-header-bottom__right {
  width: 100% !important;
  text-align: right;
  margin-left: 0 !important;
 }

 .responsive .l-header__btn--order > a {
  display: inline-block;
  background-size: 7%;
  width: 250px;
 }

 .responsive #mobile_menu {
  display: block;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAbCAYAAAAZMl2nAAAABHNCSVQICAgIfAhkiAAAAFVJREFUSEvtlTEOACAIA+F9vtYXahzBxG6mw7GyXEpbMsZcYTAJSLsCinRbositiEF0D0KacDiB0KzVFMSXQlM1YeQRhfppT7OSGmU1o9Tw9Hh6b7tu+L8ps+c43hoAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 30px auto;
  width: 53px;
  height: 39px;
  position: absolute;
  top: 20%;
  left: 12px;
  z-index: 999;
  cursor: pointer;
  padding: 0 0 0 36px;
  font-size: 16px;
  color: #004bb1;
  font-weight: bold;
  z-index: 8100;
 }

 .responsive .l-headerWrap.fixed #mobile_menu {
  top: 30%;
 }

 .responsive .l-headerWrap.fixed {
  position: fixed;
  top: -10px;
  right: 0;
  width: 100%;
  padding: 10px;
  background-color: #ffffff;
  box-shadow: 2px 5px 11px -3px rgb(0 0 0 / 36%);
  -webkit-box-shadow: 2px 5px 11px -3px rgb(0 0 0 / 36%);
  -moz-box-shadow: 2px 5px 11px -3px rgba(0, 0, 0, 0.36);
 }

 .responsive .l-headerWrap.fixed .l-header-bottom__right {
  margin-top: 8px;
 }

 .responsive .l-headerWrap.fixed .top-l-header {
  display: none;
 }

 .responsive .l-headerWrap.fixed:before {
  display: none;
 }

 .responsive .l-header-bottom .l-header-bottom__left.show {
  display: block !important;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 8200;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100% !important;
  max-width: 100%;
  overflow-y: hidden;
 }

 .responsive .l-header-bottom .l-header-bottom__left.show .MainMenu {
  display: block !important;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 8300;
  background-color: #FFFFFF;
  height: 100vh;
  width: 60% !important;
  max-width: 100%;
  padding: 0 0 120px 0;
  overflow-y: scroll;
  overflow-x: hidden;
 }

 .responsive .l-header-bottom .l-header-bottom__left.show #CloseMenu {
  width: 100%;
  height: 50px;
  padding: 10px;
  background-color: #FFFFFF;
  display: block;
  text-align: right;
  z-index: 8400;

 }

 .none-scroll {
  overflow-y: hidden !important;
 }

 .responsive .l-header-bottom .l-header-bottom__left.show #CloseMenu span {
  width: 30px;
  height: 30px;
  display: inline-block;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABHNCSVQICAgIfAhkiAAAAddJREFUSEut191OwjAUB/B/ifLhBc+kIUTFGODCxGfQ59FnMOHCESNCiNFn4kIUDbXdKOvWs64fcDfW9bfTnp52DPpvMO2Ly3t8dW/xefZduBd6cTlrgW0mAHvEbDhX3bB9fxn6AoYWOOYCH0fjKfor++yLPmUgY4VnsI6qN4nFdTTvc48zEo3FKbSECzh5BmOjyin0jVyijc1UzOl5dZ88YTj9aONkJXBcROO2SPOIl+DH19kcHwL3QPE2+MmzOgb3RGWsORwaeQBqwr54Z83367QqQTjSOZXDqzcpRqzuuAz7FguAH6HBepakJFE6Yh+c7xpTr18RqVkyqdd2iZzCa1B7xKGRO6BusEq4zipBA5ZqJBpy/g40r8qJRA0mnVzllnLJYPMqSmuvtACLLWXCrbsjl12tHi5ubRlke8qxttthems7CF4N27e2aJyGXcrgViYS+6tJuMqTjAm7oGrJrDssdEstwj6oqr1uRcaIPIdDUL8iU8AzOAYNxNlB0AC8/rAHvsC2OXQpg6nvNOfysDeYykOePOy1jZrqWPCN52w4hzwQ7A57FB6K2oZ9h4qviaX+CZNHHotSuIaa5T6NnN+BN2+c55Ta8/T/smF/En89yEjVrX//CnYQ89odHwAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 57%;
  z-index: 9000;
  cursor: pointer;
 }

 /* Menu */
 .responsive .l-wrapper .l-headerWrap .l-header-bottom .l-header-bottom__left .l-header__nav {
  width: 100%;
  display: block;
  border-bottom: 1px solid #DDDDDD;
 }

 /*กลุ่มสินค้า*/
 .responsive .l-header__maganav .l-meganav__body {
  position: initial;
  width: 100%;
  box-shadow: none;
  background-color: #fff;
 }

 .responsive .l-header__maganav .l-meganav__search {
  border: 0;
 }

 .responsive .l-header__maganav .l-meganav__category > ul > li > a {
  text-align: left !important;
  line-height: normal;
  width: 100% !important;
  padding: 15px 30px !important;
  font-size: 12px !important;
  background-position: 100% 50% !important;
 }

 .responsive .l-meganav__search .l-meganav__category-ul-list > li,
 .responsive .l-meganav__search .l-meganav__category-ul-list.submeganav-loaded > li {
  height: auto;
 }

 .responsive .l-header__maganav .l-meganav.on .lc-h2 {
  background-color: #025fae !important;
  opacity: 1;
  color: #FFFFFF !important;
 }

 .responsive .l-header__maganav .l-meganav.on .lc-h2::before {
  background: #FFFFFF !important;
 }

 .responsive .l-header__maganav .l-meganav.on .lc-h2::after {
  background: #FFFFFF !important;
 }

 .responsive .l-header__maganav .l-meganav ul li.on .l-meganav__balloonBox {
  display: none !important;
 }

 .responsive .l-header__maganav .l-meganav .l-meganav__balloonBox {
  display: none !important;
 }

 .responsive .l-meganav__category > ul > li.on > a:before {
  border-width: 0 !important;
 }

 .responsive .l-meganav__category > ul > li.on > a:after {
  border-width: 0 !important;
 }

 .responsive .l-header__maganav .l-meganav .lc-h2 {
  display: block;
  box-sizing: border-box;
  padding: 15px 10px;
  height: auto;
  text-align: left !important;
  color: #424242;
  line-height: normal;
  font-weight: bold;
  cursor: pointer;
  border: 0 none;
  border-radius: 0;
  box-shadow: none;
  background-image: none;
  background-color: transparent;
  border-top: 1px solid #DDDDDD !important;
 }

 .responsive .l-header__maganav .l-meganav .lc-h2:hover {
  background-color: #025fae;
  color: #FFFFFF;
  opacity: 1;
 }

 .responsive .l-header__maganav .l-meganav .lc-h2:hover::before {
  background: #FFFFFF;
 }

 .responsive .l-header__maganav .l-meganav .lc-h2:hover::after {
  background: #FFFFFF;
 }

 .responsive .l-header__maganav .l-meganav .lc-h2::before {
  position: absolute;
  top: 18px;
  right: 25px;
  display: block;
  width: 2px;
  height: 12px;
  background: #636363;
  content: '';
 }

 .responsive .l-header__maganav .l-meganav .lc-h2::after {
  position: absolute;
  top: 23px;
  right: 20px;
  width: 12px;
  height: 2px;
  display: block;
  background: #636363;
  content: '';
 }

 /* แบรน์ */
 .responsive .l-header__pulldownTitle {
  display: block;
  box-sizing: border-box;
  padding: 15px 10px;
  height: auto;
  text-align: left !important;
  color: #424242 !important;
  line-height: normal;
  font-weight: bold;
  cursor: pointer;
  border: 0 none !important;
  border-radius: 0;
  box-shadow: none;
 }

 .responsive .l-header__pulldown .l-meganav__category > ul > li > a {
  text-align: left !important;
  width: 100% !important;
  padding: 15px 30px !important;
  background-image: none;
 }

 .responsive .l-header__pulldown:after {
  width: 0;
 }

 .responsive .l-header__pulldownTitle::before {
  position: absolute;
  top: 18px;
  right: 25px;
  display: block;
  width: 2px;
  height: 12px;
  background: #636363;
  content: '';
 }

 .responsive .l-header__pulldownTitle::after {
  position: absolute;
  top: 23px;
  right: 20px;
  width: 12px;
  height: 2px;
  display: block;
  background: #636363;
  content: '';
 }

 .responsive .l-header__pulldownTitle:hover {
  background-color: #025fae;
  color: #FFFFFF !important;
 }

 .responsive .l-header__pulldownTitle:hover::before {
  background: #FFFFFF;
 }

 .responsive .l-header__pulldownTitle:hover::after {
  background: #FFFFFF;
 }

 .responsive .l-header__pulldown.is-title-hover .l-header__pulldownTitle {
  background-color: #025fae !important;
  color: #FFFFFF !important;
 }

 .responsive .l-header__pulldown.is-title-hover .l-header__pulldownTitle::before {
  background: #FFFFFF !important;
 }

 .responsive .l-header__pulldown.is-title-hover .l-header__pulldownTitle::after {
  background: #FFFFFF !important;
 }

 .responsive .l-header__pulldown .lc-balloon {
  width: 100%;
  position: initial;
 }

 .responsive .l-header__pulldown .l-meganav__category {
  border: 0;
  width: 100%;
  box-shadow: none;
  background-color: #fff;
 }

 /* sub-menu */
 .responsive .l-wrapper .l-headerWrap .l-header-bottom .l-header-bottom__left .l-header__nav:last-child {
  width: 100% !important;
 }

 .responsive .l-header__nav > ul {
  display: block;
 }

 .responsive .l-wrapper .l-headerWrap .l-header-bottom .l-header-bottom__left .l-header__nav .l-header__navList > li {
  width: 100% !important;
  display: block;
  border-bottom: 1px solid #DDDDDD;
 }

 .responsive .l-wrapper .l-headerWrap .l-header-bottom .l-header-bottom__left .l-header__nav .l-header__navList > li > a {
  display: block;
  box-sizing: border-box;
  padding: 15px 10px;
  height: auto;
  text-align: left !important;
  color: #424242 !important;
  line-height: normal;
  font-weight: bold;
  cursor: pointer;
  border: 0 none;
  border-radius: 0;
  box-shadow: none;
 }

 .responsive .l-header__nav > ul > li > a::after {
  width: 0;
 }

 .responsive .l-header__nav > ul > li:first-child > a:before {
  left: initial;
  margin-top: 0;
 }

 .responsive .l-wrapper .l-headerWrap .l-header-bottom .l-header-bottom__left .l-header__nav .l-header__navList .l-header__listPulldown > a::before {
  position: absolute;
  top: 18px !important;
  right: 25px !important;
  display: block;
  width: 2px;
  height: 12px;
  background: #636363;
  content: '';
 }

 .responsive .l-wrapper .l-headerWrap .l-header-bottom .l-header-bottom__left .l-header__nav .l-header__navList .l-header__listPulldown > a::after {
  position: absolute;
  top: 35px !important;
  right: 20px !important;
  width: 12px;
  height: 2px;
  display: block;
  background: #636363;
  content: '';
 }

 .responsive .l-wrapper .l-headerWrap .l-header-bottom .l-header-bottom__left .l-header__nav .l-header__navList .l-header__listPulldown > a:hover::before {
  background: #FFFFFF;
 }

 .responsive .l-wrapper .l-headerWrap .l-header-bottom .l-header-bottom__left .l-header__nav .l-header__navList .l-header__listPulldown > a:hover::after {
  background: #FFFFFF;
 }

 .responsive .l-header__listPulldown:after {
  width: 0;
 }

 .responsive .l-wrapper .l-headerWrap .l-header-bottom .l-header-bottom__left .l-header__nav .l-header__navList > li > a:hover {
  background-color: #025fae;
  color: #FFFFFF !important;
  text-decoration: none;
 }

 .responsive .l-wrapper .l-headerWrap .l-header-bottom .l-header-bottom__left .l-header__nav .l-header__navList > li:last-child {
  border-bottom: 0;
 }

 .responsive .l-header__listPulldown .lc-balloon {
  width: 100%;
  position: initial;
  padding: 10px 0;
 }

 .responsive .l-header__listPulldown .lc-balloon__list {
  width: 100%;
  border: 0;
  box-shadow: none;
 }

 .responsive .l-header__listPulldown .lc-balloon__list > li > a {
  color: #004bb1 !important;
  font-weight: bold;
  text-align: left !important;
  width: 100% !important;
  padding: 15px 30px !important;
  background-image: none;
  border: 0;
 }

 .responsive .l-wrapper .l-headerWrap .l-header-bottom .l-header-bottom__left .l-header__nav .l-header__listPulldown.on > a {
  background-color: #025fae;
  color: #FFFFFF !important;
 }

 .responsive .l-wrapper .l-headerWrap .l-header-bottom .l-header-bottom__left .l-header__nav .l-header__listPulldown.on > a::before {
  background-color: #FFFFFF !important;
 }

 .responsive .l-wrapper .l-headerWrap .l-header-bottom .l-header-bottom__left .l-header__nav .l-header__listPulldown.on > a::after {
  background-color: #FFFFFF !important;
 }

 .responsive .l-header__listPulldown .lc-balloon__list > li + li {
  border-top: 0;
 }

 /*---------------------------- /New Header ---------------------------*/
}

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

 /*----------------------------- Edit Area --------------------------*/
 .responsive .l-content .FooterNav li {
  width: 32.6%;
 }

 /*---------------------------- /Edit Area --------------------------*/

 /*---------------------------- Tabs ---------------------------*/
 .responsive .m-tab > .tab-control {
  margin-left: 0;
  border-bottom: 1px solid #bfbfbf;
 }

 .responsive .m-tab > .tab-control > li {
  display: block;
  margin-left: 0;
 }

 /*---------------------------- /Tabs ---------------------------*/

 /*------------------------- MISUMI Mobile App ----------------------*/
 .responsive .block_mobile_app .img_mobile_lg {
  display: none;
 }

 .responsive .block_mobile_app .img_mobile_sm {
  display: block;
 }

 .responsive .block_mobile_app .block_item {
  width: 100% !important;
 }

 .responsive .block_mobile_app .block_qr_code {
  display: none;
 }

 .responsive .block_detail {
  width: 100%;
  text-align: center;
 }

 .responsive .block_detail .block_btn {
  width: 100% !important;
  display: block;
  font-size: 18px;
  margin: 20px 0 0 0 !important;
 }

 .responsive .mobile_detail .text_img {
  max-width: 80%;
  display: block;
  margin: 20px auto;
 }

 /*------------------------- MISUMI Mobile App ----------------------*/

 /*------------------------------ Footer ----------------------------*/
 .responsive .l-footer__dataList li {
  margin-right: 0;
 }

 /*------------------------------ Footer ----------------------------*/

 /*------------------------ Image Float .m-media -------------------------*/
 .responsive .m-media__img--l,
 .responsive .m-media--combo__img--l,
 .responsive .m-media--cnavi__img--l,
 .responsive .m-media--result__img--l {
  float: none;
  margin: 0 auto 30px;
  text-align: center;
 }

 .responsive .m-media__img--r,
 .responsive .m-media--combo__img--r,
 .responsive .m-media--cnavi__img--r,
 .responsive .m-media--result__img--r {
  float: none;
  margin: 0 auto 30px;
  text-align: center;
 }

 .responsive .m-media__img--l img,
 .responsive .m-media--combo__img--l img,
 .responsive .m-media--cnavi__img--l img,
 .responsive .m-media--result__img--l img,
 .responsive .m-media__img--r img,
 .responsive .m-media--combo__img--r img,
 .responsive .m-media--cnavi__img--r img,
 .responsive .m-media--result__img--r img {
  margin: auto;
 }

 .responsive .mainArea .m-panel,
 .l-content .m-panel {
  position: relative;
  min-height: 100%;
 }

 .responsive .m-panel__flow {
  max-width: 100%;
  margin-left: 0;
 }

 .responsive .m-panel__fixed {
  position: inherit;
  width: 100%;
 }

 .responsive .m-media--middle {
  display: block;
  margin-top: 10px;
 }

 .responsive .m-media--middle__img--l {
  padding-right: 0;
  margin-bottom: 10px;
  text-align: center;
 }

 .responsive .m-media--middle__img--l,
 .responsive .m-media--middle__img--r,
 .responsive .m-media--middle__main {
  display: block;
 }

 .responsive .m-media--middle__img--r {
  padding-left: 0;
  text-align: center;
 }

 /*------------------------ Image Float .m-media -------------------------*/

 /*------------------------ SEO -------------------------*/
 .responsive .m-linkList--1of3 {
  margin-left: 0;
 }

 .responsive .l-content .m-linkList--1of3 > li {
  width: 100%;
  padding: 0 0 5px 25px;
  margin: 0 0 12px 0 !important;
  border-bottom: 1px solid #dddddd;
  border-right: 0;
  text-align: left;
 }

 .responsive .l-content .m-linkList--1of3 > li:last-child {
  margin-bottom: 0px !important;
  padding: 0 0 0 25px;
  border-bottom: 0;
 }

 .responsive .l-content .nav_box {
  padding: 10px 0;
 }

 /*------------------------ /SEO ------------------------*/

 /*------------------------------ Promotion Arae ----------------------------*/
 .responsive .promotion--area .register_area .m-btnList--center li a {
  width: 200px !important;
 }

 /*------------------------------ /Promotion Arae ---------------------------*/

 /*------------------------------ Movie ----------------------------*/
 .responsive .fancybox-opened {
  max-width: 450px !important;
  width: 100% !important;
 }

 /*------------------------------ /Movie ---------------------------*/
}

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

 /*----------------------------- Edit Area --------------------------*/
 .responsive .l-content .FooterNav li {
  width: 32.6%;
 }

 /*---------------------------- /Edit Area --------------------------*/

 /*------------------------------ Promotion Arae ----------------------------*/
 .responsive .l-content .promotion--area .carousel {
  display: block;
 }

 .responsive .l-content .promotion--area .project {
  width: 47%;
 }

 .responsive .l-content .promotion--area .m-thumbnailList--l {
  display: block;
 }

 .responsive .l-content .promotion--area .m-thumbnailList--l > li {
  margin: 0 auto 10px auto;
 }

 .responsive .l-content .promotion--area .m-thumbnailList--l > li {
  width: 100%;
 }

 /*------------------------------ /Promotion Arae ---------------------------*/

 .responsive .l-content .descrtion .name {
  width: auto;
 }
}


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

 /*---------------------------- New Header ---------------------------*/
 .responsive .l-switchLanguageWrap {
  top: -123px;
 }

 .responsive.isLogin .lc-contact:hover .l-header__balloonBox--left.info-box {
  top: 35px;
 }

 .responsive .l-header__function[data-component-header="user"] > li > a {
  width: 50px !important;
  font-size: 10px;
 }

 .responsive .l-header__function[data-component-header="user"] > li {
  width: 50px !important;
 }

 .responsive .l-header__function[data-component-header="user"] .lc-user {
  width: 50px !important;
 }

 .responsive .l-header__function[data-component-header="user"] .lc-user > a {
  width: 50px !important;
 }

 .responsive .l-header__function > li > a:before {
  width: 15px;
  height: 15px;
 }

 .responsive .l-header__function .lc-user > a:before {
  background-size: 10px 11px;
 }

 .responsive .l-header__function .lc-order > a:before {
  background-size: 12px 13px;
  top: 0;
 }

 .responsive .l-header__function .lc-partslist > a:before {
  background-size: 11px 10px;
  top: 0;
 }

 .responsive .l-header__function .lc-cart > a:before {
  background-size: 15px 11px;
 }

 .responsive .l-header__function[data-component-header="user"] .lc-cart .lc-badge {
  right: 7px;
 }

 .responsive .l-header__function .lc-contact > a:before {
  background-size: 12px 14px;
 }

 .responsive .l-switchLanguage > li > a {
  font-size: 10px;
 }

 .responsive #mobile_menu #text_menu {
  display: none;
 }

 /*---------------------------- /New Header ---------------------------*/
}

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

 /*------------------------------ Promotion Arae ----------------------------*/
 .responsive .l-content .promotion--area .project {
  width: 46%;
 }

 /*------------------------------ /Promotion Arae ---------------------------*/
}

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

 /*------------------------------ Promotion Arae ----------------------------*/
 .responsive .l-content .promotion--area .project {
  width: 45%;
 }

 /*------------------------------ /Promotion Arae ---------------------------*/
}

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

 /*----------------------------- Edit Area --------------------------*/
 .responsive .l-content .FooterNav li {
  width: 48%;
 }

 /*---------------------------- /Edit Area --------------------------*/

 /*------------------------------ Promotion Arae ----------------------------*/
 .responsive .l-content .promotion--area .project {
  width: 46%;
 }

 .responsive .l-content .promotion--area .register_area .m-btnList--center {
  margin: 0;
  display: block;
 }

 .responsive .l-content .promotion--area .register_area .m-btnList--center li a {
  width: 100% !important;
  margin: 0 auto 10px auto;
 }

 .responsive .l-content .promotion--area .register_area .m-btnList--center > li {
  display: block;
  width: 100%;
  padding-left: 0;
 }

 .responsive .l-content .promotion--area .m-btnList--center > li:first-child {
  padding-left: 0;
 }

 /*------------------------------ /Promotion Arae ---------------------------*/
}

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

 /*------------------------------ Promotion Arae ----------------------------*/
 .responsive .l-content .promotion--area .project {
  width: 45%;
 }

 /*------------------------------ /Promotion Arae ---------------------------*/
}

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

 /*------------------------------ Promotion Arae ----------------------------*/
 .responsive .l-content .promotion--area .project {
  width: 44%;
 }

 /*------------------------------ /Promotion Arae ---------------------------*/
}