/* *{
    border: 1px solid;
} */
.nav-item a:hover{
    
    color: rgb(217, 56, 56) !important; 
  
}
.carousel-inner{
    position: relative;
}
.view{
    position: absolute;
    margin: 140px 0px;
}
.btn{
    background-color:rgb(191, 88, 88) ;
    border: none;
}
.carousel-item img{
    filter: brightness(40%);
}
.title{
    /* margin:407px 0px 0px 71px; */
    margin: 234px 1px 0px 5px;
    color: white;
    opacity: 10px;
    border: none;
}
.filter{
    filter: brightness(79%);
    /* border: none; */
    /* margin-top: -90px; */
    margin-top: 29px;
    z-index: 99;
    position: relative;
}

.tour{
    color: rgb(184, 106, 106);
    font-size: 30px;

}
.button{
    text-decoration: none;
    color: rgb(179, 100, 100);
    font-size: 18px;

}
.doller{
    /* margin:378px 0px 0px 145px; */
    margin: 216px 0px 0px 94px;
    color: rgb(231, 54, 54);
    opacity: 10px;
    border: none;
    font-size: 24px;

}
.price{
    /* margin:7px 0px 0px 94px; */
    margin: 5px 0px 0px 27px;
    color: white;
    opacity: 10px;
    border: none;
}
.new{
    filter: brightness(79%);
}
.blog{
    padding: 22px 44px;
    color:rgb(231, 54, 54); 
    border-color: rgb(231, 54, 54); 
}
.book{
    padding: 22px 44px;
    color: white;
    background-color:rgb(231, 54, 54); 
    border: none;
}
.navi{
    text-decoration: none;
    color: gray;
}
.send{
    color: white;
    background-color:rgb(231, 54, 54); 
    border: none;
}
.view{
    position: absolute;
    
}

.abc{
    position: relative;
}
.fig{
    position: absolute;
    /* margin: 121px 0px 0px 565px; */
    margin: -1px 0px 0px 129px;
    /* padding: 56px; */
    padding: 18px;
    /* width: 739px; */

}
.pic{
    width: 39%;
}


@media only screen and (min-width:768px){
    .filter {
        margin-top: -10px;
    }

    .title {
        margin: 164px 1px 0px 29px;
    }

    .pic {
        width: 50%;
    }

    .fig {
        margin: 72px 0px 0px 312px;
    }
    .price {
        margin: 18px 0px 0px 55px;
      
    }
    .doller {
      
        margin: 262px 0px 0px 114px;
       
    }
  
}

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

   
    .view{
        top: 284px;
        
    }
    .title {
        margin: 376px 1px 0px 66px;
    }
    .pic {
        width: 40%;
    }
    .fig {
        margin: 150px 0px 0px 443px;
    }
    .doller {
        margin: 345px 0px 0px 142px;
    }
    .price {
        margin: 18px 0px 0px 81px;
    }
    
}