/* for mobile  header */


@media(max-width:1699px) {
    #hero-slide .item {
    aspect-ratio: 16 / 7;
}
}
@media(max-width:1599px) {
        #hero-slide .item {
        aspect-ratio: 16 / 8;
    }
  
}
@media(max-width:1490px) {
        #hero-slide .item {
        aspect-ratio: 16 / 8.2;
    }
    #hero-slide .banner-content h2 {        font-size: 45px;}
    #hero-slide .banner-content .kicker {font-size: 23px;}
    #hero-slide::after {left: -290px;}
    
}

@media(max-width:1399px) {
        #hero-slide .item {
        aspect-ratio: 16 / 9;
    }
    h1 {font-size: 41px;}
    #menu ul {gap: 16px;}
      #hero-slide .banner-content h2 {
        font-size: 39px;
    }
    #hero-slide .banner-content .kicker {
        font-size: 21px;
    }
    #hero-slide .owl-dots {
        margin-top: 20px;
    }
    #hero-slide {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    #hero-slide .banner-img img {max-height: 347px; }
    #hero-slide .banner-img {max-width: 275px;}
    #hero-slide::after {
        left: -340px;
    }
    #testimonial-slide .owl-nav button.owl-next {
        right: -70px;    font-size: 37px;
    }
    #testimonial-slide .owl-nav button.owl-prev {
        left: -70px;    font-size: 37px;
    }
    .shape-round {
        bottom: -200px;
        right: -290px;
    }

    footer  h5 {
        margin-bottom: 26px !important;
    }
    footer .link-list ul li a {
        margin-bottom:19px;
        font-size: 13px;
    }
footer .footer-shape {top: -330px;left: -400px;}

.product-heading-2 h1 {
    font-size: 34px;
    line-height: 40px;
}

.syncro-sec p {
    line-height: 29px;
    margin-bottom: 22px;
}
.product-heading-2 .price::after {width: 47%;}
.product-heading-2 .price span {
    font-size: 30px;
}
.product-heading-2 .price span:last-child {
    font-size: 42px;
}




}
@media(max-width:1299px) {

    #hero-slide .banner-content .kicker {
        font-size: 18px;
    }
    #hero-slide .banner-content h2 {
        font-size: 33px;
    }
    #hero-slide .banner-button a {
        width: 209px;
        font-size: 14px;
        padding: 11px 30px;
    }
   .banner-category .banner-category-btn .btn-warning {padding: 8px 29px;font-size: 14px;}
    .banner-category ul li a {padding: 9px 10px 9px 15px;}
    #hero-slide .banner-content p {line-height: 30px;}

#hero-slide {padding: 30px 56px;}
h3 {
    font-size: 29px;
}
.product-card .content .price {font-size: 21px;    margin: 15px 0;}
.product-card .card-btn {flex-wrap: wrap;}
.product-card .card-btn .counter {
    min-width: 121px;

}
.product-card .card-btn .counter span {
    font-size: 28px;
    height: 31px;
    width: 31px;
}
.product-card .offer {font-size: 14px;}
.textimonial-content p {
    line-height: 22px;
}
h2 {font-size: 33px;}


#testimonial-slide .owl-nav button.owl-next {
    right: -43px;
    font-size: 33px;
}
#testimonial-slide .owl-nav button.owl-prev {
    left: -43px;
    font-size: 33px;
}
.accordion-box .accordion-flush .accordion-item .accordion-button, .accordion-box .accordion-flush .accordion-item .accordion-button.collapsed {font-size: 16px;}
.accordion-box .accordion-body ul li a {
    font-size: 16px;
    padding: 12px;
    padding-left: 38px;
}
.accordion-box {
    border-radius: 14px;
    background: var(--white);
    padding: 29px 16px;
}
#hero-slide {
    max-height: 472px;
}

}
@media(min-width:1200px) and (max-width:1300px) {

}
@media (max-width:1199px) {
        #hero-slide .item {
        aspect-ratio: 16 / 9.5;
    }
    #menu ul {gap: 7px;}
    #menu ul li a {font-size: 11px;}
    header .logo img{max-width: 150px;}
    header .user-btns img{max-width: 33px;}
    header .user-btns a span {font-size: 11px;}
    .hero-banner {
        padding: 32px 20px;
    }
    #hero-slide::after {
        left: -450px;
    }
    #hero-slide .banner-img img {
        max-height: 285px;
    }
    #hero-slide {
        padding: 30px 42px;
    }

#hero-slide .owl-dots .owl-dot {
    width: 11px;
    height: 11px;}
    .banner-category .banner-category-btn .btn-warning {       font-size: 13px;    }
    h6 {font-size: 14px;}
    .catagory-card .img-box {
        max-width: 90px;}
        .catagory-heading {
            margin-bottom: 29px;
}       .about-content p {
    line-height: 23px;
}
.product-card .img-box {min-height: 320px;}

.product-card .card-btn .btn-dark {
    padding: 8px 20px;
    border-radius: 46px;
    font-size: 13px;
}
.product-card .card-btn .counter {
    min-width: 109px;
}
.started-heading {
    padding: 40px 0px;
}
.stated-img img {
    transform: translateY(0px);
}

footer .logo-box {margin-bottom: 30px;}

footer .logo-box img{max-width: 160px;}
.product-buttons .inner-btn .btn-warning, .product-buttons .inner-btn .btn-dark {
    padding: 11px 20px;
    width: 200px;
}
.syncro-sec .btn-counter {font-size: 30px;}
.syncro-sec #sync1 .item img {
    border-radius: 15px;
    min-height: 360px;
}
.syncro-sec #sync2 .item img {
    border-radius: 15px;
    min-height: 140px;
}
.contact-map iframe{height: 500px  !important;}
#hero-slide {
    max-height: 453px;
}
}
@media (max-width:1099px) {
    h1 {
        font-size: 34px;
    }
    #testimonial-slide .owl-nav button.owl-next {
        right: -32px;
        font-size: 25px;
    }
    #testimonial-slide .owl-nav button.owl-prev {
        left: -32px;
        font-size: 25px;
    }
    .heading-center {
        margin-bottom: 32px;
    }
    h2 {
        font-size: 28px;
    }
    .rate-star-img img {
        max-width: 122px;
    }


}
@media (max-width:1024px) {
   #hero-slide .banner-content .kicker {
        font-size: 16px;
    }
    #hero-slide .banner-button a {
        width: 193px;
        font-size: 14px;
        padding: 9px 30px;
    }
    .banner-category .banner-category-btn .btn-warning {
        padding: 8px 19px;
        font-size: 14px;
    }
    .banner-category {padding: 25px 16px;}
    #hero-slide {
        padding: 30px 30px;
    }
    #hero-slide::after {
        left: -501px;
    }
   
}
@media(max-width:991px){
  #hero-slide .item {        aspect-ratio: 16 / 8;    }
  header {top: 0;left: 0;width: 100%; z-index: inherit;border-bottom: 1px solid #fff;}
  header .logo{margin: 10px 0;}
  header .logo img {       max-width: 140px;    }
  .topbar { width:100%; position:relative;z-index: 999; border-bottom: 1px solid #C8C6CD;}
  .topbar .logo a{font-family: var(--font-1);font-size: 32px;font-weight: 400;}
  .topbar ul.top_right_contents{padding:0 ;margin:8px 0 0 0;list-style:none;color: #000; text-align: center;}
  .topbar ul.top_right_contents li{vertical-align:middle; position:relative; display: inline-block; line-height: 1;text-align: end;}
  .topbar ul.top_right_contents li a.menu_open img {width:  30px;}
  .topbar.sticky{margin:0;position:fixed;top:0;left:0;width:100%;z-index:999;animation-name:menu_sticky;animation-duration:.6s;animation-timing-function:ease-out;
    background-color: var(--white);}
  /* .topbar.sticky .logo img{width: 120px;} */
  .topbar ul.top_right_contents{padding:0;margin:0;list-style:none; text-align: right;}
  .topbar ul.top_right_contents li{vertical-align:middle; position:relative; display: inline-block;  margin-right: 20px;  line-height: 1;}
  .topbar ul.top_right_contents li:last-child {margin-right: 0;}
  .topbar ul.top_right_contents li a {color:#fff; line-height: 1;}
  .topbar ul.top_right_contents li a i {font-size: 26px;}
  .topbar ul.top_right_contents li a i.user { font-size: 34px;}
  .topbar ul.top_right_contents li a.menu_open i {font-size: 36px;}
  .menu_overlay {position: fixed; top:0; right:0; bottom:0; left:0; z-index:9999; background: rgba(0,0,0,0.75);}
  .menu_toggler {margin:15px 0 0;}
  .menu_toggler .icons {font-size:26px; color:#212121}
  .menu_head {background:#000;text-align: center; position: relative;color:#fff;}
  .menu_head a {color:#fff; padding:15px 10px; display: inline-block; font-weight: 500; font-size: 16px;}
  .menu_close {text-align: end;padding: 0;}
  .menu_close img {width: 20px; filter:invert(1);}
  .mobile_menu_wrap {position: fixed; top:0px; bottom: 0; right:-100%; z-index:99999; background:var(--primary); padding:0 0 75px; transition: all linear 0.2s; max-width: 80%; width: 300px; height: 100vh; }
  .mobile_menu_wrap .form-control{width: 80%;}
  .mobile_menu_wrap.menu_show {right:0;}
  .mobile_menu_wrap ul {padding:0; margin:10px 0 0 0; list-style:none; font-size: 16px;font-weight: 400; font-family:var(--font-1);}
  .mobile_menu_wrap ul.main_menu {margin-bottom:10px;padding: 15px 20px 0;}
  .mobile_menu_wrap ul.main_menu li{color: #fff;}
  .main_menu li.active a{color:var(--text-color);font-weight: bold;}
  .main_menu li a:hover,.topbar .top-links a:hover{color:var(--text-color);}
  .mobile_menu_wrap ul.main_menu li a {font-size:20px; text-decoration: none;}
  .mobile_menu_wrap ul li a {position: relative; display: block; padding:10px 0px;width: 100%; color: #fff ;}
  .mobile_menu_wrap ul li.hassub { position: relative;width: 100%;display: inline-block;}
  .mobile_menu_wrap ul li.hassub .sub_menu_open {position: absolute;right: 0;top: 0;width: 100%;text-align: end;}
  .mobile_menu_wrap ul li.hassub ul {position: fixed; top:0; bottom:0; right:-100%; max-width: 80%; width: 220px;  box-shadow: 0 10px 14px 0 #00000029;     background:var(--primary); margin:0; transition: all linear 0.3s; padding:48px 0 100px; overflow: auto; z-index: 9; visibility:hidden;padding-left: 10px;}
  .mobile_menu_wrap ul li.hassub ul.show_submenu {visibility: visible; right: 0;}
  .mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu {position: absolute; top:0; width: 100%; background:var(--primary);left: 0;padding-left: 10px;}
  .mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu a {font-size:15px; color: #fff; padding:10px 0;}
  .mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu a i { margin-right: 5px;}

  .pagenation ul li a {height: 60px;width: 60px;}
  .banner-category ul {display: flex;flex-wrap: wrap;gap: 20px; justify-content: center;}
  .banner-category ul li a{background-color: var(--secondary);color: var(--white); border-radius: 45px;padding: 10px 33px;}
  .banner-category ul li a::before{display: none;}
  .banner-category .banner-category-btn {width:  fit-content;margin: auto;}
  .banner-category {margin-top: 24px;}
  .banner-category h4{text-align: center;}
  #hero-slide::after {    left: -421px;
}
	.stated-img video {top:8px;left:8px;}
.catagory-card .img-box {max-width: 61px;}
/* .about-img{position: relative;width: 100%;height: 100%;} */


.about-img {
    position: relative;
    width: 100%;
    height: 100%;
    max-height: 380px;
    border-radius: 10px;
}

.about-content{margin-top: 24px;}
.about-sec .effect-shape {
    width: 94.5%;
    border-radius: 20px;
    margin: auto;
    right: 0;
    left: 0;
}
.banner-category{box-shadow: none;padding: 0;}
.btn-dark {padding: 8px 39px;font-size: 14px;}
.product-card .img-box {
    min-height: 260px;
}
.product-card .img-box img{        max-width: 230px;}
#testimonial-slide .owl-nav{display: none;}
.started-sec .effect-shape {    padding:12px;    border-radius: 20px;}
.shape-round {    display: none;}
.started-heading p {  line-height: 31px; font-size: 15px;}
.started-heading { padding: 40px 0px 0;}
footer .link-list ul{justify-content: space-between;}
footer .link-list ul li {    width: 46%;}
.contect-list .social-links img{max-width: 27px;}
footer h5 {margin-bottom: 18px !important;}
footer .footer-shape {top: -400px;left: -390px;border-width: 16px;}
.creadt-img img{max-width: 200px;}
footer .footer-bar{flex-wrap: wrap;}
.product-buttons {  margin-bottom: 18px;}
.owl-dots{display: flex;align-items: center;gap: 10px;justify-content: center;margin-top: 20px;}
.owl-dots button{background-color: var(--primary) !important;height: 13px;width:13px;border-radius: 50%;transition: all .2s ease;}
.owl-dots button.active{background: var(--secondary) !important;}

.product-heading-2{margin-top: 30px;}
.heading-center {margin-bottom: 8px;}
.gloob-img img {
    border-radius: 20px;
    margin-bottom: 16px;
}

.contact-form-box .form-control {
    height: 44px;
    padding-inline: 20px;
    font-size: 15px;
    color: var(--secondary);
}
#hero-slide{max-height: 435px;}
	.stated-img{margin-inline:auto;}
header .search img{max-width: 34px;filter: invert(1);}
header .search{margin: 0 12px 0 32px;}
header .search {position: relative;}
header .search .search-box{position: absolute; width: 480px;right: 0;top: 35px;padding: 4px;background-color: var(--white);}
header .search .search-box form{display: flex;align-items: center;justify-content: space-between;background-color: var(--white);padding: 0;border-bottom: 1px solid var(--text);}
header .search .search-box form .form-control{border: none !important;background: transparent;padding: 5px;width: 100%;outline: none !important;box-shadow: none !important;}
header .search .search-box form button[type="submit"]{background: transparent;border: none !important;}
header .search .hide-search img{width: 18px;filter: unset;}
}
@media (max-width:860px) {
    #hero-slide .banner-content h2 {
        font-size: 29px;
    }

    #hero-slide .banner-content p {
        line-height: 24px;
    }

    #hero-slide::after {
        left: -471px;
    }

}
@media (max-width:767px) {
.pagenation {margin-top: 23px;}
.pagenation ul li a {height: 46px;width: 46px;font-size: 14px;}
#hero-slide .banner-content h2 {
    font-size: 25px;
}
#hero-slide .banner-button{flex-wrap: wrap;}
#hero-slide .banner-button a {
    width: 181px;
    font-size: 13px;
    padding: 9px 30px;
}
#hero-slide .banner-content .kicker {
    font-size: 13px;
    line-height: normal;
}
#hero-slide.owl-carousel .owl-stage-outer {
    max-height: 380px;
}
#hero-slide::after {
    left: -581px;
}
#hero-slide .owl-dots {
    gap: 15px;
}
#hero-slide .banner-content h2 {
    font-size: 24px;
}
.catagory-sec .category-btn {
    margin-top: 33px;
}
.btn-warning {
    padding: 8px 37px;
    font-size: 14px;
}
h3 {
    font-size: 23px;
}
.product-card .content .price {
    font-size: 17px;
    margin: 12px 0;
}
.product-card .img-box img {
    max-width: 190px;
}
.product-card .card-btn .counter {
    min-width: 89px;
}
.product-card .card-btn .counter span {
    font-size: 16px;
    height: 22px;
    width: 22px;
}



.started-heading {
    padding: 29px 0px 0;
}
.started-heading p {
    line-height: 26px;
    font-size: 15px;
}
footer .footer-bar{justify-content: center;gap: 12px;}
footer .link-list ul li {
    width: 100%;
}
.started-sec {
    margin-bottom: 57px;
}

h1 {
    font-size: 29px;
}

.product-heading-2 h1 {
    font-size: 29px;
    line-height: 35px;
}


}
@media (max-width:620px) {

    #hero-slide .banner-content h2 {
        font-size: 22px;
    }
    #hero-slide .banner-content p {
        line-height: 21px;
    }
    .about-sec .effect-shape {width: 100%;border-radius: 0;padding:12px;}
    header .search .search-box{width: 300px;}

}
@media (max-width:580px) {

}
@media (max-width:575px) {
.pagenation ul {gap: 8.2px;}
.pagenation ul li a {height: 37px;width: 37px;font-size: 12px;}
header .logo img {max-width: 140px;}

#hero-slide .item .row {flex-direction: column-reverse;}
#hero-slide .banner-img img {
    max-height: 215px;
}
#hero-slide .banner-img {margin: 0 auto 30px;}
#hero-slide.owl-carousel .owl-stage-outer {
    max-height: unset;
}
.banner-category ul {
    row-gap: 10px;
}

.mobile_menu_wrap ul.main_menu li a {
    font-size: 17px;
}
h2 {
    font-size: 25px;
}
.product-card .img-box img {
    max-width: 210px;
}
footer .footer-shape {top: -450px;}
.started-sec {margin-bottom: 37px;}

footer .link-list ul li a {
    margin-bottom: 15px;
}
footer .link-list ul li a::before {width: 13px;height: 13px;left: -20px;}
.contect-list .social-links {gap: 25px;}
.contect-list .social-links img {
    max-width: 21px;
}
footer .contect-list ul li img {
    max-width: 16px;
}
.privacy-sec ul li::before {
    left: 5px;
    width: 12px;
    height: 12px;
}

footer .logo-box img {max-width: 138px;}
.product-buttons .inner-btn .btn-warning, .product-buttons .inner-btn .btn-dark {
    padding: 8px 17px;
    width: 140px;
    font-size: 13px;
}
.syncro-sec .btn-counter {
    font-size: 20px;
    border-radius: 7px;
    width: 35px;
    height: 35px;
}
.syncro-sec .count {
    font-size: 25px;
    margin: 0px 38px;
}
.product-heading-2 .price span {
    font-size: 26px;
}
.product-heading-2 .price span:last-child {
    font-size: 36px;
}
.shop-sec .product-card .img-box {
    height: auto;
    min-height: none;
}
.contact-form-box {
    background: white;
    padding: 25px 22px;
    border-radius: 10px;
}
.info-contact img{max-width: 30px;}
.info-contact strong {
    margin-bottom: 5px;
}
.contact-form-box .form-control{border-radius:10px;}
.contact-form-box textarea.form-control{height: 80px;border-radius:10px;padding-top: 20px;}
.division-card img {
    max-width: 60px;
}
.contact-map iframe {
    height: 330px !important;
}
.contact-form-box h1 {
    font-size: 25px;
    line-height: normal;
}
.card-heading {
    font-size: 16px;
}
.division-box .division-card{gap: 20px;padding: 23px 0;}



.gloob-content h3 {
    text-transform: uppercase;
    font-size: 19px;
    margin-bottom: 10px;
}
.gloob-content p {
    line-height: 24px;
}
#hero-slide
 {
    max-height: 251px;
}
.contact-form-box .form-btn .btn-warning {
    width: 185px;
    padding: 10px;
}
	thead td {
    padding: 6px 9px;
    font-size: 11px;
    line-height: 14px;
}
table tbody tr td {
    padding: 7px 7px;
    font-size: 11px;
    line-height: 15px;
}
}
@media (max-width:525px) {

}
@media (max-width:500px) {

}
@media (max-width:480px) {
    #hero-slide::after {
        left: -637px;
        top: -140px;
    }
    .textimonial-content {
        padding: 15px 15px 20px;
        border-radius: 10px;
    }
    .heading-center {
        margin-bottom: 15px;
    }
    .started-heading p {
        line-height: 23px;
        font-size: 14px;
    }

}
@media (max-width:450px) {

    .banner-category ul li a {
        background-color: var(--secondary);
        color: var(--white);
        border-radius: 45px;
        padding: 8px 23px;
        font-size: 12px;
    }
    .banner-category .banner-category-btn .btn-warning {
        padding: 8px 29px;
        font-size: 12px;
    }
    .banner-category {
        padding: 25px 10px;
    }
    .rate-star-img img {
        max-width: 92px;
    }
    .product-heading-2 .price span {
        font-size: 23px;
    }
    .product-heading-2 .price span:last-child {
        font-size: 29px;
    }
    .syncro-sec #sync1 .item img {
        min-height: 290px;
    }

    .syncro-sec #sync2 .item img {
        border-radius: 15px;
        min-height: 100px;
    }

    #hero-slide {
        border-radius: 10px;
        max-height: 191px;
    }

}
@media (max-width:414px) {


}
@media (max-width:400px) {
    #hero-slide {
        max-height: 166px;
    }
}
@media (max-width:375px) {

}
@media (max-width:360px) {

}