/*-------------- media section ---------------*/
@media screen and (max-width: 991px) and (min-width: 320px) {

  .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
    width: 100%;
    margin: 10px 0;
  }
  #header .widget_nav_menu .menu{
    display:none;
  }
  #header .widget_nav_menu.menu_show .menu{
    display:block !important;
  }
  .menubox .navbar, .toggle_menu_display{
     display:flex;
  }
  .position{
    right:200px;
  }
  #header .navbar-nav{
    display: flex;
  }
  #header .menubox{
    
    width: 100%;
    right: 0;
  }
  #header .sub-menu .widget_nav_menu{
    padding: 0 30px;
    margin: 0;
  }
  #header .menubox .col-md-12{
    padding:0;
  }
  .show .dropdown-menu{
    position: initial;
  }
  li.dropdown.mega-dropdown{
    padding: 0;
  }
  #header h2.widgettitle {
  display: flex;
  font-size: 15px;
  border-bottom: solid 1px #ddd;
  }
  #header h2.widgettitle:after{
    margin: 0 0 0 5px;
  }
  .sub-menu{
    border:none;
  }
  .widget_nav_menu .widgettitle:hover .menu{
    display: block;
  }
  #header .menu {
    position: relative;
    top: 0;
    left: 0;
    background: #eee;
    width: 100%;
  }
  #header .navbar-default .navbar-nav .sub-menu ul li{
    border-bottom: 1px solid #ccc;
  }
  .open .dropdown-menu {
    opacity: 1;
    transform: rotateX(0deg);
    transform-origin: top;
  }
  .navbar-default .navbar-nav > li > a, .navbar-default .navbar-brand {
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 10px;
    border-bottom: solid 1px #ddd;    
  }
  #header .navbar-default .navbar-collapse{
    width: 100%;
    height: 487px;
    overflow-y: scroll;
  }
  .sub-menu-parent i.fa,.widget_nav_menu ul.menu li.menu-item a:after, .left li.menu-item a:after{
    display: none;
  }
  .cart-btn-box.col-lg-2.col-md-3.col-sm-4.col-6 {
    padding-left: 0;
	}
  .menubox button.drp_dwn.dropdown-toggle{
    text-align: center;
 	}
  span.woocommerce-Price-amount.amount {
    font-size: 15px;
  }
  a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart{
    font-size: 13px;
  }
  nav.woocommerce-MyAccount-navigation ul{
    text-align: center;
  }
  nav.woocommerce-MyAccount-navigation ul li{
    padding: 7px 15px;
  }
  /* topbar*/
  #header .logo p{
    text-align: center;
  }
  .owl-nav{
    position: unset;
    float: none;
    text-align: center;
    right: auto !important;
    margin: 10px 0px 33px 0;
    top: -6px;
    padding-bottom: 40px !important;
  }
  h3.offer-s{
    top: -13%;
  }
  h4.of{
    top: 40%;
    font-size: 41px;
  }
  #men_product ul.nav-tabs{
    display: inline-block;
    padding-bottom: 30px;
    text-align: center;
  }
  div#men_product li.nav-item{
    margin-bottom: 5px;
  }
  .side_search input[type="search"]{
    max-width: 78%;
  }
  #men_product .owl-nav{
    margin-top: 15px !important;
  }
  #galleryImg{
    padding-left: 15px;
  }
  .carousel-caption{
    width:100% !important;
    left: 0 !important;
    right: 0;
    margin: auto !important;
    text-align: center !important;
    bottom: auto !important;
  }
  #slider p{
    display: none;
    max-width: 425px;
    margin: 10px auto 10px auto;
    text-align:center;
  }
  #slider h2,#slider h1{
    font-size: 17px;
    text-align: center;
    padding-right: 0;
    padding-bottom: 0;
  }
  .owl-dots {
    display: none;
  }
  #feedback_sec ol.carousel-indicators{
    bottom: 0;
  }
  .subscribe-right h3{
    text-align: center;
  }
  .subscribe-right p{
    text-align: center;
  }
  #subscribe input[type="email"]{
    float: none;
    margin-bottom: 0;
  }
  #subscribe .align-form form.wpcf7-form{
    margin: auto;
  }
  #subscribe .social-media{
    text-align: center;
  }
  #featured-pro h3, .men-title h3, #trending-pro h3, #blog h3{
    text-align: center;
  }
  .blog-box h4{
    text-align: center;
  }
  .post-title{
    text-align: center;
  }
  #blog .datebox-home{
    left: 50%;
    transform: translateX(-50%);
  }
  #sponsers_sec .owl-nav{
    margin: 0 !important;
    padding-right: 0 !important;
  }
  .men-tabs{
    text-align: center;
  }
  #subscribe form p{
    text-align: center;
  }
  #subscribe input[type="submit"]{
    display: inline-block;
  }
  #footer aside,#footer ul li,#footer p,#footer h3, #content-vw #footer h3{
    text-align: center;
  }
  #footer ul.cart_list li img, #footer ul.product_list_widget li img{
    width: 200px;
    margin: auto;
    float: none;
  }
  #footer .product-title{
    display: block;
  }
   #footer .post-thumb img{
    width: 200px;
    margin: auto;
  }
  span.free-shipping a, span.free-return a, span.cash-delivery a, span.phone-number a, span.daily-deals a, span.track-order a, span.language a{
    font-size: 13px;
  }
  #header .logo{
    text-align: center;
    margin-bottom: 15px;
  }
  #header .side_search{
    margin-bottom: 10px;
  }
  .blog-btn{
    text-align: center;
  }
  .owl-carousel .owl-item img{
    margin: auto;
  }
  h1.product_title.entry-title,.woocommerce div.product div.summary,
  .woocommerce div.product .woocommerce-tabs ul.tabs,.woocommerce div.product .woocommerce-tabs .panel,
  section.related.products h2, .woocommerce-order-details h2, .woocommerce-order-details h3,.post-main-box,
  #single_post .border_box,#content-vw p,.single-blog-page{
    text-align: center;
  }
  .woocommerce div.product form.cart .button{
    float: none;
  }
  .woocommerce div.product form.cart div.quantity{
    float: none;
    display: inline-block;
  }
  #sidebar{
    text-align: center;
  }
  .single-product ul.products li.product, .woocommerce-page ul.products li.product{
    margin: 0 10px 20px;
    width: 30%;
  }
  .woocommerce-checkout #customer_details{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .middle-align.contact-box{
    text-align: center;
  }
  .shop-page  ul.products li.product{
    width: 48% !important;
  }
  #header #site-navigation{
    margin: 2px auto 0 auto;
  }
  #our-blog-section .owl-dots{
    display: block !important;
  }
  .mens-product-wrapper .sells-product{
    height: auto;
  }
  #our-blog-section .owl-dots{
    display: block !important;
  }
}
@media screen and (max-width:767px) {
  .cart-btn-box{
    padding-top: 0 !important; 
  }
  .row.media-row {
    margin: 0;
  }
  .nav-tabs, .nav-tabs .nav-link, p#timer{
    display: block;
  }
  .nav-tabs, .nav-tabs .nav-link{
    margin-bottom: 0;
    float: none;    
  }
  p#timer div,.social-box .social-heading,.banner-button,.row-equal{
    margin: 10px auto;
  }
  #header .nav ul li ul{
    display:none; 
    z-index:2;
    font-weight:normal;
    margin-top: 0 !important;
  }
  .top-contact, .social-medias,.search_form,.nav-tabs .nav-link.active, 
  .nav-tabs .nav-link,#featured-pro h3, .men-title h3, #trending-pro h3,
  #featured-pro .leads,#men_product .lead,#trending-pro .leads,.copy-img{
    text-align: center;
  }
  .side_search input#woocommerce-product-search-field {
    width: 72%;
  }
  .cart_icon{
    margin: 0 0 20px 0;
  }
  .categry-header {
    position: relative;
    padding: 15px;
    top: 0;
  }
  .slidee,.sale-pack,.feedText{
    padding: 0;
  }
  #category .nav-icon {
    position: relative;
    top: 0;
    text-align: center;
  }
  #category a.pull-left, a.nxt{
    float: none;
  }
  .slick-prev{
    left: -15px !important;
  }
  .slick-next {
    right: -15px !important;
  }
  .nav{
    display:none;
  }
  #header .nav ul{ 
    width:100%; 
    float:none !important; 
    margin-top:0; 
    background-color:#000;
  }
  #header .nav ul li{
    display:block; 
    float:none; 
    text-align:left;
    width: 18rem;
    line-height: 31px;
  }
  #header .nav ul li a{
    padding:5px 10px; 
    display:block; 
    color:#ffffff;
    font-size: 12px !important;
    font-weight: 600;
  }
  .nav ul li a:hover{
    color:#ff8a00;
  }
  .nav ul li ul,.nav ul li ul ul{ 
    display:block !important;
  }
  .nav ul li ul li a:before{
    content:"\00BB \00a0" !important;
  }
  .nav ul li ul li a{
  padding-left:20px !important;
  }
  .nav ul li ul li ul li a{
    padding-left:30px !important;
  }
  #TB_window{
    width:350px !important;
    margin-left: -181px !important;
    top:60% !important;
  }
  #slider .slide-cap{ 
    display:none;
  }
  .menubox .navbar {
    z-index: 9999;
    left: 0;
    width: 100%;
    position: relative;
    margin-bottom: 10px;
  }
 .mega-dropdown-menu > div >li{
    float:left;
    width:100%;
    padding: 10px;
  }
  #slider .carousel-item-next,#slider .carousel-item-prev,#slider .carousel-item.active {
    display: block !important;
  }
  .mob_menu{
    display: block;
  }
  button.show_menu_now {
    background: #000;
    border: none;
    padding: 10px 15px;
    color: #fff;
    font-size: 20px;
    outline:none;
    right: 0;
    top: 0;
    position:absolute;
    cursor: pointer;
  }
  .menu_btn{
    background: #000;
    border: none;
    padding: 10px 15px;
    color: #fff;
    font-size: 20px;
    outline:none;
    right: 0;
    top: 2px;
    position: fixed;
    z-index: 999999;
  }
  .sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 99999;
    top: 0;
    right: 0;
    background-color: black;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top:55px !important;
  }
  #header .nav{
    margin: 0;
  }
  .sticky{
    position: static !important;
  }
  #slider ol.carousel-indicators{
    bottom: 20px;
  }
  #sidebar1 {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999999;
    top: 0;
    left: 0;
    background-color: #232323;
    overflow-x: hidden;
    transition: all .5s ease;
    padding-top: 60px;
  }
  #open_nav {
    position: absolute;
    right: 0;
    padding-right: 20px;
    top: 12px;
  }
  #open_nav i {
    font-size: 20px;
    color: #000;
  }
  .close-sidebar i {
    font-size: 23px;
    color: #fff;
    position: absolute;
    top: 10px;
    right: 25px;
  }
  .stickynavbar {
    box-shadow: unset;
  }
  .side-navigation{
    display: block !important;
  }
}
@media screen and (min-width:768px){  
  #header .nav ul li:hover > ul{
    display:block; 
    background:#fff; 
    width:200px; 
    position:absolute; 
    top:25px; 
    left:0; 
    text-align:left; 
    padding:10px 0; 
    z-index:99;
    }
    #header .nav ul li:hover > ul li{ 
      display:block;
    }
    #header .nav ul li:hover > ul li a{ 
      padding:7px 0px 7px 10px; 
      color:#000000;
    }
    #header .nav ul li:hover ul li ul{
      display:none;
    }
    #header .nav ul li:hover ul li:hover > ul{
      display:block; 
      position:absolute; 
      left:200px; 
      top:-20px;
    }
    .menu-width-resize{
      width: 100% !important;
    }
    .menubox .cat_box,.menubox .cat_box ul{
      width: 210px;
    }
    .menubox .cat_box ul ul{
      width: 195px;
    }
    .hamburger,.close-sidebar,.closebtn{
      display: none;
    }
}
@media screen and (max-width: 575px){
  a.user-contents{
    float: left;
    margin-left: 5px;
  }
  #header .menubox{
    clear: both;
  }
  a.user-contents i.fa.fa-user{
    padding: 10px 6px;
  }
  #slider .read-more{
    padding: 5px 23px;
  }
  button.show_menu_now{
   top: 46px;
  }
  #sponsers_sec .owl-nav{
    padding-bottom: 0 !important;
  }
  #counter_sale .countdowntimer{
    max-width: 342px;
    margin: auto;
  }
  p#timer div{
    margin: 10px 10px; 
  }
  #subscribe input[type="submit"]{
    margin-top: 20px;
    position: unset;
  }
  div.wpcf7 .ajax-loader{
    display: block;
  }
  #footer input[type="submit"]{
    float: none !important;
  }
  .adjust2 {
    max-width: 250px;
    margin: auto;
    position: relative;
  }
  #feedback_sec .carousel-control-next,#feedback_sec .carousel-control-prev{
    display: none;
  }
  h3.offer-s{
    top: 4%;
  }
  #galleryImg{
    margin-bottom: 20px;
  }
  #header .cart_no{
    float: right;
    display: inline-block;
    padding-right: 6px;
    margin-right: 7px;
  }
  .cart_icon i,a.user-contents i.fa.fa-user{
    font-size: 15px;
  }
  #header .side_search{
    padding: 0 15px !important;
  }
  .side_search input[type="search"]{
    max-width: 84%;
  }
  .product-slide-section ul.nav-tabs{
    margin-top: 28px;
  }
  #men_product ul.nav-tabs{
    padding-bottom: 21px;
  }
  div#men_product li.nav-item,#men_product ul.nav-tabs{
    display: block !important;
  }
  #subscribe input[type="email"]{
    width: 100%;
  }
  .menubox .cat_box{
    left: 0;
    right: 0;
  }
  #our-blog-section .owl-dots{
    display: block !important;
    padding-bottom: 20px;
  }
  .single-product ul.products li.product, .woocommerce-page ul.products li.product {
    margin: 0 2px 20px !important;
    clear: initial !important;
    height: 330px;
  }
  .woocommerce ul.products li.product .woocommerce-loop-product__title{
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) and (min-width: 576px) {
  a.cart-customlocation{
    font-size: 13px;
  }
  .topbar .top-contact,.topbar .social-medias{
    text-align: center;
  }
  h3.offer-s {
    top: 16%;
  }
  #blog .datebox-home{
    width: 72%;
    text-align: center;
  }
  #blog .entry-date{
    float: none !important;
    display: block;
  }
  #blog .postbox-content{
    padding-top: 28px;
  }
  .single-product ul.products li.product, .woocommerce-page ul.products li.product {
    margin: 0 2px 20px !important;
    clear: initial !important;
    height: 380px;
  }
  .woocommerce ul.products li.product .woocommerce-loop-product__title{
    font-size: 14px;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  .shop-page  ul.products li.product{
    width: 30% !important;
  }
  .cart_no{
    display: inline-block;
    padding: 0 6px 0 0;
  }
  #slider p{
    display: block !important;
    text-align:left;
  }
  #slider h2, #slider h1{
    text-align: left;
  }
  .carousel-caption{
    width: 400px !important;
    text-align: left !important;
    left: 10% !important;
  }
  .carousel-control-next, .carousel-control-prev{
    width: 9% !important;
  }
  .topbar .row{
    align-items: center;
  }
  .mens-product-wrapper ul.nav-tabs{
    float: none;
  }
  .mens-product-wrapper .transBox img{
    width: 100%;
    height: 265px;
  }
  p#timer div{
    width:  110px;
    margin: 0 10px; 
  }
  span.nofont{
    font-size: 12px !important;
  }
  #header .cart-btn-box{
    text-align: center;
  }
  #men_product .nav-tabs .nav-link{
    margin-bottom: 0;
  }
  .nav-tabs, .nav-tabs .nav-link{
    float: none;
  }
  #men_product ul.nav-tabs{
    padding-bottom: 16px;
  }
  .mens-product-wrapper button.owl-prev{
    left: 108px;
    bottom: -23px;
  }
  .mens-product-wrapper button.owl-next{
    left: 125px;
    bottom: -23px;
  }
  #sponsers_sec .owl-nav{
    padding: 0 !important;
  }
  #blog .datebox-home{
    width: 72%;
    text-align: center;
  }
  #blog .entry-date{
    float: none !important;
    display: block;
    padding-top: 0;
  }
  .blog-btn{
    padding-bottom: 0;
  }
  .mens-product-wrapper .sells-product{
    margin-right: 0;
  }
  .single-product ul.products li.product, .woocommerce-page ul.products li.product {
    margin: 0 11px 20px !important;
    clear: initial !important;
    height: 380px;
  }
  #sponsers_sec .sponsers-image {
    padding: 0;
}

} 

@media screen and (max-width: 1200px) and (min-width: 992px) {
  a.cart-customlocation{
    font-size: 11px;
  }
  #header .cart-btn-box span.woocommerce-Price-amount.amount{
    font-size: 11px;
  }
  .mens-product-wrapper .sells-product{
    height: auto;
  }
  .shop-page ul.products li.product{
    height: 355px;
  }
  .menubox .cat_box,.menubox .cat_box ul{
    width: 210px;
  }
  .menubox .cat_box ul ul{
    width: 195px;
  }
  .shop-page ul.products li.product{
    height: 380px;
  }
  .details-sub {
    margin-left: 13% !important;
}
}
@media screen and (max-width: 320px) and (min-width: 320px) {
  h4.of
  {
    left: 11%;
  }
  }

@media screen and (max-width:767px){ 
#sponsers_sec .owl-prev
{
  margin-left: -15px;
} 
#sponsers_sec .owl-next {
    right: 0;
    margin-right: -15px;
}
#sponsers_sec .sponsers-image {
    padding: 0;
}
#sidebar {
    text-align: start !important;
}
}

@media screen and (max-width:375px){ 
  .woocommerce-page ul.products li.product {
    height: 272px !important;
  }
}

@media screen and (max-width: 575px) and (min-width: 500px) {
  #blog .datebox-home {
    width: 72%;
    padding: 3px;
}
}