/* Tablet */
@media (min-width:700px) and (max-width:1200px){
    /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ Index.html @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
    /* ------------------------------------ Hero Section ------------------------------------ */
    .heroDescriptor{width:50vw;}

    /*.heroDescriptor > p, h1{width:500px;}*/

    .gradientCover{background: rgb(114,114,114,0.5);
        background: linear-gradient(90deg, rgba(114,114,114,0.7128393623266327) 40%, rgba(255,255,255,0) 60%);}
    /* ------------------------------------ End of Hero Section ------------------------------------ */

    /* ------------------------------------ Plan Section ------------------------------------ */
    .planSection{background-size:cover;
    display:flex;
    flex-direction: column;}

    .planGradient{display:none;}

    .planDescription{width:85vw;
    margin-bottom:30px;}

    .planContainer{width:85vw;}

    /* ------------------------------------ End of Plan Section ------------------------------------ */

    /* ------------------------------------ Contact Section ------------------------------------ */

    .contactSection{padding-bottom:20px;
    padding-top:20px;
    height:auto;}

    .contactImg{display:none;}

    .inputContainer{min-width:100%;
    justify-content: start;}

    .inputContainer > h1{margin-top:0px;
    margin-bottom:0px;
    text-align:center;}

    /*.label{margin-left:135px;}*/

    /* ------------------------------------ End of Contact Section ------------------------------------ */


    /*------------------------------------------ Providers Section ------------------------------------------ */
    
    .sliderContainer{overflow:hidden;
    width:250vw;
    white-space:nowrap;
    display:inherit;
    position:relative;}
    
    .sliderContainer:before{width:250px;
    height:100%;
    position:absolute;
    top:0px;
    left:0px;
    background: rgb(233,244,255);
    background: linear-gradient(90deg, rgba(233,244,255,1) 0%, rgba(255,255,255,0) 100%);
    content:"";
    z-index: 1;}
    
    .sliderContainer::after{width:250px;
        height:100%;
        position:absolute;
        top:0px;
        right:0px;
        background: rgb(233,244,255);
        background: linear-gradient(270deg, rgba(233,244,255,1) 0%, rgba(255,255,255,0) 100%);
        content:"";
        z-index: 1;}
    
    .imgSlider{width:auto;
    min-width:200%;
    padding:30px 0px;
    background-color:var(--lightBlue2);
    animation: 20s slide infinite linear;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;}
    
    .imgSlider > img{width:auto;
    margin:auto;}
    
    /*------------------------------------------ End of Providers Section ------------------------------------------ */

    /* ------------------------------------ Questions Section ------------------------------------ */

    .questionsContainer{flex-direction:column;}

    .accordionContainer{min-width: 90%;}

    .questionsText{width:80vw;
    margin-bottom: 60px;}

   /* .questionsText > p{font-size:20px;
    width:65vw;}*/

    /* ------------------------------------ End of Questions Section ------------------------------------ */

    /* ------------------------------------ Footer ------------------------------------ */

    .footerSection{flex-direction:column-reverse;}

    .footerSection > div{width:90%;}

    .phoneLink{display:block;}

    #footerLogo{width:50%;}

    /* ------------------------------------ End of Footer ------------------------------------ */
    /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ End of Index.html @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

    /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ Contact.html @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
    #contactHeroSection{display:flex;
        flex-direction:column;
        height:auto;}
    
    #contactHeroDescriptor{height:225px;
        margin:auto;
        margin-top:0px;
        margin-bottom:10px;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content: center;
        text-align: center;}
    
    #conHeroText1{top:35px;}
    
    #conHeroText2{top:30px;
        font-size:35px;}
    
    .contactFormContainer{width:100%;}
    
    .contactPageForm{margin-top:0px;
        min-width:0px;}
    
    .contactArrow{display:none;}
    /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ End of Contact.html @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

    /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ About.html @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

    #aboutHeroSection{height:300px;}

    #aboutRoundedFlag{width:80%;}

    #aboutTitle{width: 85vw;
    height:auto;
    margin: auto;
    margin-top:15vh;
    margin-bottom: 30px;
    text-shadow: 0px 0px 20px #ffffff;}

    .descriptionSection{height:575px;
    flex-direction:column-reverse;}

    .descriptionSection > p{width:90%;}

    .descriptionImg{margin:auto;}

    /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ End of About.html @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

    /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ Services.html @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

    #servicesHeroSection{background-position: 60%;
        background-position-y: 70px;}

    #servicesHeroSection > .heroDescriptor > p::before{width:100%;
        content:"Selecting the right insurance plan is crucial, as it goes beyond just coverage—it's about ensuring your security, achieving peace of mind, and making smart financial decisions. At Genesis Life & Health, we specialize in simplifying the insurance process, helping you discover the best plan tailored to your health, life, or business needs without the usual hassle. Whether you’re looking for health insurance, life insurance, or coverage for your business, our expert team is here to guide you toward suitable options.";
    }

    #servicesHeroSection > .heroDescriptor > p{width:100%;
    text-shadow: 0px 0px 10px #000000;}
    /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ End of Services.html @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

}