@media (max-width: 1366px){ 
.navbar-nav>li>a {
    font-size: 14px !important;
}
.top-search .search-btn{
	right:0;
}
}
@media (min-width: 1200px){ 
.container {
    width: 1400px;
}
.bot-nav .container-fluid {
    padding: 0;
}
}
@media screen and (max-width: 900px) and (min-width: 600px) {
	.top-search .form-control {
		width: 100%;
		margin-right: 0 !important;
	}
	nav {
     padding: 0 15px;
     box-shadow: 0 0 1px rgba(0,0,0,0.2);
   }
   .main-menu .menu .toggle a i{
		color:#141414;
		font-size: 25px;
        padding: 5px 0;
	}
	.main-menu .menu .has-submenu .submenu {
      width: 100% !important;
      background: #fff;
      border-radius: 5px;
      box-shadow: 0 3px 20px rgba(131,39,41,.8);
      padding: 23px 0;
   }
   .menu .item .nav-link{
	   text-align:start;
   }
   .main-menu .item {
    padding: 0 !important;
	position:relative;
   }
   .has-submenu > a::after{
	  position:absolute;
      right:0;
      top:17px;
      z-index:999;	  
   }
   .blog-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 13px;
   }
   .countries .commonCard .cardimg a{
	 height:120px;  
   }
   .footer .social-icoin__box{
	 margin-bottom: 36px;  
   }
   .footer .f-nav{
	 margin-bottom: 36px;  
   }
   .pl60{
	   padding-left:0;
   }
}

@media(max-width:767px){
   .login-wrapper .loign_main_div .login_img{
		display:none;
	}
	.signup-wrapper .signup_main_div .login_img{
		display:none;
	}
	
	/*--- menu  ---*/
	.topbar .navbar-logo h3 {
    text-align: center;
}
	.top-nav .topbar{
		height:130px !important;
	}
	.sticky .topbar {
    height: 130px !important;
}
	.top-nav .infobox{
	   position: absolute;
       top: 50px;
       right: 80px;
       z-index: 999;
	}
	.contact_box{
	   position: absolute;
	   top: 18px;
	}
	/*.top-nav .infobox a{
		padding-left:16px !important;
	}*/
	.main-menu .menu .toggle a i{
		color:#141414;
		font-size: 25px;
        padding: 5px 0;
	}
	nav {
     padding: 0 15px;
     box-shadow: 0 0 1px rgba(0,0,0,0.2);
   }
   .menu .item .nav-link{
	   text-align:start;
   }
   .main-menu .menu .has-submenu .submenu {
      width: 100% !important;
      background: #fff;
      border-radius: 5px;
      box-shadow: 0 3px 20px rgba(131,39,41,.8);
      padding: 23px 0;
   }
   .main-menu .item {
    padding: 0 !important;
	position:relative;
   }
   .has-submenu > a::after{
	  position:absolute;
      right:0;
      top:17px;
      z-index:999;	  
   }
   .top-nav .infobox a .user_info_icon{
       display:none;
   }
   .top-nav .topbar{
       padding-top:0 !important;
   }
   .top-nav .infobox a{
       padding-left: 21.6px !important;
   }
   .topbar .navbar-logo img{
      margin-left: 50px; 
	  width: 120px;
   }
   .main-wrapper{
      position:relative; 
   }
   .main-wrapper .navbar .brand-and-icon{
     position: absolute;
     top: -100px;
     left: 18px;
   }
   .sticky .main-wrapper .navbar .brand-and-icon{
	  position: absolute;
      top: -100px;
      left: 18px; 
   }
   #custom-translate{
	  position: absolute;
      right: -9px;
      top: -30px;
   }
   .sticky #custom-translate {
        position: absolute;
        right: -9px;
        top: 12px;
    }
   .main-wrapper .navbar .brand-and-icon .navbar-toggler{
       border:unset;
   }
   .main-wrapper .navbar .brand-and-icon .navbar-toggler i{
       font-size:18px;
   }
   .top-search .form-control{
       box-shadow:unset !important;
   }
   .sticky .infobox {
     position: absolute;
     top: 8px;
     right: 80px;
     z-index: 999;
  }
  .announcement_bar .announcement_bar_message {
    width: 100%;
    margin: 0 auto;
    padding-top: 4px;
    height: 35px;
  }
  .newARRIVALS .main-tabs .nav-tabs{
      padding-left:0;
  }
  .commonCard .card-body .product_grid_info{
     min-height:74px; 
  }
  .commonCard .card-body .category_grid_info{
     min-height:63px; 
  }
  .commonCard .card-body .category_grid_tab{
     min-height:74px; 
  }
  .commonCard .card-body .card-title{
      font-size:14px !important;
  }
  .commonCard .card-body {
    text-align: center;
    padding: 0 13px;
 }
 .common-title h4{
     font-size:24px !important;
 }
.testimonials-item .content-box p {
    font-size: 1.5rem;
}
.blog-slider .card-body h5 {
    font-size: 1.5rem;
}	
.blog-list .blog-list-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
}
.blog-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
}
.countries-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
.countries .commonCard .cardimg a {
    display: block;
    width: 100%;
    height: 120px;
    overflow: hidden;
}
.pd-90 {
    padding: 40px 0;
}
.btn-filter{
	display:block;
	background-color: transparent;
	border: none;
	cursor: pointer;
	margin-bottom:20px;
}   
.btn-filter i{
   font-size: 19px;  
}
#filtersidebar{
   display:none;  
}
.blog-grid .card-body h5{
	font-size:1.5rem;
}
.product-details-page {
    padding-top: 10px;
}
.become-partner .content_box h2 {
    font-size: 1.875rem !important;
	margin-bottom: 20px;
}
.become-partner .content_box {
    padding-left: 0px;
}
.category-page .head_part .right_side_div select {
    width: 100%;
}
.overflow-prduct .commonCard .cardimg a{
	height: 220px;
}

}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){
  .main-wrapper{
      position:relative; 
   }
   .main-wrapper .navbar .brand-and-icon{
     position: absolute;
     top: -47px;
     left: -18px;  
   }
   .main-wrapper .navbar .brand-and-icon .navbar-toggler{
       border:unset;
   }
   .main-wrapper .navbar .brand-and-icon .navbar-toggler i{
       font-size:18px;
   }
   .topbar .navbar-logo img{
     margin-left: 12px;
     margin-top: -5px;	 
   }
   .search-lang__box{
	 gap: 13px;
   }
   .become-partner .content_box {
     padding-left: 0px;
     padding-top: 20px;
   }
   .main-add a h3 {
     font-size: 16px;
     position: absolute;
     top: 20px;
     right: 6px;
   }
   .main-add a h2 {
     font-size: 22px;
     position: absolute;
     top: 18px;
     right: 20px;
   }
   .main-add .col-pd-1 {
     padding-right: 16px;
   }
   .main-add .col-pd-2 {
     padding-right: 16px;
   }
   .main-add .col-pd-4 {
     padding-top: 16px;
   }
}
/* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
        
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
        .main-menu .menu .has-submenu .submenu
        {
            min-width: 600px;
        }
    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
        .main-menu .menu .has-submenu .submenu
        {
            min-width: 700px;
        }
    }