body{

	font-family: poppins;

  font-size: 13px;
}

h1 img{

  margin-left: 10px;
}





.back-button-container {
    position:absolute; /* Fixed position to stay at the top */
    top: 50px;
    left: 0;
    width: 100%;
    padding: 10px; /* Padding around the button */
    z-index: 1000; /* Ensure it's above other content */
}

.back-button {
    text-decoration: none;
    color: #333; /* Text color of the button */
    font-weight: bold;
    padding: 8px 12px;
    border: 1px solid white !important; /* Border style */
    border-radius: 4px; /* Rounded corners */
}

.back-button:hover {
    background-color: #333; /* Background color on hover */
    color: white !important; /* Text color on hover */
}





/*--------------------------------------------------------------
# item styling
--------------------------------------------------------------*/

#think{
margin-left: 110px !important;

}

@media only screen and (max-width:797px){
#think{
margin-left: 30px !important;

}
}


@media only screen and (max-width:497px){
#think{
margin-left: 23px !important;
font-size: 0.8rem;

}
}



@media only screen and (min-width:430px) and (max-width:498px){


#package{

background-color:rgba(243,243,243,0.1);padding-bottom: 8px;margin-bottom:50px;border:1px solid rgba(0,70,90,0.2);
padding: 3px;

width:210px !important;

display: inline-block;
margin:1em 1em;

}



}

@media only screen and (min-width:325px) and (max-width:376px){


#package{

background-color:rgba(243,243,243,0.1);padding-bottom: 8px;margin-bottom:50px;border:1px solid rgba(0,70,90,0.2);
padding: 1px;

width:10.4rem !important;

display: inline-block;
margin:1em 0.1em !important;

}


}


@media only screen and (min-width:377px) and (max-width:399px){


#package{

background-color:rgba(243,243,243,0.1);padding-bottom: 8px;margin-bottom:50px;border:1px solid rgba(0,70,90,0.2);
padding: 1px;

width:10.3rem !important;

display: inline-block;
margin:1em 0.4em !important;

}

.nav_login,.nav_signup{

margin-left:40px !important;
font-weight: normal !important;
display: none! important;

padding: 2px !important;

border:2px solid white !important;

}

#think{

  font-size: 0.84rem !important;
}



}











@media only screen and (min-width:400px) and (max-width:414px){


#package{

background-color:rgba(243,243,243,0.1);padding-bottom: 8px;margin-bottom:50px;border:1px solid rgba(0,70,90,0.2);
padding: 1px;

width:11.6rem !important;

display: inline-block;
margin:1em 0.15em !important;

}

.nav_login,.nav_signup{

margin-left:40px !important;
font-weight: normal !important;
display: none! important;

padding: 2px !important;

border:2px solid white !important;

}


}




@media only screen and (min-width:430px) and (max-width:498px){


#package{

background-color:white;padding-bottom: 8px;margin-bottom:50px;border:1px solid rgba(0,70,90,0.2);
padding:0px;

width:205px !important;

position: relative;

display: inline-block;
margin:1em 0.5em !important;

}



}


@media only screen and (min-width:499px) and (max-width:797px){


#package{

background-color:white;padding-bottom: 8px;margin-bottom:50px;border:1px solid rgba(0,70,90,0.2);
padding: 3px;

width:230px;

display: inline-block;
margin:1em 0.4em;

}

}


#priceitem{

font-family:Poppins;
font-weight: bold;
color:black;
opacity: 0.8;
text-transform:capitalize;
font-size:14px;
padding:10px;
position: relative;
margin-bottom: 8px;


}







#conitem,#locitem,#catitem{
font-size:12px;
font-family:poppins;
color: rgba(0,0,0,0.9);
padding:10px;
width:100%;

font-weight: bold;
text-transform: capitalize;


}




#imgitem{
height: 120px;
width:100%;
}



#nameitem a{
  font-size:12px;
  font-weight:normal;
  padding-left:10px;
  text-transform:capitalize;
  color: rgba(0,0,0,0.4);
  padding-top: 8px;

 word-wrap:break-word;
 text-align:center;
  font-family:poppins;  
}


/*--------------------------------------------------------------
# item styling cart
--------------------------------------------------------------*/





.nav_signup{


border:1px solid none;
border-left:1px solid white;
border-left-color: rgba(192,192,192,1);
margin-left:0px;
font-weight: normal !important;


}

.nav_login{



margin-left:50px;
font-weight: normal !important;

}


/*--------------------------------------------------------------
# navigation bar mobile
--------------------------------------------------------------*/

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

.button_navigation{


font-size:12px;

cursor: pointer;

color:black;

padding:5px 0px;

margin-right:10px !important;

font-weight: bold;

}


}


/*--------------------------------------------------------------
# navigation bar 
--------------------------------------------------------------*/


.button_navigation{

font-family:poppins;

float:left;

font-size:13px;

cursor: pointer;

color:black;

padding:8px 1px;

margin-right:32px;

font-weight: bold;

}



.button_navigation:hover{

opacity: 0.8;

text-decoration: none;

}

/*--------------------------------------------------------------
# navigation bar img
--------------------------------------------------------------*/


.button_navigation img{

width: 20px;
height: 18px;

}


/*--------------------------------------------------------------
# navigation search bar
--------------------------------------------------------------*/


#input_search{

font-size: 12px;

border:1px solid transparent;
font-weight: normal;

background-color: rgba(192,192,192,0.5);
border-radius: 12px;

width: 390px;


}






/*--------------------------------------------------------------
# navigation search bar button
--------------------------------------------------------------*/


#btn-search{

	font-size: 10px;
	border-radius:0px 13px 13px 0px;
	margin-left: -80px;
	padding: 7px 8px;
	position: relative;
z-index: 9;
color: white !important;
}


/*--------------------------------------------------------------
# section cart 
--------------------------------------------------------------*/



.cart_header{

	color: skyblue;

	border: 1px solid rgba(192,192,192,0.5);

	border-radius: 50%;

	padding: 10px;

	font-size: 12px;
}


.cart_container {

	margin-top: 40px;
}


.menu_board{

	padding: 30px 15px;

	background-color: rgba(192,192,192,0.3);

	text-align: center;

	box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
}


.menu_board img{

	width: 100px;
}


.menu_board h6{

	font-weight: bold;

	margin-top: 13px;
}


.menu_board p{

	font-size: 12px;

}




.button_shopping{

	color: white !important;

	font-size: 12px;
	padding: 8px;
}


small
{
	margin-top: 8px;
}




/*--------------------------------------------------------------
# section product 
--------------------------------------------------------------*/


#package{

background-color:white;padding-bottom: 8px;margin-bottom:50px;border:1px solid rgba(0,70,90,0.2);
padding: 3px;

width:210px;

display: inline-block;
margin:1em 1.7em;

}



.section_product h6{

	font-weight: bold;

	font-size: 15px;
}




.section_product{
background-color: white !important;
}







/*--------------------------------------------------------------
# section product  mobile
--------------------------------------------------------------*/






/*--------------------------------------------------------------
# view icon
--------------------------------------------------------------*/

#noviews{

position:relative;
top:45px;
left:10px;
background-color: rgba(0,0,0,0.8);
color: white;
font-weight: bold;
padding: 7px;
z-index: ;
font-size:13px;

display: none;
}



 
#views{

position:relative;
top:45px;
left:-27px;
background-color: rgba(0,0,0,0.8);
color: white;
font-weight: bold;
padding: 7px;
z-index: ;
font-size: 13px;
display: none;
}



.count{position: relative;top:89%;left: 23%;padding:10px;color:white;font-weight: bold;border:1px solid transparent transparent transparent; background-color:rgba(0,0,0,0.8);z-index: 999;}



/*--------------------------------------------------------------
# discount styles
--------------------------------------------------------------*/

#discount{
background-color: rgba(255,195,50,0.4);
color: rgba(255,95,50,1);
border: 1px solid transparent transparent;
position:relative;
top:40px;
font-weight: bold;
padding:3px;
left: 75%;

font-size:12px;

} 


#priceitem{

font-family:Poppins;
font-weight: bold;
color:black;
opacity: 0.8;
text-transform:capitalize;
font-size:14px;
padding:10px;
position: relative;
margin-bottom: 8px;

}



#conitem,#locitem,#catitem{
font-size:12px;
font-family:poppins;
color: rgba(0,0,0,0.9);
padding:10px;
width:100%;
font-weight: bold;
text-transform: capitalize;

}




#imgitem{
height: 120px;
width:100%;
}



#nameitem a{
  font-size:12px;
  font-weight:normal;
  padding-left:10px;
  text-transform:capitalize;
  color: rgba(0,0,0,0.4);
  padding-top: 8px;

 word-wrap:break-word;
 text-align:center;
  font-family:poppins;  
}

/*--------------------------------------------------------------
# footer
--------------------------------------------------------------*/

.footer h6{

  font-weight: bold;

  font-size: 16px;

  margin-bottom: 10px;
}


.footer p{

  font-size: 13px;
}


.footer{
  padding: 10px 20px;

  background-color: rgba(192,192,192,0.5);
}


.footer img{

width: 140px;

}

.footer button{

  font-size: 13px;

  border:1px solid transparent;

  background-color: rgba(0,0,0,0.6);

  color: white;

  margin-bottom: 8px;


}

.footer{

	margin-top: 30px;
}




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

.button_navigation{

display: none;

}





}


.cart table{

  width: 100%;
}

.cart{

border:1px solid transparent !important;
}

#cart_image{

margin-top:20px;

width: 130px !important;
}





#rowSummary{

  margin-top: 40px;

  background-color: rgba(192,192,192,0.4) !important;
  padding: 15px 30px;

  


}

#rowSummary .col-md-9, #rowSummary .col-md-3{

  background-color: white;
}



#rowSummary .col-md-9{

 
}





#rowItem{

  margin-top: 20px !important;

  margin-bottom: 20px !important;
}

#details{

  font-size: 12px;
  margin-top: 21px;
  

  font-style: initial !important;

}

.btn-warning{

  font-size: 14px;

  color: white !important;

  font-weight: 700;

  text-transform: uppercase;

}

#cart_discount{

color: rgba(255,165,50,1);

background-color:  rgba(255,165,50,0.3);

padding: 8px;

margin-top: 10px !important;

}


@media only screen and (max-width:497px){
.nav_login,.nav_signup{

margin-left:40px !important;
font-weight: normal !important;
display: none! important;

padding: 2px !important;

border:2px solid white !important;

}

}

#adds,#subs{

  background-color: rgba(255,165,50,1);
  color: white;
  margin-top: 8px;
}


.delete-button{

  color:red !important;
  cursor: pointer;
}


#cart_name a{

  color:black;
  text-transform: capitalize;
}

#seller{

opacity:0.5;

}


#vendor{

  font-size: 12px;
}