/* border-width */
.bordered {
    border-width: 1px;
}

.bordered-top {
    border-top-width: 1px;
}

.bordered-right {
    border-right-width: 1px;
}

.bordered-bottom {
    border-bottom-width: 1px;
}

.bordered-left {
    border-left-width: 1px;
}

.bordered-top-imp {
    border-top-width: 1px !important;
}

.bordered-right-imp {
    border-right-width: 1px !important;
}

.bordered-bottom-imp {
    border-bottom-width: 1px !important;
}

.bordered-left-imp {
    border-left-width: 1px !important;
}

.noborder {
    border-width: 0px;
}
.noborder-top {
    border-top-width: 0px;
}
.noborder-left {
    border-left-width: 0px;
}
.noborder-bottom {
    border-bottom-width: 0px;
}
.noborder-right {
    border-right-width: 0px;
}
.noborder-imp {
    border-width: 0px !important;
}

/* border-style */
.bordered-style-solid {
    border-style: solid;
}

.bordered-top-style-solid {
    border-top-style: solid;
}

.bordered-right-style-solid {
    border-right-style: solid;
}

.bordered-bottom-style-solid {
    border-bottom-style: solid;
}

.bordered-left-style-solid {
    border-left-style: solid;
}

.bordered-top-style-solid-imp {
    border-top-style: solid !important;
}

.bordered-right-style-solid-imp {
    border-right-style: solid !important;
}

.bordered-bottom-style-solid-imp {
    border-bottom-style: solid !important;
}

.bordered-left-style-solid-imp {
    border-left-style: solid !important;
}


/* Border Radius Helper classes */
/* No radius */
.noradius {
    border-radius: 0px;
}

.noradius-top-left,
.noradius-top-left-before::before,
.noradius-top-left-after::after {
    border-top-left-radius: 0px;
}

.noradius-top-right,
.noradius-top-right-before::before,
.noradius-top-right-after::after {
    border-top-right-radius: 0px;
}

.noradius-bottom-left,
.noradius-bottom-left-before::before,
.noradius-bottom-left-after::after {
    border-bottom-left-radius: 0px;
}

.noradius-bottom-right,
.noradius-bottom-right-before::before,
.noradius-bottom-right-after::after {
    border-bottom-right-radius: 0px;
}

.noradius-imp {
    border-radius: 0px !important;
}

.noradius-top-left-imp,
.noradius-top-left-imp-before::before,
.noradius-top-left-imp-after::after {
    border-top-left-radius: 0px !important;
}

.noradius-top-right-imp,
.noradius-top-right-imp-before::before,
.noradius-top-right-imp-after::after {
    border-top-right-radius: 0px !important;
}

.noradius-bottom-left-imp,
.noradius-bottom-left-imp-before::before,
.noradius-bottom-left-imp-after::after {
    border-bottom-left-radius: 0px !important;
}

.noradius-bottom-right-imp,
.noradius-bottom-right-imp-before::before,
.noradius-bottom-right-imp-after::after {
    border-bottom-right-radius: 0px !important;
}

/* full radius */
.radius-circle,
.radius-circle-before::before,
.radius-circle-after::after {
    border-radius: 50%;
}

.radius-xxxlg,
.radius-xxxlg-before::before,
.radius-xxxlg-after::after {
    border-radius: 300px;
}

.radius-xxlg,
.radius-xxlg-before::before,
.radius-xxlg-after::after {
    border-radius: 250px;
}

.radius-xlg,
.radius-xlg-before::before,
.radius-xlg-after::after {
    border-radius: 200px;
}

.radius-lg,
.radius-lg-before::before,
.radius-lg-after::after {
    border-radius: 150px;
}

.radius-md,
.radius-md-before::before,
.radius-md-after::after {
    border-radius: 100px;
}

.radius-sm,
.radius-sm-before::before,
.radius-sm-after::after {
    border-radius: 50px;
}

.radius-xsm,
.radius-xsm-before::before,
.radius-xsm-after::after {
    border-radius: 25px;
}

.radius-xs,
.radius-xs-before::before,
.radius-xs-after::after {
    border-radius: 15px;
}

.radius-xxs,
.radius-xxs-before::before,
.radius-xxs-after::after {
    border-radius: 10px;
}

.radius-xxxs,
.radius-xxxs-before::before,
.radius-xxxs-after::after {
    border-radius: 5px;
}

.radius-xxxxs,
.radius-xxxxs-before::before,
.radius-xxxxs-after::after {
    border-radius: 3px;
}
/* top left radius */
.radius-top-left-circle,
.radius-top-left-circle-before::before,
.radius-top-left-circle-after::after {
    border-top-left-radius: 50%;
}

.radius-top-left-xxxlg,
.radius-top-left-xxxlg-before::before,
.radius-top-left-xxxlg-after::after {
    border-top-left-radius: 300px;
}

.radius-top-left-xxlg,
.radius-top-left-xxlg-before::before,
.radius-top-left-xxlg-after::after {
    border-top-left-radius: 250px;
}

.radius-top-left-xlg,
.radius-top-left-xlg-before::before,
.radius-top-left-xlg-after::after {
    border-top-left-radius: 200px;
}

.radius-top-left-lg,
.radius-top-left-lg-before::before,
.radius-top-left-lg-after::after {
    border-top-left-radius: 150px;
}

.radius-top-left-md,
.radius-top-left-md-before::before,
.radius-top-left-md-after::after {
    border-top-left-radius: 100px;
}

.radius-top-left-sm,
.radius-top-left-sm-before::before,
.radius-top-left-sm-after::after {
    border-top-left-radius: 50px;
}

.radius-top-left-xsm,
.radius-top-left-xsm-before::before,
.radius-top-left-xsm-after::after {
    border-top-left-radius: 25px;
}

.radius-top-left-xs,
.radius-top-left-xs-before::before,
.radius-top-left-xs-after::after {
    border-top-left-radius: 15px;
}

.radius-top-left-xxs,
.radius-top-left-xxs-before::before,
.radius-top-left-xxs-after::after {
    border-top-left-radius: 10px;
}

.radius-top-left-xxxs,
.radius-top-left-xxxs-before::before,
.radius-top-left-xxxs-after::after {
    border-top-left-radius: 5px;
}

.radius-top-right-circle,
.radius-top-right-circle-before::before,
.radius-top-right-circle-after::after {
    border-top-right-radius: 50%;
}

/* top right */
.radius-top-right-xxxlg,
.radius-top-right-xxxlg-before::before,
.radius-top-right-xxxlg-after::after {
    border-top-right-radius: 300px;
}

.radius-top-right-xxlg,
.radius-top-right-xxlg-before::before,
.radius-top-right-xxlg-after::after {
    border-top-right-radius: 250px;
}

.radius-top-right-xlg,
.radius-top-right-xlg-before::before,
.radius-top-right-xlg-after::after {
    border-top-right-radius: 200px;
}

.radius-top-right-lg,
.radius-top-right-lg-before::before,
.radius-top-right-lg-after::after {
    border-top-right-radius: 150px;
}

.radius-top-right-md,
.radius-top-right-md-before::before,
.radius-top-right-md-after::after {
    border-top-right-radius: 100px;
}

.radius-top-right-sm,
.radius-top-right-sm-before::before,
.radius-top-right-sm-after::after {
    border-top-right-radius: 50px;
}

.radius-top-right-xsm,
.radius-top-right-xsm-before::before,
.radius-top-right-xsm-after::after {
    border-top-right-radius: 25px;
}

.radius-top-right-xs,
.radius-top-right-xs-before::before,
.radius-top-right-xs-after::after {
    border-top-right-radius: 15px;
}

.radius-top-right-xxs,
.radius-top-right-xxs-before::before,
.radius-top-right-xxs-after::after {
    border-top-right-radius: 10px;
}

.radius-top-right-xxxs,
.radius-top-right-xxxs-before::before,
.radius-top-right-xxxs-after::after {
    border-top-right-radius: 5px;
}

/* bottom left radius */
.radius-bottom-left-circle,
.radius-bottom-left-circle-before::before,
.radius-bottom-left-circle-after::after {
    border-bottom-left-radius: 50%;
}

.radius-bottom-left-xxxlg,
.radius-bottom-left-xxxlg-before::before,
.radius-bottom-left-xxxlg-after::after {
    border-bottom-left-radius: 300px;
}

.radius-bottom-left-xxlg,
.radius-bottom-left-xxlg-before::before,
.radius-bottom-left-xxlg-after::after {
    border-bottom-left-radius: 250px;
}

.radius-bottom-left-xlg,
.radius-bottom-left-xlg-before::before,
.radius-bottom-left-xlg-after::after {
    border-bottom-left-radius: 200px;
}

.radius-bottom-left-lg,
.radius-bottom-left-lg-before::before,
.radius-bottom-left-lg-after::after {
    border-bottom-left-radius: 150px;
}

.radius-bottom-left-md,
.radius-bottom-left-md-before::before,
.radius-bottom-left-md-after::after {
    border-bottom-left-radius: 100px;
}

.radius-bottom-left-sm,
.radius-bottom-left-sm-before::before,
.radius-bottom-left-sm-after::after {
    border-bottom-left-radius: 50px;
}

.radius-bottom-left-xsm,
.radius-bottom-left-xsm-before::before,
.radius-bottom-left-xsm-after::after {
    border-bottom-left-radius: 25px;
}

.radius-bottom-left-xs,
.radius-bottom-left-xs-before::before,
.radius-bottom-left-xs-after::after {
    border-bottom-left-radius: 15px;
}

.radius-bottom-left-xxs,
.radius-bottom-left-xxs-before::before,
.radius-bottom-left-xxs-after::after {
    border-bottom-left-radius: 10px;
}

.radius-bottom-left-xxxs,
.radius-bottom-left-xxxs-before::before,
.radius-bottom-left-xxxs-after::after {
    border-bottom-left-radius: 5px;
}

/* bottom right radius */
.radius-bottom-right-circle,
.radius-bottom-right-circle-before::before,
.radius-bottom-right-circle-after::after {
    border-bottom-right-radius: 50%;
}

.radius-bottom-right-xxxlg,
.radius-bottom-right-xxxlg-before::before,
.radius-bottom-right-xxxlg-after::after {
    border-bottom-right-radius: 300px;
}

.radius-bottom-right-xxlg,
.radius-bottom-right-xxlg-before::before,
.radius-bottom-right-xxlg-after::after {
    border-bottom-right-radius: 250px;
}

.radius-bottom-right-xlg,
.radius-bottom-right-xlg-before::before,
.radius-bottom-right-xlg-after::after {
    border-bottom-right-radius: 200px;
}

.radius-bottom-right-lg,
.radius-bottom-right-lg-before::before,
.radius-bottom-right-lg-after::after {
    border-bottom-right-radius: 150px;
}

.radius-bottom-right-md,
.radius-bottom-right-md-before::before,
.radius-bottom-right-md-after::after {
    border-bottom-right-radius: 100px;
}

.radius-bottom-right-sm,
.radius-bottom-right-sm-before::before,
.radius-bottom-right-sm-after::after {
    border-bottom-right-radius: 50px;
}

.radius-bottom-right-xsm,
.radius-bottom-right-xsm-before::before,
.radius-bottom-right-xsm-after::after {
    border-bottom-right-radius: 25px;
}

.radius-bottom-right-xs,
.radius-bottom-right-xs-before::before,
.radius-bottom-right-xs-after::after {
    border-bottom-right-radius: 15px;
}

.radius-bottom-right-xxs,
.radius-bottom-right-xxs-before::before,
.radius-bottom-right-xxs-after::after {
    border-bottom-right-radius: 10px;
}

.radius-bottom-right-xxxs,
.radius-bottom-right-xxxs-before::before,
.radius-bottom-right-xxxs-after::after {
    border-bottom-right-radius: 5px;
}
/*---------------------Media css start---------------------------*/

/* Large desktop */

@media (min-width: 1024px) {}

@media (min-width: 1025px) {}

@media (max-width: 1200px) {

}

@media screen(max-width: 1025px) and (max-height: 1367px) {

}

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

@media screen (min-width: 1024px) {}

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

/* landscape on tablets */

@media screen(min-width: 992px) {}

/* Portrait tablet to landscape and desktop */

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

/* Media-css Landscape phone to portrait tablet */

@media (max-width: 769px) {

}

/* Ipad Pro */

@media (max-height: 1367px) and (max-width:1025) {

}

/* landscape Ipad */

@media (max-width: 1367px) and (max-height:1025) {

}

/* Ipad */

@media (max-width: 769px) and (max-height: 1025px) {

}

/* Ipad Portrait */

@media (max-height: 769px) and (max-width: 1025px) {

}

/* Boca tablet Portrait-1*/

@media (max-width: 551px) and (max-height: 1025px) {

}

/* Boca tablet Portrait-2*/

@media (max-width: 650px) and (max-height: 950px) {

}

/* Boca Tablet Landscape */

@media (max-height: 551px) and (max-width: 1025px) {

}

/* Portrait mode on smaller devices */

@media (max-width: 481px) and (max-height: 860px) {

}

/* landscape mode on smaller devices */

@media (max-width: 860px) and (max-height: 481px) {

}

/* small phones and down */

@media (max-width: 641px) {

}

@media (max-width: 480px) {

}

@media (max-width: 360px) {

}

@media (max-width: 240px) {

}

@media (max-height: 360px) {

}