@media (min-width: 320px) and (max-width: 420px){
    .image1200{ display: none; }
    .mainBannerFaq{ background-position: left center; background-size: cover !important; }
    .mainBanner{ background-position: left center; background-size: cover !important; }
    a{ color: white; }
    .brand .h1-seo{ font-size: 1.8em !important; margin-bottom: 5px; }
    /* .page-header-image{ background-position: left center !important; background-size: 300% !important; background-repeat: no-repeat !important; } */
    /* .page-header .page-header-image{ height: 60% !important; } 
    .page-header .container{ height: 60% !important; } */
    .index-page .page-header .container > .content-center{ top: 53% !important; }
    .index-page .page-header .container > .content-center h3{ margin: 0 !important; }
    .index-page .page-header .container > .content-center ul{ margin: 0 !important; }
    .section-services{ background-size: 110% !important; }
    .section{ padding: 50px 0 !important; }
    .w-20{ width: 30% !important; }
    .w-80{ width: 70% !important; }
    .row-texts{ text-align: center; margin-top: 20px; }
    .squads-images > div { height: 350px; padding: 0;}
    .squads-images > div img { width: 100%; height: 100%; object-fit: cover;}
    .ubication-text{ font-size: 55px !important; }
    .contact-div div{ padding: 0 !important; }
    .contact-div div h3, .contact-div div h5, .contact-div div h4 { font-size: 17px !important; margin-bottom: 15px !important; }
    .contact-text{ font-size: 55px !important; }
    .contact-div div img{ width: 32px; height: 32px; }
    .ft-60{ font-size: 45px !important; }
    .ft-40{ font-size: 20px !important; }
    .media-ul li{ display: inline-block !important; margin-right: 10px;  }
    .media-ul li a{ color: #254494 !important; font-size: 25px; }
    .why-services{ height: 550px !important; }
    .why-services h1{ font-size: 35px !important; margin-bottom: 10px !important; }
    .row-texts h1{ width: 100% !important; }
    .mainBanner h1, .mainBanner h3{ font-size: 200%; margin-bottom: 0; }
    .mainBanner h3 > a{ font-size: 60%; margin-bottom: 5%; }
    .services-div > div > a > img{ width:60%; }
    .mainBanner > div{ margin-top: -5%; }
    .services-div{ margin-top: 2%; }
    .services-div > div { width: 33.33% !important; flex: initial; max-width: initial; }

}
@media (min-width: 421px) and (max-width: 575px){
    .image1200{ display: none; }
    .mainBanner{ background-position: left center; background-size: cover !important; }
    .mainBannerFaq{ background-position: left center; background-size: cover !important; }
    a{ color: white; }
    .brand .h1-seo{ font-size: 1.8em !important; margin-bottom: 5px; }
    /* .page-header-image{ background-position: left center !important; background-size: 300% !important; background-repeat: no-repeat !important; } */
    /* .page-header .page-header-image{ height: 60% !important; } 
    .page-header .container{ height: 60% !important; } */
    .index-page .page-header .container > .content-center{ top: 53% !important; }
    .index-page .page-header .container > .content-center h3{ margin: 0 !important; }
    .index-page .page-header .container > .content-center ul{ margin: 0 !important; }
    .section-services{ background-size: 90% !important; }
    .section{ padding: 50px 0 !important; }
    .w-20{ width: 30% !important; }
    .w-80{ width: 70% !important; }
    .row-texts{ text-align: center; margin-top: 20px; padding-right: 20px; }
    .squads-images > div { height: 400px; padding: 0;}
    .squads-images > div img { width: 100%; height: 100%; object-fit: cover;}
    .ubication-text{ font-size: 75px !important; }
    .media-text{ font-size: 75px !important; }
    .contact-div div h3, .contact-div div h5, .contact-div div h4 { font-size: 17px !important; margin-bottom: 15px !important; }
    .contact-text{ font-size: 75px !important; }
    .contact-div div img{ width: 32px; height: 32px; }
    .ft-60{ font-size: 45px !important; }
    .ft-40{ font-size: 20px !important; }
    .media-ul li{ display: inline-block !important; margin-right: 10px;  }
    .media-ul li a{ color: #254494 !important; font-size: 25px; }
    .why-services{ height: 450px !important; }
    .why-services h1{ font-size: 45px !important; margin-bottom: 10px !important; }
    .row-texts h1{ width: 100% !important; }
    .mainBanner h1, .mainBanner h3{ font-size: 250%; margin-bottom: 0; }
    .services-div > div > a > img{ width:60%; }
    .mainBanner > div{ margin-top: -5%; }
    .services-div{ margin-top: 2%; }
    .services-div > div { width: 33.33% !important; flex: initial; max-width: initial; }
}
@media (min-width: 576px) and (max-width: 767px){
    .image1200{ display: none; }
    a{ color: white; }
    .brand .h1-seo{ font-size: 1.8em !important; margin-bottom: 5px; }
    /* .page-header-image{ background-position: left center !important; background-size: 300% !important; background-repeat: no-repeat !important; } */
    /* .page-header .page-header-image{ height: 60% !important; } 
    .page-header .container{ height: 60% !important; } */
    .index-page .page-header .container > .content-center{ top: 53% !important; }
    .index-page .page-header .container > .content-center h3{ margin: 0 !important; }
    .index-page .page-header .container > .content-center ul{ margin: 0 !important; }
    .section-services{ background-size: 110% !important; }
    .section{ padding: 50px 0 !important; }
    .w-20{ width: 30% !important; }
    .w-80{ width: 70% !important; }
    .row-texts{ text-align: center; margin-top: 20px; }
    .squads-images > div { height: 400px; padding: 0;}
    .squads-images > div img { width: 100%; height: 100%; object-fit: cover;}
    .ubication-text{ font-size: 45px !important; }
    .media-text{ font-size: 45px !important; }
    .contact-div div{ padding: 5% !important; }
    .contact-div div h3, .contact-div div h5, .contact-div div h4 { font-size: 17px !important; margin-bottom: 15px !important; }
    .contact-text{ font-size: 45px !important; }
    .contact-div div img{ width: 32px; height: 32px; }
    .ft-60{ font-size: 45px !important; }
    .ft-40{ font-size: 20px !important; }
    .media-ul li{ display: inline-block !important; margin-right: 10px;  }
    .media-ul li a{ color: #254494 !important; font-size: 25px; }
    .why-services{ height: 450px !important; }
    .why-services h1{ font-size: 45px !important; margin-bottom: 10px !important; }
    .row-texts h1{ width: 100% !important; }
    .services-div > div > a > img{ width:80%; }
    .services-div > div > a > p{ font-size:80%; }
}

@media (min-width: 768px) and (max-width: 1023px){
    .image-1200{ display: none; }
    a{ color: white; }
    .brand .h1-seo{ font-size: 1.8em !important; margin-bottom: 5px; }
    /* .page-header-image{ background-position: left center !important; background-size: 300% !important; background-repeat: no-repeat !important; } */
    /* .page-header .page-header-image{ height: 60% !important; } 
    .page-header .container{ height: 60% !important; } */
    .index-page .page-header .container > .content-center{ top: 53% !important; }
    .index-page .page-header .container > .content-center h3{ margin: 0 !important; }
    .index-page .page-header .container > .content-center ul{ margin: 0 !important; }
    .section-services{ background-size: 110% !important; }
    .section{ padding: 50px 0 !important; }
    .w-20{ width: 30% !important; }
    .w-80{ width: 70% !important; }
    .row-texts{ text-align: center; margin-top: 20px; }
    .squads-images > div { height: 400px; padding: 0;}
    .squads-images > div img { width: 100%; height: 100%; object-fit: cover;}
    .ubication-text{ font-size: 60px !important; }
    .media-text{ font-size: 60px !important; }
    .contact-div div{ padding: 5% !important; }
    .contact-div div h3, .contact-div div h5, .contact-div div h4 { font-size: 17px !important; margin-bottom: 15px !important; }
    .contact-text{ font-size: 60px !important; }
    .contact-div div img{ width: 32px; height: 32px; }
    .ft-60{ font-size: 45px !important; }
    .ft-40{ font-size: 20px !important; }
    .media-ul li{ display: inline-block !important; margin-right: 10px;  }
    .media-ul li a{ color: #254494 !important; font-size: 25px; }
    .why-services{ height: 450px !important; }
    .why-services h1{ font-size: 45px !important; margin-bottom: 10px !important; }
    .row-texts h1{ width: 100% !important; }
    .why-services p{ font-size: 20px !important; }
    .services-div > div > a > img{ width:50%; }
}

@media (min-width: 1024px) and (max-width: 1199px){
    .image-1200{ display: none; }
    a{ color: white; }
    .brand .h1-seo{ font-size: 1.8em !important; margin-bottom: 5px; }
    /* .page-header-image{ background-position: left center !important; background-size: 300% !important; background-repeat: no-repeat !important; } */
    /* .page-header .page-header-image{ height: 60% !important; } 
    .page-header .container{ height: 60% !important; } */
    .index-page .page-header .container > .content-center{ top: 53% !important; }
    .index-page .page-header .container > .content-center h3{ margin: 0 !important; }
    .index-page .page-header .container > .content-center ul{ margin: 0 !important; }
    .section-services{ background-size: 110% !important; }
    .section{ padding: 50px 0 !important; }
    .w-20{ width: 30% !important; }
    .w-80{ width: 70% !important; }
    .row-texts{ text-align: center; margin-top: 20px; }
    .squads-images > div { height: 400px; padding: 0;}
    .squads-images > div img { width: 100%; height: 100%; object-fit: cover;}
    .ubication-text{ font-size: 55px !important; }
    .media-text{ font-size: 55px !important; }
    .contact-div div{ padding: 5% !important; }
    .contact-div div h3, .contact-div div h5, .contact-div div h4 { font-size: 17px !important; margin-bottom: 15px !important; }
    .contact-text{ font-size: 55px !important; }
    .contact-div div img{ width: 32px; height: 32px; }
    .ft-60{ font-size: 45px !important; }
    .ft-40{ font-size: 20px !important; }
    .media-ul li{ display: inline-block !important; margin-right: 10px;  }
    .media-ul li a{ color: #254494 !important; font-size: 25px; }
    .why-services{ height: 600px !important; }
    .why-services h1{ font-size: 30px !important; margin-bottom: 10px !important; }
    .row-texts h1{ width: 100% !important; }
    .why-services p{ font-size: 18px !important; }
    .services-div > div > a > img{ width:50%; }
}

@media (min-width: 1200px){
    .image-1200{ display: none; }
    a{ color: white; }
    .brand .h1-seo{ font-size: 1.8em !important; margin-bottom: 5px; }
    /* .page-header-image{ background-position: left center !important; background-size: 300% !important; background-repeat: no-repeat !important; } */
    /* .page-header .page-header-image{ height: 60% !important; } 
    .page-header .container{ height: 60% !important; } */
    .index-page .page-header .container > .content-center{ top: 53% !important; }
    .index-page .page-header .container > .content-center h3{ margin: 0 !important; }
    .index-page .page-header .container > .content-center ul{ margin: 0 !important; }
    .section-services{ background-size: 110% !important; }
    .section{ padding: 50px 0 !important; }
    .w-20{ width: 30% !important; }
    .w-80{ width: 70% !important; }
    .row-texts{ text-align: center; margin-top: 20px; }
    .squads-images > div { height: 400px; padding: 0;}
    .squads-images > div img { width: 100%; height: 100%; object-fit: cover;}
    .ubication-text{ font-size: 60px !important; }
    .media-text{ font-size: 60px !important; }
    /* .contact-div div{ padding: 0 !important; } */
    .contact-div div h3, .contact-div div h5, .contact-div div h4 { font-size: 17px !important; margin-bottom: 15px !important; }
    .contact-text{ font-size: 60px !important; }
    .contact-div div img{ width: 32px; height: 32px; }
    .ft-60{ font-size: 45px !important; }
    .ft-40{ font-size: 20px !important; }
    .media-ul li{ display: inline-block !important; margin-right: 10px;  }
    .media-ul li a{ color: #254494 !important; font-size: 25px; }
    .why-services{ height: 550px !important; }
    .why-services h1{ font-size: 45px !important; margin-bottom: 10px !important; }
    .row-texts h1{ width: 100% !important; }
    .why-services p{ font-size: 20px !important; }
    .services-div > div > a > img{ width:50%; }
}

@media (min-width: 900px) and (max-width: 991px){
    .image1200{ margin-left: -65px; }
}

@media (min-width: 1120px) and (max-width: 1199px){
    .image1200{ margin-left: -40px; }
}

@media (min-width: 1450px){
    .image1200{ margin-left: -70px; }
    .image1200 img{ width: 75% !important; }
}

@media (min-width: 1350px) and (max-width: 1450px){
    .image1200{ margin-left: -40px; }
}