/***** RESPONSIVE CSS ********/

@media (max-width: 1620px) {
    .filter-main .scp-view-all-filter span, .filter-main .control-wrap form .input-wrap input, .filter-main .control-wrap form .input-wrap input::placeholder, .filter-main .select-wrap .multiselect select, .filter-main .search-zip label, .filter-main .control-wrap form input{font-size: 13px; line-height: 13px;}
    .filter-main .control-wrap form .input-wrap, .filter-main .control-wrap .select-wrap{margin-right: 15px;}
    .filter-main .select-wrap .multiselect select{padding: 9px 22px 6px 10px; background-size: 16px; background-position: calc(100% - 4px) 7px; }
    .filter-main .select-wrap .search-within::before{margin-right: 8px;}
    .filter-main .control-wrap .select-wrap .multiselect{margin-right: 10px;}
    .filter-main .control-wrap .subit-col a{font-size: 14px; line-height: 18px;}
    .filter-main .control-wrap .subit-col a.clear{margin-left: 14px;}
    .filter-main .control-wrap form .input-wrap::before{background-size: 100% auto; width: 16px; height: 16px;}
    
}
@media (max-width: 1440px) {
    .filter-main .search-zip label.search-within{font-size: 0;}
    .filter-main .select-wrap .search-within{margin-right: 0;}
    .filter-main .control-wrap .subit-col a img{display: none;}
    .filter-main .scp-view-all-filter{padding-right: 12px;}
    .filter-main .control-wrap form .input-wrap, .filter-main .control-wrap .select-wrap{margin-right: 12px;}
    .filter-main .scp-view-all-filter::after,.filter-main .control-wrap .select-wrap:after{margin-left: 12px;}
    .filter-main .control-wrap .subit-col a.clear{margin-left: 10px;}
    .filter-main .control-wrap .subit-col a.filter-btn{font-size: 0;}
    .filter-main .control-wrap .subit-col a.filter-btn::before{font-size: 13px; content: "Apply";}
    .filter-main .control-wrap form .input-wrap input{max-width: 90px;}

}
@media (max-width: 1260px) {
    .containt-wrap .row .half-col{padding: 0 30px;}
    .filter-main .control-wrap .select-wrap .multiselect select{margin-right: 0;}
    .search-zip input{max-width: 120px; margin: 0 10px;}
    .filter-main .control-wrap .select-wrap{margin-right: 14px;}
    .filter-main .control-wrap .check-row{margin-right: 15px;}
    .filter-main .control-wrap .check-row .check-col input{margin-right: 7px;}
    .containt-wrap .row .content-col .title-wrap h2{font-size: 26px;}
    .containt-wrap .row .content-col .list_items .item .project-title h3{font-size: 18px; margin: 12px 0 0;}
    .containt-wrap .row .content-col .list_items .item .last-row{align-items: center;}
    .containt-wrap .row .content-col .list_items .item .last-row ul{padding: 0;}

    .similar_list_items.scp-similar-posts .item .project-title h3{font-size: 18px; margin: 12px 0 0;}
    .similar_list_items.scp-similar-posts .item .last-row{align-items: center;}
    .similar_list_items.scp-similar-posts .item .last-row ul{padding: 0;}
    .detail-page .content-col{padding-left: 30px;}
    .detail-page .content-col .into-content h1{font-size: 30px; line-height: 32px; }
    .detail-page .map-col .map-wrap .floting-map .text-wrap h3{font-size: 18px;}
    .detail-page .map-col .map-wrap .floting-map .text-wrap{padding: 15px;}

    .hide-tablet{display: none;}
    .show-tablet{display: block;}
    .filter-main .scp-view-all-filter::after, .filter-main .control-wrap .select-wrap:after{height: 33px;}

}
@media (max-width: 1120px){
    /* .filter-main{padding: 35px 0;}
    .filter-main .control-wrap form{flex-flow: row wrap;}
    .filter-main .control-wrap .select-wrap, .filter-main .control-wrap .check-row, .filter-main .control-wrap .search-zip{margin: 0 0 30px;}
    .filter-main .control-wrap .select-wrap{flex-flow: row wrap; width: 100%;}
    .filter-main .control-wrap .select-wrap .multiselect{margin: 0 0 20px; padding: 0 10px; width: 50%;}
    .filter-main .control-wrap .select-wrap .multiselect select{width: 100%;}
    .filter-main .control-wrap .check-row, .filter-main .control-wrap .search-zip{width: 50%; padding: 0 15px;} */
    .containt-wrap .row .content-col .list_items .item .project-title ul{ padding: 0;}
    .similar_list_items.scp-similar-posts .item .project-title ul{ padding: 0;}
    .detail-page .content-col h2{margin-bottom: 10px; font-size: 22px; line-height: 24px;}
    .main-two-box .box-wrap span{font-size: 38px;}
    .detail-page .content-col .grade-levels{margin-bottom: 28px;}
}
@media (max-width: 1085px) {
    .detail-page{margin-top: 0;}
    .detail-page .map-col .map-wrap{top: 88px;}
    .filter-main{margin: 0;}
}

@media (max-width: 1024px) {
    .containt-wrap .row {flex-flow: column;}
    .containt-wrap .row #scp-map{max-width: 400px; height: 400px; margin: 0 auto; position: relative !important; order: 1; top: 0;}
    .containt-wrap .row #scp-side-image-remote{height: auto; margin: 0 auto; position: relative !important; order: 1; top: 0;}
    .containt-wrap .row .half-col{width: 100%; padding: 0 15px; order: 2;}
    .containt-wrap .row .content-col .title-wrap h2{font-size: 20px; line-height: 24px;}
    /* .filter-main .control-wrap .select-wrap{margin-bottom: 10px;}
    .filter-main .control-wrap .subit-col{margin-top: 20px;} */
    .detail-page .content-col .into-content h1{font-size: 30px; line-height: 30px; margin-bottom: 14px;}
    .breadcum-main .breadcrumb{margin-bottom: 14px;}
    .detail-page .content-col p{margin: 0;}
    .detail-page .content-col .grade-levels ul li{padding: 0 8px;}

    .filter-main .control-wrap form .input-wrap,
    .filter-main .control-wrap .select-wrap.mult-select-box:after{display: none;}
    .filter-main .control-wrap .select-wrap.mult-select-box{margin-right: 0;}
    .filter-main .search-zip input{max-width: 95px;}
    .filter-main .search-zip select{max-width: 75px;}
    .filter-main .search-zip > label{font-size: 0 !important; margin: 0;}
}
@media only screen and (max-width: 991px) {
    .detail-page .content-col {padding-left: 15px; padding-right: 15px; width: 100%; padding-top: 0;}
    .detail-page .map-col {width: 100%; padding-left: 15px; padding-right: 15px;}
    .set-m-res {display: unset !important;}
    li.breadcrumb-item a, li.breadcrumb-item.active {font-weight: 400; font-size: 13px;}
    .detail-page .content-col .into-content .buttons_group .intro-btn {font-size: 14px; margin-right: 19px;}

    .detail-page .content-col .gallery-band .title-wrap {display: flex; justify-content: space-between; align-items: center;}
    .detail-page .content-col .gallery-band ul {display: block; align-items: center;margin: 0 auto; list-style: none;padding-left: 0;}
    .detail-page .content-col .gallery-band ul li a img {border-radius: 8px;width: 100%; margin-bottom: 20px;}

/**********************/
    .main-two-box {display: block;justify-content: space-between; margin-bottom: 30px;}
    .main-two-box .grade-levels {padding: 0 15px;width: 100%;}
    .detail-page .content-col .grade-levels ul li a {width: 70px !important; height: 70px !important;padding: 20px;}
    .detail-page .content-col h2{margin-bottom: 20px; display: flex;justify-content: flex-start;}
    /* .main-two-box .box-wrap span{justify-content: center;} */
    .detail-page .content-col p.note-p{text-align: center;}
    .detail-page .content-col .grade-levels ul {margin: auto; padding-left: 0;}
    .main-two-box .box-wrap {padding: 0 0px;width: 100%;}
    .main-two-box .box-wrap .box {border-radius: 8px; padding: 0; height: 100%; display: flex; flex-flow: column; margin-bottom: 20px;}
    .detail-page .content-col .more-information .box-wrap .care-options ul li {flex: 1 1 auto; padding: 0 0px;}
    .detail-page .content-col .program-cost {display: block;}
    .detail-page .content-col .program-cost .box-wrap {padding: 0 15px; width: 100%;}
    .detail-page .content-col .program-cost .box-wrap .box {padding: 0;margin-bottom: 50px;}
    .detail-page .content-col .scholarships h2 {margin-bottom: 0px;}
    .all-top-main {display: block;}
    .date-main {width: 100%;}
    .day-main {width: 100%; padding-left: 0;}
    .detail-page .content-col .more-information .box-wrap .care-options ul {display: block; margin-left: 0; margin: 0px 0px;}
    .detail-page .content-col .more-information .box-wrap .care-options ul li {margin-bottom: 20px;}
    .detail-page .content-col .into-content .buttons_group .intro-btn {padding: 12px 12px;}
    .detail-page .map-col .map-wrap .floting-map .text-wrap {display: block; text-align: center;}
    .detail-page .map-col .map-wrap .floting-map .text-wrap ul {display: flex; list-style: none; justify-content: center; margin-left: 0; padding-left: 0;}
    .detail-page .content-col .more-information .box-wrap .dates-wrap .dates p {font-size: 14px; margin-bottom: 6px;}
    .detail-page .content-col .more-information .box-wrap .dates-wrap .dates strong {font-size: 15px;}
    .containt-wrap .row .content-col .list_items .item{margin-bottom: 35px;}
    .similar_list_items.scp-similar-posts .item{margin-bottom: 35px;}
    .search-wrap .resp-tabs-container .resp-tab-content .select-row .select-col .multiselect .scp-checkboxes{max-height: 210px;}
    .detail-page .content-col .first-section-wrap{flex-flow: column; width: 100%; position: relative;}
    .detail-page .content-col .first-section-wrap:after {content: ""; width: 110px; height: 80px; position: absolute; background: linear-gradient(to left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); right: -15px; top: 0; pointer-events: none; }
    .detail-page .content-col .into-content .category-wrap{flex-flow: row; overflow-x: scroll; position: relative; width: 100%; overflow-y: hidden;}
    .detail-page .content-col .category-wrap .category-btn{white-space: pre;}
    .detail-page .content-col .category-wrap .category-data{flex-flow: row;}
    .first-section-wrap .print-col{margin-bottom: 15px; max-width: 62px; margin-top: 10px;}

    .filter-main .scp-view-all-filter span, .filter-main .control-wrap form .input-wrap input, .filter-main .control-wrap form .input-wrap input::placeholder, .filter-main .select-wrap .multiselect select, .filter-main .search-zip label, .filter-main .control-wrap form input{font-size: 11px; line-height: 11px;}
    .filter-main .scp-view-all-filter::after, .filter-main .control-wrap .select-wrap:after{margin-left: 10px;}
    .filter-main .scp-view-all-filter{padding-right: 10px;}
    .filter-main .control-wrap .select-wrap{margin-right: 10px;}
}


@media (max-width: 767px){
    .search-wrap .resp-tabs-container .resp-tab-content .select-row .select-col {width: 100%; margin-bottom: 20px;}
    .search-wrap .resp-tabs-container .resp-tab-content .select-row{flex-flow: column; margin-bottom: 16px;}
    .search-wrap .resp-tabs-container{padding: 24px;}
    .search-wrap .resp-tabs-container .resp-tab-content .select-row .select-col label{font-weight: 500; font-size: 16px; line-height: 15px; color: #25201F; margin: 0 0 8px;}
    .search-wrap .resp-tabs-container .resp-tab-content .select-row .select-col .multiselect select{padding: 12px;}
    .search-wrap .resp-tabs-container .resp-tab-content .select-row .select-col input{padding: 12px;}
    .containt-wrap .row .content-col .title-wrap {flex-flow: column; align-items: start; justify-content: center;}
    .containt-wrap .row .content-col .title-wrap .h1-warap {width: 100%;}
    .containt-wrap .row .content-col .title-wrap .h1-warap h2{display: flex; justify-content: space-between;}
    .containt-wrap .row .content-col .list_items .item .project-title h3{margin-bottom: 10px; width: 100%;}
    .containt-wrap .row .content-col .list_items .item .project-title{flex-flow: column; align-items: start;}
    .containt-wrap .row .content-col .list_items .item .last-row{flex-flow: column;}
    .containt-wrap .row .content-col .list_items .item .last-row .btn-learn{order: 2; width: 100%; text-align: center;}
    .containt-wrap .row .content-col .list_items .item .last-row ul{margin-bottom: 10px; order: 1; flex-flow: row wrap;}
    .containt-wrap .row .content-col .list_items .item .last-row ul li{margin-bottom: 10px;}

    .similar_list_items.scp-similar-posts .item .project-title h3{margin-bottom: 10px; width: 100%;}
    .similar_list_items.scp-similar-posts .item .project-title{flex-flow: column; align-items: start;}
    .similar_list_items.scp-similar-posts .item .last-row{flex-flow: column;}
    .similar_list_items.scp-similar-posts .item .last-row .btn-learn{order: 2; width: 100%; text-align: center;}
    .similar_list_items.scp-similar-posts .item .last-row ul{margin-bottom: 10px; order: 1; flex-flow: row wrap;}
    .similar_list_items.scp-similar-posts .item .last-row ul li{margin-bottom: 10px;}
    .detail-page .content-col .into-content h1{font-size: 20px; line-height: 22px;}
    .detail-page .content-col{padding-left: 0; padding-right: 0;}
    .detail-page .content-col .grade-levels ul li a{width: 40px !important; height: 40px !important; padding: 10px;}
    .detail-page .content-col .into-content .buttons_group{padding-right: 0; margin-bottom: 30px; display: flex; flex-flow: column; margin: 30px auto 0;}
    .detail-page .content-col .into-content .buttons_group a, .detail-page .content-col .into-content .buttons_group .or-text {margin-bottom: 15px;}

    /* .filter-main{padding: 20px 0;}
    .filter-main .control-wrap .check-row, .filter-main .control-wrap .search-zip{width: 100%; margin-bottom: 25px; display: flex; align-items: center; justify-content: center;}
    .filter-main .control-wrap .select-wrap{order: 1; width: auto; margin: 0 0 16px;}
    .filter-main .control-wrap .check-row{order: 3; width: auto; padding: 0 8px; margin-bottom: 0;}
    .filter-main .control-wrap .search-zip{order: 2; width: auto; padding: 0 4px; margin: 0 0 16px;}
    .filter-main .control-wrap .subit-col{order: 4; width: auto; margin-top: 0;}
    .filter-main .control-wrap .search-zip label{display: none;}
    .filter-main .control-wrap .search-zip input{max-width: 80px; border-radius: 32px;  background-color: #ffb351; border: 1px solid #3b4754; text-align: center; height: 28px; font-size: 10px;}
    .filter-main .control-wrap .select-wrap .multiselect .scp-checkboxes{min-width: 200px; padding: 6px;}
    .filter-main .control-wrap .select-wrap .multiselect{padding: 0 4px; width: auto; margin: 0 ;}
    .filter-main .control-wrap .select-wrap .multiselect select{background-image: none; padding: 9px 14px 6px 14px; width: auto;}
    .filter-main .control-wrap .check-row .check-col{margin-right: 12px}
    .filter-main .control-wrap .check-row .check-col label{font-size: 12px;}
    .filter-main .control-wrap .check-row .check-col input{width: 18px; height: 16px; margin: 0 7px 0 0px;}
    .filter-main .control-wrap .subit-col a{font-size: 12px;}
    .filter-main ::-webkit-input-placeholder {color: #202123; opacity: 1;}
    .filter-main ::-moz-placeholder {color: #202123; opacity: 1;}
    .filter-main :-ms-input-placeholder {color: #202123; opacity: 1;}
    .filter-main :-moz-placeholder {color: #202123; opacity: 1;}
    .filter-main .control-wrap .select-wrap .multiselect .scp-checkboxes label{font-size: 15px; line-height: 18px; margin-bottom: 2px;}
    .filter-main .control-wrap .select-wrap .multiselect .scp-checkboxes label input{position: relative; top: 2px;}
    .containt-wrap .row #scp-map{max-width: 100%; height: 200px; }
    .detail-page .content-col .more-information .box-wrap .days.mb_5{margin-bottom: 30px;} */
    .filter-main, .filter-main .container {padding: 0;}
    .filter-main .control-wrap form{flex-flow: row wrap;}
    .scp-view-all-filter{order: 2;}
    .filter-main .control-wrap .select-wrap.mult-select-box{order: 3;}
    .filter-main .control-wrap .select-wrap{order: 4;}
    .filter-main .control-wrap .select-wrap.search-zip{order: 1; flex: 1 1 100%; justify-content: center;}
    .filter-main .control-wrap .subit-col{order: 5; flex: 1 1 100%; justify-content: center; margin-top: 20px; background-color:#D33D35;}
    .filter-main .control-wrap .subit-col a.filter-btn{font-size: 16px; font-weight: 900;}
    .filter-main .control-wrap .subit-col a.clear{margin-left: 0;}
    .filter-main .control-wrap .subit-col a.filter-btn::before{display: none;}
    .filter-main .scp-view-all-filter::after, .filter-main .control-wrap .select-wrap:after{display: none;}
    .filter-main .control-wrap .select-wrap.search-zip{background: #014173; margin: 0; padding: 8px; margin-bottom: 20px;}
    .filter-main .select-wrap .search-within::before{width: 9px; height: 13px; background-size: 100% auto; margin-right: 6px;}
    .filter-main .control-wrap .select-wrap.search-zip .multiselect select, .filter-main .search-zip input, .filter-main .search-zip input::-webkit-input-placeholder{background-color: transparent; color: #ffffff !important; text-decoration: underline; font-size: 13px !important; border: 0; max-width: 105px;}
    .filter-main .control-wrap .select-wrap.search-zip .multiselect select{background-image: none;}
    .filter-main .control-wrap .select-wrap.search-zip .multiselect .overSelect{background: url(../img/down-arrow.png) no-repeat; background-position: calc(100% - 2px) 8px; filter: invert(100%); background-size: 16px;}
    .filter-main .control-wrap .select-wrap.search-zip .multiselect{margin-right: 0;}
    .filter-main .scp-view-all-filter span{font-size: 0;}
    .filter-main .scp-view-all-filter span::before{content: "ALL FILTERS"; font-size: 12px; line-height: 14px;}

    #scp-all-filter-popup .select-box-wrap{max-height: 350px;}
    #scp-all-filter-popup{max-height: 365px;}
    
}
@media (max-width: 600px) {
    .search-wrap .resp-tabs-container .resp-tab-content .submit-row {flex-flow: column; align-items: center; margin-top: 0; width: 100%; padding: 0;}
    .search-wrap .resp-tabs-container .resp-tab-content .submit-row .check-wrap{margin-bottom: 20px; flex-flow: column; align-items: start;}
    .search-wrap .resp-tabs-container .resp-tab-content .submit-row .check-wrap .check-col{margin-bottom: 12px;}
    .btm-section-lct img {max-width: 80%;}
}
@media (max-width: 399px) {
    /* .filter-main .control-wrap .select-wrap .multiselect select{padding: 9px 10px 6px 10px;}
    .filter-main .control-wrap .search-zip input{max-width: 72px;}
    .filter-main .control-wrap .subit-col a.clear{margin-left: 8px;} */
}