.parent {
    display: grid;
    grid-template-columns: repeat(auto-fit, 0.5fr);
    /*grid-template-rows: repeat(auto-fill, 0.5fr);*/
    gap: 8px;
}

.div1 {
    grid-column: span 6 / span 6;
}

.div2 {
    grid-column: span 6 / span 6;
    grid-row-start: 2;
}

.div3 {
    grid-column: span 6 / span 6;
    grid-row-start: 3;
}

.divparent3 {
    display: grid;
    grid-template-columns: repeat(auto-fit, 0.5fr);
    /*grid-template-rows: repeat(auto-fit, 0.5fr);*/
    gap: 8px;
}

.div01 {
    grid-column: span 2 / span 2;
    grid-row-start: 1;
}

.div02 {
    grid-column: span 2 / span 2;
    grid-column-start: 3;
    grid-row-start: 1;
}

.div03 {
    grid-column: span 2 / span 2;
    grid-column-start: 5;
    grid-row-start: 1;
}

.div4 {
    grid-column: span 6 / span 6;
    grid-row-start: 4;
}

.div5 {
    grid-column: span 6 / span 6;
    grid-row-start: 5;
}

.divparent5 {
    display: grid;
    grid-template-columns: repeat(auto-fit, 0.5fr);
    /*grid-template-rows: repeat(auto-fit, 0.5fr);*/
    gap: 11px;
    border-top-left-radius: 20px !important;
    border-top-right-radius: 20px !important;
    border-bottom-left-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
    background-color: #fbe1d2 !important;
    padding: 20px 20px 20px 20px !important;
}

.div001 {
    grid-column: span 2 / span 2;
    grid-column-start: 1;
    grid-row-start: 2;
}

.div002 {
    grid-column: span 2 / span 2;
    grid-column-start: 3;
    grid-row-start: 2;
}


.div003 {
    grid-column: span 2 / span 2;
    grid-column-start: 5;
    grid-row-start: 2;
}

.div004 {
    grid-column: span 2 / span 2;
    grid-column-start: 1;
    grid-row-start: 3;
}

.div005 {
    grid-column: span 2 / span 2;
    grid-column-start: 3;
    grid-row-start: 3;
}

.div006 {
    grid-column: span 2 / span 2;
    grid-column-start: 5;
    grid-row-start: 3;
}

.div007 {
    grid-column: span 2 / span 4;
    grid-column-start: 1;
    grid-row-start: 1;
}

.div6 {
    grid-column: span 6 / span 6;
    grid-row-start: 6;
}

.divparent6 {
    display: grid;
    grid-template-columns: repeat(auto-fit, 0.5fr);
    /*grid-template-rows: repeat(auto-fit, 0.5fr);*/
    gap: 11px;
    border-top-left-radius: 20px !important;
    border-top-right-radius: 20px !important;
    border-bottom-left-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
    background-color: #d0edd9 !important;
    padding: 20px 20px 20px 20px !important;
}

.div7 {
    grid-column: span 6 / span 6;
    grid-row-start: 7;
}

.divparent7 {
    display: grid;
    grid-template-columns: repeat(auto-fit, 0.5fr);
    /*grid-template-rows: repeat(auto-fit, 0.5fr);*/
    gap: 8px;
}

.div71 {
    grid-column: span 2 / span 2;
}

.div72 {
    grid-column: span 2 / span 2;
    grid-column-start: 3;
    grid-row-start: 1;
}

.div8 {
    grid-column: span 6 / span 6;
    grid-row-start: 8;
}

.div9 {
    grid-column: span 6 / span 6;
    grid-row-start: 9;
}

.iconfechaverde {
    padding-left: 60px !important;
    background: url("https://citasonline.cmi-medical.com/img/fechaiconverde.png") no-repeat left !important;
    background-size: 60px !important;
    background-color: #fff !important;
    border-color: #36ad51 !important;
}

.iconhoraverde {
    padding-left: 60px !important;
    background: url("https://citasonline.cmi-medical.com/img/horaiconverde.png") no-repeat left !important;
    background-size: 60px !important;
    background-color: #fff !important;
    border-color: #36ad51 !important;
}

.inputtext {
    display: block;
    width: 100%;
    font-size: 1.0rem;
    font-weight: 400;
    line-height: 2;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #367ed0;
    appearance: none;
    border-radius: .999rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    padding-left: 5px;
}

.inputtextclinica {
    display: block;
    width: 100%;
    font-size: 1.0rem;
    font-weight: 400;
    line-height: 2;
    color: #fff;
    background-color: #fa7415;
    background-clip: padding-box;
    border: 1px solid #fa7415;
    appearance: none;
    border-radius: .999rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    padding-left: 5px;
}

.inputtextaeropuerto {
    display: block;
    width: 100%;
    font-size: 1.0rem;
    font-weight: 400;
    line-height: 2;
    color: #fff;
    background-color: #36ad51;
    background-clip: padding-box;
    border: 1px solid #36ad51;
    appearance: none;
    border-radius: .999rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    padding-left: 5px;
}

.iconfechanaranja {
    padding-left: 60px !important;
    background: url("https://citasonline.cmi-medical.com/img/fechanranja.png") no-repeat left !important;
    background-size: 60px !important;
    background-color: #fff !important;
    border-color: #fa7415 !important;
}

.iconhoranaranja {
    padding-left: 60px !important;
    background: url("https://citasonline.cmi-medical.com/img/horanaranja.png") no-repeat left !important;
    background-size: 60px !important;
    background-color: #fff !important;
    border-color: #fa7415 !important;
}

.formtitle {
    color: #2e4a5c !important;
    font-family: Spartan, sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.0rem;
}

.redessociales {
    display: grid;
    grid-template-columns: repeat(5, auto);
    padding-left: 200px;
    padding-right: 200px;
    /*grid-template-rows: repeat(auto-fit, 0.5fr);*/
    gap: 2px;
}

.divfb {
    grid-column-start: 1;
}

.divig {
    grid-column-start: 2;
}

.divtt {
    grid-column-start: 3;
}

.divli {
    grid-column-start: 4;
}

.divyt {
    grid-column-start: 5;
}

@media only screen and (max-width:600px) {
    .parent {
        display: grid;
        grid-template-columns: repeat(1, auto);
        /*grid-template-rows: repeat(auto-fill, 0.5fr);*/
        gap: 8px;
    }

    .div1 {
        grid-column: span 6 / span 6;
    }

    .div2 {
        grid-column: span 6 / span 6;
        grid-row-start: 2;
    }

    .div3 {
        grid-column: span 6 / span 6;
        grid-row-start: 3;
        width: 320px !important;
    }

    .divparent3 {
        display: grid !important;
        grid-template-columns: repeat(1, auto) !important;
        grid-template-rows: repeat(3, auto) !important;
        gap: 6px;
    }

    .div01 {
        grid-area: 1/1/2/2 !important;
    }

    .div02 {
        grid-area: 2/1/3/2 !important;
    }

    .div03 {
        grid-area: 3/1/4/2 !important;
    }

    .div4 {
        grid-column: span 6 / span 6;
        grid-row-start: 4;
        width: 320px !important;
    }

    .div5 {
        grid-column: span 6 / span 6;
        grid-row-start: 5;
        width: 320px !important;
    }

    .divparent5 {
        display: grid !important;
        grid-template-columns: repeat(1, auto) !important;
        gap: 6px;
        border-top-left-radius: 20px !important;
        border-top-right-radius: 20px !important;
        border-bottom-left-radius: 20px !important;
        border-bottom-right-radius: 20px !important;
        background-color: #fbe1d2 !important;
        padding: 20px 20px 20px 20px !important;
    }

    .div001 {
        grid-area: 2/1/3/2 !important;
    }

    .div004 {
        grid-area: 3/1/4/2 !important;
    }

    .div002 {
        grid-area: 4/1/5/2 !important;
    }

    .div005 {
        grid-area: 5/1/6/2 !important;
    }

    .div003 {
        grid-area: 6/1/7/2 !important;
    }

    .div006 {
        grid-area: 7/1/8/2 !important;
    }

    .div007 {
        grid-area: 1/1/2/2 !important;
    }

    .div6 {
        grid-column: span 6 / span 6;
        grid-row-start: 6;
        width: 320px !important;
    }

    .divparent6 {
        display: grid;
        grid-template-columns: repeat(auto-fit, 0.5fr);
        /*grid-template-rows: repeat(auto-fit, 0.5fr);*/
        gap: 11px;
        border-top-left-radius: 20px !important;
        border-top-right-radius: 20px !important;
        border-bottom-left-radius: 20px !important;
        border-bottom-right-radius: 20px !important;
        background-color: #d0edd9 !important;
        padding: 20px 20px 20px 20px !important;
    }

    .div7 {
        grid-column: span 6 / span 6;
        grid-row-start: 7;
        width: 320px !important;
    }

    .divparent7 {
        display: grid;
        grid-template-columns: repeat(auto-fit, 0.5fr);
        /*grid-template-rows: repeat(auto-fit, 0.5fr);*/
        gap: 8px;
    }

    .div71 {
        grid-column: span 2 / span 2;
    }

    .div72 {
        grid-column: span 2 / span 2;
        grid-column-start: 3;
        grid-row-start: 1;
    }

    .div8 {
        grid-column: span 6 / span 6;
        grid-row-start: 8;
        width: 320px !important;
    }

    .div9 {
        grid-column: span 6 / span 6;
        grid-row-start: 9;
        width: 320px !important;
    }

    .iconfechaverde {
        padding-left: 40px !important;
        background: url("https://citasonline.cmi-medical.com/img/fechaiconverde.png") no-repeat left !important;
        background-size: 40px !important;
        background-color: #fff !important;
        border-color: #36ad51 !important;
    }

    .iconhoraverde {
        padding-left: 40px !important;
        background: url("https://citasonline.cmi-medical.com/img/horaiconverde.png") no-repeat left !important;
        background-size: 40px !important;
        background-color: #fff !important;
        border-color: #36ad51 !important;
    }

    .inputtext {
        display: block;
        width: 100%;
        font-size: 1rem !important;
        font-weight: 400 !important;
        line-height: 1.3 !important;
        color: #212529;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #367ed0;
        appearance: none;
        border-radius: .999rem;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        padding-left: 5px;
    }

    .inputtextclinica {
        display: block;
        width: 100%;
        font-size: 1rem !important;
        font-weight: 400 !important;
        line-height: 1.3 !important;
        color: #fff;
        background-color: #fa7415;
        background-clip: padding-box;
        border: 1px solid #fa7415;
        appearance: none;
        border-radius: .999rem;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        padding-left: 5px;
    }

    .inputtextaeropuerto {
        display: block;
        width: 100%;
        font-size: 1rem !important;
        font-weight: 400 !important;
        line-height: 1.3 !important;
        color: #fff;
        background-color: #36ad51;
        background-clip: padding-box;
        border: 1px solid #36ad51;
        appearance: none;
        border-radius: .999rem;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        padding-left: 5px;
    }

    .iconfechanaranja {
        padding-left: 40px !important;
        background: url("https://citasonline.cmi-medical.com/img/fechanranja.png") no-repeat left !important;
        background-size: 40px !important;
        background-color: #fff !important;
        border-color: #fa7415 !important;
    }

    .iconhoranaranja {
        padding-left: 40px !important;
        background: url("https://citasonline.cmi-medical.com/img/horanaranja.png") no-repeat left !important;
        background-size: 40px !important;
        background-color: #fff !important;
        border-color: #fa7415 !important;
    }

    .formtitle {
        color: #2e4a5c !important;
        font-family: Spartan, sans-serif !important;
        text-transform: uppercase !important;
        font-size: 0.6rem !important;
    }

    .redessociales {
        display: grid;
        grid-template-columns: repeat(5, auto);
        /*grid-template-rows: repeat(auto-fit, 0.5fr);*/
        gap: 1px;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .divfb {
        grid-column-start: 1 !important;
    }

    .divig {
        grid-column-start: 2 !important;
    }

    .divtt {
        grid-column-start: 3 !important;
    }

    .divli {
        grid-column-start: 4 !important;
    }

    .divyt {
        grid-column-start: 5 !important;
    }
}