/*
====//custom responsive grid//====
*/
.ctm-container{
    font-family: CiscoSans,Arial,sans-serif;
}

.ctm-row{
    display: flex;
    flex-wrap: wrap;
    justify-content:center;
    flex-direction: row;
    align-items: center;
}
.ctm-row.inline-flex{
    justify-content: flex-start;
}
.ctm-row.row-reverse{
    flex-direction: row-reverse;
}

.ctm-mt-1{ margin-top: 10px; }
.ctm-mt-2{ margin-top: 20px; }
.ctm-mt-3{ margin-top: 30px; }
.ctm-mt-4{ margin-top: 40px; }

.ctm-mb-1{ margin-bottom: 10px; }
.ctm-mb-2{ margin-bottom: 20px; }
.ctm-mb-3{ margin-bottom: 30px; }
.ctm-mb-4{ margin-bottom: 40px; }

.ctm-pt-1{ padding-top: 10px; }
.ctm-pt-2{ padding-top: 20px; }
.ctm-pt-3{ padding-top: 30px; }
.ctm-pt-4{ padding-top: 40px; }

.ctm-pb-1{ padding-bottom: 10px; }
.ctm-pb-2{ padding-bottom: 20px; }
.ctm-pb-3{ padding-bottom: 30px; }
.ctm-pb-4{ padding-bottom: 40px; }

.ctm-col-1 {width: 8.33%;}
.ctm-col-2 {width: 16.66%;}
.ctm-col-3 {width: 28%;}
.ctm-col-4 {width: 33.33%;}
.ctm-col-5 {width: 41.66%;}
.ctm-col-6 {width: 50%;}
.ctm-col-7 {width: 58.33%;}
.ctm-col-8 {width: 66.66%;}
.ctm-col-9 {width: 75%;}
.ctm-col-10 {width: 83.33%;}
.ctm-col-11 {width: 91.66%;}
.ctm-col-12 {width: 100%;}

@media screen and (max-width: 1024px) {
    header{
        min-height: 57px;
    }
    .ctm-col-1,
    .ctm-col-2,
    .ctm-col-3,
    .ctm-col-4,
    .ctm-col-5,
    .ctm-col-7,
    .ctm-col-8,
    .ctm-col-9,
    .ctm-col-10,
    .ctm-col-11 {width: 100%;}
}

@media screen and (max-width: 768px){
    .ctm-row.col-reverse{
        flex-direction: column-reverse;
    }
}