/* CSS Document */

/* Table of Contents
-----------------------------------------------------------------------------
=> Desktop
=> Tablet
=> Medium devices
=> Small devices
=> iPhone X landscape
*/


/* ----- All devices ----- */
@media (max-width: 1300px) {
    /* body {margin: 0 50px;} */
    .wrapper {max-width: 100%;}
    .main-header ul > li {padding: 15px 25px;}
    html[lang="ja"] .main-header ul > li a {font-size:17px;}
    html[lang="ja"] .main-header ul > li.menu-item-has-children > a:before {top: 27px;}
    html[lang="ja"] .main-header ul > li.icons-menu-home > a {padding-top: 0;}
}

/* ----- Desktop ≥1024px and ≤1190 ----- */
@media (min-width: 1024px) and (max-width: 1199px) {
    .h1, h1 {font-size: 50px;}
    .h2, h2 {font-size: 30px;}

    /* menu */
    .menu-wrapping .menu-left, .menu-wrapping .menu-right {width: calc(50% - 100px);}
    .mobile-logo { width: 130px;height: 130px;margin: -26px auto;}
    .main-header {padding: 15px;}
    .main-header ul.menu li.logo-image {width: 100px;height: 100px;}
    .main-header ul > li {padding: 10px 25px;}
    .main-header ul > li a {font-size: 18px;padding: 15px 0;}
    .main-header ul > li.icons-menu-home > a:before {font-size: 20px;}
    .main-header ul > li.icons-menu-home > a {width: auto;height: auto;}
    .main-header ul > li.menu-item-has-children > a:before { right: -8px;top: 17px;}
    .main-header ul li ul {top: calc(100% + 3px);width: 150px;margin: 0;}
    .main-header ul li ul li {padding: 0 15px;}
    .main-header ul li ul li a, .main-header ul li ul ul li a {font-size: 16px;padding: 10px 0;line-height: normal;}

    html[lang="fr"] .main-header ul > li {padding: 10px 15px;}
    html[lang="fr"] .main-header ul > li ul li {padding: 0 15px;}
    html[lang="fr"] .main-header ul > li a {font-size:19px;}
    html[lang="fr"] .main-header ul > li.icons-menu-home > a {font-size: 0;padding-top: 5px;}

    html[lang="ja"] .main-header ul li.icons-menu-home > a {padding-top: 2.5px;}
    html[lang="ja"] .main-header ul > li a {font-size: 14px;}
    html[lang="ja"] .main-header ul > li.menu-item-has-children > a:before {top: 15px;}

    html[lang="es"] .main-header ul li.icons-menu-home > a {padding-top: 4.5px;}
    html[lang="es"] .main-header ul > li a {font-size: 18px;}
    html[lang="es"] .main-header ul > li.menu-item-has-children > a:before {top: 16px;}

    /* banner */
    .banner-items-inner {height: 500px;}
    .inner-banner {padding: 30px;}
    .inner-banner .banner-content {width: 100%;text-align: center;}

    /* block sections */
    .block-item-inner .block-image {min-height: 200px;}
    .home-blocks .block-item-inner {padding: 15px;}

    /* footer */
    .main-footer .foot-left {width: 230px;}
    .main-footer .foot-right {width: calc(100% - 230px);padding-left: 50px;}
    .foot-right .social-icons a {margin-right: 5px;}

    /* product calendar*/
    .calendar-table-inner table,.calendar-table-inner thead,.calendar-table-inner tbody, .calendar-table-inner th, .calendar-table-inner td,.calendar-table-inner tr { display: block; }
    .calendar-table-inner tr {width: 33.33%;display: inline-block;vertical-align: top;}
    .table-data tr td:first-child:before {display: none;}
    .table-data tr:first-child {display: none;}
    .calendar-table-inner tr td {height: 50px;text-align: left;}
    .calendar-table-inner .table-data tr:nth-child(even) td {border-bottom: 0;}
    .calendar-table-inner .table-data tr:nth-child(even) td:last-child {border-bottom: 1px solid #c9b590;}
    .calendar-table-inner .table-data tr:nth-child(2n+1) td {border: 1px solid #fff6e5;border-bottom: 0;}
    .calendar-table-inner .table-data tr:nth-child(2n+1) td:last-child {border-bottom: 1px solid #fff6e5;}
    .calendar-table-inner table tbody{display: flex;flex-wrap: wrap;justify-content: center;}
    .calendar-table-inner table tr td:before {content: attr(data-column);font-family: gutteritalic_rust;font-size: 24px;color: #402210;display: inline-block;white-space: nowrap;width: 100px;padding-left: 12px;line-height: 10px;}
    .table-data tr td:first-child {background-color: #402210;color: #fff;}

    /* product inner page */
    .prodict-table-left table {width: 100%;}
    .single-product-inner .contact-right-about {padding-top: 0;}
    .single-product-inner .inner-product-details {padding-bottom: 30px;}
}

@media (max-width: 1023px) {
    /* body {margin: 0 25px;} */
    .h1, h1 {font-size: 40px;}
    .h2, h2 {font-size: 26px;}
    .home-banner .slick-prev {left: 10px;}
    .home-banner .slick-next {right: 10px;}
    .home-blocks .block-item-inner  {padding: 15px;}

    /* menu */
    .right-border-head {width: 15px;right: -15px;}
    .right-border-head:before { bottom: -15px;border-width: 15px; border-right-width: 0;}
    .left-border-head {width: 15px;left: -15px;}
    .left-border-head:before { bottom: -15px;border-width: 15px;border-left-width: 0;}

    /* footer */
    .main-footer {padding: 30px;}
    .main-footer .foot-left {width: 100%;text-align: center;margin-bottom: 30px;}
    .main-footer .foot-left img {max-width: 150px;}
    .main-footer .foot-left .footer-logo {margin-bottom: 10px;}
    .main-footer .foot-right {padding-left: 0;width: 100%;}
    .footer-bottom .bottom-left,
    .footer-bottom .bottom-right{width:100%;}

    /*  about page */
    .entry-content .inner-content-img {width: 50%;}
    .inner-banner {padding: 30px;}
    .inner-banner .banner-content {width: 100%;text-align: center;}
    .entry-content {padding-top: 30px;}
    .inner-banner .banner-content .h1 {font-size: 50px;}
    .inner-banner .banner-content .h5, .inner-banner .banner-content .h5 p {font-size: 26px;}
    .inner-banner {height: auto;}
    .page-content .home-blocks {padding-top: 30px;}
    .calendar-table {padding-top: 20px;}
    /* .contact-right-about {padding-top: 30px;} */

    /* product calendar*/
    .calendar-table-inner table,.calendar-table-inner thead,.calendar-table-inner tbody, .calendar-table-inner th, .calendar-table-inner td,.calendar-table-inner tr { display: block; }
    .calendar-table-inner tr {width: 33.33%;display: inline-block;vertical-align: top;}
    .table-data tr td:first-child:before {display: none;}
    .table-data tr:first-child {display: none;}
    .calendar-table-inner tr td {height: 50px;text-align: left;}
    .calendar-table-inner .table-data tr:nth-child(even) td {border-bottom: 0;}
    .calendar-table-inner .table-data tr:nth-child(even) td:last-child {border-bottom: 1px solid #c9b590;}
    .calendar-table-inner .table-data tr:nth-child(2n+1) td {border: 1px solid #fff6e5;border-bottom: 0;}
    .calendar-table-inner .table-data tr:nth-child(2n+1) td:last-child {border-bottom: 1px solid #fff6e5;}
    .calendar-table-inner table tbody{display: flex;flex-wrap: wrap;justify-content: center;}
    .calendar-table-inner table tr td:before {content: attr(data-column);font-family: gutteritalic_rust;font-size: 24px;color: #402210;display: inline-block;white-space: nowrap;width: 100px;padding-left: 12px;line-height: 10px;}
    .table-data tr td:first-child {background-color: #402210;color: #fff;}

    /* product inner page */
    .prodict-table-left table {width: 100%;}
    .single-product-inner .inner-product-details {padding-bottom: 30px;}
    .single-product-inner .contact-right-about {padding-top: 30px;}

    .footer-bottom {flex-flow: column;align-items: center;}
}

/* ----- Tablet ≥768px and ≤1023 ----- */
@media (min-width: 768px) and (max-width: 1023px) {
    /* menu */
    .menu-wrapping .menu-left, .menu-wrapping .menu-right {width: calc(50% - 60px);}
    .mobile-logo {width: 100px;height: 100px;margin: -10px auto;}
    .main-header {padding: 15px;}
    .main-header ul.menu li.logo-image {width: 100px;height: 100px;}
    .main-header ul > li {padding: 10px 12px;}
    .main-header ul > li a {font-size: 16px;padding: 15px 0;}
    .main-header ul > li.icons-menu-home > a:before {font-size: 20px;}
    .main-header ul > li.icons-menu-home > a {width: auto;height: auto;padding-top: 3px;}
    .main-header ul > li.menu-item-has-children > a:before { right: -8px;top: 17px;}
    .main-header ul li ul {top: calc(100% + 3px);width: 120px;margin: 0;}
    .main-header ul li ul li {padding: 0 15px;}
    .main-header ul li ul li a, .main-header ul li ul ul li a {font-size: 16px;padding: 10px 0;line-height: normal;}

    html[lang="fr"] .main-header ul > li a {font-size:16px;}
    html[lang="fr"] .main-header ul > li {padding: 10px;}
    html[lang="fr"] .main-header ul > li.icons-menu-home > a {font-size: 0;padding-top: 3px;}

    html[lang="ja"] .main-header ul > li {padding: 10px;}
    html[lang="ja"] .main-header ul > li a {font-size: 13px;}
    html[lang="ja"] .main-header ul li.icons-menu-home > a {padding-top: 3px;}
    html[lang="ja"] .main-header ul > li.menu-item-has-children > a:before {top: 14px;}

    html[lang="es"] .main-header ul li.icons-menu-home > a {padding-top: 4px;}
    html[lang="es"] .main-header ul > li a {font-size: 18px;}
    html[lang="es"] .main-header ul > li {padding: 10px;}

    /* banner */
    .banner-items-inner .h2 {font-size: 50px;}
    .banner-items-inner .banner-text {font-size: 26px;}
    .banner-items-inner {height: 400px;padding: 30px 100px;}

    /* Home head title */
    .home-blocks {padding: 30px 0 30px 0;}
    .product-block {padding-bottom: 30px;}

    /* block sections */
    .home-blocks.row .block-item {margin-bottom: 15px;}
    .block-item-inner .block-image {min-height: 200px;}
}

@media (min-width: 640px) and (max-width: 900px) and ( orientation: landscape ) {
    .entry-content .inner-content-img {
        width: 50%;
    }
}

/* ----- iPhone X landscape ≥375px and ≤812 ----- */
@media (min-width: 375px) and (max-width: 812px) and ( orientation: landscape ) {

}

/* ----- Medium devices ≤767px ----- */
@media (max-width: 767px) {
    .menu-wrapping {display: none;}
    .mobilenav .main-navigation {display: block;}
    .main-header {padding: 5px 25px;}
    .main-header {padding: 0;}
    .wrapper {background-size: cover;}
    .scroll-stop {overflow: hidden;}
    body .main-container #flags{margin-top: 0;}

    /* responsive nav for small devices */
    .mobile-logo {display: block;max-width: 100px;height: auto;position: relative;border: 0;margin: 0;left: auto;right: auto;}
    .mobile-logo img {max-width: 100%;}
    .mobilenav {display: block;}
    .hamburger {display: flex;}
    .logo-image {display: none;}

    /* menu */
    .right-border-head {width: 15px;right: -15px;}
    .right-border-head:before { bottom: -15px;border-width: 15px; border-right-width: 0;}
    .left-border-head {width: 15px;left: -15px;}
    .left-border-head:before { bottom: -15px;border-width: 15px;border-left-width: 0;}

    /*  banner */
    .banner-items-inner {height: auto;padding: 50px 20px 50px 60px;}
    .banner-items-inner .h2 {font-size: 40px;}
    .banner-items-inner .banner-text {font-size: 22px;}
    .home-blocks{padding: 30px 0;}
    .product-block {padding-bottom: 30px; text-align: center;}
    .product-block img {margin-bottom: 25px;}
    .home-blocks.row .block-item  {margin-bottom: 25px;}
    .block-item-inner .block-image {min-height: 200px;}

    /* footer */
    .main-footer {padding: 30px 25px;}
    .main-footer .foot-left {margin-bottom: 0;}
    .main-footer .widget-title {margin:15px 0;}
    .scroll-up-arrow {right: 25px;}

    /* about page */
    .entry-content .inner-content-img {float: none;display: inline-block;width: 100%;margin: 20px 0;}
    .inner-banner .banner-content .h1 {font-size: 32px;}
    .inner-banner .banner-content .h5, .inner-banner .banner-content .h5 p {font-size: 18px;}
    .inner-content-img img {width: 100%;}

    /* contact page */
    .contact-form h3:after{width: 50%;}
    .contact-form, .contact-right-about .contact-detail {padding: 15px;}

	.page-template-contact-page .entry-content .cell-lg-6{display: flex;order: 1;}
	.page-template-contact-page .entry-content .cell-lg-6.contact-detail-block{order: 0;margin-bottom: 25px;}
	.contact-right-about{width: 100%;}

}

/* ----- Small devices ≤640px ----- */
@media (max-width: 640px) {
    body {margin: 0;}
    .right-border-head, .left-border-head {display: none;}
    .h1, h1 {font-size: 32px;line-height: normal;}
    .h2, h2 {font-size: 24px;}
    body .main-container #flags ul {padding-right: 0;}

    /* menu */
    .mobile-logo{max-width: 75px;}
    .hamburger:not(.close){top: 18px;}

    /* banner */
    .home-banner .slick-arrow {width: 25px;height: 25px;}
    .home-banner .slick-arrow:before {font-size: 16px;}
    .banner-items-inner {padding: 50px 25px 70px 25px;}
    .home-banner .slick-dots {display: flex;justify-content: center;align-items: center;margin: 0;padding: 0;position: absolute;left: 0;right: 0;bottom: 10px;}
    .home-banner .slick-dots li {list-style-type: none;margin: 0px 3px;padding: 0;}
    .home-banner .slick-dots li button {background-color: #fff;width: 10px;height: 10px;border-radius: 100%;font-size: 0;padding: 0; opacity: 0.6;outline: none;}
    .home-banner .slick-dots li.slick-active button {opacity: 1;}
    .banner-data {position: relative;width: 100%;text-align: center;}
    .page-head .h1 { font-size: 26px;}
    .block-item-inner .block-image {min-height: auto;margin-bottom: 15px;}
    .block-item-inner .block-image img {position: relative;top: auto;left: auto;transform: none;}
    .home-blocks.row .block-item {width: 100%;}

    /* footer */
    .foot-right .footer-full {width: 100%;margin: 0px auto;text-align: center;padding: 0;}
    .main-footer .foot-right {margin: 0;}
    .main-footer .widget-title:before {right: 0;margin: 0px auto;}
    .main-footer ul li {display: inline-block;margin: 0 5px;}
    .scroll-up-arrow {left: 0;right: 0;margin: 0px auto;}
    .footer-bottom {padding-top: 25px;}

    /* calendar table*/
    .calendar-table-inner tr {width: 50%;}
    .calendar-table-inner table {font-size: 18px;}
    .calendar-table-inner table tr td:before {font-size: 18px;width: 70px;line-height: 35px;}
    .table-data tr td:first-child {line-height: 35px;font-size: 20px;}

    /* contact page */
    .contact-right-about h3, .contact-form h3 {font-size: 24px;}
    div.wpcf7-response-output {font-size: 14px;}

    /* pagination */
    .pagination .nav-links .page-numbers {width: 35px;height: 35px;}
}

@media (min-width: 320px) and (max-width: 767px) and ( orientation: landscape ) {
    .entry-content .inner-content-img {width: 60%;display: flex;align-items: flex-start;margin: 20px auto;}
}

/* ----- Extra Small devices ≤480px ----- */
@media (max-width: 480px) {
    /* calendar table*/
    .calendar-table-inner tr {width: 100%;}
    .prodict-table-left table td, .prodict-table-left table th {display: block;}
    .mobilenav ul a {font-size: 20px;}


	.prodict-table-left table tr td{background: #ddde7d !important;color: #000 !important;}
	.prodict-table-left table tr td:nth-child(2n){background: #ff6921 !important;color: #fff !important;}
}