@media (max-width:1579px) {
h1{ font-size: 56px;}

}

@media (max-width:1199px) {
h1{ font-size: 46px;}
h2{ font-size: 36px;}
h3{ font-size: 26px;}
h4{ font-size: 22px;}
p{ font-size: 15px;}
.sec-sub-title{ font-size: 15px; margin-bottom: 5px;}
.sec-sub-title::before { top: 6px;}
.tag-title { padding: 8px 15px; font-size: 15px; gap: 8px;}
.btn-theme{ font-size: 15px; padding: 14px 21px;}

.navbar-toggler{ background:none; border:none; position:relative; right:0; top:0; box-shadow:none !important; display: flex;}
.header__sec .offcanvas { background:var(--backgroundColor); width: 100%; max-width: 360px; border-radius: 20px 0 0 20px;}
.header__sec .offcanvas-end-xl { top: -20px; right: -20px; border: none; transform: translateX(100%); bottom: auto; left: auto; height: 100vh;}
.header__sec .offcanvas.show:not(.hiding), .header__sec .offcanvas.showing{ transform: translateX(0);}
.header__sec .navbar-light .navbar-nav .nav-item{ margin: 0; width: 100%;}
.header__sec .offcanvas-backdrop{ top: -20px; left: -20px;}

.hero__sec .theme-curve{ width: 230px;}
.portfolio__sec .sec-body figure img { max-height: 30px; min-height: 30px; max-width: 120px; width: 100%; object-fit: contain;}
.banner__sec .mdl-curve { transform: translate(-50%,-50%) scale(0.7); width: 300px;}
.innovator .innovator-tags{ top: 0;}
.innovator .detail .innovator-tags2 span{ font-size: 15px;}
.innovator .detail .innovator-tags2 span + span::before{ height: 4px; width: 4px; margin: 0 10px;}
.footer__sec .ftr-logo{ padding-right: 0;}


.about__sec .imgs-grid{ grid-template-columns: 1fr 0.8fr 0.6fr;}
.about__sec .imgs-grid figure{ height: 250px;}
.counters{ font-size: 50px;}
.ceo_group figure{ max-width: 362px;}
.ceo_group h4{ font-size: 20px;}
.ceo_group .detail .author{ font-size: 15px;}
.cta_group{ min-height: 600px;}
.cta_group .imgs_group figure{ zoom: 80%;}

.team .social_actions{ transform: translateX(0%);}
}

/************ Main **************/
@media (max-width: 991px) {
h1{ font-size: 35px;}
h2{ font-size: 30px;}
h3{ font-size: 24px;}
h4{ font-size: 20px;}

.content-group{ gap: 30px;}

.py-120, .pt-120{ padding-top: 60px;}
.py-120, .pb-120{ padding-bottom: 60px;}
.py-80, .pt-80{ padding-top: 40px;}
.py-80, .pb-80{ padding-bottom: 40px;}

.welcome__sec .curve{ display: none;}

.footer__sec{ padding: 0 10px 10px;}
.footer__sec .content-group{ padding: 0 10px;}
.footer__sec .footer_cover{ padding-bottom: 40px; border-radius: 20px;}
.footer__sec .ftr-blk .ftr-tle{ font-size: 16px; margin-bottom: 20px;}
.footer__sec .ftr-logo p{ margin-bottom: 20px;}
.footer__sec .ftr-blk .ftr-link li a{ font-size: 15px;}

.about__sec .imgs-grid{ padding-bottom: 30px;}
.about__sec .imgs-grid figure { height: 180px;}
.ceo_group figure{ max-width: 262px;}
.ceo_group h4{ font-size: 18px;}
.ceo_group .detail{ padding: 30px;}
.cta_group{ min-height: 450px;}
.cta_group .imgs_group figure{ zoom: 60%;}
.team .team_caption{ display: none;}
}

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

.about__sec .imgs-grid{ gap: 10px;}
.about__sec .imgs-grid figure{ height: 140px; border-radius: 14px;}
.about__sec .imgs-grid figure img{ border-radius: 14px;}
.ceo__sec{ padding-top: 0;}
.ceo_group{ flex-direction: column-reverse; text-align: center;}
.ceo_group figure{ max-width: 100%; justify-content: center; padding: 0 10px; border-radius:  0 0 24px 24px; background-size: 100% auto;}
.ceo_group figure img { max-width: 240px; height: 300px; margin-top: -65px; object-position: top; object-fit: cover;}
.ceo_group .detail{ width: 100%; align-self: normal; padding: 30px 18px 70px;}
.ceo_group .detail .author{ text-align: center;}
.ceo_group h4{ font-size: 15px;}
.cta_group { min-height: 400px;}
.cta_group .imgs_group figure{ zoom: 46%;}

.entrep_item{ gap: 20px;}
.entrep_item .step_count{ width: 50px; gap: 10px;}
.entrep_item .step_count strong{ font-size: 32px;}
.entrep_item .item_box{ padding: 20px 15px 30px; border-radius: 14px;}
}

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

.about__sec .imgs-grid figure{ height: 26vw;} 
.cta_group .imgs_group figure { zoom: 33%;}
.cta_group .imgs_group .img1{ top: 20px;}
.cta_group .imgs_group .img2{ right: 110px;}
.cta_group .imgs_group .img5{ left: 155px;}
.cta_group .imgs_group .img6 { bottom: 40px; right: 70px;}
}