@media only screen and (max-width : 1200px) {
	
	.newHelpbtn {
	    font-size: 13px;
	    padding: 5px 10px 5px 30px;
	}
	
	.newHelpbtn:before {
	    font-size: 38px;
	    top: -8px;
	}
	
}

@media only screen and (max-width : 1095px) {
	
	.headerLogoText h1 {
	    font-size: 30px;
	}
	
}
	
@media only screen and (max-width : 1080px) {
	
	.JReviewForm strong {
	    font-size: 14px;
	}
	
	#breadcrumb li a {
	    font-size: 14px;
	    line-height: 30px;
	}
	
	#breadcrumb li a:before, #breadcrumb li a:after {
	    border-width: 15px 10px;
	}
	
	#breadcrumb li a {
	    padding: 0 5px !important;
	}

	.topRightMenu .oop-menu:before {
		font-size: unset;
	}
	
	label.oop-dropdown:before,
	input#oop-dropdown:checked ~ label.oop-dropdown:before {
	    font-size: 16px;
	}
	
	label.oop-dropdown {
	    padding: 8.5px 3px;
	}
	
	.OOPSidenav .btn {
	    padding: 3.5px 12px;
	    font-size: 14px;
	}
	
	.oop-nav-tab li a {
	    font-size: 14px;
	}
	
	.oop-nav-tab li {
	    padding: .3rem 1rem;
	}
	
	.navbar-dark .navbar-nav .nav-link {
	    padding: 3px 0 !important;
	}
	
	.navbar {
	    padding: 5px 10px;
	}

	.btnNavBar .navbar-toggler-icon {
	    width: 1.2em;
	    height: 1em;
	}
	
	.btnNavBar {
	    padding: .3rem .55rem !important;
	}
	
	button.navbar-toggler[aria-expanded="false"] .navbar-toggler-icon:before {
	    font-size: 17px !important;
	}
	
}

@media only screen and (max-width : 1023px) {

	table[style*="background-color: rgb(255, 255, 255); position: absolute;"], table[style*="background-color: rgb(207, 207, 207); position: absolute;"] {
		max-width: 100%;
	}

	.newHelpbtn {
		margin: 0;
		font-size: 0 !important;
		padding: 0;
		position: relative;
		bottom: 0;
		right: 25px;
		z-index: 999;
	}
	
	.newHelpbtn:before {
		font-size: 18px;
		left: 19px;
		top: -5px;
		line-height: 1.1;
		background: rgb(136,136,136);
		background: -moz-linear-gradient(180deg, rgba(136,136,136,1) 0%, rgba(13,15,66,1) 100%);
		background: -webkit-linear-gradient(180deg, rgba(136,136,136,1) 0%, rgba(13,15,66,1) 100%);
		background: linear-gradient(180deg, rgba(136,136,136,1) 0%, rgba(13,15,66,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8082b5",endColorstr="#0d0f42",GradientType=1);
		color: #fff;
		width: 20px;
		height: 20px;
		text-align: center;
		border-radius: 50%;
	}
	.genHelp:before {
		left: 0;
		top: 10px;
	}
	
	.pgHelp:before {
		left: 0;
		top: 0;
	}
	
}

@media only screen and (max-width : 990px) {
	
	.container-fluid .container-fluid {
	    background: #eaeaea;
	}
	
	.headerLogoText h1 {
	    font-size: 24px;
	}
	.headerLogoText h4 {
	    font-size: 14px;
	}
	
	#breadcrumb li {
		margin-bottom: 2px;
	}
	
	.topRightMenu .menu-dropdown {
	    top: 30px;
	}
	
	footer {
	    font-size: 14px;
	}

	.JReviewForm {
		padding: 10px 5px;
	}
	
	.oop-menu {
		padding: 0;
	}

	.JReviewForm strong {
		line-height: 1;
		padding: 5px !important;
		font-size: 13px;
	}
	
	body.homeBackground .container-lg {
	    padding: 20px;
	    background: rgba(255, 255, 255, 0.9);
	}
	
	.btn.btnHidden {
	    position: relative;
	    bottom: 0;
	    left: 0;
	    width: 100%;
	    margin: 0;
	    height: 50px;
	}

	table[style*="background-color: rgb(255, 255, 255); position: absolute;"], table[style*="background-color: rgb(207, 207, 207); position: absolute;"] {
		width: 98% !important;
	}
	
	label.oop-dropdown {
	    padding: 9.5px 3px;
	    top: -10px;
    	right: -4px;
	}
	
	.topRightMenu label.oop-dropdown {
	    top: 0px;
	    right: 0px;
	}
	
	.OOPSidenav .btn {
	    padding: 4.5px 12px;
	}
	
	.navbar-toggler-icon {
	    width: 1em;
	    height: 1em;
	}
	
	.btnNavBar {
	    padding: .38rem .6rem !important;
	}
	
	.breadcrumbApend .JudgesNavBar .dropdown-menu {
	    width: 100%; 	
	}
	
}

@media only screen and (max-width : 800px) {

	.headerLogoText img {
	    margin: 10px 10px 10px 0;
	    width: 65px;
	}
	
	.headerLogoText h1 {
	    font-size: 20px;
	}
	
	.headerLogoText h4 {
	    font-size: 11px;
	    margin: 5px 0;
	}
	
	.headerLogoText span {
	    width: -webkit-calc(100% - 90px);
	    width: -moz-calc(100% - 90px);
	    width: calc(100% - 90px);
	}
	
}

@media only screen and (max-width : 767px) {
	
	.headerLogoText h1 {
	    font-size: 31px;
	}
	
	.headerLogoText h4 {
	    font-size: 16px;
	}
	
	.loggedUser {
		text-align: center;
		padding: 10px;
		margin-top: -10px;
	}
	
	#breadcrumb {
	    padding: 0 0 0 3px;
	}
	
	.form-row {
		margin-left: 0;
	}

	.newHelpbtn {
		bottom: 20px;
	}
	.newHelpbtn.pgHelp {
	    bottom: 30px;
	    right: 15px;
	}
	
	span.newHelpbtn.genHelp {
	    bottom: -10px;
	    right: 15px;
	}
	
   .form-row > [class*="col-"] >.form-row > [class*="col-"] {
   		padding-left: 0px !important;
   	}
   	
   	.pl-md-5 > .labelonTop {
	    left: 10px !important;
	}
  
}

@media only screen and (max-width : 720px) {
	

	.headerLogoText h4 {
		margin: 5px 0;
	}

	footer.footer {
		font-size: 14px;
	}
	
	.col-md.loggedUser {
	    padding: 0 10px 10px;
	    font-size: 14px;
	}
	
	.JReviewForm strong {
	    font-size: 12px;
	}
	
	label.oop-dropdown {
	    padding: 8.5px 3px;
	}
	
}

@media only screen and (max-width : 662px) {
	
	.mt-16 {
		margin-top: 16px;
	}
	
	.breadcrumbApend #breadcrumb {
	    padding-right: 3px;
	}
	
	.OOPSidenav {
	    position: relative;
	    width: 100%;
	}
	
	.OOPSidenav .btn {
	    width: 100%;
	}
	
}

@media only screen and (max-width : 610px) {
	
	.headerLogoText h1 {
		font-size: 24px;
	}
	
}

@media only screen and (max-width : 530px) {
	
	.headerLogoText img {
	    margin: 10px 10px 10px 0;
	    width: 65px;
	}
	
	.headerLogoText h1 {
	    font-size: 20px;
	}
	
	.headerLogoText h4 {
	    font-size: 11px;
	    margin: 5px 0;
	}
	
}

@media only screen and (max-width : 500px) {
	
	.sub-menu {
	    position: relative;
	    margin-top: 15px;
	    right: 0;
	    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	    display: none;
	}
	
	.menu-dropdown li:hover > .sub-menu {
	    display: block;
	}
	
	.breadcrumbApend .JudgesNavBar .dropdown-menu {	
	    left: 2px !important;
	}
	
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

@media only screen and (max-width : 444px) {
	
	.mst-16 {
		margin-top: 16px;
	}
	
}

@media only screen and (max-width : 440px) {
	
	.headerLogoText img {
	    margin: 10px 10px 10px 0;
	    width: 50px;
	}
	
	.headerLogoText h1 {
	    font-size: 17px;
	}
	
	.headerLogoText span {
	    width: -webkit-calc(100% - 65px);
	    width: -moz-calc(100% - 65px);
	    width: calc(100% - 65px);
	}
	
}