/* On screens that are 992px wide or less, go from four columns to two columns */

@media screen and (max-width: 1600px){
    
    .carousel-item-form-apply {
        height: 500px;
    }

}

@media screen and (max-width: 1244px){
    .custom-header-style {
        margin-left: 10px;
        margin-right: 10px;
        margin-top: 20px;
    }
}

@media screen and (max-width: 1144px){
    .custom-header-style {
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 10px;
    }
}

@media screen and (max-width: 1124px){
    .custom-header-style {
        margin-left: -10px;
        margin-right: -10px;
        margin-top: 20px;
    }
}

@media screen and (max-width: 1104px){
    .custom-header-style {
        margin-left: -10px;
        margin-right: -10px;
        margin-top: 20px;
    }

    #mainNav {
        padding: 0;
    }
}

@media screen and (max-width: 1104px) {
    .custom-font-size {
        font-size: 17px !important;
    }
    
    .t-custom-phone {
        font-size: 16px !important;
    }
}

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

    .custom-font-size {
        font-size: 19px !important;
    }
    
    .t-custom-phone {
        font-size: 20px !important;
    }

    .custom-section-style-bar1 {
        margin-top: 0;
    }

    .custom-header-contact-info {
        margin-top: 20px;
    }

    .custom-header-style {
        margin-left: 0;
        margin-right: 0;
        margin-top: 20px;
    }

    #carouselExampleCaptions1 {
        height: 350px;
    }

    .carousel-caption {
        top: 240px;
        width: 100%;
        height: 150px;
        margin-left: -15%;
    }

    .carousel-indicators {
        bottom: 140px;
    }

    .bar4 .container {
        margin-top: 100px !important;
    }
}

@media screen and (max-width: 767px){
    .landing-index {
        background: url(../images/elements/caf_mobile_index.jpg);
        background-position: center center;
        background-size: contain;
        height: 600px;
        background-repeat: no-repeat;
    }

    .custom-container-carousel-bar1 {
        background: url(../images/elements/caf_mobile_index.jpg);
        background-position: center center;
        background-size: contain;
        height: 390px;
        background-repeat: no-repeat;
    }

    #carouselExampleIndicators {
        display: none;
    }

    .custom-container-carousel-hide-mobile {
        display: none;
    }

    .container-main {
        width: 100%;
    }

    .custom-section-style-bar1 {
        margin-top: 0;
    }

    .custom-header-contact-info {
        margin-top: 20px;
    }

    .custom-header-style {
        margin-left: 0;
        margin-right: 0;
        margin-top: 20px;
    }

    #carouselExampleCaptions1 {
        height: 350px;
    }

    .carousel-caption {
        top: 210px;
        width: 100%;
        height: 150px;
        margin-left: -15%;
    }

    .carousel-indicators {
        bottom: 140px;
    }

    .container-custom-menu {
        max-width: 1000px;
    }
}
  
@media screen and (max-width: 575px){
    .custom-section-style-bar1 {
        margin-top: 360px;
    }

    .custom-header-contact-info {
        margin-top: 20px;
    }

    .custom-header-style {
        margin-left: 0;
        margin-right: 0;
        margin-top: 20px;
    }

    #carouselExampleCaptions1 {
        height: 350px;
    }

    .carousel-caption {
        top: 210px;
        width: 100%;
        height: 150px;
        margin-left: -15%;
    }

    .carousel-indicators {
        bottom: 140px;
    }

    
}

@media screen and (max-width: 500px) {
    .custom-hide-block-phrase {
        display: none;
    }

    .capture-event .image-check-finish {
        left: 25%;
    }

    .custom-banner-margin {
        margin-top: -190px;
    }
    
    .custom-header-style {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .custom-header-contact-info {
        margin-top: 20px;
    }

    .custom-carousel-style {
        top: 0;
    }

    .custom-carousel-style-ol {
        top: 145px;
    }

    .custom-section-style-bar1 {
        margin-top: 0px;
    }

    .carousel-caption {
        top: 210px;
        width: 100%;
        height: 150px;
        margin-left: -15%;
    }

    .custom-section-style-bar1 {
        /* margin-top: 360px; */
        margin-top: -100px;
    }

    .landing-index {
        background: url(../images/elements/caf_mobile_index.jpg);
        background-position: center center;
        background-size: contain;
        height: 600px;
        background-repeat: no-repeat;
    }

    .banner-landing1, .banner-landing2, .banner-landing3, .banner-landing4
    , .banner-landing5, .banner-landing6 {
        background: url(../images/elements/caf_mobile_index.jpg);
        /* background: url(../images/elements/caf_mobile.jpg); */
        background-position: center center;
        background-size: contain;
        height: 600px;
        /* height: 790px; */
        background-repeat: no-repeat;
    }

    /* .banner-landing1 {
        background: url(../images/elements/caf_mobile_index.jpg);
        background-position: center center;
        background-size: contain;
        height: 790px;
        background-repeat: no-repeat;
    } */

    .cbm-financing {
        margin-top: -100px;
    }
    
    .cbm-contest {
        margin-top: -100px;
    }

    .container-main {
        width: 100%;
    }

    .form_value_directions {
        top: 40.3%;
    }

    .carousel-control-prev {
        margin-left: -50px;
    }
    
    
    .carousel-control-next {
        margin-right: -50px;
    }

    #carouselExampleCaptions1 {
        height: 300px;
    }

    .carousel-caption {
        top: 110px;
        width: 100%;
        height: 150px;
        margin-left: -15%;
    }

    .style-cc h2 {
        margin-top: 10px !important;
        margin-left: 20px;
    }

    .custom-banner-margin {
        /* margin-top: -150px; */
        margin-top: -10px;
    }
}

@media screen and (max-width: 430px) {
    .custom-banner-margin {
        /* margin-top: -150px; */
        margin-top: -110px;
    }
}

@media screen and (max-width: 425px) {
    .landing-index {
        background: url(../images/elements/caf_mobile_index.jpg);
        background-position: center center;
        background-size: contain;
        height: 600px;
        background-repeat: no-repeat;
    }

    .banner-landing1, .banner-landing2, .banner-landing3, .banner-landing5, .banner-landing6 {
        background: url(../images/elements/caf_mobile_index.jpg);
        background-position: center center;
        background-size: contain;
        height: 600px;
        background-repeat: no-repeat;
    }

    .banner-landing4 {
        background: url(../images/elements/banner_referrarls.jpg);
        background-position: center center;
        background-size: contain;
        height: 935px;
        background-repeat: no-repeat;
    }

    .banner-landing5 {
        background: url(../images/elements/banner_referrarls.jpg);
        background-position: center center;
        background-size: contain;
        height: 980px;
        background-repeat: no-repeat;
    }

    .banner-landing2 {
        background: url(../images/elements/banner_referrarls.jpg);
        background-position: center center;
        background-size: contain;
        height: 850px;
        background-repeat: no-repeat;
    }

    .banner-landing1, .banner-landing2, .banner-landing3, .banner-landing4, .banner-landing5, .banner-landing6 {
        background: url(../images/elements/caf_mobile_index.jpg);
        /* background: url(../images/elements/caf_mobile.jpg); */
        background-position: center center;
        background-size: contain;
        height: 600px;
        /* height: 790px; */
        background-repeat: no-repeat;
    }

    .custom-section-style-bar1 {
        margin-top: -130px;
    }

    .custom-banner-margin {
        /* margin-top: -150px; */
        margin-top: -110px;
    }

    .custom-banner-margin-testimonials {
        margin-top: -150px;
    }

    .carousel-item-form {
        /* background-color: red; */
        height: 10px;
        width: 100%;
    }

    .cm-global .bg-white-apply {
        width: 110%;
        margin-left: -5%;
    }

    .form_value_directions {
        top: 20%;
    }

    .style-cc h2 {
        margin-top: 0px !important;
        margin-left: 20px;
    }

    .capture-event .image-check-finish {
        left: 45%;
    }

    .bd-example {
        height: 255px;
    }

    .custom-bg-header {
        margin-top: -285px;
    }

    .custom-bar4-divh1 {
        margin-left: 0 !important;
    }

    .custom-bar4-div-top {
        margin-top: 20px !important;
        margin-right: 22%;
    }

    .custom-testimonials-bars {
        width: 90%;
    }

    .cbm-contest {
        margin-top: -100px;
    }

    .cbg-header {
        margin-top: -250px;
    }

    
}

@media (max-width: 400px) {
    .bg-white {
        /* background: blue !important; */
        padding: 0;
        margin-top: 20px;
        width: 115%;
        margin-left: -23px;
    }
  
    .bg-white-apply {
        /* background: blue !important; */
        padding: 0;
        margin-top: 20px;
        width: 100%;
        margin-left: 1px;
    }
  
    .carousel-item-form {
      height: 50px !important;
    }
  
    .carousel-item-form-apply {
      height: 50px !important;
    }
  
    .form_value_directions { 
      position: absolute;
      top: 65%;
    }
  
    .form_value_directions { 
      position: absolute;
      top: 65%;
    }
  
    .carousel-control-prev {
      margin-left: -60px;
    }
    .carousel-control-next {
      margin-right: -60px;
    }
  
    .image-check-finish { 
      /* margin-left: -50px; */
      width: 70px;
      margin: -40px auto;
    }
  
    .style-cc {
      bottom: -110px !important !important;
    }
  
    .style-cc-apply {
      bottom: -110px !important !important;
    }
  
    .container .row {
      /* width: 80%; */
    }
    
    .row-design-form {
      width: 94% !important;
    }
  
    .font-h2 {
      margin-bottom: 70px !important;
      font-size: 23px;
    }
    
    .font-apply-h2 {
      margin-bottom: 5px !important;
      font-size: 23px;
    }
  
    .carousel-inner-form {
      width: 160%;
      margin-left: -60px;
      height: 200px;
    }
  
    .carousel-inner-form-apply {
      width: 160%;
      margin-left: -60px;
      height: 250px;
    }
  
      #page-top {
        margin-top: 0px !important;
      }
  }