@media (max-width: 580px) {
	.custom-oj-margin-5x 
  {
		margin: 0px;
	}
}

@media (min-width: 600px) {
	.navigation-text-right {
		text-align: right;
	}
  .show-full-w-btn
  {
    display: flex;
  }
}


@media (max-width: 600px) 
{
	.top-branding {
		margin: auto;
		padding: 5px 0px;
		margin-left: calc(47% - 25px);
		padding-right: 15px;
	}
  .if-signup-btn
{
    margin-left: 0px;
    margin-bottom: 15px;
}

.stay-here-btn-main-div .oj-button-button {
    margin-right: 0px;
}
  #send-feedback-custom img
  {
    width: 330px!important;
    height: 330px!important;
  }
  #send-feedback-custom h2
  {
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 22px !important;
    line-height: 25px !important;
    color: #333333 !important;
    margin-bottom: 2px;
  }
  .report-right-label-span
  {
        padding-left: 10px;
        display: block;
  }

    .afd-home-margin 
  {
    margin-bottom: 15px !important;
    margin-top: 0px;
    padding-top: 0px;
  }
  
  .home-to-report-text
  {
    margin-bottom: 10px !important;
  }
  .homepage-second-category-section
  {
    margin-top: 30px !important;
    margin-bottom: 10px !important;
  }

  .home-faq-show-all-link 
  {
    float: right !important;
    font-size: 14px;
    font-weight: bold;
    color: #357688;
    font-family: Noto Sans !important;
    position: absolute;
    z-index: 99;
    right: 20px;
    margin-top: -23px;
    top: auto;
  }
  .homepage-tab-section
  {
        margin-top: 0px;
  }

  #comment_table table tr td:nth-child(2) 
  {
    display: block;
    margin-bottom: -15px;
    margin-top: 0px;
    font-weight: 900;
    padding-left: 0px;
    font-size: 15px;
    color: #00809C;
  }
.reset-pswd-btn{
  margin-top: 8px;
}
  .preview img 
  {
    border: 1px solid #444;
    padding: 1px;
    width: 99%;
    border-radius: 5px;
    max-height: 300px;
  }

  .still-find-main-div 
  {
    margin-top: -10px;
    margin-bottom: 25px;
  }

  .jp-request-new-mtb 
  {
    margin-top: 30px;
    margin-bottom: 10px;
    display: inline-block;
  }

  .cant-find-main-div 
  {
    margin-top: 15px;
    margin-bottom: 20px;
  }

  .form-sign-up-btn-ml 
  {
    margin-left: 0px;
    margin-top: 10px !important;
  }

  .track-my-report-btn-left 
  {
    margin-left: 0px;
    margin-top: 15px;
   }

   .show-full-w-btn
  {
    display: block;
  }
  .facebook-link {
    color: #3b5998;
    font-size: 14px;
    margin-left: 0px;
  }

.sharing-box-main-div {
    margin-top: -70px;
  }

  .home-reports-text-heading
  {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .home-Reports-heading 
  {
    margin-bottom: 0px;
  }

  #paging .oj-label-inline
  {
    padding-right: 0px;
  }

#paging .oj-text-field-container 
{
    min-width: 25px;
    max-width: 25px;
    min-height: 2rem;
    max-height: 2rem;
    margin-top: 2px;
}

#paging .oj-pagingcontrol-nav-arrow 
{
    width: 20px;
}


  #show-homepage-faq table tr td:nth-child(2) 
{
    display: contents;
    margin-bottom: 4px;
    margin-top: 0px;
    font-weight: 900;
    padding-left: 0px;
    padding-top: 0px;
    line-height: 14px !important;
}
#show-homepage-faq table tr td:nth-child(3) {
    display: inline-table;
    padding-left: 0px;
    padding-top: 0px;
    margin-bottom: 15px;
    margin-top: 3px;
}

  .city-services-mt-mb
  {
    margin-top: 40px!important;
    margin-bottom: 0px!important;
  }

  .mc-mt-mb
  {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }

  .custom-error-msg-h3 
  {
    padding-left: 42px;
  }

  .footer-links ul li a 
  {
    font-size: 14px;
    line-height: 15px;
  }

  .footer-links, .footer-links ul li 
  {
    line-height: 15px;
    padding: 5px 0px;
    padding-right: 5px !important;
  }
  
  .footer-links h2 
  {
    font-size: 14px;
    line-height: 20px;
  }
  .jp-submit-button {
    margin-left: 0px;
  }

	.res-full-width 
  {
		width: 100%!important;
	}

#cart-list .item-description 
{
    color: black;
    font-weight: 200;
    font-style: normal;
    text-align: left;
    font-size: 14px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px 5px;
    line-height: 21px;
}
.bar-icon {
    margin-right: 0px;
}

.forget-pass-link 
{
    margin-bottom: 10px;
    display: inline-block;
    font-size: 13px;
}

.sign-up-page-top-text {
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 25px;
    color: #333333;
    margin-top: 11px;
    margin-bottom: 5px;
}

.form-sign-up-btn .oj-button-label 
{
    color: #FFFFFF;
    font-weight: 600 !important;
    font-size: 14px;
}

.return-home-btn .oj-button-label 
{
    color:#357688;
    font-weight: 600 !important;
    font-size: 14px;
}

.category-sign-up-main-div {
    padding-bottom: 15px;
}

.category-sign-up-page-top-text 
{
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 23px;
    color: #333333;
    margin-top: 0px;
}

.category-sign-up-h3 
{
    font-style: normal;
    font-weight: 500;
    line-height: 19px;
    color: #333333;
    font-size: 14px;
}

.top-signup-btn 
{
    border: 0.5px solid #04586E;
    border-radius: 3px;
    padding: 4px 12px;
    margin-left: 0px;
    text-decoration: none;
    margin-top: 11px;
    display: inline-block;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    background: #f2f2f2;
    color: #04586E;
    transition: all .3s ease;
}

.top-login-link 
{
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    text-decoration: none;
    display: block;
    margin-top: 17px;
}

  .rs-left-section .left-label 
  {
    color: #333333;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
    margin-top: 2px;
}
  .rns-phone-number-label
  {
        margin-top: 0px;
  }
  .rns-moving-date-label
  {
        margin-top: 15px;
  }
  
  .rns-submit-btn
  {
        margin-top: 10px !important;
        margin-bottom: 25px;
  }
  
  .rns-first-next-button 
  {
    margin-top: 20px !important;
    margin-bottom: 15px;
}


  .jp-address-validation 
  {
    margin-top: 12px;
    margin-bottom: -10px;
  }
  .rj-next-btn-ml 
  {
    margin-left: 0px;
    margin-top: 10px !important;
  }

  .custom-rj-next-btn-ml
  {
    margin-left: 0px;
    margin-top: 10px !important;
  }
  
  .jp-submit-button
  {
    margin-top: 12px !important;
    margin-bottom: 25px;
  }
	.find-answer-main-div {
		margin-right: 20px;
		margin-top: 18px;
		margin-bottom: 15px;
	}
	.faq-text-mb-40 {
		margin-bottom: 40px!important;
		display: inline-block !important;
	}
	.rn_RecentlyViewedContent {
		margin-bottom: 31px;
		margin-left: 0px;
		margin-top: 40px;
	}
	#faq-div .rn_SearchArea {
		margin-top: 40px;
	}
	#faq-div .KnowledgeSyndication {
		margin-right: 0px;
	}
	.email-box-main-div {
		margin-left: -34px;
	}
	.sharing-div {
		margin-left: -20px;
	}
	.sharing-box-inner-div {
		padding: 7px 2px;
	}
	.sm-sharing-li {
		height: 16px;
		line-height: 1.4em;
		margin: 1px;
		display: inline;
		float: left;
		list-style-type: none;
	}
	.invalid-mt-0 {
		margin-top: 15px !important;
	}
	.email-box-main-div h2 
  {
		display: block;
	}
	.email-close-icon 
  {
		position: relative;
    right: auto;
	}
	.answer-details-sharing-div {
		    text-align: right;
    margin-top: 20px;
	}
	.is-this-answer-main-div {
		text-align: left;
		margin-top: 1em;
	}
	.mcs-collection-schedule {
		padding-top: 0px;
		padding-bottom: 20px;
	}
	.mcs-mt-0 {
		margin-top: 0px !important;
	}
	.find-answer-section 
  {
	  margin-bottom: 60px;
    margin-top: -28px;
	}
  
	.garbage-mt-40 {
		margin-top: -40px;
	}
	.show-message {
		font-style: normal;
		font-weight: 500;
		font-size: 16px;
		line-height: 22px;
		color: #333333;
		margin-bottom: 0px;
		margin-top: 20px;
	}
	.custom-mb-0 
  {
		margin-bottom: 0px !important;
	}
	.live-chat-main-div {
		width: auto;
		padding-left: 30px;
		padding-right: 30px;
		padding-bottom: 40px;
	}
	.res-ml-20 {
		margin-left: 20px;
	}
	.ml-minus-20 {
		margin-left: -20px;
	}
	.top-language-link {
		margin-left: 15px;
	}
	.notification-delete-btn 
  {
		margin-top: 0px;
	}
	.home-faq-answer {
		font-size: 14px;
		text-align: left;
	}
	.home-faq-h3 {
		font-size: 14px !important;
		text-align: left;
	}
	.send-feedback-link {
		font-size: 14px;
	}
	#login {
		order: 2;
		margin-left: 15px;
	}
	#signup {
		order: 1;
	}
	.custom-list-group-item {
		padding: 10px 0px;
	}
	.custom-pt-60 {
		padding-top: 0px !important;
	}
	.category-mtb {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.custom-hover-color {
		padding-top: 0px;
		transition: all .3s ease;
		margin-bottom: 15px;
	}
	.garbage-second-color {
		padding-top: 0px;
		transition: all .3s ease;
	}
	.second-category-mtb {
		margin-top: 0px;
		margin-bottom: 15px;
	}
	.my-garbage-row-mt {
		margin-top: 0px;
	}
	.heading-h1 {
		font-size: 15px !important;
	}
	.single-report-row {
		margin-top: 0px;
	}
	.navigation-text-right {
		text-align: left;
	}
	.navigation-d-in-flex 
  {
		display: inline-flex;
		padding-left: 0px;
	}
	.other-reports-map-sec {
		padding: 10px;
		border: 1px solid #acacac;
		border-radius: 5px;
		margin: 0px 20px 20px 20px !important;
	}
	.or-map-right-section {
		margin: 0px 20px 20px 20px !important;
	}
  
	.list-view-first-div 
  {
		padding-left: 15px;
		padding-right: 15px;
		margin-bottom: 10px;
		line-height: 28px;
	}
	.list-view-first-div h3 
  {
		margin-bottom: 5px;
	}
	.heading-h1 {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.list-view-ul {
		margin-bottom: 15px;
	}
	.res-text-center {
		text-align: center;
	}
	.footer-logo {
		width: 100px;
		margin-top: 0px;
	}
}

@media (max-width: 992px) {
  .last-question-nowrap
  {
        white-space: nowrap!important;
  }
}

@media screen and (max-width: 1024px) and (min-width: 992px)
{
  .last-question-nowrap
  {
        white-space: nowrap!important;
  }
  .menumarginsecond{
    margin-left: 4px;    margin-right: 4px;
    }
    
    .menumargin{
      margin-left: 2px;    margin-right: 2px;
      }

}

@media (max-width: 433px) {
  .second-question-nowrap
  {
        white-space: nowrap!important;
  }
}

@media (max-width: 480px) {
	.form-next-btn-main-div 
  {
		width: 100%;
		height: 36px;
		line-height: 13px;
		margin-top: 0px;
	}
  
  	#show-notification tr td:nth-child(6) 
    {
		padding-top: 0px;
		display: block !important;
		position: relative;
		left: auto;
    margin-top: -19px !important;
    margin-bottom: 10px!important;
    padding-left: 0px;
	  }
    #show-notification tr td:nth-child(3) 
    {
    display: contents;
    padding-right: 0px;
    }

    #show-notification tr td:nth-child(4) 
    {
    display: inline !important;
    padding-left: 0px;
    padding-right: 0px;
    }

	.junk-pickup-ul {
		display: block;
	}
	.junk-second-btn {
		margin-top: 30px;
		text-align: center;
	}
	.form-previous-btn-main-div {
		margin-right: 0px;
	}
	.send-feedback-li {
		margin-top: 0px;
	}
  .sewer-issues-call-btn .oj-button-button{
    margin-right: 0px!important;
  }
  .sewer-issues-call-btn{
    margin-bottom: 10px!important;
  }
}

@media (max-width: 1024px) {
	.preview {
		margin-right: 0px;
		margin-left: 0px;
	}
	.rs-map-canvas {
		margin-top: 10px;
	}
}
@media (max-width: 992px)
{
   .desktop-none {
		display: none;
	}
  .mobile-menu 
  {
		display: block;
		text-align: right;
	}

  .email-box-main-div h2 
  {
    font-size: 18px;
    font-weight: normal;
    color: #333333;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: left;
  }

  .photo-container 
  {
    z-index: 0;
    position: relative;
    padding-bottom: 40px;
  }
}

@media (min-width: 992px)
{
    .desktop-none {
		display: block;
	}
  .mobile-menu {
		display: none;
	}
    .custom-media-no-wrap
  {
    white-space: nowrap;
  }
}

@media (max-width: 767px) {
	.profile-custom-mobile-menu {
		position: absolute;
		top: 208px !important;
		border-radius: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
	}

    .looking-for-full-width
  {
      width: 100% !important;
  }
  .new-services-divide
  {
    display: none;
  }
  .show-navigation-in-mobile
  {
    display: block;
  }

  .unit-apartment-div 
  {
    margin-left: 0px;
    margin-top: 20px;
}
	.res-footer-image-main-div {
		margin-bottom: -25px;
		margin-top: -15px;
	}
	.search-results-text {
		padding-left: 20px;
	}
	/* Search results report css start */
	#search-results table tr td:nth-child(1) {
		display: none !important;
		padding-left: 20px;
	}
	#search-results thead {
		display: none;
	}
	#search-results table tr td:nth-child(2) {
		display: block !IMPORTANT;
		margin-bottom: -16px;
		margin-top: 0px;
		font-weight: 400;
		padding-left: 20px;
	}
	#search-results table tr td:nth-child(3) {
		display: block !IMPORTANT;
		padding-left: 20px;
		padding-top: 0px;
	}
	#search-results table tr td:nth-child(4) {
		vertical-align: top;
		display: block !IMPORTANT;
		padding-left: 20px;
		margin-top: -33px;
		margin-bottom: -22px;
	}
	#search-results table tr td:nth-child(5) {
		display: block !important;
		padding-left: 20px;
    text-align: left;
	}
	#search-results table tr td:nth-child(6) {
		display: block !important;
		padding-left: 20px;
		margin-top: -22px;
    text-align: left;
	}
	#search-results td {
		padding-top: 10px;
		padding-bottom: 10px;
		color: #333333;
		font-size: 16px;
		font-weight: 400;
		/* border: 1px solid black; */
		display: table !important;
		width: auto;
	}
	#search-results td img {
		transition: all 1s;
		object-fit: cover;
		width: 70%;
		height: 150px;
		background: #fff;
		border: 1px solid #ddd;
		/* border-radius: 4px; */
		padding: 4px;
		margin-top: 3px;
		border-bottom: 10px solid #f2f2f2;
		border-top: 10px solid #f2f2f2;
		border-left: 10px solid #f2f2f2;
		border-right: 10px solid #f2f2f2;
	}
	#search-results .oj-table-scroller 
  {
		margin: 25px 0px;
    margin-bottom: 5px;
	}
  
	/* Search results report css End */


  /*  recycling request Search results report css start */
#search-results-recycling-request table tr td:nth-child(1) {
		display: none !important;
		padding-left: 20px;
	}
#search-results-recycling-request thead {
		display: none;
	}
#search-results-recycling-request table tr td:nth-child(2) {
		display: block !IMPORTANT;
		margin-bottom: -16px;
		margin-top: 0px;
		font-weight: 400;
		padding-left: 20px;
	}
#search-results-recycling-request table tr td:nth-child(3) {
		display: block !IMPORTANT;
		padding-left: 20px;
		padding-top: 0px;
	}
#search-results-recycling-request table tr td:nth-child(4) {
		vertical-align: top;
		display: block !IMPORTANT;
		padding-left: 20px;
		margin-top: -33px;
		margin-bottom: -22px;
	}
#search-results-recycling-request table tr td:nth-child(5) {
		display: block !important;
		padding-left: 20px;
    text-align: left;
	}
#search-results-recycling-request table tr td:nth-child(6) {
		display: block !important;
		padding-left: 20px;
		margin-top: 0px;
    text-align: left;
	}
  #search-results-recycling-request table tr td:nth-child(7) {
		display: block !important;
		padding-left: 20px;
		margin-top: -15px;
    text-align: left;
    padding-top: 0px;
	}
#search-results-recycling-request td {
		padding-top: 10px;
		padding-bottom: 10px;
		color: #333333;
		font-size: 16px;
		font-weight: 400;
		/* border: 1px solid black; */
		display: table !important;
		width: auto;
	}
#search-results-recycling-request td img {
		transition: all 1s;
		object-fit: cover;
		width: 70%;
		height: 150px;
		background: #fff;
		border: 1px solid #ddd;
		/* border-radius: 4px; */
		padding: 4px;
		margin-top: 3px;
		border-bottom: 10px solid #f2f2f2;
		border-top: 10px solid #f2f2f2;
		border-left: 10px solid #f2f2f2;
		border-right: 10px solid #f2f2f2;
	}
#search-results-recycling-request .oj-table-scroller 
  {
		margin: 25px 0px;
    margin-bottom: 5px;
	}
  
  /*  recycling request Search results report css End */
  
	/* Reports my follow Custom page css Start */
	#reports-my-follow table tr td:nth-child(1) {
		display: none !important;
		padding-left: 20px;
	}
	#reports-my-follow thead {
		display: none;
	}
	#reports-my-follow table tr td:nth-child(2) {
		display: block !IMPORTANT;
		margin-bottom: -16px;
		margin-top: 1px;
		font-weight: 900;
		padding-left: 20px;
	}
	#reports-my-follow table tr td:nth-child(3) {
		display: block !IMPORTANT;
		padding-left: 20px;
		padding-top: 0px;
	}
	#reports-my-follow table tr td:nth-child(4) {
		vertical-align: top;
		display: block !IMPORTANT;
		padding-left: 20px;
		margin-top: -29px;
		margin-bottom: -22px;
	}
	#reports-my-follow table tr td:nth-child(5) {
		display: block !important;
		padding-left: 20px;
    text-align: left;
	}

  #reports-my-follow table tr td:nth-child(6) {
    display: block !important;
    text-align: left;
    padding-left: 20px;
}
	#reports-my-follow td {
		padding-top: 10px;
		padding-bottom: 10px;
		color: #333333;
		font-size: 16px;
		font-weight: 400;
		/* border: 1px solid black; */
		display: table !important;
		width: auto;
	}
	#reports-my-follow td img {
		transition: all 1s;
		object-fit: cover;
		width: 70%;
		height: 150px;
		background: #fff;
		border: 1px solid #ddd;
		/* border-radius: 4px; */
		padding: 4px;
		margin-top: 3px;
		border-bottom: 10px solid #f2f2f2;
		border-top: 10px solid #f2f2f2;
		border-left: 10px solid #f2f2f2;
		border-right: 10px solid #f2f2f2;
	}
	/* Reports my follow Custom page css End */
	/* My reports table css start */
	#my-reports-table table tr td:nth-child(1) {
		display: none !important;
		padding-left: 20px;
	}
	#my-reports-table thead {
		display: none;
	}
	#my-reports-table table tr td:nth-child(2) {
		display: block !IMPORTANT;
		margin-bottom: -16px;
		margin-top: 0px;
		font-weight: 400;
		padding-left: 20px;
	}
	#my-reports-table table tr td:nth-child(3) {
		display: block !IMPORTANT;
		padding-left: 20px;
		padding-top: 0px;
	}
	#my-reports-table table tr td:nth-child(4) {
		vertical-align: top;
		display: block !IMPORTANT;
		padding-left: 20px;
		margin-top: -33px;
		margin-bottom: -22px;
    max-width: 310px;
	}
	#my-reports-table table tr td:nth-child(5) {
		display: block !important;
		padding-left: 20px;
    text-align: left;
	}
	#my-reports-table table tr td:nth-child(6) {
		display: block !important;
		padding-left: 20px;
		margin-top: -22px;
    text-align: left;
	}
	#my-reports-table td {
		padding-top: 10px;
		padding-bottom: 10px;
		color: #333333;
		font-size: 16px;
		font-weight: 400;
		/* border: 1px solid black; */
		display: table !important;
		width: auto;
	}
	#my-reports-table td img {
		transition: all 1s;
		object-fit: cover;
		width: 70%;
		height: 150px;
		background: #fff;
		border: 1px solid #ddd;
		/* border-radius: 4px; */
		padding: 4px;
		margin-top: 3px;
		border-bottom: 10px solid #f2f2f2;
		border-top: 10px solid #f2f2f2;
		border-left: 10px solid #f2f2f2;
		border-right: 10px solid #f2f2f2;
	}
	#my-reports-table .oj-table-scroller 
  {
		margin: 0px;
		margin-bottom: 0px;
	}
	/* My reports table css End */
	/* My garbage table report css Start */
	#my-garbage-reports-table table tr td:nth-child(1) {
		display: none !important;
		padding-left: 20px;
	}
	#my-garbage-reports-table thead {
		display: none;
	}
	#my-garbage-reports-table table tr td:nth-child(2) {
		display: block !IMPORTANT;
		margin-bottom: -16px;
		margin-top: 0px;
		font-weight: 400;
		padding-left: 20px;
	}
	#my-garbage-reports-table table tr td:nth-child(3) {
		display: block !IMPORTANT;
		padding-left: 20px;
		padding-top: 0px;
	}
	#my-garbage-reports-table table tr td:nth-child(4) {
		vertical-align: top;
		display: block !IMPORTANT;
		padding-left: 20px;
		margin-top: -33px;
		margin-bottom: -22px;
	}
	#my-garbage-reports-table table tr td:nth-child(5) {
		display: block !important;
		padding-left: 20px;
    text-align: left;
    white-space: normal;
	}
	#my-garbage-reports-table table tr td:nth-child(6) {
		display: block !important;
    padding-left: 20px;
    margin-top: 0px;
    text-align: left;
	}
  	#my-garbage-reports-table table tr td:nth-child(7) 
		{
		display: block !important;
    padding-left: 20px;
    margin-top: -15px;
    text-align: left;
    padding-top: 0px;
		}
    
	#my-garbage-reports-table td {
		padding-top: 10px;
		padding-bottom: 10px;
		color: #333333;
		font-size: 16px;
		font-weight: 400;
		/* border: 1px solid black; */
		display: table !important;
		width: auto;
	}
	#my-garbage-reports-table td img {
		transition: all 1s;
		object-fit: cover;
		width: 70%;
		height: 150px;
		background: #fff;
		border: 1px solid #ddd;
		/* border-radius: 4px; */
		padding: 4px;
		margin-top: 3px;
		border-bottom: 10px solid #f2f2f2;
		border-top: 10px solid #f2f2f2;
		border-left: 10px solid #f2f2f2;
		border-right: 10px solid #f2f2f2;
	}
	#my-garbage-reports-table .oj-table-scroller 
  {
		margin: 0px;
		margin-bottom: 0px;
	}
	/* My garbage table report css End */
	/* My follow request report css Start */
	#my-follow-request-table table tr td:nth-child(1) {
		display: none !important;
		padding-left: 20px;
	}
	#my-follow-request-table thead {
		display: none;
	}
	#my-follow-request-table table tr td:nth-child(2) {
		display: block !IMPORTANT;
		margin-bottom: -16px;
		margin-top: 0px;
		font-weight: 400;
		padding-left: 20px;
	}
	#my-follow-request-table table tr td:nth-child(3) {
		display: block !IMPORTANT;
		padding-left: 20px;
		padding-top: 0px;
	}
	#my-follow-request-table table tr td:nth-child(4) {
		vertical-align: top;
		display: block !IMPORTANT;
		padding-left: 20px;
		margin-top: -33px;
		margin-bottom: -22px;
	}
	#my-follow-request-table table tr td:nth-child(5) {
		display: block !important;
		padding-left: 20px;
    text-align: left;
	}
	#my-follow-request-table table tr td:nth-child(6) {
		display: block !important;
		padding-left: 20px;
		margin-top: -22px;
    text-align: left;
	}
	#my-follow-request-table td {
		padding-top: 10px;
		padding-bottom: 10px;
		color: #333333;
		font-size: 16px;
		font-weight: 400;
		/* border: 1px solid black; */
		display: table !important;
		width: auto;
	}
	#my-follow-request-table td img {
		transition: all 1s;
		object-fit: cover;
		width: 70%;
		height: 150px;
		background: #fff;
		border: 1px solid #ddd;
		/* border-radius: 4px; */
		padding: 4px;
		margin-top: 3px;
		border-bottom: 10px solid #f2f2f2;
		border-top: 10px solid #f2f2f2;
		border-left: 10px solid #f2f2f2;
		border-right: 10px solid #f2f2f2;
	}
	#my-follow-request-table .oj-table-scroller {
		margin: 0px;
		margin-bottom: 0px;
	}
	/* My follow request report css End */
	.my-rr-reports {
		margin-top: -26px !important;
	}
	/* Search results report css End */
	.missed-collection-page-pt 
  {
		    padding-top: 30px !important;
	}
}

@media (max-width: 768px) 
{
 
	#show-notification tr td:nth-child(6) 
  {
	  padding-top: 3px;
    display: inherit !important;
    position: relative;
    left: auto;
    top: 4px;
	}
  .community-wifi-container {
    padding-bottom: 40px;
    padding-top: 10px;
}

.inoperableVehiclesStyling{
    display: inline-block;
    width: 85%;
    float: left;
    margin-right: 8px;
}
  .showTooltipBottom{
    width: 92%;
    left: -11%!important;
  }
  .showTooltipIcon{
    width: 12%!important;
    text-align: right!important;
  }
  .showTooltipTop{
    width: 92%;
    left: -11%!important;
  }

  .custom-msg-h4{
    font-weight: 200;
    font-style: normal;
    font-size: 12px;
    position: relative;
    left: 87%;
    display: inline-block;
    width: 13%;
    margin-left: 0px;
  }


    .afd-housing-logo-pt
  {
      padding-top: 30px;
  }
  .afd-housing-content-p {
    font-size: 16px;
    color: black;
    font-weight: 500;
    width: 210px;
    margin: auto;
}

    .thanks-text-mt-mb-0
  {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }

    .oj-hybrid-applayout-page {
    min-height: 30vh !important;
    background-color: var(--oj-body-bg-color);
    background-color: white !important;
}


    .modal-section 
  {
    padding-top: 10px;
    background-color: #ededed;
    padding-bottom: 10px;
  }

.login-page-container {
    padding-top: 10px;
    padding-bottom: 30px;
}
.reset-password-container
{
    padding-top: 20px;
    padding-bottom: 20px;
}
  .res-first-tab-margin
  {
        margin-top: 20px;
  }
  .jp-first-btn-mt
  {
        margin-bottom: 35px;
  }
  .request-second-tab {
    margin-top: 10px;
}
.jp-last-btn-mb
{
      margin-bottom: 10px;
}
.jp-third-tab
{
    margin-top: -10px;
}
.thank-you-page-container
{
   padding-top: 30px;
    padding-bottom: 50px;
}
.service-new-homes-first-tab
{
      margin-top: 25px;
}


.oj-pagingcontrol-nav-arrow-section 
{
    padding-left: 0px!important;
}

#show-faq table tr td:nth-child(4) 
{
    display: inline-table !important;
    padding-left: 0px;
    padding-top: 0px;
    margin-bottom: 15px;
    margin-top: 8px;
}

  .thanks-btn-margin 
  {
    margin-top: 20px;
  }

  .notification-header-text 
  {
    border-bottom: 3px solid #E5BF24;
    display: inline-block;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 22px !important;
    line-height: 27px !important;
    color: #333333 !important;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 15px;
  }

  #show-notification tr td:nth-child(3) 
  {
    display: unset !important;
    padding-right: 0px;
  }

  .privacy-policy-font 
  {
    font-size: 12px !important;
    font-weight: 400 !important;
    margin-top: 0px !IMPORTANT;
    margin-bottom: 30px;
  }

	.footer-logo-main-div 
  {
		text-align: center;
	}

	.garbage-mt {
		margin-top: 0px !important;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	#show-notification tr td:nth-child(5) 
  {
		margin-top: 0px;
    padding-top: 0px;
    display: contents;
    padding-left: 0px;
    width: 100%;
    white-space: normal;
	}
	.page-container-margin {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	#listview td {
		padding-top: 10px;
		padding-bottom: 10px;
		color: #333333;
		font-size: 16px;
		font-weight: 400;
		display: table;
		width: auto;
	}
	#listview td img {
		transition: all 1s;
		object-fit: cover;
		width: 100%;
		height: auto;
		background: #fff;
		border: 1px solid #ddd;
		/* border-radius: 4px; */
		padding: 4px;
		margin-top: 3px;
		border-bottom: 10px solid #f2f2f2;
		border-top: 10px solid #f2f2f2;
		border-left: 10px solid #f2f2f2;
		border-right: 10px solid #f2f2f2;
	}
	#faq-div .rn_Query {
		width: 79%;
	}
	#listview table tr td:nth-child(5) {
		vertical-align: top;
		display: block;
		padding-left: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
		margin-top: -20px;
		margin-bottom: -20px;
    text-align: left;
	}
  #listview table tr td:nth-child(6) {
    display: block;
    text-align: left;
    padding-left: 0px;
}

	.mpbi {
		height: 250px;
	}
  
	#mcs-results-table {
		margin-left: 0px;
		margin-top: 40px;
		width: 100%;
		overflow: auto;
		overflow-y: auto;
	}

	.form-next-btn-main-div .oj-button-button {
		margin-left: 0px;
	}
	
	.form-previous-btn-main-div .oj-button-button {
		margin-right: 0px;
	}
	.page-main-section {
		padding-bottom: 30px;
		padding-top: 0px;
	}
	.res-mt-0 {
		padding-top: 0px;
		padding-bottom: 30px;
	}
	.res-mt-mb-0 {
		margin-top: 0px!important;
		margin-bottom: 0px!important;
	}
	.header-page-search-title {
		font-size: 17px;
    line-height: 18px;
	}
	.home-faq-label 
  {
		margin-bottom: 0px;
    margin-top: 5px;
	}
	.res-mb-0 {
		margin-bottom: 0px!important;
	}
}

@media (max-width: 450px) {
	.or-all-request-text {
		font-size: 16px;
	}
	.header-first-section .heading 
  {
		padding-top: 10px;
	}
    .break-looking-for
  {
    width: 100px;
  }
	.rentregistry{width:110px !important}
	.cross-span {
		padding: 0px 0px !important;
		padding-bottom: 15px !important;
	}
}

@media (max-width: 440px)
{
  .illegal-fireworks-break
  {
        width: 100px;
  }
}

@media (max-width: 410px)
{
  .community-wifi-break
  {
        width: 100px;
  }
}



@media (max-width: 600px) 
{
  .header-first-section .heading {
		padding-top: 10px!important;
	}
}

@media (max-width: 380px) {
	.what-size-garbage-text {
		font-size: 13px;
	}

  .cutom-show-all-link
  {
    display: contents;
  }
}

@media (max-width: 400px) {
	.hero-header {
		font-size: 16px !important;
	}
  .two-line-error-msg
  {
    position: relative;
    top: 10px;
  }
}

@media (max-width: 420px)
{
   .send-feedback-link {
    font-size: 12px !important;
}
.error-icon-position
{
  position: relative;
    top: 10px;
}
.photo-invalid-img {
    position: relative;
    top: 18px;
}
.answer-details-email-link {
    color: #357688;
    font-size: 13px;
    margin-left: 3px;
}
.answer-details-email-icon 
{
    margin-right: 0px;
}
#or-from-date-datepicker .oj-inputdatetime-input {
    position: relative;
    top: -1px;
    height: 34px;
}
#or-to-date-datepicker .oj-inputdatetime-input {
    position: relative;
    top: -1px;
    height: 34px;
}
}

@media screen and (max-width: 768px) and (min-width: 420px)
{
#or-from-date-datepicker .oj-inputdatetime-input {
    position: relative;
    top: 0px;
    height: 34px;
}
#or-to-date-datepicker .oj-inputdatetime-input {
    position: relative;
    top: 0px;
    height: 34px;
}
}

@media screen and (max-width: 1024px) and (min-width: 768px)
{
  #or-from-date-datepicker .oj-inputdatetime-input {
    position: relative;
    top: -1px;
    height: 34px;
}
.unit-apartment-div 
{
    margin-left: 10px;
}
#or-to-date-datepicker .oj-inputdatetime-input {
    position: relative;
    top: -1px;
    height: 34px;
}
}

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

}

@media screen and (max-width: 600px) and (min-width: 400px) {
	.hero-header {
		font-size: 18px !important;
	}
}

@media screen and (max-width: 768px) and (min-width: 600px) {
	.hero-header {
		font-size: 18px !important;
	}
  .top-signup-btn {
   padding: 6px 5px;
   margin-left: 0px;
}

.form-previous-btn-main-div .oj-button-button 
{
    margin-right: 15px;
}

  .username-anchor {
    padding: 5px 5px !important;
  }
  
  .footer-links h2 {
    font-size: 13px;
    line-height: 18px;
  }
  .footer-links ul li a 
  {
    font-size: 14px;
    line-height: 16px;
  }
  .footer-links, .footer-links ul li 
  {
    line-height: 15px;
    padding: 7px 0px;
}
}

@media screen and (max-width: 1366px) and (min-width: 1024px) {
	.form-next-btn-main-div .oj-button-button {
		margin-left: 0px;
	}
  .footer-links ul li a 
  {
    font-size: 14px;
    line-height: 16px;
  }
  .footer-links, .footer-links ul li 
  {
    line-height: 15px;
    padding: 6px 0px;
    padding-right: 0px !important;
}
}

@media screen and (max-width: 992px) and (min-width: 768px) {
	.form-sign-up-btn-ml {
		margin-left: 0px;
		margin-top: 0px;
	}
  .top-navigation-li-mr {
    margin-right: 3px !important;
}
  .desktop-top-menu {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #357688;
}
.top-login-link 
{
    font-size: 14px;
    margin-top: 17px;
}

.top-navigation-li-mr 
{
    margin-right: 2px !important;
    flex: 0 0 auto !important;
}

.top-signup-btn {
    font-size: 14px;
}
	.live-chat-main-div {
		width: 130px;
	}
	.live-chat-image {
		width: 140px;
		height: auto;
	}
	.sanjose-gov-link {
		word-break: break-word;
	}
	#show-notification tr td:nth-child(6) {
		padding-top: 0px;
		display: table-cell;
		position: relative;
		left: 10px;
	}
}

@media screen and (max-width: 1200px) and (min-width: 992px)
{
    .top-navigation-li-mr {
    margin-right: 3px !important;
}
.top-signup-btn
{
	  margin-left: 20px;
}
}

@media screen and (max-width: 600px) and (min-width: 524px) {
	.form-sign-up-btn-ml {
		margin-left: 0px;
		margin-top: 0px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 600px) {
	.other-reports-map-sec {
		margin: 0px 0px 20px 0px !important;
	}
}

@media (max-width: 500px) {
	.return-home-btn {
		width: 100%;
	}

  .sign-in-message 
  {
    margin-top: 15px;
  }
	.request-garbage-text {
		margin-bottom: 10px;
		margin-top: 20px;
	}
  
	.form-sign-up-btn {
		width: 100%;
	}
	.report-content-pb {
		padding-bottom: 0px;
		margin-top: 20px;
		margin-bottom: -20px;
	}
	.hero-header {
		display: inline;
	}
}

@media (min-width: 768px) {
	.mpbi {
		height: 700px;
	}
  .show-navigation-in-mobile
  {
    display: none;
  }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.form-sign-up-btn-ml {
		margin-left: 15px;
	}
	.return-home-btn {
		width: 100%;
	}
	.form-sign-up-btn {
		width: 100%;
	}
	#faq-div .rn_Query {
		width: 87%;
	}
    .footer-links ul li a 
  {
    font-size: 14px;
    line-height: 16px;
  }
  .footer-links, .footer-links ul li 
  {
    line-height: 15px;
    padding: 6px 0px;
    padding-right: 0px !important;
}
}

@media screen and (max-width: 1024px) and (min-width: 767px) {
	.live-chat-main-div {
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media screen and (max-width: 1024px) 
{
#show-faq table tr td:nth-child(3) 
{
    display: inline-table;
    padding-left: 0px;
    padding-top: 0px;
    margin-bottom: 15px;
    margin-top: 3px;
}

#show-faq table tr td:nth-child(2) 
{
    display: contents;
    margin-bottom: 4px;
    margin-top: 0px;
    font-weight: 900;
    padding-left: 0px;
    padding-top: 0px;
    line-height: 14px !important;
}
}

@media screen and (max-width: 600px) and (min-width: 450px) {
	.custom-mobile-menu {
		top: 193px !important;
	}
}

@media screen and (max-width: 600px) and (min-width: 500px) {
	.report-content-pb {
		padding-bottom: 0px;
		margin-bottom: -15px;
	}
}

@media (min-width: 576px) {
	.container {
		max-width: 540px;
	}
}

@media (min-width: 768px) {
	.container {
		max-width: 720px;
	}
}

@media (min-width: 992px) {
	.container {
		max-width: 960px;
	}
}

@media (min-width: 1200px) {
	.container {
		max-width: 1140px;
	}
}

@media (min-width: 1400px) {
    .container {
        max-width: 1320px;
    }
}
@media (min-width: 1600px) {
    .container {
        max-width: 1480px;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
  #looking-for li{float:left;width:45%}
  .sign-in-top{margin-top: 30px;}
	.ptm10 {
		padding-top: 10px !important
	}
	#cart-list li {
		font-size: 13px
	}
	.bitem-img {
		float: left;
		margin: 0;
		padding: 0;
		width: 20%;
		font-size: 10px;
		padding-right: 10px;
	}
	.bitem-card {
		float: left;
		margin: 0;
		padding: 0;
		width: 60%;
		font-size: 12px;
		text-align: left !important
	}
	.bitem-desc {
		float: left;
		margin: 0;
		padding: 0;
		width: 45%;
		font-size: 14px;
		line-height: 17px;
	}
	.bitem-qty {
		float: right;
		padding: 0;
		margin: 0;
		width: 35%;
		padding-top: 20px;
	}
	.qty .minus {
		width: 26px;
		height: 27px;
		font: 24px/1 Arial, sans-serif;
	}
  .custom-minus-icon {
    position: relative;
    top: 0px;
    left: -1px;
}
	.qty .count {
		height: 25px;
		width: 20px;
		font-size: 14px !important;
	}
	.qty .plus {
		width: 26px;
		height: 27px;
		font: 24px/1 Arial, sans-serif;
	}
	.list-group-item {
		padding: 10px 10px;
	}
}

#description_textarea .oj-text-field-container {
	height: auto!important;
}


/* Custom footer css start */

#custom-footer .col-xs-5ths,
#custom-footer .col-sm-5ths,
#custom-footer .col-md-5ths,
#custom-footer .col-lg-5ths {
	position: relative;
	min-height: 1px;
	padding-right: 0px;
	padding-left: 0px;
}


#custom-footer .col-xs-issue,
#custom-footer .col-sm-issue,
#custom-footer .col-md-issue,
#custom-footer .col-lg-issue {
	position: relative;
	min-height: 1px;
	padding-right: 0px;
	padding-left: 0px;
}
#reportissuelist{
  display: grid;
  grid-template-rows: repeat(5, min-content);
  grid-auto-flow: column;
}
#custom-footer .col-xs-issue {
	width: 40%;
	float: left;
}

#custom-footer .col-xs-5ths {
	width: 20%;
	float: left;
}

@media (min-width: 768px) {
	#custom-footer .col-sm-5ths {
		width: 20%;
		float: left;
	}
}

@media (min-width: 992px) {
	#custom-footer .col-md-5ths {
		width: 20%;
		float: left;
	}
}

@media (min-width: 1200px) {
	#custom-footer .col-lg-5ths {
		width: 20%;
		float: left;
	}
}
@media screen and (max-width: 653px) and (min-width: 270px) {
  #custom-footer .col-lg-issue {
		width: 100%;
		float: left;
	}
  #custom-footer .col-lg-5ths {
		width: 50%;
		float: left;
	}
}
@media screen and (max-width: 767px) and (min-width: 360px) {
	#custom-footer .col-lg-5ths {
		width: 50%;
		float: left;
	}
  #custom-footer .col-lg-issue {
		width: 100%;
		float: left;
	}
	.res-footer-mt {
		margin-top: 10px;
	}
}

@media screen and (max-width: 360px) and (min-width: 318px) 
{
	#custom-footer .col-lg-5ths 
  {
		width: 50%;
		float: left;
	}
  #custom-footer .col-lg-issue 
  {
		width: 100%;
		float: left;
    white-space: nowrap;
	}
  #list-view-btn .oj-button-label 
  {
    font-size: 14px;
    font-weight: 400;
  }
  .footer-container 
  {
    padding: 0px 0px;
  }
  #map-view-btn .oj-button-label 
  {
    font-size: 15px;
    font-weight: 400;
  }

  .username-anchor 
  {
    padding: 5px 2px !important;
    padding-left: 5px !important;
  }
}

@media screen and (max-width: 325px) and (min-width: 318px) 
{
.bar-icon {
    margin-right: -130px;
}
.profile-menu-sub-div
{
      width: 220px;
}
}

@media (max-width: 400px) {
	.acc-statement-anchor {
		position: relative!important;
		padding-left: 14px!important;
		padding-right: 5px!important;
	}
	.send-feedback-li-pr {
		padding-right: 5px!important;
	}
}

@media screen and (max-width: 1200px) and (min-width: 1024px)
{
.form-sign-up-btn {
    width: 100%;
}
.return-home-btn {
    width: 100%;
}
}

@media screen and (max-width: 992px) and (min-width: 600px)
{
  .navigation-text-right 
  {
    text-align: left;
}
.bar-icon 
{
    margin-right: 0px;
}
.top-signup-btn
{
	margin-left: 0px;
	padding: 6px 3px;
}

	#login {
		order: 2;
    margin-left: 5px;
	}
	#signup {
		order: 1;
	}
}
/* Custom footer css End */


@media (max-width: 550px)
{
#comment_table table tr td:last-child 
{
    text-align: justify;
    padding: 0px;
    padding-top: 5px;
}
#comment_table table tr td:nth-child(3) 
{
    display: inherit;
    padding-left: 0px;
    padding-top: 0px;
}
}

@media (max-width: 330px)
{
  .sidewalk-err-msg-img
  {
    position: relative;
    top: 10px;
  }
}

@media (max-width: 270px)
{
  .all-error-msg-img
  {
    position: relative;
    top: 10px;
  }
}

@media screen and (max-width: 400px) and (min-width: 320px)
{
    #custom-tab .oj-tabbar-item-label {
    order: 2;
    text-overflow: ellipsis;
    white-space: normal;
    overflow-x: hidden;
    display: inline-block;
    line-height: normal;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    /* word-break: break-word; */
    font-size: 13px !important;
}
#show-faq 
{
    width: 95%;
    overflow: auto;
}

#custom-tab .oj-tabbar-item-content {
     background-color: #DCDCDC;
    border-radius: 0px 0px 0px 0px;
}

#custom-tab li
{
    margin-right: 5px;
}

.last-tab-child
{
   margin-right: 0px!important;
}

#oj-tab-bar--1553109544-1-tab-1 .oj-tabbar-item-label
{
          width: 68px;
}
#oj-tab-bar--1553109544-1-tab-2 .oj-tabbar-item-label
{
       width: 140px;
}

#oj-tab-bar--1553109544-1-tab-3 .oj-tabbar-item-label
{
       width: 90px;
}
.custom-single-report-row {
    margin-top: 20px;
}
}



@media screen and (max-width: 768px) and (min-width: 400px)
{
    #custom-tab .oj-tabbar-item-label {
     order: 2;
    text-overflow: ellipsis;
    white-space: normal;
    overflow-x: hidden;
    display: inline-block;
    line-height: normal;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    /* word-break: break-word; */
    font-size: 14px !important;
}

#custom-tab li
{
      margin-right: 15px;
}


#custom-tab .oj-tabbar-item-content {
    background-color: #DCDCDC;
    border-radius: 0px 0px 0px 0px;
}

.last-tab-child
{
   margin-right: 0px!important;
}

#oj-tab-bar--1553109544-1-tab-1 .oj-tabbar-item-label
{
      width: 70px;
}

#oj-tab-bar--1553109544-1-tab-2 .oj-tabbar-item-label
{
       width: 150px;
}

#oj-tab-bar--1553109544-1-tab-3 .oj-tabbar-item-label
{
       width: 90px;
}

.custom-single-report-row {
    margin-top: 20px;
}
}

@media screen and (max-width: 500px) and (min-width: 320px)
{
	.email-box-main-div 
{
       margin-top: -95px;
}
}

@media screen and (max-width: 768px) and (min-width: 500px)
{
	.email-box-main-div 
  {
    margin-top: -125px;
  }
}


@media screen and (max-width: 450px) and (min-width: 320px)
{
	#paging .oj-label-inline 
  {
    padding-right: 0px;
    font-size: 12px;
  }
  .oj-pagingcontrol-nav-page 
  {
    padding: 4px 0px !important;
  }
  .oj-pagingcontrol-nav {
    padding-left: 0px!important;
}
}

@media (min-height: 600px) and (max-height: 700px) and 
(min-width: 320px) and (max-width: 400px)
{
  .afd-page-container-margin
{
       padding-top: 20px;
    padding-bottom: 25px;
}
}

@media (min-height: 500px) and (max-height: 600px) and 
(min-width: 320px) and (max-width: 400px)
{
  .afd-page-container-margin
{
    padding-top: 5px;
    padding-bottom: 20px;
}
}

@media (min-height: 800px) and (max-height: 900px) and 
(min-width: 300px) and (max-width: 400px)
{
  .afd-page-container-margin
{
    padding-top: 100px;
    padding-bottom: 100px;
}
}

@media (min-height: 700px) and (max-height: 800px) and 
(min-width: 400px) and (max-width: 500px)
{
  .afd-page-container-margin
{
    padding-top: 50px;
    padding-bottom: 50px;
}
}

@media (min-height: 750px) and (max-height: 800px) and 
(min-width: 1020px) and (max-width: 1030px)
{
  .afd-page-container-margin
{
     padding-top: 150px !important;
    padding-bottom: 150px !important;
}
}

@media (min-height: 1020px) and (max-height: 1030px) and 
(min-width: 760px) and (max-width: 770px)
{
  .afd-page-container-margin
{
           padding-top: 200px !important;
    padding-bottom: 200px !important;
}
}

@media (min-height: 1360px) and (max-height: 1370px) and 
(min-width: 1020px) and (max-width: 1030px)
{
  .afd-page-container-margin
{
        padding-top: 400px !important;
    padding-bottom: 400px !important;
}
}

@media (min-height: 1020px) and (max-height: 1030px) and 
(min-width: 1360px) and (max-width: 1370px)
{
  .afd-page-container-margin
{
            padding-top: 250px !important;
    padding-bottom: 250px !important;
}
}


@media screen and (max-width: 1960px) and (min-width: 1370px)
{
  .community-wifi-big-screen
  {
    padding-bottom: 140px;
    padding-top: 120px;
  }
  .thank-you-page-container
  {
    padding-bottom: 140px;
    padding-top: 120px;
  }
      .illegal-fireworks-big-screen
  {
    padding-bottom: 140px;
    padding-top: 140px;
  }
  .afd-page-container-margin {
    padding-top: 290px;
    padding-bottom: 290px;
}
}

@media screen and (max-width: 1369px) and (min-width: 768px)
{
  .community-wifi-big-screen
  {
    padding-bottom: 110px;
    padding-top: 100px;
  }
   .thank-you-page-container
  {
    padding-bottom: 110px;
    padding-top: 100px;
  }
    .illegal-fireworks-big-screen
  {
    padding-bottom: 120px;
    padding-top: 120px;
  }
  .afd-page-container-margin {
    padding-top: 80px;
    padding-bottom: 100px;
}

}
@media screen and (max-width: 1022px) and (min-width: 768px)
{
    .illegal-fireworks-main-screen 
    {
    padding-top: 70px;
    padding-bottom: 80px;
    }
}

@media (min-height: 1360px) and (max-height: 1370px) and 
(min-width: 1020px) and (max-width: 1030px)
{
  .illegal-fireworks-main-screen 
  {
    padding-top: 250px;
    padding-bottom: 240px;
  }
  .illegal-fireworks-big-screen {
    padding-bottom: 260px;
    padding-top: 250px;
}
}

@media (max-width: 767px)
{
  .community-wifi-big-screen
  {
    padding-bottom: 40px;
    padding-top: 10px;
  }
	    .illegal-fireworks-big-screen
  {
    padding-bottom: 50px;
    padding-top: 30px;
  }
  .illegal-fireworks-main-screen 
  {
    padding-top: 20px;
    padding-bottom: 30px;
}
}
@media (min-width: 1365px)
{
	.illegal-fireworks-big-screen 
	{
    padding-bottom: 140px;
    padding-top: 140px;
	}
  .community-wifi-big-screen {
    padding-bottom: 140px;
    padding-top: 140px;
}
}

@media (min-width: 1365px)
{
  	.oj-web-applayout-footer {
    padding-top: 13px !important;
    padding-bottom: 13px !important;
}
}
/* CSS for SR Feedback Popup Starts*/
@media screen and (max-width: 450px) and (min-width: 320px)
{
  .sr-feedback-modal{
    width: auto!important;
  }
}
/* CSS for SR Feedback Popup Ends*/

@media screen and (max-width: 768px) and (min-width: 320px)
{
	.sr-feedback-modal{
		padding-left: 16px!important;
		padding-right: 16px!important;
	  }
    #sr-feedback-question-1{
		margin-top: 10px!important;
		margin-bottom: 10px!important;
	  }
	  #sr-feedback-question-2{
		margin-top: 20px!important;
		margin-bottom: 10px!important;
	  }
	  #sr_feedback_modal_dialog_layer .oj-dialog-header{
		padding: 16px!important;
	  }
	  #sr_feedback_modal_dialog .oj-dialog-header-close-wrapper{
		padding-right: 10px;
		float: right;
		padding-top: 29px;
		height: 25px;
	  }
	  #sr_feedback_modal_dialog .oj-dialog-title{
		font-size: 18px !important;
		display: inline!important;
	  }
	  #sr_feedback_modal_dialog{
		width: 90%!important;
		height: 785px!important;
	  }
  #tell_us_more_checkbox .oj-choice-item{
    width: 100%!important;
    height: auto!important;
  }

  .banner_icon_div {
    display: inline-block;
    margin: 0 auto;
    width: 10%;
    top: 0px;
    padding-top: 18px;
    vertical-align: top;
    position: inherit!important;
  }
  .banner_text_div {
    width: 88%;
    display: inline-block;
    text-align: left;
  } 
  .banner_icon {
    position: inherit!important;
  }
  .banner_container{
    margin-top: 11px!important;
  }
  #learn_more_link_div{
    text-align: center;
  }
}