/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 03 2022 | 12:33:23 */
.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated>.elementor-widget-wrap {
    padding: 0px;
}
.row{
  max-width: 100%;
  margin:0px;
}

h1, .h1, h2, .h2, .h3, h3, h4, .h4, h5, .h5, .h6, h6, p {
    color: #000;
    font-family: Prompt !important;
}

.container{
  max-width: 1170px;
  padding:0px;
}

.pt-container{padding: 70px 0px 0px;}

.h2, .h3, h2, h3 {line-height: 42px;}
.megachef {background-size: 100% 30%;}
@media(max-width: 767.998px){
  .container{ max-width: 100%;}
  .pt-container{padding: 40px 5.25px 0px;}
  .h3,h3{font-size: 24px; line-height: 36px;}
  .h2, h2{font-size: 26px; line-height: 36px;}
}
#left-col{padding:0px;}

.post-entry{  padding:0px;}
#content_container{ padding-top:0px}

.large-8{ padding:0px;}
.scroll-back-to-top-wrapper.show{visibility:hidden!important;}
.elementor-column{min-height:0px;}
.elementor-column-gap-default>.elementor-column>.elementor-element-populated{ padding:0px;}
.elementor-section.elementor-section-boxed > .elementor-container{ max-width: 100%;}
.post-entry img { margin-bottom: 0px;}
.site-footer{border:none;}

.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
}

.crm {
    padding: 15px;
    color: #fff;
    border-radius: 10px;
}

a.navbar-tool {
    font-size: 24px;
    padding: 0px 10px;
    color: #888;
}
.widget_recent_entries a {
    font-weight: 500;
}

/*Menu*/
.navbar-brand {margin: 0; padding: 10px 0!important;}
li#menu-item-448 a, li#menu-item-449 a, li#menu-item-450 a, li#menu-item-1639 a { padding: 11px;}
.navbar .nav .dropdown-item:focus, .navbar .nav .dropdown-item:hover { color: #3aacf5!important;}
.navbar.navbar-header-wrap.classic-header .nav .menu-item .nav-link:before {background: #3aacf5!important;}
.navbar .nav .dropdown-menu .menu-item.active .dropdown-item{color:#3aacf5!important;}
.site-branding-text,.site-title{display:none;}
@media (min-width:992px){
.elementor-widget-image-carousel .swiper-container{padding-top: 50px;}
.navbar.navbar-header-wrap.header-fixed-top,.navbar-header-wrap.classic-header.not-sticky {background-color: rgb(0 0 0 / 90%);}
.navbar.navbar-header-wrap.header-fixed-top .container-full .row .align-self-center{background: transparent;}
.navbar .container-full {padding: 0; margin: 0;max-width: 100%;}
.navbar-brand{margin: 0;}
.navbar .container-full .row .align-self-center { justify-content: center; border-bottom: 1px solid #fff;  display: flex;background: #020c13;}
#navbarNavDropdown{justify-content: space-around;}
#menu-main-menu{margin: 0;}
.navbar.navbar-header-wrap.classic-header .nav .menu-item .nav-link,
  .navbar.navbar-header-wrap.classic-header.header-fixed-top .nav .menu-item .nav-link {padding: 10px 20px;background: transparent!important;font-size: 1rem;font-weight: normal;}
  li#menu-item-448 {border-left: 1px solid #fff;}
.navbar .nav .dropdown-menu {border-top: 3px solid #3aacf5!important; border-bottom: 0px!important;padding:0;}
.navbar.navbar-header-wrap.classic-header .nav .dropdown-menu li.menu-item {
    border-bottom: 1px solid #fff;
    padding: 2px 15px;
}
li#menu-item-448 a, li#menu-item-449 a, li#menu-item-450 a, li#menu-item-1639 a {padding: 7px 10px;}
.navbar .nav .menu-item:hover .nav-link, 
.navbar .nav .menu-item.active .nav-link, 
.navbar .nav .menu-item .nav-link:focus{color:#3aacf5;}
nav.navbar.navbar-expand-lg.navbar-light.navbar-header-wrap.classic-header.header-sticky {position: fixed; padding: 0;}
}
@media (max-width:991.98px){
  img.custom-logo{width: 140px;}
  .navbar-light .navbar-brand { color: rgba(0,0,0,.9); padding: 8px 0!important;}
  .align-self-center{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .navbar-header-wrap.classic-header.not-sticky { background-color: #18191b; padding: 0;}
  button.navbar-toggler { margin: 15px 0!important;}
  .navbar-light .navbar-toggler-icon{
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
	}
  .navbar-nav.sm-collapsible .sub-arrow {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    border: 0;
    border-radius: 0.25rem;
    padding: 0;
    width: 1em;
    height: 1.2em;
    font-size: 2.5rem;
    line-height: 1.2;
    text-align: center;
}
  .navbar.navbar-header-wrap.classic-header .nav .menu-item .nav-link {
    padding: 0;
    font-weight: normal;
    color:#fff;
}
.navbar .nav .menu-item {margin: 0 10px 0 15px;}
	.navbar .nav .menu-item ul li.menu-item { margin-left: 0;}
  .navbar-light .navbar-toggler, .navbar.navbar-header-wrap.header-fixed-top .navbar-toggler{border:none;}
  li#menu-item-448 a, li#menu-item-449 a, li#menu-item-450 a, li#menu-item-1639 a {
    padding: 10px;
    border-bottom: none;
    position: absolute;
}
    li#menu-item-448 a{left:1%;}
    li#menu-item-449 a{left:11%;}
    li#menu-item-450 a{left:21%;}
  li#menu-item-1639 a{left:31%;}
  .navbar.navbar-header-wrap.classic-header .nav .menu-item .nav-link:hover, .navbar.navbar-header-wrap.classic-header.header-fixed-top .nav .menu-item .nav-link:hover,
  .navbar .nav .menu-item:hover .nav-link, .navbar .nav .menu-item .nav-link:focus{color: #3aacf5 !important;}
  .navbar .nav .menu-item.active .nav-link{color:#fff;}
  .navbar .nav,.navbar.header-fixed-top .nav {
    padding-bottom: 60px;
    margin-top: 0;
    margin-bottom: 0;
}
  .navbar-nav a.dropdown-item {
    color: #fff;
}
  .navbar .container-full {padding: 0;}
  .navbar.header-fixed-top {
    position: sticky;
    padding: 0;
    top: -1px;
}
  .navbar .nav .dropdown-menu {
    border-radius: 0;
    border: none;
    padding: 10px 0;
    font-size: 1rem;
    background: transparent;
}
  
  
}
.navbar.header-fixed-top {position: sticky;}

/*Menu*/
/**Footer**/
.footer-sidebar .col-lg-3.col-md-6.col-sm-12 {width: 100%;}
.page-scroll-up a, .page-scroll-up a:hover, .page-scroll-up a:active { background: #3aacf5;}
footer {
    padding: 5em 0 1em;
}

.site-footer {
    background: #131719;
}

.site-footer .footer-heading {
    font-size: 19px;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 20px;
}

.site-footer .footer-heading .logo {
    color: #fff;
    text-transform: uppercase;
}

.site-footer a {
    color: rgba(255, 255, 255, 0.4);
}

.site-footer p {
    color: rgba(255, 255, 255, 0.3);
}

.site-footer .copyright {
    color: rgba(255, 255, 255, 0.4);
    font-size: 14px;
}

.site-footer .list-unstyled li a {
    color: rgba(255, 255, 255, 0.4);
    font-size: 13px;
}

.site-footer .list-unstyled li a:hover,.site-footer .list-unstyled li a:active,.site-footer .list-unstyled li a:focus {
   /* color: #fff;*/
   color: #3aacf5;
}

.site-footer .list-unstyled a {
    color: rgba(255, 255, 255, 0.4);
}

.site-footer.list-unstyled a:hover {
    color: #fff;
}

.site-footer .subscribe {
    margin-top: -105px;
}

.site-footer .subscribe-form {
    border-radius: 40px;
    background: #fff;
    padding: 3px;
    -webkit-box-shadow: 0px -12px 21px -15px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px -12px 21px -15px rgba(0, 0, 0, 0.1);
    box-shadow: 0px -12px 21px -15px rgba(0, 0, 0, 0.1);
}

.site-footer .subscribe-form .form-group {
    position: relative;
    margin-bottom: 0;
    border-radius: 0;
}

.site-footer .subscribe-form .form-group input {
    background: transparent !important;
    border: none !important;
    outline: none !important;
    color: rgba(0, 0, 0, 0.3) !important;
    font-size: 16px;
    height: 56px;
    border-radius: 0;
}

.site-footer .subscribe-form .form-group input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: rgba(0, 0, 0, 0.3) !important;
}

.site-footer .subscribe-form .form-group input::-moz-placeholder {
    /* Firefox 19+ */
    color: rgba(0, 0, 0, 0.3) !important;
}

.site-footer .subscribe-form .form-group input:-ms-input-placeholder {
    /* IE 10+ */
    color: rgba(0, 0, 0, 0.3) !important;
}

.site-footer .subscribe-form .form-group input:-moz-placeholder {
    /* Firefox 18- */
    color: rgba(0, 0, 0, 0.3) !important;
}

.site-footer .subscribe-form .form-group input:focus {
    outline: none !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.site-footer .subscribe-form .form-group .submit {
    color: #fff !important;
    display: block;
    width: 150px;
    height: 56px;
    font-size: 14px;
    background: #bfa88e !important;
    border: none;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 40px;
}

.site-footer .subscribe-form .form-group .submit:hover,
.site-footer .subscribe-form .form-group .submit:focus {
    text-decoration: none !important;
    outline: none !important;
}

.site-footer .partner-wrap {
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    padding: 1em 0;
}

.site-footer .partner-wrap h3 {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.4);
}

.site-footer .partner-wrap .partner-name a {
    margin-right: 10px;
    font-size: 13px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.4);
}

.site-footer .partner-wrap .partner-name a span {
    color: white;
}

.site-footer .partner-wrap .btn-custom {
    font-size: 14px;
}

footer.site-footer a {
    text-decoration: none;
}

.site-footer p {
    color: rgba(255, 255, 255, 0.4);
    font-size: 14px;
}

footer.site-footer a.socialF {
    padding-right: 15px;
    font-size: 24px;
    color: #3aacf5;
}

footer.site-footer a.socialF:hover,
footer.site-footer a.socialF:active {
    color: #fff;
}

@media (min-width: 992px){
    footer.site-footer .list-unstyled.collapse {
        display: block;
        height: auto !important;
        visibility: visible;
    }
    footer.site-footer a.footer-heading {
        pointer-events: none;
        cursor: default;
        text-transform:uppercase;
    }
}
footer.site-footer a.call {
    font-size: 18px;
    display: block;
    margin-bottom: 5px!important;
    color: #fff;
}


@media (max-width: 1199.98px) {
    .footer-sidebar {padding: 3em 0 1em;}
  .footer-sidebar .col-lg-3.col-md-6.col-sm-12 {padding: 0;}
}
@media (max-width: 991px){
    footer.site-footer a.footer-heading {
        font-size: 18px;
        display: block;
        margin-bottom: 5px!important;
        border-bottom: 1px solid #ddd;
        padding-bottom: 10px;
        text-transform:uppercase;
    }
    footer.site-footer a.call:hover,footer.site-footer a.call:active,footer.site-footer a.call:focus,
    footer.site-footer a.footer-heading:hover,footer.site-footer a.footer-heading:active,footer.site-footer a.footer-heading:focus{
        color: #3aacf5;
    }
}


/*--------------------------slide-----------------------------------------*/

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 0;
    background: #41464b;
    right: auto;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #fff;
    padding: calc(10px + 1vw);
}
.swiper-button-next, .swiper-rtl .swiper-button-prev{
    right: 0;
    background: #41464b;
    left: auto;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    color: #fff;
    padding: calc(10px + 1vw);
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{font-size: calc(18px + 1vw);}

.banner_slide{height: auto}
.banner_slide .swiper-wrapper{height: auto}

/*--------------------------HOME------------------------------------*/
#menuTab .nav-link {
    background: #fff;
    color: #000;
    border: 0.5px solid #cecece;
    border-bottom: 0;
    font-size: 14px;
    height: 60px;
}
#menuTab.nav-tabs .nav-link.active {
    background: #333;
    color: #fff;
    position: relative;
    border: 1px solid #333;
    border-bottom: 0;
}
#menu-mb .col:nth-child(3), #menu-mb .col:nth-child(6) {
    border-right: 0.5px solid #23479e;
}
#menu-mb .col {
    padding: 7px 5px;
    border-bottom: 0.5px solid #23479e;
    text-align: center;
    background: #3aacf5;
    color: #333;
    border-left: 0.5px solid #23479e;
    font-size: calc(16px - 0.4vw);
    line-height: 15px;
    font-weight: 500;
}
#menu-mb a.col:hover, #menu-mb a.col:active, #menu-mb a.col:focus {
    opacity: 0.8;
}
.input-search{
    width: 300px;
    right: 0;
    left: auto!important;
    padding: 15px;
    background: #eee;
}
.h1, h1 {
    border-bottom: 3px solid #3aacf5;
    font-weight: bold;
    display: inline-block;
    font-size: 28px;
}
.text-good{color: #3aacf5;font-weight: 600;font-size:1.25rem;}
.tab-pane .col img {width: 40px;}
.highlight .col-6 {padding: 0px 5px;}
.menu-bottom a{text-decoration: none; background: #000;color: #fff; border-right: 0.5px solid #fff; border-top: 0.5px solid #fff; padding: 15px 10px;}
.menu-bottom a:hover,.menu-bottom a:focus,.menu-bottom a:active {color: #3aacf5;}
.menu-bottom:nth-child(4) a{border-right: 0;}
@media (max-width: 991px){
    .menu-bottom:nth-child(2) a{border-right: 0;}
}
@media (max-width: 768px){
    .h1, h1 {
        border-bottom: 0;
        border-left: 5px solid #3aacf5;
        padding-left: 5px;
        line-height: calc(22px + 1vw);
        font-size: calc(24px - 0.4vw);
        margin-bottom: 15px;
    }
    a.navbar-tool.socialT{
        color: #3aacf5;;
    }
    /*------------Menu-------------*/
    ul.dropdown-menu.show {
        background: transparent;
        border: none;
        padding-top: 0;
    }
    .navbar-nav a.dropdown-toggle.show {color: #3aacf5!important;}
    li.nav-item.dropdown {border-bottom: 1px solid #414141;}
    #menu_good a.nav-link{padding: 10px;}
    .dropdown-menu.show li .dropdown-item {color: #fff; padding: 0.35rem 1.5rem;}
    .navbar-toggler:focus {box-shadow: none;}
}
@media (max-width:767px){
    .menu-bottom a{border-right: 0; text-align: left;}
  body{font-size:1.25rem!important;}
}
@media (max-width:500px){
  .navbar-brand img.custom-logo{margin-left:15px;}
}
@media (max-width: 332px){
    br.hide{display: none;}
}
/*--------------------------------------------------------------*/

/*h1 {border-bottom: 3px solid #3aacf5; display: inline-block;}*/
.txt-b{color: #37A6F6}
/*.all-slide{background: #f5f5f5;padding: 50px;}*/
.r-rpnone{padding-right: 0px}
.r-lpnone{padding-left: 0px}

/*LuckyDrawCampaign*/
.megachef {
    background: url('https://www.goodattitude.co.th/wp-content/uploads/2022/04/luckydraw-macky2.jpg');
    background-position: bottom;
    background-size: 100% 25%;;
    background-repeat: no-repeat;
}

.numgold {
    text-align: center;
    font-size: 3.5rem;
    font-weight: bold;
    line-height: 1;
    background-color: #fff;
    background-image: linear-gradient( 25deg, #BF953F, #B38728, #FBF5B7, #AA771C, #FCF6BA);
    background-size: 100%;
    background-repeat: repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
}
@media (min-width: 767px){
    .row.lucky-service .card-body {
        min-height: 100px;
        padding-top: 10px;
    }    
  .Megachef,.Megachef2{width:80%;}
}
@media(max-width: 576px){.megachef {background-size: 100% 10%;}}
@media (max-width:350px){
  #menu-mb .col{font-size:calc(14px - 0.4vw);}
}
/*LuckyDrawLicense*/
.fusion-row{padding-left: 0px!important;padding-right: 0px!important;}
.lucky-title-content{width: 100%;text-align: center;}
.lucky-title-content h1{padding: 50px 0px;border: none;}
.lucky-detail-content{width: 100%;text-indent: 1.5em;line-height: 30px;font-size:1.2rem;}
.lic-block{text-align: center;}
.lic-sec1, .lic-sec2{background: #F1F2F2;}
.lic-sec3{background: #E3BA24;width: 100%;padding-bottom: 120px;}
.lic-sec3 ol{padding-left:0px;}
/*.lic-sec4 .text{padding-left: 20%;}*/
.lic-sec2 .lic-block img{max-width: 120px}
.lic-sec2 .img-thumbnail{background-color: unset;border: unset;}
.lic-sec4 .img-thumbnail{background-color: unset;border: unset;margin-left: -20%}
.lis-title-ribbon{margin-top: -100px}
.lis-title-ribbon img{width: 100%;}
.LuckyDrawService{background: #E6E7E8;padding-bottom: 50px;}
.LuckyDrawService .card{padding: 15px;min-height: 330px;margin-top: 15px}
.LuckyDrawService .card-body{padding: 1rem 0px;}
.LuckyDrawService-Title{padding: 50px 0px;text-align: center;}



/*LuckyDrawEvent*/
.event-sec2 .block-event{margin: 50px 0px 0px -75px;line-height: 35px;}
.event-sec2 .block-event li{
	padding-left: 30px;
    list-style: none;
    background-image: url(http://www.goodattitude.co.th/wp-content/uploads/2021/12/Button_Icon_BlueSky.png);
    background-repeat: no-repeat;
    background-position: 0px 10px;
    background-size: 15px;}
.event-sec2 .block-event{margin: 30px 0;
font-size: 20px;
font-weight: bold;
line-height: 2.0;}


/*LuckyPrinting*/
.printing-sec3 .block{display: inline-flex;width: 100%;}
.printing-sec3 .block img{max-width: 250px;}
.printing-sec2{background-image: url(http://www.goodattitude.co.th/wp-content/uploads/2021/12/lck_print-04.jpg);
    background-color: #cccccc;
    background-size: cover;}
    .printing-sec4{background-color: #F1F2F2;padding: 25px 0px;}



/*ProjectDesign*/
.projectDesign{background-color: #E6E6E6;padding-bottom: 50px;}
.projectDesign .card{padding: 5px;margin-top: 15px;border-radius: 0rem;}
.projectDesign .card-text1{border-bottom: 1px dashed #aaaaaa;padding-bottom: 10px;}
.projectDesign .card-text2{color:#3aacf5;}
.projectDesign .card-body{padding: 15px 5px}
.head-line-b{padding: 50px 0px;text-align: center;}
.projectDesign a{color: inherit;text-decoration: unset;}



/*InfographicDesign*/
.info-2{padding: 50px;background: #d8d8d8;padding-top: 5rem!important;padding-bottom: 5rem!important;}
.info-2 ol{font-size: 14px}
.info-2 ol c{color: #82C8F9}
.showcase-info{background: ##f5f5f5}


/*PromotionLicense*/
.ovaltine-titile{padding: 50px 0px;font-size: 24px}
.ovaltine-titile img{max-width: 100px}
.Promotion-2{padding: 50px 0px;text-align: center}
.Promotion-2 .container{width: 50%;}
.Promotion-3 a{color: #000;text-decoration: none;}
.Promotion-3 .tab-b1{background: #D2E9F2}
.Promotion-3 img{max-width: 80px}
.Promotion-3 .tab-b2{background: #7FB2E1}
.Promotion-3 .tab-b3{background: #4D92D3}
.Promotion-3 .tx-end-b{color: #42A0F5;text-align: right;font-weight: bold;}
.Promotion-3 .tx-end{color: #FFF;text-align: right;font-weight: bold;}


/*SocialMediaFullService*/
.social{padding: 50px;text-align: center;}
.social img{max-width: 120px}
/*.Promotion-slide{background: #f5f5f5;}*/

/*ApplicationDevelopment*/
.result table td{padding: 10px;border: 1px solid #dcdcdc;word-break: break-word;font-size: 26px}

/*website*/
.btn-website-1{
    display: inline-block;
    text-align: center;
    color: #FFF;
    width: 100%;
    border: none;
    padding: 15px;
    background: #999
}
.btn-website-2{
    display: inline-block;
    text-align: center;
    color: #FFF;
    width: 100%;
    border: none;
    padding: 15px;
    background: #666
}
.content-web{
    height: 100%;
    text-align: center;
    font-size: 22px;
    align-items: center;
    display: inline-flex;
    width: 100%;
    justify-content: center;
    background: #fd9e1a;
}
.ora-zone{border: 1px solid #FFF}
.content-web-2{font-size: 22px;text-align: center}
.blu-zone{
    background: #3fa9f5;
    height: 50%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    border-bottom: 1px solid #FFF;
    min-height: 145px;
}
.blu-zone .w-size{width: 45%}
/*brand-news*/
.tab-green{border-top: 50px solid #71cbcc;font-size: 21px}
.img-b-new{width: 80%}
/*brand-overview*/
.brand-overview {
    background-image: url("http://www.goodattitude.co.th/wp-content/uploads/2021/12/bg-brand-overview.jpg");
    background-size: cover;text-align: center
}
.title-ov{border-bottom: 15px solid #3fa9f5;}
.head-ov{
    margin-bottom: -15px;
    text-align: center;
    width: 250px;
    font-size: 22px;
    padding: 15px;
    background: #39383d;
    color: #FFF;
    text-align: left;
}

/*promotion*/
.bg-content-pomotion{
    margin-top: 50px;
    border: 1px solid #e3e3e3;
    border-radius: 15px;
    padding: 0px;
    width: 90%;
}
.pr-blue{
    border: 1px solid #FFF;
    border-radius: 15px;
    color: #FFF;
}
.pr-blue h4{color: #FFF;}
.content-1{text-align: right;margin: 15px 0px;border-right: 1px solid #FFF;}
.content-2{margin: 15px 0px;}
.tab-pr{
    background: #284581;
    color: #FFF;
    text-align: center;
    padding: 15px;
    border-radius: 10px;
}
.title-pr{
    font-size: 28px;
    font-weight: 600;
    text-align: center;
}
.t-img{width: 200px;}
.tr-img{width: 100%;}
.title-c-pr{
    font-size: 26px;
    border-bottom: 1px solid #000;
    padding: 15px 0px;
}
.com-pr{
    display: flex;
    margin-top: -255px;
    width: 250px;
    margin-left: -60px;
}
/*SME*/
.bg-content-sme{
    margin-top: 50px;
    border: 1px solid #e3e3e3;
    border-radius: 15px 15px 0px 0px;
    padding: 0px;
    width: 90%;
}
.bg-content-sme-b{
    margin-top: -40px;
    border: 1px solid #e3e3e3;
    border-radius: 15px;
    margin-bottom: 50px;
    padding: 0px;
    width: 90%;
}
.title-sme{font-size: 24px;}
.title-sme-2{
    text-align: center;
    border: 1px solid #000;
    border-radius: 5px;
    padding: 10px;
    width: 90%;
    font-size: 24px
}
.b-sme{
    border: 1px solid #000;
    margin-top: 20px;
    width: 80%;
    padding: 15px;
}

/*sugar*/
.sugar-tt-img{width:100%;}
.sugar-con-img{width:75%;}

@media screen and (max-width: 1024px) {
    .blu-zone .w-size{width: 75%}
    .blu-zone{min-height: 80px;}
}

@media screen and (max-width: 768px) {

    .lucky-title-content h1{padding: 25px 0px;}
    /*    .all-slide{padding: 15px;}*/
    .ovaltine-titile img{max-width: 50px}
    .result table td{font-size: 16px}
    .ovaltine-titile{font-size: 16px;padding: 15px 0px;}
    .r-rpnone{padding-right: 11px}
    .r-lpnone{padding-left: 11px}

    /*PromotionLicense*/
    .Promotion-2{text-align: left;padding: 30px 0px;}
    .Promotion-2 .container{width: 100%;}
    .lis-title-ribbon{margin-top: -50px}

    /*LuckyDrawEvent*/
    .event-sec2 .block-event{margin: 0px;}
    .event-sec2 .block-event ul{padding: 0px}
    


    /*InfographicDesign*/
    .info-2{padding: 15px}


    /*SocialMediaFullService*/
    .social{padding: 15px}

    /*website*/
    .btn-website-1,.btn-website-2{font-size: 12px}
    .content-web .ora-zone{font-size: 16px;}
    .content-web-2{font-size: 16px;text-align: left;}
    .blu-zone{min-height: 145px;}
}
@media (max-width: 575px){
 /*brand-overview*/
 .brand-overview {
    background-image: url("http://www.goodattitude.co.th/wp-content/uploads/2021/12/bg-brand-overview-2.jpg");
    text-align: left;padding-top: 70px!important}
  .head-ov{width:180px;font-size:16px;padding: 8px;}
    /*brand-news*/
    .img-b-new{width: 100%}
    /*PromotionLicense*/
    .lis-title-ribbon{margin-top: -35px}
    .lic-sec3{background: #E3BA24;width: 100%;padding-bottom: 50px;}
/*promotion*/
.content-1{
    text-align: left;
    border-right: none;
    border-bottom: 1px solid #FFF;
    margin: 0px
}
.content-2{margin: 0px;}
.title-pr{
    text-align: center;
    font-size: 24px;
}
.t-img{width: 100%}
.tr-img{width: 200px;}
.title-c-pr{font-size: 20px;}
.com-pr{
    display: inline;
    margin:0px;
    margin-bottom: 10px;
}
/*sme*/
.bg-content-sme-b{
    margin-top: -30px;
    padding-top: 20px;
}
.title-sme,.title-sme-2{font-size: 22px;line-height: 1.2;}
  
/*sugar*/
.sugar-tt-img{width:80%;}
.sugar-con-img{width:100%;}
  
}

/* Highlight SCG*/
.bt-ht-scg{
    background-image: url(http://www.goodattitude.co.th/wp-content/uploads/2021/12/H-SCG-GreenBG-4.jpg);
    background-size: cover;
}
.ht-scg .app_slide .swiper-slide img.mx-auto{width: 170px;} 

/* Highlight BTG*/
.bt-ht-btg{
    background-image: url(http://www.goodattitude.co.th/wp-content/uploads/2021/12/H-BTG-land.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
    margin-top: -5%}



/* Highlight Satin Farmhouse*/
.btn-satin{background: url('http://www.goodattitude.co.th/wp-content/uploads/2021/12/bg-highlight-satin.jpg'); background-size: cover; background-position: bottom; background-repeat: no-repeat;}
.logo-bts{position: absolute; bottom: 10px;}
.pic1,.pic2,.pic3,.pic4{position: absolute;}
img.img-fluid.pic2 {width: 300px;}
img.img-fluid.pic3 {
    width: 290px;
    right: 30%;
    top: -30%;
}
img.img-fluid.pic4 {
    right: 0;
    width: 270px;
    top: 15%;
}
a.btn-fh:hover {
    color: #fff;
    opacity: 0.8;
}
.app_slide .swiper-slide{background: transparent;}
.btn-fh{background: linear-gradient(to top, #c91e0c 10%, #a11808 70%, #b66b65 90%, #ddd 100%); border-radius: 20px;color: #fff;text-decoration: none;padding: 5px 40px;border: 3px solid #a21a0a; display: inline-block;    margin: 10px 0;}



/* contact*/
.contact .fusion-fullwidth{
  	background:#FFF!important;
	padding-top:0px!important;
}
.contact .col-xs-6{
  	margin-top:0px!important;
}
.contact .wpcf7-form p{
  	padding:15px;
}
.contact .wpcf7-form input[type="submit"]{
  	background-color: #3aacf5;
    border-radius: 15px;
}

.contact div.wpcf7 .wpcf7-file{
  padding: 8px 0px;
}

.contact .wpcf7-form-control-wrap{
  margin-top:-50px;
  margin-bottom:-50px;
}


@media (min-width: 1140px) {
    /* Highlight BTG*/
    .bt-ht-btg{margin-top: -20%}
  .contact .block-text{width:71%}
}

@media (max-width: 1024px){
    img.img-fluid.pic2 {width: 200px;}
    img.img-fluid.pic3 {width: 200px; right: 30%; top: -20%;}
    img.img-fluid.pic4 {right: 0;width: 200px;top: 10%;}
}
@media only screen and (max-width: 992px) and (min-width: 768px) {
    img.img-fluid.pic2 {width: 170px;}
    img.img-fluid.pic3 {width: 180px;}
    img.img-fluid.pic4 {width: 160px;}
}

@media(min-width: 991.98px){
    .block-event{
                position: absolute;
                right: 10%;
            	}
   .check img {width: 30px;}
   .check p{padding-left: 30px;height: 60px;}
  .allbread img{width:70%;}
  .breadMB img{width:80%;}
  .breadMB .swiper-slide img{margin:auto;}
}
        
@media (min-width: 768px){
    .satin1{margin-top: 170px;}
    .text-head2{line-height: 33px; margin-top: -30px; font-size: 1.5rem;}
    .c-head{color: #fff;margin-top: 5%;}
    .app_slide .swiper-slide{display: block; width: 25%; padding:0px 10px;}
    .app_slide .swiper-button-next,.app_slide .swiper-button-prev,.app_slide .swiper-pagination{display: none;}
    .pic5{display: none;}
    .head_satin{margin-top: -21%; width:80%;}
    .zone3{margin-top: 12%;}	
    
}
@media(max-width: 767px){
    .check img.img-fluid.me-2{width: 35px;}
	.satin1{margin-top: 60%;}
    .pic5 {
        display: block;
        position: absolute;
        width: 75%;
        bottom: -60%;
        z-index: 1;
        left: -15px;
    }
  .head_satin{margin-top: -21%;}
    .c-head{color: #000;margin-top: -50%;}
    .text-head2{line-height: 30px;padding: 30px 0;}
    .w-80,.app_slide .swiper-slide img.w-80{width: 80%;}
    br.hide{display: none;}
    .zone3{margin-top: 5%;}
    /* Highlight SCG*/
    .bt-ht-scg{background-image: url(http://www.goodattitude.co.th/wp-content/uploads/2021/12/H-SCG-GreenBG-2.jpg);
       background-size: cover;}
       .ht-scg .app_slide .swiper-slide img.w-80 {width: 300px;}
       /* Highlight BTG*/
       .bt-ht-btg{margin-top: 0px}
  /*LuckyDrawPrint*/
    .printing-sec2{background-image: url(http://www.goodattitude.co.th/wp-content/uploads/2021/12/lck_print-05.jpg);}
   }
	@media(max-width: 576px){
		.satin1{margin-top: 66%;}
		.c-head{margin-top: -55%;}
       .fs-5{font-size: 18px!important;}
       br.hide{display: none;}
      .event-sec2 .block-event{
        font-weight: normal;
        line-height: 30px;
        font-size: 1.2rem;}
      .event-sec2 img{width:100%!important}
   }


   @media (max-width: 375.998px){
    .c-head{margin-top: -69%;}
    .satin1{margin-top: 80%;}
}


/* lineor*/
.line-or-gray{background: #F1F2F2;
    border-radius: 10px;
    border: 1px solid #009444;
    font-size: 1.3rem;
    padding: 10px;
    margin: 20px}
    .line-or-green{background: #37B44A;
    border-radius: 10px;
    padding: 10px;
    font-size: 1.3rem;
    color: #FFF;
    margin: 10px 0px;}
    
    @media (max-width:767px){
    .line-or-gray{font-size: 18px;
                margin: 15px 0px}
    }

/*Post*/
.sidebar .widget .widget-title {
    border-top: 3px solid #3aacf5;
}
.entry-content a {
    color: #3aacf5;
    box-shadow: none;
}
.entry-content a:hover, .entry-content a:focus, .logged-in-as a:hover, .logged-in-as a:focus {
    color: #131719;
}
.entry-meta .cat-links a {
    color: #3aacf5;
}
.theme-blog .post {
    background-color: transparent;
    border: 1px solid #333;
}
.entry-meta .author a {
    color: #878e94;
}
.widget button[type="submit"], .btn-success {
    background-color: #3aacf5;
    border-color: #3aacf5;
}
a {
    color: #3aacf5;
    text-decoration: underline;
}
.entry-header .entry-title a:hover, .entry-header .entry-title a:focus {
    color: #18191b !important;
}
.page-header-title h1{font-size: 2.125rem; border-bottom:0px;}

@media (max-width:767.98px){
.page-header-title h1{line-height: 36px;
    border: none;}	    
}