/* Responsive rules for pune-33 layout */
@media (max-width:1200px){
  button:focus{outline:none}
  .banner{margin-top:50px}

  .award-listing-box{max-width:85%;padding:50px 28px 28px;margin:60px auto 0}
  .award-listing-box div h1{font-size:34px;padding:10px 40px}
  .selection-process-main{max-width:80%;padding:30px 35px}
  .selection-process-main h1,
  .award-category h1{font-size:34px;padding:12px 50px}
  .award-category{max-width:90%}
  .panel-default > .panel-heading{width:100%}
  .panel-default > .panel-heading a{padding:10px 15px}
   .banner{margin-top:50px}
}

@media (max-width:991px){
  .navbar{height:50px;padding:0 15px}
  .navbar .container-fluid{display:flex;align-items:center;justify-content:space-between;height:100%;flex-wrap:nowrap}
  .navbar-brand{position:static;transform:none;margin:0;padding:0;z-index:9999}
  .navbar-brand img{width:110px;transform:translateY(14px)}
  .navbar-toggler{width:42px;height:42px;padding:0;border:none;outline:none;box-shadow:none!important;display:flex;justify-content:center;align-items:center}
  .navbar-toggler-icon{position:relative;width:28px;height:2px;display:block;background:#fff;margin:0;padding:0;background-image:none!important}
  .navbar-toggler-icon::before,.navbar-toggler-icon::after{content:"";position:absolute;left:0;width:28px;height:2px;background:#fff}
  .navbar-toggler-icon::before{top:-8px}.navbar-toggler-icon::after{top:8px}
  .navbar-toggler.active .navbar-toggler-icon{background:transparent}
  .navbar-toggler.active .navbar-toggler-icon::before{top:0;transform:rotate(45deg)}
  .navbar-toggler.active .navbar-toggler-icon::after{top:0;transform:rotate(-45deg)}

  .navbar-collapse{position:absolute;top:50px;left:0;width:100%;background:var(--maroon);padding:40px 20px 20px;z-index:999}
  .navbar-nav{width:100%}
  .navbar-nav .nav-item{width:100%}
  .navbar-nav .nav-link{display:block;padding:5px 0!important;border-bottom:1px solid #ffffff3d;border-top:1px solid #5d040459}
  .navbar-nav .nav-item:first-child .nav-link{border-top:none!important}
  .navbar-nav .nav-item:nth-last-child(2) .nav-link{border-bottom:none!important}
  .navbar-nav .nav-link:hover::before,.navbar-nav .nav-link:hover::after{display:none}

  .desktop{display:none}.mobile{display:block}
  .register{margin-left:0px;}

  .content{padding:30px 20px}
  .content h1{font-size:32px;padding:8px 30px}
  .content p{font-size:16px;line-height:26px;text-align:left}

  .award-listing-box{max-width:95%;padding:44px 20px 20px}
  .award-listing-box div h1{font-size:30px;padding:10px 28px;max-width:95%}
  .award-listing-box ul li{font-size:16px;line-height:24px;padding:8px 0 8px 36px}

  .selection-process-main{max-width:92%;padding:25px 20px}
  .selection-process-main h1,.award-category h1{font-size:28px;padding:10px 24px}
  .selection-process-main ul li{font-size:16px;line-height:24px;padding:10px 0 10px 36px}

  .award-category{max-width:100%}
  .award-listing-box div h1:hover {transform: translate(0%, -10%);}
  .cat-content{padding:12px 15px}
  .panel-default .panel-body ul{margin:15px 20px}
  .panel-default .panel-body ul li{font-size:16px}

  .footer-container{padding:30px}.footer-left{flex:1}.footer-right{flex:0 0 220px}
  .footer-left h1,.footer-right h1{font-size:22px}
  .footer-left ul li a{font-size:16px}
  .footer-right ul li{width:32px;height:32px}
  .yellow-strip{width:250px}
}

@media (max-width:768px){
  .content{padding:20px}
  .content h1{font-size:26px;padding:8px 20px}
  .content p{font-size:15px;line-height:24px;text-align:left}
  .content p br:last-child{display:none}
  .content-bootom-strip{font:15px/24px Onest-Regular;max-width:100%;padding:5px 10px}

  .award-listing-box{max-width:100%;margin:15px 0 0;padding:40px 16px 18px;border-radius:35px}
  .award-listing-box div h1{position:relative;left:auto;top:auto;transform:none;display:inline-block;margin:0 0 20px;padding:8px 20px;font-size:24px;white-space:normal;width:auto;max-width:100%}
  .award-listing-box ul li{font-size:15px;line-height:22px;padding:8px 0 8px 34px}
  .award-listing-box ul li::before{top:8px;width:22px;height:22px}

  .selection-process-main{max-width:100%;margin:30px 0 20px;padding:20px 16px;border-radius:28px}
  .selection-process-main h1,.award-category h1{font-size:24px;padding:8px 18px;border-radius:30px}
  .award-category p{padding:15px 0;font-size:15px;line-height:22px}
  .cat-content{padding:12px 15px;margin:8px 0 15px}
  .panel-default > .panel-heading a{padding:8px 12px;font-size:16px}
  .panel-default .panel-body{padding-bottom:8px}
  .panel-default .panel-body h1{padding:10px 15px;font-size:18px}
  .panel-default .panel-body ul{margin:15px 20px}

  .footer-container{flex-direction:column;align-items:flex-start;padding:30px 20px;gap:35px}
  .footer-left,.footer-right{width:100%;flex:100%}
  .footer-left h1,.footer-right h1{font-size:22px;margin-bottom:15px}
  .footer-left ul{flex-wrap:wrap;gap:10px}
  .footer-left ul li{border-left:none;padding:0}
  .footer-left ul li::after{content:"|";margin-left:10px;color:var(--blue)}
  .footer-left ul li:last-child::after{display:none}
  .footer-left ul li a{font-size:16px}
  .footer-right ul{justify-content:flex-start;flex-wrap:wrap;gap:15px}
  .footer-right ul li{width:34px;height:34px}
  .yellow-strip{width:180px;height:14px}
  .footer-container{padding:25px 15px;margin:40px auto}
  .footer-left h1,.footer-right h1{font-size:20px}
  .footer-left ul{flex-direction:column;align-items:flex-start;gap:12px}
  .footer-left ul li{width:100%}
  .footer-left ul li::after{display:none}
  .footer-left ul li a{font-size:15px}
  .footer-right ul{gap:12px}
  .footer-right ul li{width:30px;height:30px}
  .yellow-strip{width:120px;height:10px}
  
#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;}
}

@media (max-width:480px){
  .navbar-nav .nav-link {font-size: 15px;}
  .content{padding:14px}
  .content h1{font-size:clamp(22px,5vw,40px);padding:8px 14px}

  .award-listing-box{padding:15px 12px 14px;text-align: center;display: inline-block;}
  .award-listing-box div h1,.selection-process-main h1,.award-category h1{font-size:20px;padding:8px 12px; margin-bottom:0px;}
  .award-listing-box ul li,.selection-process-main ul li,.panel-default .panel-body ul li{font-size:14px;line-height:22px;padding:2px 0 2px 15px}
  .award-listing-box ul li::before,.selection-process-main ul li::before{width:20px;height:20px;top:8px}
  .award-listing-box ul li, .selection-process-main ul li{padding-left:30px;}
  
  .selection-process-main{padding:18px 12px;border-radius:22px}
  .award-category p{font-size:15px;line-height:22px;padding:12px 0}
  .cat-content{padding:10px 12px}
  .panel-default > .panel-heading a{font-size:15px;padding:8px 10px}
  .panel-default .panel-body h1{font-size:16px;padding:8px 12px}
  .panel-default .panel-body ul{margin:12px 15px}
  .award-category .panel-default .cat-content{font-size:15px;}
  .award-category p:last-child{font-size:15px;margin: 10px 0px 10px 0px;line-height: 22px;}
  .award-category p{margin-bottom:0px;}
  #nominateModal .modal-content ul {margin: 0 5% 5% 5%;width: 90%;}
  
}