/* #Media Queries
================================================== */
@media (min-width:1600px) and (max-width:1699px) {
/*.header .site-menu #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{ padding: 0 20px}
.header .site-menu #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link,
.header .site-menu #mega-menu-wrap-primary, 
.header .site-menu #mega-menu-wrap-primary #mega-menu-primary, 
.header .site-menu #mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu, 
.header .site-menu #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item, 
.header .site-menu #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-row, 
.header .site-menu #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-column, 
.header .site-menu #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link, 
.header .site-menu #mega-menu-wrap-primary #mega-menu-primary span.mega-menu-badge, 
.header .site-menu #mega-menu-wrap-primary button.mega-close, 
.header .site-menu #mega-menu-wrap-primary button.mega-toggle-standard,
.header .site-menu  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link
{ font-size: 16px;}*/
.header .btn{ font-size: 14px; padding: 16px}

/*------29-10-2025 Start------*/

/*------29-10-2025 End------*/
}

@media (min-width:1400px) and (max-width:1599px) {
/*.header .site-menu #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{ padding: 0 12px}
.header .site-menu #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link,
.header .site-menu #mega-menu-wrap-primary, 
.header .site-menu #mega-menu-wrap-primary #mega-menu-primary, 
.header .site-menu #mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu, 
.header .site-menu #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item, 
.header .site-menu #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-row, 
.header .site-menu #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-column, 
.header .site-menu #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link, 
.header .site-menu #mega-menu-wrap-primary #mega-menu-primary span.mega-menu-badge, 
.header .site-menu #mega-menu-wrap-primary button.mega-close, 
.header .site-menu #mega-menu-wrap-primary button.mega-toggle-standard,
.header .site-menu  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link
{ font-size: 16px;}*/
.header .btn{ font-size: 14px; padding: 16px}
.header .call{ gap:6px; margin: 0 24px 0 8px;}
.header .logo { width: 200px;}

/*------29-10-2025 Start------*/

/*------29-10-2025 End------*/
}

@media (min-width:1300px) and (max-width:1399px) {
/*.header .site-menu #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{ padding: 0 12px}
.header .site-menu #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link,
.header .site-menu #mega-menu-wrap-primary, 
.header .site-menu #mega-menu-wrap-primary #mega-menu-primary, 
.header .site-menu #mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu, 
.header .site-menu #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item, 
.header .site-menu #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-row, 
.header .site-menu #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-column, 
.header .site-menu #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link, 
.header .site-menu #mega-menu-wrap-primary #mega-menu-primary span.mega-menu-badge, 
.header .site-menu #mega-menu-wrap-primary button.mega-close, 
.header .site-menu #mega-menu-wrap-primary button.mega-toggle-standard,
.header .site-menu  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link
{ font-size: 14px;}*/
.header .btn{ font-size: 14px; padding: 12px}
.header .call{ gap:6px; margin: 0 20px 0 6px;}
.header .call span.label{ display: none}
.header .logo { width: 200px;}

/*------29-10-2025 Start------*/

/*------29-10-2025 End------*/
}

/*
@media (min-width:1400px) and (max-width:1699px) {
.x-series-list .item .content{ padding: 48px;}
.form-section .row .col-lg-10{ width: 100%;}
.footer{ font-size: 14px;}
.section{ padding-top: 60px; padding-bottom: 60px;}
.automation-build .cta .col-lg-5{ width: 40%;}
.automation-build .cta .col-lg-7{ width: 60%;}
.automation-build .cta [class*=col-] + [class*=col-]:before{ background-image: url(../images/theme-img/cta-top-shape-sm.png); width: 109px; height: 81px; }
.story-item .content .font-18{ font-size: 14px;}
.automation-build .font-20{ font-size: 16px;}
.automation-build .cta .font-20{ font-size: 18px;}
.chequred-items .item{ padding: 136px 0 70px;}
.chequred-items .item{ margin-top: 32px;}
.page-banner .container{ height: 432px;}
} */
/* END__ */


@media (min-width:1200px) and (max-width:1399px) {
.btn{ font-size: 14px; padding: 18px 20px;}
.section-p-20{ padding-left: 18px; padding-right: 18px;}
.section-pt-100{ padding-top: 70px;}
.section-pb-100{ padding-bottom: 70px;}
.section{ padding-top: 60px; padding-bottom: 60px;}
.home-banner, .page-banner{ padding: 18px 18px 0}
.header{ left: 0; right: 0; top: 18px;}
/*.header .logo{ width: 250px;}*/
.section .section-block + .section-block, .section-form-content .section-block + .section-block{ margin-top: 70px;}
.footer-top{ padding: 32px 0;}
.tool-drive-item .col-lg-6 .btn-div{ flex-direction: column;}
.form-section .row .col-lg-10{ width: 100%;}
.footer{ font-size: 14px;}

.BannerSlider .item .container{ height: 635px;}
.section{ padding: 70px 0;}
.automation-build .cta .col-lg-5{ width: 40%;}
.automation-build .cta .col-lg-7{ width: 60%;}
.automation-build .cta [class*=col-] + [class*=col-]:before{ background-image: url(../images/theme-img/cta-top-shape-sm.png); width: 109px; height: 81px; }
.x-series-list .item .content{ padding-left: 48px; padding-right: 48px;}
.story-item .content .font-18{ font-size: 14px;}
.automation-build .font-20{ font-size: 16px;}
.automation-build .cta .font-20{ font-size: 18px;}
.page-form .content{ padding: 48px;}

.post-meta{ flex-direction: column; gap:12px}
.post-meta.font-18{ font-size: 15px}
.post-meta aside:after{ display: none}
.details-meta .post-meta{ flex-direction: row;}
.details-meta .post-meta aside:after{ display: inline; margin: 0 10px;}
.blog-sidebar .nav-link {padding: 12px; line-height: 1; font-size: 14px;}
.blog-sidebar .sidebar-banner{ margin-bottom: 16px}
.blog-sidebar .sticky-sidebar {gap: 14px;}

/*------29-10-2025 Start------*/

/*------29-10-2025 End------*/
} 
/* END__ */

@media (min-width:992px) and (max-width:1199px) {
.btn{ font-size: 14px; padding: 18px 20px;}
.section-p-20{ padding-left: 10px; padding-right: 10px;}
.section-pt-100{ padding-top: 50px;}
.section-pb-100{ padding-bottom: 50px;}
.section{ padding-top: 60px; padding-bottom: 60px;}
.home-banner, .page-banner{ padding: 10px 10px 0 10px}
.header{ left: 0; right: 0; top: 10px; padding: 24px 48px;}
.section-tb-shape:before{border-top: 50px solid var(--bs-white); border-right: 50px solid transparent; }
.section-tb-shape:after{border-bottom: 50px solid var(--bs-white); border-left: 50px solid transparent;}
.StorySlider .slick-prev, .FeatArticle .slick-prev{ left: -12px;}
.StorySlider .slick-next, .FeatArticle .slick-next{ right: -12px;}
.BannerSlider .item .container{ height: 600px;}
.header .logo{ width: 200px;}
.section .section-block + .section-block, .section-form-content .section-block + .section-block{ margin-top: 60px;}
.footer-top{ padding: 32px 0;}
.page-banner .container{ height: 432px;}
.btn-div{ justify-content: center; align-items: center;}

.core-application-item a.d-block::after, .youCover:after { background-size: 90px;}
.tool-drive-item .col-lg-6 .btn-div{ flex-direction: column;}
.tool-drive-item .col-lg-6 .btn{ width: 100%; max-width: 100%;}
.form-section .row .col-lg-10{ width: 100%;}
.footer{ font-size: 14px;}

.BannerSlider .item .container{ height: 635px;}
.section{ padding: 70px 0;}
.automation-build .cta .col-lg-5{ width: 50%;}
.automation-build .cta .col-lg-7{ width: 50%;}
.automation-build .cta [class*=col-] + [class*=col-]:before{ background-image: url(../images/theme-img/cta-top-shape-sm.png); width: 109px; height: 81px; }
.x-series-list .item .content{ padding-left: 48px; padding-right: 48px;}
.story-item .content .font-18{ font-size: 14px;}
.story-item .content .font-18{ font-size: 14px;}
.automation-build .font-20{ font-size: 16px;}
.automation-build .cta .font-20{ font-size: 18px;}
.page-form .content{ padding: 48px;}

.post-meta{ flex-direction: column; gap:12px}
.post-meta.font-18{ font-size: 15px}
.post-meta aside:after{ display: none}

.details-meta .post-meta{ flex-direction: row;}
.details-meta .post-meta aside:after{ display: inline; margin: 0 10px;}
.header.header-page{ top: 0}
.blog-sidebar .nav-link {padding: 12px; line-height: 1; font-size: 14px;}
.blog-sidebar .sidebar-banner{ margin-bottom: 16px}
.blog-sidebar .sticky-sidebar {gap: 14px;}
.HowSlider .item .number span, .HowSlider .slick-slide .item .number::before, .HowSlider .slick-slide .item .number::after,
.how-items .number:before, .how-items .number:after{ display: none;}

/*------29-10-2025 Start------*/

/*------29-10-2025 End------*/
} 
/* END__ */

@media (min-width:768px) and (max-width:1299px) {
.header .logo{ order:1}
.header .call{ order: 2; margin: 0 0 0 auto;}
.header .call span.label{ display: none}
.header .btn{ order: 3; margin: 0 32px;}
.header .site-menu{ order: 4; margin: 0;}
.header .btn{ font-size: 14px; padding: 12px}
.header .site-menu #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:only-child{ margin: 0;}
.header .site-menu #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item{ border-bottom: 1px solid rgba(255,255,255,0.2)}

/*------29-10-2025 Start------*/

/*------29-10-2025 End------*/
}

@media (min-width:768px) and (max-width:991px) {

.header .logo{ width: 200px;}
.section-p-20{ padding-left: 10px; padding-right: 10px;}
.section-pt-100{ padding-top: 50px;}
.section-pb-100{ padding-bottom: 50px;}
.section{ padding-top: 40px; padding-bottom: 40px;}
.home-banner, .page-banner{ padding: 10px 10px 0 10px}
.header{ left: 0; right: 0; top: 10px; padding: 24px 40px;}
.section-tb-shape:before{border-top: 50px solid var(--bs-white); border-right: 50px solid transparent; }
.section-tb-shape:after{border-bottom: 50px solid var(--bs-white); border-left: 50px solid transparent;}
.StorySlider .slick-prev, .FeatArticle .slick-prev{ left: -12px;}
.StorySlider .slick-next, .FeatArticle .slick-next{ right: -12px;}
.BannerSlider .item .container{ height: 500px;}
.automation-build .content{ padding: 30px 0;}
.automation-build .cta{ position: relative; bottom: auto; text-align: center;}
.automation-build .cta .col-lg-5::after { display: none;}
.section .section-block + .section-block, .section-form-content .section-block + .section-block{ margin-top: 40px;}
.footer-top{ padding: 32px 0;}
.automation-build{ padding-bottom: 0;}
.page-banner .container{ height: 432px;}
.x-series-list .item{ background: none;}
.x-series-list .item .content { background-image: url(../images/theme-img/green-texture.svg); background-position: center; background-size: cover; background-repeat: no-repeat;}
.form-section form .row > [class*=col-], .form-section  form .row .col-6:last-child{ margin-bottom: 24px;}
.application-slider-content .btn-outline-light{ margin-left: auto; margin-right: auto; width: 320px; display: flex; margin-top: 32px;}
.application-slider-content .ApplicationSlider{ padding-bottom: 0;}
.btn-div{ justify-content: center; align-items: center;}
.HowSlider .item .number span, .HowSlider .slick-slide .item .number::before, .HowSlider .slick-slide .item .number::after,
.how-items .number:before, .how-items .number:after{ display: none;}
.banner-icon img{ height: 130px; width: auto;}
.footer{ font-size: 14px;}

.automation-build .cta [class*=col-] + [class*=col-]:before, .automation-build .cta [class*=col-] + [class*=col-]:after{ display: none;}
.story-item .content .font-18{ font-size: 14px;}
.story-item .content .font-18{ font-size: 14px;}
.automation-build .font-20{ font-size: 16px;}
.automation-build .cta .font-20{ font-size: 18px;}
.page-form .content{ padding: 48px;}
.header.fixed-header { height: 70px; padding-top: 0; padding-bottom: 0;}
.header.fixed-header .logo { width: 150px;}

.post-meta{ flex-direction: column; gap:12px}
.post-meta.font-18{ font-size: 15px}
.post-meta aside:after{ display: none}

.details-meta .post-meta{ flex-direction: row;}
.details-meta .post-meta aside:after{ display: inline; margin: 0 10px;}
.header.header-page{ top: 0}
.post-table-content .anchor + .anchor {margin-top: 50px;}
.blog-sidebar .nav-link {padding: 14px 16px; line-height: 1;}
.ProdSlider .slick-prev, .ProdSlider .slick-next{ height: 48px; width: 48px;}
.ProdSlider .slick-dots{height: 48px;}
.you-img {text-align: center;}

/*------29-10-2025 Start------*/
.product-additional-content .features{ gap: 16px}
.product-additional-content .features .content{ padding: 16px; width: calc(50% - 8px)}
.product-cat-item .btn{ padding: 20px}
.product-additional-content{padding: 16px 0}
.product-additional-content.block-gray{ padding: 20px}
.product-sidebar-nav ul li a{ padding: 15px;}
/*------29-10-2025 End------*/
} 
/* END__ */

@media only screen and (max-width:767px) {
.BannerSlider .item .overlay-s{ background:#000; opacity:0.5; position:absolute; top:0; left:0; width:100%; height: 100%; z-index:2; }
.btn{ font-size: 14px; padding: 14px 20px;}
.header .logo{ width: 150px;}
.section-p-20{ padding-left: 0; padding-right: 0;}
.section-pt-100{ padding-top: 35px;}
.section-pb-100{ padding-bottom: 50px;}
.section{ padding-top: 35px; padding-bottom: 35px;}
.section.section-tb-shape{ padding-top: 60px; padding-bottom: 60px;}
.home-banner, .page-banner{ padding: 0}
.header, .header.fixed-header { left: 0; right: 0; top: 0; padding: 0 20px; height: 70px;}
.section-tb-shape:before{border-top: 45px solid var(--bs-white); border-right: 45px solid transparent; }
.section-tb-shape:after{border-bottom: 45px solid var(--bs-white); border-left: 45px solid transparent;}
.StorySlider .slick-prev, .FeatArticle .slick-prev{ left: -12px;}
.StorySlider .slick-next, .FeatArticle .slick-next{ right: -12px;}
.BannerSlider .item .container{ height: 600px;}
.automation-build .content{ padding: 30px 0;}
.automation-build .cta{ position: relative; bottom: auto; text-align: center;}
.automation-build .cta .col-lg-5::after { display: none;}
.section .section-block + .section-block, .section-form-content .section-block + .section-block{ margin-top: 30px;}
.footer-top{ padding: 32px 0;}
.BannerSlider .item{ text-align: center;}
.BannerSlider .item .banner-btns, .btn-div-center{ flex-direction: column; justify-content: center; align-items: center;}
.BannerSlider .item .banner-btns .btn, .btn-div-center .btn{ max-width: 300px; width: 100%;}
.application-slider-content .ApplicationSlider{ padding: 0;}
.application-slider-content .btn-outline-light{ margin-left: auto; margin-right: auto; width: 250px; display: flex; margin-top: 32px;}
.automation-build{ padding-bottom: 0;}
.accordionjs .acc_section{ padding: 22px;}
.footer-top ul.menu { flex-direction: row; flex-wrap: wrap;  gap: 0; margin: 0 -12px;}
.footer-top ul.menu li{ flex: 0 0 auto; width: 50%; padding: 0 12px; margin-bottom: 6px;}
.footer-bottom .container{ flex-direction: column; text-align: center;}
.footer-bottom .container ul{ order: 1; margin: 0 0 10px;}
.footer-bottom .container .copyright{ order: 1;}
.HowSlider .item .content{ background-image: none; background-color: rgba(255,255,255,0.10); padding: 22px;}
.page-banner .container{ height: auto; padding-top: 100px; padding-bottom: 50px; text-align: center;}
.x-series-list .item{ background: none;}
.x-series-list .item .content { background-image: url(../images/theme-img/green-texture.svg); background-position: center; background-size: cover; background-repeat: no-repeat;}
.form-section form .row > [class*=col-], .form-section  form .row .col-6:last-child{ margin-bottom: 24px;}
.btn-div{ flex-direction: column;}
.btn-div .btn{ max-width: 270px; min-width: 270px;}
.partner-logo{ height: 140px;}
.core-application-item .content{ padding: 22px;}
.core-application-item a.d-block::after, .youCover:after { background-size: 80px;}
.btn-div{ justify-content: center; align-items: center;}
.HowSlider .item .number span, .HowSlider .slick-slide .item .number::before, .HowSlider .slick-slide .item .number::after { display: none;}

.slick-prev, .slick-next{width:40px; height:40px; }
.slick-prev{left:16px; }
.slick-next{right:16px; }
.slick-prev .material-symbols-sharp, .slick-next .material-symbols-sharp{font-size: 24px;}
.content-style-polygon ul li{ background-size: 16px;}
.table > :not(caption) > * > *{ padding: 10px;}
.features .nav-tabs .nav-link, .contact-bottom-section .nav-tabs .nav-link{ padding: 8px 14px; font-size: 14px;}
.tool-drive-item .text-content{ padding: 20px;}

.tool-drive-item .mask-img-r .mask-img { position: relative; top: auto; left: auto; right: auto;; bottom: auto;}
.tool-drive-item .mask-img-r[class*="col-"]:nth-child(2){ padding: 0;}
.tool-drive-item [class*="col-"]:nth-child(2){  padding-top: 32px; padding-bottom: 32px;}
.banner-icon img{ height: 100px; width: auto;}
.contact-form-section .nav-tabs  .nav-link{ font-size: 14px;}
.icon-slider .section-green-bg{ left: 0; right: 0;}
.story-item .content h4{ padding-left: 16px; padding-right: 16px;}
.footer{ font-size: 14px;}
.automation-build .cta [class*=col-] + [class*=col-]:before, .automation-build .cta [class*=col-] + [class*=col-]:after{ display: none;}

.header .logo{ order:1}
.header .call{ order: 2; margin: 0 16px 0 auto;}
.header .call span.label{ display: none}
.header .btn{ order: 3; margin: 0 32px; display: none}
.header .site-menu{ order: 4; margin: 0;}
.header .site-menu #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:only-child{ margin: 0;}
.header .site-menu #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item{ border-bottom: 1px solid rgba(255,255,255,0.2)}
.section-form-content{ padding: 85px 0 15px;}
.section-form-content .container{ max-width: 100%;}
.header .logo, .header.fixed-header .logo { width: 150px;}

.page-form .content{ padding: 48px 20px;}
.page-form:before, .featured-post-image:before, .author-info:before, .post-table-content .nf-form-cont:before{border-top: 35px solid var(--bs-white); border-right: 35px solid transparent;}
.page-form:after, .featured-post-image:after, .author-info:after, .post-table-content .nf-form-cont:after{border-bottom: 35px solid var(--bs-white); border-left: 35px solid transparent;}
.author-info, .post-table-content .nf-form-cont{ padding: 40px 20px}
.author-info .d-flex .ratio{ width: 60px;}
.author-info .d-flex { align-items: flex-start; gap: 12px;}

.post-meta.font-18{ font-size: 15px}
.post-meta aside:after{ margin: 0 10px}
.header.header-page{ top: 0}
.post-table-content .anchor + .anchor {margin-top: 50px;}
.details-meta{ flex-direction: column; align-items: flex-start;}
.details-meta ul{ margin-left: 0;}
.ProdSlider .slick-prev, .ProdSlider .slick-next{ height: 44px; width: 44px}
.product-item .content{ padding: 22px}
.page-banner .call{ justify-content: center;}
.features .tab-content .table > tbody > tr > td{ display: block}
.features .tab-content .table > tbody > tr > td.text-end{ text-align: left !important}
.ProdSlider .slick-dots{height: 44px;}
.HowSlider .item .number span, .HowSlider .slick-slide .item .number::before, .HowSlider .slick-slide .item .number::after,
.how-items .number:before, .how-items .number:after{ display: none;}

/*------29-10-2025 Start------*/
.products-title-bar { flex-direction: column; gap: 16px;}
.products-title-bar .filter-dd{ margin-left: 0; flex-direction: column; text-align: center;}
.products-title-bar .filter-dd select{ width: 180px; height: 45px; padding-top: 0; padding-bottom: 0;}
.product-item .btn{ padding: 14px;}
.product-additional-content{padding: 16px 0}
.manual-listting .item, .product-additional-content .accordionjs .acc_section{  padding: 10px;}
.product-additional-content .features{ gap: 10px}
.product-additional-content .features .content{ padding: 16px; width: calc(50% - 5px)}
.product-cat-item .btn{ padding: 10px}
.product-additional-content.block-gray{ padding: 16px}
.breadcrum-items{ font-size: 14px; gap: 5px}
.breadcrum-items span a::after { margin-left:5px}
/*------29-10-2025 End------*/
} 
/* END__ */

@media only screen and (max-width:575px) {
.core-application-item .content{ padding: 20px;}
.core-application-item .content{ padding: 16px;}
.author-info .d-flex ul{ font-size: 14px; flex-direction: column;}
.author-info .d-flex ul li:first-child:after{ display: none;}
} 

@media only screen and (max-width:360px) {
.core-application-item .content{ padding: 20px;}
.core-application-item .content{ padding: 16px;}
.contact-form-section .nav-tabs  .nav-link{ font-size: 12px;}
} 
/* END__ */