:root {
  --golden-gradient: linear-gradient(
    to right,
    rgba(234, 195, 91, 1) 1%,
    rgba(249, 247, 204, 1) 51%,
    rgba(234, 197, 94, 1) 100%
  );
  --white: #ffffff;
  --black: #000;
  --maroon: #d1040b;
}

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

}

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

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

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

}

@media only screen and (max-width: 1280px) {
    .navbar > .container, .navbar > .container-fluid {
        align-items: flex-start;
    }
}

@media only screen and (max-width: 1024px) {
.navbar-dark .navbar-nav .nav-link {font-size: 17px;padding: 3px 5px;}
.heading h1 {font-size: 30px;}
.heading h1:before, .heading h1:after {width: 15%;}
.footer-internal-container {padding: 30px 50px;}
footer {padding: 40px 50px;}
.scroll-to-top {width: 35px;height: 35px;right: 15px;bottom: 15px;}
.navbar-expand-lg .navbar-nav .nav-link:after, .navbar-expand-lg .navbar-nav .nav-link:before {
display: none;}
.navbar-expand-lg .navbar-nav .nav-link:after, .navbar-expand-lg .navbar-nav .nav-link:after {
display: none;}
}
 
@media (max-width: 991px) {
.navbar-dark .navbar-nav .nav-link:hover {background: var(--golden-gradient);color:var(--black) !important;}
.footer-right ul li img {width: 35px;height: 35px;}
}

@media only screen and (max-width: 768px) {
.nav-links {display: none;flex-direction: column;background-color: #333;position: absolute;
top: 60px;right: 0;width: 200px;text-align: right;padding: 10px;}
.nav-links.active {display: flex;}
.menu-toggle {display: block;}
.nav-links li {margin: 10px 0;}
.navbar-dark .navbar-nav .nav-link {border-bottom: 1px solid #ffffff47;}
 .navbar > .container, .navbar > .container-fluid {
        align-items: flex-start;background: var(--maroon);
        padding-bottom: 10px;
    }
.banner {margin-top: 50px;}
.heading {font-size: 20px;line-height: 20px;}
.nominate-btn {margin-top: -8px;}
.selection-process-container {width: 90%;padding: 20px 20px;border-radius: 20px;}
.award-category {width: 80%;}
.content p span br {display: none;}
.award-category {width: 90%;}
.award-category p:last-child {margin: 25px 0px 15px 0px;}
.nominate-btn {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);
border-radius: 7px;font-family: "Roboto-Medium";width: 50%;margin-top: -2px;margin-bottom: 5px;
text-align: center;}
.nominate-btn a {color: var(--white);font-size: 18px;}
.award-category p span br {display: none;}
#nominateModal .modal-content ul li {font-size: 18px;}
.modal-header .close {padding: 0px 0px 2px 2px;margin: -10px -10px 10px auto;width: 30px;
height: 30px;}
.footer-left, .footer-right {width: 100%;}
.footer-left {border-bottom: 1px solid white;padding-bottom: 10px;margin-bottom: 15px;}
footer {padding: 20px 0px;background-color: var(--black);}
.footer-internal-container {padding: 15px 30px;}
.selection-process-main{padding:20px 20px;}
}

@media only screen and (max-width: 640px) {
.selection-process-container h1, .award-category h1 {font-size: 30px;}
}

@media only screen and (max-width: 575px) {
.panel-default > .panel-heading {width: 45%;}
.nominate-btn {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);  border-radius: 7px;font-family: "Roboto-Medium";width: 50%;margin-top: -2px;margin-bottom: 5px;
text-align: center;padding: 0px 5px;}
.nominate-btn a {color: var(--white);font-size: 18px;}
footer h1 {font-size: 20px;}
footer ul li {font-size: 15px;}
footer ul {margin: 0px 0px;}
}

@media only screen and (max-width: 480px) {
.navbar {height: 50px;}
.navbar-brand {padding:0px 0px;}
.navbar-brand img {width: 200px;}
.navbar-toggler {padding: 3px 3px;margin: 4px 0px;}
.banner {margin-top: 70px;}
.banner-mobile {margin-top: 50px;}
.content{padding:15px 15px;}
.content p {text-align: justify;font-size: 14px;line-height: 25px;}
.selection-process-container h1,.award-category h1 {font-size: 23px;}
.selection-process-container {margin-top:20px;}
.panel-default > .panel-heading {width: 50%;}
.panel-default > .panel-heading h4.panel-title {font-size: 14px;}
.banner {margin-top: 50px;}
.heading h1 {margin: 5px 0px 5px 0px;font-size: 25px;}
.scroll-to-top {width: 20px;height: 20px;right: 5px;bottom: 5px;}
.fa-chevron-up:before{font-size:12px;}
caret-icon {width: 10px;}
.selection-process-container ul li{font-size:14px; line-height:22px;}
.award-category{padding:20px 0px;width:100%;max-width:100%;}
.award-category p{line-height: 22px;font-size: 14px;}
.cat-content{font-size: 14px;padding: 15px 15px;margin:5px 0px 10px 0px;}
.award-category p:last-child {
        margin: 0px 0px 5px 0px;
        font-size: 14px;
        line-height: 22px;padding:5px 0px 
    }

}

@media only screen and (max-width: 440px) {
.heading h1 {margin: 5px 0px 5px 0px;font-size: 21px;}
.footer-internal-container {padding: 15px 15px;}
}

@media only screen and (max-width: 414px) {
.panel-default > .panel-heading {width: 60%;}
}

@media only screen and (max-width: 400px) {
.banner-mobile {margin-top: 45px;}
}