/* Responsive Media Queries  */
@media screen and (min-width: 1921px){
.subpage_section .subpage-carousel{max-width: 1920px; margin: auto;}
}
@media screen and (min-width: 1700px) and (max-width: 1799px){
.banner-section {padding: 270px 0 210px;}
.banner-section .banner-wrapper .banner-image {right: -165px; top: -128px;}
.banner-section .banner-wrapper .banner-image img{width: 1020px;}
}
@media screen and (min-width: 1600px) and (max-width: 1699px){
.banner-section {padding: 220px 0 210px;}
.banner-section .banner-wrapper .banner-image {right: -295px; top: -140px;}
.banner-section .banner-wrapper .banner-image img{width: 950px;}
}
@media screen and (min-width: 1500px) and (max-width: 1599px){
.banner-section {padding: 215px 0 185px;}
.banner-section .banner-wrapper .banner-image {right: -155px; top: -110px;}
.banner-section .banner-wrapper .banner-image img{width: 915px;}
}
@media screen and (min-width: 1441px) and (max-width: 1499px){
.banner-section {padding: 235px 0 185px;}
.banner-section .banner-wrapper .banner-image {right: -115px; top: -110px;}
.banner-section .banner-wrapper .banner-image img{width: 915px;}
}
@media screen and (min-width: 1200px){
.container{max-width: 1364px;}
}
@media screen and (max-width: 1440px){
.banner-image img{
    width: 750px;
}
h1 {font-size: 52px;line-height: 58px;}
.navbar-nav li {margin: 0 15px;}
.navbar-nav .support {margin: 0 14px;}
.navbar-nav li:last-child {margin-left: 5px;}
.banner-section {padding: 170px 0 140px;}
.banner-section .banner-content h1 {margin-bottom: 20px;}
.banner-section .banner-content h1 span {font-size: 80px; line-height: 84px;}
.banner-section .banner-content h1 .text2 {padding: 0 16px;}
.banner-section .banner-content h4 {margin-bottom: 22px;}
.banner-section .banner-content p {margin-bottom: 42px; padding-right: 0;}
.banner-section .banner-wrapper .banner-image {right: -60px; top: -26px;}
.experience_section {padding: 120px 0 45px;}
.experience_section .experience_content p {margin-bottom: 70px; padding: 0 65px;}
.experience_section .experience_box {margin-bottom: 60px;}
.experience_section .second-column {padding-left: 26px;}
.subpage_section {padding: 120px 0 130px;}
.subpage_section .subpage_content h2 {margin-bottom: 30px;}
.subpage_section .subpage_content p {padding: 0 50px; margin-bottom: 55px;}
.feature_section {padding: 110px 0 100px;}
.feature_section .feature_content h2 {margin-bottom: 22px;}
.feature_section .feature_content p {margin-bottom: 50px;}
.feature_section .feature-box {padding: 50px 20px 45px; margin-bottom: 35px;}
.feature_section .feature-box .feature-icon {margin-bottom: 22px;}
.feature_section .feature-box h4 {margin-bottom: 18px;}
.feature_section .content .feature-tick_image {margin-bottom: 24px;}
.feature_section .content h4 {padding-right: 5px; margin-bottom: 18px;}
.value_section {padding-bottom: 352px;}
.footer_section .contact_content {padding: 110px 50px 110px;}
.footer_section .contact_content .footer-image img{width: 415px;}
/* Preloader */
.preloader-orbit-loading {width: 120px; height: 120px;}
/* Back to top button */
#button {right: 60px;}
}
@media screen and (min-width: 1400px) and (max-width: 1440px){
.banner-section .banner-content h1 {padding-right: 145px;}
}
@media screen and (min-width: 1350px) and (max-width: 1399px){
.banner-section .banner-content h1 {padding-right: 145px;}
}
@media screen and (min-width: 1343px) and (max-width: 1349px){
.banner-section .banner-content h1 {padding-right: 135px;}
}
@media screen and (min-width: 1323px) and (max-width: 1342px){
.banner-section .banner-content h1 {padding-right: 130px;}
}
@media screen and (min-width: 1300px) and (max-width: 1322px){
.banner-section .banner-content h1 {padding-right: 120px;}
}
@media screen and (min-width: 1283px) and (max-width: 1299px){
.banner-section .banner-content h1 {padding-right: 110px;}
}
@media screen and (min-width: 1263px) and (max-width: 1282px){
.banner-section .banner-content h1 {padding-right: 100px;}
}
@media screen and (min-width: 1243px) and (max-width: 1262px){
.banner-section .banner-content h1 {padding-right: 90px;}
}
@media screen and (min-width: 1223px) and (max-width: 1242px){
.banner-section .banner-content h1 {padding-right: 80px;}
}
@media screen and (max-width: 1199px){    
h1 {font-size: 50px;line-height: 58px;}
h2 {font-size: 42px; line-height: 48px;}
h4 {font-size: 20px; line-height: 28px;}
h5 {font-size: 18px; line-height: 26px;}
p {font-size: 18px; line-height: 26px;}
.main_header {padding: 20px 0;}
.sticky-header {padding: 20px 0;}
.navbar-brand img{width: 196px;}
.navbar-nav li {margin: 0 6px;}
.navbar-nav .support {margin: 0 8px;}
.navbar-nav .nav-item a {font-size: 14px; line-height: 14px;}
.navbar-nav .nav-item .btn {padding: 10px 16px;}
.navbar-nav .nav-item .support_btn i {font-size: 18px; line-height: 18px; padding-right: 10px;}
.navbar-nav .nav-item .purchase_btn {padding: 12px;}
/* .banner-section-outer::before {width: 45%;} */
.banner-section {padding: 140px 0 100px;}
.banner-section .banner-content h1 {margin-bottom: 16px;}
.banner-section .banner-content h1 span {font-size: 70px; line-height: 80px;}
.banner-section .banner-content h1 .text2 {padding: 0 14px;}
.banner-section .banner-content h4 {margin-bottom: 14px;}
.banner-section .banner-content p {line-height: 30px; margin-bottom: 36px;}
.banner-section .banner-content a {padding: 16px 25px; margin-right: 14px;}
.banner-section .banner-content .get_btn {padding: 16px 38px;}
.banner-section .banner-wrapper .banner-image {top: 46px; left: auto; right: 0;}
.banner-image img{width: 510px;}
.experience_section {padding: 90px 0 45px;}
.experience_section .experience_content h5 {margin-bottom: 8px;}
.experience_section .experience_content h2 {margin-bottom: 18px;}
.experience_section .experience_content p {line-height: 30px; margin-bottom: 50px; padding: 0 15px;}
.experience_section .second-column {padding-left: 11px;}
.experience_section .experience_box {margin-bottom: 48px;}
.experience_section .experience_box a {max-height: 440px; margin-bottom: 12px;}
.experience_section .experience_box figure img {width: 445px;}
.experience_section .first-box a {max-height: 500px !important;}
.experience_section .top1 {margin-top: -56px;}
.experience_section .top2 {    margin-top: -68px;}
.subpage_section {padding: 90px 0 100px;}
.subpage_section .subpage_content h2 {margin-bottom: 20px;}
.subpage_section .subpage_content p {line-height: 30px; padding: 0 38px; margin-bottom: 42px;}
.subpage_section .subpage-carouselone {padding-left: 30px; padding-bottom: 25px;}
.subpage_section .subpage-carouseltwo {padding-right: 30px;}
.subpage_section .marquee {--space: 1px;}
.subpage_section .m-item img {width: 95%;}
.feature_section {padding: 90px 0 70px;}
.feature_section .feature_content h2 {margin-bottom: 16px;}
.feature_section .feature_content p {margin-bottom: 40px;}
.feature_section .feature-box {padding: 40px 15px; margin-bottom: 30px;}
.feature_section .feature-box .feature-icon {width: 90px; height: 90px; line-height: 90px; margin-bottom: 18px;}
.feature_section .feature-box h4 {margin-bottom: 10px;}
.feature_section .feature-box p {line-height: 26px;}
.feature_section .content .feature-tick_image {margin-bottom: 20px;}
.feature_section .content .feature-tick_image img{width: 40px;}
.feature_section .content h4 {padding-right: 5px; margin-bottom: 10px;}
.value_section {padding-bottom: 285px;}
.footer_section .contact_content {padding: 90px 20px 100px; margin-top: -215px; margin-bottom: 16px;}
.footer_section .contact_content .footer-image {left: 20px;}
.footer_section .contact_content .footer-image img{width: 355px;}
.footer_section .contact_content .footer_content h2 {margin-bottom: 15px;}
.footer_section .contact_content .footer_content p {margin-bottom: 25px;}
.footer_section .contact_content .footer_content a {padding: 18px 35px;}
/* Preloader */
.preloader-orbit-loading {width: 110px; height: 110px;}
.preloader-orbit-loading .cssload-one {border-bottom: 6px solid var(--e-global-color-vivid-orange);}
.preloader-orbit-loading .cssload-two {border-right: 6px solid var(--e-global-color-very-dark-blue);}
.preloader-orbit-loading .cssload-three {border-top: 6px solid var(--e-global-color-accent);}
/* Back to top button */
#button {width: 72px; height: 72px; bottom: 55px;}
#button::after {font-size: 20px; line-height: 20px;}
}
@media screen and (max-width: 991px){
.main-header .navbar-expand-lg .navbar-nav .dropdown-menu {top: 0;left: 0;width: calc(100% - 40px);border: none;box-shadow: none;position: relative;margin: 0 20px;}
h1 {font-size: 48px; line-height: 58px;}
h2 {font-size: 34px; line-height: 40px;}
h4 {font-size: 18px; line-height: 24px;}
h5 {font-size: 16px; line-height: 24px;}
h6 {font-size: 16px; line-height: 24px;}
p {font-size: 16px; line-height: 22px;}
a {font-size: 16px; line-height: 20px;}
.main_header {padding: 18px 0;}
.sticky-header {padding: 18px 0;}
.navbar-brand img {width: 182px;}
.navbar-collapse {background: var(--e-global-color-white); position: absolute; right: 0px; width: 100%; top: 71px; z-index: 16; padding: 0; box-shadow: 1px 1px 57px rgba(0 0 0 / 7%);}
.navbar-toggler {margin-left: auto; border: none !important; padding: 0; width: 30px; height: 22px;}
.navbar-light .navbar-toggler-icon { background: var(--e-global-color-white); height: 2px; margin: 7px 0 0 0; width: 100%; float: right;}
.navbar-toggler.collapsed span:nth-child(1) {transform: rotate(0deg);}
.navbar-toggler span.navbar-toggler-icon:first-child {margin-top: 0;}
.navbar-toggler span:nth-child(1) {transform: rotate(45deg); transform-origin: 0% 80%;}
.navbar-toggler span.navbar-toggler-icon {transition: all 0.15s;}
.navbar-toggler.collapsed span:nth-child(2) {opacity: 1;}
.navbar-toggler span:nth-child(2) {opacity: 0;}
.navbar-toggler.collapsed span:nth-child(3) {transform: rotate(0deg);}
.navbar-toggler span:nth-child(3) {transform: rotate(-45deg); transform-origin: 15% 100%;}
.collapse:not(.show) {display: none;}
.navbar-collapse ul{align-items: unset; text-align: unset; margin-left: 0;}
button:focus {outline: none;}
.navbar-light .navbar-toggler { color: transparent;}
.navbar-nav .nav-item a {color: var(--e-global-color-secondary) !important; padding: 12px 20px !important; text-align: left;}
.navbar-nav .active > a {color: var(--e-global-color-white) !important; background-color: var(--e-global-color-accent) !important;}
.navbar li {margin: 0 !important; padding: 0;}
.navbar-nav li:last-child {margin-left: 0;}
.navbar-nav .support {margin: 0;}
.navbar-nav .nav-item .support_btn i {display: none;}
.navbar-nav .nav-item .btn {color: var(--e-global-color-secondary) !important; background: transparent; border: none !important; border-radius: 0;}
.navbar-nav .nav-item .btn:hover {color: var(--e-global-color-white) !important; background: var(--e-global-color-accent); border: none; transform: none;}
.banner-section-outer::after {display: none;}
.banner-section {padding: 95px 0 0;}
.banner-section .banner-content{text-align: center; margin-bottom: 40px;}
.banner-section .banner-content h1 {margin-bottom: 12px; padding: 0 80px;}
.banner-section .banner-content h1 span {font-size: 48px; line-height: 58px; padding: 0 13px;}
.banner-section .banner-content h1 .text2 {padding: 0;}
.banner-section .banner-content .type-text {width: 235px;}
.banner-section .banner-content h4 {margin-bottom: 12px;}
.banner-section .banner-content p {line-height: 28px; margin-bottom: 25px;}
.banner-section .banner-content a {padding: 12px 18px; margin-right: 10px;}
.banner-section .banner-content .get_btn {padding: 12px 34px;}
.banner-section .banner-wrapper {display: inline-block;}
.banner-section .banner-wrapper .banner-image {position: relative;top: 0;right: auto;left: 50%;transform: translateX(-58%);}
.banner-section .banner-wrapper .banner-image img{width: 600px;}
.experience_section {padding: 62px 0 30px;}
.experience_section .experience_content h5 {margin-bottom: 5px;}
.experience_section .experience_content h2 {margin-bottom: 12px;}
.experience_section .experience_content p {line-height: 28px; margin-bottom: 30px; padding: 0 10px;}
.experience_section .experience_box {margin-bottom: 35px;}
.experience_section .experience_box a {max-height: 340px; margin-bottom: 6px;}
.experience_section .experience_box figure img{width: 100%;}
.experience_section .second-column {padding-left: 0;}
.experience_section .first-box a {max-height: 400px !important;}
.experience_section .top2 {margin-top: -52px;}
.subpage_section {padding: 62px 0 70px;}
.subpage_section .subpage_content h2 {margin-bottom: 12px;}
.subpage_section .subpage_content p {line-height: 28px; padding: 0 20px; margin-bottom: 30px;}
.subpage_section .subpage-carouselone {padding-left: 30px; padding-bottom: 35px;}
.subpage_section .m-item img {width: 92%;}
.feature_section {padding: 60px 0 45px;}
.feature_section .feature_content h2 {margin-bottom: 12px;}
.feature_section .feature_content p {margin-bottom: 35px;}
.feature_section .feature-box {padding: 30px 20px; margin-bottom: 25px;}
.feature_section .feature-box .feature-icon {width: 80px; height: 80px; line-height: 80px; margin-bottom: 14px;}
.feature_section .feature-box .feature-icon img{width: 26px;}
.feature_section .feature-box h4 {margin-bottom: 10px;}
.feature_section .feature-box p {line-height: 26px;}
.feature_section .content {text-align: center; margin-bottom: 25px;}
.feature_section .content .feature-tick_image {margin-bottom: 15px;}
.feature_section .content .feature-tick_image img {width: 36px;}
.feature_section .content h4 {padding-right: 0; margin-bottom: 10px;}
.value_section {padding-bottom: 210px;}
.footer_section .contact_content {padding: 60px 30px 70px; margin-top: -175px; margin-bottom: 10px;}
.footer_section .contact_content .footer-image img {width: 265px;}
.footer_section .contact_content .footer_content h2 {margin-bottom: 12px;}
.footer_section .contact_content .footer_content p {margin-bottom: 20px;}
.footer_section .contact_content .footer_content a {padding: 12px 18px;}
.footer_section .bottom_portion .copyright p {font-size: 14px; line-height: 20px;}
.footer_section .bottom_portion .copyright a {font-size: 14px; line-height: 20px;}
.footer_section .bottom_portion .copyright i {font-size: 14px; line-height: 14px;}
/* Preloader */
.preloader-orbit-loading {width: 100px; height: 100px;}
.preloader-orbit-loading .cssload-one {border-bottom: 5px solid var(--e-global-color-vivid-orange);}
.preloader-orbit-loading .cssload-two {border-right: 5px solid var(--e-global-color-very-dark-blue);}
.preloader-orbit-loading .cssload-three {border-top: 5px solid var(--e-global-color-accent);}
/* Back to top button */
#button {width: 70px; height: 70px; bottom: 50px; right: 55px;}
}
@media screen and (max-width: 767px){
h1 {font-size: 36px; line-height: 44px;}
h2 {font-size: 30px; line-height: 38px;}
h4 {font-size: 16px; line-height: 24px;}
h5 {font-size: 14px; line-height: 22px;}
h6 {font-size: 14px; line-height: 22px;}
.text-size-16 {font-size: 14px; line-height: 26px;}
a {font-size: 14px; line-height: 20px;}
.main_header {padding: 20px 0;}
.sticky-header {padding: 20px 0;}
.navbar-brand img {width: 175px;}
.navbar-nav .nav-item a {padding: 10px 25px !important;}
.banner-section {padding: 110px 0 0;}
.banner-section .banner-content h1 {margin-bottom: 10px; padding: 0;}
.banner-section .banner-content h1 span {font-size: 42px; line-height: 54px; padding: 0 10px;}
.banner-section .banner-content .type-text {width: 195px;padding: 0;}
.banner-section .banner-content h4 {margin-bottom: 10px;}
.banner-section .banner-content p {line-height: 26px; margin-bottom: 22px;}
.banner-section .banner-content a {padding: 9px 13px; margin-right: 8px; border-radius: 18px 0 18px 0;}
.banner-section .banner-content .get_btn {padding: 9px 26px;}
.banner-section .banner-wrapper .banner-image img {width: 490px;}
.experience_section {padding: 55px 0 25px;}
.experience_section .experience_content h2 {margin-bottom: 10px;}
.experience_section .experience_content p {line-height: 26px; margin-bottom: 25px; padding: 0;}
.experience_section .experience_box {margin-bottom: 30px;}
.experience_section .experience_box a {max-height: 420px;}
.experience_section .experience_box h6 {font-size: 16px; line-height: 22px; text-align: center;}
.experience_section .first-box a {max-height: 420px !important;}
.experience_section .top1 {margin-top: 0;}
.experience_section .top2 {margin-top: 0;}
.subpage_section {padding: 52px 0 60px;}
.subpage_section .subpage_content h2 {padding: 0 20px; margin-bottom: 10px;}
.subpage_section .subpage_content p {line-height: 26px; padding: 0 16px; margin-bottom: 25px;}
.subpage_section .subpage-carouselone {padding-left: 15px;}
.subpage_section .subpage-carouseltwo {padding-right: 15px;}
.feature_section {padding: 52px 0 38px;}
.feature_section .feature_content h2 {margin-bottom: 8px;}
.feature_section .feature_content p {margin-bottom: 30px;}
.feature_section .feature-box {padding: 25px 15px; margin-bottom: 20px;}
.feature_section .feature-box .feature-icon {width: 70px; height: 70px; line-height: 70px; margin-bottom: 12px;}
.feature_section .feature-box .feature-icon img {width: 22px;}
.feature_section .feature-box h4 {margin-bottom: 6px;}
.feature_section .feature-box p {line-height: 24px;}
.feature_section .content .feature-tick_image {margin-bottom: 12px;}
.feature_section .content .feature-tick_image img {width: 32px;}
.feature_section .content h4 {margin-bottom: 6px;}
.value_section {padding-bottom: 256px;}
.footer_section .contact_content {padding: 52px 0 0; margin-top: -230px; margin-bottom: 0;}
.footer_section .contact_content .footer-image {position: relative; text-align: center; left: 0;}
.footer_section .contact_content .footer_content{text-align: center; margin-bottom: 30px; padding: 0 75px;}
.footer_section .contact_content .footer_content h2 {margin-bottom: 10px;}
.footer_section .contact_content .footer_content p {margin-bottom: 18px;}
.footer_section .contact_content .footer_content a {padding: 9px 18px; border-radius: 18px 0 18px 0;}
/* Preloader */
.preloader-orbit-loading {width: 90px; height: 90px;}
/* Back to top button */
#button {width: 65px; height: 65px; right: 50px;}
#button::after {font-size: 18px; line-height: 18px;}
}
@media screen and (max-width: 575px){
.banner-section .banner-content h1 {padding: 0 0;}
h1 {font-size: 30px; line-height: 40px;}
h2 {font-size: 24px; line-height: 30px;}
p {font-size: 14px; line-height: 20px;}
a {font-size: 12px; line-height: 12px;}
.navbar-brand img {width: 160px;}
.navbar-collapse { top: 66px;}
.navbar-nav .nav-item a {font-size: 14px; line-height: 14px;}
.banner-section .banner-content {padding: 0 12px;}
.banner-section .banner-content h1 span {font-size: 30px; line-height: 40px; padding: 0 8px;}
.banner-section .banner-content .type-text {width: 145px;}
.banner-section .banner-content p {line-height: 24px; margin-bottom: 18px;}
.banner-section .banner-content a {padding: 10px 14px; margin-right: 6px; border-radius: 15px 0 15px 0;}
.banner-section .banner-content .get_btn {padding: 10px 22px;}
.banner-section .banner-wrapper .banner-image img {width: 330px;}
.experience_section .experience_content h2 {margin-bottom: 6px;}
.experience_section .experience_content p {line-height: 24px; margin-bottom: 20px;}
.subpage_section {padding: 52px 10px 60px;}
.subpage_section .subpage_content h2 {padding: 0; margin-bottom: 8px;}
.subpage_section .subpage_content p {line-height: 24px; padding: 0; margin-bottom: 22px;}
.subpage_section .subpage-carouselone {padding-left: 0;}
.subpage_section .subpage-carouseltwo {padding-right: 0;}
.feature_section .feature_content h2 {margin-bottom: 6px;}
.feature_section .feature_content p {padding: 0 20px; margin-bottom: 25px;}
.feature_section .feature-box .feature-icon {width: 65px; height: 65px; line-height: 65px; margin-bottom: 10px;}
.feature_section .feature-box .feature-icon img {width: 20px;}
.feature_section .content {padding: 0 15px; margin-bottom: 20px;}
.footer_section .contact_content {padding: 55px 0 0;}
.footer_section .contact_content .footer_content {margin-bottom: 25px; padding: 0 25px;}
.footer_section .contact_content .footer_content a {padding: 10px 16px; border-radius: 15px 0 15px 0;}
.footer_section .contact_content .footer-image img {width: 230px;}
.footer_section .bottom_portion .copyright {padding: 16px 0;}
.footer_section .bottom_portion .copyright p {font-size: 12px; line-height: 18px;}
.footer_section .bottom_portion .copyright a {font-size: 12px; line-height: 18px; padding: 0 3px;}
.footer_section .bottom_portion .copyright i {font-size: 12px; line-height: 12px; padding: 0 3px;}
/* Preloader */
.preloader-orbit-loading {width: 85px; height: 85px;}
.preloader-orbit-loading .cssload-one {border-bottom: 4px solid var(--e-global-color-vivid-orange);}
.preloader-orbit-loading .cssload-two {border-right: 4px solid var(--e-global-color-very-dark-blue);}
.preloader-orbit-loading .cssload-three {border-top: 4px solid var(--e-global-color-accent);}
/* Back to top button */
#button {width: 60px; height: 60px; right: 35px; bottom: 35px;}
}