:root {
    --primary_size : 15px;
    --secondary_size : 12px;
    --custome_grey : rgba(0,0,0,0.54);
    --custome_black : rgba(0,0,0,0.87);
    --default-icon-size :16px;
}
@media screen and (min-width: 993px){ /*ONLY WEB*/
    /************************************* SCROLL --START-- ***************************************/
    *::-webkit-scrollbar-thumb{background-color:darkgrey;outline:1px solid slategrey;border-radius: 20px}
    *::-webkit-scrollbar{width:6px !important;height:6px !important}
    *::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3)}
    *::-webkit-scrollbar-thumb:hover {background: gray !important}*::-webkit-scrollbar:hover{background: lightgray;}
    /************************************* SCROLL --END-- ***************************************/
    .info-small{
        max-width:480px !important;
    }
    .info-large{
        max-width:960px !important;
    }
    .hover-cta{
        display:none
    }
    .hover-cta-container:hover  .hover-cta{
        display:inline-block
    }
    /*  .hover-cta-container{
          padding: 10px 0px;
      } */
    .hover-cta-container  .hover-cta-container{
        padding:0px !important
    }

    /************************************* TEXT ALIGNMENT --START-- ***************************************/
    .float-right-web{
        float: right !important;
    }
    .float-left-web{
        float: left !important;
    }
    .align-right-web{
        text-align: right !important;
    }
    .align-left-web{
        text-align: left !important;
    }
    .align-center-web{
        text-align: center !important;
    }
    /************************************* TEXT ALIGNMENT --END-- *****************************************/


    /***********************************Font styling --START-- ***********************************/
    .font-black-15{
        font-size: var(--primary_size)!important;
        color: var(--custome_black)!important;
        font-weight: 400;
    }
    .font-black-13{
        font-size: var(--secondary_size)!important;
        color: var(--custome_black)!important;
        font-weight: 400;
    }
    .font-grey-15{
        font-size: var(--primary_size)!important;
        color: var(--custome_grey)!important;
        font-weight: 400;
    }
    .font-grey-13{
        font-size: var(--secondary_size)!important;
        color: var(--custome_grey)!important;
        font-weight: 400;
    }
    .font-15-13{
        font-size: var(--primary_size)!important;
        color: var(--custome_black)!important;
        font-weight: 400;
    }
    /*********************************Font styling --END-- ****************************************/

    /*********************************Container styling -- START -- ****************************************/
    .container.container-m{
        width: 600px!important;
    }
    .container.container-s{
        width: 480px!important;
    }
    .container.container-l{
        width: 960px!important;
    }
    /*********************************Container styling -- END -- ****************************************/

    /********************************* MARGIN -- START -- ****************************************/
    .web-padding-top-5{
        margin-top: 5px !important;
    }
    /********************************* MARGIN -- END -- ****************************************/
    /********************************* HEADER -- START -- ****************************************/
    ul.right:last-child {
        padding-right: 16px !important;
    }
    nav ul.right btn {
        margin-top: -5px !important;

    }
    /********************************* HEADER -- END -- ****************************************/


    /******************************* CUSTOME Tab css   --START--  **********************************/
    .custome-tabs .lhs,.custome-tabs .rhs{
        display: inline-block !important;
    }
    .custome-tabs .lhs li{
        display: block !important;
        width: calc(100% - 1px);
        text-transform: none !important;
        text-align: left !important;
        color: rgba(0,0,0,0.87) !important;

    }
    .custome-tabs .lhs ul{
        min-height: calc(100vh - 97px) !important;
        width: 250px !important;
    }
    .custome-tabs .rhs{
        width: calc(100% - 254px) !important;
        background: #fff !important;
        min-height: calc(100vh - 97px) !important;

    }
    .custome-tabs .lhs{
        float: left !important;
    }
    .custome-tabs .tabs .indicator{
        display: none !important;
    }
    /******************************* CUSTOME Tab css  --END--  **********************************/
    .version-adjust{
        padding-top: 11px !important;
    }
    /******************************* Modal  --START--  **********************************/
    .modal{
        width: 600px !important;
    }

    /******************************* Modal  --END--  **********************************/
    
    /******************************* SELECT CONTAINER css  -- START --  **********************************/
    .select2-container--krajee .select2-selection--single {
        height: 34px;
        line-height: 1.428571429;
       
    }
    /******************************* SELECT CONTAINER css  -- END --  **********************************/
   .list-dropdown-content{
    left: 90% !important;
}
}
@media screen and (min-width: 1024px){ /*ONLY WEB --size "1024 and above" --*/

}