@media (max-width:1700px){

}

@media (max-width:1500px){

}
@media (max-width:1380px){
  img {max-width: 100%;}
}
@media (max-width:1360px){
 /*  .step_wrapper .row [class*="col-"] {  padding: 0 25px; } */
}
@media (max-width:1320px){

}
@media (max-width:1230px){
  #hero_slider .owl-prev{left: -35px;}
  #hero_slider .owl-next{right: -35px;} 
}
@media (max-width:1260px){

 
}
@media (max-width:1199px){
  #hero_slider .item .hero_caption{right: 30px;}
 
}

@media (min-width:991px) and (max-width:1199px) {
  
}

@media (max-width:1024px){

}

@media (max-width:991px){
  .hero_banner, .inner_wrapper, .inner_bar, .checkout_sec{margin-top: 0;}

  /* mobile menu css start */
  header{position: relative; padding: 0;}
  .topbar { width:100%; position:relative;  background:rgba(255,255,255,0.88);} 
  .no_links .topbar{ -webkit-box-shadow:0 2px 10px rgb(0 0 0 / 6%); box-shadow:0 2px 10px rgb(0 0 0 / 6%);}
  .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; box-shadow:rgba(0,0,0,0.2) 0 0 10px; background: rgba(255,255,255,0.98);padding:5px 0;}
  .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.social_link img {max-width: 27px;}
  .topbar ul.top_right_contents li.phone a{font-size:20px;font-weight:600;color:#000; text-decoration: none;}
  .topbar ul.top_right_contents li.phone a i.icon{color:#00aeef;margin-right:7px; position: relative; top: 5px;}
  .topbar ul.top_right_contents li a {color:#000; 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;}

  .msmall_logo {display: none;}
  .logo img {max-width: 120px;}

  .full_screen_search {width: 92%;}
  .mobile_search {color: #333;}
  .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 {position: absolute; left:-40px; top:20px;}
  .menu_close i {font-size:30px; color: #fff;}
  .mobile_menu_wrap {position: fixed; top:0; bottom: 0; right:-100%; z-index:99999; background:#212121; padding:0 0 75px; transition: all linear 0.2s; max-width: 80%; width: 280px; height: 100vh;}
  .mobile_menu_wrap.menu_show {right:0;}
  .mobile_menu_wrap ul {padding:0; margin:0; list-style:none; font-size: 15px}
  .mobile_menu_wrap ul.main_menu {margin-bottom:10px; padding:0 0 120px;}
  .mobile_menu_wrap ul.main_menu li {border-bottom: 1px solid #333; padding:0 15px 0 15px;}
  .mobile_menu_wrap ul.main_menu li a {font-size:15px; text-decoration: none;}
  .mobile_menu_wrap ul li a {display: block; padding:15px 0;color: #fff !important;}
  .mobile_menu_wrap ul li.hassub {position: relative; padding:0 50px 0 15px;}
  .mobile_menu_wrap ul li.hassub .sub_menu_open {position: absolute; right:0; top:0; font-size:18px; line-height: 1; padding:17px 20px; border-left:1px solid #333;}
  .mobile_menu_wrap ul li.hassub ul {position: fixed; top:0; bottom:0; right:-100%; max-width: 80%; width: 280px; background:#212121; margin:0; transition: all linear 0.3s; padding:48px 0 100px; overflow: auto; z-index: 9; visibility: hidden;}
  .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: #444;}
  .mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu a {font-size:15px; color: #bbb; padding:10px 0;}
  .mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu a i.fa {font-size:35px;}
  /* mobile menu css end */

  #hero_slider{text-align: center;}
  .hero_slide_thumb{margin-bottom: 30px; object-fit: cover; height: 450px; object-position: left;}
  #hero_slider h2{margin: 0 auto 40px;}
  .category_slider{margin-bottom: 40px;margin-right: 0;}
  #hero_slider .item .hero_caption {position: relative; right: inherit; top: inherit; transform: none; width: 100%; margin: 0 auto;} 
  ul.footer_list{margin-bottom: 30px;}


  .footer_logo img{max-width: 130px;}
  .footer_logo{margin-bottom: 30px;}
  .best_sellers.home{padding-top: 0;}
  .footer_card{margin-bottom: 12px;}
  .lSSlideOuter{margin-bottom: 40px;}
  .lSSlideOuter .lightSlider > *, .lSSlideOuter .lSGallery li{text-align: center;}
  .contact_form{margin-bottom: 30px;}
  .sidebar {margin-bottom: 30px;}
  ul.side_list{max-width: 100%;}


  .black_overlay {position: fixed; top:0; left:0; right:0; bottom:0; background: rgb(0,0,0,0.45);display: none; z-index: 99;}
  .close_sidebar{position:absolute;top:9px;right:15px;z-index:9;background-color:transparent;border:0}
  .close_sidebar a {color:var(--primary_color);font-size:23px;opacity:1;}
  .prod_sidebar {position: fixed; top:0; left:0; bottom:0; z-index: 100; background: #fff; overflow: auto; width:100%; max-width:300px; box-shadow: 1px 2px 20px rgba(0,0,0,0.28); display: none; padding:15px 15px 60px 15px;}
  .sidebar_box {margin:0 0 20px;}
  .sorting_dropdown {border:1px solid #ddd; width: 100%; padding:13px 10px 12px; height: auto;}
  .sorting_dropdown:focus {border:1px solid #ddd;}
  .prod_sidebar .sidebar_wrap {border:0; margin: 0;}
  .filter_dropdown {width:100%; margin: 0 0 15px;}
  .product_box {min-height: 490px;}
  .product_content { min-height: 180px;}
  .price_range{width: 86%;}
  .payment_img {margin-bottom: 10px;}

}

@media (min-width:992px) and (max-width:1199px) {  
  .btn_styled { padding:5px 12px;}
  .product_price{font-size: 18px;}
}

@media (min-width:768px) and (max-width:991px){

}

@media (max-width:767px){  
  .mobile_toolbar .btn-filter, .filter_open{width:100%;background:#fafafa;font-size:14px;font-weight:400;border-radius:4px;-moz-border-radius:4px;text-transform:none;-webkit-border-radius:4px;margin-bottom:15px;display:inline-block;text-align:center;padding:12px;box-shadow:none}
  .mobile_toolbar .btn-filter i, .filter_open i{margin-right:.5em;color:#8d8d8d}
  .mobile_toolbar .btn-filter:hover,.mobile_toolbar .btn-filter:focus, .filter_open:hover, .filter_open:focus{outline:0;border-color:#ddd;box-shadow:none}



  .filter_dropdown .form-control{width:100%;background:#fafafa;font-size:14px;font-weight:400;border-radius:4px;-moz-border-radius:4px;text-transform:none;-webkit-border-radius:4px;margin-bottom:15px; height: auto; border-bottom: 0; padding: 15px;}
  .filter_dropdown:before{top: 7px; right: 16px;}


  .modal{z-index:9999999}
  .modal.left{left: 0;}
  .modal.left .modal-dialog,.modal.right .modal-dialog{position:relative}
  .modal.left .modal-body,.modal.right .modal-body{padding:0}
  .modal.left .modal-dialog{position:fixed;right:0;margin:auto;width:18em;height:100%;transform:translateX(0%);-webkit-transform:translateX(0%);-webkit-overflow-scrolling:auto}
  .modal.left .modal-content{height:100%;overflow-y:auto}
  .modal.right .modal-body{padding:0}
  .modal.left.fade .modal-dialog{right:0;animation:slide-in-right .2s forwards}
  .modal.right.fade .modal-dialog{left:0;-webkit-transition:opacity .3s linear,left .3s ease-out;-moz-transition:opacity .3s linear,left .3s ease-out;-o-transition:opacity .3s linear,left .3s ease-out;transition:opacity .3s linear,left .3s ease-out}
  .modal.right.fade.show .modal-dialog{left:0;transform:translateX(0)}
  .modal.left.fade.show .modal-dialog{right:0;transform:translateX(0%)}
  .modal.left .modal-dialog .close,.modal.right .modal-dialog .close{position:absolute;top:13px;right:15px;z-index:9;color:var(--danger);font-size:23px;opacity:1;background-color:transparent;border:0}
  .modal.left .modal-dialog .close:hover,.modal.left .modal-dialog .close:focus,.modal.right .modal-dialog .close:hover,.modal.right .modal-dialog .close:focus{color:black;box-shadow:none}
  .modal.right .modal-dialog{position:fixed;left:0;margin:auto;width:18em;height:100%;-webkit-transform:translate3d(0%,0,0);-ms-transform:translate3d(0%,0,0);-o-transform:translate3d(0%,0,0);transform:translate3d(0%,0,0)}
  .modal.right .modal-content{height:100%;overflow-y:auto}
  .modal-content{border-radius:0;border:none}
  .modal-header{border-bottom-color:#eee;background-color:#fafafa}
  .sort_box_modal h4{padding:15px 0 15px 20px; font-size:18px;font-weight:500;border-bottom:#ddd 1px solid;}
  .sort_box_modal ul{list-style:none;margin:0;padding:0}
  .sort_box_modal ul li{display:block;font-size:15px}
  .sort_box_modal ul li a{padding:10px 20px;color:black;display:block; text-decoration: none;}
  .sort_box_modal ul li a:hover{color:var(--danger);background-color:#f5f5f5}
  .filter_box_modal{padding:0 15px}
  .modal.right .modal-content h4{font-size:20px;font-weight:500;border-bottom:#ddd 1px solid;padding:15px 0 15px 20px} 
  .popupup_modal{z-index:999999999999}
  .popupup_modal .modal-content .modal-header{padding:8px;text-align:center}
  .popupup_modal .modal-content button.close{background:#fff;border:1px solid black;border-radius:50%;font-size:20px;height:28px;line-height:25px;opacity:1;position:absolute;top:0;right:0;width:28px}
  .popupup_modal .modal-content button.close span{position:relative;font-size:24px;line-height:25px;margin-top:-12px;display:block;margin-left:-7px}
  .hero_slide_thumb{height: 400px;}
}

@media (max-width:700px){

}

@media (max-width:667px){	
  .container{max-width: 100%;}
  #hero_slider .owl-prev{left: 0px;}
  #hero_slider .owl-next{right: 0px;}
} 

@media (max-width:575px){
  ul.footer_contact{margin-bottom: 30px;}
  section, footer{padding: 60px 0;}
  .category_slider{margin-bottom: 70px;}
  footer{padding-bottom: 50px;}
  .border_wrapper .btn{margin-top: 12px;}
  .hero_slide_thumb{height: 350px;}
  .prod_sidebar .accordion-button::after{background-size: 15px;}
}

@media (max-width:525px){  
  .hero_slide_thumb{height: 300px;}
}
@media (max-width:500px){
  .product_content h4{font-size: 16px;}
  .product_price{font-size: 18px;}
 
}
@media (max-width:480px){	
  .inner_section .product_item .product_content .sub_title{font-size: 14px;}
  
}
@media (max-width:425px){	
  .product_content{padding: 10px 5px 20px;}
  .product_meta strong{width: 150px;}
  .hero_slide_thumb{height: 260px;}
  .border_wrapper strong{width: 125px;}
  
}
@media (max-width:414px){
  .footer_title{font-size: 17px;}
}
@media (max-width:400px){
  h2,h3{font-size: x-large;}
  #hero_slider p, ul.list li {font-size: 13px;}
  ul.list li{height: 25px;}
  .topbar ul.top_right_contents li a i{font-size: 22px;}
  .topbar ul.top_right_contents li a i.user{font-size: 27px;}
  .product_item .btn {font-size: 12px; padding: 5px 12px;}
  .product_item .btn i{font-size: 12px;}
}
@media (max-width:375px){	
  ul.footer_contact li{padding-left: 35px;}
  ul.footer_contact li i{font-size: 22px;}
  .hero_banner .btn { padding:10px 15px;}

  }
@media (max-width:360px){	
  .topbar ul.top_right_contents li{margin-right: 18px;}
  .hero_slide_thumb{height: 240px;}
  .inner_section .product_item .product_content .product-add-to-cart{width: 80%;}
}
@media (max-width:341px){	
  .logo img{max-width: 100px;}
}

@media (max-width:330px){	  
  .product_content h4{font-size: 14px;}
  .product_price{font-size: 16px;}
  #products_slider img{height: 130px;}

}
@media (max-width:322px){	    
  .topbar ul.top_right_contents li a i{font-size: 20px;}
  .topbar ul.top_right_contents li a i.user{font-size: 25px;}
  .product_item .btn { padding:5px 10px;}
}