/* ******************************title and margin************************************* */

.marginScreen{
    margin-right: 0px;
    margin-bottom: 30px !important;
}
    
.titlePoint{
    height: 24px;
    width: 24px;
    margin: 3px 15px 0px 0px;
    border-radius: 50%;
    background: -webkit-gradient(linear, left top, left bottom, from(#FF6738), to(#FF3A00));
    background: -o-linear-gradient(top, #FF6738 0%, #FF3A00 100%);
    background: linear-gradient(180deg, #FF6738 0%, #FF3A00 100%);
}
.mainTitlediv{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.marginDiv{
    margin-right: -10px !important;
    margin-left: -10px;
}

.itemSearchbar{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 430px;
  
   margin-left: auto !important;
}

.itemSerachinput::-webkit-input-placeholder { /* Edge */
    color: #6F6F6F;
    font-family: Gilroy-SemiBold;
    }
    .itemSerachinput{
        width: 100%;
        height: 40px;
        padding: 10px;
        border: none;
        font-size: 15px;
        background: rgba(208, 208, 208, 0.44);
        border-top-left-radius: 30px;
        border-bottom-left-radius: 30px;
        font-family: Gilroy-SemiBold;
        color: #6F6F6F;
        padding-left: 20px !important;
    }
    
    .itemSerachinput:focus{
      outline: none;
    }

    .itemSearchicon{
        padding: 5px 22px;
        margin-left: -20px;
        height: 40px;
        border-radius: 35px;
        color:  white ;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #FC3901), color-stop(75%, #FC3901)) !important;
        background-image: -o-linear-gradient(top, #FC3901 25%, #FC3901 75%) !important;
        background-image: linear-gradient(to bottom, #FC3901 25%, #FC3901 75%) !important;   
    
        text-align: center;
        font-size: 20px;
        cursor: pointer;
       display: flex;
       justify-content: center;
       align-items: center;
    }

.itemName{
    font-size: 25px;
line-height: 29px;

margin-right: 15px;
font-family: Gilroy-Bold;
}


@media only screen and (max-width: 1300px) {
    .marginScreen{
        margin-right: 0px;
    }
}
@media only screen and (max-width: 1000px) {
    .itemSearchbar{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 300px;
    }    
}

@media only screen and (max-width: 870px) {
    .mainTitlediv{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        margin-right: 10px;
        
    }
    .marginDiv{
        margin-right: -10px !important;
        margin-left: -10px;
    }
    .itemSearchbar{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        margin-top: 15px;
        margin-left: 0px !important;
    }    

}




@media only screen and (max-width: 771px) {
    .marginDiv{
        margin-right: -10px !important;
        margin-left: -10px;
    }
}



@media only screen and (max-width: 787px) {
    .mainTitlediv{
        margin-top: 20px !important;
    }
}

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

    .marginDiv{
        margin-right: -0px !important;
        margin-left: -0px;
    }
}