@font-face{
    font-family: SubtitleCdda;
    src: url('../fonts/cddafont1.ttf') format('truetype');
}

#main  .search_form, #main .my-account { display: none !important; }


/*------------------------------------------------------Hide------------------------------------------------------*/

.gallboxstyle1, .bumboxstyle1{
    padding:0px !important;
}

div.gallrow > div#content div.gallrow.gallpage > div.col-gall-6 > ul.pagination {
    list-style: none;
    display: inline-flex;
}

div.gallrow > div#content div.gallrow.gallpage > div.col-gall-6 > ul.pagination > li {
    padding-right: 8px;
}

div.gallrow > div#content div.gallrow.gallpage > div.col-gall-6 > ul.pagination > li.active {
    font-weight: bold;
    text-decoration: underline;
}

div.gallrow > div#content div.gallrow.gallpage > div.col-gall-6 {
    text-align: right;
}

.box-gallery{
    border:0px !important;  
}

.next-product-2 {
    display: none;
}

.posts .post .post-media img, .post .post-media img{
    width:100%;
}

.post .meta{
    display:none;
}

.post .post-content{
    border-bottom:0px;
}

.box.clearfix.box-with-products.with-scroll{
    display: none;
}

.d-none{
    display: none;
}

body #main .breadcrumb > .background {
    background: url(/image/catalog/cdda/cdda_background.jpg);
}

body .main-content {
    background: #edf5f8;	
}

body .main-content .background .pattern > .row {
    display:none;
}

body .main-content .line1, body .main-content .line2, body .main-content .line3 {
    width:100%;
}

body .custom-footer .homepage-borderline4 div > div.container {
    padding-left:0 !important;
    padding-right:0 !important;
}

.breadcrumb-style-1 .breadcrumb .container > div {
    padding-top: 200px;
    padding-bottom: 100px;
}

.breadcrumb-style-1 .breadcrumb .container div.clearfix h1#title-page {
    border-bottom-color:#000;
}

body .custom-footer .background {
    background: url(/image/catalog/cdda/dot_bg.jpg) !important;
}

/*------------------------------------------------------Hide------------------------------------------------------*/


/*-------------------------------------------home-herbalInfo-div-------------------------------------------------*/
body .main-content .homepage-borderline2 div > div.container {
    padding-left:0 !important;
    padding-right:0 !important;
}

.home-page-herbal{
    padding: 50px 0;
}

.home-page-herbal .herbal-div{
    border-radius: 5px;
    position: relative;
    text-align:center;
}

.home-page-herbal .herbal-div img{
    width: 100%;
    border-radius: 50%;
}

div#headingOne{
    position: relative;
}

/*button.herbal-name.btn.btn-link.collapsed.btn-botl{
    width: 100%;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: rgba(33,49,61,0.8) !important;
    position: absolute;
    bottom: 0;
}*/

body .main-content .home-herbalinfo-div div > .container {
    padding-left:50px !important;
    padding-right:50px !important;
}

body .main-content .home-herbalinfo-div .home-page-herbal > .container {
    padding-left:150px !important;
    padding-right:150px !important;
}

body .main-content .home-herbalinfo-div .home-page-herbal .center-heading-div {
    position:relative;
    padding-bottom: 20px;
}

.home-page-herbal > .row {
    position:relative;
}

.herbal-div {
    position:relative;
    padding: 10px;
}

.herbal-info {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    text-align:left;
    margin:0 auto;
    font-size:15px;
}

.herbal-div > img {
    display: block;
    width: 100%;
    height: auto;
    padding:30px 60px;
}

.center-heading {
    font-size:25px;
    font-weight:bold;
}

.view-more-button {
    position:absolute;
    background-color:#7c7c7c;
    top:20px;
    right:20px;
    font-size:20px;
    color:#FFF;
}

/*-------------------------------------------home-herbalInfo-div-------------------------------------------------*/


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

#top .background-top{
    background:#0f6fb8;
}

#top #cart_block{
    display:none !important;
}

#top .pattern > .container{
    padding-top:0;
    padding-bottom:0;
}

#top .logo{
    padding:0;
}

body header.header-type-5 .desktop-view-top-header {
    display:inline-block;
    position: fixed;
    background-color: rgba(255, 255, 255, 0.80);
}

.language-switcher > li:nth-child(1) {
    border-right: 1px solid #000;
}

body header.header-type-5 .mobile-view-top-header {
    background: rgba(255, 255, 255, 0.70);
    position: fixed;
}

.megamenu-background {
    border-bottom: none;
}

.header-right form ul.language-switcher {
    display:flex;
    padding: 0;
    font-size:14px;
    list-style-type:none;
}

.top-links{
    display:inline-block;
    list-style: none;
    font-size:14px;
    float:right;
    font-weight:bold;
}

#top form{
    float:right;
}

.top-inline, .megamenu-wrapper{
    margin-top: 38px;
}

.header-right form ul > li {
    padding: 0 10px;
}

.header-right form ul > li > a {
    color:#000;
}

.header-right form ul > li.active {
    font-weight:bold;
}

.header-right form ul li > a:hover {
    border-bottom:3px solid #000;
    color:#000;
}

.container-megamenu ul li > a:hover {
    border-bottom:3px solid #000;
    color:#000;
}

ul.megamenu > li > a{
    padding:0 2px;
}

.container-megamenu ul > li > a {
    height: 30px;
    color:#000;
}

#top .overflow-megamenu.container {
    display:none;
}

div#logo{
    margin-top: 10px;
    margin-bottom: 5px;
    margin-left: 60px;
}

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


/*--------------------------------------------------home-news-events-div----------------------------------------------*/
body .main-content .homepage-borderline1 div > div.container {
    padding-left:0 !important;
    padding-right:0 !important;
}

body .main-content .home-news-events-div div > div.container {
    padding-left:50px !important;
    padding-right:50px !important;	
}

body .main-content .home-news-events-div .col-sm-8 .home-news-container div.container {
    padding-left:50px !important;
    padding-right:50px !important;	
}

body .main-content .home-news-events-div .news-logo-div {
    position:relative;
}

body .main-content .home-news-events-div .news-logo-div > img {
    width: 5%;
    position: absolute;
    top: -5px;
    left: 5px;
}

body .main-content .home-news-events-div .news-logo-div > h4.news-title {
    font-size: 25px;
    padding: 0 0 15px 50px;
}

body .main-content .home-news-events-div .col-sm-8 .home-news-container {
}

body .main-content .home-news-events-div .news-header {
    padding-bottom: 50px;
    border-bottom: 1px solid #000;
    margin-bottom: 50px;
}

.date-index i {
    position: absolute;
    font-family: Arial;
    left: 40px;
    color: #000;
    font-size:40px;
    top:15px;
}

body .main-content .home-news-events-div .news-header .col-md-6 dt > a {
    display: inline-block;
    padding-top: 18px;
    color: #000;
}

body .main-content .home-news-events-div .news-header .col-md-6 dt {
    position: relative;
    min-height: 62px;
    padding-left: 142px;
    margin-bottom: 35px;
}

body .main-content .home-news-events-div .news-header .col-md-6 dd p {
    padding-bottom: 20px;
}

body .main-content .home-news-events-div .news-header .col-md-6 dd a {
    margin: 0 auto;
    display: block;
    text-align: center;
    color: #333;
}

.date-index {
    width: 114px;
    height: 62px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(/image/catalog/cdda/ind_line.png) no-repeat;
}

body .main-content .home-news-events-div .row .news-description dl dt .news-subtitle:hover {
    text-decoration: none;
    color: #e50112 !important;
}

body .main-content .home-news-events-div .row .news-description dl dd .more-info:hover {
    text-decoration: none;
    color: #e50112 !important;
}

body .main-content .home-news-events-div .news-main .col-md-4 dl {
    margin: 0 50px;
}

body .main-content .home-news-events-div .news-main .col-md-4 dt {
    position: relative;
    min-height: 62px;
    padding-left: 142px;
    margin-bottom: 35px;
}

body .main-content .home-news-events-div .news-main .col-md-4 dt > a {
    display: inline-block;
    padding-top: 18px;
    color: #000;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.5em;
    max-height: calc(3em + 18px);
    max-height: -moz-calc(3em + 18px);
}

body .main-content .home-news-events-div .news-main .col-md-4 dd p {
    margin-bottom: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    line-height: 1.5em;
    max-height: 4.5em;
}

body .main-content .home-news-events-div .news-main .col-md-4 dd a {
    margin: 0 auto;
    display: block;
    text-align: center;
    color: #333;
}

body .main-content .home-news-events-div .news-main .row {
    margin: 0 -50px;
}

body .main-content .home-news-events-div .col-sm-4 .home-events-container > div.container {
    padding-left:50px !important;
    padding-right:50px !important;
    padding-top:10px;
}

body .main-content .home-news-events-div .events-logo-div {
    position:relative;
    left: -14px;
    top:-9px;
}

body .main-content .home-news-events-div .events-logo-div > img {
    width: 15%;
    position: absolute;
    top: -15px;
    left: 5px;
}

body .main-content .home-news-events-div .events-logo-div > h4.events-title {
    font-size: 25px;
    padding:0 0 0 55px;
}

body .main-content .home-news-events-div .col-sm-4 .home-events-container .container > ul.event-list {
    list-style-type:none;
    padding:0;
}

body .main-content .home-news-events-div .col-sm-4 .home-events-container .container ul.event-list > li {
    padding: 10px 0;
}

body .main-content .home-news-events-div .col-sm-4 .home-events-container .container ul.event-list li a > p.event-title {
    width: fit-content;
    display: inline-block;
}

body .main-content .home-news-events-div .col-sm-4 .home-events-container .container ul.event-list li a > span.event-date {
    float:right;
}

/*--------------------------------------------------home-news-events-div----------------------------------------------*/


/*--------------------------------------------------home-joincdda-div----------------------------------------------*/
body .main-content .homepage-borderline3 div > div.container {
    padding-left:0 !important;
    padding-right:0 !important;
}

body.common-home .home-joincdda-div .home-joincdda-part1 {
    padding-top: 0px;
    padding-bottom: 0px;
    /*background-color: #448aff;*/
}

body.common-home .home-joincdda-div .home-joincdda-part2 {
    padding-top: 30px;
    padding-bottom: 50px;
    /*background-color: #448aff;*/
}

body.common-home .home-joincdda-div .joincdda-align-center {
    text-align: center;
    padding-top:80px;
}

body.common-home .home-joincdda-div .display-2 {
    font-family: 'Rubik', sans-serif;
    font-size: 4rem;
    color: #65d8fe;
}
body.common-home .home-joincdda-div .display-4 {
    font-family: 'Rubik', sans-serif;
    font-size: 1.5rem !important;
}
body.common-home .home-joincdda-div .display-5 {
    font-family: 'Rubik', sans-serif;
    font-size: 2.5rem;
    color: #65d8fe;
}
body.common-home .home-joincdda-div .display-7 {
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
}

body.common-home .home-joincdda-div .home-joincdda-part1 .mbr-section-subtitle {
    color: #000;
}

body.common-home .home-joincdda-div .mbr-section-subtitle {
    line-height: 1.3;
}

body.common-home .home-joincdda-div .pb-3 {
    padding-bottom: 1rem !important;
}

body.common-home .home-joincdda-div .home-joincdda-part2 .card-title {
    text-align: center;
    color: #000;
}

body.common-home .home-joincdda-div .home-joincdda-part2 .card {
    background-color: transparent;
    border: none;
}

body.common-home .home-joincdda-div .home-joincdda-part2 .card .card-wrapper .card-box {
    background-color: #ffffff;
    padding: 4rem;
}

body.common-home .home-joincdda-div .home-joincdda-part2 .card .card-wrapper .card-box:hover {
    box-shadow: 0 25px 35px -5px rgba(0, 0, 0, 0.5) !important;
    transition: .5s ease !important;
}

body.common-home .home-joincdda-div .home-joincdda-part2 .card .card-wrapper {
    padding-bottom: 20px;
}

body.common-home .home-joincdda-div .home-joincdda-part2 .part2-button .mbr-section-btn a.btn:not(.btn-form) {
    border-radius: 100px;
}

body.common-home .home-joincdda-div .home-joincdda-part2 .part2-button .btn-secondary, .btn-secondary:active {
    background: #ff3366 !important;
    border: 2px solid #ff3366 !important;
    color: #ffffff !important;
}	

body.common-home .home-joincdda-div .home-joincdda-part2 .part2-button .btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}

body.common-home .home-joincdda-div .home-joincdda-part2 .part2-button .btn {
    font-weight: 500;
    border-width: 2px;
    font-style: normal;
    letter-spacing: 1px;
    margin: 5.4rem 2.8rem;
    white-space: normal;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    word-break: break-word;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    display: -webkit-inline-flex;
    padding: 16px 48px;
    border-radius: 3px;
}

body.common-home .home-joincdda-div div > div.container {
    padding-right:0px !important;
    padding-left:0px !important;
    text-align:center;
}

body.common-home .home-joincdda-div .home-joincdda-part2 .part2-main {
    display:inline-block;
    padding:0 10px;
}

body.common-home .home-joincdda-div .home-joincdda-part2 .part2-button {
    display:inline-block;
}




/*--------------------------------------------------home-joincdda-div----------------------------------------------*/


/*--------------------------------------------------Footer-----------------------------------------------------*/
body .custom-footer .footer-full div > div.container {
    padding-left:0 !important;
    padding-right:0 !important;
}

body .custom-footer .footer-full div .container div > div.row{
    background:#616161;
}

body .custom-footer .footer-full .col-sm-9 > .row {
    text-align:center;
}

body .custom-footer .footer-full .col-sm-9 .row > .footer-left-background {
    text-align:left;
    display:inline-block;
    padding:20px 0;
}

body .custom-footer .footer-full .col-sm-9 .row .footer-left-background > .footer-text-left {
    position:relative;
}

body .custom-footer .footer-full .col-sm-9 .row .footer-left-background .footer-text-left .widget > .widget-title {
    font-size:17px;
    margin-top:10px;
    margin-bottom:5px;
    color:#fff;
}

body .custom-footer .footer-full .col-sm-9 .row .footer-left-background .footer-text-left .widget > ul.links {
    list-style-type:none;
    padding:10px 0;

}

body .custom-footer .footer-full .col-sm-9 .row .footer-left-background .footer-text-left .widget ul.links li {
    display: block;
    position: relative;
    padding: 10px 0;
    line-height: 1;
    font-size:15px;
}

body .custom-footer .footer-full .col-sm-9 .row .footer-left-background .footer-text-left .widget ul.contact-details {
    list-style-type:none;
    padding:10px 0;
}

body .custom-footer .footer-full .col-sm-9 .row .footer-left-background .footer-text-left .widget ul.contact-details li {
    color: #FFF;
    padding: 10px 0;
    line-height: 1;
    font-size:15px;
    position: relative;
    padding-left: 30px;
}

body .custom-footer .footer-full .col-sm-9 .row .footer-left-background .footer-text-left .widget ul.contact-details li > span{
    display: block;
    padding-left: 0px;
    line-height: 18px;
    color:#fff;
}

body .custom-footer .footer-full .col-sm-9 .row .footer-left-background .footer-text-left .widget ul.contact-details li:before{
    color: #FFF;
    font-family: FontAwesome;
    font-size: 15px;
    position: absolute;
    left: 5px;
    top: 10px;
}

body .custom-footer .footer-full .col-sm-9 .row .footer-left-background .footer-text-left .widget ul.contact-details .contact-address:before{
    content: '\f041';
}

body .custom-footer .footer-full .col-sm-9 .row .footer-left-background .footer-text-left .widget ul.contact-details .contact-telephone:before{
    content: '\f095';
}

body .custom-footer .footer-full .col-sm-9 .row .footer-left-background .footer-text-left .widget ul.contact-details .contact-email:before{
    content: '\f003';
}

body .custom-footer .footer-full .col-sm-9 .row .footer-left-background .footer-text-left .widget ul.contact-details .contact-fax:before{
    content: '\f1ac';
}

/*body .custom-footer .footer-full .col-sm-3 {
        background-color:#535353;
}*/

body .custom-footer .footer-full .col-sm-3 .footer-right-background .footer-text-center {
    text-align:center;
    padding: 28px 100px 32px;
    background:#535353;
}

/*body .main-content .footer-full .col-sm-12 {
        background-color:#343434;
}*/

body .custom-footer .footer-full .col-sm-12 .footer-bottom-text {
    text-align:center;
    padding:15px 0;
    background:#343434;
    color:#fff;
}

/*--------------------------------------------------Footer-----------------------------------------------------*/


/*--------------------------------------------------Committee-----------------------------------------------------*/
body.information-information-7 .main-content td, body.information-information-7 .main-content th {
    border:none;
    text-align: center;
    padding: 15px 140px;
    font-size:17px;
}

body.information-information-7 .main-content .committee-form .row > h4.committee-title {
    text-align:center;
    padding:20px;
    font-size:22px;
}

body.information-information-7 .main-content .committee-form .row table.committee-table tbody > tr.border-bottom {
    border-bottom:1px solid #000;
}

/*--------------------------------------------------Committee-----------------------------------------------------*/


/*--------------------------------------------------About us-----------------------------------------------------*/
body.information-information-4 .main-content .aboutus-form .row .about-us-article > p {
    font-size:18px;
    font-family: "Times New Roman";
    padding: 0 0 20px 0;
}

body.information-information-4 .main-content .aboutus-form .row .about-us-img {
    text-align:center;
    padding:0 0 30px 0;
}

/*--------------------------------------------------About us-----------------------------------------------------*/


/*--------------------------------------------------Contact us-----------------------------------------------------*/
body.information-contact .main-content .content-with-background .row .col-sm-12 > h1 {
    text-align:center;
    font-size:25px;
}

body.information-contact .main-content .content-with-background .row .col-sm-12 .row {
    padding-top:20px;
    padding-bottom:20px !important;
}

/*--------------------------------------------------Contact us-----------------------------------------------------*/


/*--------------------------------------------------Responsive-----------------------------------------------------*/
@media (max-width:767px) {	
    #top .mobile-view-top-header .col-xs-3 form ul > li > a {
        color:#000;
    }

    #top .mobile-view-top-header .col-xs-3 form ul > li.active {
        font-weight:bold;
    }

    body header.header-type-5 .mobile-view-top-header .row {
        padding: 6px 0px 0px 15px;
    }

    body header.header-type-5 .mobile-view-top-header .col-xs-9 > div#logo {
        width: 55%;
    }

    body header.header-type-5 .mobile-view-top-header .col-xs-3 ul.language-switcher li {
        padding:0 9px 0 0;
    }

    body .main-content .home-herbalinfo-div .home-page-herbal > .container {
        padding-left:0px !important;
        padding-right:0px !important;
    }

    body .main-content .home-herbalinfo-div div > .container {
        padding-left:0px !important;
        padding-right:0px !important;		
    }

    body .main-content .home-news-events-div .col-sm-8 .home-news-container div.container {
        padding-left:0px !important;
        padding-right:0px !important;	
    }

    body .main-content .home-herbalinfo-div .home-page-herbal .center-heading-div > img.herbal-logo {
        width: 14%;
        position: absolute;
        left: 10px;
        top: 8px;
    }

    body .main-content .home-herbalinfo-div .home-page-herbal .center-heading-div > .center-heading {
        padding: 20px 50px;
    }

    body .main-content .home-joincdda-div {
        width:unset !important;
        left:unset !important;
    }

    body .main-content .homepage-borderline3 {
        width:unset !important;
        left:unset !important;
    }

    body .main-content .homepage-borderline3 div .container div .row > .col-sm-12 {
        padding:0;
    }

    body .main-content .homepage-borderline3 div .container div .row .col-sm-12 > .col-md-12.col-sm-12.col-xs-12.border-line {
        padding:0;
    }

    body .main-content .home-news-events-div .news-main .col-md-4 dl {
        padding: 0 0 35px 0;
    }

    body .main-content .home-news-events-div .col-sm-4 .home-events-container > div.container {
        padding-left:0 !important;
        padding-right:0 !important;
    }

    body .main-content .home-news-events-div div > div.container {
        padding-left:20px !important;
        padding-right:20px !important;
    }

    body .main-content .home-news-events-div .news-logo-div > img {
        width:12%;
        position: absolute;
        top: -5px;
        left: 3px;
    }

    body.common-home .home-joincdda-div {
        padding-left:0;
        padding-right:0;
    }

    body.common-home .home-joincdda-div div div .row {
        margin-left:0;
        margin-right:0;
    }

    body.common-home .home-joincdda-div div div .row .col-sm-12{
        padding-left:0;
        padding-right:0;
    }

    body.common-home .home-joincdda-div div div .row .col-sm-12 .home-joincdda-part1 > div.container {
        padding-left:0 !important;
        padding-right:0 !important;
    }

    body.common-home .home-joincdda-div div div .row .col-sm-12 .home-joincdda-part2 > div.container {
        padding-left:0 !important;
        padding-right:0 !important;		
    }

    body.common-home .home-joincdda-div .mbr-section-subtitle {
        line-height: 1.5;
        text-align: justify;
    }

    body.common-home .home-joincdda-div .display-7 {
        line-height: 1.5;
        text-align: justify;
    }

    body.common-home .home-joincdda-div .home-joincdda-part2 .part2-button .btn {
        margin:2.8rem;
    }

    body .custom-footer .footer-full .col-sm-9 .row .footer-left-background > .footer-text-left {
        text-align:center;
    }

    body .custom-footer .footer-full .col-sm-9 .row > .footer-left-background {
        padding:0;
    }

    body .custom-footer .footer-full .col-sm-3 .footer-right-background .footer-text-center {
        padding:0 100px 20px;
    }

    body.information-information-7 .main-content td, body.information-information-7 .main-content th {
        padding: 18px;
        font-size: 15px;
    }
}

@media (max-width:1023px) {
    body header.header-type-5 .desktop-view-top-header {
        display:none !important;
    }

    .language-switcher > li:nth-child(2) {
        margin-left: 9px;
    }

    body #mobile-menu{
        position: fixed;
        bottom: 0;
        background-color: rgba(43, 139, 212, 0.85);
        width: 100%;
        z-index: 100;
    }

    body #mobile-menu .mobile-menu-list{
        list-style-type: none;
        padding-left: 0px;
        margin: 10px 0;
    }

    body #mobile-menu .mobile-menu-list li{
        width: 19%;
        display: inline-block;
        text-align: center;
    }

    body #mobile-menu .mobile-menu-list li a{
        color: #FFF;
    }

    body #mobile-menu .mobile-menu-list li i{
        font-size: 20px;
        display: block;
    }

    body #mobile-menu .mobile-menu-list li span{
        font-size: 8px;
    }

    body .custom-footer .footer-full {
        display:none;
    }

    body .main-content {
        padding-bottom: 90px !important;
    }

    body.common-home .home-joincdda-div .home-joincdda-part2{
        padding-bottom:0;
    }
}

@media (min-width:1024px) {
    body header.header-type-5 .mobile-view-top-header {
        display:none !important;
    }

    body #mobile-menu {
        display:none;
    }
}

@media (min-width:320px) and (max-width:374px) {
    body .main-content .home-herbalinfo-div .home-page-herbal .row .col-md-3.col-sm-6.col-xs-12 > .herbal-div {
        padding: 25px 50px !important;
    }

    body header.header-type-5 .mobile-view-top-header .col-xs-3 ul.language-switcher {
        list-style-type: none;
        display: flex;
        position: absolute;
        left: -65px;
        top: 11px;
    }

    .img-logo-style {
        height: auto !important;
        width: 30%;
    }

    body #mobile-menu .mobile-menu-list li {
        width:19%;
    }
}

@media (min-width:375px) and (max-width:413px) {

    body .main-content .home-herbalinfo-div .home-page-herbal .row .col-md-3.col-sm-6.col-xs-12 > .herbal-div {
        padding: 25px 75px !important;
    }

    body header.header-type-5 .mobile-view-top-header .col-xs-3 ul.language-switcher {
        list-style-type: none;
        display: flex;
        position: absolute;
        left: -50px;
        top: 14px;

    }

    .img-logo-style {
        height: auto !important;
        width:30%;
    }

    body #mobile-menu .mobile-menu-list li {
        width:19%;
    }
}

@media (min-width:414px) and (max-width:767px) {
    body .main-content .home-herbalinfo-div .home-page-herbal .row .col-md-3.col-sm-6.col-xs-12 > .herbal-div {
        padding: 25px 90px !important;
    }

    .img-logo-style {
        height: auto !important;
        width:30%;
    }

    body header.header-type-5 .mobile-view-top-header .col-xs-3 ul.language-switcher {
        list-style-type: none;
        display: flex;
        position: absolute;
        left: -60px;
        font-size: 15px;
        top: 15px;
    }

    body #mobile-menu .mobile-menu-list li {
        width:19%;
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .img-logo-style {
        height: auto !important;
        width: 10%;
    }

    body header.header-type-5 .mobile-view-top-header .col-xs-3 ul.language-switcher {
        display: flex;
        list-style-type: none;
        position: absolute;
        top: 23px;
        font-size: 17px;
        left: -10px;
    }

    #top .mobile-view-top-header .col-xs-3 form ul > li > a {
        color:#000;
    }

    #top .mobile-view-top-header .col-xs-3 form ul > li.active {
        font-weight:bold;
    }

    body header.header-type-5 .mobile-view-top-header .col-xs-3 ul.language-switcher li {
        padding:0 15px 0 0;
    }

    body.information-information-7 .main-content td, body.information-information-7 .main-content th {
        padding: 15px 72px;
    }

    body .main-content .home-news-events-div .col-sm-8 .home-news-container div.container {
        padding-left:20px !important;
        padding-right:20px !important;
    }

    body .main-content .home-news-events-div div > div.container {
        padding-left:0 !important;
        padding-right:0 !important;
    }

    body .main-content .home-news-events-div .col-sm-4 .home-events-container > div.container {
        padding-left:0px !important;
        padding-right:20px !important;		
    }

    body .main-content .home-news-events-div .col-sm-4 .home-events-container .container ul.event-list li a > p.event-title {
        font-size:10px;
    }

    body .main-content .home-news-events-div .col-sm-4 .home-events-container .container ul.event-list li a > span.event-date {
        font-size:10px;
    }

    body .main-content .home-news-events-div .news-logo-div > img {
        width:9%;
    }

    body .main-content .home-news-events-div .events-logo-div > img {
        width:25%;
    }

    body .main-content .home-news-events-div .news-main .col-md-4 dl {
        padding:20px 0;
    }

    body .main-content .home-herbalinfo-div .home-page-herbal .center-heading-div > .view-more-button {
        top:0;
    }

    body .main-content .home-herbalinfo-div .home-page-herbal .center-heading-div > img.herbal-logo {
        width:9%;
        top:-10px;
    }

    body .main-content .home-herbalinfo-div .home-page-herbal > .container {
        padding-left:50px !important;
        padding-right:50px !important;		
    }

    .standard-body .full-width.main-content .pattern > .container {
        padding:0 50px !important;
    }
}	

@media (min-width:1024px) and (max-width:1366px) {

    .responsive ul.megamenu > li {
        margin:0 5px;
    }

    body .main-content .home-news-events-div .news-main .col-md-4 dl {
        margin:0px;
    }

    body .main-content .home-news-events-div div > div.container {
        padding-left:20px !important;
        padding-right:20px !important;				
    }

    body .main-content .home-news-events-div .col-sm-4 .home-events-container > div.container {
        padding-left:0px !important;
        padding-right:20px !important;
    }

    body .main-content .home-news-events-div .news-logo-div > img {
        width:7%;
    }

    body .main-content .home-news-events-div .events-logo-div > img {
        width:19%;		
    }

    body .main-content .home-herbalinfo-div .home-page-herbal > .container {
        padding-left:50px !important;
        padding-right:50px !important;			
    }

    body .main-content .home-herbalinfo-div .home-page-herbal .center-heading-div > .view-more-button {
        top:0px;
    }

    body .main-content .home-herbalinfo-div .home-page-herbal .center-heading-div > img.herbal-logo {
        width:6%;
        top:-10px;
    }

    body .main-content .home-herbalinfo-div .home-page-herbal .row .col-md-3.col-sm-6.col-xs-12 > .herbal-div {
        padding:0;
    }

    body.common-home .home-joincdda-div .home-joincdda-part2 .card .card-wrapper .card-box {
        padding:3rem;
    }

    body .custom-footer .footer-full .col-sm-9 .row > .footer-left-background {
        padding:30px;
    }

    body .custom-footer .footer-full .col-sm-3 .footer-right-background .footer-text-center {
        padding:28px 30px;
    }

    body.information-information-7 .main-content td, body.information-information-7 .main-content th {
        padding: 15px 90px;
    }
}

@media (min-width:1100px) and (max-width:1365px) {
    #top .desktop-view-top-header .col-sm-7 .container-megamenu {
        padding:12px;
    }

    #top .desktop-view-top-header .col-md-2.header-right form ul.language-switcher {
        padding:40px 0 0 0;
    }

    body.common-home .home-joincdda-div .home-joincdda-part2 .card .card-wrapper .card-box {
        padding:4rem;
    }
}

/*--------------------------------------------------Responsive-----------------------------------------------------*/



/*----------------------------------------------------------------V2----------------------------------------------------------------*/

.box-with-categories{
    padding-top: 0px !important;
    margin-top: 0px !important;
}

.homepage-borderline2 {
    padding-bottom: 50px;
}

.button-subs-event {
    margin-left: -15px;
}

.colorbox {
    background: #faeb00 !important;
}

.img-logo-style{
    height:80px;
}

.vision-text{
    position: absolute;
    bottom: 0%;
    right: 140px;
    top: -372px;
}

.mission-text{
    position: absolute;
    bottom: 0%;
    top: -435px;
    left: 175px;
}

.vision-title{
    font-size: 40px;
    color: #fff;
    text-orientation: mixed;
    writing-mode: vertical-rl;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom:10px;
    font-family:subtitlecdda;
}

.vision-title-2{
    font-size: 40px;
    color: #fff;
}

.vision-title-3{
    font-size: 16px;
    color: #fff;
    text-align:justify;
}

.join-us-title{
    position: absolute;
    bottom: 12%;
    font-size: 35px;
    right: 40.5%;
    color: #635958;
    display: block;
    margin-left: auto;
    margin-right: auto;
    font-family: SubtitleCdda;
}

.home-joincdda-div > div{
    background-size: contain;
}

.joinusbackground{
    position: absolute;
    z-index: 1;
    left: 0;
    top:10%;
    right: 0;
}

.joinuspaddingtop{
    padding-top:35px;
    margin:0 40px;
}

.margin-right-20{
    margin-right:20px;
}

.joinusbox{
    background: #f5f5f5;
    padding: 40px 0;
    transition: 0.5s all ease-in-out;
}

.joinusbox:hover{
    box-shadow: 5px 5px 10px 0 #7c7c7c;
}

.joinusbuttonhover:hover {
    background: #9e0000 !important;
}

.qr-code-size {
    width: 100%;
}

.widget-title{
    font-size:17px;
    color:#fff;
}

.footer-text-color a {
    color: #fff;
}

.joinusbackground22{
    margin-bottom:50px;
}

.blog-news-bg > div > div.container {
    padding-left: 90px !important;
    padding-right: 90px !important;
}

.article-desc{
    padding-top: 70px;
    text-align: justify;
}

.news-title-home {
    background-image: url(../image/catalog/cdda-v2/news-title-bg.png);
    color: #635958;
    font-size: 35px;
    font-family: Subtitlecdda;
    background-repeat: no-repeat;
    text-align: left;
    padding: 6px 0 10px 70px;
    background-size: 28%;
}

.border-news{
    border-bottom:1px solid #000;
    padding-bottom:30px;
}

.border-news-2{
    margin-top:30px;
}

.blog-news-bg {
    padding-bottom: 50px;
}

.padding20-news{
    padding:20px;
}

.news-read-more-text{
    margin-top: 15px;
    font-size: 18px;
    float: right;
}

.news-read-more-text a:hover, .news-more-title a:hover, .news-more-title-top a:hover {
    color: #00378f;
}

.news-more-title{
    padding-left: 100px;
    font-size: 18px;
    text-align: left;
    margin-top: -20px;
    float: left;
    font-weight:bold;
}

.news-more-title-top{
    padding-left: 100px;
    font-size: 18px;
    text-align: left;
    float: left;
}

.center-heading-grass {
    font-size: 30px;
    position: absolute;
    width: 100%;
    top: 8.5%;
    left: 3%;
    font-family: Subtitlecdda;
    color: #635958;
}

.grass-title{
    text-align:center;
}

.button-grass-more {
    display: block;
    margin-left: auto;
    margin-right: auto;
    background: #01a8ec !important;
}

.main-events-div{
    margin-top:52px;
}

.event-title-text {
    background-image: url(../image/catalog/cdda-v2/event-home-titile.png);
    color: #635958;
    font-size: 35px;
    font-family: Subtitlecdda;
    background-repeat: no-repeat;
    padding: 10px 0 10px 74px;
    background-size: 59%;
}
.event-view-more-button{
    display:none;
}

.event-title-home {
    list-style: none;
}

.event-info-home{
    list-style: none;
}

.calander-event-home {
    font-size: 20px;
    color: #59758b;
}

.event-home-date{
    font-size:14px;
}

.event-content-text{
    font-size:16px;
}

.event-title-background {
    position: absolute;
    top: 40px;
    bottom: 0;
    left: 85px;
    right: 0;
}

.events-home-main{
    margin-top:30px;
}

.posts.posts-grid .post-with-3-columns .post-title{
    font-size:15px !important;
}

.posts.posts-grid .post-with-3-columns .post-content{
    padding-bottom:20px !important;
}

.gallrow.albdesc{
    display:none !important;
}

.hline{
    display:none !important;
}

div#content > ul.event-list > li.event-list-li p {
    font-size: 17px;
}

.text-justify{
    text-align:justify;
}

body.account-login div.main-content div.row > div.col-md-12 div.row > div.col-md-12 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 40%;
    margin-bottom:0;
}

.button-center-login{
    display:block;
    margin-left:auto;
    margin-right:auto;
}

.float-right{
    float:right;
}

/*----------------------------------------------------------------Mobile View----------------------------------------------------------------*/

@media (max-width:1269px){
    .event-title-text {
        background-size: 72%;
    }
}

@media (max-width:1024px){
    .event-title-text{
        background-size: 85%;
        font-size: 30px;
        padding: 10px 0 10px 65px;
    }

    .event-content-text, .event-home-date, .calander-event-home, .news-more-title, .news-more-title-top{
        font-size:15px;
    }

    .date-index i{
        font-size:30px;
    }

    .news-more-title-top{
        font-weight: bold;
    }

    .border-news{
        padding-bottom:25px;
    }

    .border-news-2{
        margin-top:25px;
    }

    .padding-top-ipad{
        padding-top:50px;
    }

    .news-read-more-text{
        margin: 10px 0;
    }

    .blog-news-bg{
        padding-bottom:30px;
    }

    .vision-text {
        right: 90px;
        top: -285px;
    }

    .vision-title, .vision-title-2{
        font-size:35px;
    }

    .vision-title-3 {
        font-size: 15px;
        text-align: justify;
    }

    .date-index i{
        left:45px;
    }

    .mission-text {
        top: -330px;
        left: 100px;
    }

    .join-us-title{
        right: 40%;
        top: 13%;
        bottom: 0%;
        font-size: 30px;
    }

    #main .posts .post .post-title{
        max-height: 46px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .blog-news-bg > div > div.container div.row > div.col-sm-8 > div.box {
        padding-top: 0;
    }

    .main-events-div {
        margin-top: 32px;
    }

    ul.megamenu > li > a {
        padding: 0 5px;
    }

    .joinshakehand {
        width: 30%;
    }

    .home-joincdda-div > div > div.container > div {
        margin-left: -60px;
        margin-right: -60px;
    }

    body.common-home .home-joincdda-div .joincdda-align-center{
        padding-top:25px;
    }

    .news-title-home{
        background-size: 42%;
        font-size: 30px;
        padding: 7px 0 10px 70px;
    }
}

@media (max-width:768px){

    .joinshakehand{
        width: 31%;
    }

    .breadcrumb-style-1 .breadcrumb .container > div {
        padding-top: 140px;
        padding-bottom: 60px;
    }

    .breadcrumb-style-1 .breadcrumb .container ul {
        padding-bottom: 0px;
    }

    .event-title-text{
        padding: 6px 0 11px 50px;
        background-size: 88%;
        font-size: 25px;
    }

    .vision-text {
        right: 66px;
        top: -215px;
    }

    .vision-title, .vision-title-2, .news-title-home, .date-index i{
        font-size:25px;
    }

    .vision-title-3{
        font-size:11px;
    }

    .mission-text {
        top: -245px;
        left: 72px;
        right: -5px;
    }

    .herbal-logo{
        width:35%;
    }

    .center-heading-grass{
        top: 2.5%;
        font-size:25px;
    }

    .news-title-image{
        width:50%;
    }

    .blog-news-bg > div > div.container{
        padding-left:50px !important;
        padding-right:50px !important;
    }

    .calander-event-home, .event-home-date, .event-content-text{
        font-size:11px;
    }

    .padding20-news {
        padding: 0 20px 0 28px;
    }

    .news-more-title{
        font-size:12px;
    }

    .news-more-title{
        padding-left:80px;
    }

    .news-read-more-text{
        margin:0;
        font-size: 14px;
        font-weight:bold;
    }

    .border-news {
        padding-bottom: 15px;
    }

    .border-news-2 {
        margin-top: 15px;
    }

    .blog-news-bg > div > div.container > div > div.row > div.col-sm-8 > div.box {
        padding-top: 0;
        margin-top: 20px;
    }

    .main-events-div {
        margin-top: 20px;
    }

    .home-joincdda-div > div > div.container > div {
        margin-left: -30px;
        margin-right: -30px;
    }

    .joinusbackground22{
        height:500px;
        margin-bottom:0;
    }

    .blog-news-bg > div > div.container > div > div.row > div.col-sm-8 > div.box > div.box-content {
        padding-top: 10px;
    }

    .events-home-main {
        margin-top: 15px;
    }

    .article-desc{
        padding-top:55px;
    }

    .date-index{
        height:45px;
    }

    .join-us-title {
        font-size: 25px;
        right: 40%;
        top: 11%;
    }

    .news-title-home{
        padding: 6px 0 17px 59px;
        background-size: 44%;
    }

    .home-page-herbal {
        padding: 30px 0 50px 0;
    }
}

@media (max-width:480px){
    div#logo{
        margin:0;
    }

    body.account-login div.main-content div.row > div.col-md-12 div.row > div.col-md-12{
        width:90% !important;
    }

    .blog-news-bg > div > div.container{
        padding-left:20px !important;
        padding-right:20px !important;
    }

    .breadcrumb-style-1 .breadcrumb .container > div {
        padding-top: 100px;
        padding-bottom: 40px;
    }

    .event-title-text{
        background-size: 100%;
        font-size: 25px;
        text-align: center;
        width: fit-content;
        margin: auto;
        padding: 5px 29px 12px 50px;
    }

    .events-home-main{
        margin-top: 15px;
    }

    .center-heading-grass {
        top: 2.4%;
        left: 6.5%;
    }

    .herbal-logo{
        width:60%;
    }

    .news-title-home{
        background-size: 100%;
        font-size: 25px;
        text-align: center;
        width: fit-content;
        margin: auto;
        padding: 4px 25px 12px 54px;
    }

    .padding-top-ipad {
        padding-top: 55px;
    }

    .news-more-title {
        padding-top: 30px;
    }

    .home-joincdda-div > div > div.container > div {
        margin-left: 0px;
        margin-right: 0px;
    }

    .join-us-title{
        font-size:25px;
    }

    .joinusbox{
        margin-bottom:20px;
        margin-left:5px;
        margin-right:5px;
    }

    body.common-home .home-joincdda-div .display-7{
        text-align:center;
    }

    .joinusbackground22{
        height:900px;
    }

    .margin-right-20{
        margin-right:0px;
    }

    .joinshakehand {
        width: 55%;
    }

    .join-us-title {
        right: 30%;
        top: 10%;
        font-size: 25px;
    }

    .joinuspaddingtop{
        padding-top:20px;
    }

    body.common-home .home-joincdda-div .joincdda-align-center{
        padding-top:0;
    }

    .joinusbackground{
        top:6%;
    }

    .herbal-div > img{
        padding: 10px 0 10px;
    }

    .herbal-div > img {
        padding: 10px 0 10px;
    }

    .herbal-title{
        margin-bottom:0;
    } 

    .calander-event-home, .event-home-date, .event-content-text {
        font-size: 14px;
    }

    .news-more-title {
        font-size: 15px;
    }
}

@media (max-width:320px){
    .calander-event-home, .event-home-date, .event-content-text {
        font-size: 11px;
    }

    .news-more-title {
        padding-top: 15px;
    }

    .padding-top-ipad {
        padding-top: 60px;
    }

    .blog-news-bg {
        padding-bottom: 0;
    }

    .joinshakehand {
        width: 70%;
    }

    .join-us-title {
        right: 27%;
        top: 12%;
        font-size: 20px;
    }

    .joinusbox{
        padding:20px 0;
    }

    .joinusbuttonhover {
        padding: 8px 26px 8px 26px;
    }

    .joinusbackground22 {
        height: 800px;
    }

    .event-title-text {
        font-size: 20px;
        padding: 5px 20px 13px 40px;
    }

    .center-heading-grass {
        top: 2.2%;
        left: 5%;
        font-size: 20px;
    }

    .herbal-logo {
        width: 58%;
    }

    .herbal-info{
        font-size:14px;
    }
}

@media (max-width:376px) {
    .herbal-logo{
        width:60%;
    }

    .center-heading-grass{
        top: 2%;
    }

    .joinusbackground22{
        height:950px;
    }

    .join-us-title {
        right: 28%;
        top: 8%;
    }
}





/*----------------------------------------------------------------Mobile View----------------------------------------------------------------*/


/*----------------------------------------------------------------V2----------------------------------------------------------------*/