~x@font-face {
  font-family: 'Montserrat Regular';
  src: url('fonts/Montserrat-Regular.ttf'); /* IE9 Compat Modes */
}

@font-face {
  font-family: 'Montserrat Medium';
  src: url('fonts/Montserrat-Medium.ttf'); /* IE9 Compat Modes */
}

@font-face {
  font-family: 'Montserrat Italic';
  src: url('fonts/Montserrat-Italic.ttf'); /* IE9 Compat Modes */
}

@font-face {
  font-family: 'Trirong Regular';
  src: url('fonts/Trirong-Regular.ttf'); /* IE9 Compat Modes */
}

@font-face {
  font-family: 'Trirong Medium';
  src: url('fonts/Trirong-Medium.ttf'); /* IE9 Compat Modes */
}

@font-face {
  font-family: 'Trirong SemiBold';
  src: url('fonts/Trirong-SemiBold.ttf'); /* IE9 Compat Modes */
}


.home-slider{
  padding: 0px 85px 0px 155px;
}

.insta-content{
  width: 75%;
}

.insta-heading{
  width:25%;
}


/* .cart-dorpdown-footer .btn-default, */
.btn-default:not(.btn-number):not(.custom-cart-btn):not(#product .btn-default):not(.btn-cart):not(#button-search){
    border-radius: 30px !important;
    /* background: #000!important; */
    color: #378e8e;
    padding: 15px 35px;
    border-color: #378e8e;

}


#product ::placeholder{
  /* color: #000 !important; */

}
.btn-primary.active.focus:not(#waiting_list_submit),
.btn-primary.active:focus:not(#waiting_list_submit),
.btn-primary.active:hover:not(#waiting_list_submit),
.btn-primary:active.focus:not(#waiting_list_submit),
.btn-primary:active:focus:not(#waiting_list_submit),
.btn-primary:active:hover:not(#waiting_list_submit),
.open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover
{
  padding: 15px 45px;
  border-radius: 30px;
  background: #f5ada4;
  border: none;
}
body.information-contact-success .btn-primary{
    padding: 15px 45px;
    border-radius: 30px;
    background: #f5ada4;
    border: none;
}
/* ::placeholder{
  color: orange;
} */


.header-container #enquiry>a .badge, .header-container #cart>a .badge{
  background: #328e8e;
}

/* h2 */
body:not(.cke_editable) h2:not(.swal2-title):not([style]) {
    text-align: center;
    margin-bottom: 68px;
    text-transform: capitalize;
    font-size: calc(40px + (27 - 20) * (100vw - 320px) / (1920 - 320));
    font-family: "Trirong Regular";
    color: #f5ada4;
}


body.common-home .featured-module .product-gutter:hover{
    box-shadow: unset !important;
}

.slider-dots.slider-custom-dots{
  position: absolute !important;
  transform: translateY(50%)!important;
  bottom: 50%!important;
  right: 6%!important;
  left: auto!important;
  display: inline-block!important;
  text-align: center!important;
  width: 15px!important;
}

.owl-dot.active span{
  content: ' ';
  position: absolute;
  top: -4px;
  bottom: auto;
  left: -4px;
  right: 0px;
  border: 1px solid #328e8e;
  width: 18px;
  height: 18px;
  border-radius: 25px;
}

.owl-dot{
  background: #328e8e !important;
}
.owl-dot.active{
    position: relative;
    border: 5px solid #328e8e;
}


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

.breadcrumb{
    /* padding: 0px calc(70px + (20 - 17) * (100vw - 375px) / (1900 - 375))!important; */
}
.breadcrumb li > a{
    font-family: "Montserrat Medium"!important;
    color: #736f73 !important;
    font-size: calc(10px + (20 - 17) * (100vw - 375px) / (1900 - 375))!important;
    text-transform: uppercase;
    letter-spacing: 0px;
}
.breadcrumb li::after{
  content: "|" !important;
}
.breadcrumb > li:last-child a {
    font-weight: unset;
}

.header-top-bar{
  display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1.5fr 1fr;
    -ms-grid-columns: 1fr 1.5fr 1fr;
    grid-template-rows: 1fr;
    -ms-grid-rows: 1fr;
}
.header-top-bar .header-top-left{
    grid-column: 1 / 2;
    grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    -ms-grid-column-span: 1;
    -ms-grid-row-span: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.header-social-icons {
    padding-left: 85px;
}
.header_title {
    /*font-family: "Montserrat Regular";*/
    font-size: calc(10px + (20 - 17) * (100vw - 375px) / (1900 - 375)) !important;
}

/* #account img.top-img,  */
/* #cart img.top-img,  */
.header-social-icons a img
/* .search_container img.top-img, */
/* .header-top .inventory_container img */
{
      /* margin-right: 5px; */
}

.sliding-text-box {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.header-top-right {
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-contact-icons{
  display: flex;
}

.ph-icon,.email-icon {
    font-size: 12px;
    /*font-family: "Montserrat Regular" !important;*/
}

.header-social-icons a img,
.header-ph-div,
.header-email-div {
    margin-right: calc(15px + (20 - 17) * (100vw - 375px) / (1900 - 375)) !important;
}

.custom-header-container,
.custom-container {
    width: 100%;
    padding: 0px 85px;
}

.header-container{
    /* display: grid; */
    display: flex;
    grid-template-columns: auto auto auto auto;
    margin: calc(5px + (20 - 17) * (100vw - 375px) / (1900 - 375)) 0px !important;
}
.header-container .header-menu,
.header-container .header-top,
.header-container .header-logo{
    grid-column: unset;
    grid-row: unset;
}


.header-container .header-menu.right-menu{
    justify-content: flex-end;
}

.header-container .header-menu{
    justify-content: flex-start;
    width: 40%;
    align-items: center;
}

.header-top{
  width: 20%;
}


.header-logo{
  margin-left: 13%;
}

.header-logo-image img{
  width: 80%;
}

#main-menu li a span,
.cd-accordion-menu li a span{
    color: #736f73 !important;;
    font-family: "Montserrat Medium" !important;
    text-transform: uppercase;
    font-size: calc(10px + (20 - 17) * (100vw - 375px) / (1900 - 375))!important;
}

.workshop-description{
  display: none;
}


.slider-title {
    font-size: calc(55px + (20 - 17) * (100vw - 375px) / (1900 - 375))!important;
    font-family: "Trirong Regular";
    color: #328e8e;
    line-height: 1.1;
}

.slider-slideshow-description-texts{
  padding: 0px !important;
  width: 50%;
  text-align: left;
}

.slider-description .slideshow-text-0 {
    color: #736f73;
    line-height: 1;
    font-size: calc(13px + (20 - 17) * (100vw - 375px) / (1900 - 375))!important;
    font-weight: 500;

}

.slider-description,
.slider-slideshow-description-link {
    padding-top: calc(20px + (20 - 17) * (100vw - 375px) / (1900 - 375))!important;
}


.slider-slideshow-description-link a{
  font-family: "Trirong Medium";
  color: #f5ada4;
  background: #fff;
  border: none;
  border-radius: 30px;
  padding: 15px 50px;
}


.slider-slideshow-description-link a:hover{
  color: #fff;
  background: #f5ada4;
}

.custom-fcategory,
.home-gallery-title,
.home-fblog-title{
    text-align: center !important;;
    color: #f5ada4;
    font-size: calc(40px + (20 - 17) * (100vw - 375px) / (1900 - 375))!important;
    font-family: "Trirong Regular";
    text-transform: capitalize !important;
}

.home-workshop-title{
  text-align: left !important;
  color: #f5ada4!important;
  font-size: calc(40px + (20 - 17) * (100vw - 375px) / (1900 - 375))!important;
  font-family: "Trirong Regular"!important;
  text-transform: capitalize !important;
  margin-bottom: calc(20px + (20 - 17) * (100vw - 375px) / (1900 - 375))!important;
}

.home-fcategory-image{
  border: 20px solid #fbf0ed;
}
.home-fcategory-image img{
  width: 100%;
}
body.common-home .fcategory .slick-nav
{
  top: 0 !important;
}
body.common-home .fcategory .slick-nav.left{
    left: 8vw;
    /* background: url(image/catalog/general/left.png); */
    background: url(../../../../../image/catalog/general/left.png);
}
body.common-home .fcategory .slick-nav.right{
    right: 90vw;
}

.scroll-img{
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    position: relative;
    top: 50%;
    width: 100%;
    transform: translateY(-5%);
}

.scroll-img a:hover{
  cursor: pointer;
}

body:not(.cke_editable) h2:not(.swal2-title):not([style]){
  margin-bottom: 40px !important;
}
.container-about-content{
  padding: 0px 40px;
}
.fa.fa-chevron-right:before{
  content: "";
  background: url(../../../../../image/catalog/general/right.png);
  display: block;
  width: 22px;
  height: 40px;
}

body.information-information.iid-8 .slick-nav.right{
  right: -35px;
}

body.information-information.iid-8 .slick-nav.left{
  left: -35px;
}
.fa.fa-chevron-left:before{
  content: "";
  background: url(../../../../../image/catalog/general/left.png);
  display: block;
  width: 22px;
  height: 40px;
}

.featured-module .slick-nav.left, .featured-module .slick-nav.prev{
  left: -24vw;
}
.featured-module .slick-nav.right, .featured-module .slick-nav.next {
    right: 80vw;
}
.featured-module .slick-nav{
  top: 40%;
}

body.common-home #home-featured-blog .slick-nav{
    top: -14% !important;
}

body.common-home #home-featured-blog .slick-nav.left{
    left: 65vw;
}
body.common-home #home-featured-blog .slick-nav.right{
    right: -10vw;
    /* right: 0; */
}

body.common-home .section-space.slideshow.slideshow:after{

}
body.common-home .fcategory #featured-categories .slick-track .slick-slide{
  margin: 0px calc(10px + (20 - 17) * (100vw - 375px) / (1900 - 375))!important;
}

.home-fcategory-name a {
    color: #378e8e;
}
.home-fcategory-name{
    text-align: center;
    /*font-family: "Montserrat Regular";*/
    font-size: 15px;
    padding-top: calc(10px + (20 - 17) * (100vw - 375px) / (1900 - 375))!important;
}

body.common-home .featured .container,
body.common-home .instagram .container{
    width: 90%;
}

body.common-home .module-instagram h2{
  display: none;
}

body:not(.cke_editable) h2:not(.swal2-title):not([style])::after{
  display: none;
}

.workshops-description {
    color: #736f73;
    /*font-family: "Montserrat Regular";*/
    font-size: calc(10px + (20 - 17) * (100vw - 375px) / (1900 - 375))!important;
}

body.common-home .featured-module .product-block{
  border: none;
}

body.common-home .featured-module .product-block .product-name{
      background: #62c7c7;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
}

body.common-home .featured-module .product-block .product-name a{
    color:#fff;
    font-size: calc(12px + (20 - 17) * (100vw - 375px) / (1900 - 375))!important;
}

/* body.common-home .featured-module .btn-group.product-button, */
body.common-home .featured-module .product-details,
body.common-home .featured-module .product-inputs,
body.common-home .featured-module .cart-buttons{
    display: none;
}


body.common-home .gallery .container{
    width: 100%;
}

.home-gallery-slick{
  padding-left: 0;
  padding-right: 0;
}

.home-gallery-btn-div{
    text-align: center;
    padding-top: calc(40px + (20 - 17) * (100vw - 375px) / (1900 - 375))!important;
}
.home-gallery-btn,
.home-fblog-btn
{
    border: 2px solid #378e8e !important;
    color: #378e8e;
    border-radius: 30px;
    padding: 15px 50px;
    font-family: "Trirong Medium";
}

.home-gallery-btn:hover,
.home-fblog-btn:hover{
  cursor: pointer;
  background: #378e8e;
  color: #fff;
}


.home-instagram{
  display: flex;
  align-items: center;
}
.insta-title {
    font-family: "Trirong Regular";
    font-size: 40px;
    color: #f5ada4;
    line-height: 1;
    text-align: left !important;
}

.insta-text {
    color: #328e8e;
    /*font-family: "Montserrat Regular";*/
    font-style: italic;
    text-decoration: underline;
}


body.common-home .latest_news_4_mh .slick-track .slick-slide {
    margin: 0px calc(10px + (20 - 17) * (100vw - 375px) / (1900 - 375))!important;
}

body.common-home .latest_news_4_mh .bk-img{

}

.home-fblog-name h3{
  color: #000;
  font-family: "Trirong Medium";
  font-size: calc(13px + (20 - 17) * (100vw - 375px) / (1900 - 375))!important;
  text-align: center;
}

.home-fblog-desc{
  font-family: "Montserrat Regular";
  font-size: calc(11px + (20 - 17) * (100vw - 375px) / (1900 - 375))!important;
}
.home-fblog-readmore-btn{
  text-align: center;
}
.home-fblog-readmore-btn a{
  color: #62c7c7;
  text-align: center;
  font-family: "Montserrat Medium";
  font-style: italic;
  font-size: calc(11px + (20 - 17) * (100vw - 375px) / (1900 - 375))!important;
}

#home-featured-blog .slick-track{
  margin: calc(20px + (20 - 17) * (100vw - 375px) / (1900 - 375)) 0px !important;
}
#home-featured-blog .slick-track .slick-slide:hover{
  box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
}


body.common-home .fcategory{
  background-position: 100% 0%;
  padding-top: 0 !important;
}

#featured-categories{
  padding-top: calc(50px + (20 - 17) * (100vw - 375px) / (1900 - 375))!important;
}
.custom-fcategory{
    margin-bottom: 0 !important;
    margin-top: calc(50px + (20 - 17) * (100vw - 375px) / (1900 - 375))!important;
}

body.common-home .featured-module .product-block{
  background: transparent;
}

body.common-home .instagram{
    background-position: 0% 100% !important;
    padding-bottom: calc(50px + (20 - 17) * (100vw - 375px) / (1900 - 375))!important;
}
body.common-home .latest_news_4_mh{
    padding-bottom: 0!important;
}

/*about page*/
body.information-information.iid-4 h2{
  display: none;
}
.about-title{
    font-family: "Trirong Regular";
    color: #f5ada4;
    font-size: calc(40px + (20 - 17) * (100vw - 375px) / (1900 - 375))!important;
}
.about-content{
    font-family: "Montserrat Regular";
    color: #736f73;
    font-size: calc(12px + (20 - 17) * (100vw - 375px) / (1900 - 375))!important;
    padding-top: calc(40px + (20 - 17) * (100vw - 375px) / (1900 - 375))!important;
}

body.information-information.iid-4 .breadcrumb{
   padding: 0px 85px;
}

body.information-information.iid-4 .custom-container{
    padding: 0;
}
.abt-footer-title{
  font-family: "Trirong Regular";
  color: #f5ada4;
  font-size: 40px;
  text-align: center;
  padding-top: calc(40px + (20 - 17) * (100vw - 375px) / (1900 - 375))!important;
  /* width: 35%; */
  /* margin: 0 auto; */
  /* line-height: 1; */
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  line-height: 1;
}

.abt-footer-desc{
    font-family: "Montserrat Regular";
    color: #736f73;
    font-size: calc(11px + (20 - 17) * (100vw - 375px) / (1900 - 375))!important;
    padding: calc(40px + (20 - 17) * (100vw - 375px) / (1900 - 375))!important;
}

.abt-footer-container,
.abt-footer-container:after {
    background: url(../../../../../image/catalog/about/bg2.jpg);
}
/* body.information-information.iid-4 .custom-container:after{ */
/* body.information-information.iid-4{
    background: url(../../../../../image/catalog/general/1.png)no-repeat;
    background-position: 100% 300px;
} */
body.information-information.iid-4{
    /* background-image: url(../../../../../image/catalog/general/1.png), url(../../../../../image/catalog/general/2.png);
    background-position: 100% 300px , 0% 1650px; */
    /* background-repeat: no-repeat, no-repeat; */

}

.abt-footer-container, .abt-footer-container:before{
  /* background: url(../../../../../image/catalog/general/2.png) no-repeat; */
}

.abt-footer-content {
    width: 70%;
    margin: 0 auto;
}

/*about page*/


/*corporate event */
.main-gall-title{
  font-family: "Trirong Regular";
  color: #282728;
  font-size: calc(12px + (20 - 17) * (100vw - 375px) / (1900 - 375)) !important;
  margin: calc(20px + (20 - 17) * (100vw - 375px) / (1900 - 375)) 0px;
}

/* body.information-information.iid-8 .custom-container{
    background-image: url(../../../../../image/catalog/home/bg3.jpg), url(../../../../../image/catalog/home/bg1.jpg);
    background-position: right bottom, left top;
    padding-top: 0 !important;
    display: block;
    width: 100%;
} */

body.information-information.iid-7 .custom-container{
    /* background: url(../../../../../image/catalog/home/bg1.jpg);
    background-position: 40% 0%; */
}

/* .abt-div, */
.corporate-event-div{
    width: 100% !important;
    padding: 0px !important;
}

.corporate-event,
.container-about-content{
  width: 50%;
}

.abt-div{
    width: 100%;
    padding-top: calc(30px + (20 - 17) * (100vw - 375px) / (1900 - 375)) !important;
    padding: 0px 85px;
}

#content {
    min-height: unset;
}

.abt-div .flex-box,
.corporate-event-div .flex-box{
  display: flex;
  align-items: center;
  margin-bottom: calc(80px + (20 - 17) * (100vw - 375px) / (1900 - 375));
}

.corporate-title {
    font-family: "Trirong SemiBold";
    font-size: calc(20px + (20 - 17) * (100vw - 375px) / (1900 - 375));
    color: #282728;
    padding-bottom: calc(18px + (20 - 17) * (100vw - 375px) / (1900 - 375));
    line-height: 1.2em;
}
.corporate-content {
    font-family: "Montserrat Regular";
    color: #736f73;
    font-size: calc(11px + (20 - 17) * (100vw - 375px) / (1900 - 375));
}

/*corporate event */

/*gallery */

#home-gallery .slick-nav{
    top: -23%;
}
#home-gallery .slick-nav.left{
    left: 87vw;
}
#home-gallery .slick-nav.right{
    right: 7vw;
}
.gallery-container{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-left: calc(-25px / 2);
  margin-right: calc(-25px / 2);
  /* justify-content: center; */
}


.main-gallery-slick{
  padding-left: calc(25px / 2);
  padding-right: calc(25px / 2);
}
/*gallery */


/*blog*/
.blog-title,
.archive-title{
  font-family: "Trirong SemiBold";
  color: #f5ada4;
  font-size: 25px;
}


body.product-category #side-categories .side-categories-level-1 .item.level-1,
body.news-ncategory #articles-column-left .article-category .list-group-item {
    padding: 0px 10px;
    background: #fff;
    border-radius: 20px;
    margin-bottom: calc(15px + (20 - 17) * (100vw - 375px) / (1900 - 375));
    border: 1px solid #f5ada4;
}
body.news-ncategory #articles-column-left .list-group-item a{
  color: #736f73;
  font-family: "Trirong Medium";
  font-size: calc(13px + (20 - 17) * (100vw - 375px) / (1900 - 375));
  width: 90%;
}
#articles-column-left .year-wrap {
    display: flex;
    align-items: center;
    border-radius: 20px;
    border: 1px solid #f5ada4;
margin-bottom: 20px;}
.custom-article-year .list-group-item{
  padding: 0 !important;
}

.custom-article-year .list-group-item .list-group .list-group-item{
    color: #736f73 !important;
}

.custom-article-year .active .year-wrap .caret:before{
  font-size: 11px !important;
    position: absolute;
    top: -3px;
    content: "\f068";
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    left: 6px;
}

.custom-article-year .list-group-item a{
  color: #736f73;
}

body.news-ncategory .article-category .list-group-item.active,
body.product-category #side-categories .item.level-1.active {
    background: #f5ada4 !important;
}
body.news-ncategory .list-group-item.active a, body.product-category #side-categories .item.level-1.active a{
      color: #fff !important;
}

body.product-category .side-categories-level-1 .item.level-1.active .caret:before{
  font-size: 11px !important;
  position: absolute;
  top: -12px;
  content: "\f068";
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #fff;
}

.news-ctgr .active .caret:before,
.year-wrap .caret:before {
    font-size: 11px !important;
    position: absolute;
    top: -12px;
    content: "\f068";
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    left: -8px;
}
.list-group a.active,  .list-group a.active:hover, .list-group a:hover{
    background: transparent !important;
}

.news-ctgr .caret:before,
/* #side-categories .caret:before, */
body.product-category .side-categories-level-1 .item.level-1 .caret:before,
.year-wrap .caret:before{
  font-size: 11px !important;
  position: absolute;
  content: "\f067";
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #000;
}

.news-ctgr .caret:before,
#side-categories .caret:before{
    top: 14px;
}

.year-wrap .caret:before{
    top: 7px;
    left: 0px;
}

.caret {
    border-top: none !important;
}

.news-ctgr .list-group-item+.sub{
  display: none !important;
}
.custom-article-year .list-group-item .list-group .list-group-item{
    padding: 8px 30px !important;
}
.news-ctgr .list-group-item.active+.sub {
    display: block !important;
}

body.news-ncategory .list-group-item .toggle.level-1{
  position: relative;
}

body.news-ncategory #column-left{
  width: 20% !important;
}
body.news-ncategory #content{
  width: 80% !important;
}
.news-ctgr .sub.level-2 {
    margin-bottom: calc(10px + (15 - 12) * (100vw - 375px) / (1024 - 375));
}
body.news-ncategory .sub.level-2 .item.level-2 a{
    border: none;
    line-height: 30px;
    padding: 5px 25px !important;
display: flex;}

body.news-ncategory .list-group-item.hidesthemonths.active .year-wrap{
    background: #f5ada4 !important;
}
body.news-ncategory .article-name{
    text-align: center;
}

body.news-ncategory .article-name a{
    font-family: "Trirong Regular";
    color: #282727 !important;
    font-size: calc(12px + (15 - 12) * (100vw - 375px) / (1024 - 375));
}

body.news-ncategory .article-description {
    font-family: "Montserrat Regular";
    color: #736f73;
    font-size: 14px;
    text-align: center;
}

.article-date {
    font-family: "Montserrat Regular";
    font-size: calc(10px + (15 - 12) * (100vw - 375px) / (1024 - 375));
    color: #f5ada4;
    text-align: center;
}
.article-button{
  text-align: center;
}
.article-button a{
  color: #62c7c7;
    text-align: center;
    font-family: "Montserrat Medium";
    font-style: italic;
    font-size: calc(11px + (20 - 17) * (100vw - 375px) / (1900 - 375))!important;
    text-decoration: underline;
}

body.news-ncategory .news-post:hover{
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
    transform: scale(1.05);
}

body.news-ncategory .news-post:hover .hover-overlay,
body.news-ncategory .news-post:hover .article-content
{
    /* box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%); */
}
body.news-ncategory .news-post{
  transition: transform .5s;
  margin-bottom: calc(20px + (20 - 17) * (100vw - 375px) / (1900 - 375))!important;
}
body.news-ncategory .news-post:hover .article-content{
  cursor: pointer;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover{
    background-color: transparent !important;
    border-color: transparent;
    color: #328e8e;
}

.pagination li a:hover, .pagination li span:hover {
    background-color: transparent;
    border: none;
    color: #5d5c5d;
}

/* {
  background: url(image/catalog/general/right.png);
    display: block !important;
    width: 10px;
    height: 10px;
} */

.pagination-arrow{
    width: 15px;
    height: 25px;
}
.article-inner-img{
    object-fit: cover;
    width: 100%;
    height: 300px !important;
}

.inner-article-div{
    width: 75%;
    margin: 0 auto;
}
body.news-article h2{
  margin-top: calc(35px + (20 - 17) * (100vw - 375px) / (1900 - 375))!important;
  margin-bottom: calc(10px + (20 - 17) * (100vw - 375px) / (1900 - 375))!important;
}

.news-title{
    font-family: "Trirong Regular";
    color: #282728;
    font-size: calc(15px + (20 - 17) * (100vw - 375px) / (1900 - 375))!important;
    font-weight: unset !important;
}

.news-date{
    font-family: "Montserrat Regular";
    font-size: calc(10px + (20 - 17) * (100vw - 375px) / (1900 - 375))!important;
    color: #f5ada4;
    font-style: italic;
}
.news-desc{
    font-family: "Montserrat Regular";
    color: #736f73;
    font-size: calc(11px + (20 - 17) * (100vw - 375px) / (1900 - 375))!important;
}
.social-share-txt{
    font-family: "Trirong Medium";
    font-size: 13px;
    color: #736f73;
}
.inner-article-button{
    display: flex;
    justify-content: space-between;
}

body.news-article .btn-prev,
body.news-article .btn-back,
body.news-article .btn-next{
    font-family: "Trirong Medium";
    border-radius: 30px;
    padding: 15px 50px;
    font-size: calc(12px + (20 - 17) * (100vw - 375px) / (1900 - 375))!important;
}


body.news-article .btn-prev,
body.news-article .btn-next{
    color: #736f73;
    background: #fff;
    border: 2px solid #f5ada4;
}
body.news-article .btn-back{
    color: #fff;
    background: #c0bfbe;
}

/*blog*/

/*shop page */
/* .product-image-column  */
.custom-txt-workshop {
    font-family: "Trirong Regular";
    font-size: calc(15px + (20 - 17) * (100vw - 375px) / (1900 - 375))!important;
    color: #282728;
    padding: 30px 0px;
}
.custom-option-txt{
    font-family: "Trirong Medium";
    color: #736f73;
    font-size: calc(12px + (20 - 17) * (100vw - 375px) / (1900 - 375))!important;
}
.courseworkshop-div
{
    width: 85%;
    margin: 0 auto;
    padding: 0px 85px;
}
.coursework-sub-img{
    /*height: 100px !important;*/
    /*object-fit: cover!important;*/
}
#workshop-sub-div .slider-nav .slick-slide{
    padding: 0px 5px;
}
.coursework-main-img{
    min-height: 470px!important;
    background-size: cover !important;
}
.courses-and-workshop-name{
    background: #62c7c7;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.courses-and-workshop-name a{
    color: #fff !important;
}

.page-banner-title {
    display: none;
}
.waiting_list_description p{
    font-family: "Trirong Medium";
    color: #736f73;
}
/* ::placeholder{
  color: #000 !important;
} */
.waiting-list-submit{
    border: none;
    background: transparent;
    border-bottom: 1px solid;
}
#waiting_list_submit {
background: #f5f5f5;
    border: none;
}
.waiting_list_container {
    padding: 30px;
    background: #f5f5f5;
    border-radius: 30px;
    border: none !important;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
}
.product-description{
  padding-bottom: 0;
  padding-top: 20px;
}
.sold-out-lbl{
    background: #c0bfbe;
    color: #fff;
    border-radius: 30px;
    padding: 20px 40px;
    border: none;
}
.custom-product-inner-div {
    display: flex;
    align-items: center;
}
.sticker.sold-out{
  color: #ffffff;
  background-color: #c0bfbe !important;
  font-family: "Montserrat Regular";
}
.sticker.sold-out.absolute  {
    right: auto;
    left: 4%;
    border-radius: 50%;
    height: 55px;
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 4% !important;
    text-transform: uppercase;
    font-family: "Trirong Medium";
    font-size: 10px;
}
.fa-shopping-cart:before{
  /* display: none; */
}
.fa-shopping-cart:before {
    display: block;
    content: "" !important;
    background: url(../../../../../image/catalog/general/cart.png)no-repeat;
    width: 24px;
    height: 21px;
}
.fa.fa-user:before{
    display: block;
    content: "" !important;
    background: url(../../../../../image/catalog/general/user.png)no-repeat;
    width: 24px;
    height: 21px;
}

.mobile-search .fa.fa-search:before,
.header-top .fa.fa-search:before{
  display: block;
  content: "" !important;
  background: url(../../../../../image/catalog/general/search.png)no-repeat !important;
  width: 21px;
    height: 21px;
}
.fa.fa-search:before:not(#button-search .fa.fa-search:before){
    display: block;
    content: "" !important;
    background: url(../../../../../image/catalog/general/view.png)no-repeat !important;
    width: 38px;
    height: 38px;
}

.related-module{
    width: 85% !important;
    margin: 0 auto;
    margin-top: 50px;
}
.related-module .slick-nav{
  top: -10%;
}
.related-module .slick-nav.left{
  left: 74vw;
}
.related-module .slick-nav.right{
  right: -1vw;
}
#side-price .list-group-item.item-header,
#side-manufacturer .list-group-item.item-header,
#side_filter .list-group-item.item-header
{
  font-family: "Trirong SemiBold";
  color: #f5ada4;
  font-size: 25px;
}

#side-manufacturer .list-group-item {
    padding: 15px 15px;
}

.product-block{
  border:none;
}

.related-module .slick-track{
  margin: 10px;
}

.related-module .slick-track .slick-slide{
  margin: 0px 15px;

}

.product-gutter:hover{
  /* transform: scale(1.05); */
  box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
  cursor: pointer;
}

.product-gutter:hover .overlay{
  opacity: 0.9;
}
.product-block .product-details{
  padding-top: 10px;
}
#side-price #min, #side-price #max{
    color: #736f73;
    font-family: "736f73";
    font-size: 18px;
}
#side-price .ui-slider-handle{
  border: 4px solid #f5ada4;
  background: #fff;
}
#side-price .ui-slider-range{
  background: #f5ada4;
}
.product-inputs, .cart-buttons{
    display: none;
}
.custom-product-container{
    width: 100%;
    padding: 0px 85px;
}

.custom-product-container #column-left{
  padding-left: 0;
  /* width: 20%; */
}

#side-categories .group .item .toggle:hover{
  background: transparent;
}

#side-categories .group .item .toggle{
  border-left: none;
}

body.product-category .side-categories-level-1 .item.level-1 a{
    color: #736f73;
    font-family: "Trirong Medium";
    font-size: calc(13px + (20 - 17) * (100vw - 375px) / (1900 - 375));
}

#side-categories .group .item a:hover{
  background: transparent;
  color: unset;
}

body.product-category .sub.level-2 .item.level-2 a{
    color: #736f73
}

.product-view>.product-gutter{
  width: 33.3%;
  margin-top: 20px;
}
#side-categories .group:not(:last-child){
  border-bottom: none !important;
}

#side-categories .group .item.active+.sub{
  border-top: none !important;
}

.item.level-2 a {
    padding: 8px 30px !important;
}
body.product-category .fa.fa-shopping-cart:before{
  display: none;
}
.btn-group.product-button .wishlist-btn{
    display: none;
}


.custom-cart-btn{
  background: #378e8e;
  color: #fff;
  border-top-right-radius: 30px !important;
  border-bottom-right-radius: 30px!important;
  border-radius: 30px;
  padding: 15px 35px;
}

.sticker,
.special-sticker{
    right: auto;
    left: 4%;
    border-radius: 50%;
    height: 55px;
    /* padding: 30px; */
    display: flex;
    align-items: center;
    justify-content: center;
    top: 4% !important;
    text-transform: uppercase;
 
    font-size: 10px;
}
.sticker.absolute{
    width: 55px;
}
.special-sticker{
    width: 55px;
}

body.product-category .product-name a{
    font-family: "Trirong Medium";
    color: #282728;
    font-size: calc(14px + (20 - 17) * (100vw - 375px) / (1900 - 375));
}

.meta-description{
    font-family: "Montserrat Regular";
    color: #736f73;
    font-size: calc(11px + (20 - 17) * (100vw - 375px) / (1900 - 375));
}

.price .price-new{
    font-family: "Trirong Regular";
    /* font-size: 15px; */
    font-size: calc(14px + (20 - 17) * (100vw - 375px) / (1900 - 375));
    color: #282728;
}

.price-new{
    color:#736f73 !important;
    font-size: calc(14px + (20 - 17) * (100vw - 375px) / (1900 - 375)) !important;
    opacity: 1 !important;
}

.special.price-old{
    text-decoration: line-through !important;
    color: #8b838b !important;;
}
.out-of-stock .sticker{
    background: #c8c7c6 !important;
}

.view-img {
    /* background: url(image/catalog/general/view.png);
    display: block !important;
    width: 38px;
    height: 38px; */
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #f1e3de;
}
.product-image-block:hover .overlay{
	opacity: 0.9;
}


.product-product #product .form-group .form-control:not(.input-number),
.product-product #product .form-group .input-group:not(#product .input-group.date)
{
  width: 40% !important;
  border-radius: 20px;
  height: 45px;
}
.product-product #product .form-group .input-group.date{
    width: 40% !important;
}

.product-product #product .form-group .input-group.date input[type="text"]{
  border-radius: 20px 0px 0px 20px;
  width: 80% !important;
}
.product-product #product .form-group .input-group.date .input-group-btn .btn{
      border-radius: 0px 20px 20px 0px;
}

.product-product #product .form-group textarea.form-control{
  height: auto !important;
}

.input-number:not(#input-telephone)
{
      height: 45px;
}

.add-btn{
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    background: #f5ada4;
    color: #fff;
}
.minus-btn{
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    background: #c0bfbe;
    color: #fff;
}
.product-product #product .btn-number{
  width: 50px;
}

.product-product #product .form-group>label {
    width: 25%;
    font-family: "Trirong Medium";
    color: #736f73;
    font-size: calc(12px + (20 - 17) * (100vw - 375px) / (1900 - 375))!important;
}
.input-group-flex{
  margin-left: 20px !important;
}
#button-cart,
.btn-primary:not(#articles-filter-trigger-open):not(#button-login):not(.button-update):not(.button-remove):not(.btn-filter):not(.btn-wating-list):not(.quickcheckout-content .btn-primary){
    background: #378e8e;
    color: #fff;
    border-radius: 30px;
    padding: 15px 35px;
    border: none;
}

.quickcheckout-content .btn-primary{
      /* background: #f5ada4; */
    /* color: #fff; */
    /* border: none; */
    background: #378e8e;
    color: #fff;
    border-radius: 30px;
    padding: 15px 35px;
    border: none;
}



body.product-product .container{
  width: 100%;
  padding: 0px 85px;
}

.product-image-additional .slick-slide:hover .overlay {
    opacity: 0.7 !important;
}

.fa.fa-chevron-up:before{
    background: url(../../../../../image/catalog/general/up.png);
    content: "";
    width: 40px;
    height: 22px;
    display: block;
}

.fa.fa-chevron-down:before{
    background: url(../../../../../image/catalog/general/down.png);
    content: "";
    width: 40px;
    height: 22px;
    display: block;
}
.nav-tabs{
  border-bottom: none;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
  border: none !important;
}
#product-tabs li.active a{
    font-family: "Trirong SemiBold" !important;
    color: #f5ada4 !important;
    font-size: 15px !important;
}

#product-tabs li a{
    font-family: "Trirong Medium";
    color: #736f73;
    font-size: 15px !important;
}

.nav>li>a:focus, .nav>li>a:hover{
  background-color: transparent;
  border-color: none !important;
}

.nav-tabs>li>a:hover{
    border-color: none !important;
}
.tab-content>.tab-pane p{
    color: #736f73;
    font-family: "Montserrat Regular";
}
.nav-tabs{
  margin-bottom: 0;
}
.tab-content>.tab-pane{
  padding: 20px 30px;
}

.tab-content{
    border: 1px solid #736f73;
    border-radius: 20px;
}

.workshop-content-container {
    width: 85% !important;
}


/* Chrome, Firefox, Opera, Safari 10.1+ */
/* ::placeholder {
  color: #fff;
  opacity: 1;
} */
/* Firefox */

/* .wapf-input::placeholder{
  color: #fff !important;
  padding: 10px;
}
:-ms-input-placeholder {
  color: #fff;
} */
/* Internet Explorer 10-11 */

.course-workshop-confirm {
    font-family: "Montserrat Regular";
    color: #736f73;
    font-size: calc(11px + (20 - 17) * (100vw - 375px) / (1900 - 375))!important;
}

.enquiry-title {
    padding-top: 40px;
    margin-bottom: 20px !important;
}
.enquiry-contact-body{
  padding-top: 40px;
}

/*shop page */


body.product-product h3,
body.product-product .product-price{
    font-family: "Trirong Regular";
    color: #282728;
    font-size: calc(18px + (20 - 17) * (100vw - 375px) / (1900 - 375))!important;
}
body.product-product .product-description p{
    font-family: "Montserrat Regular";
    color: #736f73;
    font-size: 14px;
}
.footer-social-icons{
  display: flex;
  justify-content: center;
}


/* contact us */
/* .contact-body input[type="text"].form-control */
/* body.information-contact body:not(.cke_editable) h2:not(.swal2-title):not([style]){
    margin-bottom: 30px !important;
} */
.contact-btn{
    padding: 15px 45px;
    border-radius: 30px;
    background: #f5ada4;
    border: none;
}
.contact-body textarea.form-control,
.contact-body input[type="text"].form-control,
.contact-body input[type="tel"].form-control
{
    border-radius: 20px !important;
    padding:20px;
}

/* .contact-body input[type="text"].form-control,
.contact-body input[type="email"].form-control,
.contact-body input[type="tel"].form-control, */
input[type="text"].form-control::not(.input-number):not(.quantity .btn-block input[type="text"].form-control):not(.quantity-wrapper .input-group input[type="text"].form-control):not(.cart-dorpdown-item-charges input[type="text"].form-control),
input[type="email"].form-control:not(.newsletter-footer .newsletter-module .newsletter-div input[type="email"].form-control),
input[type="tel"].form-control,
input[type="password"].form-control
/* select.form-control */
{
    border-radius: 30px !important;
    height: 45px!important;
    padding:20px;
}

 select.form-control:not(#input-limit):not(body.product-search select.form-control){
   border-radius: 30px !important;
   height: 45px!important;
 }
  .account-login .login-container .form-control,
  .account-register #register-form .form-control, 
  .quickcheckout-checkout .quickcheckoutmid .form-control,
  .quickcheckout-checkout #payment-address .form-control,
  .quickcheckout-checkout #shipping-address .form-control{
       border-radius: 30px !important;
       height: 45px!important;
     }
 
.store-name{
    font-family: "Trirong Regular";
    color: #f5ada4;
    font-size: 25px;
}
.custom-contact-container {
    width: 100%;
    padding: 0px 85px;
}
address,
.contact-tel{
    font-family: "Montserrat Regular";
    color: #736f73;
    font-size: calc(11px + (20 - 17) * (100vw - 375px) / (1900 - 375))!important;
}
/* contact us */


footer{
  background-color: #328e8e !important;
}

.footer-contact-links{
  display: flex;
    align-items: center;
    justify-content: center;
}

.newsletter-div{
    align-items: center;
    justify-content: center;
}
.newsletter-div .flex-1{
  /* flex: unset !important; */
  flex: 0 0 70% !important;
}
.footer-contact-links.first-menu{
    padding-bottom: 10px;
    padding-top: 20px;
}

body.product-product .related-module .fa.fa-shopping-cart{
    display: none;
}
.newsletter-footer{
  margin-top: calc(20px + (20 - 17) * (100vw - 375px) / (1900 - 375))!important;
}

.newsletter-email{
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #fff;
    border-top: none !important;
}

.newsletter-btn{
  border: none;
  background: transparent;
}
.footer-upper-content ::placeholder{
  color: #fff !important;
  font-style: italic;
  /*font-family: "Montserrat Regular";*/
  font-size: 11px;
}

.newsletter-title{
    /* font-family: "Montserrat Regular"; */
    /*font-size: 13px !important;*/
    text-transform: uppercase;
    padding: 15px 0px;
font-weight: bold;}

.newsletter-email,
.newsletter-email:focus{
  box-shadow: none;
}

.footer-social-icons a{
  margin: 0 15px;
}

.footer-contact-links h5{
  font-weight: unset !important;
}
.footer-contact-links h5 a {
    margin: 0px 10px;
    text-transform: uppercase;
    /*font-family: "Montserrat Regular";*/
    color: #fff;
    font-size: 11px;
    font-weight: unset !important;
}

.footer-bottom-div{
    width: 100%;
    padding: 0px 85px;
}
.credit-card-section{
  display: flex;
  justify-content: center;
}

.card-img{
  margin: 0 10px;
}


.layout-toggle{
  display: none;
}


.filters-wrap .btn-primary{
    background-color: #f5ada4!important;
    color: #ffffff !important;
    border-color: #f5ada4!important;
    text-transform: initial !important;
}

body.product-product #contact-us-form {
    padding-top: calc(30px + (20 - 17) * (100vw - 375px) / (1900 - 375))!important;
}


.image-zoom .image-container img, .image-zoom-hover .image-container img{
  transform: scale(1.1) !important;
}


body.product-category .btn-default.active,
body.product-category .btn-default:active,
/* .open>.dropdown-toggle.btn-default, */
body.product-category .btn-default.focus,
body.product-category.btn-default:focus,
.custom-cart-btn:hover
{
    color: #378e8e;
    background-color: #fff;
    border-color: unset;
    outline: none;
}

/* body.product-category
{

  background-image: url(../../../../../image/catalog/general/4.png), url(../../../../../image/catalog/general/2.png);
  background-position: 100% 550px , 0% 2000px;
  background-repeat: no-repeat, no-repeat;
} */

.abt-footer-container:before{
    /* content: url(../../../../../image/catalog/general/2.png) !important; */
}
/* body.product-category #footer-area:before{
  content: url(../../../../../image/catalog/general/2.png);
} */

body.information-information.iid-4{
    background: url(../../../../../image/catalog/general/1.png)no-repeat;
    background-position: 100% 350px ;
}

body.information-information.iid-4 #footer-area:before{
  content: url(../../../../../image/catalog/general/2.png);
  top: -650px;
  position: absolute;
  display: block;
  z-index: -1;
}



body.product-category,
body.product-product
{
    background: url(../../../../../image/catalog/general/4.png)no-repeat;
    background-position: 100% 650px;
}

body.information-information.iid-8,
body.information-information.iid-7,
body.news-ncategory
{
  background: url(../../../../../image/catalog/general/3.png)no-repeat;
  background-position: 100% 550px;
}

body.product-category #footer-area:before,
body.product-product #footer-area:before,
body.information-information.iid-8 #footer-area:before,
body.information-information.iid-7 #footer-area:before,
body.news-ncategory #footer-area:before,
body.news-article #footer-area:before,
body.information-contact #footer-area:before
{
    content: url(../../../../../image/catalog/general/2.png);
    top: -250px;
    position: absolute;
    display: block;
    z-index: -1;
}


.cart-dropdown.pointer .fa.fa-shopping-cart:before{
  display: block;
}
#sidr{
  background-color: #328e8e;
}
.hover-overlay .to-overlay{
    background-color: #378e8e;
}
.hover-overlay:hover .to-overlay {
    opacity: 0.9;
}
.cd-accordion-menu a, .cd-accordion-menu label{
    background: #fff !important;
    color: #736f73;
    font-family: "Montserrat Medium" !important;
    text-transform: uppercase;
    font-size: calc(10px + (20 - 17) * (100vw - 375px) / (1900 - 375))!important;
}

.custom-option-select,
#input-limit
{
    background-image: linear-gradient(45deg, transparent 50%, #222 50%), linear-gradient(135deg, #222 50%, transparent 50%), linear-gradient(to right, #87ceeb00, #87ceeb00);
    background-position: calc(100% - 19px) calc(1em + 5px), calc(100% - 14px) calc(1em + 5px), calc(100% - 2.5em) 2.5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    cursor: pointer;
    border-radius: 20px;
}

/* .btn:not(.btn-number):not(.btn-language) */

/* .btn-primary,
.btn-default,
.btn-primary:hover,
.btn-default:hover */


/* .btn:not(.btn-number):not(.no-custom.pull-right):not(.button-update):not(.button-remove):not(.btn-prev):not(.btn-next):not(.btn-filter):not(.newsletter-btn)
:not(.btn-article-filter):not(.custom-cart-btn .fa-shopping-cart):not(.btn-wating-list img){
    background-color: #328e8e;
    min-width: 150px;
    border-radius: 30px;
    padding: 15px 35px;
    color: #fff;
} */

/* Responsive */



body.information-information.iid-8 .slick-nav {
    width: 32px;
    height: 100%;
    z-index: 1;
    top: 0px;
}

.product-name a,
.cart-dorpdown-items .item-details .item-name
{
  font-family: 'Trirong Regular';
  font-size:calc(14px + (20 - 17) * (100vw - 375px) / (1900 - 375));
  color: #378e8e;

}

@media (max-width: 1600px){
  .featured-module .slick-nav.right, .featured-module .slick-nav.next {
      right: 78vw;
  }
  body.common-home #home-featured-blog .slick-nav.left {
    left: 74vw;
  }
  body.common-home #home-featured-blog .slick-nav.right {
    right: -7vw;
  }
}

@media (max-width: 1367px){
    .home-slider {
      padding: 0px 85px 0px 120px;
  }
    
  body.information-information.iid-8 {
      background-position: 100% 250px;
  }
}

@media (max-width: 1536px){
  .featured-module .slick-nav.left, .featured-module .slick-nav.prev {
    left: -24vw;
}
  body.common-home .fcategory .slick-nav.right{
      right: 88vw;
  }
  .featured-module .slick-nav.right, .featured-module .slick-nav.next {
      right: 76vw;
  }
  .related-module .slick-nav{
    top: -15%;
  }
  .related-module .slick-nav.right{
    right: -7vw;
  }
  #home-gallery .slick-nav.right {
    right: 6vw;
}
body.common-home #home-featured-blog .slick-nav.right {
    right: -5vw;
}
body.common-home #home-featured-blog .slick-nav.left {
    left: 75vw;
}
}

@media (max-width: 1367px){
  body:not(.cke_editable) h2:not(.swal2-title):not([style]){
      margin-bottom: 0 !important;
  }
  body.product-category{
      background-position: 100% 550px;
  }
  #home-gallery .slick-nav.left {
    left: 85vw;
  }

  body.common-home #home-featured-blog .slick-nav.left {
    left: 77vw;
  }
  .header-social-icons,
  .custom-header-container
  /* .custom-container  */
  {
    padding-left: 50px;
  }
  .header-container .header-menu{
    width: 40%;
  }
  body.common-home #home-featured-blog .slick-nav.right{
    right: 0;
  }
}


@media (max-width: 1280px){
    .home-slider {
      padding: 0px 85px;
  }
  body.information-information.iid-4 {
    background-position: 100% 100px;
  }
  .header-social-icons, .custom-header-container
   /* .custom-container  */
  {
      padding-left: 20px !important;
  }
  .header-social-icons a img, .header-ph-div, .header-email-div {
    margin-right: calc(10px + (20 - 17) * (100vw - 375px) / (1900 - 375)) !important;
  }
  .related-module .slick-nav.left {
    left: 70vw;
  }
  .custom-header-container
  /* , .custom-container  */
  {
    padding: 0px 20px;
  }
  .header-container .header-menu{
    width: 40%;
  }
  body.common-home #home-featured-blog .slick-nav.right {
    right: 2vw;
}
  .related-module .slick-nav.right {
    right: -2vw;
  }
  body.common-home #home-featured-blog .slick-nav.left {
    left: 81vw;
  }
}


@media (max-width: 1024px){
    body.common-home .fcategory .slick-nav {
        top: -10px !important;
    }
    home-slider {
        padding: 0px 85px 0px 70px;
    }
    .coursework-main-img {
    /*min-height: 600px!important;*/
    }
  body.product-category {
    background-position: 100% 380px;
}
  .featured-module .slick-nav.left, .featured-module .slick-nav.prev {
    left: -25vw;
}
.featured-module .slick-nav.right, .featured-module .slick-nav.next {
    right: 78vw;
}
  body.information-contact .custom-contact-container{
    padding: 0px 20px;
  }

  .gallery-container{
    margin-left: auto;
    margin-right: auto;
  }

  body.information-information.iid-7 .custom-container{
      padding: 0px 15px;
  }
  body.product-product .container {
     width: 100%;
     padding: 0px 20px;
 }
  .related-module .slick-nav.left {
    left: 67vw;
  }
  .custom-product-container {
    width: 100%;
    padding: 0px 20px;
  }
  .abt-div,
  .footer-bottom-div{
    padding: 0px 20px;
  }
  #main-menu li a span{
    font-size: calc(7px + (20 - 17) * (100vw - 375px) / (1900 - 375))!important;
  }
  .header-container .header-menu #main-menu>li>a{
    padding-right: 20px;
  }
  .featured-module .slick-nav {
    top: 60%;
  }

  body:not(.cke_editable) h2:not(.swal2-title):not([style]) {
    font-size: calc(30px + (20 - 17) * (100vw - 375px) / (1900 - 375))!important;
  }
  .slider-title{
    font-size: calc(40px + (20 - 17) * (100vw - 375px) / (1900 - 375))!important;
  }
  .slider-description .slideshow-text-0{
    font-size: calc(10px + (20 - 17) * (100vw - 375px) / (1900 - 375))!important;
  }
  body.common-home .featured .container, body.common-home .instagram .container {
    width: 100%;
  }
}

@media (max-width: 992px){
    .home-slider {
      padding: 0px 85px 0px 70px;
  }
  body.common-home .featured .container, body.common-home .instagram .container{
    width: 100%;
  }
  .related-module .slick-nav.right {
    right: -5vw;
  }
  .related-module .slick-nav.left {
    left: 70vw;
  }

}

@media (max-width: 768px){
    
    #filter_group_tigger_open{
        display: none;
    }
    
    .insta-heading,
    .insta-content
    {
      width: 100%;
    }

  .insta-title{
    text-align: center !important;
  }
    .coursework-main-img {
    min-height: 300px!important;
}
  .header-top{
    width: auto;
  }
  .container-about-content {
    padding: 0px 10px;
  }
  body.information-information.iid-8 .custom-container{
      padding: 0px 30px;
  }
  body.information-information.iid-8 {
    background-position: 100% 10px;
  }
  body.information-information.iid-4 #footer-area:before {
    top: -740px;
    position: absolute;
  }
  body.product-category {
    background-position: 100% 350px;
  }
  .featured-module .slick-nav.right, .featured-module .slick-nav.next {
    right: 76vw;
  }
  body.news-article .custom-container{
    padding: 0px 20px;
  }
  body.news-ncategory .custom-container{
      padding: 0 15px;
  }
  body.news-ncategory .custom-container #content{
    width: 100% !important;
  }

  .main-gallery-slick{
    width: 50%;
  }
  .related-module .slick-nav.right {
   right: 0;
  }
  .product-product #product .form-group .form-control:not(.input-number), .product-product #product .form-group .input-group {
    width: 70% !important;
    border-radius: 20px;
    height: 45px;
  }
  .product-product #product .form-group>label {
    width: 30%;
  }
  .header-top-bar{
      display: flex;
  }
  .header-top-bar .header-top-left{
    flex: 0 0 20%;
  }
  .header_banner,
  .header-top-right{
    flex: 0 0 40%;
  }

  .header-container{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .header-social-icons{
    padding-left: 30px !important;
  }

  body.common-home .fcategory{
      background-position: 80%;
  }
  body.common-home .instagram .container{
    display: flex;
    flex-direction: column;
  }
  .home-workshop-title{
    text-align: center !important;
  }
  .workshops-description{
    font-size: calc(12px + (20 - 17) * (100vw - 375px) / (1900 - 375))!important;
    text-align: center !important;
  }
  .featured-module .slick-nav {
    top: -75%;
  }
  .featured-module .slick-nav.left, .featured-module .slick-nav.prev {
    left: -27px;
  }
  body.common-home .fcategory .slick-nav {
    top: -15px !important;
  }
  body.common-home #home-featured-blog .slick-nav.left {
    left: 80vw;
  }
  body.common-home #home-featured-blog .slick-nav.right {
    right: 50px;
  }
  .home-instagram{
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
  }
  .insta-text{
    text-align: center !important;
  }
  body.common-home .home-instagram{
    padding-top: calc(50px + (20 - 17) * (100vw - 375px) / (1900 - 375))!important;
  }
  .footer-contact-links h5 a{
    font-size: 10px;
  }
  .footer-bottom-div{
    padding: 20px;
  }
  .footer-bottom.row p{
    font-size: 12px;
  }
  .footer-bottom-power{
    width: 40%;
  }
  .credit-card-section{
    width: 20%;
  }
  #articles-filter-trigger-open{
    position: fixed;
    top: 125px;
    left: 0px;
    z-index: 3;
    width: 100% !important;
    padding: 7px 20px !important;
    transform: none;
    background: #328e8e;
  }

}


@media (max-width: 540px){
    .home-instagram .slick-dots{
        display: none !important;
    }
    #filter_group_tigger_open {
        display: block;
    }
    .custom-option-select, #input-limit{
        border-radius:0;
    }
    body.common-home .instagram{
      padding : 0 !important;
    }
    .cd-accordion-menu li a span {
        font-size: 13px !important;
    }
  .abt-row {
    margin-bottom: 30px !important;
  }
  .corporate-event-div {
    padding: 0px 20px !important;
  }
  .corporate-event, .container-about-content {
    width: 100%;
  }
  body.information-information.iid-8 #footer-area:before{
      content: "" !important;
  }
  body.information-information.iid-8{
    background: none !important;
  }
  body.product-category {
    background-position: 100% 470px;
  }
  select.form-control{
    /* border-radius: 0 !important; */
  }
  #workshop-main-div{
      padding: 0px 20px;
  }
  body.product-product{
    background: none;
  }
  .courseworkshop-div{
    width: 100%;
    padding: 0
  }
  .inner-article-div{
    width: 100%;
    padding: 20px 0px;
  }
  body:not(.cke_editable) h2:not(.swal2-title):not([style]) {
    font-size: calc(30px + (20 - 17) * (100vw - 375px) / (1900 - 375))!important;
  }
  #articles-filter-trigger-open{
    position: fixed;
    top: 150px;
    left: 0px;
    z-index: 3;
    width: 100% !important;
    padding: 7px 20px !important;
    transform: none;
    background: #328e8e;
  }
  .reverse-box{
    flex-direction: column-reverse !important;
  }
  body.information-information.iid-8 .custom-container{
    padding: 0px 15px !important;
  }
  .enquiry-form{
    padding-right: 0;
    padding-left: 0;
  }
  .related-module .slick-track .slick-slide{
    margin: 0;
  }
  .product-view>.product-gutter{
    width: 50%;
  }
  .abt-div .flex-box, .corporate-event-div .flex-box{
    display: flex;
    flex-direction: column;
  }
  .abt-footer-content{
    width: 100%;
  }
  body.information-information.iid-4{
    background: unset;
  }
  #pg-banner-wrap img{
    height: 300px !important;
    object-fit: cover;
    object-position: left;
  }
  body.information-information.iid-4 .breadcrumb {
    padding: 0px 20px;
  }
  .container-about-content {
    padding-top: 30px;
  }
  .header_banner, .header-top-right {
    flex: 0 0 50%;
  }
  .header-top-left{
    display: none !important;
  }
  .header-ph-div{
    display: flex;
  }
  .section-space.slideshow .fa.fa-chevron-left:before,
  .section-space.slideshow .fa.fa-chevron-right:before{
    display: none !important;
  }
  #featured-categories{
    padding-top: 0 !important;
  }
  .featured-module{
      padding-top: calc(30px + (20 - 17) * (100vw - 375px) / (1900 - 375))!important;
  }
  body:not(.cke_editable) h2:not(.swal2-title):not([style]) {
    margin-bottom: 20px !important;
    text-align: center !important;
  }
  .footer-social-icons {
    display: flex;
    justify-content: flex-start;
  }
  .newsletter-div .flex-1{
    flex: 0 0 90% !important;
  }
  .newsletter-title{
    
  }
  .footer-social-icons a:first-child {
    margin: 0 !important;
  }
  .newsletter-div{
    justify-content: flex-start;
  }
  .all-menu {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.footer-contact-links {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    flex: 0 0 50%;
}
.footer-contact-links h5 a{
  margin: 0 !important
}
.footer-bottom-div {
    /* padding: 0; */
}
.footer-bottom-power {
    width: 100%;
    text-align: left;
}
.footer-bottom.row {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 30px;
}
.credit-card-section {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}
.header-top-bar {
    display: flex;
    flex-direction: column;
}
.header_banner, .header-top-right {
    flex: 0 0 100%;
}
.header_title {
  padding: 0!important;
}
.corporate-event-div .flex-box{
  /* margin-bottom: 0 !important; */
}

}

@media (max-width: 415px){
    .coursework-main-img {
    min-height: 200px!important;
}
  .about-title {
    font-size: calc(30px + (20 - 17) * (100vw - 375px) / (1900 - 375))!important;
  }
  body.product-product{
    background: none!important;
  }
  .inner-article-button{
    flex-direction: column;
  }
  body.news-article .btn-prev, body.news-article .btn-back, body.news-article .btn-next{
    margin: 5px;
  }
  .news-list-wrap .news-post{
    max-width: 100%;
  }
  .corporate-title{
    font-size: calc(16px + (20 - 17) * (100vw - 375px) / (1900 - 375));
  }
  .corporate-content{
    font-size: calc(11px + (20 - 17) * (100vw - 375px) / (1900 - 375));
  }
  .fa-chevron-up, .fa-chevron-down{
    display: none;
  }
  .related-module{
    width: 100% !important;
  }
  .related-module .slick-track{
    margin: 0 !important;
  }
  .product-view>.product-gutter {
    width: 100%;
  }
  .slider-title {
      font-size: calc(25px + (20 - 17) * (100vw - 375px) / (1900 - 375))!important;
  }
  .slider-description .slideshow-text-0 {
    font-size: calc(8px + (20 - 17) * (100vw - 375px) / (1900 - 375))!important;
  }
  .slider-slideshow-description-link a{
    padding: 10px 30px;
        font-size: 12px;
  }
}

@media (max-width: 376px){
    .home-slider {
        padding: 0px 15px !important;
    }
}

@media (max-width: 361px){
  .custom-option-select {
    background-position: calc(100% - 19px) calc(1em + 5px), calc(100% - 15px) calc(1em + 5px), calc(100% - 2.5em) 2.5em;
    background-image: linear-gradient(45deg, transparent 50%, #222 50%), linear-gradient(135deg, #222 50%, transparent 50%), linear-gradient(to right, #87ceeb00, #87ceeb00);
  }
}

@media (max-width: 320px){
    .slider-description, .slider-slideshow-description-link {
        padding-top: calc(8px + (20 - 17) * (100vw - 375px) / (1900 - 375))!important;
    }
    .coursework-main-img {
    min-height: 150px!important;
}
   .about-title {
        font-size: calc(25px + (20 - 17) * (100vw - 375px) / (1900 - 375))!important;
    }    
  .corporate-event-div {
    padding: 0px 10px !important;
  }
  .main-gallery-slick {
    width: 100%;
  }
  .slider-title {
      font-size: calc(20px + (20 - 17) * (100vw - 375px) / (1900 - 375))!important;
  }
}



.quantity .btn {
    padding: 5px 10px !important;
   
}

.quantity input {
    border-top-right-radius: 40px !important;
    border-bottom-right-radius: 40px !important;
        border-top-left-radius: 40px !important;
    border-bottom-left-radius: 40px !important;
}

.r-side {
    color: white !important;
}