#section-slideshow{display:block; position:relative;}
#section-slideshow-mobile{display:none; position: relative; z-index: 2;}
.flexslider {margin: 0 0 0px!important;border:none!important;}
.flexslider .slides img {width: 60%;display: block;}
.slide-container {border: 0; margin-bottom: 0;}
.slide-container .flex-control-nav {display: flex; left: 3%; bottom: 10%; width: auto; position: absolute;z-index: 2; flex-direction: column;}
.slide-container .flex-control-nav li {margin-bottom: 7px;}
.slide-container .flex-direction-nav a {width: 51px; height: 80px;}
.slide-container .flex-direction-nav .flex-next {right: 0 !important; background: url('../img/home/next-button.png') no-repeat center center; text-indent: 10000000px;}
.slide-container .flex-direction-nav .flex-prev {left: 0 !important; background: url('../img/home/prev-button.png') no-repeat center center; text-indent: -10000000px;}
.slide-container .flex-direction-nav a.flex-next:before {content: none;}
.slide-container .flex-control-paging li a {text-indent: 9999px !important;}
.slide-item {position: relative; background-size: cover; background-repeat: no-repeat; background-position: top left; height: 550px;}
.slide-image-hidden {visibility: hidden;}
.slide-image {position: absolute; bottom: 0; right: 0; height: 100%;}
.slide-image img {max-width: 100%; max-height: 100%; width: auto !important; height: 100% !important;}
.slide-content-container {background: url('../img/home/slide-line.png') no-repeat 0 0; margin-top: 7%; padding: 0 5% 5% 6%; position: absolute; top: 50%; transform: translateY(-50%); left: 5%; height: 100%; width: 52%; z-index: 9999!important;}
.slide-button-container {text-align: center; margin-top: 30px;}
.slide-button-container a{ color:#ffcc00;}
.slide-container .flex-control-nav a, .home-slider .flex-control-nav a:hover {background: url('../img/home/list-slide-nonactive.png') no-repeat center center;   transform: rotate(-90deg);}
.slide-container .flex-control-nav a{ width: 35px; height: 33px; -webkit-box-shadow: none; }
.slide-container .flex-control-nav a.flex-active, .home-slider .flex-control-nav a.flex-active:hover {background: url('../img/home/list-slide-active.png') no-repeat center center;  transform: rotate(-90deg);}
.slide-yellow-bg {clip-path: polygon(0 0, 61% 0, 61% 35%, 39% 100%, 0 100%, 0% 50%); position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100% !important;}
.image-slide-background{height: 600px; width: 70%;position: absolute;right: 0;background: url('../img/slide-right-image-1.png') no-repeat top right; background-size:cover;}
.slide-button img {width: auto !important; vertical-align: baseline; display: inline-block !important;}
.img-slide-decor-width{width:180px;}
.img-slide-decor{position: absolute;top: -205px;left: 50px;z-index: 7;}
#home-slide-image{height: 600px; width: 65%; position: absolute;right: 0; object-fit:fill;}
#slide-vertical-line{position:absolute; height: 34%; width:10px; left: 6%; top:105px; z-index: 1;}
.slide-image-position{vertical-align: middle;position: absolute;right: 140px;top: 75px;}

.slide-image-position-1 {
    vertical-align: middle;
    position: absolute;
    right: 140px;
    top: 75px;
}

.slide-image-position-2 {
    vertical-align: middle;
    position: absolute;
    right: 140px;
    top: 75px;
}

.slide-image-position-3 {
    vertical-align: middle;
    position: absolute;
    right: 35px;
    top: 75px;
}

.award-arrow-home-style {width: 17px; height: 19px; background: url('../img/awards/year-down.png') no-repeat 0 0; position: absolute;  bottom: 22%; left: 12%; margin-left: -8px;}
#section-our-awards-home-style{padding: 50px 0% 100px 0%;}
#section-our-awards-home-style .section-title-home-style {
    text-align: center;
    background: #ffffff;
    position: relative;
    z-index: 0;
    padding: 90px 10% 40px 10%;
}




/* Slide Versi Mobile */

.slide-container-mobile {border: 0; margin-bottom: 0;}
.slide-container-mobile .flex-control-nav {display: flex; flex-direction: column; bottom: 10%; left: 3%;}
.slide-container-mobile .flex-direction-nav a {width: 51px; height: 80px;}
.slide-container-mobile .flex-direction-nav .flex-next {right: 0 !important; top: 175px; background: url('../img/home/next-button.png') no-repeat center center; text-indent: 10000000px; z-index: 6;}
.slide-container-mobile .flex-direction-nav .flex-prev {left: 0 !important; top: 175px; background: url('../img/home/prev-button.png') no-repeat center center; text-indent: -10000000px; z-index: 6;}
.slide-container-mobile .flex-direction-nav a.flex-next:before {content: none;}
.slide-container-mobile .flex-control-nav a, .home-slider .flex-control-nav a:hover {background: url('../img/home/list-slide-nonactive.png') no-repeat center center;   transform: rotate(-90deg);}
.slide-container-mobile .flex-control-nav a{ width: 35px; height: 33px; -webkit-box-shadow: none; }
.slide-container-mobile .flex-control-nav a.flex-active, .home-slider .flex-control-nav a.flex-active:hover {background: url('../img/home/list-slide-active.png') no-repeat center center;  transform: rotate(-90deg);}
.slide-item-mobile {position: relative;}
.slide-mobile-image-container {position: relative; background-repeat: no-repeat; background-position: top center; background-size: cover;}
.slide-container-mobile {background: url('../img/home/mobile/bg-slide-mobile.jpg') no-repeat 0 0 !important; background-size: cover !important;}
.slide-yellow-bg-mobile {background-color: #ffcc00; position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 1; clip-path: polygon(0 0, 38% 0, 37.7% 35%, -11% 100%, 0 100%, 0% 50%);}
.slide-image-mobile {position: relative; z-index: 2; padding-left: 3%; padding-right: 3%;}
.slide-mobile-desc-container {padding: 10% 5% 20% 5%;}
.slide-mobile-content-container {background: url('../img/home/slide-line.png') no-repeat 0 0; padding-left: 5%;}
#home-slide-image-mobile{height: 400px; width: 100%; position: absolute;right: 0; object-fit:fill;transform: scale(1.4);}
.slide-title-mobile{font-family:'touchebold'; font-size:47px; color:#2e2d2c;line-height:1.2em; margin-bottom: 5%;margin-left:3%}
.img-slide-content-mobile{position:absolute; z-index:9; max-width: 40%; max-height:400px; vertical-align: middle!important; text-align: center; left: 0; right: 0; margin: 0 auto;}
.slide-desc-mobile {
    font-size: 15px;
    color: #2e2d2c;
    font-family: 'gibsonregular';
    margin-bottom: 40px;
    width: 90%;
    line-height: 1.6em;
    margin-left:3%
}

.slide-image-position-mobile {
    width: 100%;
    align-items: center!important;
    display: flex!important;
    justify-content: center!important;
    vertical-align: middle!important;
    position: absolute;
    right: 140px;
    top: 0px;
    text-align: center;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 400px;
    padding: 15%;
}

.slide-button-mobile {
    opacity: 1;
    background: url('../img/home/slide-button.png') no-repeat 0 0;
    /* background-size: 100% 100%; */
    background-size: cover;
    width: 195px;
    height: 41px;
    padding-left: 25px;
    padding-right: 35px;
    padding-top: 11px;
    display: block;
    font-family: 'touchebold';
    font-size: 11px;
    margin-left:3%;
}

.slide-button-container-mobile {
    text-align: center;
    margin-top: 30px;
}

.slide-button-container-mobile a{
    color: #ffcc00;
}

#slide-vertical-line-mobile {
    position: absolute;
    height: 135px;
    width: 10px;
    left: 40px;
    top: 80px;
}

.flex-caption {
    width: 100%;
    padding: 10%;
    left: 0;
    bottom: 0;
    background: url('../img/home/mobile/bg-slide-mobile.jpg') no-repeat top left;
    background-size: cover;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.3);
    font-size: 14px;
    line-height: 18px;
    position:absolute;
    z-index:9;
    top: 400px;
  }

 .img-slide-mobile-1{
      max-width:60%!important;
  }

  .img-slide-mobile-3 {
    max-width: 60%!important;
}

.bgimg {
    margin-top: 5%;
    background: url('../img/mobile/05-keuntungan (4).png') no-repeat;
    width: 100%;
    height: 3px;
    background-size: cover;

}

#section-home-aboutus {background:#FFF; position: relative; z-index: 1; display:block;}
#section-home-aboutus-mobile {background: url('../img/home/mobile/bg-profile.jpg') no-repeat top left;  position: relative; z-index: 0; display:none; overflow-x :hidden;}
#section-home-whyus { background: url('../img/home/black-background.png') no-repeat top left; position: relative; z-index: 0; background-size: cover; padding:100px 10% 100px 10%; color:white; display:block;}
#section-home-whyus-mobile { background: url('../img/home/mobile/bg-whyus-mobile.jpg') no-repeat top left; position: relative; z-index: 0; background-size: cover; padding:100px 5% 100px 5%; color:white; display:none;}
#section-home-profile{background: url('../img/home/gray-background.png') no-repeat top left; position: relative; z-index: 0; background-size: cover; padding:100px 10% 100px 10%; display:block;}
#section-home-profile-mobile{background: url('../img/home/mobile/bg-profile.jpg') no-repeat top left; position: relative; z-index: 0; background-size: cover; padding:100px 5% 100px 5%; display:none;}
#section-home-history{background: url('../img/home/background-yellow.png') no-repeat top left; position: relative; z-index: 0; background-size: cover; padding: 100px 5% 100px 10%; display:block;}
#section-home-history-mobile{background: url('../img/home/mobile/bg-mobile-history.jpg') no-repeat top left; position: relative; z-index: 0; background-size: cover; padding: 100px 5% 100px 5%; display:none;}
#section-home-joinus {background: url('../img/home/background-join-us.png') no-repeat top left; position: relative; z-index: 1;  height: 555px; top:-1px; background-size: cover; padding-top: 100px; padding-bottom: 100px; background-position: 58% 10%; color:white; display:block;}
#section-home-joinus-mobile {    overflow: hidden;background: url('../img/home/mobile/bg-mobile-join.jpg') no-repeat top left; overflow: hidden;position: relative; z-index: 1; background-size: cover;  padding: 100px 5% 100px 5%;  display:none;}
#section-home-news{background: url('../img/home/gray-background-2.png') no-repeat top left; position: relative; z-index: 0; background-size: cover; top: -1px; padding: 100px 5% 135px 5%; display:block;}
#section-home-news-mobile{    overflow: hidden;background: url('../img/home/mobile/bg-mobile-news.jpg') no-repeat top left; position: relative; z-index: 0; background-size: cover; padding: 100px 5% 100px 5%; display:none;}
#section-home-brand{background: #FFF; position: relative; z-index: 0;padding: 100px 10% 100px 10%; display:block;}
#section-home-brand-mobile{    overflow: hidden;background: #FFF; position: relative; z-index: 0;padding: 100px 5% 100px 5%; display:none;}

/* Untuk Slick */

@supports(-webkit-text-stroke: 1px white){
    .slide-number span{color: transparent; -webkit-text-stroke: 1px white; text-shadow: none;}
}
.slide-title {font-family: 'touchebold';  color: #2e2d2c; font-size: 52px; margin-bottom: 25px; line-height: 1.2em;}
.slide-desc {font-size: 17px; color: #2e2d2c; font-family: 'gibsonregular'; margin-bottom: 40px; width: 90%;}
.slide-button-outer {text-align: right;}
.slide-button {
    opacity: 1;
    background: url('../img/home/slide-button.png') no-repeat 0 0;
    /* background-size: 100% 100%; */
    background-size: cover;
    width: 190px;
    height: 41px;
    padding-left: 25px;
    padding-right: 35px;
    padding-top:11px;
    display: block;
    font-family:'touchebold';
    font-size:11px;
    
}
.slide-button-outer a:hover > .slide-button {opacity: 0.7; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.image-slide-filename {
    position: absolute;
    width: 44%;
    top: 70px;
    max-width: 100%;
    right: 166px;
    text-align: center;
    vertical-align: middle!important;
}

.background-image-slideshow {
    width: 100%;
    height: 500px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: -761px;
    top: 30px;
    vertical-align: middle!important;
    text-align:center;
}



.center-image {
    display: inline-block;
    margin: 0 auto;
    width:100%;
    vertical-align: middle;
} 

.home-ml-15{
    margin-left:15px;
}

.babarafi-about-us {
    background: url('../img/home/welcome-header.png') no-repeat top left;
    position: relative;
    z-index: 0;
    width: 755px;
    height: 280px;
    background-size: cover;
}

.home-location-franchise {
    background: url('../img/home/location-terms-container.png') no-repeat top left;
    position: absolute;
    z-index: 5;
    width: 100%;
    max-width: 550px;
    height: 49px;
    background-size: 100%;
    /* background-position: top left; */
    right: 5%;
    bottom: -24px;
}

.home-location-text, .home-franchise-text {font-family:'touchebold'; font-size:14px; color:#2e2d2c; float: left; width: 50%; text-align: center; position: relative; top: 50%; transform: translateY(-65%); display: flex; align-items: center; justify-content: center;}
.btn-home-about-us {
    margin-top: 50px;
    background: url('../img/home/button-about.png') no-repeat;
    background-size: cover;
    width: 200px;
    height: 42px;
    font-family: 'touchebold';
    font-size: 11px;
    color: #2e2d2c;
    padding: 3% 3% 3% 2%;
    text-align: center;
    padding-top: 12px;
}

/* .btn-home-about-us a{
    margin-top: 50px;
    background: url('../img/home/button-about.png') no-repeat;
    background-size: cover;
    width: 200px;
    height: 42px;
    font-family: 'touchebold';
    font-size: 11px;
    color: #2e2d2c;
    padding: 3% 3% 3% 2%;
    text-align: center;
} */


/* Slide Brand  */

#section-page-brand {margin-top: 40px; }
#section-page-brand-2{ border-top: 1px solid black; border-bottom: 1px solid black;}
.page-brand-decor-container {overflow: hidden;}
.page-brand-decor {overflow: hidden; height: 6px; background-color: #e77067;}
.page-brand-decor-right {float: right; width: 15px; height: 6px; background: url('../img/section-line-decor-right.png') no-repeat 0 0;}
#section-page-brand .slick-dots {display: none!important;}
#section-page-brand .slick-next, #section-page-brand .slick-next:hover, #section-page-brand .slick-next:focus {background: url('../img/home/next-brand-button.png') no-repeat 0 0; background-size:cover;}
#section-page-brand .slick-prev, #section-page-brand .slick-prev:hover, #section-page-brand .slick-prev:focus {background: url('../img/home/prev-brand-button.png') no-repeat 0 0; background-size:cover;}
#section-page-brand .slick-next {
    opacity: 1;
    width: 40px;
    height: 40px;
    background-size: cover;
    top: 150px;
    right: -6%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}


#section-page-brand .slick-next:hover {opacity: 0.7;}
#section-page-brand .slick-next:before {content: none;}

#section-page-brand .section-inner{
    border-top:1px solid black;
    border-bottom:1px solid black;
    max-height: 315px;
}

#section-page-brand .slick-prev {
    opacity: 1;
    width: 40px;
    height: 40px;
    background-size: cover;
    position: absolute;
    top: 150px;
    left: -6%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

#section-page-brand .slick-prev:hover {opacity: 0.7;}
#section-page-brand .slick-prev:before {content: none;}
/* #section-page-brand .slick-prev:hover {opacity: 0.7;}
#section-page-brand .slick-prev:before {content: none;}
#section-page-brand .slick-dots li button {width: 38px; height: 35px; background: url('../img/home-product-bullet.png') no-repeat 0 0;}
#section-page-brand .slick-dots li button:before {content: none;}
#section-page-brand .slick-dots li.slick-active button {background: url('../img/home-product-bullet-active.png') no-repeat 0 0;} */
.border-odd-brand{border-bottom:1px solid black; width : 100%;    position: relative; top: 150px;}
.brand-list-item{
    text-align: center;
    height: 150px;
    width: 100%;
    display: inline-block;
    position: relative;
    /* border-bottom: 1px solid black; */
}

.brand-list-item img{
    vertical-align:middle;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    
}


/* Slick Brand Versi Mobile  */


#section-page-brand-mobile {margin-top: 40px;    border-top: 1px solid black;}
#section-page-brand-2-mobile{ border-top: 1px solid black; border-bottom: 1px solid black;}
.page-brand-decor-container-mobile {overflow: hidden;}
.page-brand-decor-mobile {overflow: hidden; height: 6px; background-color: #e77067;}
.page-brand-decor-right-mobile {float: right; width: 15px; height: 6px; background: url('../img/section-line-decor-right.png') no-repeat 0 0;}
#section-page-brand-mobile .slick-dots{display:none!important;}
#section-page-brand-mobile .slick-next, #section-page-brand-mobile .slick-next:hover, #section-page-brand-mobile .slick-next:focus {background: url('../img/home/next-brand-button.png') no-repeat 0 0; background-size:cover;}
#section-page-brand-mobile .slick-prev, #section-page-brand-mobile .slick-prev:hover, #section-page-brand-mobile .slick-prev:focus {background: url('../img/home/prev-brand-button.png') no-repeat 0 0; background-size:cover;}
#section-page-brand-mobile .slick-next {
    opacity: 1;
    width: 40px;
    height: 40px;
    background-size: cover;
    top: 150px;
    right: -6%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#section-page-brand-mobile .slick-next:hover {opacity: 0.7;}
#section-page-brand-mobile .slick-next:before {content: none;}
#section-page-brand-mobile .slick-prev:hover {opacity: 0.7;}
#section-page-brand-mobile .slick-prev:before {content: none;}
#section-page-brand-mobile .slick-prev {
    opacity: 1;
    width: 40px;
    height: 40px;
    background-size: cover;
    position: absolute;
    top: 150px;
    left: -6%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
/* #section-page-brand-mobile .slick-prev:hover {opacity: 0.7;}
#section-page-brand-mobile .slick-prev:before {content: none;}
#section-page-brand-mobile .slick-dots li button {width: 38px; height: 35px; background: url('../img/home-product-bullet.png') no-repeat 0 0;}
#section-page-brand-mobile .slick-dots li button:before {content: none;}
#section-page-brand-mobile .slick-dots li.slick-active button {background: url('../img/home-product-bullet-active.png') no-repeat 0 0;} */

.brand-list-item-mobile{
    text-align: center;
    height: 150px;
    width: 100%;
    display: inline-block;
    position: relative;
}

.brand-list-item-mobile img{
    vertical-align:middle;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    
}



.section-brand2-container {padding-top:3%; padding-bottom:3%;}
.brand2-item {text-align: center; height:150px;}
.brand2-item img {display: inline-block !important;}



.section-brand2-container .slick-next, .section-brand2-container .slick-next:hover, .section-brand2-container .slick-next:focus {background: url('../img/home/next-brand-button.png') no-repeat 0 0; background-size:cover;}
.section-brand2-container .slick-prev, .section-brand2-container .slick-prev:hover, .section-brand2-container .slick-prev:focus {background: url('../img/home/prev-brand-button.png') no-repeat 0 0; background-size:cover;}
/* .section-customer-container .slick-next {opacity: 1; width: 25px; height: 48px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;} */
.section-brand2-container .slick-next:hover {opacity: 0.7;}
.section-brand2-container .slick-next:before {content: none;}
/* .section-customer-container .slick-prev {opacity: 1; width: 25px; height: 48px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;} */

.section-brand2-container .slick-next {
    opacity: 1;
    width: 40px;
    height: 40px;
    background-size: cover;
    top: 80px;
    right: -6%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.section-brand2-container .slick-prev {
    opacity: 1;
    width: 40px;
    height: 40px;
    background-size: cover;
    position: absolute;
    top: 80px;
    left: -6%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.section-brand2-container .slick-prev:hover {opacity: 0.7;}
.section-brand2-container .slick-prev:before {content: none;}
.section-brand2-container .slick-dots {bottom: -45px;}
.section-brand2-container .slick-dots li {width: 40px;}
.section-brand2-container .slick-dots li a {font-family: 'Sisco'; padding-bottom: 5px; color: #3c3a3a; font-size: 11px;}
.section-brand2-container .slick-dots li.slick-active a {color: #de2524; font-size: 13px; border-bottom: 2px solid #de2524;}


/* Slick Brand 2 Mobile */

.section-brand2-container-mobile {padding-top:3%; padding-bottom:3%;}
.brand2-item-mobile {text-align: center; height:150px;}
.brand2-item-mobile img {display: inline-block !important;}



.section-brand2-container-mobile .slick-next, .section-brand2-container-mobile .slick-next:hover, .section-brand2-container-mobile .slick-next:focus {background: url('../img/home/next-brand-button.png') no-repeat 0 0; background-size:cover;}
.section-brand2-container-mobile .slick-prev, .section-brand2-container-mobile .slick-prev:hover, .section-brand2-container-mobile .slick-prev:focus {background: url('../img/home/prev-brand-button.png') no-repeat 0 0; background-size:cover;}
/* .section-customer-container .slick-next {opacity: 1; width: 25px; height: 48px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;} */
.section-brand2-container-mobile .slick-next:hover {opacity: 0.7;}
.section-brand2-container-mobile .slick-next:before {content: none;}
/* .section-customer-container .slick-prev {opacity: 1; width: 25px; height: 48px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;} */

.section-brand2-container-mobile .slick-next {
    opacity: 1;
    width: 40px;
    height: 40px;
    background-size: cover;
    top: 80px;
    right: -6%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.section-brand2-container-mobile .slick-prev {
    opacity: 1;
    width: 40px;
    height: 40px;
    background-size: cover;
    position: absolute;
    top: 80px;
    left: -6%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.section-brand2-container-mobile .slick-prev:hover {opacity: 0.7;}
.section-brand2-container-mobile .slick-prev:before {content: none;}
.section-brand2-container-mobile .slick-dots {bottom: -45px;}
.section-brand2-container-mobile .slick-dots li {width: 40px;}
.section-brand2-container-mobile .slick-dots li a {font-family: 'Sisco'; padding-bottom: 5px; color: #3c3a3a; font-size: 11px;}
.section-brand2-container-mobile .slick-dots li.slick-active a {color: #de2524; font-size: 13px; border-bottom: 2px solid #de2524;}



.home-relative{position:relative;}
.home-aboutus-containt{width:100%;position:relative;top: -125px;}
.home-aboutus-left{width:50%;float:left;}
.home-about-icon{width:4%;float:left;}
.home-aboutus-right{width:50%;float:left;}
.home-aboutus-content{width:46%;margin-left:2%; float:left;}
.home-aboutus-title{width:140%; font-family:'touchebold'; font-size:39px; color:#2e2d2c; margin-bottom:5%;}
.home-aboutus-text{width:160%; font-family:'gibsonregular'; font-size:17px; color:#575756;}
.home-aboutus-textbold{font-family:'gibsonbold'; font-size:17px; color:#2e2d2c;}

.aboutus-img-mobile-content{width:100%; margin-bottom:10%;}
.aboutus-img-mobile-pad{padding-right: 5%;}
.aboutus-mobile-content-desc{padding-left:5%; padding-right:10%;}
.black-marker-mobile-aboutus{width:10%;float:left; text-align:center;}
.content-mobile-aboutus-left{width:90%; float:left;}
.black-marker-aboutus-position{position:relative; top:15px;}
.brand-img-position-mobile{width:50%; float:left; text-align:center;}
.brand-mobile-1-img{margin: 0 auto; position: relative; top:15px;}
.brand-desktop-position{width:50%; float:left; text-align:center;}
.img-1-brand-dekstop{margin: 0 auto; position: relative; top:15px;}
.main-brand-padding{padding-left:20%; padding-right:20%;}
.home-whyus-title{ 
    color:#ffcc00;
    font-family:'touchebold';
    font-size:18px;
    position: relative;
    top: -32px;
}
.home-whyus-content{width:100%; margin-top:50px;}
.home-whyus-question{text-align:center;color:#ffcc00;font-family:'touchebold';font-size:39px;}
.home-whyus-item{width:33%;float:left;margin: 0 auto;text-align:center;}
.home-whyus-image{min-height:120px;}
.home-profile-left{width:25%;float:left;}
.home-profile-right{width:70%; margin-left:5%; height:450px; float:left;}
.home-whyus-description {
    color: #f2ebe4;
    font-family: 'gibsonregular';
    font-size: 17px;
    padding-left: 20%;
    padding-right: 20%;
    text-align: left;
}

.home-profile-title{font-family:'touchebold'; font-size:39px; color:#2e2d2c;}
.home-profile-text{font-family:'gibsonregular'; font-size:18px; color:#575756;margin-top:30px;margin-bottom:30px;padding-right: 15%; letter-spacing: 0.7px;}
.home-whyus-title-content{margin-top:30px;}

.milestone-col {width: 33.33%; margin-bottom: 40px;}
.milestone-row {display: table; height: 100%; width: 100%;}
.milestone-left {display: table-cell; width: 40%; vertical-align: bottom;}
.milestone-right {display: table-cell; width: 60%; vertical-align: middle;}
.milestone-image {margin-bottom: 10px; text-align: center;}
.milestone-year {text-align: center; width: 100%; font-family: 'touchebold'; font-size: 28px; color: #2e2d2c; position: relative; border-top: 2px solid #000; border-bottom: 2px solid #000;}
.milestone-number-container {height: 60px; text-align: center; position: relative;}
.milestone-number-container img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.milestone-number {position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; text-align: center; font-family: 'gibsonbold_italic'; font-size: 17px; color: #ffcc00; width: 100%;}
.milestone-right ul {list-style-image: url(../img/home/pointer.png); font-family: 'gibsonregular'; font-size: 14px; color: #2e2d2c; padding-left: 30px;}
.milestone-desc {height: 100%; display: flex; align-items: center;}
.milestone-flex {display: flex; flex-direction: column; height: 100%; justify-content: space-between;}
.milestone-flex .milestone-number-container {flex: 0 0 60px;}
.milestone-line {height: 2px; position: absolute; background-color: #000; top: 50%; transform: translateY(-50%);}
.milestone-line.both, .milestone-right .milestone-line {width: 100%; left: 0;}
.milestone-line.left {width: 50%; right: 0;}
.milestone-line.right {width: 50%; left: 0;}
.milestone-start-icon {position: absolute; top: 50%; transform: translateY(-50%) !important; right: 10%; left: unset !important; width: 23px;}
.milestone-end-icon {position: absolute; top: 50%; transform: translateY(-50%) !important; left: 10% !important; width: 23px;}

.history-column-1{width:100%; min-height: 303px;}
.history-column-2{width:100%; min-height: 303px;}
.history-column-3{width:100%;}
.home-milestone-item{width:33%;float:left;text-align:left;}
.home-milestone-content{width:33%;float:left;text-align:left;}
.milestone-large-text{font-family:'touchebold'; font-size:48px; color:#2e2d2c; padding-right:15%;}
.home-column-milestone-center{width:34%;float:left;text-align:left;}
.home-milestone-image-content{width:40%;float:left;}
.home-milestone-list-content{width:55%;float:left;}
.line-history-start-icon{position:absolute;max-width: 2%;top: -53px;left: 29%;}
.line-history-end-icon{position:absolute;max-width: 2%;top: -57px; right: 15%;}
.img-timeline {
    position: absolute;
    top: 346px;
    left: 56px;
    max-width: 100%;
    display:none;
}

.img-year-content {
    position: relative;
    text-align: center;
    background: url('../img/home/year-content-img.png') no-repeat;
    background-size: contain;
    width: 100%;
    height: 42px;
    /* margin: 0 auto; */
    /* left: 0; */
    /* right: 0; */
    margin-top: 10px;
}

.home-year-text {
    text-align: center;
    width: 100%;
    font-family: 'touchebold';
    font-size: 28px;
    color: #2e2d2c;
    margin-top: 10px;
    position: relative;
}
ul.list-item-history {
    list-style-image: url('../img/home/pointer.png');
    font-family:'gibsonregular';
    font-size:14px;
    color:#2e2d2c;
    padding-left: 30px;
}

.list-history-1{
    position: relative;
    top: 25px;
}
.list-history-2{    
    position: relative;
    top: 60px;
}
.list-history-4{
    position: relative;
    top: 90px;
}
.home-history-image {
    text-align: left;
    min-height: 160px;
}
.home-history-number{text-align:center; margin-top:10px;}
.home-history-text {
    font-family: 'gibsonbold_italic';
    font-size: 17px;
    color: #ffcc00;
    position: relative;
    z-index: 10;
    top: -32px;
    text-align: center;
}

.img-3-logo{
    position: relative;
    top: 0px;
}
.img-4-logo{
    position: relative;
    top: 0px;
}

.text-336 {
    position: absolute;
    font-family: 'touchebold';
    font-size: 59px;
    color: white;
    /* text-align: center; */
    margin-left: 50px;
    margin-top: -4px;
}

.text-outlet{
    position: absolute;
    /* top: 0px; */
    margin-top: 62px;
    margin-left: 90px;
    font-family: 'touchesemibold';
    font-size: 14px;
    color: #2e2d2c;
}

.text-outlet-2 {
    position: absolute;
    /* top: 0px; */
    margin-top: 64px;
    margin-left: 4px;
    font-family: 'touchesemibold';
    font-size: 14px;
    color: #2e2d2c;
}

.text-1200{
    font-family: 'touchebold';
    font-size: 59px;
    color: white;
    position: absolute;
}

.home-joinus-left{width:50%; float:left;}
.home-joinus-right{width:50%; float:left; padding-left:10%; padding-right:10%;}
.home-joinus-text{color:#ffcc00; font-family:'touchebold'; font-size:48px; margin-bottom: 20px;}
.home-joinus-desc{color:#f2ebe4; font-family:'gibsonregular'; font-size:14px;}
.home-joinus-desc-yellow{color:#ffcc00; font-family:'gibsonsemibold'; font-size:17px;}

.img-joinus-image-mobile{position:relative; left:-35px;}

.btn-home-franchise {
    margin-top: 50px;
    background: url('../img/home/learn-franchise.png') no-repeat;
    background-size: cover;
    width: 300px;
    height: 42px;
    font-family: 'touchebold';
    font-size: 11px;
    color: #2e2d2c;
    padding: 3% 3% 3% 2%;
    text-align: center;
    letter-spacing: 0.7px;
}
.btn-home-awards-more {
    margin-top: 50px;
    background: url('../img/home/button-awards-more.png') no-repeat;
    background-size: contain;
    width: 290px;
    height: 30px;
    font-family: 'touchebold';
    font-size: 11px;
    color: #2e2d2c;
    padding: 3% 3% 3% 2%;
    padding-top: 10px;
    text-align: center;
    letter-spacing: 0.7px;
    margin: 0 auto;
}

.left-main-news{float:left; width:50%;}
.home-news-right{float:left; width:50%;border-top: 1px solid black; border-bottom: 1px solid black;}
.img-news-main{margin-bottom: 20px;}
.news-item-2{margin-top:10%; margin-bottom:10%;}
.img-main-content{width:35%; float:left;}
.news-item-2-content{width:60%; margin-left:5%; float:left;}
.wid-90{width: 90%;}
.home-news-title-main{font-family:'touchebold'; font-size: 39px; color:#2e2d2c; text-align:center; margin-bottom:5%;}
.news-date-left{width:14%;float:left;}
.news-date-bullet{margin-left:10px; position:relative; top:-3px;}
.home-day-list-news{color:#706f6f; font-family:'touchemedium'; font-size:18px;}
.home-month-list-news{color:#706f6f; font-family:'touchemedium'; font-size:11px;}
.home-news-title {
    width: 80%;
    float: left;
    font-family: 'touchesemibold';
    font-size: 24px;
    color: #2e2d2c;
    text-align: left;
    margin-left: 5%;
    position: relative;
    margin-top: 0px;
    margin-bottom: 0px;
}

.home-news-title a{
    color: #2e2d2c;
}
.home-year-list-news{margin-left: 10px;}
.icon-news-date {
    margin-left: 10px;
    position: relative;
    top: -3px;
}
.font-day{color:#706f6f; font-family:'touchemedium'; font-size:18px;}
.font-month{color:#706f6f; font-family:'touchemedium'; font-size:11px;}
.font-year{margin-left: 10px;}
.home-news-date-content{width:14%; float:left;}
.news-main-title{width:75%;float:left;font-family:'touchesemibold'; font-size:24px; color:#2e2d2c;}
.news-main-title a{color:#2e2d2c;}
.home-mt-30{margin-top:30px;}

/* News Image */

.mainnews-item-press {overflow:hidden; position: relative; width:100%; float:left!important; }
.mainnews-item-inner-press {margin-left: 0px; padding:0%;}
.mainnews-item-image-press {background-color: transparent;  overflow: hidden; position: relative; width: 100%; background-repeat: no-repeat; background-position: center; background-size:cover; }
.mainnews-item-image-press:before {content: ""; display: block; padding-top: 80%;}
.mainnews-item-image-inner-press {position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.mainnews-item-image-press img {visibility: hidden; max-width: 100%; height: 100%;}



.btn-home-news-read-more {
    margin-top: 70px;
    background: url('../img/home/read-more.png') no-repeat;
    background-size: contain;
    width: 195px;
    height: 5px;
    font-family: 'touchebold';
    font-size: 11px;
    color: #2e2d2c;
    padding: 0% 0% 3% 4%;
    letter-spacing: 1.7px;
    text-align: center;
}

.btn-home-news-read-more-2 {
    margin-top: 100px;
    background: url('../img/home/read-more.png') no-repeat;
    background-size: contain;
    width: 195px;
    height: 18px;
    font-family: 'touchebold';
    font-size: 11px;
    color: #2e2d2c;
    padding: 0% 0% 3% 7%;
    letter-spacing: 1.7px;
    text-align: center;
}

.home-news-separator {
    margin-top: 7%;
    margin-bottom: -3%;
}

/* .home-news-separator:last-child{display:none;} */


.btn-home-more {
    margin-top: 50px;
    background: url('../img/home/button-more.png') no-repeat;
    background-size: cover;
    width: 170px;
    height: 36px;
    font-family: 'touchebold';
    font-size: 11px;
    color: #2e2d2c;
    padding: 1% 0% 0% 0%;
    text-align: center;
    margin: 0 auto;
    top: 35px;
    position: relative;
    padding-top: 8px;
}

/* .home-news-separator:last-child{display: none;} */
.our-brand-text{text-align:center;font-family:'touchebold'; font-size:39px; color:#2e2d2c; margin-bottom:30px;}
.home-brand-main-line{text-align:center; margin-bottom: 50px;}
.img-mainbrand-0{
    position: relative;
    left: -75px;
}

.img-mainbrand-1{
    position: relative;
    left: 42px;
}
.home-brand-left{width:75%;float:left; min-height:160px;}
.home-brand-text{font-family:'touchebold'; font-size:16px; color:#2e2d2c; margin-bottom:15px;     margin-top: 4%;}
.brand-item-1{min-height: 160px;border-top:1px solid black; border-bottom:1px solid black; padding-top:5%; padding-bottom:2%; }
.brand-item-3{min-height: 162px; border-top:1px solid black; border-bottom:1px solid black; padding-top:5%; padding-bottom:4%;}
.brand-item-1 ul {list-style: none; padding-left: 0; text-align: center;}
.brand-item-1 li {margin-right: auto; float: left; width: 25%; }
.brand-item-2 ul {list-style: none; padding-left: 0; display: flex; flex-wrap: nowrap;}
.brand-item-2 li {margin-right: auto; float: left;}
.brand-item-3 ul {list-style: none; padding-left: 0; display: flex; flex-wrap: nowrap;}
.brand-item-3 li {margin-right: auto; float: left;}
.col-investment ul {list-style: none; padding-left: 0; text-align: center;}
.col-investment li {margin-right: auto; float: left;width: 50%; }
.img-foodseparator{margin-bottom:2%; margin-top:2%;}
.img-foodseparator:last-child{display:none;}
.home-mt-50{margin-top:50px;}
.height-vertical-brand{height:370px;}
.vertical-separator-content{width:1%; margin-left:4%; margin-right:2%;float:left; min-height:160px; }
.home-brand-right{width:15%; float:left; min-height:160px;}
.brand-img{position:relative; top:25px; left:30px;}
.list-brand-1{width:20%;float:left;}
.list-brand-2{width:20%;float:left; position:relative; left: 10px; text-align:left;}
.list-brand-3{width:40%;float:left}
.list-brand-4{width:20%;float:left; text-align: center;}
.brand-line-angel {
    background: url('../img/home/brand-line (3).png') repeat-x;
    width: 100%;
    height: 1px;
    margin-top: 0%;
    margin-bottom: 5%;
}
.brand-footer-line{
    background: url('../img/home/brand-line (5).png') repeat-x;
    width:100%;
    height:2px;
}

.flex-mainbrand{display: flex; align-content: space-between; flex-wrap: wrap; flex-direction: row; padding:5%;}
.brand-image-flex{flex: 0 0 50%; padding: 5%; margin-left:auto; margin-right:auto; text-align: center;}
.brandfood-flex{display: flex; align-content: space-between; flex-wrap: wrap; flex-direction: row; padding:5%; border-top: 1.5px solid #b4b4b4; border-bottom: 1.5px solid #b4b4b4; margin-bottom:5%;}
.img-food-mobile{text-align: center;position: relative;vertical-align: middle; margin: 0 auto;margin-bottom: 5%;}
.foundation-flex{display: flex; align-content: space-between; flex-wrap: wrap; flex-direction: row; padding:5%;border-top: 1.5px solid #b4b4b4; border-bottom: 1.5px solid #b4b4b4;}
.aqua-astethic-mobile-flex{display: flex; align-content: space-between; flex-wrap: wrap; flex-direction: row; padding:0%;}
.flex-aqua-asthetic{flex: 0 0 50%; padding: 0%; margin-left:auto; margin-right:auto; text-align: center;}
.angel-mobile-flex{display: flex; align-content: space-between; flex-wrap: wrap; flex-direction: row; padding:0%;border-top: 1.5px solid #b4b4b4; border-bottom: 1.5px solid #b4b4b4; margin-bottom: 10%;}
.edutaiment-mobile-flex{display: flex; align-content: space-between; flex-wrap: wrap; flex-direction: row; padding:0%;border-top: 1.5px solid #b4b4b4; border-bottom: 1.5px solid #b4b4b4;}
.angel-img-flex{flex: 0 0 50%; padding: 5%; margin-left:auto; margin-right:auto; text-align: center; margin-top:3%; margin-bottom:3%;}
.line-history-1 {
    background: url('../img/home/Image-1-history-line.png');
    width: 42%;
    height: 2px;
    position: relative;
    right: -33%;
    top: -46px;
}

.line-history-2 {
    background: url('../img/home/Image-1-history-line.png');
    width: 68%;
    height: 2px;
    position: relative;
    right: -7%;
    top: -46px;
}

.line-history-3 {
    background: url('../img/home/Image-1-history-line.png');
    width: 74%;
    height: 2px;
    position: relative;
    right: -7%;
    top: -46px;
}
.mobile-home-separator-brand {
    background: url('../img/home/mobile/news-line.png');
    width: 90%;
    height: 1.5px;
    margin-bottom: 10%;
    margin-top: 10%;
}

.mobile-home-separator-brand-2 {
    background: url('../img/home/mobile/news-line.png');
    width: 100%;
    height: 1.5px;
    margin-bottom: 10%;
    margin-top: 10%;
   
}

.mb-5{margin-bottom:5%;}
.mb-3{margin-bottom:3%;}
.min-height-100{min-height:100px;}

.button-milestone-more {
    opacity: 1;
    background: url('../img/home/slide-button.png') no-repeat 0 0;
    background-size: cover;
    width: 220px;
    height: 46px;
    padding-left: 30px;
    padding-right: 35px;
    padding-top: 11px;
    display: block;
    font-family: 'touchebold';
    font-size: 11px;
    color: #ffcc00;
    cursor: pointer;
    text-align: center;
    margin: 0 auto;
    position: relative;
    left: -50px;
}


@media (min-width: 1367px) and (max-width: 1920px)  {
    .list-brand-1 {width: 17%; float: left; padding-right: 3%;}
    .list-brand-4 {width: 17%; float: left; text-align: center;}
    .list-brand-3 {width: 45%; float: left;}
    .vertical-separator-content {min-height: 160px;}
    .brand-item-3 {min-height: 178px;}
    .list-brand-3 {width: 45%; float: left; padding-right: 7%;}
    .list-brand-2 {padding-right: 5%;}
    .height-vertical-brand {height: 394px;}
    #home-slide-image{height: 800px; width: 65%; position: absolute;right: 0; object-fit:fill;}
    .image-slide-background{height: 800px; width: 70%;position: absolute;right: 0;background: url('../img/slide-right-image-1.png') no-repeat top right; background-size:cover;}
    .slide-item {position: relative; background-size: cover; background-repeat: no-repeat; background-position: top left;}
    #slide-vertical-line{height:225px; width:10px; left:6%; top:175px;}
    .slide-container .flex-direction-nav .flex-prev {top: 300px;}
    .slide-container .flex-direction-nav .flex-next {top:300px;}
}

@media all and (max-width:1750px){
    #slide-vertical-line{height:225px; width:10px; left: 6%; top:150px;}
}

@media all and (max-width:1600px){
    #slide-vertical-line{height:200px; width:10px; left: 6%; top:125px;}
}

@media all and (max-width:1366px){
    #slide-vertical-line{position:absolute; height:170px; width:10px; left: 6%; top:105px;}
}

@media all and (max-width:1300px){
    .brand-item-3 {min-height: 158px;}
    .height-vertical-brand {height: 355px;}
    #section-home-joinus {height: 540px;}
    .slide-title {font-size: 49px;}
}

@media all and (max-width:1250px){
    ul.list-item-history {font-size: 13px;}
    .home-year-text {top: -2px;}
    #section-home-joinus {height: 525px;}
    .home-joinus-text {font-size: 45px;}
    .home-joinus-desc-yellow {color: #ffcc00; font-family: 'gibsonsemibold'; font-size: 15px;}
    #home-slide-image {height: 560px;width: 65%;}
    .slide-item {position: relative; }
    .slide-image-position {right: 120px;top: 75px;max-width: 45%;}
    .slide-image-position {right: 105px;top: 75px;max-width: 45%;}
}


@media all and (max-width:1200px){
    ul.list-item-history {font-size: 13px;}
    .home-year-text {top: -3px;}
    .home-history-number {text-align: center; margin-top: 20px;}
    ul.list-item-history {font-size: 13px;}
    .height-vertical-brand {height: 348px;}
    .brand-item-3 {min-height: 154px;}
    .home-about-icon {margin-left: 5%; position: relative; top: 15px;}
    .home-aboutus-title {margin-left: 5%;}
    .home-aboutus-text {margin-left: 5%;}
    .btn-home-about-us {margin-left: 5%;}
    .babarafi-about-us {width: 742px;}
    #section-home-joinus {height: 510px; background-position: 58% 10%;}
    /* .slide-content-container {padding: 4% 3% 3% 4%} */
    .slide-desc {margin-bottom: 15px;}
    .slide-title {line-height: 1.1em; margin-bottom: 15px;}
    .slide-item {height: 520px;}
    .slide-image {height: 90%;}
    .slide-content-container {margin-top: 4%;}

    .milestone-right ul {font-size: 13px;}
}

@media all and (max-width:1150px){
    .babarafi-about-us {width: 720px;}
    #section-home-joinus {height: 493px;}
    .home-joinus-text {font-size: 40px;}
    .home-joinus-right {padding-left: 8%; padding-right: 8%;}
    .home-joinus-desc {font-size: 13px;}
    .btn-home-franchise {margin-top: 40px;}
    .slide-title {font-size: 44px;}
    /* .slide-content-container {left: 65px;} */
}

@media all and (max-width:1100px){
    ul.list-item-history {font-size: 12px;}
    .milestone-large-text {font-family: 'touchebold'; font-size: 45px; color: #2e2d2c; padding-right: 15%;}
    .height-vertical-brand {height: 340px;}
    .brand-item-3 {min-height: 151px;}
    .home-brand-text {font-size: 14px;}
    .home-aboutus-title {font-size: 35px;}
    .home-aboutus-text {font-size: 15px;}
    .home-about-us-textbold{font-size: 15px;}
    .babarafi-about-us {width: 696px;}
    .btn-home-franchise {margin-top: 40px;}
    .home-joinus-text {font-size: 42px;}
    #section-home-joinus {background-position: 63% 10%;}
    .home-profile-right {height: 420px;}
    .home-profile-title {font-size: 35px;}
    .home-profile-text {font-size: 16px;}
    .slide-desc {font-size:15px;}
    .slide-title {font-size: 40px;}
    .slide-item {height: 480px;}
    .slide-image {height: 80%;}
    .milestone-right ul {font-size: 12px;}
    .milestone-year {font-size: 24px;}
}

@media all and (max-width:1050px){
    .home-year-text {top: -3px; font-size: 24px;}
    .brand-item-3 {min-height: 149px;}
    .height-vertical-brand {height: 335px;}
    .list-brand-2 {padding-right: 2%;}
    .list-brand-3 {padding-right: 2%;}
    .babarafi-about-us {width: 670px;}
    .home-whyus-description {font-size: 15px; padding-left: 15%; padding-right: 15%;}
    #home-slide-image {height: 535px; width: 65%;}
    .slide-item {position: relative; }
}

@media all and (max-width:1000px){
    .milestone-large-text {font-family: 'touchebold'; font-size: 40px; color: #2e2d2c; padding-right: 15%;}
    .home-brand-text {font-size: 13px;}
    .babarafi-about-us {width: 646px;}
    .home-aboutus-title {font-size: 33px;}
    .home-whyus-title-content {padding-left: 5%;padding-right: 5%;}
    .home-joinus-text {font-size: 38px;}
    .home-profile-right {height: 400px;}
    .home-profile-title {font-size: 32px;}
    .home-profile-text {font-size: 15px;}
    .slide-desc {font-size: 13px;}
    #slide-vertical-line{position:absolute; height:170px; width:10px; left:65px; top:85px;}
    .news-date-bullet {margin-left: 5px; position: relative; top: -3px;}
    #section-page-brand .slick-next {width: 35px; height: 35px; top: 150px; right: -8%;}
    #section-page-brand .slick-prev {width: 35px; height: 35px; top: 150px; left: -8%;}
    .section-brand2-container .slick-prev {width: 35px; height: 35px; top: 50px; left: -8%;}
    .section-brand2-container .slick-next {width: 35px; height: 35px; top: 50px; right: -8%;}
}

@media all and (max-width:950px){
    ul.list-item-history {font-size: 11px;}
    .img-year-content {margin-top: -20px;}
    .list-brand-1 {width: 18%; padding-right: 2%;}
    .list-brand-2 {padding-right: 0%;}
    .list-brand-3 {padding-right: 0%; padding-left: 3%;}
    .list-brand-4 {padding-left: 3%;}
    .home-brand-text {font-size: 12px;}
    .babarafi-about-us {width: 620px;}
    .home-aboutus-title {font-size: 30px;}
    .home-aboutus-text {font-size: 14px;}
    .home-aboutus-textbold{font-size: 14px;}
    .home-whyus-question {font-size: 35px;}
    .home-joinus-right {padding-left: 5%; padding-right: 5%;}
    .home-joinus-desc-yellow {font-size: 14px;}
}

@media all and (max-width:900px){
    ul.list-item-history {font-size: 10px;}
    .line-history-1 {top: -44px;}
    .line-history-2 {top: -44px;}
    .line-history-3 {top: -44px;}
    .home-history-text {font-size: 15px;}
    .brand-img {position: relative; top: 15px; left: 5px;}
    .height-vertical-brand {height: 325px;}
    .brand-item-3 {min-height: 144px;}
    .home-brand-text {font-size: 10px;}
    .babarafi-about-us {width: 595px;}
    .home-aboutus-title {font-size: 28px;}
    .home-whyus-title {font-size: 16px; top: -30px;}
    #section-home-joinus {height: 510px; background-position: 66% 10%;}
    .home-profile-right {height: 375px;}
    .home-profile-title {font-size: 28px;}
    .home-profile-text {font-size: 14px;}
    #home-slide-image {height: 490px; width: 65%;}
    .slide-item {position: relative; }
    .slide-desc {font-size: 12px;}
    .slide-title {font-size: 35px;}
    .brand-list-item img {max-width: 75%;}
    .slide-item {height: 450px;}
    .milestone-right ul {font-size: 11px;}
    .milestone-year {font-size: 20px;}
}


@media all and (max-width:850px){
    .home-year-text {top: -1px;font-size: 20px;}
    .img-year-content {margin-top: -45px;}
    .milestone-large-text {font-family: 'touchebold'; font-size: 35px; color: #2e2d2c; padding-right: 15%;}
    .brand-item-3 {min-height: 142px;}
    .height-vertical-brand {height: 316px;}
    .babarafi-about-us {width: 570px;}
    .home-aboutus-title {font-size: 24px;}
    .home-aboutus-text {font-size: 13px;}
    .home-aboutus-textbold{font-size: 13px;}
    .home-whyus-description {padding-left: 10%; padding-right: 10%; font-size:14px;}
    #section-home-joinus {background-position: 67% 10%;}
    #home-slide-image {height: 445px; width: 65%;}
    .slide-item {position: relative; }
    .slide-title {font-size: 32px;}
    .slide-desc {font-size: 10px;}
    #slide-vertical-line {position: absolute; height: 125px; width: 10px; left: 65px; top: 50px;}
    .home-news-date-content {width: 14%; float: left;}
    .home-news-title {width: 75%;}
}

@media all and (max-width:800px){
    ul.list-item-history {font-size: 8px;}
    .home-year-text {top: -3px; font-size: 18px;}
    .babarafi-about-us {width: 543px;}
    .home-aboutus-title {font-size: 20px;}
    .home-aboutus-text {font-size: 12px;}
    .home-aboutus-textbold{font-size:12px;}
    .home-whyus-title {font-size: 15px; top: -27px;}
    #section-home-joinus {background-position: 67% 10%;}
    .home-profile-right {height: 345px;}
    .home-profile-title {font-size: 26px;}
    .home-profile-text {font-size: 13px;}
    .slide-desc {font-size: 10px;}
    .slide-title {font-size: 30px;}
    .slide-item {height: 380px;}
    .milestone-right ul {font-size: 10px;}
}


@media all and (max-width:750px){
    .brand-item-3 {min-height: 139px;}
    .height-vertical-brand {height: 310px;}
    .home-brand-text {font-size: 9px;}
    .babarafi-about-us {width: 520px;}
    #section-home-joinus {background-position: 68% 10%;}
    .home-joinus-desc {font-size: 12px;}
    .home-joinus-desc-yellow {font-size: 13px;}
    .home-joinus-text {font-size: 34px;}
    .home-profile-title {font-size: 25px;}
    .home-profile-text {font-size: 12px;}
    .home-profile-right {height: 325px;}
}

@media all and (max-width:700px){
    #section-slideshow{display:none;}
    #section-slideshow-mobile{display:block;}

    #section-home-aboutus {display:none;}
    #section-home-aboutus-mobile {display:block;}
    #section-home-whyus {display:none;}
    #section-home-whyus-mobile{display:block;}
    #section-home-profile {display:none;}
    #section-home-profile-mobile{display:block;}
    #section-home-history {display:none;}
    #section-home-history-mobile{display:block;}
    #section-home-joinus {display:none;}
    #section-home-joinus-mobile{display:block;}
    #section-home-news{display:none;}
    #section-home-news-mobile{display:block;}
    #section-home-brand{display:none;}
    #section-home-brand-mobile{display:block;}

    .babarafi-about-us {position: relative; z-index: 0; width: 740px; height: 260px;}
    .home-aboutus-left {width: 100%; float: left; margin-bottom:10%;}
    .home-aboutus-right {width: 100%; float: left;}
    .home-aboutus-title {width: 100%; font-size: 34px;}
    .home-aboutus-text {width: 100%; font-size: 15px; padding-right:10%;}
    .home-aboutus-textbold{font-size:15px;}
    .btn-home-about-us {padding: 2% 3% 3% 2%;}
    .home-whyus-item {width: 100%; margin-bottom: 10%;}
    .home-whyus-description {font-size: 15px; padding-left: 30%; padding-right: 30%;}
    .home-whyus-title {font-size: 17px; letter-spacing: 2.7px;}
    .home-profile-right {width: 100%; margin-left: 0%; height: 400px; margin-bottom:10%;}
    .home-profile-left {width: 50%; float: left;}
    .home-profile-title {font-size: 34px;}
    .home-profile-text {font-size: 15px; padding-right: 0%; letter-spacing: 0.7px; line-height: 30px;}
    .home-profile-left {width: 60%; float: left; margin-left: 20%; margin-right: 20%;}
    .home-milestone-content {width: 100%; float: left; text-align: left; margin-bottom: 10%;}
    .home-column-milestone-center {width: 100%; text-align: left; margin-bottom: 10%;}
    ul.list-item-history {font-size: 13px; padding-left: 40px;}
    .home-milestone-image-content {width: 30%;}
    .home-milestone-list-content {width: 70%;}
    .home-milestone-item {width: 100%; margin-bottom: 10%;}
    .home-history-number {display:none;}
    .line-history-1, .line-history-2, .line-history-3 {display:none;}
    .home-relative {display:none;}
    .home-year-text {font-size: 21px; margin-top: 21px; left: 0; right: 0; margin: 0 auto; top: 3px; text-align: center; padding-right: 15px;}
    .img-year-content {margin-top: 0px;}
    .milestone-large-text {font-size: 34px; padding-right: 0%;}
    .home-joinus-left {width: 100%; margin-bottom: 5%;}
    .home-joinus-right {width: 100%; padding-left: 0%; padding-right: 0%;}
    .home-joinus-text {margin-top: 3%; font-size: 34px; margin-bottom: 5%;}
    .home-joinus-desc {font-size: 15px;}
    .home-joinus-desc-yellow {font-size: 17px;}
    .left-main-news {float: left; width: 100%;}
    .home-news-right {float: left; width: 100%; border-top: 1px solid black; border-bottom: 1px solid black;}
    .btn-home-news-read-more {margin-top: 5%; margin-bottom: 10%; width: 200px; height: 18px;}
    .news-item-2-content {width: 100%; margin-left: 0%;}
    .home-news-title-main{font-family:'touchebold'; font-size: 34px; margin-bottom: 10%;}
    .home-news-title {width: 75%; float: left; font-family: 'touchesemibold'; font-size: 20px; color: #2e2d2c; margin-top: 0px; margin-left: 0%; margin-bottom: 0px; text-align: left;}
    .btn-home-news-read-more-2 {margin-top: 30px; background: url(../img/home/read-more.png) no-repeat; background-size: contain; width: 200px; height: 18px; font-family: 'touchebold'; font-size: 11px; color: #2e2d2c; padding: 0% 0% 3% 7%; letter-spacing: 1.7px; text-align: center;}
    .news-main-title {width: 75%; float: left; font-family: 'touchesemibold'; font-size: 20px; color: #2e2d2c;}
    .font-year {margin-left: 5px;}
    .home-brand-left {width: 100%; float: left; min-height: 160px;}
    .home-brand-right {width: 100%; float: left;min-height: 160px;}
    .list-brand-3 {width: 100%; float: left;}
    .list-brand-4 {width: 100%; float: left; text-align:left;}
    .home-brand-text {font-family: 'touchebold'; font-size: 16px; color: #2e2d2c; margin-bottom: 15px; text-align:left;}
    .slide-container{ display:none; }
   .icon-news-date {margin-left: 10px;}
    .home-location-franchise {right: 0; width: 95%;}
    .home-location-text {font-size: 11px; letter-spacing:0.7px;}
    .home-franchise-text {font-size: 11px; letter-spacing: 0.7px;}
    .btn-home-awards-more {background-size: cover; width: 290px; height: 40px; padding: 3% 3% 3% 2%; padding-top: 10px;}
    .award-arrow-home-style {left: 8%;}
    #section-page-brand-mobile .slick-next {width: 40px; height: 40px; top: 850px; right: 25%;}
    #section-page-brand-mobile .slick-prev {width: 40px; height: 40px; top: 850px; left: 25%;}
    #section-page-brand-mobile {margin-top: 0px; border-top: 1px solid black; border-bottom: 1px solid black; margin-bottom: 20%;}
    #section-page-brand-2-mobile {padding-top: 5%; padding-bottom: 0%; margin-bottom: 10%;}
    .section-brand2-container-mobile .slick-next {width: 40px; height: 40px; top: 525px; right: 25%;}
    .section-brand2-container-mobile .slick-prev {width: 40px; height: 40px; top: 525px; left: 25%;}
    .button-milestone-more {left: -0px;}

    .slide-content-container {position: relative;}

    .milestone-large-text {margin-bottom: 80px;}
    .milestone-col {width: 100%; margin-bottom: 60px;}
    .milestone-row {display: flex;}
    .milestone-right ul {font-size: 14px;}
    .milestone-year {font-size: 28px;}
}


@media all and (max-width:650px){
    .home-year-text{padding-right: 0px;}
    .slide-title-mobile {font-family: 'touchebold'; font-size: 40px; color: #2e2d2c; line-height: 1.1em; margin-bottom: 5%;}
    #slide-vertical-line-mobile {position: absolute; height: 135px; width: 10px; left: 40px; top: 68px;}
}

@media all and (max-width:600px){
    .babarafi-about-us {width: 695px;}
    .btn-home-about-us {padding: 3% 3% 3% 2%;}
    .btn-home-more {padding: 2% 0% 0% 0%;}
    .location-franchise-icon-mobile {width: 15px;}
}

@media all and (max-width:550px){
    .slide-item-mobile {position: relative;}
    #home-slide-image-mobile{height: 300px; width: 100%; position: absolute;right: 0; object-fit:fill;transform: scale(1.4);}
    .flex-caption {top: 300px;}
    #slide-vertical-line-mobile {top: 57px; height: 76px; width: 7px;}
    .slide-container-mobile .flex-control-nav a {width: 20px; height: 33px;}
    .slide-title-mobile {font-size: 35px; margin-left:5%;}
    .slide-desc-mobile {font-size: 13px; margin-left: 5%;}
    .slide-button-mobile {margin-left: 5%;}
    .babarafi-about-us {width: 648px;}
    .slide-image-position-mobile {top: -50px;}
    .slide-container-mobile .flex-direction-nav .flex-prev {top: 120px;}
    .slide-container-mobile .flex-direction-nav .flex-next {top: 120px;}
}

@media all and (max-width:500px){
    .babarafi-about-us {width: 602px;}
    .home-profile-right {height: 300px;}
    .home-location-text, .home-franchise-text {top: 40%;}
    .award-arrow-home-style {left: 11%;}
}

@media all and (max-width:450px){
    #home-slide-image-mobile{height: 250px; width: 500px; position: absolute;right: 0; object-fit:fill;transform: scale(1.3);}
    .flex-caption {top: 250px;}
    .img-year-content {margin-top: -15px;}
    .home-year-text{top:0px;}
    .slide-desc-mobile {font-size: 12px; margin-left: 5%;}
    .slide-title-mobile {font-size: 30px; margin-left: 5%;}
    #slide-vertical-line-mobile {top: 49px; height: 90px; width: 7px; left: 30px;}
    .home-whyus-question {font-size: 32px;}
    .babarafi-about-us {width: 553px;}
    .slide-image-position-mobile {top: -80px;}
    .slide-container-mobile .flex-direction-nav .flex-prev {top: 100px;}
    .slide-container-mobile .flex-direction-nav .flex-next {top: 100px;}
    .img-slide-mobile-1 {max-width: 68%!important;}
    .img-slide-content-mobile {max-width: 41%;}
    .home-location-franchise {bottom: -34px;}
    .home-location-franchise .home-ml-15 {margin-left: 5px;}
    .home-location-text, .home-franchise-text {top: 33%;}
    .home-franchise-text {right: 15px;}
    #section-page-brand-mobile {margin-bottom: 30%;}
    #section-page-brand-2-mobile {margin-bottom: 20%;}
}

@media all and (max-width:400px){
    .home-year-text {top: -2px;}
    .img-year-content {margin-top: -25px;}
    .home-whyus-description {font-size: 15px; padding-left: 20%; padding-right: 20%;}
    .home-profile-text {font-size: 13px; padding-right: 0%; letter-spacing: 0.7px; line-height: 30px;}
    .home-profile-title {font-size: 30px;}
    .babarafi-about-us {width: 505px;}
    .news-main-title {padding-left: 5%;}
    .home-profile-right {height: 250px;}
    .img-slide-mobile-1 {max-width: 75%!important;}
    .img-slide-content-mobile {max-width: 45%;}
    .slide-title-mobile {font-size: 37px; margin-bottom: 7%;}
    .slide-desc-mobile {font-size: 13px;}
    #slide-vertical-line-mobile {height: 130px; top: 55px;}
    .home-news-title {padding-left:5%;}
    .btn-home-more {padding: 2% 0% 0% 0%; padding-top: 8px;}
    .btn-home-about-us {padding: 3% 3% 3% 2%; padding-top: 12px;}
    .home-franchise-text {padding-left: 6%;}
}

@media all and (max-width:350px){
    .home-year-text {top: -1px; font-size:20px;}
    .img-year-content {margin-top: -45px;}
    .home-milestone-item {margin-bottom: 5%;}
    .home-whyus-question {font-size: 28px;}
    .home-whyus-description {font-size: 15px; padding-left: 15%; padding-right: 15%;}
    .babarafi-about-us {width: 458px;}
    .home-aboutus-title {font-size: 30px;}
    .home-aboutus-text {font-size: 13px;}
    .home-aboutus-textbold{font-size:13px;}
    .slide-title-mobile {font-size: 32px; margin-bottom: 7%;}
    #slide-vertical-line-mobile {height: 125px; top: 45px;}
    .home-franchise-text {font-size: 9px; letter-spacing: 0.7px;}
    .home-location-text {font-size: 9px; letter-spacing: 0.7px;}
    .btn-home-awards-more {width: 280px; height: 39px;}
}

@media all and (max-width:320px){
    .home-year-text {top: -1px; font-size: 18px;}
    .img-year-content {margin-top: -50px;}
    ul.list-item-history {font-size: 11px; padding-left: 40px;}
}