@media (max-width:1579px) {

.py-180, .pt-180{ padding-top: 120px;}
.py-180, .pb-180{ padding-bottom: 120px;}

.btn-theme{ padding-left: 15px;}
.btn-theme i{ height: 34px; width: 40px;}
.btn-theme::before{ height: 34px; width: 40px;}

p{ font-size: 16px; line-height: 26px;}

.global_title{ font-size: 48px; margin-bottom: 45px;}
.global_title small{ margin-bottom: 15px;}

.header__sec .navbar-brand{ width: 200px;}
.header__sec .navbar-light .navbar-nav .nav-link{ padding: 28px 0;}

.hero__sec .inner{ min-height: auto; height: 100vh; padding-bottom: 40px;}
.hero__sec h1{ font-size: 70px; line-height: 90px;}
.hero__sec h4{ margin-bottom: 20px;}
.hero__sec p{ font-size: 16px; margin-bottom: 40px;}
.hero__sec .detail{ margin-bottom: 35px; max-width: 990px;}
.hero__sec .logo-slider{ max-width: 780px;}

.about__sec .inner-blk{ padding: 70px 30px; margin-bottom: 120px;}
.about__sec .inner-blk .global_title{ max-width: 930px;}

.about-item .detail strong{ font-size: 70px;}
.about-item .detail{ padding: 25px;}
.about-item .detail h3{ font-size: 28px;}
.about-item figure{ height: 420px;}

.choose__sec .choose-tabs .nav-link{ font-size: 13px; padding: 10px 9px;}
.choose__sec .choose-tabs{ gap: 5px; padding: 7px;}
.choose__sec .content-block .tab-info{ padding: 30px; max-width: 560px; min-height: 520px;}
.choose__sec .content-block h3{ font-size: 26px;}
.choose__sec .content-block p{ margin-bottom: 20px;}
.choose__sec .content-block ul li{ padding: 14px 0 14px 28px;}
.choose__sec .content-block ul li::before{ top: 15px; height: 15px; width: 15px;}

.drive__sec .global_title{ margin-bottom: 50px;}
.drive__sec .grid{ grid-gap: 17px;}
.drive-box{ padding: 20px;}
.drive-box i{ margin-bottom: 32px; width: 36px;}
.drive-box h3{ font-size: 21px; margin-bottom: 13px;}
.drive-box p{font-size: 13px;}

.footer__sec .container{ width: 85%;}
.footer__sec .ftr-logo{ padding: 65px 40px 65px 0;}
.footer__sec .ftr-blk{ padding: 30px;}
.footer__sec .ftr-social{ padding: 30px;}
.footer__sec h3{ font-size: 15px;}
.footer__sec .ftr-blk h3{ margin-bottom: 20px;}
.footer__sec .ftr_link li{ font-size: 15px;}
.social-wrp a{ height: 52px; width: 52px;}
.addres-blk{ padding: 40px 15px 50px 30px;}
.addres-blk .dtl i{ height: 38px; width: 38px; min-width: 38px;}
.addres-blk .dtl{ gap: 14px;}
.addres-blk .dtl p{ font-size: 14px; line-height: 20px;}
.copyright h3{ margin-bottom: 20px;}
.copyright p{ font-size: 14px;}
.footer__sec{ padding-bottom: 30px;}


/* About Page */
.main-title{ font-size: 76px; line-height: 90px; margin-bottom: 50px;}
.partner_sec{ padding: 80px 0;}
.partner_sec .row{ --bs-gutter-x: 80px;}
.partner_sec .details .row{ --bs-gutter-x: 12px; --bs-gutter-y: 12px;}
.partner_sec .partner-bx{ padding: 22px;}
.partner_sec .partner-bx h3{ font-size: 18px;}
.partner_sec .partner-bx p{ line-height: 25px; font-size: 17px;}
.partner_sec figure{ height: 338px;}
.py-100, .pb-100{ padding-bottom: 80px;}
.mission_sec{ padding-top: 80px;}
.brand_sec h4{ margin-bottom: 25px;}
.mission_sec .dtl .global_title{ margin-bottom: 20px;}
.mission_sec .dtl p{ font-size: 18px;}
.mission_sec figure{ max-width: 508px; height: 488px;}
.mission_sec .row.flex-row-reverse .dtl{ margin-right: -20px;}
.mission_sec .dtl{ margin-left: -20px; padding: 22px;}
.counter_sec .count-box{ padding: 22px;}
.counter_sec .count-box i{ height: 38px; width: 38px; margin-bottom: 25px;}
.counter_sec .count-box strong{ font-size: 34px;}
.AboutPage .choose__sec{ padding-bottom: 80px;}
.brand_sec{ padding-bottom: 80px;}
.brand_sec .logo-slider{ max-width: 780px;}


.page_title{ padding: 80px 0;}
.breadcrumb{ margin-bottom: 18px;}
.page_title p{ max-width: 100%; font-size: 16px;}
.industry_sec{ padding: 80px 0;}
.industry_sec .details h3{ font-size: 24px;}
.industry_sec .details ul li{ font-size: 16px;}
.industry_sec .details ul li i{ height: 22px; width: 22px; min-width: 22px;}
.industry_sec .details ul{ margin-bottom: 35px;}
.industry_sec .details p{ margin-bottom: 22px;}
.industry_sec figure{ height: 620px;}
.product_sec{ padding-bottom: 80px;}
.product_sec h3{ font-size: 26px;}
.product_sec .splide__arrows button{ height: 34px; width: 38px;}
.product_sec .splide__arrows{ gap: 10px;}
.product_sec .product-bx .dtl h4{ font-size: 20px;}
.product_sec .product-bx .dtl{ padding: 22px;}
.product_sec .product-bx figure{ height: 280px;}

.aboutproduct_sec{ padding: 80px 0;}
.aboutproduct_sec .dtl h3{ font-size: 24px; margin-bottom: 15px;}
.aboutproduct_sec .dtl strong{ font-size: 17px; margin-bottom: 25px;}
.aboutproduct_sec .dtl strong:last-of-type{ margin-bottom: 40px;}
.aboutproduct_sec ul li{ font-size: 17px;}
.aboutproduct_sec ul li::before{ height: 18px; width: 18px; top: 4px;}
.aboutproduct_sec .form-block{ padding: 24px;}
.aboutproduct_sec .form-block h4{ font-size: 18px; margin-bottom: 22px;}
.form-group label{ margin-bottom: 10px;}
.form-group .input-group .form-control{ height: 48px;}
.form-group{ margin-bottom: 14px;}
.form-group .input-group textarea.form-control{ min-height: 100px; padding-top: 10px;}

.inner_banner .inner_cap{bottom: 90px;}
.inner_banner .inner_cap p{font-size: 16px; max-width: 585px;}

.form-group .form-select{height: 48px;}
.contact_sec h3{ margin-bottom: 40px; font-size: 24px;}
}

@media (max-width:1199px) {

h1{ font-size: 54px; line-height: 1;}
h2{ font-size: 34px; line-height: 1;}
h3{ font-size: 26px;}


.py-180, .pt-180{ padding-top: 80px;}
.py-180, .pb-180{ padding-bottom: 80px;}

.global_title small{ margin-bottom: 10px;}
.global_title{ font-size: 38px; margin-bottom: 35px;}

.btn-theme i{ height: 32px; width: 36px;}
.btn-theme{ padding-left: 12px; gap: 15px;}
.btn-theme::before{ height: 32px; width: 36px;}

.header__sec .navbar-brand{ width: auto;}
.header__sec .navbar-light .navbar-nav .nav-link{ padding: 24px 0;}

.hero__sec h1{ font-size: 56px; line-height: 66px;}
.hero__sec .detail{ max-width: 660px; margin-bottom: 60px;}
.hero__sec p{ font-size: 15px; margin-bottom: 30px;}
.hero__sec .logo-slider{ max-width: 560px;}
.hero__sec .inner{ padding-bottom: 40px;}

.about__sec .inner-blk{ padding: 50px 30px; margin-bottom: 80px; border-radius: 16px;}
.about__sec .inner-blk .global_title{ max-width: 700px;}
.about-item .detail strong{ font-size: 52px;}
.about-item .detail h3{ font-size: 24px; margin-bottom: 10px;}
.about-item figure{ height: 360px;}

.choose__sec .content-block .tab-info{ padding: 25px; max-width: 480px; min-height: 440px;}
.choose__sec .content-block h3{ font-size: 24px;}
.choose__sec .content-block p{ font-size: 15px;}
.choose__sec .content-block ul li{ padding: 12px 0 12px 26px;}
.choose__sec .content-block ul li::before{ top: 13px; height: 14px; width: 14px;}

.drive__sec .global_title{ max-width: 370px; margin-bottom: 40px;}
.drive__sec .grid{ grid-gap: 15px;}
.drive-box i{ margin-bottom: 28px; width: 34px;}
.drive-box{ border-radius: 12px;}
.drive-box h3{ font-size: 20px;}

.footer__sec .ftr-logo{ padding: 50px 30px 50px 0;}
.footer__sec .ftr-logo p{ font-size: 15px;}
.footer__sec .ftr_link li{ margin-bottom: 10px;}
.social-wrp a{ height: 44px; width: 44px;}
.social-wrp{ gap: 10px;}
.addres-blk{ padding: 30px 15px 40px 20px;}


/* About Page */
.main-title{ font-size: 56px; line-height: 66px; max-width: 800px;}
.partner_sec .row{ --bs-gutter-x: 40px;}
.partner_sec .partner-bx{ padding: 18px; border-radius: 12px;}
.partner_sec .partner-bx h3{ font-size: 16px;}
.partner_sec .partner-bx p{ line-height: 22px; font-size: 16px;}
.partner_sec figure{ height: 318px;}
.mission_sec figure{ max-width: 100%; height: 418px;}
.mission_sec .row{ --bs-gutter-x: 18px;}
.mission_sec .dtl{ padding: 20px; margin-left: 0;}
.mission_sec .row.flex-row-reverse .dtl{ margin-right: 0;}
.main-title small{ margin-bottom: 10px;}
.mission_sec .dtl p{ font-size: 16px;}
.counter_sec .count-box{ padding: 20px;}
.counter_sec .count-box strong{ font-size: 30px;}
.brand_sec .logo-slider{ max-width: 560px;}


.page_title{ padding-bottom: 60px;}
.page_title p{ font-size: 15px;}
.industry_sec{ padding-top: 60px;}
.industry_sec .details h3{ font-size: 22px; margin-bottom: 15px;}
.industry_sec .details ul{ margin-bottom: 28px;}
.industry_sec .details p{ margin-bottom: 18px; font-size: 15px; line-height: 22px;}
.industry_sec .row{ --bs-gutter-x: 30px;}
.industry_sec .details ul li{ font-size: 14px;}
.industry_sec .details ul li i{ height: 20px; width: 20px; min-width: 20px;}
.industry_sec figure{ height: 590px;}
.product_sec .product-bx figure{ height: 260px;}

.aboutproduct_sec{ padding: 60px 0 80px;}
.aboutproduct_sec .dtl h3{ font-size: 22px; margin-bottom: 12px;}
.aboutproduct_sec .dtl p{ margin-bottom: 20px; font-size: 15px; line-height: 24px;}
.aboutproduct_sec .dtl strong{ font-size: 16px; margin-bottom: 20px;}
.aboutproduct_sec ul li{ font-size: 16px; padding-left: 25px;}
.aboutproduct_sec ul li::before{ height: 16px; width: 16px;}
.aboutproduct_sec .form-block{ padding: 20px;}
.aboutproduct_sec .form-block h4{ font-size: 17px; margin-bottom: 20px;}
.form-group .input-group .form-control{ height: 44px;}
.form-group label{ font-size: 13px; margin-bottom: 5px;}
.form-group .input-group textarea.form-control{ min-height: 90px;}

.inner_banner .bg{height: 430px;}
.inner_banner .inner_cap{bottom: 80px;}
.inner_banner .inner_cap p{ font-size: 15px; max-width: 510px;}

.contact_sec h3{ margin-bottom: 30px; font-size: 22px;}
.contact_sec .row{ --bs-gutter-y: 25px;}
.form-group .form-select{height: 44px;}
}

/************ Main **************/
@media (max-width: 991px) {
    h1{ font-size: 40px; line-height: 1;}
    h2{ font-size: 34px; line-height: 1;}
    
    .py-180, .pt-180{ padding-top: 60px;}
    .py-180, .pb-180{ padding-bottom: 60px;}
    
.header__sec .navbar-light .navbar-nav .nav-link{ padding: 10px 0; display: flex; justify-content: space-between; align-items: center;}

.navbar-toggler{ background:none; border:none; position:relative; right:0; top:0; box-shadow:none !important; margin: 0 0 0 20px;}
.header__sec .offcanvas { background: rgba(0, 0, 0); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); width: 100%; max-width: 360px;}
.header__sec{ padding: 10px 0;}
.header__sec .offcanvas-lg{ height: 100vh;}
.header__sec .navbar-nav .dropdown-menu{ border: none;}
.header__sec .navbar-light .navbar-nav .nav-item{ margin: 0;}
.header__sec{ position: fixed;}
.header__sec .dropdown-item{ padding: 8px 15px; font-size: 14px;}

.header__sec .navbar-light .navbar-nav{ gap: 0;}

.header__sec .navbar{ justify-content: start;}
.header__sec .btn-theme{ margin: 0 0 0 auto;}
.hero__sec h1{ font-size: 44px; line-height: normal; margin-bottom: 10px;}
.hero__sec .detail{ max-width: 600px; margin-bottom: 50px;}
.hero__sec p{ font-size: 14px;}
.about__sec .inner-blk{ padding: 40px 30px;}
.global_title{ font-size: 34px;}
.about__sec .inner-blk .global_title{ max-width: 610px;}
.about__sec .inner-blk{ margin-bottom: 40px;}

.about-item .detail strong{ font-size: 40px;}
.about-item .detail{ padding: 20px;}
.about-item .detail h3{ font-size: 20px;}
.about-item .detail p{ font-size: 14px; line-height: 22px;}
.about-item figure{ height: 320px;}
.global_title{ margin-bottom: 30px;}
.choose__sec .choose-tabs{ margin-bottom: 40px;}
.choose__sec .content-block h3{ font-size: 22px;}
.choose__sec .content-block .tab-info{ max-width: 70%; min-height: 400px;}
.choose__sec .content-block p{ font-size: 14px;}
.drive__sec .global_title{ margin-bottom: 30px;}
.drive__sec .grid .drive-box:nth-child(5n+1), .drive__sec .grid .drive-box:nth-child(5n+2), .drive__sec .grid .drive-box:nth-child(5n+3){ grid-column: span 3;}
.drive__sec .grid .drive-box:nth-child(5n+5){ grid-column: span 6;}
.drive-box{ border-radius: 10px;}
.footer__sec .ftr-logo{ padding: 30px 20px 30px 0;}
.footer__sec .ftr-logo p{ font-size: 14px;}
.footer__sec .container{ width: 90%;}
.footer__sec .ftr-blk{ padding: 25px 20px 20px 30px;}
.footer__sec .ftr-social{ padding: 25px 0;}
.footer__sec .ftr-social h3{ font-size: 14px;}
.footer__sec .ftr_link li{ font-size: 14px; margin-bottom: 8px;}
.social-wrp a{ height: 38px; width: 38px; border-radius: 6px;}
.addres-blk{ padding: 20px 20px 30px;}
.addres-blk .dtl i{ height: 34px; width: 34px; min-width: 34px; border-radius: 6px;}
.addres-blk .dtl i img{ width: 20px;}
.addres-blk.bdr{ border-left: none;}

/* About Page */
.partner_sec{ padding: 60px 0;}
.main-title{ font-size: 44px; line-height: normal; margin-bottom: 30px; max-width: 620px;}
.partner_sec .row{ --bs-gutter-x: 20px;}
.partner_sec .partner-bx{ border-radius: 10px;}
.partner_sec .partner-bx p{ line-height: 20px; font-size: 14px;}
.partner_sec figure{ height: 278px;}
.mission_sec{ padding-top: 60px;}
.mission_sec .dtl p{ font-size: 14px; line-height: 22px;}
.mission_sec figure{ height: 340px;}
.py-100, .pb-100{ padding-bottom: 60px;}
.counter_sec .count-box{ padding: 15px 10px;}
.counter_sec .count-box strong{ font-size: 26px;}
.counter_sec .count-box p{ font-size: 13px;}
.counter_sec .count-box i{ height: 34px; width: 34px; margin-bottom: 20px;}
.counter_sec .count-box i img{ width: 22px;}
.AboutPage .choose__sec{ padding-bottom: 60px;}
.brand_sec{ padding-bottom: 60px;}

.product_sec h3{ font-size: 24px;}

.page_title{ padding: 60px 0 40px;}
.industry_sec{ padding: 40px 0 60px;}
.industry_sec .details h3{ font-size: 20px; margin-bottom: 15px;}
.industry_sec figure{ margin-bottom: 20px; height: 320px;}
.industry_sec .details ul{ margin-bottom: 20px;}
.industry_sec .details p{ margin-bottom: 15px;}
.product_sec h3{ font-size: 22px;}
.product_sec .splide__arrows button{ height: 30px; width: 32px;}
.product_sec{ padding-bottom: 60px;}
.product_sec .product-bx .dtl h4{ font-size: 18px;}
.product_sec .product-bx .dtl{ padding: 20px;}
.product_sec .product-bx figure{ height: 240px;}

.breadcrumb{ margin-bottom: 15px;}


.aboutproduct_sec{ padding: 40px 0 60px;}
.aboutproduct_sec .dtl h3{ margin-bottom: 10px;}
.aboutproduct_sec ul li{ font-size: 15px; padding-left: 22px;}
.aboutproduct_sec ul li::before{ height: 14px; width: 14px;}
.aboutproduct_sec .form-block h4{ font-size: 16px;}
.form-group .input-group .form-control{ height: 40px;}

.inner_banner .bg{height: 370px;}
.inner_banner .inner_cap{bottom: 60px;}
.contact_sec{ padding: 60px 0;}

.contact_sec h3{ margin-bottom: 25px; font-size: 20px;}
.contact_sec .row{ --bs-gutter-y: 14px;}
.form-group .form-select{height: 40px;}
}

@media (max-width: 767px) {
html { -webkit-text-size-adjust:none;}
.container{ width:90%; margin:0 auto; padding:0; max-width: inherit;}

.py-180, .pt-180{ padding-top: 40px;}
.py-180, .pb-180{ padding-bottom: 40px;}

p{ font-size: 14px; line-height: 22px;}
.hero__sec h1{ font-size: 40px;}
.hero__sec .logo-slider{ max-width: 100%;}
.hero__sec .detail{ margin-bottom: 40px;}
.hero__sec h4{ margin-bottom: 15px;}
.hero__sec .inner{ padding-bottom: 30px; height: 560px;}
.about__sec .inner-blk{ padding: 30px; border-radius: 12px;}
.global_title{ font-size: 28px; margin-bottom: 25px;}
.about-item .detail strong{ font-size: 30px;}
.about-item::after{ opacity: 1;}
.about-item::before{ opacity: 0;}
.about-item .detail p{ position: unset;}
.about-item figure img{ opacity: 1;}

.header__sec .btn-theme{ margin: 0 auto;}
.choose__sec .global_title br{ display: none;}
.global_title small{ margin-bottom: 5px;}
.choose__sec .choose-tabs{ margin-bottom: 30px;}
.choose__sec .content-block .tab-info{ max-width: 100%;}
.drive__sec .global_title{ max-width: 100%;}
.about-item .detail h3, .drive-box h3{ font-size: 18px;}
.footer__sec .ftr-logo{ padding: 30px 0; border-right: none; border-bottom: 1px dashed rgba(22, 38, 37, 0.12);}
.footer__sec .ftr-blk{ padding: 20px 0;}
.addres-blk{ padding: 15px 0;}
.copyright .d-flx{ display: block;}
.copyright .d-flx p + p{ margin-top: 5px;}
.navbar-toggler{ margin-left: auto;}
.about__sec .inner-blk .global_title{ max-width: 100%;}

.footer__sec .addres-blk h3{ margin-bottom: 0; cursor: pointer;}
.addres-blk.bdr{margin-bottom: 10px; border-bottom: 1px dashed rgba(22, 38, 37, 0.12);}
.footer__sec .addres-blk h3.active{ margin-bottom: 10px;}
.footer__sec .addres-blk h3::after{content: "+"; position: absolute; top: -1px; right: 0; transition: all .4s ease-in-out; font-size: 20px;}
.footer__sec .addres-blk h3.active::after{content: "-";}

.partner_sec{ padding: 20px 0;}
.main-title{ font-size: 40px; margin-bottom: 20px;}
.main-title small{ margin-bottom: 5px;}
.partner_sec .row{ --bs-gutter-y: 20px;}
.partner_sec figure{ height: 240px;}
.py-100, .pb-100{ padding-bottom: 40px;}
.mission_sec{ padding-top: 40px;}
.mission_sec .dtl .global_title{ margin-bottom: 15px;}
.mission_sec figure{ height: 300px;}
.mission_sec .row{ --bs-gutter-x: 10px;}
.mission_sec figure{ height: 100%;}
.mission_sec .dtl p{ margin-bottom: 0;}
.counter_sec .row{ --bs-gutter-y: 10px;}
.counter_sec .count-box strong{ font-size: 24px;}
.counter_sec .count-box p{font-size: 11px;}
.brand_sec h4{ margin-bottom: 15px;}
.AboutPage .choose__sec{ padding-bottom: 40px;}
.brand_sec{ padding-bottom: 40px;}
.brand_sec .logo-slider{ max-width: 100%;}
.partner_sec .partner-bx h3{ margin-bottom: 5px;}

.page_title{ padding: 40px 0 20px;}
.industry_sec{ padding: 20px 0 40px;}
.industry_sec figure{ height: 280px;}
.industry_sec .details h3{ font-size: 18px;}
.product_sec .splide__arrows{ top: auto; bottom: -45px; right: 0; justify-content: center;}
.product_sec .product-bx figure{ height: 200px;}
.product_sec .product-bx .dtl{ padding: 15px;}


.aboutproduct_sec{ padding: 20px 0 40px;}
.aboutproduct_sec .dtl h3{ font-size: 20px;}
.aboutproduct_sec .dtl p{ font-size: 14px; line-height: 22px; margin-bottom: 15px;}
.aboutproduct_sec .dtl strong{ font-size: 14px; margin-bottom: 15px;}
.aboutproduct_sec .dtl strong:last-of-type{ margin-bottom: 30px;}
.aboutproduct_sec .form-block h4{ margin-bottom: 15px;}

.inner_banner .bg{ height: 320px;}
.inner_banner .inner_cap{bottom: 40px;}
.inner_banner .inner_cap p{ max-width: 460px;}
.contact_sec{ padding: 40px 0;}
.contact_sec h3{margin-bottom: 15px;}
}

/************ iphone **************/
@media (max-width:575px) {
html { -webkit-text-size-adjust:none;}

.header__sec .navbar-brand{ width: 160px;}
.hero__sec h1{ font-size: 32px;}
.hero__sec p{ margin-bottom: 25px;}
.global_title{ font-size: 24px;}
.choose__sec .content-block .tab-info{ padding: 20px;}
.choose__sec .content-block ul li{ font-size: 13px;}
.drive__sec .grid .drive-box:nth-child(5n+1), .drive__sec .grid .drive-box:nth-child(5n+2), .drive__sec .grid .drive-box:nth-child(5n+3), .drive__sec .grid .drive-box:nth-child(5n+4){ grid-column: span 6;}
.footer__sec .ftr-logo p{ margin-bottom: 0;}
.footer__sec .ftr-social{ padding-top: 20px;}

.main-title{ font-size: 36px;}
.partner_sec .partner-bx{ padding: 15px;}
.mission_sec figure{ max-height: 240px; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.mission_sec .dtl{ border-top-left-radius: 0; border-top-right-radius: 0;}

.breadcrumb{ margin-bottom: 10px;}
.industry_sec figure{ height: 260px;}
.industry_sec .details ul{ columns: unset;}
.industry_sec .details p{ font-size: 14px;}

.breadcrumb li{ font-size: 13px;}
.aboutproduct_sec ul li{ font-size: 14px;}

.inner_banner .bg{ height: 300px;}
.inner_banner .inner_cap{bottom: 30px;}
.contact_sec h3{ margin-bottom: 20px; font-size: 18px;}

}

@media (min-width:768px) {

.about-slider .owl-item{ width: calc(25vw - 6px) !important;}
.about-slider .owl-item.custom-active{ width: calc(38vw - 6px) !important;}
}
@media (min-width:992px) {

.about-slider .owl-item{ width: calc(25vw - 6px) !important;}
.about-slider .owl-item.custom-active{ width: calc(38vw - 6px) !important;}
}

@media (min-width:1200px) {
.about-slider .owl-item{width: calc(24vw - 6px) !important;}
.about-slider .owl-item.custom-active{width: calc(40vw - 6px) !important;}
}

@media (min-width:1580px) {

.about-slider .owl-item{ width: 368px !important;}
.about-slider .owl-item.custom-active{ width: 616px !important;}
}