@media only screen and (min-width:992px){ /* > 992*/


    .offeritem
    {
        height:445px !important;
    }

    .fix-height {
        height: 360px;
    }

    .earnpointitem
    {
        height:243px !important;
    }

    .offeritem2
    {
        height:510px !important;
    }

    .large-article {
       height: 510px !important;
    }

    /*.main-header .main-menu .navbar-collapse > ul > li {
        margin-left: 28px;
    }*/

    .main-header .main-menu .navbar-collapse > ul > li:nth-child(1) {
        margin-left: 0 !important;
    }
	
	.join-us .counter-side{
		position:relative;
		width:100%;
		float:left;
		right:0px;
		height:auto;	
	}
	
	.join-us .counter-side .inner-box{
		padding:30px;
		position:relative;
		height:auto;
	}
	
	
	.main-header.fixed .header-lower{
		position:relative !important;
		top:0px !important;
	}

    .offer .offeritem {
        height:auto!important;
    }

}

@media only screen and (max-width: 992px) {
    .landing-hero {
        background-image: none;
    }

    .stat-block-learn {
        padding-top: 0;
        transform: scale(1);
        padding: 30px;
    }

    .stat-block {
        margin-bottom: 12px;
    }

    .landing-stats {
        margin-top: 20px;
        margin-bottom: 40px;
    }

    .main-footer .footer-upper .column {
        margin-bottom: 40px;
    }

    #earnpoint_count, #offer_count, #munci_count {
        font-size: 52px;
    }

    .new-center {
        text-align: center;
        margin-top: -39.2px;
    }

    span.left-part {
        position: relative;
        right: auto;
        white-space: normal;
        padding-right: 0;
    }

    .schools:not(.schools-owl-carousel) .school-home-cont {
        width: 48%;
        margin: 0 auto 20px auto;
    }

    .schools.flex-md-nowrap {
        flex-wrap:wrap!important;
    }

    .sportclub-home {
        width: 40%;
        margin: 5px auto;
    }

    .sportclub.flex-md-nowrap {
        flex-wrap: wrap !important;
    }

    .banner-title {
        text-align:center;
        margin-bottom:20px;
    }
    .deh:hover::before,
    .binnumber:hover::before,
    .plasicbagnumber:hover::before {
        transform: translate(-50%, -100%);
        width: 90vw;
        left: 50%;
    }
    .reg-form .deh:hover::before {
        transform: translate(0%, 100px);
        left:0;
    }

    .reg-form .binnumber:hover::before {
        transform: translate(0%, 100px);
        left: 0;
    }

    .reg-form .plasicbagnumber:hover::before {
        transform: translate(0%, 50px);
        left: 0;
    }
    .icon-box-tick:hover::before {
        left: auto;
        right: 100%;
    }
}

@media only screen and (max-width:768px) {
    .award {
        height: unset;
        width: 130px;
        margin: 20px auto;
    }

    .onboard-arrow {
        display: none;
    }

    .onboard-step:hover:before {
        display: none;
    }

    .onboard-container {
        margin-bottom: 34px;
    }

    .badgerow {
        margin-bottom: 16px;
    }

    .badgerow::before, .badgerow::after {
        display: none;
    }

    .phone-image {
        transform: scale(1) translateY(0px);
        margin-top: 10px;
        width: 100%;
    }

    .footer-upper {
        border-radius: 0 !important;
    }

    .school-home-cont {
        width: 48%;
        height: 160px;
        margin: 0 auto 20px auto;
    }

    .new-offer {
        bottom: 35px;
    }
    .schools:not(.schools-owl-carousel) .school-home-cont {
        width: 100%;
    }

    .school-home-cont img {
        width:100%;
        height:auto;
    }
    
}

@media only screen and (min-width: 768px) and (max-width: 991px) { /* 768 - 992*/
    .main-section{
        margin-top:100px;
    }

       .fix-height {
        height: 360px;
    }

    .earnpointitem
    {
        height:280px !important;
    }

    .offeritem
    {
        height:430px !important;
    }

        .offeritem2
    {

        height:500px !important;
    }

    .offer .offeritem {
        height: auto !important;
    }

    .large-article {
       height: 490px !important;
    }
    
    .main-header .main-menu{
		display:none !important;	
	}	
	#side-navigation {
		opacity: 1;
	}
	#side-navigation .toggle-nav {
		opacity: 1;
		/*top: 110px;*/
	}

       .login-area {
        position: relative;
        /*margin-right: 52px;*/
    }

}

@media only screen and (min-width:415px) and (max-width: 767px){ /* 415 - 767*/
    .lower-part .text h3{
        font-size:18px;
    }

       .fix-height {
        min-height: 360px;
    }

     .main-section{
        margin-top:10px;
    }

    .offeritem
    {
        height:520px !important;
    }

    .offeritem2
    {
        height:680px !important;
    }

    .offer .offeritem {
        height: auto !important;
    }

    .large-article {
       height: 490px !important;
    }

	.header-top{
		z-index:5;
	}
	
    .page-navigation
    {
        margin-top:15px;
        float:none !important;
        text-align:center !important;
    }

    .page-items
    {
        float:none !important;
        text-align:center !important;
    }


	
	.main-header .header-top .top-right{
		display:none;
	}

	
	.main-header .header-top .top-left .phone-num,
	.main-header .header-top .top-left .email{
		display:inline-block !important;
		float:none !important;
		margin:2px 10px !important;	
	}
	
	.header-fixed.fixed .header-lower{
		position:relative !important;
	}
	
	.main-header .logo{
		/*float:none !important;*/
		width:100%;
	}
	
	.main-header .right-cont{
		float:none;
		width:100%;
		padding:0px;
		margin:0px 0px 0px;
	}
	
	.main-header .main-menu{
		display:none !important;	
	}
	
		
	.parallax-section h3{
		font-size:22px;
	}
	
	.parallax-section .theme-btn{
		margin-bottom:10px;
	}
	
	.main-header .header-top .top-right{
		padding-top:10px;
		text-align:left;
	}
	
	.main-slider .window-size .big-title h2{
		font-size:30px;	
	}
	
	.main-slider .tp-bullets,
	.main-slider .tp-bullets.hidebullets{
		display:none;
	}
	
	.tri-column-outer{
		display:block;	
	}
	
	.tri-column-outer .column{
		display:block;
		width:100% !important;
	}
	
	.main-header.fixed .header-lower{
		position:relative;
		top:0px;
	}
	
	.sec-title h2{
		font-size:22px;		
	}
	
	.default-banner .window-size h2,
	.parallax-section h2{
		font-size:24px;
		text-transform:capitalize;	
	}
	
	.two-column-fluid .content-column,
	.two-column-fluid .image-side{
		width:100%;
		float:left;
		position:relative;
		min-height:200px;	
	}
	
	.two-column-fluid .column-inner{
		padding:20px 15px;	
	}
	
	.parallax-section.style-two .text{
		padding:0px;	
	}
	
	.parallax-section.style-two .text .theme-btn{
		position:relative;
		margin:20px 0px;	
	}
	
	.sidebar-page .comments-area .reply-btn{
		
		position:relative;
		top:10px;
	}
	
	.blog-section .blog-post .lower-part{
		padding-left:0px;
	}
	.theme-pagination li a,
	.blog-section .blog-post .lower-part .post-date{
		position:relative;
		top:0px;
		margin-bottom:7px;
	}
}

@media only screen and (min-width:321px) and (max-width: 554px) { /*321 - 414*/
    .news article .news-body .text {
        margin-left: 0px !important;
    }

    .lower-part .text h3 {
        font-size: 14px;
    }

    /*.main-section{
        margin-top:100px;
    }*/

    .earnpointitem {
        height: auto !important;
    }

    .offeritem {
        height: 430px !important;
    }

    .offeritem2 {
        height: 490px !important;
    }

    .offer .offeritem {
        height: auto !important;
    }

    .large-article {
        height: auto !important;
    }

    .text-center-xs {
        text-align: center;
    }

        .text-center-xs button {
            width: 100% !important;
        }

    .h2 {
        font-size: 24px !important;
    }

    .sidebar-page .sidebar {
        padding: 0px !important;
    }

    .padd-leftright-sidemenu {
        margin-left: 20px !important;
    }

    .no-padd-left-sm {
        padding: 0px;
    }

    /*#side-navigation .toggle-nav{
		top:120px;	
	}*/

    #side-navigation.scrolled-down .toggle-nav {
        top: 35px;
    }

    .counter-side .countdown .counter-column {
        margin: 0px 0px !important;
    }

        .counter-side .countdown .counter-column .count {
            font-size: 24px;
        }

        .counter-side .countdown .counter-column .colon {
            font-size: 24px;
            left: 12px;
        }

    .main-header .logo img {
        max-width: 200px;
        margin: 5px 0px;
    }

    #side-navigation .toggle-nav {
        left: -44px;
    }

    .featured-project .proj-donation {
        padding-right: 0px;
    }

        .featured-project .proj-donation .theme-btn {
            position: relative;
            margin-top: 10px;
        }

    .featured-video .image-box .earn-screen .message {
        top: -70px !important;
    }

    .blog-subtitle {
        padding: 5px !important;
        font-size: 14px !important;
    }


    .dark-btn {
        padding: 5px 10px !important;
    }

    .quiz-answers {
        font-size: 14px !important;
    }

    .quiz-header {
        font-size: 14px !important;
        line-height: 20px !important;
    }

    .quiz-option {
        padding-top: 5px !important;
    }

    .animated {
        line-height: 16px !important;
    }

    .featured-video .image-box .earn-screen .message h2 {
        font-size: 24px !important;
    }

    .featured-video .image-box .earn-screen .video-mobile h2, h4 {
        padding-bottom: 15px !important;
        font-size: 10px !important;
    }

    /*.main-header {
        margin-bottom: 80px;
    }*/
    .sportclub-home {
        width:100%;
    }


}

@media only screen and (max-width: 320px) { /* < 320px*/

    .default-banner h4 {
        font-size: 14px !important;
    }


    .munci-selector {
        margin: 0 10px !important;
    }

            .munci-selector ul li a {
                font-size: 13px !important;
                padding: 10px 6px !important;
            }

    .main-section
    {
        /* margin-top:100px; */
    }

    .lower-part .text h3{
        font-size:14px;
    }

    .offeritem
    {
        height:380px !important;
    }

    .offeritem2
    {
        height:440px !important;
    }

    .offer .offeritem {
        height: auto !important;
    }

    .large-article {
       height: 240px !important;
    }

     .earnpointitem
    {
        height:240px !important;
    }

    #win-points article {
           height:270px !important;  
    }

    .featured-video .image-box .earn-screen .message {
    top: 5px!important;
    }

     .featured-video .image-box .earn-screen .message h2 {
        font-size: 16px !important;
    }

    #win-points h3 {
        font-size:18px;
    }

    .main-article
    {
        margin-bottom: 35px !important;
    }

    .quiz-answers {
        font-size: 14px !important;
    }

    .quiz-header{
        font-size: 16px !important;
        top: 50px !important;
    }
    
    .blog-subtitle {
        font-size: 14px !important;
        line-height: initial !important;
    }
    .sportclub-home {
        width: 100%;
    }

}

@media only screen and (min-width:415px) and (max-width: 991px){




    .large-article {
       height: auto !important;
    }
}

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

	.four-column .column-inner {
        max-width: none;
    }
}

@media only screen and (min-width:560px) and (max-width: 667px){

    .offeritem
    {
        height:600px !important;
    }

    .offer .offeritem {
        height: auto !important;
    }
}

@media only screen and (min-width:668px) and (max-width: 767px){

    .offeritem
    {
        height:670px;
    }

    .offer .offeritem {
        height: auto !important;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1199px) {
    .become-a-volunteer .process {
        background: white;
    }

    /*Donut chart responsive fix*/
    #donutChart {
        position: relative;
        left: -19px;
    }
}

@media only screen and (max-width: 767px) {
    /*Donut chart responsive fix*/
    #donutChart {
        position: relative;
    }
}
@media only screen and (min-width:320px) and (max-width: 554px) {
    .howto-content {
        margin-right: 15px !important;
    }
          /*.main-header {
        height: 100px;
    }*/
}

@media only screen and (min-width:321px) and (max-width: 554px) {
    .text-column ul, li {
        margin-bottom: 10px;
    }
}

 
@media only screen and (min-width:300px) and (max-width: 767px){

    .recycleNow {
        top: 45% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
    }

    .recycleNow .title h2 {
        font-size: 24px !important;
    }


#recycle_machine_popover {
   
}

#machinerecyclediv
{
    padding-right: 175px;
}

.isuggest .box .title {
    margin-top: 30px !important;
}

.mission-carousel .carousel-caption {
     top: -9px !important;
}

}

@media only screen and (max-width: 520px) {
    .carousel-mission-title {
        font-size: 14px;
        margin-bottom: 0.2em;
    }

    .carousel-mission-desc {
        font-size: 8px;
    }

    .carousel-mission-btn-text {
        font-size: 8px;
    }

    .button-cta-green {
        margin-bottom: -5px;
        padding: 0px 0px;
    }

    .green-mission-badge {
        height: 15px;
        top: 22px;
    }
}
@media only screen and (max-width: 345px) {
    .carousel-mission-title {
        font-size: 10px;
        margin-bottom: 0.1em;
    }

    .carousel-mission-desc {
        font-size: 7px;
    }

    .carousel-mission-btn-text {
        font-size: 7px;
    }

    .button-cta-green {
        margin-bottom: -25px;
        padding: 0px 0px;
    }

    .green-mission-badge {
        height: 12px;
        top: 22px;
    }
}
@media only screen and (max-width: 361px) {



    .isuggest .box .title {
        margin-top: 60px !important;
    }

    .isuggest .button {
        bottom: -30px;
    }

    .logo {
        max-width: 115px;
    }

    .login-icon {
        display: none;
    }

      /*.main-header {
        height: 150px;
    }*/

      /*.header-section {
        margin-bottom: 65px !important;
      }*/
}

  /*Bill's Responsive Section*/
    @media only screen and (max-width: 767px) {

    /*#mun {
        position: absolute;
        top: 90px;
        left: 50%;
        transform: translate(-50%, 0);
        width: 95%;
        text-align: center;
    }*/


     .login-area, .user-area {
         position: relative;
         /*margin-right: 52px;*/
    }

     .login-area .phone-num {
         font-size: 13px;
         letter-spacing: 0;
     }

    .main-header .header-lower .logo {
        width:70px;
    }

    .single_munc {
        width: 95%;
        justify-content: center;
    }
}

    /*Move login options to the left*/
    @media only screen and (max-width: 1240px) {
        .login-area, .user-area {
            position: relative;
            /*margin-right: 52px;*/
        }

        .toggle-nav {
            position: relative;
        }
    }

@media only screen and (max-width: 320px) {
    .user-area {
        left: 0px !important;
    }
}

@media only screen and (max-width:415px) {
    #munci {
        height: unset!important;
        min-height: 1100px;

    }

    .landing-hero:before {
        display: none;
    }

    .landing-hero:after {
        display: none;
    }

    .action-wrapper {
        margin-right: 0;
        margin-bottom: 20px; 
    }

    .action-row:after {
        display: none;
    }

    .coupon-wrapper {
        margin-bottom: 50px;
    }

    .coupon-input {
        margin-bottom: 16px;
    }

    h1, .sec-title h2 {
        font-size: 22px;
    }

    h2 {
        font-size: 18px;
    }

    .munci-infos {
        font-size: 20px;
        margin-bottom: 16px;
    }

    .offer-type {
        padding: 11px 6px;
    }

    .welcome-munci {
        display: none;
    }

    .filterbtn {
        margin: 4px 0;
    }

    #resultsContainer {
        padding: 0 22px;
    }

    .member-details .image-box .post-image, .member-details .image-box img {
        margin: 0 auto;
    }
    #account-points-profile{
        left: 35px;
    }
}