.pcpc{
  color: blue;
}

.h1car1{

  text-align: center;
  text-decoration: underline;
}

.span-pro-car{

  border: 1px solid green;
  width: 18.4%;
  margin-right: 20px;

      padding-bottom: 5%;
      float: right;
      background-color: white;
      margin-bottom: ;

}

#carouselExampleIndicators{

  width: 100%;
  margin: 0 auto;
}




#header-ecompare{
  width:100%;
  top:0;
}

#header-ecompare2{
  width:100%;
  top:0;

}


#head-searchbar{
  width:100%;
    z-index: 10;
    position: absolute;
  }

#head-searchbar2{
  width:100%;
    z-index: 10;
    position: relative;
  }


#carouselExampleCaptions{

width:100%;

}



.rightalign{


  float: right;
}

.leftalign{

float: left;

}


#index-content{



}
#index-content1,
#index-content2{

width: 47.8%;
margin-top: 20px;
margin-bottom: 20px;

}
#index-icontent{

margin: 5%;

}
.index-content01{


      width: 80%;
      margin: 0 auto;

}

#index-content1{

border: 1px solid green;
  margin-left: 20px;
  height: 0;
    padding-bottom: 30%;
    float: left;
    background-color: #F0FFF0;

}

#index-content2{

border: 1px solid green;
margin-right: 20px;
  height: 0;
    padding-bottom: 41.77%;
    float: right;
    background-color: #F0FFF0;
    margin-bottom: ;

}


#productlisttitle{

  white-space: nowrap;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
}

#productlistinfo{

  white-space: nowrap;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
}
#productlistprice{

  position: absolute;
      margin-top: 2%;

}

#productlistamount{

font-size: 12px;
margin-top: 12%;
}



#logoimg{

margin-left: 5%;
  width: 80px;
}


.paragraph-position{

  margin-left: 5%;
}


.body-color{
  background-color: #F0F8FF;
}

#saveForm{
margin-left: 10%;
margin-right: 10%;
margin-top: 5%;
}


/*searchbar*/

.search-width{

  width: 70%;
  margin: 0 auto;

}

 p {
   margin-bottom: 0!important
 }


.d-block{
  margin:0 auto;
  width: 100%;
}

.head-col-1{

  background-color: #146c43;

}

.head-col-2{



background-color: #146c43;

}

.jumbotron{
  width: 100%;
}

.search-button-color{
    background-color: white;


}

.dropdown-search{
  position: absolute;
}

.button-center{

}




.navbar-default {
  background-color: #FFF;
  margin-left: 200px;
}

/*searhbar END*/

/*productlist*/
#card-possitioning{

  flex: 0 0 auto;
  width: 25%;
  margin: 0;
  padding: 0;
}

#card-possitioning2{
  margin-right: 0 auto;
  padding: 0;
  width: 246px;
  height: 370px;
}




/*sidebar */

.sibar-wrapper-layout{

background-color: #A9DFBF;

}

.sibar-wrapper-layout-detail{

  margin-bottom: 10px;
  margin-left: 8%;


}

.badge-info{
float: right;
margin-right: 8%;

}

#sortbuttonnavbar{

margin-left: 85%;

}

#navbaroveroutput{

  width: 90%;
  margin: 0 auto;

}

#productpagination{
  width: 100%;
  height: 100px;
  border-left: 1px solid #b4b4b4;
  border-right: 1px solid #b4b4b4;
  border-top: 1px solid #b4b4b4;
  height: 50px;
border-bottom: 1px solid #b4b4b4;
  font-size: 1.25rem;
  margin-top: -1px;

}

* {
box-sizing: border-box
}

#sidebar {
width: 100%;
padding: 10px;
margin: 0;
float: left
}
#products {
width: 76%;
padding: 0px;
margin: 0;
float: right
}
ul {
list-style: none;
padding: 5px
}
li a {
color: darkgray;
text-decoration: none
}
li a:hover {
text-decoration: none;
color: darksalmon
}
.fa-circle {
font-size: 20px
}
#red {
color: #e94545d7
}
#teal {
color: rgb(69, 129, 129)
}
#blue {
color: #0000ff
}
.card {
width: 250px;
display: inline-block;
height: 300px
}
.card-img-top {
width: 250px;
height: 210px
}
.card-body {
margin: 2px
}
.card-body {
padding: 0;
padding-left: 2px
}
.filter {
display: none;
padding: 0;
margin: 0
}
@media(min-width:991px) {
.navbar-nav {
margin-left: 35%
}
.nav-item {
padding-left: 20px
}
.card {
width: 190px;
display: inline-block;
height: 300px
}
.card-img-top {
width: 188px;
height: 210px
}
#mobile-filter {
display: none
}
}
@media(min-width:768px) and (max-width:991px) {
.navbar-nav {
margin-left: 20%
}
.nav-item {
padding-left: 10px
}
.card {
width: 230px;
display: inline-block;
height: 300px;
margin-bottom: 10px
}
.card-img-top {
width: 230px;
height: 210px
}
#mobile-filter {
display: none
}
}
@media(min-width:568px) and (max-width:767px) {
.navbar-nav {
margin-left: 20%
}
.nav-item {
padding-left: 10px
}
.card {
width: 205px;
display: inline-block;
height: 300px;
margin-bottom: 10px
}
.card-img-top {
width: 203px;
height: 210px
}
.fa-circle {
font-size: 15px
}
#mobile-filter {
display: none
}
}
@media(max-width:567px) {
.navbar-nav {
margin-left: 0%
}
.nav-item {
padding-left: 10px
}
.card {
width: 230px;
display: inline-block;
height: 300px;
margin-bottom: 10px;
margin-top: 10px
}
.card-img-top {
width: 230px;
height: 210px
}
.list-group-item {
padding: 3px
}
.offset-1 {
margin-left: 8%
}
.filter {
display: block;
margin-left: 70%;
margin-top: 2%
}
#sidebar {
display: none
}
#mobile-filter {
padding: 10px
}
}

#wrapper-sidebar{
  width: 90%;
    border: 0px solid black;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}

#sidebar-left{
  background-color: #A9DFBF  ;
  float: left;
  overflow: hidden;
  width: 300px;
  border: 0px solid black;
}


#products-righ{
  float: right;
  overflow: hidden;
}

#paginationproducts{
margin: 10px 0 0 350px;
}

/*sidebar END */


/*STATISTIC ICONS*/

.statistic-section {
     padding-top: 70px;
     padding-bottom: 70px;

}

.count-title {
    font-size: 50px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 0;
	  text-align: center;
	  font-weight: bold;
    color: #146c43;
}

.stats-text {
    font-size: 15px;
    font-weight: normal;
    margin-top: 15px;
    margin-bottom: 0;
    text-align: center;
	  color: #146c43;
	  text-transform: uppercase;
	  font-weight: bold;
}

.stats-line-black {
	margin: 12px auto 0;
    width: 55px;
    height: 2px;
    background-color: #146c43;
}
.stats-icon {
	  font-size: 35px;
	  margin: 0 auto;
    float: none;
    display: table;
    color: #fff;
}

@media (max-width: 992px) {
	.counter {
		margin-bottom: 40px;
	}
}


/*STATISTIC ICONS END*/