/* ------ MD ------ */

@media (max-width:1050px){



/* ------ GRIDS ----- */

.row .grid100_md { width: 100%; padding: 0px;}

.row .grid90_md {width: 90%;}

.row .grid80_md {width: 80%;}

.row .grid75_md {width: 75%;}

.row .grid70_md {width: 70%;}

.row .grid60_md {width: 60%;}

.row .grid50_md {width: 50%;}

.row .grid40_md {width: 40%;}

.row .grid33_md {width: 33%;}

.row .grid30_md {width: 30%;}

.row .grid25_md {width: 25%;}

.row .grid20_md {width: 20%;}

.row .grid10_md {width: 10%;}



.hideme_md { display: none; }



#portalmenu { 

	position: relative;

    padding: 15px 0px;

    margin-bottom: 60px;

    top: 35px;

    height: auto;

    direction: ltr;

    overflow: hidden;

}

#portalmenu #portalnav { display: none; margin-top: 15px; }

#portalnav li a span{ display: inline !important; }

#responsiveMenu_icon { display: block; }

#navbar #responsiveMenu_icon { display: block; }



#pageHeader .button { display: block; margin: 15px auto !important; float: none; text-align: center; margin-top: 25px;}

#pageHeader { text-align: center; }

#pageHeader .details {float: none; display: block; text-align: center; margin-top: 15px;}

#pageHeader .details h2 { margin-top: 5px; font-size: 24px;}

#pageHeader .details p { text-align: center; padding: 0px; font-size: 12px;}

#pageHeader > div.goSmallText { display: block; font-size: 21px; text-align: center; margin-bottom: 5px; margin-right: 0px !important;}

#pageHeader .hideme { display: none; }



.hideme_md { display: none !important;}

.showme_md { display: block !important;}



#body { padding-left: 0px !important; padding: 0px 10px !important;}

#collapsePortalMenu { display: none !important; }

#portalmenu.isclient {max-width: none; }



} /* END MD */





/* ------ XS ------ */

@media (max-width:800px){



/* ------ GRIDS ----- */

.row .grid100_xs { width: 100%; padding: 0px;}

.row .grid90_xs {width: 90%;}

.row .grid80_xs {width: 80%;}

.row .grid75_xs {width: 75%;}

.row .grid70_xs {width: 70%;}

.row .grid60_xs {width: 60%;}

.row .grid50_xs {width: 50%;}

.row .grid40_xs {width: 40%;}

.row .grid33_xs {width: 33%;}

.row .grid30_xs {width: 30%;}

.row .grid25_xs {width: 25%;}

.row .grid20_xs {width: 20%;}

.row .grid10_xs {width: 10%;}



.hideme_xs { display: none !important;}

.showme_xs { display: block !important;}



.softwareItem select { display: block; margin-bottom: 3px; }



.pageButtons input { width: 100% !important; }



#editkilldateform { margin-top: -0px; }

.button.clientLicenses {margin: 10px 0px 10px 0px !important;}



.table td .button.small {font-size: 0px !important; line-height: 1; margin-bottom: 1px;}

.table td .button.small .fa { font-size: 15px; margin: 0px; }



.renewSelected select, .renewSelected .button { width: 100%; margin: 0px 0px 5px; max-width: none; }

.renewSelected { margin-bottom: 30px; }



} /* END XS */