@media (max-width:1779px) {
.services h3{ font-size: 25px;}
.product_sec .owl-carousel .owl-nav button.owl-prev{ left:-40px;}
.product_sec .owl-carousel .owl-nav button.owl-next{ right:-40px;}
.testimonial_sec .owl-carousel .owl-nav button.owl-prev{ left:-40px;}
.testimonial_sec .owl-carousel .owl-nav button.owl-next{ right:-40px;}
.faq_sec .accordion-button{ padding: 26px 0;}
.faq_sec .accordion .accordion-item .accordion-body{ padding-bottom: 25px;}
.faq_sec .accordion-button:not(.collapsed){ padding-bottom: 15px;}
}

@media (max-width:1579px) {
p{ font-size: 16px; line-height: 26px;}

.nav_sec .navbar-brand{ width: 20%;}
ul.top_add li a{ font-size: 14px;}
.nav_sec .navbar-light .navbar-nav .nav-item { margin: 0 30px 0 0;}
.nav_sec .navbar-light .navbar-nav .nav-link{ font-size: 14px;}
.nav_sec .btns{ font-size: 14px; font-weight: 700; padding: 12px 22px;}
.nav_sec .dropdown-item{ font-size: 14px;}
.hero_sec .cap_info h2 small{ font-size: 16px;}
.hero_sec .cap_info h2{ font-size: 48px; line-height: 60px;}
.hero_sec .cap_info p, .hero_sec .cap_info h3 { font-size: 16px; line-height: 26px;}

.about_caption { padding: 20px; font-size: 22px; line-height: 34px;}
.about_sec h1 { margin: 0 0 30px 0; padding: 0 0 20px 0; font-size: 44px; line-height: 60px;}
.about_sec p { font-size: 16px; line-height: 32px;}
.about_sec .authore{ right: 15px;}
.global_title{ font-size: 44px;}
.services .cap{ padding: 20px;}
.services h3 { font-size: 18px;}
.services p{ font-size: 14px; line-height: 24px; height: 46px;}
.services .cap{ height: 230px;}
.services img{ height: 465px;}
.services:hover p { height: 240px; overflow-y: auto; scroll-behavior: smooth; scrollbar-width: thin; }
.btns{ font-size: 16px;padding: 12px 22px;}
.services_sec .info{ font-size: 18px;}
.product_sec p{ font-size: 18px;}
.product_sec h3 { font-size: 20px; line-height: 30px;}
.testi{ padding: 30px 25px 20px;}
.testi p { font-size: 16px; line-height: 26px;}
.blog h4{ font-size: 18px; line-height: normal;}
.blog_main .cap{ padding: 0 30px 25px;}
.blog_sec h3{ font-size: 20px;}
.blog_sec p{ font-size: 16px;}
.blog_sec .date{ font-size: 14px;}


.inner_banner .cap_info h1{ font-size: 40px;}
.inner_banner img{ min-height: 300px;}
.product .dtl { padding: 25px 20px 28px;}
.product h3{ font-size: 20px; line-height: normal;}

.product_sec{ padding: 90px 0 100px ;}
.product_sec figure img{ height: 23vw;}
.product figure img{ height: 23vw;}
.testimonial_sec{ padding: 80px 0;}
.blog_sec{ padding: 50px 0 100px;}
footer{ padding: 70px 0 ;}

.product_list{padding: 80px 0;}
.check_list li{margin-bottom: 10px; padding: 0 0 0 30px; background-size: 22px 11px;}
.about_detail{ padding: 80px 0;}

.counter_sec{ padding: 60px 0;}
.counter_sec .counter_info .counter_block{margin-bottom: 0;}
.counter_sec .counter_block strong{ font-size: 50px;}
.counter_sec .counter_block h6{ font-size: 20px;}
.misvis_sec{ padding: 80px 0;}
.contact_sec{ padding: 80px 0;}
.about_sec{ padding: 80px 0;}
.product_detail{ padding: 80px 0;}
.product_detail h2{ margin-bottom: 50px; font-size: 38px;}
.feature_block{ margin-bottom: 20px;}
.product_detail h3{ margin-bottom: 25px;}
.misvis i{ display: flex; align-items: center; justify-content: center; height: 100px; width: 100px; line-height: normal;} 
.misvis i img{ height: 70px; width: 70px;}

.faq_sec .accordion-button{ padding: 22px 0;}
.faq_sec .accordion-button:not(.collapsed){ padding-bottom: 10px;}

}

@media (max-width:1199px) {
.navbar-toggler{ background:none; border:none; position:relative; right:0; top:0; height: 33px; box-shadow:none !important;}
.navbar-toggler:focus,.navbar-toggler:active { outline: 0;}
.navbar-toggler span {display: block; background-color:#3a373a; height:3px; width:25px; margin-top:4px; margin-bottom:4px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);-o-transform: rotate(0deg);  transform: rotate(0deg); position: relative; left: 0;opacity: 1;}
.navbar-toggler span:nth-child(1),.navbar-toggler span:nth-child(3) { -webkit-transition: transform .35s ease-in-out; -moz-transition: transform .35s ease-in-out; -o-transition: transform .35s ease-in-out; transition: transform .35s ease-in-out;}
.navbar-toggler:not(.collapsed) span:nth-child(1) { position: absolute; left: 12px; top: 10px; -webkit-transform: rotate(135deg);  -moz-transform: rotate(135deg); -o-transform: rotate(135deg);transform: rotate(135deg); opacity: 0.9;}
.navbar-toggler:not(.collapsed) span:nth-child(2) {height: 12px; visibility: hidden; background-color: transparent;}
.navbar-toggler:not(.collapsed) span:nth-child(3) {position: absolute;left: 12px;top: 10px;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg); -o-transform: rotate(-135deg);transform: rotate(-135deg);opacity: 0.9;}  
ul.top_add{ gap: 20px;}
.nav_sec .navbar-light .navbar-nav .nav-item{ margin: 0;}
.nav_sec .navbar-light .navbar-nav .nav-link{ border-bottom: 1px solid rgba(0,0,0,0.1); display: flex;}
.nav_sec .dropdown-menu{ box-shadow:none;}
.nav_sec .dropdown-item{ border-bottom: 1px solid rgba(0,0,0,0.1);}
.nav_sec .dropdown-toggle::after { margin-left: auto; position: relative; top: 8px;}
.hero_sec .cap_info h2 small{ font-size: 14px;}
.hero_sec .cap_info h2 { font-size: 38px; line-height: 50px;}
.hero_sec .cap_info p, .hero_sec .cap_info h3{ font-size: 14px; line-height: 23px;}
.btns { font-size: 14px; font-weight: 700;}
.nav_sec .btns{ width: 100%; margin-top: 10px;}
.about_sec .authore{ width: 160px; height: 160px; font-size: 18px; line-height: 23px;}
.about_sec .authore span{ font-size: 75%;}
.about_caption { font-size: 18px; line-height: 28px;}
.about_sec h1 { font-size: 38px; line-height: 54px;}
.about_sec p { font-size: 14px; line-height: 26px;}
.counter_info .counter_block strong{ font-size: 40px;}
.counter_info .counter_block h6{ font-size: 16px;}
.counter_info{ gap: 30px;}
.global_title{ font-size: 32px; margin-bottom: 15px;}
.services_sec .info{ font-size: 16px; line-height: 30px;}
.services:hover p{ height: 160px;}
.product_sec p{ font-size: 16px;}
.product_sec h3{ font-size: 18px;}
.product_sec .owl-carousel .owl-nav button{ top: 30%;}
.product_sec .owl-carousel .owl-nav button.owl-prev{ left:-30px;}
.product_sec .owl-carousel .owl-nav button.owl-next{ right:-30px;}
.testimonial_sec .owl-carousel .owl-nav button.owl-prev{ left:-30px;}
.testimonial_sec .owl-carousel .owl-nav button.owl-next{ right:-30px;}
.product_sec .more_link{ font-size: 15px;}
.testi{ padding: 30px 15px 20px;}
.blog_main .cap { padding: 0 20px 25px;}
.blog_sec p { font-size: 14px; line-height: 23px;}
.blog_sec label{ font-size: 10px;}
.blog_sec .date { font-size: 12px;}
.blog_sec .date i { font-size: 14px;}
.blog{ gap: 20px;}
.blog h4 { font-size: 16px; }
.blog figure { flex: 0 0 30%;}
footer figure{ margin-bottom: 30px;}
footer .copyright{ font-size: 14px;}
footer .copyright .policy_links{ font-size: 14px;}
footer ul.foot_links li{ font-size: 14px;}
.hero_sec .cap_info .inner { max-width: 660px;}

.inner_banner img { min-height: 260px;}
.inner_banner .cap_info h1{ font-size: 36px;}
.product h3{ font-size: 18px; line-height: normal;}
.product p{ font-size: 14px;}

.product_detail h2{ font-size: 40px;}
.product_detail h3{ font-size: 26px;}
.product_detail p{ font-size: 16px; line-height: 25px;}
.video iframe{ height: 20vw;}

.counter_sec{ padding: 40px 0;}
.misvis{ padding: 35px 30px 30px;}
.misvis i { margin: 0 0 25px; padding: 15px; width: 80px; height: 80px; line-height: normal;}
.misvis h3{ font-size: 36px;}
.misvis h3::after { left: -10px;}
.misvis:hover h3::after { width: 70px; left: 75px;}

.gallery_sec .gallery_grid{ columns: 3;}

.add_block{ padding: 30px 22px 28px;}
.add_block h4{ font-size: 20px;}
.contact_sec h3{ font-size: 30px;}

.services img{ height: 515px;}
.client_sec .marquee-wrapper .marquee-block .marquee-inner span .marquee-item{ height: 130px;}
.client_sec .detail{ padding: 60px 5% 60px 0;}

.about_sec{ padding: 60px 0;}
.product_sec{ padding: 60px 0 70px ;}
.product_sec figure{ margin-bottom: 20px;}
.testimonial_sec{ padding: 60px 0 20px;}
.testi figure{ width: 40px; height: 40px; flex: 0 0 40px;}
.testi .authore{padding-top: 20px;}
.blog_sec{ padding-bottom: 80px;}
.product_list{padding: 60px 0;}
.check_list li{ margin-bottom: 10px; background-size: 20px 10px; font-size: 14px; }
.product .learnmore_btn{ height: 45px; font-size: 15px; padding: 12px 30px 10px 30px; }
.product .dtl{ padding: 20px;}
.about_detail{ padding: 60px 0;}
.misvis_sec{ padding: 60px 0;}
.contact_sec{ padding: 60px 0;}
.about_sec figure{max-width: 340px;}
.product_detail{ padding: 60px 0 0;}
.feature_block i{ height: 80px; width: 80px; line-height: normal; display: flex; align-items: center; justify-content: center;}

.faq_sec .global_title{ margin-bottom: 30px;}
.faq_sec .accordion-button{ padding: 18px 0;}
}

/************ Main **************/
@media (max-width: 991px) {
p{ font-size: 14px; line-height: 23px;}

.nav_sec .navbar-brand{ width: 22%;}

.hero_sec .cap_info h2 { font-size: 28px; line-height: normal; margin-bottom: 20px;}
.hero_sec .cap_info .inner { max-width: 510px;}
.hero_sec .owl-carousel .owl-item img{ min-height: 460px; object-fit: cover;}
.hero_sec .owl-carousel .owl-dots{ bottom: 16px;}
.about_sec .authore { width: 130px; height: 130px; right: 0;}
.about_sec h1 { margin-bottom: 25px; font-size: 26px; line-height: normal;}
.about_sec h1 small{ font-size: 16px;}
.counter_info .counter_block { min-width: 90px;}
.counter_info .counter_block h6 { font-size: 14px;}
.services_sec .info{ font-size: 14px; line-height: 23px;}
.services:hover p { height: 200px;}
.product_sec p{ font-size: 14px; line-height: 23px;}
.about_sec{ padding: 40px 0 60px;}
.about_caption { font-size: 16px; line-height: 24px; padding: 10px;}
.global_title{ font-size: 28px;}
.product_sec{ padding: 40px 0;}
.testimonial_sec{ padding: 40px 0;}
.testi p { font-size: 14px; line-height: 25px;}
.blog_sec{ padding: 40px 0;}
.blog_main .cap { padding: 20px 20px 10px; } 
.blog_main .cap p{ display: none;}
.blog{ gap: 14px; margin-bottom: 15px;}
.blog figure { flex: 0 0 26%;}
.blog h4{ margin-top: 10px; font-size: 15px; line-height: 20px;}
footer{ padding: 40px 0 20px;}
footer ul.foot_links { margin: 0 0 20px;}
footer .copyright{ text-align: center; padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.1); margin-top: 20px;}
footer .copyright .policy_links{ justify-content: center;}
footer figure{ text-align: center;}
footer .copyright .policy_links{ margin-top: 7px; margin-left: 10px; display: inline-flex;}

.inner_banner .cap_info h1{ font-size: 30px; margin-bottom: 20px;}
.inner_banner .categorie_search{ max-width: 400px;}
.inner_banner .categorie_search .form-control { height: 48px; padding: 0 20px 0 56px; font-size: 14px;}
.inner_banner .categorie_search button{ height: 46px;}
.inner_banner img { min-height: 230px;}
.product_list{ padding: 40px 0;}
.prod_links{ gap: 10px; margin-bottom: 30px;}
.prod_links a{ height: 48px; font-size: 14px; padding: 10px;}
.product .learnmore_btn{ font-size: 14px;}

.product_detail{ padding: 40px 0 0;}
.breadcrumb .breadcrumb-item{ font-size: 14px;}
.breadcrumb .breadcrumb-item + .breadcrumb-item::before { font-size: 18px;}
.product_detail h2{ font-size: 30px; margin-bottom: 40px;}
.product_detail h3{ font-size: 22px; margin-bottom: 30px;}
.product_detail h6{ font-size: 16px; margin-bottom: 30px;}
.prodetail_slider .owl-carousel .owl-nav button.owl-prev{ left:-6vw;}
.prodetail_slider .owl-carousel .owl-nav button.owl-next{ right:-6vw;}

.module_slider .owl-carousel .owl-nav button.owl-prev{ left:-6vw;}
.module_slider .owl-carousel .owl-nav button.owl-next{ right:-6vw;}

.feature_block{ padding: 30px 20px 20px;}
.check_list li{ font-size: 14px; padding-left: 30px; background-size: 20px;}
.prod_table{ margin-bottom: 40px; box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);}
.prod_table .table th{ font-size: 14px; padding: 10px;}
.prod_table .table td{ font-size: 12px; padding: 10px;}
.prod_table .table td:first-child{ padding-left: 10px; padding-right: 10px;}
.product_detail p{ font-size: 14px; line-height: 23px; margin: 0 0 20px;}

.about_detail{ padding: 40px 0;}

.counter_sec { padding: 30px 0 30px;}
.counter_info .counter_block strong{ font-size: 34px;}
.misvis_sec{ padding: 40px 0 0;}
.misvis i{ width: 70px; height: 70px;}
.misvis{ padding: 20px;}
.misvis h3 { font-size: 26px;}
.misvis h3::after { left: 0; width: 40px;}
.misvis:hover h3::after { width: 50px; left: 60px;}

.gallery_sec{ padding: 40px 0;}
.gallery_sec .gallery_grid{ columns: 3;}

ul.filter_info{ gap: 10px; margin-bottom: 30px;}
ul.filter_info li .filter-button{ height: 48px; font-size: 14px; padding: 10px;}

.contact_sec{ padding: 40px 0;}
.contact_sec h3 { font-size: 23px;}
.contact_form{ padding-top: 30px;}
.form_block{ margin-bottom: 15px;}
.form_block .form-control { height: 52px; padding: 0 20px; font-size: 16px;}
.form_block textarea.form-control{ padding: 15px 20px; height: 180px;}

.services img{ height: 465px;}
.product_sec figure img{ height: 32vw;}
.product figure img{ height: 32vw;}
.client_sec .detail{ padding: 50px 0;}
.client_sec .global_title{ margin-bottom: 15px;}
.client_sec .marquee-wrapper .marquee-block .marquee-inner span .marquee-item{ height: 100px;}
footer figure {width: 100%; height: 50px;}
footer figure img{ width: 100%; height: 100%; object-fit: contain;}
.add_block i img{ height: 80px;}
.module_slider .owl-carousel .owl-item img{ height: 335px;}
.product_sec p{margin-bottom: 30px;}
.faq_sec{ padding: 40px 0;}
}

@media (max-width: 767px) {
html { -webkit-text-size-adjust:none;}
.container{ width:90%; margin:0 auto; padding:0; max-width: inherit;}
ul.top_add li span{ display: none;}
.nav_sec .navbar-brand{ width: 160px;}
.about_sec .authore { width: 207px; height: 207px; font-size: 25px; line-height: 30px; right: 30px;}
.services:hover p { height: 230px;} 
.hero_sec .cap_info p{ display: none;}
.hero_sec .owl-carousel .owl-item img { min-height: 280px;}
.hero_sec .cap_info h2{ font-size: 24px;}
.hero_sec .cap_info h2 small { font-size: 12px; letter-spacing: 2px;}
.about_sec figure{ padding-top: 30px; height: 440px;}
.about_sec figure img{ height: 100%; width: 100%; object-fit: cover;}
.global_title { font-size: 24px;}
.blog_main{ height: auto; margin-bottom: 30px;}
footer figure img{ width: 200px;}
footer .copyright{ margin-top: 15px;}

.inner_banner .cap_info h1 { font-size: 26px; margin-bottom: 15px;}

.product_detail h2 { font-size: 22px; margin-bottom: 30px;}
.product_detail h3{ font-size: 18px; margin-bottom: 20px;}
.product_detail h6{ font-size: 12px;}
.video iframe{ height: 50vw; margin-bottom: 30px;}
.prodetail_slider .owl-carousel .owl-nav button.owl-prev{ left:-4vw;}
.prodetail_slider .owl-carousel .owl-nav button.owl-next{ right:-4vw;}
.module_slider .owl-carousel .owl-nav button.owl-prev{ left:-4vw;}
.module_slider .owl-carousel .owl-nav button.owl-next{ right:-4vw;}

.gallery_sec .gallery_grid{ columns: 2;}
.client_sec{ padding-bottom: 40px;}
.client_sec .inner{ display: block;}
.client_sec .detail{ padding-bottom: 20px;}
.about_sec h1{ font-size: 24px;}
.about_sec{ padding-bottom: 50px;}
.about_detail h2{ font-size: 20px;}
.about_detail h3{ font-size: 18px;}
.counter_sec .counter_info .counter_block{margin-bottom: 25px;}
.add_block i img{ height: 60px;}
.add_block h4{ font-size: 18px;}
.product_detail h2{font-size: 18px;}
.misvis h3{ font-size: 22px;}
.about_detail p{ margin-bottom: 25px;}
.client_sec{ padding: 0;}
.client_sec .detail{padding: 40px 0;}
.testimonial-carousel-wrapper .detail p:last-child{ margin-bottom: 0;}
footer figure{ text-align: start;}
footer figure img{ width: auto !important;}
footer h3{font-size: 16px;}

}

/************ iphone **************/
@media (max-width:600px) {
html { -webkit-text-size-adjust:none;}
.about_sec .authore { width: 36vw; height: 36vw; font-size: 5vw; line-height: 6vw; right: 0;}
footer .order-3{ order: inherit !important;}
.product_sec{ overflow: hidden;}
.product_sec .owl-carousel{ margin: 0 -5.5%; width: auto;}
.testimonial_sec{ overflow: hidden;}
.testimonial_sec .owl-carousel{ margin: 0 -5.5%; width: auto;}

.prodetail_slider{ padding: 0 10px;}
.prodetail_slider .owl-carousel .owl-nav button.owl-prev{ left:-3vw;}
.prodetail_slider .owl-carousel .owl-nav button.owl-next{ right:-3vw;}
.prodetail_slider .owl-carousel .owl-item img{ height: 280px;}

.module_slider{ padding: 0 10px;}
.module_slider .owl-carousel .owl-nav button.owl-prev{ left:-3vw;}
.module_slider .owl-carousel .owl-nav button.owl-next{ right:-3vw;}
.module_slider .owl-carousel .owl-item img{ height: 280px;}


.feature_block h5{ font-size: 18px;}

.counter_sec .counter_info{ grid-template-columns: 1fr; gap: 0;}

.contact_sec h3 { font-size: 19px;}

.product_sec figure img{ height: auto;}
.product figure img{ height: auto;}
}

@media (max-width:575px) {
    .btns{font-size: 13px;}
    .hero_sec .cap_info h2{font-size: 20px; margin-bottom: 15px;}
    .inner_banner .cap_info h1{ font-size: 24px;}
    .about_sec h1{font-size: 20px; margin-bottom: 20px;}
    .global_title{ font-size: 20px;}
    .counter_info .counter_block{ margin-bottom: 30px;}
    .counter_info .counter_block strong{font-size: 32px;}
    footer h3{ margin-bottom: 15px; font-size: 16px;}
    footer ul.foot_links li{ margin-bottom: 8px;}
    .misvis h3{ font-size: 18px; margin-bottom: 20px;}
    .btns{ padding: 8px 18px;}
    .nav_sec .btns{ padding: 10px 20px;}
    footer figure{ height: 40px;}
    
}