@media(min-width: 1025px) {
.possible-box ul li:hover { cursor: default; }
.possible-box ul li:hover .default-state { transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); }
.possible-box ul li:hover .active-state { z-index: 99999; transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); }
}
 @media (max-width: 1740px) {
.wrapper { max-width: 1400px; }
.banner-section .banner-slide-left-title { padding: 150px 40px; min-height: 465px; }
.banner-section .owl-item li.style3 .banner-slide-left-title { padding: 170px 40px; }
.possible-box ul li .default-state { padding: 120px 20px; }
.platform-table ul li { max-width: 23%; flex: 1 0 23%; }
.platform-table ul li::before { right: -59px; width: 85px; height: 40px; background-size: 85px; }
.paradigm-section .paradigm-box ul li { width: 30%; margin: 0 1% 60px; }
.solution-section .solution-box .text { font-size: 19px; }
.solution-section .solution-box h5 { font-size: 21px; }
footer .footer-info { width: 32%; }
footer .footer-info .footer-logo li { margin-right: 14px; }
}
 @media (max-width: 1500px) {
.banner-section { padding: 15px 0 30px; }
.banner-section .owl-item li.style3 .banner-slide-left-title { padding: 144px 40px; }
.banner-section .banner-slide-left-title { padding: 110px 30px; min-height: 370px; }
.banner-section .banner-slide-left-title h1, .banner-section .banner-slide-left-title p { font-size: 28px; line-height: 34px; }
.banner-section .banner-slide-left { padding: 30px 42px; }
header.site-header { padding: 25px 0 }
.fixed-header header { padding: 15px 0; }
.fixed-header button#responsive-menu-pro-button { top: 24px; }
}
 @media (max-width: 1400px) {
h1 { font-size: 36px; }
h2 { font-size: 32px; }
h3 { font-size: 28px; }
h4 { font-size: 24px; }
h5 { font-size: 20px; }
h6 { font-size: 18px; }
.wrapper { max-width: 1170px; }
.platform-table ul li { max-width: 23.5%; flex: 1 0 23.5%; }
.platform-table ul li::before { background-size: 60px; right: -40px; width: 60px; height: 30px; }
.platform-section p br { display: none; }
.leadership-section .leadership-box ul li { margin-right: 5%; }
.solution-section .solution-box .content br { display: none; }
.solution-section .solution-box ul li { max-width: 23%; flex: 1 0 23%; padding: 0 10px; }
.possible-box ul li .default-state { padding: 100px 34px; }
.possible-box ul li .active-state .hover-text > div { padding: 0 10px; font-size: 20px; line-height: 24px; max-width: 270px; }
.possible-box ul li .default-state .text { font-size: 22px; line-height: 26px; }
.leadership-section .text { font-size: 32px; line-height: 40px; }
.demo-section a { padding: 36px 20px; min-width: 460px; }
footer .footer-info { width: 36%; }
footer .footer-info .footer-logo li { margin-right: 0px; padding-right: 4px; }
}
 @media (max-width: 1170px) {
.banner-section .banner-slide-left-title { padding: 100px 30px; min-height: 345px; }
.banner-section .banner-slide-left-title h1, .banner-section .banner-slide-left-title p { font-size: 28px; line-height: 36px; }
.banner-section .banner-slide-left-title::before { width: 100px; height: 100px; background-size: 100px; }
.banner-section .banner-slide-left-title::after { width: 100px; height: 100px; background-size: 100px; }
.banner-section .banner-slide-left::before { width: 280px; height: 280px; }
.banner-section .owl-item li.style3 .banner-slide-left-title { padding: 136px 0 40px; }
.banner-section .owl-item li.style3 .banner-slide-left-title::after { right: -6px; bottom: -6px; }
.banner-section { padding: 0 0 40px; }
.platform-section h2 { margin-bottom: 30px; }
.platform-table { padding: 70px 0; }
.solution-section { padding: 70px 0 20px; }
.solution-section h2 { margin-bottom: 50px; }
.possible-section { padding: 0px 0 20px; }
.possible-section h2 { margin-bottom: 50px; }
.possible-box ul li .active-state .hover-text svg { display: none; }
.possible-box ul li .default-state { padding: 80px 34px; }
.possible-box ul li .default-state .text { font-size: 18px; line-height: 21px; min-height: 112px; }
.possible-box ul li .default-state::before { left: 15px; top: 15px; }
.possible-box ul li .default-state::after { right: 15px; bottom: 15px; }
.possible-box ul li .active-state .hover-text > div { font-size: 17px; line-height: 22px; }
.paradigm-section { padding: 70px 0 10px; }
.paradigm-section h2 { margin-bottom: 50px; }
.paradigm-section .paradigm-box ul li { width: 28%; margin: 0 2% 60px; }
.leadership-section { padding: 70px 0 20px; }
.leadership-section .text { margin-bottom: 50px; }
.leadership-section .leadership-box ul li { margin-right: 3%; }
.demo-section { padding: 70px 0; }
.demo-section a { font-size: 22px; padding: 25px 20px; min-width: 380px; }
footer .footer-info .footer-logo li { margin-bottom: 5px; }
footer .footer-info { font-size: 20px; line-height: 28px; }
footer .footer-info > div { margin-bottom: 12px; }
.banner-section .banner-slide-left-title { border: 3px dotted #2ec1d5; }
.banner-section .owl-item li.style3 .banner-slide-left-title { border-color: #fff; }
.banner-section .banner-slide-left-title svg { display: none; }
.banner-section .banner-slide-left-title::before { left: -10px; top: -10px; }
.banner-section .owl-item li.style3 .banner-slide-left-title::after { right: -10px; bottom: -10px; }
.possible-box ul li .active-state .hover-text { border: 3px dotted #fff; border-radius: 15px; }
.possible-box ul li .active-state::after { right: 17px; bottom: 17px; }
.demo-section .gform_wrapper h3.gform_title { font-size: 38px !important; }
.solution-section .solution-box ul li { padding: 0px; }
}
 @media (max-width:1024px) {
h1 { font-size: 32px; }
h2 { font-size: 28px; }
h3 { font-size: 24px; }
h4 { font-size: 22px; }
h5 { font-size: 20px; }
h6 { font-size: 18px; }
header .header-logo { padding-left: 0px; }
header .header-logo img { max-width: 130px; }
header .header-menu ul.menu > li a { padding: 8px 10px; }
.banner-section .banner-slide-left-title h1, .banner-section .banner-slide-left-title p { max-width: 500px; float: none; margin: 0 auto; }
.banner-section .banner-slide-inner { position: relative; overflow: hidden; border-radius: 8px; }
.banner-section .banner-slide-left { width: 100%; z-index: 9; background-color: rgba(18,62,103,0.85); border-radius: 8px !important; }
.banner-section .banner-slide-right { position: absolute; left: 0; top: 0; height: 100%; width: 100%; border-radius: 8px !important; }
.banner-section .banner-slide-left-title { min-height: 0; }
.banner-section .owl-item li.style3 .banner-slide-left { width: 100%; background-color: rgba(82,204,221,0.85); }
.banner-section .owl-item li.style3 .banner-slide-right { width: 100%; }
.banner-section .owl-item li.style3 .banner-slide-left-title { padding: 100px 0; }
.banner-section .owl-dots .owl-dot span { width: 15px; height: 15px; }
.banner-section .banner-slide-left::before { width: 240px; height: 240px; }
.platform-section h2 { margin-bottom: 20px; }
.platform-section p { font-size: 28px; line-height: 36px; }
.platform-table { margin-top: 50px; padding: 70px 0 30px; }
.platform-table ul { flex-wrap: wrap; }
.platform-table ul li { max-width: 48%; flex: 1 0 48%; margin-bottom: 40px; }
.platform-table ul li:before { right: -43px; }
.platform-table ul li:nth-child(2):before { display: none; }
.solution-section .solution-box ul li { max-width: 48%; flex: 1 0 48%; }
.solution-section .solution-box h5 { font-size: 22px; }
.solution-section .solution-box .text { font-size: 18px; line-height: 24px; }
.possible-box ul { justify-content: center; }
.possible-box ul li { margin-right: 4%; max-width: 48%; flex: 1 0 48%; }
.possible-box ul li:nth-child(2n) { margin-right: 0px; }
.possible-box ul li .default-state .text { min-height: 0px; }
.possible-box ul li .default-state { padding: 130px 20px; }
.paradigm-section .paradigm-box ul li { width: 42%; margin: 0 3% 60px; }
.paradigm-section .paradigm-box ul li .content .text { font-size: 20px; }
.leadership-section .text { font-size: 28px; line-height: 36px; }
.leadership-section h2 { margin-bottom: 20px; }
.leadership-section .leadership-box ul li { margin-right: 0px; max-width: 50%; flex: 1 0 50%; }
.leadership-section .leadership-box ul li .leadership-box-image { float: none; margin: 0 auto; }
.platform-table ul li::before { display: none !important; }
.demo-section a { font-size: 20px; padding: 20px 20px; min-width: 300px; margin: 0 20px; }
footer .footer-form { padding-left: 0px; width: 100%; }
footer h2 { padding-left: 0px; }
footer .footer-info { width: 100%; margin-top: 40px; }
footer .footer-info .footer-logo li { padding-right: 10px; }
.box-popup .box-popup-inner { padding: 60px 20px; }
.box-popup .box-popup-close { top: 20px; right: 20px; }
.box-popup .box-popup-close img { max-width: 30px; }
.box-popup-text { font-size: 22px; line-height: 32px; }
.demo-section .gform_wrapper h3.gform_title { margin: 0 0 50px !important; font-size: 32px !important; }
.possible-box ul li.active { cursor: default; }
.possible-box ul li.active .default-state { transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); }
.possible-box ul li.active .active-state { z-index: 99999; transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); }
ul.gfield_checkbox li input[type="checkbox"] + label { font-size: 20px; }
}
 @media (max-width: 767px) {
body { font-size: 16px; }
h1 { font-size: 30px; }
h2 { font-size: 26px; }
h3 { font-size: 22px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }
p { font-size: 16px; }
input[type="text"], input[type="email"], input[type="url"], input[type="file"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select { padding: 13px 15px !important; }
input[type="submit"], input[type="button"], input[type="reset"], article.post-password-required input[type="submit"] { height: 50px !important; padding: 10px 15px !important; }
header .header-menu { display: none; }
.banner-section { padding-bottom: 0px; }
.banner-section .banner-slide-left-title { padding: 100px 20px; border-width: 2px; }
.banner-section .banner-slide-left-title::after, .banner-section .banner-slide-left-title::before { width: 80px; height: 80px; background-size: 80px; }
.banner-section .banner-slide-left-title h1, .banner-section .banner-slide-left-title p { font-size: 26px; line-height: 36px; }
.banner-section .owl-item li.style3 .banner-slide-left-title::before { width: 80px; height: 80px; background-size: 80px; left: -5px; top: -5px; }
.banner-section .owl-item li.style3 .banner-slide-left-title::after { width: 80px; height: 80px; background-size: 80px; right: -5px; bottom: -5px; }
.banner-section .banner-slide-left::before { display: none; }
.demo-section { padding: 70px 0 45px; }
.demo-section a { min-width: 290px; margin: 0 4px 18px; }
.platform-section h2 { margin-bottom: 5px; }
.platform-section p { font-size: 26px; line-height: 34px; }
.solution-section .solution-box h5 { font-size: 20px; }
.solution-section .solution-box ul li:last-child { margin-bottom: 0px; }
.solution-section .solution-box .icon img { max-height: 80px; }
.possible-section { padding: 0px 0 30px; }
.possible-box ul li .active-state .hover-text > div { font-size: 16px; }
.possible-box ul li .default-state .text { min-height: 103px; }
.leadership-section .text { font-size: 26px; line-height: 32px; }
.platform-table ul li::before { right: -12.5%; }
footer .footer-form textarea { height: 260px !important; }
.box-popup-text { font-size: 20px; line-height: 28px; }
.demo-section .gform_wrapper h3.gform_title { margin: 0 0 30px !important; font-size: 28px !important; }
.solution-section { background-image: none; }
.paradigm-section .paradigm-box ul li .content .text { font-size: 18px; padding: 0 11px; }
.content-area { padding: 50px 0; }
.btn-style a { padding: 12px 15px; font-size: 16px; }
.error404 h1 { font-size: 90px; margin: 0 0 20px; }
.error404 h2 { margin: 0 0 20px; }
footer .footer-info h6 { margin-bottom: 25px; }
.paradigm-section h2 { margin-bottom: 30px; }
footer .footer-info .copyright { font-size: 16px; line-height: 22px; }
.platform-table h2 { margin-bottom: 25px; }
ul.gfield_radio, ul.gfield_checkbox { display: inline-block; width: 100%; }
ul.gfield_radio li, ul.gfield_checkbox li { width: 100%; float: left; padding-right: 0px; }
ul.gfield_checkbox li input[type="checkbox"] + label { font-size: 18px; padding-left: 25px; width: 100% !important; }
ul.gfield_checkbox li input[type="checkbox"] + label:before { background-size: 20px; width: 20px; height: 20px; }
}
 @media (max-width: 639px) {
.possible-box ul { display: block; text-align: center; }
.possible-box ul li { max-width: 480px; margin-right: 0px; width: 100%; display: inline-block; margin: 0 0 50px !important; }
.possible-box ul li .default-state .text { min-height: 0px; }
.paradigm-section .paradigm-box ul li { max-width: 320px; width: 100%; }
.platform-table ul li::before { right: -40px; }
.paradigm-section .paradigm-box ul li > a { padding: 40px 0; }
.demo-section a { margin-left: 0px; margin-right: 0px; width: 100%; border-radius: 3px; }
footer .footer-form .gfmc-column { width: 100% !important; padding-right: 0px; }
footer .footer-form .gfmc-column:nth-child(2n) { padding-left: 0px; }
footer .footer-form textarea { height: 150px !important; }
footer .footer-form .gform_wrapper .gform_footer { width: 100%; position: relative; bottom: 0; }
footer .footer-form .gform_wrapper .gform_footer input { line-height: normal !important; min-height: 0 !important; }
}
 @media (max-width: 480px) {
h1 { font-size: 26px; }
h2 { font-size: 22px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
.fixed-header header { padding: 10px 0; }
header .header-logo img { max-width: 110px; }
button#responsive-menu-pro-button { top: 29px !important; }
.fixed-header button#responsive-menu-pro-button { top: 14px !important; }
.banner-section .banner-slide-left { width: 100%; padding: 20px; }
.banner-section .banner-slide-left::before { width: 180px; height: 180px; }
.banner-section .banner-slide-left-title { padding: 110px 5px; min-height: 310px; }
.banner-section .banner-slide-left-title h1, .banner-section .banner-slide-left-title p { font-size: 20px; line-height: 26px; font-weight: bold; max-width: 280px; letter-spacing: 1.5px; }
.banner-section .owl-item li.style3 .banner-slide-left-title { padding: 120px 5px; }
.banner-section .banner-slide-left-title::after, .banner-section .banner-slide-left-title::before, .banner-section .owl-item li.style3 .banner-slide-left-title::before, .banner-section .owl-item li.style3 .banner-slide-left-title::after { width: 60px; height: 60px; background-size: 60px; }
.banner-section .banner-slide-left-title::before { left: -7px; top: -7px; }
.banner-section .banner-slide-left-title::after { right: -7px; bottom: -7px; }
.banner-section .owl-item li.style3 .banner-slide-left-title::before { left: -7px; top: -7px; }
.banner-section .owl-item li.style3 .banner-slide-left-title::after { right: -7px; bottom: -7px; }
.banner-section .owl-dots { margin-top: 15px; }
.banner-section .owl-dots .owl-dot { padding: 0 8px !important; }
.banner-section .owl-dots .owl-dot span { width: 8px; height: 8px; }
.platform-table { padding: 50px 0 26px; }
.platform-section { padding-top: 35px; }
.platform-section p { font-size: 22px; line-height: 30px; }
.platform-table ul { display: block; }
.platform-table ul li { max-width: 100%; width: 100%; margin-bottom: 24px; }
.platform-table ul li:nth-child(2):before { display: block; }
.platform-table ul li::before { bottom: -26px; left: 50%; transform: translate(-50%, 0) rotate(90deg); -webkit-transform: translate(-50%, 0) rotate(90deg); -moz-transform: translate(-50%, 0) rotate(90deg); top: auto; right: auto; display: block !important; }
.platform-table ul li:last-child:before { display: none !important; }
.platform-table-image img { max-width: 65%; }
.solution-section { padding: 50px 0 20px; }
.solution-section h2 { margin-bottom: 30px; }
.solution-section .solution-box ul { display: block; }
.solution-section .solution-box ul li { max-width: 100%; width: 100%; margin-bottom: 30px; }
.solution-section .solution-box h5 { margin: 10px 0; }
.possible-box ul li { margin: 0 0 30px !important; max-width: 100%; }
.possible-section h2 { margin-bottom: 30px; }
.possible-section h2 span { padding: 0 20px; }
.possible-box ul li .active-state .hover-text > div { line-height: 20px; }
.possible-box ul li .default-state { padding: 100px 34px; }
.possible-box ul li .default-state .text { max-width: 230px; border-radius: 0px; }
.possible-box ul li .active-state::before { left: 17px; }
.possible-box ul li .active-state::after { right: 16px; bottom: 17px; }
.paradigm-section { padding: 50px 0 0; }
.paradigm-section h2 br { display: none; }
.paradigm-section .paradigm-box ul li { margin: 0 0 50px; }
.leadership-section .text { font-size: 22px; line-height: 30px; }
.leadership-section { padding: 50px 0 20px; }
.leadership-section .leadership-box ul li { max-width: 100%; flex: 1 0 100%; margin-bottom: 30px; }
.leadership-section .leadership-box ul li .leadership-box-link { margin-top: 15px; }
.demo-section { padding: 40px 0 15px; }
.demo-section a { font-size: 18px; }
footer h2 br { display: none; }
footer .footer-info { font-size: 17px; line-height: 24px; }
.box-popup-text { font-size: 18px; line-height: 24px; }
.demo-section .gform_wrapper h3.gform_title { font-size: 24px !important; }
footer .footer-info h6 { margin-bottom: 15px; }
footer .footer-info .footer-logo li { width: 32.4%; }
}
 @media (max-width: 360px) {
.possible-box ul li .default-state { padding: 80px 34px; }
}
@media (max-width:1199px) {
.press-wrapper { max-width: 970px; }
.news-date { max-width: 200px; font-size: 18px; }
.news-cont { max-width: 595px; width: 100%; }
.news-title a { font-size: 22px; }
.news-more { max-width: 175px; }
}
@media (max-width:991px) {
.press-wrapper { max-width: 770px; }
.news-date { max-width: 180px; font-size: 16px; }
.news-cont { max-width: 410px; width: 100%; }
.news-title { margin-bottom: 10px; }
.news-title a { font-size: 20px; }
.news-desc p { font-size: 18px; }
.news-more { max-width: 175px; }
}
@media (max-width:767px) {
.press-head { margin-bottom: 0 }
.press-wrapper { max-width: 100%; }
.news-date { max-width: 100%; font-size: 16px; margin-bottom: 10px }
.news-cont { max-width: 100%; width: 100%; }
.news-desc p { margin-bottom: 10px; }
.news-more { max-width: 100%; justify-content: center; }
.press-col, .news-title { text-align: center; justify-content: center;}
.bannerlogo-slider {margin-bottom:30px}
}