/*-1500--125%*/
@media only screen and (max-width: 1599.98px) {
.video-container a::before { width: 60px; height: 60px; }
/*----*/
.testimonial-box .icon-holder{width: 80px;  height: 80px;}
.testimonial-slider .slick-prev{ left: -85px;}
.testimonial-slider .slick-next{ right: -85px;}
.bottom-app-right{ margin-left: -65px;}
.bottom-app-left{ padding-right: 140px;}
.career-left {padding-top: 88px;}
.item-pod-footer{ height: 50px;}
.blog-slider-holder{ margin-left: -570px;}
.blog-slider-holder .slick-list{ padding-right: 13.5% !important;}
.blog-box .item-pod-content{ padding: 15px 0px 0px 0px;}
.item-pod-content-holder{ padding: 20px;}
.codedropz-upload-handler{height: 120px;}
}
/*-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) {

}
/*-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%; }
/*---*/
.testimonial-slider .slick-prev{ left: -0px;}
.testimonial-slider .slick-next{ right: -0px;}
.bottom-app-right{ margin-left: 0px;}
.bottom-app-left{ padding-right: 30px;}
.blog-slider-holder{ margin-left: 0px; padding-left: 30px; padding-right: 30px;}
.blog-slider-holder .slick-list{ padding-right: 0% !important;}
}
/*-768-lg*/
@media only screen and (max-width: 991.98px) {
.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;}
/*------*/
.career-left {padding-top: 10px;}
}
/*-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%; }
/*----*/
.bottom-nav ul{ justify-content: center;}
}
/*-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;}
/*---*/
.testimonial-box{ padding: 30px;}
.featured-slider .slick-arrow{ background-color: var(--black);}
.blog-slider-holder{ margin-left: 0px; padding-left: 20px; padding-right: 20px;}
}
/*-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%; }
/*----*/
.item-pod-content-holder{ padding: 20px;}
.item-pod-content {padding: 20px 0px 0px;}
.item-pod-footer{ height: 40px;}
.testimonial-box .icon-holder{ width: 50px; height: 50px;}
.bottom-nav {padding: 40px 0px;text-align: center;}

}
/*-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) {

}