/* Extra small devices (phones, 500px and down) */
@media only screen and (max-width: 600px) {
    #page1 #content .col-1{ min-width:290px; max-width: 590px; width: 100%; float: left; margin-right: 0; background-color: #f0f0f0;}
    #page1 #content .col-2{ min-width:290px; max-width: 590px; width: 100%; float: right;}
    /*#page1 #content .col-1 .col-1{ width:190px; margin-right:8px}*/
    #page1 #content .col-1 .col-2{ width:290px}


    /*======= footer =======*/
    #footer { height:430px; }

    .indent-1{ margin:0; position:relative; z-index:100;}
    #content .block1{ background: none; width:100%; height: auto; color:#038486; text-align: center;}

    #content{ font-size:0.85em; width:100%; text-align:left; background: #f0f0f0; }
    /*.bg-cont{ background: #f0f0f0}*/

    /* content */
    #content .indent-main{padding: 0;}
    #content .indent-col{padding:30px 15px;}
    #content .block1 .indent-block{padding:25px;}
    #content .block1 h2{ color:#c3c8cb; font-size:22px; background:none; padding-bottom:0; padding-left:0; margin-bottom:0}

    /*======= width =======*/
    .main{margin:0; text-align:left; width:100%; }
    .alignCenterText { width: 100%; text-align: center;}

    /* Head */
    #head { 
        height:142px; 
        /*background: linear-gradient(180deg, rgba(5,164,164,1) 0%, rgba(6,115,115,1) 35%, rgba(6,73,73,1) 100%); */
        background: #065658;
        width:100%; 
        height:auto; 
        font-size:30px; 
        color:#c3c8cb;
        text-align: center;
        line-height: 50px;
    }

    body {font-size:100%; line-height:1em; width:100%; background: #f5f7f7;}
    .tableHeader { background-color:gray; line-height: 1,2; font-size: 25px; width:100%;}
    .responsive-logo { display: block; width: auto; float: unset; height: auto; padding: 20px; }
    .block { float: unset; width: 100%; display: none; color: white;}
    .responsive-patient { display: none; width: 100%; float: unset; height: 142px; }
    .month{ background-color: #ffffff; max-width:400px;width:100%; float:left; border:1px solid #ccc; border-collapse:collapse; font-size: 20px; height: 210px; }
    .amonth{ float:left; border:0px; margin:0px; border-collapse:collapse; margin-left:10px; margin-left:0px; padding-left:0px; max-width:400; width:100%; font-size: 25px; }
    th { padding:5px; background-color: #861e1e; background-repeat: repeat-x; color:#fff; font-size: 22px; height:30px; }
    .address{ margin-top:1px; font-size: 12px; text-align:left; color: #ffffff; }
    .days{ background-color:#B8B8B8; margin: 0px; padding-top:5px;padding-bottom:5px; text-align: center;}
    .field {font-size:18px; width: 100%;}

    #fields1 { width: 100%; }
    #fields2 { width: 100%; }
    #fields3 { width: 100%; }
    
    .col3Child1 { width: 100%; }
    .col3Child2 { width: 100%; }
    
    .col4Child { width: 100%;}
    .col4Child2 { width: 100%;}
    .col4Child3 { width: 100%;}

    .col3Child2 { justify-content: center; }
    
    .col4Child2, .col4Child3 { float: left; height: 30px; margin-right: 20px; display: flex; align-items: left; justify-content: center; }
    
    select { width: 100%;}

    #col7 > input {
        float: left;
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
	}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    #page1 #content .col-1{ min-width:430px; max-width: 767px; width: 100%; float: left; margin-right: 0; background-color: #f0f0f0;}
    #page1 #content .col-2{ min-width:430px; max-width: 767px; width: 100%; float: right;}
    /*#page1 #content .col-1 .col-1{ width:190px; margin-right:8px}*/
    #page1 #content .col-1 .col-2{ width:430px;}
   

    /*======= footer =======*/
    #footer { height:280px; }

    .indent-1{ margin:0; position:relative; z-index:100;}
    #content .block1{ background: none; width:100%; height: auto; color:#038486; text-align: center;}

    #content{ font-size:0.85em; width:100%; text-align:left; background: #f0f0f0; }
    /*.bg-cont{ background: #f0f0f0}*/

    /* content */
    #content .indent-main{padding: 0;}
    #content .indent-col{padding:30px 15px;}
    #content .block1 .indent-block{padding:25px;}
    #content .block1 h2{ color:#c3c8cb; font-size:22px; background:none; padding-bottom:0; padding-left:0; margin-bottom:0}

    /*======= width =======*/
    .main{margin:0; text-align:left; width:100%; }
    .alignCenterText { width: 100%; text-align: center;}

    /* Head */
    #head { 
        height:142px; 
        background: #065658;
        width:100%; 
        height:auto; 
        font-size:30px; 
        color:#c3c8cb;
        text-align: center;
        line-height: 50px;
    }

    body {font-size:100%; line-height:1em; width:100%; background: #f5f7f7;}
    .tableHeader { background-color:gray; line-height: 1,2; font-size: 25px; width:100%;}
    .responsive-logo { display: block; width: auto; float: unset; height: auto; padding: 20px; }
    .block { float: unset; width: 100%; display: none;}
    .responsive-patient { display: none; width: 100%; float: unset; height: 142px; }
    .month{ background-color: #ffffff; max-width:400px;width:100%; float:left; border:1px solid #ccc; margin:8px; border-collapse:collapse; font-size: 25px; height: 210px; }
    .amonth{ float:left; border:0px; margin:0px; border-collapse:collapse; margin-left:10px; margin-left:0px; padding-left:0px; max-width:400; width:100%; font-size: 25px; }
    th { padding:5px; background-color: #861e1e; background-repeat: repeat-x; color:#fff; font-size: 26px; height:30px; }
    .address{ margin-top:1px; font-size: 12px; text-align:left; color: #ffffff; }
    .days{ background-color:#B8B8B8; margin: 0px; padding-top:5px;padding-bottom:5px; text-align: center;}
    .field {font-size:18px; width: 100%;}

    #fields1 { width: 100%; }
    #fields2 { width: 100%; }
    #fields3 { width: 100%; }
    
    .col3Child1 { width: 30%; }
    .col3Child2 { width: 70%; }
    
    .col4Child { width: 100%;}
    .col4Child2 { width: 100%;}
    .col4Child3 { width: 100%;}

    .col3Child2 {
		justify-content: left;
    }
    
    .col4Child2, .col4Child3 { float: left; height: 30px; margin-right: 20px; display: flex; align-items: left; justify-content: center; }
    
    select { width: auto;}

    #col7 > input {
        float: left;
        width: 100%;
        margin-right: 15px;
        margin-bottom: 15px;
	}

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    #page1 #content .col-1{ min-width:430px; max-width: 990px; width: 100%; float: left; margin-right: 0; background-color: #f0f0f0;}
    #page1 #content .col-2{ min-width:430px; max-width: 990px; width: 100%; float: right;}
    /*#page1 #content .col-1 .col-1{ width:190px; margin-right:8px}*/
    //#page1 #content .col-1 .col-2{ width:430px}
   

    /*======= footer =======*/
    #footer { height:280px; }

    .indent-1{ margin:0; position:relative; z-index:100;}
    #content .block1{ background: none; width:100%; height: auto; color:#038486; text-align: center;}

    #content{ font-size:0.85em; width:100%; text-align:left; background: #f0f0f0; }
    /*.bg-cont{ background: #f0f0f0}*/

    /* content */
    #content .indent-main{padding: 0;}
    #content .indent-col{padding:30px 15px;}
    #content .block1 .indent-block{padding:25px;}
    #content .block1 h2{ color:#c3c8cb; font-size:22px; background:none; padding-bottom:0; padding-left:0; margin-bottom:0}

    /*======= width =======*/
    .main{margin:0; text-align:left; width:100%; }
    .alignCenterText { width: 100%; text-align: center;}

    /* Head */
    #head { 
        height:142px; 
        background: rgb(5,164,164);
        background: #065658;
        width:100%; 
        height:142px; 
        font-size:30px; 
        color:#c3c8cb;
        text-align: center;
        line-height: 142px;
    }

    body {font-size:100%; line-height:1em; width:100%; background: #f5f7f7;}
    .tableHeader { background-color:gray; line-height: 1,2; font-size: 25px; width:100%;}
    .responsive-logo { display: block; width: 100%; float: left; height: 142px; }
    .block { float: left; width: 80%; }
    .responsive-patient { display: blcok; width: 10%; float: left; height: 142px; }
    .month{ background-color: #ffffff; max-width:400px;width:100%; float:left; border:1px solid #ccc; margin:8px; border-collapse:collapse; font-size: 25px; height: 210px; }
    .amonth{ float:left; border:0px; margin:0px; border-collapse:collapse; margin-left:10px; margin-left:0px; padding-left:0px; max-width:400; width:100%; font-size: 25px; }
    th { padding:5px; background-color: #861e1e; background-repeat: repeat-x; color:#fff; font-size: 26px; height:30px; }
    .address{ margin-top:1px; font-size: 12px; text-align:left; color: #ffffff; }
    .days{ background-color:#B8B8B8; margin: 0px; padding-top:5px;padding-bottom:5px; text-align: center;}
    .field {font-size:18px; width: 100%;}

    #fields1 { width: 100%; }
    #fields2 { width: 100%; }
    #fields3 { width: 100%; }
    
    .col3Child1 { width: 20%; }
    .col3Child2 { width: 80%; }
    
    .col4Child { width: 100%;}
    .col4Child2 { width: 100%;}
    .col4Child3 { width: 100%;}

    .col3Child2 {
		justify-content: left;
    }
    
    .col4Child2, .col4Child3 { float: left; height: 30px; margin-right: 20px; display: flex; align-items: left; justify-content: center; }
    
    select { width: auto;}

    #col7 > input {
        float: left;
        width: 100%;
        margin-right: 15px;
        margin-bottom: 15px;
	}

}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    #page1 #content .col-1{ min-width:430px; max-width: 692px; width: 55%; float: left; margin-right: 0; background-color: #f0f0f0;}
    #page1 #content .col-2{ min-width:430px; max-width: 430px; float: right;}
    /*#page1 #content .col-1 .col-1{ width:190px; margin-right:8px}*/
    #page1 #content .col-1 .col-2{ width:430px;}


    /*======= footer =======*/
    #footer { height:135px; }

    .indent-1{ margin:0; position:relative; z-index:100;}
    #content .block1{ background: none; width:100%; height: auto; color:#038486; text-align: center;}

    #content{ font-size:0.85em; width:100%; text-align:left; background: #f0f0f0; }
    /*.bg-cont{ background: #13161b}*/

    /* content */
    #content .indent-main{padding: 0;}
    #content .indent-col{padding:30px 15px;}
    #content .block1 .indent-block{padding:25px;}
    #content .block1 h2{ color:#c3c8cb; font-size:22px; background:none; padding-bottom:0; padding-left:0; margin-bottom:0}

    /*======= width =======*/
    .main{margin:0; text-align:left; width:100%; }
    .alignCenterText { width: 100%; text-align: center;}

    /* Head */
    #head { 
        height:142px; 
        background: rgb(5,164,164);
        background: #065658;
        width:100%; 
        height:142px; 
        font-size:30px; 
        color:#c3c8cb;
        text-align: center;
        line-height: 142px;
    }

    body {font-size:100%; line-height:1em; width:100%; background: #f5f7f7;}
    .tableHeader { background-color:gray; line-height: 1,2; font-size: 25px; width:100%;}
    .responsive-logo { display: block; width: 15%; float: left; height: 142px; }
    .block { float: left; width: 70%; display: block; color: white;}
    .responsive-patient { display: block; width: 10%; float: left; height: 142px; }
    .month{ background-color: #ffffff; max-width:400px;width:100%; float:left; border:1px solid #ccc; margin:8px; border-collapse:collapse; font-size: 25px; height: 210px; }
    .amonth{ float:left; border:0px; margin:0px; border-collapse:collapse; margin-left:10px; margin-left:0px; padding-left:0px; max-width:400; width:100%; font-size: 25px; }
    th { padding:5px; background-color: #861e1e; background-repeat: repeat-x; color:#fff; font-size: 26px; height:30px; }
    .address{ margin-top:1px; font-size: 12px; text-align:left; color: #ffffff; }
    .days{ background-color:#B8B8B8; margin: 0px; padding-top:5px;padding-bottom:5px; text-align: center;}
    .field {font-size:18px; width: 100%;}

    #fields1 { width: 100%; }
    #fields2 { width: 100%; }
    #fields3 { width: 100%; }
    
    .col3Child1 { width: 25%; }
    .col3Child2 { width: 75%; }
    
    .col4Child { width: 100%;}
    .col4Child2 { width: 100%;}
    .col4Child3 { width: 100%;}

    .col3Child2 {
		justify-content: left;
    }
    
    .col4Child2, .col4Child3 { float: left; height: 30px; margin-right: 20px; display: flex; align-items: left; justify-content: center; }
    
    select { width: auto;}

    #col7 > input {
        float: left;
        width: 100%;
        margin-right: 15px;
        margin-bottom: 15px;
	}

}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    #page1 #content .col-1{ min-width:430px; max-width: 1190px; width: 50%; float: left; margin-right: 0; background-color: #f0f0f0;}
    #page1 #content .col-2{ min-width:430px; max-width: 430px; float: right;}
    /*#page1 #content .col-1 .col-1{ width:190px; margin-right:8px}*/
    #page1 #content .col-1 .col-2{ width:430px}


    /*======= footer =======*/
    #footer { height:135px; }

    .indent-1{ margin:0; position:relative; z-index:100; }
    #content .block1{ background: none; width:100%; height: auto; text-align: center;}

    #content{ font-size:0.85em; width:100%; text-align:left; background: #f0f0f0; }
    /*.bg-cont{ background: #9ca2a2}*/

    /* content */
    #content .indent-main{padding: 0;}
    #content .indent-col{padding:50px 30px;}
    #content .block1 .indent-block{padding:25px;}
    #content .block1 h2{ color:#c3c8cb; font-size:22px; background:none; padding-bottom:0; padding-left:0; margin-bottom:0}

    /*======= width =======*/
    .main{margin:0; text-align:left; width:100%; }
    .alignCenterText { width: 100%; text-align: center;}

    /* Head */
    #head { 
        height:142px; 
        background: rgb(5,164,164);
        background: #065658;
        width:100%; 
        height:142px; 
        font-size:30px; 
        color:#c3c8cb;
        text-align: center;
        line-height: 142px;
    }

    body {font-size:100%; line-height:1em; width:80%; margin: auto; background: #f5f7f7;}

    .tableHeader { background-color:gray; line-height: 1,2; font-size: 25px; width:100%;}
    .responsive-logo { display: block; width: 15%; float: left; height: 142px; }
    .block { float: left; width: 70%; display: block; color: white;}
    .responsive-patient { display: block; width: 10%; float: left; height: 142px; }
    .month{ background-color: #ffffff; max-width:400px;width:100%; float:left; border:1px solid #ccc; margin:8px; border-collapse:collapse; font-size: 25px; height: 210px; }
    .amonth{ float:left; border:0px; margin:0px; border-collapse:collapse; margin-left:10px; margin-left:0px; padding-left:0px; max-width:400; width:100%; font-size: 25px; }
    th { padding:5px; background-color: #861e1e; background-repeat: repeat-x; color:#fff; font-size: 26px; font-weight: 300; height:30px; }
    .address{ margin-top:1px; font-size: 12px; text-align:left; color: #ffffff; }
    .days{ background-color:#B8B8B8; margin: 0px; padding-top:5px;padding-bottom:5px; text-align: center;}
    .field {font-size:18px; width: 100%;}

    #fields1 { width: 100%; }
    #fields2 { width: 100%; }
    #fields3 { width: 100%; }
    
    .col3Child1 { width: 25%; }
    .col3Child2 { width: 75%; }

    .col4Child { width: 100%;}
    .col4Child2 { width: 100%;}
    .col4Child3 { width: 100%;}

    .col3Child2 {
		justify-content: left;
    }
    
    .col4Child2, .col4Child3 { float: left; height: 30px; margin-right: 20px; display: flex; align-items: left; justify-content: center; }
    
    select { width: auto;}

    #col7 > input {
        float: left;
        width: 100%;
        margin-right: 15px;
        margin-bottom: 15px;
	}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1400px) {
    #page1 #content .col-1{ min-width:351px; max-width: 780px; width:100%; float: left; margin-right: 0; background: #f0f0f0;}
    #page1 #content .col-2{ min-width:351px; max-width: 355px; float: right }
    /*#page1 #content .col-1 .col-1{ width:190px; margin-right:8px}*/
    /*#page1 #content .col-1 .col-2{ width:860px}*/


    /*======= footer =======*/
    #footer { height:135px; }

    .indent-1{ margin:0; position:relative; z-index:100;}
    #content .block1{ background: none; width:100%; height: auto; color:#038486; text-align: center;}

    #content{ font-size:0.85em; width:100%; text-align:left; background: #f0f0f0; }
    /*.bg-cont{ background: #13161b}*/

    /* content */
    #content .indent-main{padding: 0;}
    #content .indent-col{padding:50px 30px;}
    #content .block1 .indent-block{padding:25px;}
    #content .block1 h2{ color:#c3c8cb; font-size:22px; background:none; padding-bottom:0; padding-left:0; margin-bottom:0}

    /*======= width =======*/
    .main{margin:0; text-align:left; width:100%; }
    .alignCenterText { width: 100%; text-align: center;}

    /* Head */
    #head { 
        height:142px; 
        background: rgb(5,164,164);
        background: #065658;
        width:100%; 
        height:142px; 
        font-size:30px; 
        color:#c3c8cb;
        text-align: center;
        line-height: 142px;
    }

    body {font-size:100%; line-height:1em; width:80%; margin: auto; background: #f5f7f7;}

    .tableHeader { background-color:gray; line-height: 1,2; font-size: 25px; width:100%;}
    .responsive-logo { display: block; width: 15%; float: left; height: 142px; }
    .block { float: left; width: 70%; display: block; color: white;}
    .responsive-patient { display: block; width: 10%; float: left; height: 142px; }
    .month{ background-color: #ffffff; max-width:310px;width:100%; float:left; border:1px solid #ccc; border-collapse:collapse; font-size: 25px; height: 210px; }
    .amonth{ float:left; border:0px; margin:0px; border-collapse:collapse; margin-left:10px; margin-left:0px; padding-left:0px; max-width:310; width:100%; font-size: 25px; }
    th { padding:5px; background-color: #861e1e; background-repeat: repeat-x; color:#fff; font-size: 26px; height:30px; }
    .address{ margin-top:1px; font-size: 18px; text-align:left; color: #ffffff; line-height: 1.3; }
    .days{ background-color:#B8B8B8; margin: 0px; padding-top:5px;padding-bottom:5px; text-align: center;}
    .field {font-size:18px; width: 100%;}

    #fields1 { width: 100%; }
    #fields2 { width: 100%; }
    #fields3 { width: 100%; }
    
    .col3Child1 { width: 20%; }
    .col3Child2 { width: 80%; }

    .col4Child { width: 100%;}
    .col4Child2 { width: 100%;}
    .col4Child3 { width: 100%;}

    .col3Child2 {
		justify-content: left;
    }
    
    .col4Child2, .col4Child3 { float: left; height: 30px; margin-right: 20px; display: flex; align-items: left; justify-content: center; }
    
    select { width: auto;}

    #col7 > input {
        float: left;
        width: 100%;
        margin-right: 15px;
        margin-bottom: 15px;
	}
}

/* Extra large devices (large laptops and desktops, 1800px and up) */
@media only screen and (min-width: 1880px) {
    #page1 #content .col-1{ min-width:351px; max-width: 1149px; width:100%; float: left; margin-right: 0; background: #f0f0f0;}
    #page1 #content .col-2{ min-width:351px; max-width: 355px; float: right }
    /*#page1 #content .col-1 .col-1{ width:190px; margin-right:8px}*/
    /*#page1 #content .col-1 .col-2{ width:860px}*/


    /*======= footer =======*/
    #footer { height:135px; }

    .indent-1{ margin:0; position:relative; z-index:100;}
    #content .block1{ background: none; width:100%; height: auto; color:#038486; text-align: center;}

    #content{ font-size:0.85em; width:100%; text-align:left; background: #f0f0f0; }
    /*.bg-cont{ background: #13161b}*/

    /* content */
    #content .indent-main{padding: 0;}
    #content .indent-col{padding:50px 30px;}
    #content .block1 .indent-block{padding:25px;}
    #content .block1 h2{ color:#c3c8cb; font-size:22px; background:none; padding-bottom:0; padding-left:0; margin-bottom:0}

    /*======= width =======*/
    .main{margin:0; text-align:left; width:100%; }
    .alignCenterText { width: 100%; text-align: center;}

    /* Head */
    #head { 
        height:142px; 
        background: rgb(5,164,164);
        background: #065658;
        width:100%; 
        height:142px; 
        font-size:30px; 
        color:#c3c8cb;
        text-align: center;
        line-height: 142px;
    }

    body {font-size:100%; line-height:1em; width:80%; margin: auto; background: #f5f7f7;}

    .tableHeader { background-color:gray; line-height: 1,2; font-size: 25px; width:100%;}
    .responsive-logo { display: block; width: 15%; float: left; height: 142px; }
    .block { float: left; width: 70%; display: block; color: white;}
    .responsive-patient { display: block; width: 10%; float: left; height: 142px; }
    .month{ background-color: #ffffff; max-width:310px;width:100%; float:left; border:1px solid #ccc; border-collapse:collapse; font-size: 25px; height: 210px; }
    .amonth{ float:left; border:0px; margin:0px; border-collapse:collapse; margin-left:10px; margin-left:0px; padding-left:0px; max-width:400; width:100%; font-size: 25px; }
    th { padding:5px; background-color: #861e1e; background-repeat: repeat-x; color:#fff; font-size: 26px; height:30px; }
    .address{ margin-top:1px; font-size: 18px; text-align:left; color: #ffffff; line-height: 1.3; }
    .days{ background-color:#B8B8B8; margin: 0px; padding-top:5px;padding-bottom:5px; text-align: center;}
    .field {font-size:18px; width: 100%;}

    #fields1 { width: 100%; }
    #fields2 { width: 100%; }
    #fields3 { width: 100%; }
    
    .col3Child1 { width: 20%; }
    .col3Child2 { width: 80%; }

    .col4Child { width: 100%;}
    .col4Child2 { width: 100%;}
    .col4Child3 { width: 100%;}

    .col3Child2 {
		justify-content: left;
    }
    
    .col4Child2, .col4Child3 { float: left; height: 30px; margin-right: 20px; display: flex; align-items: left; justify-content: center; }
    
    select { width: auto;}

    #col7 > input {
        float: left;
        width: 100%;
        margin-right: 15px;
        margin-bottom: 15px;
	}
}