
*{box-sizing: border-box;margin: 0;padding: 0;}
body { width: 100%;height: 100%;}

/*Common Style*/
.img-full{max-width: 100%;}
p{font-size: 16px;line-height: 1.5em;font-weight: 400;}
p:not(:last-child){margin-bottom: 20px;}

/*Margin Style*/
.m-0{margin: 0;}
.mt-0{margin-top: 0;}
.mb-0{margin-bottom: 0;}
.mr-0{margin-right: 0;}
.ml-0{margin-left: 0;}

/*Margin Top*/
.mt-10{margin-top: 10px;}
.mt-20{margin-top: 20px;}
.mt-30{margin-top: 30px;}
.mt-40{margin-top: 40px;}
.mt-50{margin-top: 50px;}
.mt-60{margin-top: 60px;}
.mt-70{margin-top: 70px;}
.mt-80{margin-top: 80px;}
.mt-90{margin-top: 90px;}
.mt-100{margin-top: 100px;}

/*Margin Bottom*/
.mb-10{margin-bottom: 10px;}
.mb-20{margin-bottom: 20px;}
.mb-30{margin-bottom: 30px;}
.mb-40{margin-bottom: 40px;}
.mb-50{margin-bottom: 50px;}
.mb-60{margin-bottom: 60px;}
.mb-70{margin-bottom: 70px;}
.mb-80{margin-bottom: 80px;}
.mb-90{margin-bottom: 90px;}
.mb-100{margin-bottom: 100px;}

/*Margin Left*/
.ml-10{margin-left: 10px;}
.ml-20{margin-left: 20px;}
.ml-30{margin-left: 30px;}
.ml-40{margin-left: 40px;}
.ml-50{margin-left: 50px;}
.ml-60{margin-left: 60px;}
.ml-70{margin-left: 70px;}
.ml-80{margin-left: 80px;}
.ml-90{margin-left: 90px;}
.ml-100{margin-left: 100px;}

/*Margin Right*/
.mr-10{margin-right: 10px;}
.mr-20{margin-right: 20px;}
.mr-30{margin-right: 30px;}
.mr-40{margin-right: 40px;}
.mr-50{margin-right: 50px;}
.mr-60{margin-right: 60px;}
.mr-70{margin-right: 70px;}
.mr-80{margin-right: 80px;}
.mr-90{margin-right: 90px;}
.mr-100{margin-right: 100px;}

/*Padding Style*/
.p-0{padding: 0;}
.pt-0{padding-top: 0;}
.pb-0{padding-bottom: 0;}
.pr-0{padding-right: 0;}
.pl-0{padding-left: 0;}

/*Padding Top*/
.pt-10{padding-top: 10px;}
.pt-20{padding-top: 20px;}
.pt-30{padding-top: 30px;}
.pt-40{padding-top: 40px;}
.pt-50{padding-top: 50px;}
.pt-60{padding-top: 60px;}
.pt-70{padding-top: 70px;}
.pt-80{padding-top: 80px;}
.pt-90{padding-top: 90px;}
.pt-100{padding-top: 100px;}

/*Padding Bottom*/
.pb-10{padding-bottom: 10px;}
.pb-20{padding-bottom: 20px;}
.pb-30{padding-bottom: 30px;}
.pb-40{padding-bottom: 40px;}
.pb-50{padding-bottom: 50px;}
.pb-60{padding-bottom: 60px;}
.pb-70{padding-bottom: 70px;}
.pb-80{padding-bottom: 80px;}
.pb-90{padding-bottom: 90px;}
.pb-100{padding-bottom: 100px;}

/*Padding Left*/
.pl-10{padding-left: 10px;}
.pl-20{padding-left: 20px;}
.pl-30{padding-left: 30px;}
.pl-40{padding-left: 40px;}
.pl-50{padding-left: 50px;}
.pl-60{padding-left: 60px;}
.pl-70{padding-left: 70px;}
.pl-80{padding-left: 80px;}
.pl-90{padding-left: 90px;}
.pl-100{padding-left: 100px !important;}

/*Padding Right*/
.pr-0{padding-right: 0 !important;}
.pr-10{padding-right: 10px;}
.pr-20{padding-right: 20px;}
.pr-30{padding-right: 30px;}
.pr-40{padding-right: 40px;}
.pr-50{padding-right: 50px;}
.pr-60{padding-right: 60px;}
.pr-70{padding-right: 70px;}
.pr-80{padding-right: 80px;}
.pr-90{padding-right: 90px;}
.pr-100{padding-right: 100px;}

/*Flex Row*/
.container {width: 100%;max-width: 1470px;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.flex-row {display: flex;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;}
[class*="col-"] {padding-right: 15px;padding-left: 15px;}
.no-gutter>*{padding-left: 0;padding-right: 0;}

/*Flex Row*/
.flex-row{flex-direction: row;}
.flex-col{flex-direction: column;}
.flex-row-reverse{flex-direction: row-reverse;}
.flex-col-reverse{flex-direction: column-reverse;}

/*Column*/
.col-12,.col-11,.col-10,.col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3.col-2,.col-1{flex: 0 0 auto;}
.col-12 {width: 100%;}
.col-11 {width: calc(100% / 1.091);}
.col-10 {width: calc(100% / 1.2);}
.col-9 {width: calc(100% / 1.33);}
.col-8 {width: calc(100% / 1.5);}
.col-7 {width: calc(100% / 1.71);}
.col-6 {width: calc(100% / 2);}
.col-5 {width: calc(100% / 2.4);}
.col-4 {width: calc(100% / 3);}
.col-3 {width: calc(100% / 4);}
.col-2 {width: calc(100% / 6);} 
.col-1 {width: calc(100% / 12);} 

/*Display*/
.d-none{display: none;}

/*========================= Media Query ==========================*/
@media only screen and (min-width: 1367px){
    /*Margin Style*/
    .m-desk-0{margin: 0;}
    .mt-desk-0{margin-top: 0;}
    .mb-desk-0{margin-bottom: 0;}
    .mr-desk-0{margin-right: 0;}
    .ml-desk-0{margin-left: 0;}

    /*Margin Top*/
    .mt-desk-10{margin-top: 10px;}
    .mt-desk-20{margin-top: 20px;}
    .mt-desk-30{margin-top: 30px;}
    .mt-desk-40{margin-top: 40px;}
    .mt-desk-50{margin-top: 50px;}
    .mt-desk-60{margin-top: 60px;}
    .mt-desk-70{margin-top: 70px;}
    .mt-desk-80{margin-top: 80px;}
    .mt-desk-90{margin-top: 90px;}
    .mt-desk-100{margin-top: 100px;}

    /*Margin Bottom*/
    .mb-desk-10{margin-bottom: 10px;}
    .mb-desk-20{margin-bottom: 20px;}
    .mb-desk-30{margin-bottom: 30px;}
    .mb-desk-40{margin-bottom: 40px;}
    .mb-desk-50{margin-bottom: 50px;}
    .mb-desk-60{margin-bottom: 60px;}
    .mb-desk-70{margin-bottom: 70px;}
    .mb-desk-80{margin-bottom: 80px;}
    .mb-desk-90{margin-bottom: 90px;}
    .mb-desk-100{margin-bottom: 100px;}

    /*Margin Left*/
    .ml-desk-10{margin-left: 10px;}
    .ml-desk-20{margin-left: 20px;}
    .ml-desk-30{margin-left: 30px;}
    .ml-desk-40{margin-left: 40px;}
    .ml-desk-50{margin-left: 50px;}
    .ml-desk-60{margin-left: 60px;}
    .ml-desk-70{margin-left: 70px;}
    .ml-desk-80{margin-left: 80px;}
    .ml-desk-90{margin-left: 90px;}
    .ml-desk-100{margin-left: 100px;}
    
    /*Margin Right*/
    .mr-desk-10{margin-right: 10px;}
    .mr-desk-20{margin-right: 20px;}
    .mr-desk-30{margin-right: 30px;}
    .mr-desk-40{margin-right: 40px;}
    .mr-desk-50{margin-right: 50px;}
    .mr-desk-60{margin-right: 60px;}
    .mr-desk-70{margin-right: 70px;}
    .mr-desk-80{margin-right: 80px;}
    .mr-desk-90{margin-right: 90px;}
    .mr-desk-100{margin-right: 100px;}

    /*Padding Style*/
    .p-desk-0{padding: 0;}
    .pt-desk-0{padding-top: 0;}
    .pb-desk-0{padding-bottom: 0;}
    .pr-desk-0{padding-right: 0;}
    .pl-desk-0{padding-left: 0;}

    /*Padding Top*/
    .pt-desk-10{padding-top: 10px;}
    .pt-desk-20{padding-top: 20px;}
    .pt-desk-30{padding-top: 30px;}
    .pt-desk-40{padding-top: 40px;}
    .pt-desk-50{padding-top: 50px;}
    .pt-desk-60{padding-top: 60px;}
    .pt-desk-70{padding-top: 70px;}
    .pt-desk-80{padding-top: 80px;}
    .pt-desk-90{padding-top: 90px;}
    .pt-desk-100{padding-top: 100px;}

    /*Padding Bottom*/
    .pb-desk-10{padding-bottom: 10px;}
    .pb-desk-20{padding-bottom: 20px;}
    .pb-desk-30{padding-bottom: 30px;}
    .pb-desk-40{padding-bottom: 40px;}
    .pb-desk-50{padding-bottom: 50px;}
    .pb-desk-60{padding-bottom: 60px;}
    .pb-desk-70{padding-bottom: 70px;}
    .pb-desk-80{padding-bottom: 80px;}
    .pb-desk-90{padding-bottom: 90px;}
    .pb-desk-100{padding-bottom: 100px;}

    /*Padding left*/
    .pl-desk-10{padding-left: 10px;}
    .pl-desk-20{padding-left: 20px;}
    .pl-desk-30{padding-left: 30px;}
    .pl-desk-40{padding-left: 40px;}
    .pl-desk-50{padding-left: 50px;}
    .pl-desk-60{padding-left: 60px;}
    .pl-desk-70{padding-left: 70px;}
    .pl-desk-80{padding-left: 80px;}
    .pl-desk-90{padding-left: 90px;}
    .pl-desk-100{padding-left: 100px;}

    /*Padding Right*/
    .pr-desk-10{padding-right: 10px;}
    .pr-desk-20{padding-right: 20px;}
    .pr-desk-30{padding-right: 30px;}
    .pr-desk-40{padding-right: 40px;}
    .pr-desk-50{padding-right: 50px;}
    .pr-desk-60{padding-right: 60px;}
    .pr-desk-70{padding-right: 70px;}
    .pr-desk-80{padding-right: 80px;}
    .pr-desk-90{padding-right: 90px;}
    .pr-desk-100{padding-right: 100px;}

    /*Column*/
    .col-desk-12,.col-desk-11,.col-desk-10,.col-desk-9,.col-desk-8,.col-desk-7,.col-desk-6,
    .col-desk-5,.col-desk-4,.col-desk-3.col-desk-2,.col-desk-1{flex: 0 0 auto;}
    .col-desk-12 {width: 100%;}
    .col-desk-11 {width: calc(100% / 1.091);}
    .col-desk-10 {width: calc(100% / 1.2);}
    .col-desk-9 {width: calc(100% / 1.33);}
    .col-desk-8 {width: calc(100% / 1.5);}
    .col-desk-7 {width: calc(100% / 1.71);}
    .col-desk-6 {width: calc(100% / 2);}
    .col-desk-5 {width: calc(100% / 2.4);}
    .col-desk-4 {width: calc(100% / 3);}
    .col-desk-3 {width: calc(100% / 4);}
    .col-desk-2 {width: calc(100% / 6);}
    .col-desk-1 {width: calc(100% / 12);}

    /*Display*/
    .d-desk-none{display: none;}
}
@media only screen and (max-width: 1366px){
    /*Margin Style*/
    .m-desk-0{margin: 0;}
    .mt-desk-0{margin-top: 0;}
    .mb-desk-0{margin-bottom: 0;}
    .mr-desk-0{margin-right: 0;}
    .ml-desk-0{margin-left: 0;}

    /*Margin Top*/
    .mt-desk-10{margin-top: 10px;}
    .mt-desk-20{margin-top: 20px;}
    .mt-desk-30{margin-top: 30px;}
    .mt-desk-40{margin-top: 40px;}
    .mt-desk-50{margin-top: 50px;}
    .mt-desk-60{margin-top: 60px;}
    .mt-desk-70{margin-top: 70px;}
    .mt-desk-80{margin-top: 80px;}
    .mt-desk-90{margin-top: 90px;}
    .mt-desk-100{margin-top: 100px;}

    /*Margin Bottom*/
    .mb-desk-10{margin-bottom: 10px;}
    .mb-desk-20{margin-bottom: 20px;}
    .mb-desk-30{margin-bottom: 30px;}
    .mb-desk-40{margin-bottom: 40px;}
    .mb-desk-50{margin-bottom: 50px;}
    .mb-desk-60{margin-bottom: 60px;}
    .mb-desk-70{margin-bottom: 70px;}
    .mb-desk-80{margin-bottom: 80px;}
    .mb-desk-90{margin-bottom: 90px;}
    .mb-desk-100{margin-bottom: 100px;}

    /*Margin Left*/
    .ml-desk-10{margin-left: 10px;}
    .ml-desk-20{margin-left: 20px;}
    .ml-desk-30{margin-left: 30px;}
    .ml-desk-40{margin-left: 40px;}
    .ml-desk-50{margin-left: 50px;}
    .ml-desk-60{margin-left: 60px;}
    .ml-desk-70{margin-left: 70px;}
    .ml-desk-80{margin-left: 80px;}
    .ml-desk-90{margin-left: 90px;}
    .ml-desk-100{margin-left: 100px;}
    
    /*Margin Right*/
    .mr-desk-10{margin-right: 10px;}
    .mr-desk-20{margin-right: 20px;}
    .mr-desk-30{margin-right: 30px;}
    .mr-desk-40{margin-right: 40px;}
    .mr-desk-50{margin-right: 50px;}
    .mr-desk-60{margin-right: 60px;}
    .mr-desk-70{margin-right: 70px;}
    .mr-desk-80{margin-right: 80px;}
    .mr-desk-90{margin-right: 90px;}
    .mr-desk-100{margin-right: 100px;}

    /*Padding Style*/
    .p-desk-0{padding: 0;}
    .pt-desk-0{padding-top: 0;}
    .pb-desk-0{padding-bottom: 0;}
    .pr-desk-0{padding-right: 0;}
    .pl-desk-0{padding-left: 0;}

    /*Padding Top*/
    .pt-desk-10{padding-top: 10px;}
    .pt-desk-20{padding-top: 20px;}
    .pt-desk-30{padding-top: 30px;}
    .pt-desk-40{padding-top: 40px;}
    .pt-desk-50{padding-top: 50px;}
    .pt-desk-60{padding-top: 60px;}
    .pt-desk-70{padding-top: 70px;}
    .pt-desk-80{padding-top: 80px;}
    .pt-desk-90{padding-top: 90px;}
    .pt-desk-100{padding-top: 100px;}

    /*Padding Bottom*/
    .pb-desk-10{padding-bottom: 10px;}
    .pb-desk-20{padding-bottom: 20px;}
    .pb-desk-30{padding-bottom: 30px;}
    .pb-desk-40{padding-bottom: 40px;}
    .pb-desk-50{padding-bottom: 50px;}
    .pb-desk-60{padding-bottom: 60px;}
    .pb-desk-70{padding-bottom: 70px;}
    .pb-desk-80{padding-bottom: 80px;}
    .pb-desk-90{padding-bottom: 90px;}
    .pb-desk-100{padding-bottom: 100px;}

    /*Padding left*/
    .pl-desk-10{padding-left: 10px;}
    .pl-desk-20{padding-left: 20px;}
    .pl-desk-30{padding-left: 30px;}
    .pl-desk-40{padding-left: 40px;}
    .pl-desk-50{padding-left: 50px;}
    .pl-desk-60{padding-left: 60px;}
    .pl-desk-70{padding-left: 70px;}
    .pl-desk-80{padding-left: 80px;}
    .pl-desk-90{padding-left: 90px;}
    .pl-desk-100{padding-left: 100px;}

    /*Padding Right*/
    .pr-desk-10{padding-right: 10px;}
    .pr-desk-20{padding-right: 20px;}
    .pr-desk-30{padding-right: 30px;}
    .pr-desk-40{padding-right: 40px;}
    .pr-desk-50{padding-right: 50px;}
    .pr-desk-60{padding-right: 60px;}
    .pr-desk-70{padding-right: 70px;}
    .pr-desk-80{padding-right: 80px;}
    .pr-desk-90{padding-right: 90px;}
    .pr-desk-100{padding-right: 100px;}

    /*Column*/
    .col-desk-12,.col-desk-11,.col-desk-10,.col-desk-9,.col-desk-8,.col-desk-7,.col-desk-6,
    .col-desk-5,.col-desk-4,.col-desk-3.col-desk-2,.col-desk-1{flex: 0 0 auto;}
    .col-desk-12 {width: 100%;}
    .col-desk-11 {width: calc(100% / 1.091);}
    .col-desk-10 {width: calc(100% / 1.2);}
    .col-desk-9 {width: calc(100% / 1.33);}
    .col-desk-8 {width: calc(100% / 1.5);}
    .col-desk-7 {width: calc(100% / 1.71);}
    .col-desk-6 {width: calc(100% / 2);}
    .col-desk-5 {width: calc(100% / 2.4);}
    .col-desk-4 {width: calc(100% / 3);}
    .col-desk-3 {width: calc(100% / 4);}
    .col-desk-2 {width: calc(100% / 6);}
    .col-desk-1 {width: calc(100% / 12);}

    /*Display*/
    .d-desk-none{display: none;}
}
@media only screen and (max-width: 1024px){
    /*Margin Style*/
    .m-lap-0{margin: 0;}
    .mt-lap-0{margin-top: 0;}
    .mb-lap-0{margin-bottom: 0;}
    .mr-lap-0{margin-right: 0;}
    .ml-lap-0{margin-left: 0;}

    /*Margin Top*/
    .mt-lap-10{margin-top: 10px;}
    .mt-lap-20{margin-top: 20px;}
    .mt-lap-30{margin-top: 30px;}
    .mt-lap-40{margin-top: 40px;}
    .mt-lap-50{margin-top: 50px;}
    .mt-lap-60{margin-top: 60px;}
    .mt-lap-70{margin-top: 70px;}
    .mt-lap-80{margin-top: 80px;}
    .mt-lap-90{margin-top: 90px;}
    .mt-lap-100{margin-top: 100px;}

    /*Margin Bottom*/
    .mb-lap-10{margin-bottom: 10px;}
    .mb-lap-20{margin-bottom: 20px;}
    .mb-lap-30{margin-bottom: 30px;}
    .mb-lap-40{margin-bottom: 40px;}
    .mb-lap-50{margin-bottom: 50px;}
    .mb-lap-60{margin-bottom: 60px;}
    .mb-lap-70{margin-bottom: 70px;}
    .mb-lap-80{margin-bottom: 80px;}
    .mb-lap-90{margin-bottom: 90px;}
    .mb-lap-100{margin-bottom: 100px;}

    /*Margin Left*/
    .ml-lap-10{margin-left: 10px;}
    .ml-lap-20{margin-left: 20px;}
    .ml-lap-30{margin-left: 30px;}
    .ml-lap-40{margin-left: 40px;}
    .ml-lap-50{margin-left: 50px;}
    .ml-lap-60{margin-left: 60px;}
    .ml-lap-70{margin-left: 70px;}
    .ml-lap-80{margin-left: 80px;}
    .ml-lap-90{margin-left: 90px;}
    .ml-lap-100{margin-left: 100px;}
    
    /*Margin Right*/
    .mr-lap-10{margin-right: 10px;}
    .mr-lap-20{margin-right: 20px;}
    .mr-lap-30{margin-right: 30px;}
    .mr-lap-40{margin-right: 40px;}
    .mr-lap-50{margin-right: 50px;}
    .mr-lap-60{margin-right: 60px;}
    .mr-lap-70{margin-right: 70px;}
    .mr-lap-80{margin-right: 80px;}
    .mr-lap-90{margin-right: 90px;}
    .mr-lap-100{margin-right: 100px;}

    /*Padding Style*/
    .p-lap-0{padding: 0;}
    .pt-lap-0{padding-top: 0;}
    .pb-lap-0{padding-bottom: 0;}
    .pr-lap-0{padding-right: 0;}
    .pl-lap-0{padding-left: 0;}

    /*Padding Top*/
    .pt-lap-10{padding-top: 10px;}
    .pt-lap-20{padding-top: 20px;}
    .pt-lap-30{padding-top: 30px;}
    .pt-lap-40{padding-top: 40px;}
    .pt-lap-50{padding-top: 50px;}
    .pt-lap-60{padding-top: 60px;}
    .pt-lap-70{padding-top: 70px;}
    .pt-lap-80{padding-top: 80px;}
    .pt-lap-90{padding-top: 90px;}
    .pt-lap-100{padding-top: 100px;}

    /*Padding Bottom*/
    .pb-lap-10{padding-bottom: 10px;}
    .pb-lap-20{padding-bottom: 20px;}
    .pb-lap-30{padding-bottom: 30px;}
    .pb-lap-40{padding-bottom: 40px;}
    .pb-lap-50{padding-bottom: 50px;}
    .pb-lap-60{padding-bottom: 60px;}
    .pb-lap-70{padding-bottom: 70px;}
    .pb-lap-80{padding-bottom: 80px;}
    .pb-lap-90{padding-bottom: 90px;}
    .pb-lap-100{padding-bottom: 100px;}

    /*Padding left*/
    .pl-lap-10{padding-left: 10px;}
    .pl-lap-20{padding-left: 20px;}
    .pl-lap-30{padding-left: 30px;}
    .pl-lap-40{padding-left: 40px;}
    .pl-lap-50{padding-left: 50px;}
    .pl-lap-60{padding-left: 60px;}
    .pl-lap-70{padding-left: 70px;}
    .pl-lap-80{padding-left: 80px;}
    .pl-lap-90{padding-left: 90px;}
    .pl-lap-100{padding-left: 100px;}

    /*Padding Right*/
    .pr-lap-10{padding-right: 10px;}
    .pr-lap-20{padding-right: 20px;}
    .pr-lap-30{padding-right: 30px;}
    .pr-lap-40{padding-right: 40px;}
    .pr-lap-50{padding-right: 50px;}
    .pr-lap-60{padding-right: 60px;}
    .pr-lap-70{padding-right: 70px;}
    .pr-lap-80{padding-right: 80px;}
    .pr-lap-90{padding-right: 90px;}
    .pr-lap-100{padding-right: 100px;}

    /*Column*/
    .col-lap-12,.col-lap-11,.col-lap-10,.col-lap-9,.col-lap-8,.col-lap-7,.col-lap-6,
    .col-lap-5,.col-lap-4,.col-lap-3.col-lap-2,.col-lap-1{flex: 0 0 auto;}
    .col-lap-12 {width: 100%;}
    .col-lap-11 {width: calc(100% / 1.091);}
    .col-lap-10 {width: calc(100% / 1.2);}
    .col-lap-9 {width: calc(100% / 1.33);}
    .col-lap-8 {width: calc(100% / 1.5);}
    .col-lap-7 {width: calc(100% / 1.71);}
    .col-lap-6 {width: calc(100% / 2);}
    .col-lap-5 {width: calc(100% / 2.4);}
    .col-lap-4 {width: calc(100% / 3);}
    .col-lap-3 {width: calc(100% / 4);}
    .col-lap-2 {width: calc(100% / 6);}
    .col-lap-1 {width: calc(100% / 12);}

    /*Display*/
    .d-lap-none{display: none;}
}
@media only screen and (max-width: 991px){
    /*Margin Style*/
    .m-tab-0{margin: 0;}
    .mt-tab-0{margin-top: 0;}
    .mb-tab-0{margin-bottom: 0;}
    .mr-tab-0{margin-right: 0;}
    .ml-tab-0{margin-left: 0;}

    /*Margin Top*/
    .mt-tab-10{margin-top: 10px;}
    .mt-tab-20{margin-top: 20px;}
    .mt-tab-30{margin-top: 30px;}
    .mt-tab-40{margin-top: 40px;}
    .mt-tab-50{margin-top: 50px;}
    .mt-tab-60{margin-top: 60px;}
    .mt-tab-70{margin-top: 70px;}
    .mt-tab-80{margin-top: 80px;}
    .mt-tab-90{margin-top: 90px;}
    .mt-tab-100{margin-top: 100px;}

    /*Margin Bottom*/
    .mb-tab-10{margin-bottom: 10px;}
    .mb-tab-20{margin-bottom: 20px;}
    .mb-tab-30{margin-bottom: 30px;}
    .mb-tab-40{margin-bottom: 40px;}
    .mb-tab-50{margin-bottom: 50px;}
    .mb-tab-60{margin-bottom: 60px;}
    .mb-tab-70{margin-bottom: 70px;}
    .mb-tab-80{margin-bottom: 80px;}
    .mb-tab-90{margin-bottom: 90px;}
    .mb-tab-100{margin-bottom: 100px;}

    /*Margin Left*/
    .ml-tab-10{margin-left: 10px;}
    .ml-tab-20{margin-left: 20px;}
    .ml-tab-30{margin-left: 30px;}
    .ml-tab-40{margin-left: 40px;}
    .ml-tab-50{margin-left: 50px;}
    .ml-tab-60{margin-left: 60px;}
    .ml-tab-70{margin-left: 70px;}
    .ml-tab-80{margin-left: 80px;}
    .ml-tab-90{margin-left: 90px;}
    .ml-tab-100{margin-left: 100px;}
    
    /*Margin Right*/
    .mr-tab-10{margin-right: 10px;}
    .mr-tab-20{margin-right: 20px;}
    .mr-tab-30{margin-right: 30px;}
    .mr-tab-40{margin-right: 40px;}
    .mr-tab-50{margin-right: 50px;}
    .mr-tab-60{margin-right: 60px;}
    .mr-tab-70{margin-right: 70px;}
    .mr-tab-80{margin-right: 80px;}
    .mr-tab-90{margin-right: 90px;}
    .mr-tab-100{margin-right: 100px;}

    /*Padding Style*/
    .p-tab-0{padding: 0;}
    .pt-tab-0{padding-top: 0;}
    .pb-tab-0{padding-bottom: 0;}
    .pr-tab-0{padding-right: 0;}
    .pl-tab-0{padding-left: 0;}

    /*Padding Top*/
    .pt-tab-10{padding-top: 10px;}
    .pt-tab-20{padding-top: 20px;}
    .pt-tab-30{padding-top: 30px;}
    .pt-tab-40{padding-top: 40px;}
    .pt-tab-50{padding-top: 50px;}
    .pt-tab-60{padding-top: 60px;}
    .pt-tab-70{padding-top: 70px;}
    .pt-tab-80{padding-top: 80px;}
    .pt-tab-90{padding-top: 90px;}
    .pt-tab-100{padding-top: 100px;}

    /*Padding Bottom*/
    .pb-tab-10{padding-bottom: 10px;}
    .pb-tab-20{padding-bottom: 20px;}
    .pb-tab-30{padding-bottom: 30px;}
    .pb-tab-40{padding-bottom: 40px;}
    .pb-tab-50{padding-bottom: 50px;}
    .pb-tab-60{padding-bottom: 60px;}
    .pb-tab-70{padding-bottom: 70px;}
    .pb-tab-80{padding-bottom: 80px;}
    .pb-tab-90{padding-bottom: 90px;}
    .pb-tab-100{padding-bottom: 100px;}

    /*Padding left*/
    .pl-tab-10{padding-left: 10px;}
    .pl-tab-20{padding-left: 20px;}
    .pl-tab-30{padding-left: 30px;}
    .pl-tab-40{padding-left: 40px;}
    .pl-tab-50{padding-left: 50px;}
    .pl-tab-60{padding-left: 60px;}
    .pl-tab-70{padding-left: 70px;}
    .pl-tab-80{padding-left: 80px;}
    .pl-tab-90{padding-left: 90px;}
    .pl-tab-100{padding-left: 100px;}

    /*Padding Right*/
    .pr-tab-10{padding-right: 10px;}
    .pr-tab-20{padding-right: 20px;}
    .pr-tab-30{padding-right: 30px;}
    .pr-tab-40{padding-right: 40px;}
    .pr-tab-50{padding-right: 50px;}
    .pr-tab-60{padding-right: 60px;}
    .pr-tab-70{padding-right: 70px;}
    .pr-tab-80{padding-right: 80px;}
    .pr-tab-90{padding-right: 90px;}
    .pr-tab-100{padding-right: 100px;}

    /*Column*/
    .col-tab-12,.col-tab-11,.col-tab-10,.col-tab-9,.col-tab-8,.col-tab-7,.col-tab-6,
    .col-tab-5,.col-tab-4,.col-tab-3.col-tab-2,.col-tab-1{flex: 0 0 auto;}
    .col-tab-12 {width: 100%;}
    .col-tab-11 {width: calc(100% / 1.091);}
    .col-tab-10 {width: calc(100% / 1.2);}
    .col-tab-9 {width: calc(100% / 1.33);}
    .col-tab-8 {width: calc(100% / 1.5);}
    .col-tab-7 {width: calc(100% / 1.71);}
    .col-tab-6 {width: calc(100% / 2);}
    .col-tab-5 {width: calc(100% / 2.4);}
    .col-tab-4 {width: calc(100% / 3);}
    .col-tab-3 {width: calc(100% / 4);}
    .col-tab-2 {width: calc(100% / 6);}
    .col-tab-1 {width: calc(100% / 12);}

    /*Display*/
    .d-tab-none{display: none;}
}
@media only screen and (max-width: 767px){
    /*Margin Style*/
    .m-mob-0{margin: 0;}
    .mt-mob-0{margin-top: 0;}
    .mb-mob-0{margin-bottom: 0;}
    .mr-mob-0{margin-right: 0;}
    .ml-mob-0{margin-left: 0;}

    /*Margin Top*/
    .mt-mob-10{margin-top: 10px;}
    .mt-mob-20{margin-top: 20px;}
    .mt-mob-30{margin-top: 30px;}
    .mt-mob-40{margin-top: 40px;}
    .mt-mob-50{margin-top: 50px;}
    .mt-mob-60{margin-top: 60px;}
    .mt-mob-70{margin-top: 70px;}
    .mt-mob-80{margin-top: 80px;}
    .mt-mob-90{margin-top: 90px;}
    .mt-mob-100{margin-top: 100px;}

    /*Margin Bottom*/
    .mb-mob-10{margin-bottom: 10px;}
    .mb-mob-20{margin-bottom: 20px;}
    .mb-mob-30{margin-bottom: 30px;}
    .mb-mob-40{margin-bottom: 40px;}
    .mb-mob-50{margin-bottom: 50px;}
    .mb-mob-60{margin-bottom: 60px;}
    .mb-mob-70{margin-bottom: 70px;}
    .mb-mob-80{margin-bottom: 80px;}
    .mb-mob-90{margin-bottom: 90px;}
    .mb-mob-100{margin-bottom: 100px;}

    /*Margin Left*/
    .ml-mob-10{margin-left: 10px;}
    .ml-mob-20{margin-left: 20px;}
    .ml-mob-30{margin-left: 30px;}
    .ml-mob-40{margin-left: 40px;}
    .ml-mob-50{margin-left: 50px;}
    .ml-mob-60{margin-left: 60px;}
    .ml-mob-70{margin-left: 70px;}
    .ml-mob-80{margin-left: 80px;}
    .ml-mob-90{margin-left: 90px;}
    .ml-mob-100{margin-left: 100px;}
    
    /*Margin Right*/
    .mr-mob-10{margin-right: 10px;}
    .mr-mob-20{margin-right: 20px;}
    .mr-mob-30{margin-right: 30px;}
    .mr-mob-40{margin-right: 40px;}
    .mr-mob-50{margin-right: 50px;}
    .mr-mob-60{margin-right: 60px;}
    .mr-mob-70{margin-right: 70px;}
    .mr-mob-80{margin-right: 80px;}
    .mr-mob-90{margin-right: 90px;}
    .mr-mob-100{margin-right: 100px;}

    /*Padding Style*/
    .p-mob-0{padding: 0;}
    .pt-mob-0{padding-top: 0;}
    .pb-mob-0{padding-bottom: 0;}
    .pr-mob-0{padding-right: 0;}
    .pl-mob-0{padding-left: 0;}

    /*Padding Top*/
    .pt-mob-10{padding-top: 10px;}
    .pt-mob-20{padding-top: 20px;}
    .pt-mob-30{padding-top: 30px;}
    .pt-mob-40{padding-top: 40px;}
    .pt-mob-50{padding-top: 50px;}
    .pt-mob-60{padding-top: 60px;}
    .pt-mob-70{padding-top: 70px;}
    .pt-mob-80{padding-top: 80px;}
    .pt-mob-90{padding-top: 90px;}
    .pt-mob-100{padding-top: 100px;}

    /*Padding Bottom*/
    .pb-mob-10{padding-bottom: 10px;}
    .pb-mob-20{padding-bottom: 20px;}
    .pb-mob-30{padding-bottom: 30px;}
    .pb-mob-40{padding-bottom: 40px;}
    .pb-mob-50{padding-bottom: 50px;}
    .pb-mob-60{padding-bottom: 60px;}
    .pb-mob-70{padding-bottom: 70px;}
    .pb-mob-80{padding-bottom: 80px;}
    .pb-mob-90{padding-bottom: 90px;}
    .pb-mob-100{padding-bottom: 100px;}

    /*Padding left*/
    .pl-mob-10{padding-left: 10px;}
    .pl-mob-20{padding-left: 20px;}
    .pl-mob-30{padding-left: 30px;}
    .pl-mob-40{padding-left: 40px;}
    .pl-mob-50{padding-left: 50px;}
    .pl-mob-60{padding-left: 60px;}
    .pl-mob-70{padding-left: 70px;}
    .pl-mob-80{padding-left: 80px;}
    .pl-mob-90{padding-left: 90px;}
    .pl-mob-100{padding-left: 100px;}

    /*Padding Right*/
    .pr-mob-10{padding-right: 10px;}
    .pr-mob-20{padding-right: 20px;}
    .pr-mob-30{padding-right: 30px;}
    .pr-mob-40{padding-right: 40px;}
    .pr-mob-50{padding-right: 50px;}
    .pr-mob-60{padding-right: 60px;}
    .pr-mob-70{padding-right: 70px;}
    .pr-mob-80{padding-right: 80px;}
    .pr-mob-90{padding-right: 90px;}
    .pr-mob-100{padding-right: 100px;}

    /*Column*/
    .col-mob-12,.col-mob-11,.col-mob-10,.col-mob-9,.col-mob-8,.col-mob-7,.col-mob-6,
    .col-mob-5,.col-mob-4,.col-mob-3.col-mob-2,.col-mob-1{flex: 0 0 auto;}
    .col-mob-12 {width: 100%;}
    .col-mob-11 {width: calc(100% / 1.091);}
    .col-mob-10 {width: calc(100% / 1.2);}
    .col-mob-9 {width: calc(100% / 1.33);}
    .col-mob-8 {width: calc(100% / 1.5);}
    .col-mob-7 {width: calc(100% / 1.71);}
    .col-mob-6 {width: calc(100% / 2);}
    .col-mob-5 {width: calc(100% / 2.4);}
    .col-mob-4 {width: calc(100% / 3);}
    .col-mob-3 {width: calc(100% / 4);}
    .col-mob-2 {width: calc(100% / 6);}
    .col-mob-1 {width: calc(100% / 12);}

    /*Display*/
    .d-mob-none{display: none;}
}
@media only screen and (max-width: 576px){
    /*Column*/
    .col-mob-12, .col-mob-11, .col-mob-10, .col-mob-9, 
    .col-mob-8, .col-mob-7, .col-mob-6, .col-mob-5, 
    .col-mob-4, .col-mob-3, .col-mob-2, .col-mob-1, 
    .col-lap-12, .col-lap-11, .col-lap-10, .col-lap-9, 
    .col-lap-8, .col-lap-7, .col-lap-6, .col-lap-5, 
    .col-lap-4, .col-lap-3, .col-lap-2, .col-lap-1, 
    .col-tab-12, .col-tab-11, .col-tab-10, .col-tab-9, 
    .col-tab-8, .col-tab-7, .col-tab-6, .col-tab-5, 
    .col-tab-4, .col-tab-3, .col-tab-2, .col-tab-1,
    .col-desk-12, .col-desk-11, .col-desk-10, .col-desk-9, 
    .col-desk-8, .col-desk-7, .col-desk-6, .col-desk-5, 
    .col-desk-4, .col-desk-3, .col-desk-2, .col-desk-1{width: 100%;flex: 0 0 auto;}
     
    /*Display*/
    .d-mob-none{display: none;}
}