@media (max-width:1920px) and (min-width:1440px){
    .navbar-nav>li.nav-item.dropdown:nth-child(7) .dropdown-menu.right-side{left:-50px!important;width:240px!important;}
    .navbar-nav>li.nav-item.dropdown:nth-child(6) .dropdown-menu.right-side{left:-30px!important;}
}
@media (max-width:1440px) and (min-width:1366px){
    .navbar-nav>li.nav-item.dropdown:nth-child(7) .dropdown-menu.right-side{left:-50px!important;width:180px!important;}
    .navbar-nav>li.nav-item.dropdown:nth-child(6) .dropdown-menu.right-side{left:-90px!important;}}
@media (max-width:1366px) and (min-width:1280px){
    .navbar-nav>li.nav-item.dropdown:nth-child(7) .dropdown-menu.right-side{left:-50px!important;width:180px!important;}
    .navbar-nav>li.nav-item.dropdown:nth-child(6) .dropdown-menu.right-side{left:-90px!important;}
    .relatprodslider{max-width:1000px;}
    .product_detail_grid{gap:20px;}
}
@media only screen and (max-width:1280px){
    #header .headmain .navbar .navbar-collapse .navbar-nav .nav-item .nav-link,
    #header .headmain .buttonwrap .button{font-size:16px;}
    .hero .boxwrap .card .card-header.imgadd::after{width:129px;height:100px;bottom:-35px;}
    .categorypage .wrapper{gap:40px;}
    /* .categorypage .wrapper .maincontent{width:calc(100% - 260px);} */
    .categorypage .wrapper .maincontent .filter .filteroption{flex-wrap:wrap;}
    .productservices .box strong{font-size:14px;}
    .productquote .subAccordion .accordion-item .accordion-body .tabwrap .accessories .choosebox .btn-check+.item .flexy .img{max-width:88px;}
    .productquote .subAccordion .accordion-item .accordion-body .tabwrap .accessories .choosebox .btn-check+.item .flexy .cont{width:calc(100% - 112px);}
    .productquote .subAccordion .accordion-item .accordion-body .tabwrap .accessories .choosebox .btn-check+.item .flexy .cont .name{font-size:14px;}
    .hero .boxwrap .rating .card-body h5{font-size:22px;}
    .product_detail_grid{gap:10px;}
}
@media only screen and (max-width:1199px){
    #header .headtop{padding:10px 0;}
    #header .headmain{display:none;}
    #header .headmobile{display:flex;align-items:center;justify-content:space-between;width:100%;background-color:var(--white);padding:10px;}
    #header .headmobile .navbar-brand img{width:100%;max-width:360px;}
    #header .headmobile .navbar-nav .dropdown .dropdown-toggle::after{content:inherit;}
    #header .headmobile .navbar-nav .dropdown .dropdown-toggle{position:absolute;top:0;right:-20px;width:100%;text-align:right;height:34px;}
    #header .headmobile .buttonwrap{display:flex;align-items:center;gap:24px;}
    #header .headmobile .buttonwrap .button-bordered{display:flex;align-items:center;justify-content:center;line-height:1;}#header .headmobile .buttonwrap .button-bordered .search-icon{border:0;outline:none;background:#fff0;}
    #header .headmobile .buttonwrap .button-bordered .search-toggle .search-icon{display: flex;align-items: center;justify-content:center;background-color: var(--white);border:0px;border-radius:0px;padding:0;line-height: 1;}
    #header .headmobile .buttonwrap .button-bordered .search-toggle .search-icon img{width:30px;}
    #header .headmobile .buttonwrap .button-bordered .search-toggle.opened .search-icon.icon-search{display:none;}
    #header .headmobile .buttonwrap .button-bordered .search-toggle.opened .search-icon.icon-close{display:block;}
    #header .headmobile .buttonwrap .button-bordered .search-toggle.opened .search-icon.icon-close img{width:20px;height:20px;}
    
    #header .headmobile .buttonwrap .button-bordered .search-container .form-control{border-radius:5px 0 0 5px;}#header .headmobile .buttonwrap .button-bordered .search-container .search-icon{vertical-align:middle;border:1px solid var(--primary);border-radius:0 5px 5px 0;padding:10px;}
    #header .headmobile .buttonwrap .button-bordered .search-container .search-results{position:absolute;top:58px;left:10px;flex-direction:column;width:calc(100% - 60px);z-index:111;background-color:var(--white);border:1px solid var(--input-border);border-radius:5px 0 5px 5px;padding:10px;}
    #header .headmobile .buttonwrap .button-bordered .search-container .search-results li a{display:block;font-size:14px;font-weight:400;line-height:1;color:var(--dark);}
    #header .headmobile .buttonwrap .button-bordered .search-container .search-results li a:hover{color:var(--primary);}#header .headmobile .offcanvas .offcanvas-header .btn-close{--bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231B3363'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");opacity:1;}
    #header .headmobile .offcanvas .navbar-nav .nav-item .nav-link{padding:4px 0;}
    #header .headmobile .offcanvas .navbar-nav .nav-item.dropdown .nav-link{position:relative;z-index:1;width:max-content;}#header .headmobile .offcanvas .navbar-nav .nav-item .dropdown-toggle::after{border-top:5px solid;border-right:5px solid #fff0;border-left:5px solid #fff0;position:absolute;right:-12px;top:17px;}
    #header .headmobile .offcanvas .navbar-nav .nav-item .dropdown-menu{position:static!important;transform:inherit!important;border:0;padding:0;}#header .headmobile .offcanvas .navbar-nav .nav-item .dropdown-menu li a{font-size:14px;white-space:pre-wrap;line-height:1.3;padding:8px 20px 8px;}
    #header .headmobile .offcanvas .navbar-nav .nav-item .nav-link:hover,
    #header .headmobile .offcanvas .navbar-nav .nav-item .dropdown-menu li a:hover,
    #header .headmobile .offcanvas .navbar-nav .nav-item .dropdown-menu li a:active{background-color:#fff0;color:var(--primary);}
    .offcanvas{width:320px;--bs-offcanvas-width:320px;}
    #footer{padding:50px 0 20px;}
    .hero .boxwrap{margin-top:30px;}
    .hero .boxwrap .card{flex:1 1 50%;}
    .noteasy .noteasybox .leftbox{width:60%;}
    .noteasy .noteasybox .rightbox{width:40%;}
    .productimg .prosuctmain .item .prodimg img{height:300px;}
    .productservices .box{flex-direction:column;align-items:center;text-align:center;}
    .relatprodslider{max-width:840px;}.producttabs .nav-tabs .nav-item .nav-link{padding:8px 12px;font-size:12px;}
    .action_btn {margin-top: 5px;}
}
@media only screen and (max-width: 991px){
    .hero .boxwrap{flex-direction:row;}
    .about_us .about_content h2{font-size:34px;line-height:40px;}
    .services .services_box img{height: 200px;}
    .services .services_box .service_text{flex-direction:column;align-items:flex-start;height:100%;justify-content:flex-end;}
    .services .services_box .service_text h4{font-size:28px;line-height:1.2;}
    .services .services_box .service_text .icon_box{padding: 8px 20px;}
    .new_footer{padding:32px 20px 40px 20px;}
    .new_footer .footer_subscribe .text{padding:0 0 0 20px;}
    .new_footer .footer_subscribe h4{font-size:28px;line-height:34px;}
    .contact_us .card{padding:20px;}
    .photogallery .gallerywrap .imgtextbox,
    .photogallery .gallerywrap .imgbox{height: auto;}
    .photogallery .gallerywrap .textbox span{font-size:18px;}
    .blogpage .blog .blog_head{display: flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;}
}
@media only screen and (max-width: 767px){}
@media only screen and (max-width: 479px){
    .hero .boxwrap{flex-direction:column;}
    .hero .hero_banner{max-width: 100%;min-height:300px;max-height:300px;}
    .hero .hero_banner .banner_text{padding:20px 20px;}
    .hero .hero_banner .banner_text .title{font-size:28px;line-height:30px;margin:0 0 20px;}
    .hero .hero_banner img{min-height:300px;}
    /* .services .services_box .service_text{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:20px;} */
    .about_us .about_content .badge{margin-top:20px;}
    .categorypage .wrapper .maincontent{width: 100%;}
    .new_footer{padding:32px 0;}
    .new_footer .footer_subscribe .text{margin:30px 0 0 0;padding: 0;}
    .new_footer .foot_bot{justify-content:flex-start;margin-bottom:20px;}
    .new_footer .copyright{font-size:14px;}
    .register-area{margin-top: 15px;}

    #header .headmobile .buttonwrap .button-bordered .search-container{top:120px;}
    .photogallery .gallerywrap .imgbox img{height: auto;}

    .blogs .blog .blog-body .hstack{flex-direction:column;align-items:start;}
    .productprice{flex-direction:column;}
}
@media screen and (max-width: 320px){
    .action_btn a{padding:12px 12px;}
}