@media all and (max-width: 1240px) {
    .container  {
        margin: 0 20px;
    }
}

@media only screen and (max-width: 1024px) {
    body {font-size: 14px;}
    
    main, 
    .page-template-page-brand main
    {margin-top: 90px;}
    
    .button-link.button-biggest {
        font-size: 24px;
        padding: 15px 50px 12px;
        line-height: 150%;
    }
    
    
    .post-layout h1 {font-size: 30px;}
    .post-layout .content {font-size: 15px}
    
    .post-layout .content h1,
    .post-layout .subtitle h1 {font-size: 30px;}
    
    .post-layout .content h2,
    .post-layout .subtitle h2 {font-size: 22px;}
    
    .post-layout .content h3,
    .post-layout .subtitle h3 {font-size: 18px;}
    
    .post-layout .content h4,
    .post-layout .subtitle h4 {font-size: 16px;}
    
    .post-layout .content h5,
    .post-layout .subtitle h5 {font-size: 13px;}
    
    .post-layout .content h6,
    .post-layout .subtitle h6 {font-size: 11px;}
    
    
    .post-layout .subtitle p,
    .post-layout .content p {font-size: 15px;}
    
    
    
    
    
    
    
    .post-promotion-layout aside .redbox {padding: 25px 25px 35px;}
    .post-promotion-layout aside .redbox h3 {font-size: 18px;}
    .post-promotion-layout aside .redbox .promotion-date span {font-size: 21px;}
    .post-promotion-layout aside .redbox .promotion-rules p {font-size: 14px;}
    .post-promotion-layout aside .redbox .promotion-rules a {font-size: 14px;}
    
    .post-promotion-layout article .appointmentbox h3 {font-size: 22px;}
    .post-promotion-layout article .appointmentbox .desc {font-size: 15px;}
  
    .latest-article h3,
	.promotion-carusels h3,
	.promotion-best h3,
    .tips-best h3 {font-size: 22px;}
    
    .newsletter-banner h3 {font-size: 22px;}
    .newsletter-banner .button-box a,
    .vc-banner .button-box a {width: 40%;}
	
	.promotion-best .promotion-item .post-title {
		font-size: 22px;
		margin-bottom: 20px;
	}
	.promotion-best .promotion-item .post-meta {flex: 0 0 45%; max-width: 45%;}
	.promotion-best .promotion-item .post-image {flex: 0 0 55%; max-width: 55%;}
	.promotion-best .promotion-item .button-box {margin-top: 35px;}
    
    .promotion-carusels .carusel-box .post-item {padding: 32px 16px 25px;}
    .promotion-carusels .carusel-box .post-item img {width: 50px;}
    .promotion-carusels .carusel-box .post-item .promo-desc {font-size: 14px;}
    .promotion-carusels .carusel-box .post-item .promo-value {font-size: 26px;}
    
    
    
    
    
    /**     PAGAE LAYOUT TIPS       **/
    
    .tips-best .tips-carousel .slide-item .post-box {padding: 0 20%;}
    .tips-best .tips-carousel .slide-item .post-box .post-title {font-size: 30px}
    .tips-best .tips-carousel .slide-item .post-box .post-published {font-size: 15px}
    
    .tips-best .tips-featured .post-item .post-title {font-size: 22px;}
    
    
}



@media only screen and (max-width: 960px) {
    body {font-size: 14px;}
    .post-promotion-layout .container {margin: 0 40px;}
    .button-link.button-big {font-size: 18px;padding: 10px 40px 7px; line-height: 150%;}
    .button-link.button-medium {font-size: 14px;padding: 6px 30px 5px; line-height: 150%;}
    .button-link.button-small {font-size: 12px; padding: 7px 30px 5px;}
    
    .post-layout .cover-banner {display: none;}
	.post-layout .cover-banner-rwd {display: block; margin-bottom: 30px;}
    
  	.post-layout article .title {margin-bottom: 30px;}
    
    .post-layout .subtitle {margin: 0 8% 40px}
    
    .post-layout h1 {font-size: 27px;}
    
    .post-layout .content h1,
    .post-layout .subtitle h1 {font-size: 27px;}
    
    .post-layout .content h2,
    .post-layout .subtitle h2 {font-size: 20px; margin-bottom: 20px;}
    
    .post-layout .content h3,
    .post-layout .subtitle h3 {font-size: 17px;}
    
    .post-layout .content h4,
    .post-layout .subtitle h4 {font-size: 15px;}
    
    .post-layout .content h5,
    .post-layout .subtitle h5 {font-size: 13px;}
    
    .post-layout .content h6,
    .post-layout .subtitle h6 {font-size: 11px;}
    
    .post-layout .content table {font-size: 14px;}


    
    .post-promotion-layout aside {display: none;}
    .post-promotion-layout article {flex: 0 0 100%; max-width: 100%;}
    
    .post-promotion-layout article .appointmentbox h3 {font-size: 19px;}
    .post-promotion-layout article .appointmentbox .desc {width: 85%; font-size: 14px;}
    
    .post-promotion-layout article .redbox {
        display: flex; padding: 25px 35px 35px; flex-flow: row wrap; justify-content: space-between; margin-bottom: 50px;}
    .post-promotion-layout article .redbox .left-column,
    .post-promotion-layout article .redbox .right-column {flex: 0 0 49%; max-width: 0 0 49%}
    .post-promotion-layout article .redbox h3 {font-size: 16px;}
    .post-promotion-layout article .redbox .promotion-date span {font-size: 19px;}
    .post-promotion-layout article .redbox .promotion-rules p {font-size: 14px;}
    .post-promotion-layout article .redbox .promotion-rules a {font-size: 14px;}
    .post-promotion-layout article .redbox .promotion-buttons .button-link {display: block;}
    
    .post-layout .content {margin: 0 0 60px;}
    
   	.latest-article h3,
	.promotion-carusels h3,
	.promotion-best h3,
    .tips-best h3 {font-size: 20px;}
	
    .latest-article .latest-article-list .article-item {
        flex: 0 0 48%; max-width: 48%;
        padding-bottom: 40px;
		margin-bottom: 8vw;
    }
    .latest-article {margin-top: 80px}
    .latest-article .latest-article-list .article-item .article-thumbail img,
    .latest-article .latest-article-list .article-item.seemore-item .article-thumbail a {width:100%; height: auto;}
    .latest-article .latest-article-list .article-item .article-thumbail:hover img {transform: scale(1);}
    .latest-article .latest-article-list .article-item h4 a {font-size: 16px;}
    .latest-article .latest-article-list .article-item.seemore-item .article-thumbail a div {font-size: 16px;}
    .latest-article .latest-article-list .article-item.seemore-item .article-thumbail a .seemore-link-text span {
        font-size: 16px;
    }
    .latest-article .latest-article-list .article-item.seemore-item .article-thumbail a div::after {
        margin-left: 20px;
        opacity: 1;
        color: #E5002B;
        font-size: 30px;
    }
    .latest-article .latest-article-list .article-item.seemore-item .article-thumbail a:hover {background: #fff;}
    .latest-article .latest-article-list .article-item.seemore-item .article-thumbail a:hover span {color: #E5002B;}
    
    
    .newsletter-banner {background-attachment: scroll;}
    .newsletter-banner h3 {font-size: 20px;}
    .newsletter-banner .button-box a, .vc-banner .button-box a {width: 50%;}
    .vc-banner .logo-box .logo-vc {height: 32px;}
	.vc-banner .description .row-list {
		margin: 20px auto 10px;
		width:90%;
	}
	
	.promotion-best .promotion-item .post-image {flex: 0 0 100%; max-width: 100%;}
	.promotion-best .promotion-item .post-meta {
		flex: 0 0 100%; max-width: 100%;
		padding: 20px 7%;
	}
	.promotion-best .promotion-item:nth-child(odd) .post-image {order: 1;}
	.promotion-best .promotion-item:nth-child(odd) .post-meta {order: 2;}
	.promotion-best .promotion-item .post-title {
		margin-bottom: 10px;
        text-align: left;
	}
    .promotion-best .promotion-item .text-box {
        display: grid; 
        grid-template-columns: 2.5fr 1fr;
/*        grid-template-rows: 1fr 2fr;*/
        grid-template-areas:
            "title button"
            "desc button";
        grid-column-gap: 20px;
        grid-row-gap: 0px;
    }
    .promotion-best .promotion-item .post-title {grid-area: title; padding-right: 5%; font-family: Orgon-Medium}
    .promotion-best .promotion-item .expiration-date {grid-area: desc;}
    .promotion-best .promotion-item .button-box {grid-area: button; margin-top: 5px; text-align: center}
    .promotion-best .promotion-item .button-box a {width: 100%;}
    
    
    .promotion-carusels {margin-top: 50px;}
    .promotion-carusels .carusel-box {margin: 30px 10px 0;}
    .promotion-carusels .carusel-box .owl-stage {left: 1px;}
    .promotion-carusels .carusel-box .post-item {padding: 32px 16px 60px;}
    .promotion-carusels .carusel-box .post-item:hover {border: 1px solid #DDD;}
    .promotion-carusels .carusel-box .post-item img {width: 44px;}
    .promotion-carusels .carusel-box .post-item .promo-desc {font-size: 14px;}
    .promotion-carusels .carusel-box .post-item .promo-value {font-size: 22px;}
    
    .promotion-carusels .carusel-box .post-item .item-box,
    .promotion-carusels .carusel-box .post-item:hover .item-box {transform: translateY(0);}
    .promotion-carusels .carusel-box .post-item .button-box {
        opacity: 1;
        bottom: 25px;
        padding: 0 16px;
    }
    .promotion-carusels .carusel-box .post-item .button-link.button-small {padding: 7px 15px 5px;}
    .promotion-carusels .carusel-box .owl-nav {top: 30%;}
    
    
    
    /**		PRODUCTS CAROUSEL	**/
    .post-template article .carusel-box {margin: 30px 10px 60px;}
    .post-template article .products-carousel .product-name {font-size: 14px;}
    .post-template article .products-carousel .product-price .old-price {font-size: 14px; height: 24px;}
    .post-template article .products-carousel .product-price .final-price {font-size: 20px;}
    
    
    /**     PAGAE LAYOUT TIPS       **/
    .tips-best .tips-carousel .slide-item .post-box {padding: 0 18%;}
    .tips-best .tips-carousel .slide-item .post-box .post-title {font-size: 26px; margin-bottom: 10px;}
    .tips-best .tips-carousel .slide-item .post-box .post-published {font-size: 15px}
    .tips-best .tips-carousel .slide-item .post-meta .button-box .button-link {width: 50%;}
    
    .tips-best .tips-featured .post-item:nth-child(1) {flex: 0 0 100%; max-width: 100%; margin-bottom: 80px; text-align: center;}
    .tips-best .tips-featured .post-item:nth-child(1) .post-title,
    .tips-best .tips-featured .post-item:nth-child(1) .post-desc {
        padding-right: 0;
    }
    .tips-best .tips-featured .post-item .post-cover img {height: auto;}
    .tips-best .tips-featured .post-item:nth-child(2) {
        flex: 0 0 100%;
        max-width: 100%;
        display: flex; 
        flex-flow: row wrap;
        justify-content: space-between;
        align-items: center;
    }
    .tips-best .tips-featured .post-item:nth-child(2) .post-cover {
        flex: 0 0 48%;
        max-width: 48%;
        margin-bottom: 0;
    }
    .tips-best .tips-featured .post-item:nth-child(2) .post-meta {
        flex: 0 0 48%;
        max-width: 48%;
        padding: 0;
    }
    .tips-best .tips-featured .post-item:nth-child(2) .post-title {font-size: 20px;}
    
    
    .tips-best .tips-list-other {flex: 0 0 100%; max-width: 100%;}
    .tips-best .tips-list-other .post-item .post-cover {flex: 0 0 33%;max-width: 33%;}
    .tips-best .tips-list-other .tips-featured .post-item .post-title {font-size: 22px;}
    .tips-best .tips-list-other .tips-featured .post-item .post-cover {flex: 0 0 100%; max-width: 100%;}
    .tips-best .tips-list-other .post-item .post-cover img {width: 100%; height: 20vw;}
    .tips-best .tips-list-other .tips-featured .post-item .post-cover img {width: 100%; height: auto;}
    .tips-best .tips-list-other .post-item .post-meta {flex: 0 0 62%;max-width: 62%; padding-right: 0}
    .tips-best .tips-featured .post-item .post-meta {padding: 0 7%}
    .tips-best .tips-list-other .post-item .post-title {font-size: 18px;}
    .page-template-page-tips .post-promotion-layout .tips-best aside,
    .page-template-page-tips2 .post-promotion-layout .tips-best aside {display: block;}
    .tips-best aside {flex: 0 0 100%; max-width: 100%;}
    .tips-best aside h3 {font-size: 17px; margin-bottom: 15px;}
    .tips-best aside .categories-list ul li {margin-bottom: 10px; margin-right: 10px; display: inline-block;}
    
    .tips-best aside .categories-list a {
        font-size: 12px;
        padding: 6px 25px 4px;}
    .tips-best aside .tags-list ul li a {font-size: 14px !important;}
    
    
    .post-tip-layout .main-content article {flex: 0 0 100%; max-width: 100%;}
    
    .additional-text p {
        font-size: 12px;
    }
    
    
	
}




@media only screen and (max-width: 620px) {
    main, 
    .page-template-page-brand main
    {margin-top: 70px;}
    body {font-size: 13px;}
    
    .button-link.button-big {font-size: 16px; padding: 9px 40px 6px; line-height: 150%;}
    .button-link.button-biggest {
        font-size: 18px;
        padding: 12px 0 9px;
        line-height: 150%;
    }
    
    
    .post-layout.post-tip-layout article .post-info .avatar {
        flex: 0 0 50px;
        max-width: 50px;
    }
    .post-layout.post-tip-layout article .post-info .avatar img {
        width: 40px; height: 40px;
        border: 1px solid #ddd;
        border-radius: 50%;
    }
    .post-layout.post-tip-layout article .post-info .post-meta .date {padding-left: 8px}
    .post-layout.post-tip-layout article .post-info .post-meta .date:before {padding-right: 8px}
    .post-layout.post-tip-layout article .post-info .post-meta .categories_tags {flex: 0 0 100%; padding-left: 0;padding-top: 2px;}
    .post-layout.post-tip-layout article .post-info .post-meta .categories_tags:before {display: none;}
    
    
    
    .post-layout .subtitle {font-size: 14px; margin-bottom: 20px;}
    .post-layout .content {font-size: 14px}
    .post-layout .content, .post-layout .content p {font-size: 14px;}
    
    
    .post-layout h1 {font-size: 24px;}
    
    .post-layout .content h1,
    .post-layout .subtitle h1 {font-size: 24px;}
    
    .post-layout .content h2,
    .post-layout .subtitle h2 {font-size: 20px; margin-bottom: 20px;}
    
    .post-layout .content h3,
    .post-layout .subtitle h3 {font-size: 16px;}
    
    .post-layout .content h4,
    .post-layout .subtitle h4 {font-size: 13px;}
    
    .post-layout .content h5,
    .post-layout .subtitle h5 {font-size: 13px;}
    
    .post-layout .content h6,
    .post-layout .subtitle h6 {font-size: 11px;}
    
    .post-layout .content p,
    .post-layout .subtitle p {margin-bottom: 10px}
    
    .post-layout .content ul,
    .post-layout .content ol,
    .post-layout .subtitle ul,
    .post-layout .subtitle ol {margin: 0 0 20px 30px;}
    
    
    .post-layout .content table {
        width: 100%;
        padding: 40px 0;
        border-collapse: collapse;
    }
    .post-layout .content table tr {
        display: flex;
        flex-flow: row wrap;
        justify-content: flex-start;
    }

    .post-layout .content table td {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 2px 20px;
        border-bottom: 0;
    }
    .post-layout .content table td:first-child {
        padding-top: 10px;
    }
    .post-layout .content table td:last-child {
        border-bottom: 1px solid #ddd;
        padding-bottom: 10px;
    }
    .post-layout .content table tr:first-child td:nth-child(1) {padding-top: 5px}
    .post-layout .content table tr:first-child td:nth-child(2),
    .post-layout .content table tr:first-child td:nth-child(3) {
       display: none;
    }
    
    
    .post-layout .content table .wptb-ph-element {
        margin-top: 0;
        margin-bottom: 0;
        padding: 0 7px;
    }
    .post-layout .content table tr td:first-child .wptb-ph-element {padding-top: 7px}
    .post-layout .content table tr td:last-child .wptb-ph-element {padding-bottom: 7px}
    
    
    
    .post-layout .cover-banner-rwd {margin-bottom: 20px;}
    
    
    .post-promotion-layout article .redbox .left-column,
    .post-promotion-layout article .redbox .right-column {flex: 0 0 100%; max-width: 0 0 100%}
    .post-promotion-layout article .redbox .promotion-date {margin-bottom: 10px;}
    .post-promotion-layout article .redbox .promotion-date span {font-size: 17px;}
    .post-promotion-layout article .redbox h3 {font-size: 15px;}
    .post-promotion-layout article .redbox .promotion-rules p {font-size: 13px;}
    .post-promotion-layout article .redbox .promotion-rules a {font-size: 13px;}
    .post-promotion-layout article .redbox .promotion-buttons .button-link {padding-left: 10px; padding-right: 10px;}
    
    
    .post-promotion-layout aside .redbox .promotion-buttons .button-medium .button-link,
    .post-promotion-layout article .redbox .promotion-buttons .button-medium .button-link {
        font-size: 15px;
    }
    .post-promotion-layout aside .redbox .promotion-buttons .button-small .button-link,
    .post-promotion-layout article .redbox .promotion-buttons .button-small .button-link {
        font-size: 13px;
    }
    
    
    
    
    .latest-article h3,
	.promotion-carusels h3,
	.promotion-best h3,
    .tips-best h3 {font-size: 18px;}
	
    
    .latest-article {margin-top: 60px}
    .latest-article .latest-article-list .article-item {
        flex: 0 0 48%; max-width: 48%;
        padding-bottom: 40px;
		margin-bottom: 8vw;
    }
    .latest-article .latest-article-list .article-item h4 a {font-size: 13px;}
    
    .latest-article .latest-article-list .article-item.seemore-item .article-thumbail a .seemore-link-text span {
        font-size: 13px;
    }
    .latest-article .latest-article-list .article-item.seemore-item .article-thumbail a div::after {
        top: 0;
        font-size: 20px;
    }
    
    
    .newsletter-banner, .vc-banner {padding: 30px 10% 40px; margin-top: 60px;}
    .newsletter-banner::before {background: rgba(0, 0, 0, 0.6);}
    .newsletter-banner h3 {font-size: 18px;}
    .newsletter-banner .button-box a, .vc-banner .button-box a {width: 80%;}
	.vc-banner .description .row-list {
		margin: 20px auto 10px;
		width:70%;
	}
	.vc-banner .description .list-box {flex: 0 0 100%; max-width: 100%;}
	
    .promotion-best .promotion-item .text-box {
        display: block; }
	.promotion-best .promotion-item .post-title {
		font-size: 20px;
		text-align: center;
        padding-right: 0;
		margin-bottom: 10px;
        width: 100%;
	}
	.promotion-best .promotion-item .expiration-date {text-align: center}
	.promotion-best .promotion-item .button-box {text-align: center; margin-top: 30px;}
	.promotion-best .promotion-item .button-box a {width: 70%;}
    
    
    .promotion-carusels {margin-top: 50px;}
    .promotion-carusels .carusel-box .post-item .promo-value {font-size: 20px;}
    .promotion-carusels .carusel-box .post-item .promo-desc {font-size: 13px;}
    .promotion-carusels .carusel-box .owl-nav {top: 30%;}
    .promotion-carusels .carusel-box .post-item img {margin: 0 auto 25px;}
    .promotion-carusels .carusel-box .owl-dots {
        margin-top: 30px;
        text-align: center;
    }
    .promotion-carusels .carusel-box .owl-dots button {display: inline-block;}
    .promotion-carusels .carusel-box .owl-dots button span {
        display: block;
        width: 10px;
        height: 10px;
    }
    .additional-text p {font-size: 10px;}
    main {margin-bottom: 80px;}
    
    
    
    /**		PRODUCTS CAROUSEL	**/
    .post-template article .products-carousel .product-name {font-size: 13px;}
    .post-template article .products-carousel .product-price .old-price {font-size: 13px; height: 23px;}
    .post-template article .products-carousel .product-price .final-price {font-size: 20px;}
    .post-template article .products-carousel .owl-dots {margin-top: 30px;}
    .post-template article .products-carousel .owl-dots button span {width: 10px; height: 10px;}
    .post-template article .products-carousel.products-carousel-variant2 .col-half {
        flex: 0 0 55%;
        max-width: 55%;
        align-self: center;
    }
    .post-template article .products-carousel.products-carousel-variant2 .col-half:nth-child(2) {
        flex: 0 0 40%;
        max-width: 40%;
    }
    
    .post-template article .products-carousel.products-carousel-variant1 .button-box a {
        width: 80%; padding-left: 10px; padding-right: 10px}
    .post-template article .products-carousel.products-carousel-variant2 .button-box a {
        width: 100%; padding-left: 10px; padding-right: 10px}
    .post-template article .products-carousel.products-carousel-variant3 .button-box a {
        width: 80%; padding-left: 10px; padding-right: 10px}
    
    
    
     /**     PAGAE LAYOUT TIPS       **/
    
    .tips-best .tips-carousel .slide-item .post-cover img {height: 320px;}
    .tips-best .tips-carousel .slide-item .post-box {
        padding: 0 10%; 
        
    }
    .tips-best .tips-carousel .slide-item .post-box .post-title {font-size: 22px;}
    .tips-best .tips-carousel .slide-item .post-box .post-published {font-size: 14px}
    .tips-best .tips-carousel .owl-nav button {top: 38%;}
    .tips-best .tips-carousel .owl-dots {margin-top: 15px;}
    .tips-best .tips-carousel .owl-dots button span {width: 10px; height: 10px}
    
    
    .tips-best .tips-featured {margin-bottom: 40px;}
    
    .tips-best .tips-list-other .tips-featured .post-item .post-title {font-size: 20px;}
    .tips-best .tips-featured .post-item .post-meta {}
    .tips-best .tips-featured .post-item .post-title {font-size: 20px;margin-bottom: 5px;}
    .tips-best .tips-featured .post-item:nth-child(2) .post-cover {
        flex: 0 0 33%;
        max-width: 33%;
        margin-bottom: 0;
    }
    .tips-best .tips-featured .post-item:nth-child(2) .post-meta {
        flex: 0 0 62%;
        max-width: 62%;
        padding: 0;
    }
    .tips-best .tips-featured .post-item:nth-child(2) .post-cover img {height: 30vw}
    .tips-best .tips-featured .post-item:nth-child(2) .post-title {font-size: 16px; margin-bottom: 5px}
    .tips-best .tips-featured .post-item .post-published {margin-bottom: 10px;}
    .tips-best .tips-featured .post-item:nth-child(2) .button-box .button-link {
        width: auto;
        padding-left: 30px;
        padding-right: 30px;
    }
    
    .tips-best .tips-list-other .post-item .post-cover img {width: 100%; height: 30vw;}
    .tips-best .tips-list-other .post-item .post-title {font-size: 15px; margin-bottom: 5px}
    
    
    
    .post-layout.post-tip-layout article .post-info .post-meta {
        flex: 0 0 68%;
        max-width: 68%;
    }
    .post-promotion-layout article .appointmentbox {
        padding: 35px 20px 45px;
    }
    .post-promotion-layout article .appointmentbox h3 {font-size: 17px;}
    .post-layout h2 {font-size: 18px; margin-bottom: 15px;}
    
    
    .tips-best aside .categories-list a {padding: 6px 20px 4px;}
    
}





@media only screen and (max-width: 420px) {
    body {font-size: 13px;}
    .post-promotion-layout .container {margin: 0 20px;}
    .latest-article .latest-article-list .article-item {
        padding-bottom: 0;
		margin-bottom: 8vw;
    }
    .latest-article .latest-article-list .article-item .article-thumbail {margin-bottom: 10px;}
    .latest-article .latest-article-list .article-item .article-thumbail img,
    .latest-article .latest-article-list .article-item.seemore-item .article-thumbail a {width:100%; height: auto}
    .latest-article .latest-article-list .article-item h4 a {font-size: 12px;}
    .latest-article .latest-article-list .article-item .button-box {display: none;}
    .latest-article .latest-article-list .article-item.seemore-item .article-thumbail a div::after {
        display: none;}
    
    
    .newsletter-banner h3 {font-size: 18px; position: relative;}
    .vc-banner .logo-box .logo-vc {height: 28px;}
	.newsletter-banner .button-box a, .vc-banner .button-box a {width: 100%;}
	
    
    .promotion-best .promotion-item {margin: 15px 0 35px;}
	.promotion-best .promotion-item .post-meta {padding: 10px 0%;}
    .promotion-best .promotion-item .post-title {font-size: 18px;}
    .promotion-best .promotion-item .button-box {margin-top: 24px;}
    
    .promotion-carusels .carusel-box {margin: 30px 30px 0;}
    .promotion-carusels .carusel-box .post-item .button-box {padding: 0 25px;}
    
    
    .post-promotion-layout article .redbox {padding: 20px 25px 30px;}
    
    
    main {margin-bottom: 80px;}
    
    
    
    
    /**		PRODUCTS CAROUSEL	**/
    .post-template article .carusel-box {margin: 30px 10px 60px;}
    .post-template article .products-carousel .item {}
    .post-template article .products-carousel .item .item-wrapper {
        padding: 20px 10px 25px;
    }
    .post-template article .products-carousel .product-thumb {padding: 0 10%;}
    
    .post-template article .products-carousel.products-carousel-variant3 .col-half,
    .post-template article .products-carousel.products-carousel-variant2 .col-half{
        flex: 0 0 100%;
        max-width: 100%;
        align-self: center;
    }
    .post-template article .products-carousel.products-carousel-variant3 .col-half:nth-child(2),
    .post-template article .products-carousel.products-carousel-variant2 .col-half:nth-child(2) {
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
    }
    .post-template article .products-carousel.products-carousel-variant2 .row-columns {}
        
    
        .post-template article .products-carousel.products-carousel-variant2 .product-name {
        text-align: center;
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
            
    }
    .post-template article .products-carousel.products-carousel-variant2 .button-box a {
        width: 80%;
        padding-left: 10px;
        padding-right: 10px;
    }
    
    
    /**     PAGAE LAYOUT TIPS       **/
    
    .tips-best h3 {margin-bottom: 15px;}
    .tips-best .tips-carousel .slide-item .post-cover img {height: 260px;}
    .tips-best .tips-carousel .slide-item .post-box .post-title {font-size: 20px;}
    .tips-best .tips-carousel .slide-item .post-meta .button-box .button-link {width: 80%;}
    .tips-best .tips-carousel .owl-nav button {top: 36%;}
    
    
    .tips-best .tips-list-other .tips-featured .post-item .post-title {font-size: 18px;}
    
    .tips-best .tips-featured .post-item:nth-child(2) .post-cover img {height: 32vw}
    .tips-best .tips-featured .post-item:nth-child(2) .post-title {font-size: 15px;}
    .tips-best .tips-featured .post-item:nth-child(2) .button-box {}
    .tips-best .tips-featured .post-item .post-desc {display: none;}
    
    
    
    .tips-best .tips-list-other .post-item .post-title {font-size: 13px;}
    .tips-best .tips-list-other .post-item .post-cover img {width: 100%; height: 32vw;}
    .tips-best .tips-list-other .post-item .button-box {}
    
    
    .tips-best aside {padding: 20px 25px 30px;}
    
    
    .post-layout.post-tip-layout .content {margin: 0 0 40px;}
    .post-promotion-layout article .appointmentbox .desc {width: 90%; font-size: 13px;}
    
    .post-layout article .appointmentbox .button-link,
    .post-promotion-layout.post-tip-layout article .appointmentbox .button-link {
        padding-left: 0; 
        padding-right: 0;
        width: 100%;
    }
    .post-layout .subtitle {margin: 0 0 20px} 
    
    
    
    
    
    
}







.device-ios .promotion-best .promotion-item:hover .post-image,
.device-android .promotion-best .promotion-item:hover .post-image {
    transform: none
}

.device-ios .newsletter-banner .button-box,
.device-ios .newsletter-banner h3,
.device-android .newsletter-banner .button-box,
.device-android .newsletter-banner h3 {
    position: relative; }