.footer-middle {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
}
.text-right{
    text-align: right;
}
.pt-90 {
    padding-top: 213px !important;
}
.my-account__address-list {
    display: flex;
    gap: 1.625rem;
}

.form-floating>.form-control,
.form-floating>.form-select {
    height: 48px;
}
#header{
    background: linear-gradient(90deg,rgba(42,16,23,1) 0%, rgba(128,0,0,4) 35%, rgba(128,0,0,-7) 100%);
    width:122%;

}

.navigation__link{
    font-family: "Open Sans", Sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    padding: 0px 15px 0px 15px;
}

/*shop section*/

.mslider{
    height: 250px;
    margin:auto;
    position:relative;
    width:95%;
    display: grid;
    place-items: center;
    overflow: hidden;
   
   
}





.mslider .slider_track{
	-webkit-animation: scroll 40s linear infinite;
	animation: scroll 40s linear infinite;
	display: flex;
	width: calc(250px * 14);

}

#best{
    
    position: relative;
    left: -5px;
    width:136%;
   
}
#best a{
    font-size:20px;
     text-overflow: ellipsis;
    
}





 @media (max-width: 600px){
   #best{
    
   
    position: relative;
    left: -28px;
    width: 112%;
    top:30px;
}  
.shop-list{
    position:relative;
    top:-118px;
}
#best a{
   font-size:19px; 
    text-overflow: ellipsis;
}
 }
 #best .section-title{
     margin-left:-155px;
 }
 #best .btn-left{
     font-size:16px;
    
 }
 
 .pb-4 {
    padding-bottom: 2.5rem !important;
}

@-webkit-keyframes scroll {
	0% {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	}
	100% {
	-webkit-transform: translateX(calc(-250px * 7));
	transform: translateX(calc(-250px * 7));
	}
	}
	@keyframes scroll {
	0% {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	}
	100% {
	-webkit-transform: translateX(calc(-250px * 7));
	transform: translateX(calc(-250px * 7));
	}
	}
 .mslider .slider_track:hover{
    animation-play-state: paused ;
}

.mslide{
    height:200px ;
    width:250px ;
    display: flex;
    align:center;
    padding: 15px;
    perspective: 100px;
}
.sl{
    width: 100%;
    transition: transform 1%;
}
.bottom-center{
    position: absolute;
  bottom: 8px;
  left: 50%;
  transform: translate(-50%, -50%);
  color:maroon;
}
.nav-icon{
    color:white;
    position:relative;
    left:170px;
}

.mslider::before,
.mslider::after{
    background:linear-gradient(to right,rgb(255, 255, 255) 0%, rgb(255, 255, 255,0));
    content: "";
    height: 100%;
    position: absolute;
    width: 16%;
    z-index: 2;

}
.mslider::before{
    top: 0;
    left: 0;
}
.mslider::after{
    right: 0;
    top: 0;
    -webkit-transform: rotateZ(180deg);
	transform: rotateZ(180deg);
}
.sl:hover{
    transform: translateZ(20px);
}
/*shop section ends*/

.mb-5{
    margin: 59px 154px 28px;
}

  @media (max-width: 400px) {
 .swiper-container .container .mb-5 {
  margin-left: 75px;
  margin-top:174px;
        margin-bottom:-3px;
    }  
    
  }

@media (max-width: 500px) {
 #best .btn-right{
          left:129px;
      } 
      
      .checko{
          background-color: #f44336;
  color: white;
  padding: 14px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
      }
}

.dropbtn {
  background-color: #4CAF50;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropbtn {
  background-color: #4CAF50;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
  background-color: #3e8e41;
}
  a.button {
    padding: 1px 6px;
    border: 1px outset buttonborder;
    border-radius: 3px;
    color: white;

    text-decoration: none;
}
/*filter*/

.filter a {
  text-decoration: none;
}

.filter {
  font-family: monospace;
}

.filter ul {
  background: darkorange;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.filter li {
  color: #fff;
  background: darkorange;
  display: block;
  float: left;
  padding: 1rem;
  position: relative;
  text-decoration: none;
  transition-duration: 0.5s;
}
  
.filter li a {
  color: #fff;
}

.filter li:hover,
li:focus-within {
  background: red;
  cursor: pointer;
}

.filter li:focus-within a {
  outline: none;
}

.filter ul li ul {
  background: orange;
  visibility: hidden;
  opacity: 0;
  min-width: 5rem;
  position: absolute;
  transition: all 0.5s ease;
  margin-top: 1rem;
  left: 0;
  display: none;
}

.filter ul li:hover > ul,
.filter ul li:focus-within > ul,
.filter ul li ul:hover,
.filter ul li ul:focus {
   visibility: visible;
   opacity: 1;
   display: block;
}

.filter ul li ul li {
  clear: both;
  width: 100%;
}

.dropbtn {
    background-color: #fbfdfc;
    color: rgb(31, 30, 30);
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
  }
  
  /* The container <div> - needed to position the dropdown content */
  .dropdown {
    position: relative;
    display: inline-block;
    z-index:2;
  }
  
  /* Dropdown Content (Hidden by Default) */
  .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 95px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
  }
  
  /* Links inside the dropdown */
  .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
  }
  
  /* Change color of dropdown links on hover */
  .dropdown-content a:hover {background-color: #f1f1f1;

}
  
  /* Show the dropdown menu on hover */
  .dropdown:hover .dropdown-content {
    display: block;
  }
  
  /* Change the background color of the dropdown button when the dropdown content is shown */
  .dropdown:hover .dropbtn {
    background-color: #cb5f5f;
    color:white;
  }

/*about mobile view */


@media screen and (max-width: 600px) {

  #about{
      position:relative;
     
       width: 100%;
        left:-23px;
      margin-top:42px;
  }
  
  #aboutmain{
      position:relative;
      top:100px; 
      padding-top:0px !important;
  }
    section.container{
        
              position:relative;
      left:3px;
      width:100%;
      margin-top:-80px;
    }
    
   .uzma section.container{
        
              position:relative;
      left:3px;
      width:100%;
      margin-top:0;
    }
}
  
  @media screen and (max-width: 400px) {

  .w-50{
      
      height:60% !important;
      width:80% !important;
  }
      
     
  }
  
   @media screen and (max-width: 600px) {
    .pc__info .product-single__addtocart .btn-left{
    font-size:16px;
    background-color:#c71c1c;
        padding: 6px;
    color: white;
    border-radius: 4px;
    border:none;
    position:relative;
    left:0;
}
.pc__info .product-single__addtocart .btn-right{
     font-size:16px;
    background-color:#c71c1c;
        padding: 6px;
    color: white;
    border-radius: 4px;
    border:none;
    position:relative;
   left:50px;
}  

#best .swiper-wrapper .col-6{
  flex: 0 0 auto;
    width: 40%;
    position: relative;
    left: -12px;
    padding-left: 23px;
border-radius:10px;
}

#best .swiper-wrapper .pc__info .product-single__addtocart .btn-right {
    font-size: 16px;
    background-color: #c71c1c;
    padding: 6px;
    color: white;
    border-radius: 4px;
    border: none;
    position: relative;
    left: 54px;}
   #cont{
       padding-right:109px;
       margin:10px 23px 10px;
   }
   #t{
            margin:10px 23px 10px;
  
   }
       
   }
  
  @media screen and (max-width: 300px) {
 
  section.container{
      
      width:250%;
  }
   .best{
      
      height:60%;
      width:80%;
  }
}

@media (max-width:370px){
    #best .swiper-wrapper .col-6{
  flex: 0 0 auto;
    width: 40%;
    position: relative;
    left: -13px;
    padding-left: 23px;
border-radius:10px;
}
}
 

/* Add to cart and buy now button*/

#best .pc__info .product-single__addtocart .btn-left{
    font-size:16px;
    background-color:#c71c1c;
        padding: 6px;
    color: white;
    border-radius: 4px;
    border:none;
    position:relative;
    left:0;
}
#best .pc__info .product-single__addtocart .btn-right{
     font-size:16px;
    background-color:#c71c1c;
        padding: 6px;
    color: white;
    border-radius: 4px;
    border:none;
    position:relative;
    left:75px;
}


@media screen and (min-width: 600){
    .checko{
        display:none;
    }
    .displaynone{
        display:none;
    }
}


 @media screen and (min-width: 1000px) {
.pc__info .product-single__addtocart .btn-left{
    font-size:16px;
    background-color:#c71c1c;
        padding: 6px;
    color: white;
    border-radius: 4px;
    border:none;
    position:relative;
    left:0;
}

.uzma{
    position: relative;
    top: -54px
}
#t{
    text-align:center;
}

 .shopping-cart__totals-wrapper {
    position: relative;
    left: 15px;
}
.pc__info .product-single__addtocart .btn-right{
     font-size:16px;
    background-color:#c71c1c;
        padding: 6px;
    color: white;
    border-radius: 4px;
    border:none;
    position:relative;
   left:50px;
}

section#car {
    position: relative;
    left: 223px;
}


#best .swiper-wrapper .col-6{
  flex: 0 0 auto;
    width: 25%;
    position: relative;
    left: -15px;
    padding-left: 23px;
border-radius:10px;
}

#best .swiper-wrapper .pc__info .product-single__addtocart .btn-right {
    font-size: 16px;
    background-color: #c71c1c;
    padding: 6px;
    color: white;
    border-radius: 4px;
    border: none;
    position: relative;
    left: 76px;}
      

}
/*Product details */
.ucard{
    position:relative;
    top:40px;
    left:50px;
    width:100%;
}
.ucard .img img{
    width:100px;
}
.ucard .img-mobile img{
    width:100px;
    height:100px;
}
.ucard .left{
    position:relative;
    left:150px;
    top:-400px;
    padding:10px;
    width:40%;
    bottom:100px;
}
.ucard .left #imgs{
    width:80%;
}
.ucard .left .product-single__addtocart .left-btn{
    background-color:orange;
    color:white;
    border:none;
    border-radius:10px;
    height:40px;
    width:100px;
}
 @media (max-width: 600px) {
 .ucard .img {
    display:none;
}
.uzma{
    position: relative;
    top: -4px
}
.ucard .left{
    position:relative;
    left:-44px;
    top:30px;
    padding:10px;
    width:35%;
    bottom:100px;
}
.ucard .left img{
   height: 366px;
        position: relative;
        top: -40px;
        left:60px;
    
}
.ucard{
   left:46px;
   top:-31px;
   width:75%;
    
}
 .shopping-cart__totals-wrapper {
   display:none;
    }
#p_details {
    width: 300px;
}
#reduce {
    left: 152px;
    top:  103px;
    border: none;
    background: transparent;}
   #increase {

  right: 307px;
        top: 103px;
    border: none;
    background: transparent;
}
    #qty{
    padding: 0;
    width: 27%;
    background-color: #ffffff;
    outline: none;
    -moz-appearance: textfield;
}
.shopping-cart .cart-table__wrapper {
    padding-top: 2.125rem;
    flex-grow: 1;
}

}
 @media (min-width: 601px) {
 .ucard .img-mobile {
    display:none;
}

#mob{
    display:none;
}
 
}

.q{
    background: none;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	outline: inherit;
}
@media (min-width:300px) and (max-width:600px){
    .shopping-cart{
        
        position:relative;
        top:-50px;
    }
    
.shop-list .container{
    margin-top:27px;
}
    
    .shopping-cart .cart-table .qty-control {
  margin: 0.5rem 6px;
}
}

@media (min-width:900px) and (max-width:1600px){
 section.container{
      margin-top:-128px;
 }
 .shop-list .container{
    margin-top:120px;
}
#mob{
    display:none;
}
#aboutmain{
    position:relative;
    top:100px;
    padding-top:50px !important;
}
.uzma{
    position: relative;
    top: -54px
}
}
@media (max-width:550px){
    
    #deskk{
    display:none;
}



}
@media (min-width:1000px){
    
    .sub_t{
        display:none;
    }
}