/*custome grid start*/
/*.body-content .inner-wrap*/ { display: none; }
.row-wrap { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }
[class*="box-"] { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }
.box { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
.row-wrap-boxs-1>* { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.row-wrap-boxs-2>* { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.row-wrap-boxs-3>* { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
.row-wrap-boxs-4>* { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
.row-wrap-boxs-5>* { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
.row-wrap-boxs-6>* { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
.header-content .inner-wrap { display: none; }
.box-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; }
.box-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
.box-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
.box-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
.box-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
.box-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
.box-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.box-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
.box-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
.box-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
.box-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
.box-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
.box-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
@media (min-width: 576px) { .box-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-wrap-boxs-sm-1>* { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-wrap-boxs-sm-2>* { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-wrap-boxs-sm-3>* { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .row-wrap-boxs-sm-4>* { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-wrap-boxs-sm-5>* { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-wrap-boxs-sm-6>* { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .box-sm-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .box-sm-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .box-sm-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .box-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .box-sm-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .box-sm-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .box-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .box-sm-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .box-sm-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .box-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .box-sm-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .box-sm-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .box-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } }
@media (min-width: 768px) { .box-md { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-wrap-boxs-md-1>* { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-wrap-boxs-md-2>* { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-wrap-boxs-md-3>* { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .row-wrap-boxs-md-4>* { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-wrap-boxs-md-5>* { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-wrap-boxs-md-6>* { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .box-md-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .box-md-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .box-md-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .box-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .box-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .box-md-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .box-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .box-md-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .box-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .box-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .box-md-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .box-md-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .box-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } }
@media (min-width: 992px) { .box-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-wrap-boxs-lg-1>* { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-wrap-boxs-lg-2>* { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-wrap-boxs-lg-3>* { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .row-wrap-boxs-lg-4>* { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-wrap-boxs-lg-5>* { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-wrap-boxs-lg-6>* { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .box-lg-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .box-lg-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .box-lg-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .box-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .box-lg-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .box-lg-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .box-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .box-lg-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .box-lg-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .box-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .box-lg-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .box-lg-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .box-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } }
@media (min-width: 1200px) { .box-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-wrap-boxs-xl-1>* { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-wrap-boxs-xl-2>* { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-wrap-boxs-xl-3>* { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .row-wrap-boxs-xl-4>* { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-wrap-boxs-xl-5>* { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-wrap-boxs-xl-6>* { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .box-xl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .box-xl-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .box-xl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .box-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .box-xl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .box-xl-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .box-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .box-xl-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .box-xl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .box-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .box-xl-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .box-xl-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .box-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } }
/*custom grid end*/