a > img{
    width:200px;
}

a:hover{
    text-decoration: none
}

.tg-btn{
    display: none;
}


 .cd-breadcrumb.triangle li:first-of-type > * {
    padding-left: 0px;
    border-radius: .25em 0 0 .25em;
}

.cd-breadcrumb.triangle li > * {
    padding: 1em 0px 1em 5px;
   
}

nav 
{
   text-align: end;
}

.cd-breadcrumb.triangle.custom-icons li::after, .cd-breadcrumb.triangle.custom-icons li > *::after {
    border-top-width: 25px;
    border-bottom-width: 30px;
   
}


@media screen  and  (min-width: 250px) and  (max-width: 767px){ 

.cd-breadcrumb, .cd-multi-steps {
    /* width: 100%; */
/*                padding: 0.5em 0px;*/
    margin: 1em auto;
    background-color: #edeff0;
    border-radius: .25em;
/*                 display: inline-block; */
}

.cd-breadcrumb li{
     text-align: left!important;
     display: block; 
     width:100%;
     margin: 5px 0;
    
}

.cd-breadcrumb li:after , .cd-breadcrumb li:before{
    display: none;
}


.cd-breadcrumb.custom-icons li > *::before, .cd-multi-steps.custom-icons li > *::before {
     height: 0px; 
     width: 0px; 
}

.cd-breadcrumb.triangle li > * {
    padding: 0em 0px 0em 0px;
    font-size: 14px;
}


.tg-btn{
    position: absolute;
    padding: 10px 15px;
    top:32px;
    right:20px;
    display: block;
}

.display-hidden{
    display: none;
}

 nav > ol{
    width:100%!important;   
}
}


@media screen  and  (min-width: 768px) and  (max-width: 1023px)
{ 

  /* a > img{
    width:130px;
} */

.cd-breadcrumb, .cd-multi-steps {
    padding: 0.5em 1em;
    margin: 1.8em auto;
}

.cd-breadcrumb.triangle li:first-of-type > * 
    {
        padding-left: 0px;
        border-radius: .25em 0 0 .25em;
        font-size: 12px
    }

.cd-breadcrumb.triangle li > * 
    {
        padding: 1em 0px 1em 0px;
        font-size: 12px;
    }

    .cd-breadcrumb.triangle li:last-of-type > * {
         padding-right: 0.6em; 
        border-radius: 0 .25em .25em 0;
    }

    .cd-breadcrumb.triangle.custom-icons li::after, .cd-breadcrumb.triangle.custom-icons li > *::after {
        border-top-width: 25px;
        border-bottom-width: 18px;
    }
  
}


@media screen  and  (min-width: 1024px) and  (max-width: 1366px){ 

.cd-breadcrumb, .cd-multi-steps {
    padding: 0.5em 1em;
    margin: 1em auto;
}

.cd-breadcrumb.triangle li:first-of-type > * 
    {
        padding-left: 10px;
        border-radius: .25em 0 0 .25em;
        font-size: 18px
    }

.cd-breadcrumb.triangle li > * 
    {
        padding: 1em 10px 1em 10px;
        font-size: 18px;
    }

    .cd-breadcrumb.triangle li:last-of-type > * {
         padding-right: 30px; 
        border-radius: 0 .25em .25em 0;
    }

    .cd-breadcrumb.triangle.custom-icons li::after, .cd-breadcrumb.triangle.custom-icons li > *::after {
        border-top-width: 30px;
        border-bottom-width:30px;
    }

}

@media screen  and  (min-width: 1367px) and  (max-width: 2560px){ 

    .cd-breadcrumb, .cd-multi-steps {
        padding: 0.5em 1em;
        margin: 2em auto;
    }
    
    .cd-breadcrumb.triangle li:first-of-type > * 
        {
            padding-left: 10px;
            border-radius: .25em 0 0 .25em;
            font-size: 18px
        }
    
    .cd-breadcrumb.triangle li > * 
        {
            padding: 1em 10px 1em 10px;
            font-size: 18px;
        }
    
        .cd-breadcrumb.triangle li:last-of-type > * {
             padding-right: 30px; 
            border-radius: 0 .25em .25em 0;
        }
    
        .cd-breadcrumb.triangle.custom-icons li::after, .cd-breadcrumb.triangle.custom-icons li > *::after {
            border-top-width: 30px;
            border-bottom-width:30px;
        }
    
    }