/* container-block setting 
index  
1. container block settings Begin */
.odd-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    padding-top:16px;
    padding-bottom:16px;
}
.odd-container-full {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    
}
.odd-content {
    margin-left: auto;
    margin-right: auto;
    /*max-width: 1175px*/
}

.odd-container-item {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    flex:1 100%;
}
.odd-container-item-space-between{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    flex:1 100%;
}
.odd-container-item-left {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    flex:1 100%;
}
.odd-container-item-full-width { 
    flex:1 100%;
}
.odd-container-item-left-width {
    /* flex: var(--odd-flex-width-1) ; */
    flex: 1 1 20%;
}
.odd-container-item-half-width {
    /* flex: var(--odd-flex-width-4); */
    flex: 1 1 60%;
    padding-left:1em;
    padding-right:1em;
    column-gap: 16px;
} 
.odd-container-item-true-half-width {
    /* flex: var(--odd-flex-width-4); */
    flex: 1 1 50%;
    padding-left:1em;
    padding-right:1em;
    column-gap: 16px;
}
.odd-container-item-third-width {
    /* flex: var(--odd-flex-width-4); */
    flex: 1 1 80%;
    padding-left:1em;
    padding-right:1em;
    
} 
.odd-container-item-right-width {
    /* flex: var(--odd-flex-width-1); */
    flex: 1 1 20%;
}

/* 1. container block settings Begin */

/* container block settings End */
@media only screen and (max-width:601px) { 
    .odd-container-item {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-start;
    }
    .odd-container-item-grid {
        
        grid-template-columns:repeat(3 1fr);
    }
    .odd-container-item-left-width {
        flex: 1 100%;
        order: 2;
    }
    .odd-container-item-half-width {
        flex: 1 100%;
        order: 1;
    } 
    .odd-container-item-third-width {
        flex: 1 100%;
        order: 1;
    }
    .odd-container-item-right-width {
        flex: 1 100%;
        order: 3;
    }
    .odd-container-item-true-half-width {
        /* flex: var(--odd-flex-width-4); */
        flex: 1 100%;
        padding-left:1em;
        padding-right:1em;
        column-gap: 16px;
    }
}
@media screen and (max-width:1024px) and (min-width:602px) { 
    .odd-container-item {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-start;
    }
    .odd-container-item-grid {
        
        grid-template-columns:repeat(3 1fr);
    }
    .odd-container-item-left-width {
        flex: 1 auto;
        order: 2;
    }
    .odd-container-item-half-width {
        flex: 1 100%;
        order: 1;
    } 
    .odd-container-item-right-width {
        flex: 1 auto;
        order: 3;
    }
    .odd-container-item-true-half-width {
        /* flex: var(--odd-flex-width-4); */
        flex: 1 100%;
        padding-left:1em;
        padding-right:1em;
        column-gap: 16px;
    }
}
@media screen and (max-width:1180px) and (min-width:1025px) { 
    .odd-container-item {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: flex-start;
    }
    .odd-container-item-grid {
        
        grid-template-columns:repeat(3 1fr);
    }
    .odd-container-item-left-width {
        flex: 1;
        order: 1;
    }
    .odd-container-item-half-width {
        flex: 2;
        order: 2;
    } 
    .odd-container-item-right-width {
        flex: 1;
        order: 3;
    }
    .odd-container-item-true-half-width {
        /* flex: var(--odd-flex-width-4); */
        flex: 1 100%;
        padding-left:1em;
        padding-right:1em;
        column-gap: 16px;
    }
}
@media screen and (max-width:1920px) and (min-width:1181px) { 
    
}
@media only screen and (min-width:1921px) { 
    .odd-container-item {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: flex-start;
    }
    
    .odd-container-item-left-width {
        flex: 1 1 20%;
        
    }
    .odd-container-item-half-width {
        flex: 1 1 60%;
        
    } 
    .odd-container-item-right-width {
        flex: 1 1 20%;
        
    }
}