@media all and (min-width: 1300px) {
    .textHolder {
        font-size: 15px;
    }

    .videoHolder iframe {
        height: 300px;
    }

    .listTitle,
    .listDesc {
        font-size: 12px;
    }

    .pressDetails .textHolder {
        float: left;
        width: 48%;
        margin-right: 6%;
    }

    .pressImg {
        float: left;
        width: 46%;
    }

    .sectionTitle {
        top: 0;
        width: 200px;
    }

    .fullWidthSection .sectionDescTitle {
        margin-bottom: 40px;
    }

    .sectionDescTitle {
        font-size: 15px;
    }

    .imgBodyHolder img {
        display: block;
        margin: 0 auto;
        max-width: 900px;
    }

    .introHolder.linksHolder {
        margin-left: 50px;
    }

    .menuLinks {
        margin-bottom: 105px;
    }

    .quoteText {
        font-size: 16px;
        max-width: 85%;
    }

    .menuLinks {
        width: 140px;
    }

    .menuLinks li a {
        font-size: 14px;
    }

    .subPage .introHolder:before {
        left: -25px;
    }

    .introHolder.linksHolder::before {
        left: 30px;
    }

}

@media all and (min-width: 1100px) {
.programsSlider .imageHolder img {object-fit: cover; object-position: 0 0; width: 100%; height: 197px;}
.oldProgramsSlider .imageHolder img {object-fit: cover; object-position: 0 0; width: 100%; height: 390px;}

	
	
	
	
}

@media all and (min-width: 761px) and (max-width: 920px){
.smallDesc h1 {font-size: 25px;}
.carousel-caption.right{right:5%;}
.carousel-caption.left{left:5%;}
.carousel-item img {height: 100% !important; width: auto !important; object-fit: cover;}
.home .homeMenu{bottom:15%;}
.menuItem .itemTitle {font-size: 13px;}
.memberLinks {display: block; margin-bottom: 30px;}
.memberLinks ul li a, .home .memberLinks ul li a {color: #063651;}
.home .mainMenu {display: block; margin-right: 0;}
.menusMain {text-align: center;	margin-bottom: 30px;}
.itemHolder {padding: 0 20px;}
.halfListInfo span.gender{font-size:16px;}
.newsTitleSmaller {font-size: 25px !important;line-height: 32px;}
h4.listTitle{font-size:22px;}
.carousel-caption{top:25%;}
header, .sliderHolder, .carousel-item, .sliderHolder .flexslider .slides > li {height: 60vh;}
span.blueNumber{font-size:16px;}

.oldProgramsSlider .programTitle{font-size:20px;}
.beneficiaryHolder, .halfList ul li, .regList ul li{font-size:14px;}
.smallBlueTitle{font-size:17px;}
.programDesc{height:auto; font-size:14px;}
.oldProgramsSlider .btnHolder.inlineBtns{position:relative;}
.regItem .imgHolder{text-align:left;}

.memberTitle{font-size:32px;}
.memberDesc, .regItem .textBlock ul li, .blackDesc{font-size:16px;}
.regItem h3{font-size:25px;}
.regList ul li{font-size:15px;}
.regItem .textBlock{min-height:235px;}
.registrationForm .progressbar li {width: 30%;}
.registrationForm .progressbar li span{font-size:22px;}









}

@media all and (min-width: 300px) and (max-width: 920px) {

    header,
    footer {
        position: static;
    }

   .sliderHolder .flexslider .slides>li {
        height: 80vh;
    }

    .attachedTop {
        position: absolute;
        top: 0;
        left: 0;
        width: auto !important;
        z-index: 10;
        padding: 15px 0;
        right: 0;
        z-index: 99;
    }

    .mobileMenuToggler {
        position: absolute;
        width: 30px;
        height: 20px;
        right: 11%;
        top: 25px;
        z-index: 999;
    }

    #nav-icon3 {
        width: 30px;
        height: 25px;
        position: relative;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
    }

    #nav-icon3 span {
        display: block;
        position: absolute;
        height: 3px;
        width: 100%;
        background: #fff;
        border-radius: 9px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }

    #nav-icon3 span:nth-child(1) {
        top: 3px;
    }

    #nav-icon3 span:nth-child(2),
    #nav-icon3 span:nth-child(3) {
        top: 9px;
    }

    #nav-icon3 span:nth-child(4) {
        top: 15px;
    }

    #nav-icon3.open span:nth-child(1) {
        top: 18px;
        width: 0%;
        left: 50%;
    }

    #nav-icon3.open span:nth-child(2) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    #nav-icon3.open span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    #nav-icon3.open span:nth-child(4) {
        top: 18px;
        width: 0%;
        left: 50%;
    }

    .safeArea {
        margin: 0 20px;
    }

    body.menuOpen #nav-icon3 span,
    .home.fixedMenu #nav-icon3 span,
    .subPage #nav-icon3 span {
        background-color: #062b3e;
    }

    .logoHolder a {
        width: 160px;
        height: 60px;
        transition: none;
        -moz-transition: none;
        -webkit-transition: none;
        -ms-transition: none;
    }

    .additionalHeaderComponents {
        overflow-y: scroll;
        display: none;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-color: #fff;
        z-index: 20;
        margin-right: 0;
        padding: 50px 0;
        margin-top: 0;
        height: 100vh;
    }

    body.menuOpen .additionalHeaderComponents {
        display: block;
    }

    .logoHolder {
        width: 145px;
        padding: 0;
        position: static;
        margin-top: 0;
        bottom: 0;
        z-index: 99;
    }

    .sliderCaption {
        transform: none;
        -moz-transform: none;
        -webkit-transform: none;
        left: calc(50% - 140px);
        bottom: 120px;
        text-align: center;
        transform: none;
        -moz-transform: none;
        right: 10%;
        width: 280px;
        right: inherit !important;
        transform: none !important;
    }

    .mainMenu>ul>li a,
    .inlinedList>li a,
    .languagesMain a,
    .subPage .mainMenu>ul>li a,
    .subPage .inlinedList>li a,
    .subPage .languagesMain a {
        color: #062b3e;
    }

    .mainMenu>ul>li a::after {
        background-color: #062b3e;
    }

    .mainMenu {
        clear: none;
        float: none;
        margin-bottom: 20px;
    }

    .mainMenu>ul>li {
        float: none;
        display: block;
        text-align: center;
    }

    .inlineMiddle,
    .inlinedList>li {
        display: block;
        margin-left: 0;
        text-align: center;
        margin-bottom: 25px;
    }

    .phoneLink a::before {
        background-image: url(/images/phone-blue.png);
    }

    .home.menuOpen {
        overflow-y: hidden;
    }

   

    .socialMedia {
        position: static;
        display: block;
        text-align: center;
    }

    .socialMedia ul li {
        display: inline-block;
        margin-bottom: 0;
        margin-right: 5px;
        vertical-align: middle;
    }

    .subPage .socialMedia {
        display: none;
    }

    .whiteSection,
    .blueSection,
    .topFooter,
    .mainFooter {
        padding: 30px 0;
    }

    span.shapeHolder,
    .testShapem,
    .pinkShape,
    .greenShape,
    .redShape,
    .blueVolBlock::after,
    span.boardRedShape,
    .boardGreenShape,
    .boardlighBlue,
    .boardBlueShape,
    .centerListing .testShape,
    .courseBlue,
    .courselightBlue,
    .courseGreen,
    .testShape,
    .purpleShape,
    .greenSmallShape,
    .contactImg span,
    .largeRed {
        display: none;
    }

    .subTitle {
        font-size: 14px;
    }

    .colMainTitle {
        font-size: 40px;
        line-height: 60px;
        margin-bottom: 20px;
    }

    .colDescription,
    .newsDesc {
        font-size: 14px;
        line-height: 20px;
    }

    .colImgHolder {
        margin-top: 0;
        margin-bottom: 20px;
    }

    .listInfo {
        width: 70%;
    }

    .smallDesc {
        font-size: 15px;
    }

    .numbersHolder,
    .blueSlider .numbersHolder {
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 10px;
    }

    .largeDesc,
    .blueSlider .largeDesc {
        font-size: 20px;
    }

    .btnHolder a,
    .newsLink a {
        font-size: 13px !important;
    }

    .lightBlueSection .tabsLinks {
        padding-left: 0;
    }

    .lightBlueSection .tabsLinks a {
        font-size: 14px;
    }

   .newsTitle {
        font-size: 22px;
    }

    .newsDate,
    .sliderLink,
    .locationTime a {
        font-size: 13px;
    }

    .newsLink a::after {
        width: 7px;
        height: 11px;
        right: -22px;
    }

    .leftNewsletter {
        font-size: 25px;
    }

    ul.siteMap li.col-md-3 {
        min-height: inherit;
    }

    .testimonialsSlider {
        margin: 60px 0 110px;
    }

    .testInfo {
        float: none;
        width: 100%;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        height: auto;
        margin-bottom: 40px;
    }

    .testText {
        font-size: 24px;
        padding-top: 0;
    }

    #boxscroll {
        height: 150px;
        width: 100%;
    }

    .testText>span {
        width: 33px;
        left: 0;
        top: 5px;
        height: 32px;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .testImage {
        float: none;
        position: relative;
        margin: 0;
        z-index: 2;
        height: auto;
        width: 100%;
    }

    .flex-direction-nav a {
        width: 40px;
        height: 40px;
    }

    ul.siteMap>li:nth-child(5n),
    ul.siteMap>li:nth-child(6n),
    ul.siteMap>li:nth-child(7n) {
        margin-bottom: 30px;
    }

    .cP,
    .cP a {
        line-height: 17px;
    }

    .lightBlueSection {
        padding: 30px 0;
    }

    .listingItems {
        margin-top: 30px;
    }

    .subPage .bodySections {
        padding: 90px 0 30px 0;
    }

    .subPageBody {
        padding-top: 30px;
    }

    .subMainSection {
        padding: 0;
        margin-bottom: 20px;
    }

    h1.mainTile {
        font-size: 33px;
        line-height: 45px;
    }

    .breadCrumbs a {
        font-size: 12px;
    }

    .subMenu {
        margin-bottom: 0;
        padding-left: 0;
        border: 1px solid #003c5b;
    }

    .subPage h2 {
        font-size: 28px;
        line-height: 35px;
    }

    .mediumText {
        font-size: 16px;
    }

    .arrowsList li {
        font-size: 14px;
    }

    .arrowsList li::before {
        top: 8px;
        width: 12px;
        height: 10px;
    }

    .bodyText {
        font-size: 14px;
        line-height: 26px;
        margin-bottom: 20px;
    }

    .textBlock .bodyText,
    .autismImage {
        margin-bottom: 20px;
    }

    .blueBlock,
    .darkBlueBlock,
    .lightBlueBlock,
    .blueVolBlock,
    .storyWall {
        padding: 25px;
    }

    h3 {
        font-size: 26px;
        margin-bottom: 15px;
        line-height: 31px !important;
    }

    .getInvolvedBlock {
        padding: 50px 0;
        margin-bottom: 30px;
    }

    .blueDescription {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 20px;
    }

    .fullWidthImg,
    .textBlock,
    .halfListingIcon {
        margin-bottom: 30px;
    }

    .whiteSmallDesc {
        font-size: 18px;
    }

    .iconTitle {
        font-size: 30px;
    }

    .smallListDesc {
        font-size: 15px;
    }

    .formHolder.trainerForm .formRow.halfWidth,
    .formHolder .formRow {
        width: 100%;
        float: none;
        margin-right: 0;
        margin-bottom: 30px;
    }

    .formHolder .formRow .labelHolder label,
    .formHolder .formRow .inputHolder input[type="text"],
    .formHolder .formRow .textareaHolder textarea,
    .stackedInput label {
        font-size: 14px;
    }

    .error {
        font-size: 12px;
    }

    .getInTouchBtn a,
    .blueButton a,
    .submitBtn input {
        font-size: 13px;
        padding: 15px 30px;
    }

    .volIcon {
        display: block;
        width: 100px;
        margin: 0 0 30px;
    }

    .volInfo {
        display: block;
        max-width: 100%;
        margin-left: 0;
    }

    .boardTitle {
        font-size: 20px;
        margin-bottom: 5px;
        min-height: auto;
    }

    .boardPosition {
        font-size: 14px;
    }

    .boardImg {
        margin-bottom: 10px;
    }

    .centerListing li .courseInfo,
    .centerListing li .courseImg {
        float: none;
        width: 100%;
        padding: 0;
    }

    .centerListing li .courseInfo {
        height: auto;
    }

    .courseInfo .newsDetails {
        padding: 20px 0;
    }

    .courseInfo .newsLink a {
        padding: 13px 38px 13px 15px;
    }

    .textBlock .testImage {
        float: none;
        position: relative;
        margin: 0 0 20px 0;
        z-index: 2;
        height: auto;
        width: 100%;
    }

    .blueDescription.alignedCenter {
        padding: 100px 0 70px;
    }

    .blueDescription.alignedCenter::before {
        width: 40px;
        top: 35px;
        height: 50px;
    }

    .padd50 {
        padding: 25px;
    }

    .textIntro {
        font-size: 22px;
        margin-bottom: 30px;
    }

    .itemRow,
    .contactText .listRow {
        margin-bottom: 30px;
    }

    .contactImg {
        position: relative;
        margin-bottom: 20px;
    }

    .contactText .smallDesc,
    .blueSmallDesc,
    .blueSmallDesc a {
        font-size: 18px;
    }

    .contactText .listIcon {
        width: 35px;
    }

    .contactText,
    .contactMap {
        margin-bottom: 50px;
    }

    .newsDate .locationTime {
        display: block;
        margin-left: 0;
        margin-top: 10px;
    }

    .toggleTitle {
        font-size: 22px;
    }

    .toggleContent {
        font-size: 15px;
    }

    .toggleList li span {
        font-size: 18px;
    }

    .involvedList .boardTitle {
        font-size: 25px;
    }

    .inputItem span {
        display: block;
        font-size: 16px;
        margin-right: 0;
        min-width: auto;
        margin-bottom: 5px;
    }

    .inputItem ul.stackedInput li {
        display: block;
        margin-right: 0;
        margin-bottom: 5px;
    }

    .inputItem {
        display: block;
        margin-bottom: 25px;
    }

    .backBtn a {
        font-size: 13px;
    }

    .backBtn a::after {
        width: 7px;
        height: 10px;
        left: 0;
        top: 5px;
        transform: rotate(180deg);
        background-size: 100%;
    }

    .blueDescription.padTop {
        padding-top: 60px;
        position: relative;
    }

    .blueDescription.padTop::before {
        width: 41px;
        left: 0;
        top: 6px;
        height: 49px;
    }

    .shareList span {
        font-size: 15px;
    }

    .nextPrevBtn a {
        font-size: 12px;
        padding: 13px 35px 13px 15px;
    }

    .nextPrevBtn a.prevBtn {
        padding: 13px 15px 13px 35px;
    }

    .mediaDate,
    .newsItemInfo .newsDate {
        font-size: 13px;
    }

    .mediaTitle {
        font-size: 26px;
    }

    .mediaDesc {
        font-size: 14px;
    }

    .moreArticles ul li,
    .photosList ul li {
        position: relative;
        margin-bottom: 30px;
    }

    .newsEvents .tabsLinks a {
        font-size: 15px;
    }

    .newsEvents .tabsLinks a::before {
        width: 12px;
        height: 12px;
        top: 5px;
    }

    .newsItemInfo .newsTitle {
        font-size: 30px;
        margin-bottom: 5px;
        line-height: 35px;
    }

    .newsItemInfo .newsDesc {
        font-size: 16px;
    }

    .newsEvents .newsInfo {
        width: 100%;
    }

    .newsSliderItem {
        height: 380px;
        background-position: center;
    }

    .newsSlider .locationTime a {
        margin-bottom: 10px;
    }

    .locationTime a.location {
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .locationTime a.location::before {
        background-image: url(/images/location.png);
        width: 12px;
        height: 15px;
    }

    .locationTime a.time::before {
        background-image: url(/images/time.png);
        width: 15px;
        height: 15px;
    }

    .fancybox-navigation .fancybox-button--arrow_right {
        right: 4%;
    }

    .fancybox-navigation .fancybox-button--arrow_left {
        left: 4%;
    }

    .photosInfo {
        padding: 15px 20px;
    }

    .albumTitle {
        font-size: 24px;
    }

    .small-video-row {
        max-width: 100%;
    }

    .video-overlay::after {
        position: absolute;
        content: '';
        width: 34px;
        height: 35px;
        top: calc(50% - 55px);
        left: calc(50% - 16px);
    }

    .videoDuration {
        font-size: 13px;
        padding-left: 25px;
        margin-bottom: 10px;
    }

    .videoDuration::before {
        top: 1px;
        width: 14px;
        height: 14px;
    }

    .videoTitle {
        font-size: 24px;
    }

    .slick-prev {
        left: 14%;
    }

    .slick-next {
        right: 14%;
    }

    .publicationsList .imgHolder {
        float: none;
        width: 100%;
        margin: 0;
    }

    .publicationsList .photosInfo {
        float: none;
        width: 100%;
        height: 210px;
    }

    .photosList.publicationsList ul li,
    .photosList.publicationsList ul li.noImg {
        margin-bottom: 40px;
    }

    .tableHolder tr th,
    .tableHolder tr td {
        padding: 10px 15px;
    }

    .tableHolder tr th {
        font-size: 20px;
    }

    .tableHolder tr td {
        font-size: 15px;
    }

    .subMenuHolder {
        margin-bottom: 40px;
    }

    .selectedMenu {
        display: block;
        padding: 15px;
        border: 1px solid #003c5b;
        text-align: center;
        color: #003c5b;
        font-size: 16px;
        text-decoration: none;
        font-weight: 400;
        font-family: 'Barlow', sans-serif;
        position: relative;
        text-transform: uppercase;
        cursor: pointer;
        position: relative;
    }

    .selectedMenu:after {
        position: absolute;
        content: '';
        background-image: url('/images/arrow.svg');
        width: 16px;
        height: 10px;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        right: 15px;
        top: 19px;
    }

    .subMenu a {
        display: block;
        text-align: center;
    }

    .subPageBody .subMenu a.active::after {
        display: none;
    }

    .subMenu {
        display: none;
    }

    .topMenu,
    .socialMedia {
        display: none !important;
    }

    .menuOpen .topMenu,
    .menuOpen .socialMedia {
        display: block !important;
    }







    .bodySections {
        margin-top: 0;
        background-color: #ffffff;
        position: relative;
        z-index: 10;
        margin-bottom: 0 !important;
    }

    .hpBlock {
        padding: 40px 20px;
    }

    h2.sectionNumber {
        margin-bottom: 15px;
    }

    h2 {
        font-size: 36px;
    }

    .contentBlock {
        font-size: 19px;
        line-height: 27px;
    }

    .margBot100 {
        margin-bottom: 70px;
    }

    .halfPage {
        width: 100%;
    }

    .carouselHolder .imgHolder {
        margin-bottom: 25px;
        overflow: hidden;
    }

    .carouselHolder .slideTitle {
        margin-bottom: 15px;
        font-size: 26px;
    }

    footer {
        display: block;
        z-index: 1;
    }

    .contactInfo,
    .cpHolder,
    .subPage .cpHolder,
    .contactInfo span {
        font-size: 14px;
    }

    .cpHolder {
        text-align: left;
        margin-bottom: 30px;
    }

    .sliderCaption h2 {
        font-size: 29px;
        line-height: 35px;
    }

    .sliderCaption h3 {
        font-size: 22px;
        line-height: 28px;
    }

    .leftMenuHolder {
        left: 1000px;
    }

    body.active .leftMenuHolder {
        right: 0;
        left: 0;
        width: auto;
    }

    .subPageBanner {
        height: 45vh;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .subPageBanner .sliderCaption {
        bottom: -40px;
    }

    .listItem {
        padding: 50px 20px;
    }

    .imgIcon img {
        max-height: 60px;
    }

    .listTitle {
        font-size: 18px;
    }

    .listDesc {
        font-size: 15px;
        line-height: 22px;
    }

    h2.sectionTitle {
        font-size: 28px;
        line-height: 37px;
    }

    .selectTitle::after {
        width: 21px;
        height: 11px;
        top: 18px;
    }

    option {
        font-size: 15px;
    }

    .tableHolder {
        margin-bottom: 80px;
        width: 100%;
        overflow-x: scroll;
    }

    .tableHolder th {
        font-size: 18px;
        padding: 15px;
    }

    .tableHolder td {
        font-size: 14px;
        padding: 20px 30px;
        vertical-align: middle;
    }

    .formHolder .formRow {
        width: 100%;
        margin-right: 0;
    }

    .inputHolder input[type="text"],
    .inputHolder select,
    textarea {
        height: 38px;
        font-size: 14px;
    }

    .menuHolder {
        float: right;
        margin-top: -28px;
    }

    .menuHolder .menuBtn a {
        width: 27px;
        height: 24px;
    }

    .logosList ul li {
        width: 32%;
    }

    .logosList ul li:nth-child(3n) {
        margin-right: 0;
    }

    .plansListHolder ul li .titleHolder {
        font-size: 22px;
    }

    .plansListHolder ul li .imgHolder,
    .plansListHolder ul li .titleHolder,
    .plansListHolder ul li .epmtyBox {
        width: 49.33%;
    }

    .plansListHolder {
        padding: 0;
    }

    .plansListHolder ul li .titleHolder a span {
        background-size: 40px auto;
        padding-bottom: 55px;
    }

    .flex-control-nav {
        bottom: 37%;
        width: 100%;
        text-align: center;
        transform: none;
    }

    .leftBlock,
    .rightBlock {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 50px;
    }

    .rightBlock {
        margin-bottom: 0;
    }

    .subSliderHolder {
        height: 40vh;
    }

    .backBtn {
        font-size: 14px;
        top: -30px;
    }

    .backBtn::before {
        width: 12px;
        height: 12px;
    }

    .subSections h2 {
        font-size: 28px;
    }

    .subSections .smallDesc {
        font-size: 18px;
    }

    .productList ul li {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 25px;
        position: relative;
    }

    .productList ul li:last-child {
        margin-bottom: 0;
    }

    .sliderMore {
        font-size: 18px;
    }

    .categoriesHolder {
        padding: 40px 0;
    }

    .whiteCat {
        padding: 35px 30px;
    }

    .whiteCat .flex-control-nav {
        bottom: -60px;
    }

    .brandsHolder .flex-control-nav {
        bottom: -45px;
    }

    .brandsHolder .flex-control-nav li a {
        width: 20px;
    }

    .whiteCat .flex-direction-nav,
    .rightImage,
    .brandsHolder .flex-direction-nav {
        display: none;
    }

    .catTitle {
        font-size: 20px;
    }

    .aboutHolder {
        position: relative;
        top: 0;
        width: inherit;
        right: 0;
        left: 0 !important;
    }

    .aboutInfo {
        margin-left: 0;
    }

    .aboutDesc {
        color: #333333;
        font-size: 19px;
        margin-bottom: 40px;
    }

    .aboutBlock .blackBtn {
        margin-top: 40px;
    }

    .imgHolder {
        margin: 0 auto;
        text-align: center;
    }

    .brandsHolder .flexslider .slides img {
        height: 100%;
        display: block;
        width: auto !important;
        margin: 0 auto;
    }

    .featuredProducts {
        background-color: #ffffff;
        padding: 40px 0 !important;
    }

    .productsList ul li {
        width: 50%;
    }

    .newsList ul li {
        width: 48%;
        margin-right: 4%;
        margin-bottom: 20px;
    }

    .newsList ul li:nth-child(2n) {
        margin-right: 0;
    }

    .contactBlock li {
        float: left;
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .newsHolder h2 {
        text-align: left;
    }

    .contactItem {
        padding: 30px;
    }

    .contactTitle {
        font-size: 21px;
    }

    .contactDesc {
        font-size: 18px;
    }

    .flexslider {
        margin-bottom: 60px;
    }

    .brandsHolder .flex-control-nav {
        display: block;
    }

    .sliderHolder {
        width: 100%;
        overflow: hidden;
    }

    .smLinks {
        float: none;
    }

    .viewLink {
        padding-right: 40px;
        color: #000000;
        font-size: 15px;
        position: absolute;
        right: 0;
        top: 10px;
    }

    .subWhite .attachedTop {
        position: relative;
        padding: 22px 20px;
    }

    .subSections {
        padding: 40px 20px;
    }

    .breadcrumbsFilter {
        padding: 20px;
    }

    ul.breadCrumbs {
        float: none;
        margin-bottom: 30px;
    }

    .filterArea {
        float: none;
        width: 100%;
    }

    .filterHolder {
        float: none;
        width: 100%;
        margin-left: 0;
        position: relative;
        margin-bottom: 25px;
    }

    .hoverBody {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 1;
        visibility: visible;
        z-index: 9;
        background-color: rgba(0, 0, 0, 0.5);
    }

    .productList {
        margin-top: 0px;
    }

    .filterHolder.noBorder {
        float: none;
        width: auto !important;
        position: relative;
        text-align: left;
        padding-left: 30px;
        display: block;
    }

    .prodcutImage,
    .productDetInfo {
        float: none;
        width: 100%;
    }

    .productDetInfo {
        display: block;
        align-items: inherit;
        height: inherit;
    }

    .detRow {
        margin-bottom: 40px;
        font-size: 15px;
    }

    .detRow span {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .btnsHolder a {
        margin-right: 20px;
        width: 130px;
        font-size: 15px;
    }

    .infoDetails {
        padding: 0;
    }

    .productDetailsHolder {
        margin-bottom: 80px;
    }

    .alsoLike h3 {
        font-size: 24px;
    }

    .alsoLike,
    .alsoLike .flexslider {
        margin-bottom: 0;
    }

    .alsoLike .flex-control-nav {
        bottom: 0;
    }

    .filterArea.wide {
        float: right;
        width: 100%;
    }

    .filterArea.wide .filterHolder {
        float: none;
        width: 100%;
        margin-left: 0;
        position: relative;
        margin-bottom: 30px;
    }

    .smLinks li a {
        display: block;
        width: 35px;
        height: 35px;
    }

    .productDetailsHolder.noPad {
        margin-top: 0;
        margin-bottom: 0;
    }

    .productDetailsHolder.noPad .prodcutImage {
        width: 100%;
        margin-bottom: 20px;
    }

    .newsDetInfo {
        float: none;
        width: 100%;
        font-size: 17px;
        color: #333333;
        line-height: 26px;
    }

    .whiteBgContent {
        padding: 0 0 80px 0;
    }

    .aboutIntro {
        font-size: 20px;
        line-height: 30px;
        margin-top: 50px;
    }

    .aboutSplit {
        padding: 0 20px;
    }

    .aboutDet {
        float: none;
        width: 100%;
    }

    .aboutDet.aboutLeft {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }

    .aboutDet h3 {
        font-size: 22px;
        margin-bototm: 15px;
    }

    .contentText {
        font-size: 16px;
        color: #333333;
        line-height: 26px;
    }

    .productsList .hoverBody .hoverInfo {
        display: none;
    }

    .viewBtn,
    .blackBtn a,
    .aboutBlock .viewLink,
    .inquireBtn a,
    .subMenu li a,
    .productListTitle {
        font-size: 15px;
    }

    .viewBtn::after,
    .viewLink::after {
        width: 19px;
        height: 10px;
    }

    .aboutImg {
        margin-bottom: 40px;
    }

    .viewLink::after {
        top: 4px;
    }

    .newsTitle a {
        font-size: 20px;
    }

    .rightMenu>ul>li {
        padding: 10px 0;
    }

    .rightMenu>ul>li>a {
        font-size: 20px;
    }

    .productTitle {
        font-size: 28px;
    }

    .productReference {
        font-size: 24px;
    }

    .prevPage,
    .pageOfpage,
    .nextPage {
        font-size: 16px;
    }

    .whiteContact {
        min-width: 280px;
    }

    .fancybox-content {
        padding: 30px;
    }

    .leftHolder {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 50px;
    }

    .inquiryBody .inputHolder input[type="text"],
    .inquiryBody .inputHolder select,
    .inquiryBody textarea {
        width: 95%;
    }

    .rightHolder {
        float: none;
        width: 100%;
        position: relative;
    }

    .listDelete a {
        font-size: 14px;
    }

    .listImg {
        width: 35%;
    }

    .listDelete {
        width: 15%;
    }

    .inquiryItems {
        margin-right: 45px;
        margin-top: -30px;
    }

    .inquiryItems a {
        width: 23px;
        height: 23px;
    }

    .inquiryItems a span {
        right: -11px;
        bottom: -9px;
    }

    .videosSlider .flex-direction-nav a {
        top: inherit;
        bottom: -70px;
    }

    .videosSlider .flex-direction-nav .flex-next,
    .videosSlider .flexslider:hover .flex-direction-nav .flex-next {
        right: 30%;
        left: inherit;
    }

    .videosSlider .flex-direction-nav .flex-prev,
    .videosSlider .flexslider:hover .flex-direction-nav .flex-prev {
        left: 26%;
        right: inherit;
    }



    .donateList .newsInfo {
        width: 100%;
    }

    .leftDonate {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .rightdonate {
        float: none;
        width: 35%;
        text-align: center;
        margin-bottom: 30px;
    }

    .donationProgress {
        display: block;
        width: 100%;
        vertical-align: bottom;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .donationBtn {
        display: block;
        width: 100%;
    }

    span.fullDonation {
        text-align: left;
    }

    .bodyDetails .sponsorHolder {
        float: none;
        width: 35%;
        margin-bottom: 40px;
        margin-left: 12px;
    }

    .albumSlider .flex-direction-nav .flex-prev {
        right: 55%;
    }

    .albumSlider .flex-direction-nav .flex-next {
        left: inherit;
        right: 32%;
    }

    .privacyDonation span {
        font-size: 18px;
    }

    .socialDonate span a {
        font-size: 14px;
        padding-right: 21px;
    }

    .socialDonate span.twitter a {
        padding-right: 25px;
    }

    .socialDonate span {
        margin-left: 0;
        margin-right: 25px;
        margin-top: 10px;
        min-width: 130px;
    }

    .socialDonate span.twitter a:after {
        width: 18px;
        height: 18px;
    }

    .socialDonate span.twitter {
        margin-right: 0;
    }

    .donationInfoHolder {
        position: relative;
        left: 0;
        bottom: 0;
        right: 0;
    }

    span.smallText,
    .donateInfo>span,
    .progInfo,
    .transactionInfo {
        font-size: 16px;
    }

    span.bigText {
        font-size: 23px;
    }

    .donationContent h3 {
        font-size: 32px;
    }

    .donateLinks .container {
        margin: 0;
    }

    .totalDonation,
    .totalAmount a,
    .totalAmount a span,
    .transactionInfo a.emailLink,
    .transactionInfo a.phoneLink,
    .centeredText,
    .bankTitle,
    .bankDetails {
        font-size: 18px;
    }

    .socialDonate {
        font-size: 20px;
    }

    .donationContent .col-md-4 .backBtn.rightAlign {
        display: none;
    }

    .donationPrivacy,
    .donationBanks {
        margin-bottom: 50px;
    }

    .topList span {
        font-size: 21px;
        display: block;
        margin-bottom: 10px;
    }

    .topList .selectHolder {
        display: block;
        width: 100%;
    }

    .subMenuHolder.noPad .subMenu a:before {
        display: none;
    }

    .backBtn.posAbs {
        bottom: 0;
        top: 0;
    }

    .iconHolder {
        width: 100px;
    }

    .successHolder.donationContent {
        text-align: center;
        padding: 40px 20px;
    }

    .subContent .donateList .newsItem .newsImg,
    .donateList .newsInfo {
        display: block;
    }

    .donateList .newsInfo .newsDetails {
        padding: 20px;
    }

    .albumSlider.minItems .swiper-slide {
        width: 47% !important;
    }

    .swiper-container .swiper-button-next {
        right: 30%;
    }

    .swiper-container .swiper-button-prev {
        left: 30%;
    }


    .home .topMenu {
        text-align: center;
    }

    .homeMenu {
        position: absolute;
        bottom: 15%;
        left: 50%;
        text-align: center;
        z-index: 9;
        transform: translateX(-50%);
        width: 88%;
        display: block;
    }

    .home .homeMenu ul li {
        width: 115px;
        height: 115px;
    }

    .home .mainMenu {
        display: block;
    }

    .itemTitle {
        font-size: 14px;
    }

}

@media all and (min-width: 300px) and (max-width: 760px) {
	header, .sliderHolder .flexslider .slides>li {
        height: 80vh;
    }
	 .newsImg {
        float: none;
        width: 100%;
    }

    .newsInfo {
        float: none;
        width: 100%;
        height: auto;
        padding: 20px;
    }
	
	 .infoHolder {
        width: 100%;
        height: auto;
        margin-bottom: 30px;
    }
	
	
    .home .homeMenu {display: none;}
    .flex-control-nav {bottom: 30%;}
	
	.oldProgramsSlider .programItem{display:block;}
   .oldProgramsSlider .programItem .imageHolder, .oldProgramsSlider .programItem .programInfo {display: block;width: 100%;}
.oldProgramsSlider .btnHolder.inlineBtns{position:static;}
.programDesc{height:auto;}
.programTitle,.oldProgramsSlider .programTitle{font-size:25px;}
.smallBlueTitle{font-size:20px;}
h3.bluetitle,h3.whitetitle {font-size: 30px;}
.colMainTitle{font-size:35px; line-height: 40px;}
.newPrograms .colDescription{max-width:inherit;}
.attachedTop{overflow:hidden;}
.logoHolder a {width: 170px !important; height: 60px !important;}
.mobileMenuToggler {position: absolute;width: 30px;height: 20px;right: 11%;top: 40px;z-index: 999;}
.memberLinks, .memberLinks ul li {display: block; vertical-align: middle; max-width: 200px; margin: 0 auto;}
.memberLinks ul li{margin-bottom:10px;}
.home .memberLinks ul li a, .memberLinks ul li a  {color: #062b3e !important;}
.memberLinks {margin-bottom: 40px;}
.memberLinks ul li a{display:inline-block;}
.mainMenu{margin-right:0;}
.mainMenu>ul>li:last-child {padding-right: 20px;}
.searchHolder {display: block; vertical-align: middle; text-align: center; margin-bottom: 30px;}
.home.fixedMenu .mainMenu {display: block;}
.searchHolder .inputEntity{display:inline-block;}
.home .searchHolder .inputEntity input[type="text"] { color: #063651; border: 1px solid #a1a1a1;}
.home .searchHolder .inputEntity input[type="submit"] {background-image: url(../../images/white-search.png);}
.home .searchHolder .inputEntity input[type="text"]::-webkit-input-placeholder{color:#063651;}
.smallDesc h1 {font-size: 28px;}
.newsTitleSmaller {font-size: 25px !important;}
.statisticHolder span.shapeSmall{display:none;}
.darkBlueHolder{margin-bottom:30px;}
.itemHolder {padding: 0 20px;}
.halfListInfo span.percentage{font-size:24px;}
.inlineListHolder span.yellowPercentage{font-size:22px;}
.inlineListHolder span{font-size:17px;}
.tableHolder tr th {font-size: 15px;}
.carousel-item.active .carousel-caption{display:block !important; left:10%; right:inherit;}
.carousel-caption h5{font-size:38px;}
.carousel-indicators{left:10%;}
.mainMenu{display:block;}
.topMenu {text-align: center;}

.successHolder .iconHolder {margin-bottom: 40px; width: 80px;}
.successHolder h3{font-size:24px;}
.membersDetails h4, .invoicesHolder h4, .blueInfoHolder h4{font-size:22px;}
.memberDetailsItem label{font-size:16px;}
.memberDetailsItem .fieldDetails{font-size:15px;}
.successHolder h5{font-size:16px;}
.subPageMenu {float: none; width: 100%; margin-right: 0; margin-bottom: 30px;}
.membersDetails {float: none; width: 100%;}
.progressMemberInfo span.blueText{font-size:20px;}
span.activePage {display: block; padding: 10px; color: #063651; font-size: 17px; font-weight: 600; position: relative;   background-color: #f0ba39;}
span.activePage:after{position: absolute;content: '';background-image: url(../../images/blue-more.png);width: 9px;height: 13px; transform: rotate(90deg); right: 20px; bottom: 15px;}
.subPageMenu ul{display:none;}
.subPageMenu.active span.activePage:after{transform: rotate(-90deg);}
.formTitle{font-size:28px;}
.invoicesHolder .tableHolder tr td:last-child {padding: 10px;}
.loginBlueBlock, .loginWhiteBlock{margin-bottom:20px;}
.halfList ul li, .regList ul li {float: none; width: 100%; margin-right: 0;}
.blueDesc {font-size: 18px;}
.succesMessage{font-size:14px;}
.bodySections .btnHolder span {display: block;font-size: 14px; margin-right: 0; margin-bottom: 15px; text-align: left;}
.lightblueInfoHolder .regList ul li {width: 100%; margin-right: 0;}
.registrationRow h3 {font-size: 24px;}
.registrationRow .sentMessage{bottom:-70px; top:inherit;}
.registrationRow .sentMessage:before{top:-9px; bottom:inherit; transform: rotate(-90deg);}
.registrationRow .error{right:0; left:inherit; bottom:-30px;}
.regItem .imgHolder {position: relative; display: block; overflow: hidden; height: 340px;}
.regItem .imgHolder img {width: auto; max-width: inherit; height: 100%; display: block; margin: 0 auto;}
.memberInfo{text-align:left;}
.memberTitle{font-size:34px;}
.memberDesc{font-size:17px;}
.registrationRow ul.stackedInput{width:100%;}
ul.stackedInput.width50 li {width: 100%; margin-bottom: 7px; margin-right: 0; display: block;}
.lightBlueBlock .inputHolder{width:70%;}
.regList ul {min-height: auto;}
.regItem {display: block; margin-bottom: 30px; width:100%}
.searchImg {display: block; margin-right: 0; width: 100%; margin-bottom: 15px;}
.searchInfo {display: block; width: 100%;}
.searchTitle,.searchItemTitle{font-size:24px;}
.searchItemDesc{font-size:16px;}
.searchItem a:after{display:none;}
.registrationForm.formHolder .formRow .col-xs-12, .clinicForm  .formRow .col-xs-12{ margin-bottom: 30px;}
.registrationForm.formHolder .formRow .col-xs-12:last-child, .clinicForm .formRow .col-xs-12:last-child {margin-bottom:0;}
.clinicForm .formRow.checkBoxList {margin-left: 12px;}
.memberLinks ul li.hasSubMenu:hover ul{position:relative;left: 0px;right: -20px; top: 20px;}
.memberLinks ul li.hasSubMenu:hover{box-shadow:none;}
.searchHolder .inputEntity input[type="text"], .searchHolder .inputEntity input[type="submit"]{display:inline-block; vertical-align:middle;}
.home .searchHolder .inputEntity input[type="text"], .searchHolder .inputEntity input[type="text"]{position:relative; bottom:inherit; border-color:transparent;}
.home .searchHolder .inputEntity.active input[type="text"], .searchHolder .inputEntity.active input[type="text"]{border-color:#a1a1a1;}
.searchHolder .inputEntity.active input[type="submit"]{margin-left:-15px;}
body.openSearch .additionalHeaderComponents{top:65px;}
.leaflet-popup-content{font-size:14px;}
.cardDetailsHolder h5{font-size:16px}
.cardDetailsHolder .col-12{margin-bottom:20px;}
.cardDetailsHolder .stackedInput {margin-top: 0;}
.cardDetailsHolder:before{width:47px; height:15px; top:-15px;}


.carousel-item img {height: 100% !important;width: auto !important;	object-fit: cover;}
.backgroundImage{background-size: auto 300px;}
.regItem h3{font-size:26px;}
.regItem .textBlock ul li, .regList ul li, .invoicesHolder .tableHolder tr th, .invoicesHolder .tableHolder tr td{font-size:15px;}




	
	
}