.show-sm-large { display: none !important; }
.hide-sm-large { display: block !important; }
/*-1500--125%*/
@media only screen and (max-width: 1599.98px) {
.video-container a::before { width: 60px; height: 60px; }
/*----*/
.banner-content h1{ font-size: 42px; }
.banner-image{ margin-left: -60px;}
.banner-content{padding-right: 60px;}
.floating-nav{left: 30px; top: 130px; z-index: 2;}
.floating-nav ul li{ padding-bottom: 30px;}
.floating-nav ul li a{font-size: 11px; }
.intro-content{ padding: 0px 60px;}
.offer-box-title{ padding: 15px;}
.offer-box-info{ padding: 15px;}
.testimonial-box{padding: 60px 90px 30px;}
.testimonial-footer{ padding-top: 20px;}
.quote{left: 70px; top: -15px; width: 45px;}
.partner-box .icon-holder{ height: 80px;}
.client-box .icon-holder{ height: 80px;}
.footer-contact{ margin-top: 30px;}
.footer-contact div {font-size: 13px;}
.bottom-right{ padding: 20px 50px;}
.portfolio-box .grid-ov{padding: 30px;}
.post-list li{ padding-left: 40px; padding-bottom: 25px;}
.post-list li::before{ font-size: 38px; }
.whoose-logo{ width: 195px;}
.partner-box.alt .icon-holder{ height: 65px;} 
.partner-box.lg .icon-holder{ height: 100px;} 
.icon-pod-box{ padding: 20px;}
.icon-pod-box .icon-holder{ height: 44px;}
.aroma-list li{ padding-bottom: 30px;}
.aroma-word{ width: 180px; font-size: 115px; }
.story-box {padding: 40px; border-radius: 40px;}
.story-pod{padding: 20px;}
.story-testimonial{padding: 45px; }
.stories-slider .slick-prev{ left: -17px;}
.stories-slider .slick-next{ right: -17px;}
.seo-bottom-left{ padding-right: 160px;}
.seo-bottom-right{ margin-right: -30px; margin-left: -80px;}
.story-intro .icon-holder{ height: 32px;}
.story-testimonial-footer .icon-holder{ height: 22px;}

.web-service-list li{ padding: 15px 20px 15px 70px;}
.web-service-list li::before{width: 70px; font-size: 19px;}
.timeline-left { margin-right: 60px; max-width: 310px; }
.timeline { padding-left: 60px; }
.timeline-box{ padding: 15px 20px 15px 45px; }

}
/*-1400-*/
@media only screen and (max-width: 1499.98px) {

}
/*-1300-xxl*/
@media only screen and (max-width: 1399.98px) {
.show-xxl { display: block !important; }
.hide-xxl { display: none !important; }
.float-xxl { position: relative; transform: none; top: 0; }
.float-xxl .float-container-info { padding: 30px 0px; }
.auto-xxl { /*-ms-flex: 0 0 100%; */ flex: 0 0 100%; width: 100%; max-width: 100%; }
/*---*/

}
/*-1200-*/
@media only screen and (max-width: 1299.98px) {
.stories-slider .slick-prev{ left: -15px;}
.stories-slider .slick-next{ right: -15px;}
}
/*-992-xl*/
@media only screen and (max-width: 1199.98px) {
.height-xl { height: auto !important; }
.show-xl { display: block !important; }
.hide-xl { display: none !important; }
.leftpad.xl { padding-left: 0px !important; }
.rightpad.xl { padding-right: 0px !important; }
.leftmargin.xl { margin-left: 0px !important; }
.rightmargin.xl { margin-right: 0px !important; }
.pt0-xl { padding-top: 0px !important; }
.pr0-xl { padding-right: 0px !important; }
.pb0-xl { padding-bottom: 0px !important; }
.pl0-xl { padding-left: 0px !important; }
.p0-xl { padding: 0px !important; }
.overlay-xl::before { visibility: visible; }
.auto-xl { flex: 0 0 100%; width: 100%; max-width: 100%; }
.text-center-xl { text-align: center !important; }
.text-left-xl { text-align: left !important; }
.justify-center-xl { justify-content: center !important; }
.width-xl { width: 100% !important; max-width: 100%; }
.float-xl { position: relative; transform: none; top: 0; }
.float-xl .float-container-info { padding: 30px 0px; }
.img-left.xl, .img-right.xl { margin: 0px 0px 20px 0px; width: 100%; max-width: 100%; float: none; }
ul.d-flex.xl, .form-group.inline.xl { display: block !important; }
.form-group.inline.xl > label, .form-group.inline.xl .control { width: 100%; }
/*---*/
.floating-nav{left: 30px; top: 100px; z-index: 2;}
.floating-nav ul li{ padding-bottom: 15px;}
.floating-nav ul li a{font-size: 11px;}
.intro-content { padding: 0px 30px;  }
.testimonial-slider .slick-list{ padding: 15px 18.60% !important;}
.seo-bottom-left{ padding-right: 80px;}
.seo-bottom-right{ margin-right: -30px; margin-left: -80px;}
}
/*-768-lg*/
@media only screen and (max-width: 991.98px) {
	.show-sm-large { display: block !important; }
.hide-sm-large { display: none !important; }
	.single.single-post .col-lg-8 {padding-right:15px;}
.height-lg { height: auto !important; }
.show-lg { display: block !important; }
.hide-lg { display: none !important; }
.leftpad.lg { padding-left: 0px !important; }
.rightpad.lg { padding-right: 0px !important; }
.leftmargin.lg { margin-left: 0px !important; }
.rightmarginlg { margin-right: 0px !important; }
.pt0-lg { padding-top: 0px !important; }
.pr0-lg { padding-right: 0px !important; }
.pb0-lg { padding-bottom: 0px !important; }
.pl0-lg { padding-left: 0px !important; }
.p0-lg { padding: 0px !important; }
.overlay-lg::before { visibility: visible; }
.auto-lg { flex: 0 0 100%; width: 100%; max-width: 100%; }
.text-center-lg { text-align: center !important; }
.text-left-lg { text-align: left !important; }
.justify-center-lg { justify-content: center !important; }
.width-lg { width: 100% !important; max-width: 100%; }
.float-lg { position: relative; transform: none; top: 0; }
.float-lg .float-container-info { padding: 30px 0px; }
.img-left.lg, .img-right.lg { margin: 0px 0px 20px 0px; width: 100%; max-width: 100%; float: none; }
ul.d-flex.lg, .form-group.inline.lg { display: block !important; }
.form-group.inline.lg > label, .form-group.inline.lg .control { width: 100%; }
[data-animation-in] {opacity: 1;}
/*------*/
.banner-content h1{ font-size: 6.5vw; }
.banner-image{ margin-left: 0px; }
.banner-content{padding: 30px 30px 30px;}
.intro-content{ padding: 0px 0px;}
.testimonial-box{padding: 60px 50px 30px;}
.quote{left: 50px; top: -15px; width: 45px;}
.bottom-right{ padding: 20px 30px;}
.value-content ul li{padding-bottom: 60px;}
.seo-bottom-left{ padding-right: 0px;}
.seo-bottom-right{ margin-right: 0px; margin-left: 0px;}
.story-box { padding: 30px; border-radius: 30px; }
.timeline-left{ margin: 0px; max-width: 100%; text-align: center;}
}
/*-736-md*/
@media only screen and (max-width: 767.98px) {
.height-md { height: auto !important; }
.show-md { display: block !important; }
.hide-md { display: none !important; }
.leftpad.md { padding-left: 0px !important; }
.rightpad.md { padding-right: 0px !important; }
.leftmargin.md { margin-left: 0px !important; }
.rightmargin.md { margin-right: 0px !important; }
.pt0-md { padding-top: 0px !important; }
.pr0-md { padding-right: 0px !important; }
.pb0-md { padding-bottom: 0px !important; }
.pl0-md { padding-left: 0px !important; }
.p0-md { padding: 0px !important; }
.overlay-md::before { visibility: visible; }
.auto-md { flex: 0 0 100%; width: 100%; max-width: 100%; }
.text-center-md { text-align: center !important; }
.text-left-md { text-align: left !important; }
.justify-center-md { justify-content: center !important; }
.width-md { width: 100% !important; max-width: 100%; }
.float-md { position: relative; transform: none !important; top: 0 !important; }
.float-md .float-container-info { padding: 30px 0px; }
.img-left.md, .img-right.md { margin: 0px 0px 20px 0px; width: 100%; max-width: 100%; float: none; }
ul.d-flex.md, .form-group.inline.md { display: block !important; }
.form-group.inline.md > label, .form-group.inline.md .control { width: 100%; }
/*----*/
.value-content{ padding-left: 0px;}
.value-content ul li{ padding-bottom: 30px;}
}
/*-600-*/
@media only screen and (max-width: 699.98px) {
}
/*-480-sm*/
@media only screen and (max-width: 575.98px) {
.height-sm { height: auto !important; }
.show-sm { display: block !important; }
.hide-sm { display: none !important; }
.leftpad.sm { padding-left: 0px !important; }
.rightpad.sm { padding-right: 0px !important; }
.leftmargin.sm { margin-left: 0px !important; }
.rightmargin.sm { margin-right: 0px !important; }
.overlay-sm::before { visibility: visible; }
.auto-sm { flex: 0 0 100%; width: 100%; max-width: 100%; }
.text-center-sm { text-align: center !important; }
.text-left-sm { text-align: left !important; }
.justify-center-sm { justify-content: center !important; }
.width-sm { width: 100% !important; max-width: 100%; }
.float-sm { position: relative; transform: none; top: 0; }
.float-sm .float-container-info { padding: 30px 0px; }
.img-left.sm, .img-right.sm { margin: 0px 0px 20px 0px; width: 100%; max-width: 100%; float: none; }
ul.d-flex.sm, .form-group.inline.sm { display: block !important; }
.form-group.inline.sm > label, .form-group.inline.sm .control { width: 100%; }
hr { margin: 20px 0; }
.icaptcha { bottom: 30px; }
.fancybox-navigation .fancybox-button--arrow_left { left: 0px; }
.fancybox-navigation .fancybox-button--arrow_right { right: 0px; }
/* .fancybox-navigation .fancybox-button { width: 25px; height: 25px; top: calc(50% - 25px); }  */
.video-container a::before { width: 40px; height: 40px; }
.grid-content.alt, .grid-ov-info { padding: 20px; }
/* .footer-wrapper{ padding-bottom: 40px;} */
/*---*/
.banner-content h1 {font-size: 12.5vw;}
.testimonial-slider .slick-list{ padding: 15px 0% !important;}
.testimonial-box { padding: 30px 20px;  }
.quote{left: 15px; top: -10px; width: 30px;}
.partner-box .icon-holder{ height: 60px;}
.client-box .icon-holder{ height: 60px;}
.logo-footer{ padding-top: 30px;}
.bottom-right {padding: 20px 20px;}
.inner-footer-main .footer-contact div.mail-contact, .inner-footer-main .footer-contact div.phone-contact {display: block;margin: 0 0px;}
.inner-footer-main .footer-contact div.mail-contact::after { display: none;}
.portfolio-box .grid-ov{padding: 25px;}
.post-list li{ padding-left: 40px; padding-bottom: 20px;}
.post-list li::before{ font-size: 30px; }

.partner-box.alt .icon-holder{ height: 65px;}
.partner-box.lg .icon-holder{ height: 65px;} 
.icon-pod-box .icon-holder{ height: 35px;}
.aroma-list li{ padding-bottom: 20px;}
.aroma-word{ width: 80px; font-size: 75px; }
.story-box {padding: 20px; border-radius: 20px;}
.story-testimonial{padding: 20px; }
.story-intro .icon-holder{ height: 32px;}
.story-testimonial-footer .icon-holder{ height: 22px;}
.rounded-corner30 { border-radius: 20px;  }
.stories-slider .slick-prev{ left: -12px;}
.stories-slider .slick-next{ right: -12px;}

.web-service-list li{ padding: 15px 20px 15px 40px; }
.web-service-list li::before{width: 40px; font-size: 16px;}
.timeline { padding-left: 20px; }
.timeline>ul>li:after{ left: -24px;}
.timeline-box:before{width: 15px; height: 15px;left: -30px; border-width: 3px;}
.timeline>ul>li:first-child .timeline-box:after,.timeline>ul>li:last-child .timeline-box:after{left: -24px;}
.timeline-box { padding: 15px; }
}
/*-414-xs*/
@media only screen and (max-width: 479.98px) { 
.height-xs { height: auto !important; }
.hide-xs { display: none !important; }
.show-xs { display: block !important; }
.hide-xs { display: none !important; }
.auto-xs {flex: 0 0 100%; width: 100%; max-width: 100%; }
.text-center-xs { text-align: center !important; }
.text-left-xs { text-align: left !important; }
.justify-center-xs { justify-content: center !important; }
.width-xs { width: 100% !important; max-width: 100%; }
/*----*/


}
/*-375-*/
@media only screen and (max-width: 413.98px) {
.height-xxs { height: auto !important; }
.show-xxs { display: block !important; }
.hide-xxs { display: none !important; }
.auto-xxs { flex: 0 0 100%; width: 100%; max-width: 100%; }
.text-center-xxs { text-align: center !important; }
.text-left-xxs { text-align: left !important; }
.width-xxs { width: 100% !important; max-width: 100%; }
/*---*/

}
/*-320-*/
@media only screen and (max-width: 319.98px) {

}