#spinner-area { display: none !important; }
.nav-menu .main-menu { flex-direction: row; }

/* text */
.text-grey { color: #808080 !important; }
.text-orange { color: #ff6406 !important; }

/* content */
.pricing .wrapper .top-content { padding: 30px 20px 30px 20px; }
.pic-frame { display: flex; height: 125px; justify-content: flex-start; align-items: center; }
.pic-frame img { flex: 0 0 auto; max-height: 120px; max-width: 180px; }
.pic-center { display: block; justify-content: center; align-items: center; }
.pic-center img { display: inline-block; }
.nowrap { white-space: nowrap; }
.list-type { list-style: none; padding: 0; }
.list-type>li { position: relative; padding-left: 15px; line-height: 32px; }
.list-type>li+li { margin-top: 10px; }
.list-type>li:before { content: ""; position: absolute; width: 5px; height: 5px; top: 13px; left: 0; background-color: #1b83f7; }
.valign-top { align-items: flex-start !important; }
.pricing .list-info { padding: 20px 30px 40px 30px; }
.tabs.offers-tabs .tabs-header li { padding-left: 15px; }
.tabs.offers-tabs .tabs-header .active { padding-left: 20px; }
.tabs.offers-tabs .tabs-header ul { display: flex; flex-wrap: wrap; }
.casestudy.withdot .swiper-pagination-switch { display: inline-block; }
.news-detail-content { position: relative; }
.news-detail-content .news-date { display: block; color: #777; font-size: 1rem }
.product-spec .btn { padding: 6px 10px; font-size: .9rem; }
.owl-theme .owl-nav.disabled + .owl-dots { display: flex !important; flex-direction: column; }
.custom-img-right { width: 85%; }
.owl-dots, .owl-theme .owl-nav.disabled + .owl-dots { display: none !important; }

/*sitemap*/
.sitemapset { }
.sitemapsetPage .sec-main { padding: 20px 80px; }
.sitemapset .pr-1, .sitemapset .v-stroke, .sitemapset .h-stroke { padding-right: .25rem !important; font-size: 26px; margin-bottom: 25px; color: #000; font-weight: 800; }
.sitemapset .navbar-nav .menu-item { margin-bottom: 20px; border-bottom: 1px solid #ddd; }
.sitemapset .navbar-nav .sub-menu .menu-item { margin-bottom: 0px; border-bottom: 0px solid #ddd; }
.sitemapset .menu-prod .service-list { padding: 30px 0 0px 0; display: flex; flex-wrap: wrap; }
.sitemapset .menu-prod .service-list .service { flex: 1 1 50%; margin-bottom: 10px; }
.sitemapset .service-list .service svg { vertical-align: middle; border-style: none; float: left; margin-right: 0px; }
.menu-prod .service-list .service svg { margin-right: 20px; margin-bottom: 50px; }
.menu-solution .service-list { padding: 30px 0; display: block; flex-wrap: inherit; }
.menu-solution .service-list { }
.menu-solution .service-list .sub-menu { margin-left: 30px; }
.sitemapset .navbar-nav .menu-case .sub-menu { margin: 20px -10px; }
.sitemapset .navbar-nav .menu-case .sub-menu .menu-item { margin-bottom: 10px; }
.sitemapset .navbar-nav .menu-case .sub-menu .menu-item a { font-size: 15px; color: #808080; }

/**/
.pricing .product-list .wrapper { margin-top: 0px; }
.pricing.special .product-list .wrapper a { margin-top: -35px; float: right; }
/*.best-plans #maintable.table tbody tr:last-child { display: none; }*/

/**/
@media (min-width:992px) {
    .top-header .product-features { min-height: 300px; }
    .mt-250 { margin-top: 250px !important; }
}
@media (min-width:1200px) { }
@media (max-width:900px) {
    .container { max-width: 98%; }
    .full.h-100, .home-banner .item, .home-banner .owl-item { height: 600px !important; }
    .nav-menu .main-menu>.menu-item>.sub-menu.menu-large .service-list { display: flex !important; flex-wrap: wrap !important; }
    .nav-menu .main-menu .menu-item .menu-large .service-list .service { flex: 0 0 25%; }
    .nav-menu .main-menu .menu-item .menu-large .service-list .service .svg { display: table; height: 34px; width: 34px; margin: 10px 15px 0 0; }
    .nav-menu .main-menu .menu-item .menu-large .service-list .service a { margin-right: 0px; }
    .nav-menu .main-menu>.menu-item>.sub-menu.menu-large { margin-left: -330px !important; }
    .megamenu-list .service-list .service .media-body a { line-height: 30px; }
    .top-header .wrapper .heading { font-size: 40px; }
    .top-header { padding-top: 120px; padding-bottom: 20px; }
    .sec-normal { padding: 20px 0; position: relative; z-index: 0; }
    .sec-main { border-radius: 15px; padding: 30px 30px; }
    .nav-menu .main-menu>.menu-item>.sub-menu>.menu-item a { font-size: 16px; }
    .sitemapsetPage .sitemapset .navbar-nav { display: block !important; }
    .pricing .price { font-size: 22px; }
    .casestudy img { right: 0; left: inherit; width: 65%; }
}
@media (max-width:899px) and (min-width:741px) {
    .pricing.special .product-list .wrapper .top-content a { margin-top: 5px; margin-right: -20px; }
}
@media (max-width:767px) {
    .nav-menu .main-menu > .menu-item > .sub-menu { display: block; padding: 10px; border-radius: 0; margin-top: 0px; margin-bottom: 15px; }
    .nav-menu .main-menu > .menu-item > .sub-menu > .menu-item a { color: #fff; }
    .mobile .nav-menu > .main-menu> .menu-item > a { border-bottom: 1px solid rgba(255, 255, 255, .2); display: block; margin-bottom: 15px; padding-bottom: 10px; }
    .mobile .nav-menu .main-menu .menu-item > a { display: block; text-align: left }
    .mobile .nav-menu h5 { color: #fff; margin-top: 5px; background-color: #033152; border-radius: 15px; padding: 3px 10px; display: inline-block; font-size: 18px; }
    .casestudy img { right: 0; left: inherit; width: 100%; }
}
@media (max-width:767px) and (min-width:480px) {
    .menu-wrap.mobile.active .logo-menu { display: none; }
    .custom-img-right { display: inline-block !important; right: -220px; }
    .home-banner .top-banner { padding-top: 0px; padding-bottom: 100px; }
    .sec-up-slider { margin: -180px 0 80px; }
    .pricing.special.sec-up-slider .col-sm-12 { flex: 0 0 33%; max-width: 33%; padding-right: 5px; padding-left: 5px; }
    .pricing .wrapper .top-content { padding: 30px 20px 30px 20px; min-height: 300px; position: relative; }
    .pricing.special .wrapper a { position: absolute; top: 235px; right: 20px; }
    .pricing .list-info { padding: 20px 30px 40px 30px; min-height: 240px; }
    .sitemapsetPage .services .service-wrap .service-section, .sitemapsetPage .help .help-container { margin-top: 20px; }
    .sitemapsetPage .megamenu .service-list .service { margin-bottom: 30px; padding: 0px; flex: 0 0 100%; max-width: 100%; }
    .sitemapsetPage .megamenu .service-list { padding: 20px 15px; }
    .sitemapsetPage .megamenu .service-list .service .media-left { padding: 10px 15px 15px 0; color: #9e9e9e; display: table-cell; width: 80px; }
    .footer .heading { font-size: 24px; }
    .footer .footer-top, .footer .footer-menu, .footer .footer-menu .menu-item { text-align: left; font-size: 15px; }
    .footer .footer-menu { margin-bottom: 50px; }
    .footer .footer-menu .menu-item a { color: #ccc; }
    .footer .logo-footer { width: 320px; }
    .footer .footer-bottom .text-right { text-align: center !important; }
    .pricing .wrapper { margin-top: 20px; }
    .services .service-wrap .service-section { margin-top: 20px; }
    .sitemapsetPage .sec-main { padding: 20px 20px; }
    .sitemapset .menu-prod .service-list .service { padding: 10px 20px; }
    .tabs.offers-tabs .tabs-header li { padding-left: 10px; padding-right: 10px; flex: 0 0 20%; max-width: 20%; font-size: 14px; }
    .tabs.offers-tabs .tabs-content .info-content p, .tabs.offers-tabs .tabs-content .info-content p a { color: #3899ec !important; }
}
@media (max-width:690px) and (min-width:480px) {
    .pricing .wrapper .top-content { min-height: 350px; }
    .pricing .list-info { min-height: 270px; }
    .pricing.special .wrapper a { top: 285px; right: 20px; }
    .help .help-container { margin-top: 10px; }
    .plans.badge.feat { top: -20px; }
}
@media (max-width:576px) {
    .tabs.offers-tabs .tabs-header li { flex: 0 0 50%; max-width: 50%; }
    .pricing.special .product-list .btn { position: absolute; right: 15px; bottom: 15px; }
    .custom-img-right { display: none !important; }
}
@media (max-width:470px) {
    .vc-parent, .owl-carousel .owl-stage-outer { height: 550px !important; }
    .home-banner .top-banner { padding: 50px 20px; text-align: center; }
    .home-banner .top-banner .btn { margin-bottom: 10px; padding: 15px 15px; font-size: 14px; }
    .top-banner .heading { font-size: 32px; line-height: 36px; }
    .top-banner .subheading { margin-bottom: 30px; margin-left: 0; }
    .menu-wrap.mobile.active .logo-menu { display: none; }
    .pricing .wrapper .top-content .svg { height: 32px; width: 32px; float: left; margin: 0 20px 0px 0 !important; }
    .pricing .wrapper .title { margin-bottom: 10px; }
    .btn { font-size: 13px; padding: 10px 15px; letter-spacing: 0em; }
    .pricing .wrapper .top-content, .pricing .list-info, .services .service-wrap .service-section { padding: 30px 20px 20px 20px !important; margin-top: 20px !important; }
    .sec-up-slider .col-sm-12.col-md-4.col-lg-4 { margin-bottom: 20px; }
    .sec-up-slider { margin-bottom: 20px; }
    .sec-normal { padding: 30px 0px; position: relative; z-index: 0; }
    .sec-main { padding: 30px 15px; }
    .sec-grad-yellow-to-grey-left { background: linear-gradient(90deg, #67b346 100%, #d9dde4 10%) !important; }
    .pricing.special.sec-uping.mb-80 { margin-bottom: 20px !important; }
    .casestudy { margin-top: 70px; }
    .help .help-container { margin-top: 10px; }
    .footer .footer-menu .menu-item a { color: #ccc; }
    .footer .footer-menu .menu-item, .footer .footer-top .col-sm-6.col-md-4 { text-align: left; }
    .footer .heading { font-size: 20px; border-top: 1px solid rgba(255, 255, 255, .2); display: block; padding-top: 20px; }
    .footer .footer-menu { margin-bottom: 30px; }
    .footer .logo-footer { width: 300px; }
    .footer-bottom .text-right { text-align: center !important; }
    .pricing.special .wrapper a { margin-top: 60px; float: right; }
    h2.section-heading { font-size: 18px !important; }
    .mixcontainer h2.section-heading { font-size: 26px !important; font-weight: 900; }
    .section-subheading { font-size: 15px; margin-bottom: 0; line-height: 1.5; }
    .top-header { padding-top: 110px; padding-bottom: 40px; }
    .tabs.offers-tabs .tabs-header li { flex: 0 0 33%; max-width: 33%; }
    .tabs.offers-tabs .tabs-header li { font-size: 15px; }
    .tabs.offers-tabs .tabs-header li { margin-top: 10px; }
    .tabs.offers-tabs .tabs-header { padding: 0px; margin-bottom: 20px !important; }
    .pricing .wrapper { margin-top: -35px; }
    .footer .footer-top { padding: 80px 30px 20px 30px; }
    .sitemapsetPage .sec-main { padding: 20px 20px; }
    .sitemapset .menu-prod .service-list .service { flex: 1 1 100%; margin-bottom: 10px; }
    .sitemapset .megamenu .service-list .service { display: inline-table; padding: 12px; flex: 0 0 100%; max-width: 100%; }
    .best-plans .table td:first-child { padding-left: 0; width: 100px; font-size: 14px; min-width: 100px; }
    .best-plans .table td { padding: 10px 5px; font-size: 14px; }
    .best-plans.pricing .plans .btn { margin-top: -80px; }
    .pricing .table .title, .pricing .price, .period { font-size: 14px; }
    .pricing .price sup { top: -.3em; font-size: 10px; margin-right: 5px; }
    .best-plans .table td:nth-child(1n+2) { text-align: center; }
    .best-plans .table .title, .pricing .info, .pricing .price { text-align: left; }
    .randomline { display: none; }
    .tabs.offers-tabs .tabs-content .info-content p, .tabs.offers-tabs .tabs-content .info-content p a { color: #3899ec !important; }
}