.readerSupported{
    background-color: brown;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 99999999999999999999999999;
}
.readerSupported ul{
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
    padding-top: 1vw;
    padding-bottom: 0.55vw;
}
.readerSupported ul li.affiliateText{
    color: white;
    font-size: 1.15vw;
    font-family: 'Roboto';
    font-weight: 100;
    margin-right: 3vw;
}
.closeImg{
    width: 1.9vw;
    margin-top: -.2vw;
}
.closeImg:hover{
    cursor: pointer;
}
#fillContainer{
    max-width: 85%;
    margin: auto;
}
/* ------------------- BY TALAWY --------------- */
.developer{
    padding: 1em;
    text-align: center;
    font-family: 'Roboto';
}
/* -------------- Header start here -------------- */
.headerContainer{
    position: relative;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    max-width: 100%;
    text-align: left;
}
#bigCircle{
    position: absolute;
    background-color: #8a8a8a0d;
    border-radius: 50%;
    z-index: -1;
}
.cir1{
    right: 0;
    margin-right: -31.6vw;
    margin-top: -3vw;
    width: 70VW;
    height: 70vw;
}
.cir2{
    top: 64vw;
    margin-left: -36vw;
    height: 60vw;
    width: 70vw;
}
.cir3{
    width: 15vw;
    height: 15vw;
    right: 0;
    top: 99vw;
    margin-right: -6vw;
}

.text{
    font-size: 6.875vw;
    text-shadow: -2px 2px 0px #ffffff94;
    line-height: 6vw;
    font-family: 'Francois One', 'Bree Serif', serif;
    color: #ed0404;
    margin-bottom: 2.2vw;
}
.abs{
    position: relative;
    right: 0;
    z-index: 99999;
}
ul#headerRef{
    margin-top: 12vw;
    display: inline-block;
    list-style-type: none;
    max-width: 53%;
    margin-left: -6vw;
}
ul#headerRef li{
    text-decoration: none;
}
ul#headerRef li a{
    color: black;
    text-decoration: none;
    font-size: 1.375vw;
}
ul#headerRef li.link a img{
    width: 32px;
    vertical-align: middle;
    margin-top: -3px;
}

.link{
    text-decoration: none;
    margin-left: 9vw;
}
.link a span{
    color: black;
    font-family: 'Francois One','Oswald', sans-serif;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    font-size: 1.375vw;
}
.image{
    position: relative;
    max-width: 35vw;
    height: auto;
}
#header{
    height: auto;
    max-width: 100%;
}
.tab a{
    padding: 1.2em 2.2em;
}
img#boxedWaterImg{
    width: 100%;
    max-width: 100%;
}
.boxedWater{
    max-width: 21vw;
    margin-top: 60px;
}
.ambition{
    /* position: relative; */
    bottom: -14%;
    display: inline-block;
    left: 12%;
    font-family: 'Francois One','Oswald', sans-serif;
    font-size: 1.5vw;
    padding: 10px 20px;
    /* margin: 10px 20px; */
    border-top: .25vw;
    border-bottom: .25vw;
    border-left: 0;
    border-right: 0;
    border-color: #5D4037;
    border-style: dashed;
    color: #5D4037;
    margin-top: 4vw;
    margin-left: 3.8vw;
}
.mobile ul{
    list-style-type: none;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
}
.mobile .ambitionM{
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
    bottom: -14%;
    /* display: inline-block; */
    /* left: 12%; */
    font-family: 'Francois One','Oswald', sans-serif;
    font-size: 1.5vw;
    padding: 10px 20px;
    /* margin: 10px 20px; */
    border-top: .25vw;
    border-bottom: .25vw;
    border-left: 0;
    border-right: 0;
    border-color: #5D4037;
    border-style: dashed;
    color: #5D4037;
    margin-top: 4.5vw;
}
.mobile .link{
    margin-left: 0;
}

.link a span:hover{
    text-decoration: underline;
}
/* ----------- Program Section Starts Here ------------ */
.programContainer{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    max-width: 100%;
    margin: auto;
    margin-top: 13vw;
}
.programContainer ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
.programContainer ul li{
    display: inline;
}
.programContainer ul li img{
    position: relative;
}
.programContainer ul img#pImg1{
    max-width: 17vw;
    margin-top: 13vw;
    z-index: 9;
    margin-left: 2vw;
}
.dietBox1{
    width: 15vw;
    height: 20vw;
    background-color: brown;
    margin-left: -11vw;
    margin-top: 8vw;
}
.programContainer ul li img#pImg2{
    max-width: 13vw;
    margin-top: 19vw;
    margin-left: -2vw;
    z-index: 9;
}
.programContainer ul li img#pImg3{
    max-width: 33vw;
    margin-left: -24vw;
    z-index: 1;
}
.programContainer ul li img#pImg4{
    max-width: 11vw;
    margin-left: -5vw;
    z-index: 9;
    margin-top: 1.5vw;
}
.dietBox2{
    width: 7vw;
    height: 8vw;
    margin-left: -5vw;
    margin-top: -1.5vw;
    background-color: #681313;
}
.programContainer ul#programDetails{
    right: 0;
    display: inline-block;
    z-index: 9999999;
}
.programContainer ul#programDetails li{
    display: block;
}
.pTitle{
    font-size: 4.5vw;
    margin-top: 7vw;
    z-index: 99999;
    font-family: 'Francois One','Oswald', sans-serif;
    text-shadow: -2px 2px 0px #ffffff94;
    line-height: 4.2vw;
    color: #ed0404;
}
.pDesc{
    max-width: 31vw;
    font-size: 1.5vw;
    margin-top: 20px;
    font-family: 'Candara','Francois One','Oswald', sans-serif;
    font-weight: bold;
    padding: 0.5em 1em;
    background-color: #ffffff;
}
.pButton{
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 1.1vw;
    margin-left: 1.5vw;
    margin-top: 1vw;
}
.pButton a{
    color: #000;
    text-decoration: none;
    padding: 7px 10px;
    padding-left: 20px;
    border: 1.5px solid;
}
.pButton a:hover{
    background-color: #ed0404;
    border-color: #ed0404;
    color: #eeeeee;
} 
.pButton a img{
    vertical-align: middle; 
    width: 2vw; 
    margin-top: -3px;
}
/*-------------- Catogries starts here --------------------*/

/*--------navbar---------*/
div.categories{
    z-index: 999999999999999999;
    margin: auto;
    /* white-space: nowrap; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 76%;
    max-width: 76%;
    padding-top: 8vw;
}
div.categories li {
    
}
div.categories div li:last-of-type{
    margin: 0;
}
/*div.categories div{
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
}*/
div.categories ul{
    width: 65%;
    margin: auto;
    /* margin-top: 3vw; */
    white-space: nowrap;
    overflow: hidden;
    /* margin-left: -2vw;*/
}
div.categories ul li{
    display: inline-block;
    list-style-type: none;
    font-family: 'Oswald', sans-serif;
    cursor: pointer;
    margin-right: 3vw;
}
div.categories ul li:not(.active){
    font-size: 2vw;
    color: #2121216b;
}
.next{
    margin-right: 0;
}
#previous, #next {
    width: 3.4vw;
    vertical-align: sub;
    display: inline-block;
    margin-bottom: -1vw;
}
#previous{
    margin-left: 6vw;
}
#next{
    margin-right: 6vw;
}
.active{
    color: #000;
    font-size: 3vw;
}

/*---------POSTS SECTION---------*/

/*---------SECTION TITLE------*/
.sectionTitle{
    padding-top: 0vw;
    max-width: 100%;
    margin: auto;
}
.sTitle{
    font-family: 'Oswald', sans-serif;
    font-size: 2.8vw;
    display: block;
}
.titleCategories{
    font-size: 1.05vw;
}
.sectionTitle a{
    font-size: 1.05vw;
    font-family: 'Roboto','Oswald', sans-serif;
    color: black;
}
.ssecond{
    padding-top: 0;
}
#fillContainer hr{
    width: 90%;
}
#fillContainer hr:not(#mobileTitles){
    margin-top: 12vw;
}
/*-----content------*/
div.bestOf{
    max-width: 100%;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 2vw;
}
.postImg a, .postTitle a{
    color: #000;
    text-decoration: none;
    -webkit-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
}
.postTitle a:hover{
    color: brown;
}
.postImg a:hover{
    opacity: 0.8;
}

/* ---- BIGPOST ---- */
ul.bigTitles{
    max-width: calc((100% / 3) - 1vw);
    margin-right: 1vw;
    margin: auto;
}
   
ul.bigTitles:last-of-type{
    margin-right: 0;
}
.bestOf ul li{
    list-style-type: none;
}
ul.bigTitles li.postImg a img{
    width: 100%;
    height: auto;
    background-color: brown;
}
ul.bigTitles li.postImg{
    max-width: 100%;
    max-height: 22vw;
    overflow: hidden;
    background-color: brown;
}
ul.bigTitles li.postTitle{
    margin: 1vw 0 0 0;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: 2.5vw;
}
li.updateDate{
    font-family: 'Oswald', sans-serif;
    margin: .2vw 0 1vw;
    color: brown;
    text-transform: uppercase;
}
ul.bigTitles li.updateDate{
    font-size: 1.12vw;
}
ul.bigTitles li.postDesq{
    font-family: 'Playfair Display', serif;
    font-size: 1.05vw;
    color: #424242;
}

/* ---- SMALLPOST ---- */
ul.smallTitles{
    max-width: calc((100% / 4) - 1vw);
    margin-right: 1vw;
    margin: auto;
    margin-top: 3vw;
}
ul.smallTitles:last-of-type{
    margin-right: 0;
}
ul.smallTitles li.postImg a img{
    width: 100%;
    height: auto;
}
ul.smallTitles li.postImg{
    max-width: 100%;
    max-height: 12vw;
    overflow: hidden;
    background-color: brown;
}

ul.smallTitles li.postTitle{
    margin: 1vw 0 0 0;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: 2vw;
}
ul.smallTitles li.updateDate{
    font-size: 1.05vw;
}
ul.smallTitles li.postDesq{
    font-family: 'Playfair Display', serif;
    font-size: 1vw;
    color: #424242;
}
/************ FEEDBACK SECTION *************/
#feedback{
    max-width: 100%;
    height: auto;
    margin-top: 3vw;
}
.feedbackCont{
    max-width: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
}
.feedbackCont p{
    
}
.feedC{
    z-index: 99999;
    max-width: 50%;
    margin-right: -2vw;
    margin-top: 1.9vw;
}
.feedbackCont p.feed{
    max-width: 98%;
    font-size: 3.3vw;
    font-family: 'Playfair Display', serif;
    line-height: 3.5vw;
}
.coloredFeedBox{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 30vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    width: 58%;
    background-color: #d78e8f;
    margin-left:-28vw;
}
.coloredFeedBox #inline{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 1vw 1.5vw;
}
.feedResponse{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
#inline p{
    font-size: 2vw;
    font-family: 'Lobster Two', cursive;
    line-height: 1.95vw;
}
#inline .feedButton{
    margin-top: 3.5vw;
}
.feedWriter{
    font-family: 'Roboto','Oswald', sans-serif;
    font-size: 1.5vw;
    margin-top: 1vw;
}
.feedButton a{
    color: black;
    background-color: white;
    padding: .7vw 2.2vw;
    text-decoration:none;
    font-family: 'Oswald', sans-serif;
}
.notice{
    max-width: 100%;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 6vw;
}
.notice img{
    max-width: 20vw;
    margin: auto;
}
.notice p{
    max-width: 64%;
    margin: auto;
    text-align: center;
    font-size: 2vw;
    font-family: 'Roboto','Oswald', sans-serif;
}
/**** FOOTER STARTS HERE ****/
footer{
    max-width: 100%;
    background-color: black;
    padding-top: 4vw;
    padding-bottom: 1.5vw;
    margin-top: 4vw;
}
.footerCategories{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    max-width: 85%;
    margin: auto;
}
.footerCategories ul{
    list-style-type: none;
    margin-right: 1vw;
    width: calc((100% - 3vw) / 4);
}
.footerContainer ul:last-of-type{
    margin-right: 0;
}
.footerContainer ul li, .footerContainer ul li a{
    color: white;
      
}
.footerContainer ul li:not(.fTitle){
    margin-bottom: .2vw;
}

.footerContainer ul li a{
    font-family: 'Roboto','Oswald', sans-serif;  
    text-decoration: none;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.footerCategories a{
    font-size: 1.05vw;
}
.footerContainer ul li a:hover{
    -webkit-text-decoration: underline red;
            text-decoration: underline red;
    font-size: 1.3vw;
}
.fTitle{
    font-family: 'Playfair Display', serif;
    font-size: 1.5vw;
    margin-bottom: 1vw;
}
.subscribeSection{
    max-width: 85%;
    margin: auto;
    margin-top: 2.5vw;
}
.subscribeSection ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    list-style-type: none;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.subsText{
    font-family: 'Playfair Display', serif;
    font-size: 1.5vw;
    max-width: 40%;
    margin-right: 5vw;
}
.subsEmail{
    margin-top: 0.6vw;
}
.subsEmail input,
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px #3c3c3c inset !important;
    -webkit-text-fill-color: white !important;
    background-color: #3c3c3c;
    width: 16vw;
    border: none;
    font-size: 1vw;
    padding: .2vw 1vw;
    height: 2.5vw;
    color: white;
    font-family: 'Roboto','Oswald', sans-serif;  
}
.subsEmail input:focus{
    outline: none;
}
.subsEmail a{
    background-color: #b40000;
    padding: 1vw 1.5vw;
    text-transform: uppercase;
    font-size: 1.5vw;
}
.termsSection{
    max-width: 85%;
    margin: auto;
    margin-top: 7.5vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    list-style-type: none;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.termsSection ul{
    list-style-type: none;
}
.termsSection ul li{
    display: inline-block;
    vertical-align: middle;
    margin-right: 1vw;
}
.tLogo img{
    max-width: 14vw;
    margin-right: 2vw;
}
.termsSection p{
    color: white;
    margin-top: 0.8vw;
    font-family: 'Roboto','Oswald', sans-serif;  
    font-size: 1vw;
}
#tablets{display: none;}
.mobile{display: none;}
#mobileTitles{margin-top: 3vw; margin-bottom: 0; display: none;}
/*.mobile{display: none;}*/
/***** MEDIA QUERES FOR SMALL LAPTOPS AND TABLETS ******/
@media screen and (max-width: 1024px){
    #navContainer{
        max-width: 90%;
    }
    #fillContainer{
        max-width: 95%;
    }
    ul.logo li img{
        width: 12vw;
    }
    ul.navbarButtons li a{
        font-size: 1.3vw;
    }
    .search img{
        width: 2.3vw;
    }
    .readerSupported ul li.affiliateText{
        font-size: 1.3vw;
    }
    .closeImg{
        width: 2vw;
    }
    ul.bigTitles li.postTitle{font-size: 3vw;}
    ul.bigTitles li.postDesq{font-size: 1.5vw;}
    ul.smallTitles li.postTitle{font-size: 2.5vw;}
    ul.smallTitles li.postDesq{font-size: 1.35vw;}
    .sTitle{font-size: 3vw;}
    .sectionTitle a{font-size: 1.5vw;}
    .titleCategories{font-size: 1.5vw;}
    .image{
        max-width: 44vw;
    }
    .boxedWater{
        max-width: 28vw;
    }
    .text{
        font-size: 7.875vw;
        line-height: 7.5vw;
    }
    .link a span{
        font-size: 1.8vw;
    }
    .ambition{
        font-size: 2.2vw;
        border-top: dashed rgb(93, 64, 55) 0.50vw;
        border-bottom: dashed rgb(93, 64, 55) 0.50vw;
        left: 7%;
    }
    .programContainer ul img#pImg1{
        max-width: 19vw;
    }
    .programContainer ul li img#pImg2{
        max-width: 15vw;
    }
    .programContainer ul li img#pImg3{
        max-width: 35vw;
    }
    .programContainer ul li img#pImg4{
        max-width: 13vw;
    }
    .dietBox1{
        width: 17vw;
        height: 22vw;
    }
    .dietBox2{
        width: 9vw;
        height: 10vw;
    }
    .pTitle{
        font-size: 6vw;
        line-height: 5.2vw;
    }
    ul.bigTitles li.updateDate {
        font-size: 1.5vw;
    }
    ul.smallTitles li.updateDate {
        font-size: 1.4vw;
    }
    .pDesc{
        max-width: 41vw;
        font-size: 2vw;
    }
    .pButton{
        font-size: 1.5vw;
        margin-left: 2vw;
        margin-top: 1.5vw;
    }
    .programContainer ul#programDetails{
        margin-left: -15vw;
    }
    .feedbackCont p.feed{
        font-size: 3.6vw;
        line-height: 3.9vw;
    }
    .feedWriter{font-size: 1.8vw;}
    #inline p{font-size: 2.2vw; line-height: 2.1vw;}
    .notice p{font-size: 2.2vw;}
    .fTitle{
        font-size: 2vw;
    }
    .footerCategories a{font-size: 1.8vw;}
    .subsText{max-width: 43%; font-size: 2vw;}
    .subsEmail{margin-top: 2.09vw;}
    .subsEmail input,
    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    input:-webkit-autofill:active{
        width: 24vw;
        font-size: 1.8vw;
        padding: .4vw 1vw;
        height: 4vw;
    }
    .subsEmail a{
        padding: 1.5vw 2vw;
        font-size: 2vw;
    }
    .tLogo img{max-width: 20vw;}
    .termsSection p{font-size: 1.5vw; margin-top: 1vw; margin-bottom: 3vw;}
}
/*Key: TABLET7788 */
@media screen and (max-width: 900px){
    
    .readerSupported{
        padding: 0 1em;
    }
    .readerSupported ul{
        padding-top: 2vw;
        padding-bottom: 1.5vw;
    }
    .readerSupported ul li.affiliateText{
        font-size: 2vw;
        max-width: 90%;
    }
    .closeImg{
        width: 3.5vw;
        margin-top: 0.35vw;
    }
    .image{
        max-width: 46vw;
    }
    .boxedWater{
        max-width: 30vw;
    }
    .text{
        font-size: 9.875vw;
        line-height: 8.5vw;
    }
    .link a span{
        font-size: 2vw;
    }
    .ambition{
        font-size: 2.5vw;
        border-top: dashed rgb(93, 64, 55) 0.50vw;
        border-bottom: dashed rgb(93, 64, 55) 0.50vw;
        left: 7%;
    }
    /****/
    .programContainer ul img#pImg1{
        max-width: 20vw;
    }
    .programContainer ul li img#pImg2{
        max-width: 16vw;
    }
    .programContainer ul li img#pImg3{
        max-width: 36vw;
    }
    .programContainer ul li img#pImg4{
        max-width: 14vw;
    }
    .dietBox1{
        width: 18vw;
        height: 23vw;
    }
    .dietBox2{
        width: 10vw;
        height: 11vw;
    }
    .pTitle{
        font-size: 7vw;
        line-height: 6.2vw;
    }
    ul.bigTitles li.updateDate {
        font-size: 2vw;
    }
    ul.smallTitles li.updateDate {
        font-size: 1.9vw;
    }
    .pDesc{
        max-width: 41vw;
        font-size: 2.3vw;
    }
    .pButton{
        font-size: 1.5vw;
        margin-left: 2vw;
        margin-top: 1.5vw;
    }
    .programContainer ul#programDetails{
        margin-left: -23vw;
    }
    .sTitle{
        font-size: 4.8vw;
    }
    .titleCategories{
        font-size: 1.7vw;
    }
    .titleCategories a{font-size: 1.7vw;} 
    #tablets{display: block;}
    ul#laptops{display: none;}
    ul.bigTitles{max-width: calc((100% / 2) - 1vw);}
    ul.smallTitles{max-width: calc((100% / 3) - 1vw);}
    ul.bigTitles li.postImg{max-height: 30vw;}
    ul.bigTitles li.postTitle{font-size: 4vw;}
    ul.bigTitles li.postDesq{font-size: 1.7vw;}
    ul.smallTitles li.postImg{max-height: 20vw;}
    ul.smallTitles li.postTitle{font-size: 3vw;}
    ul.smallTitles li.postDesq{font-size: 1.5vw;}

    .feedbackCont p.feed{font-size: 4.8vw; line-height: 5vw;}
    .feedWriter{font-size: 2vw;}
    #inline p{font-size: 2.5vw; line-height: 2.5vw;}
    .feedButton a{font-size: 2vw;}
    .coloredFeedBox{height: 40vw;}
    .feedC{max-width: 54%;}
    .notice img{max-width: 25vw;}
    .notice p{max-width: 70%; font-size: 2.5vw;}

    .footerCategories ul{
        margin-bottom: 3vw;
        width: calc((100% - 3vw) / 2);
    }
    .fTitle{font-size: 2.5vw;}
    .footerCategories a{font-size: 2.05vw;}
    .subsText{max-width: 43%; font-size: 2.5vw;}
    .subsEmail{margin-top: 2.9vw;}
    .subsEmail input,
    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    input:-webkit-autofill:active{
        width: 26vw;
        font-size: 2vw;
        padding: .4vw 1vw;
        height: 4.5vw;
    }
    .subsEmail a{
        padding: 1.5vw 2vw;
        font-size: 2.5vw;
    }
    .tLogo img{max-width: 20vw;}
    .termsSection p{font-size: 2vw; margin-bottom: 3vw;}
}
/*Key: MOBILE7788 */
@media screen and (max-width: 600px){
    #fillContainer {
        max-width: 100%;
    }
    .readerSupported{
        width: auto;
    }
    .readerSupported ul{
        padding-top: 3vw;
        padding-bottom: 4.5vw;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
    }
    .closeImg {
        width: 5.5vw;
        margin-top: 1.35vw;
        margin-bottom: -3em;
        float: right;
    }
    .readerSupported ul li.affiliateText {
        font-size: 1.1em;
        margin-top: 2vw;
    }
    #mobile{display: none;}
    .mobile{display: block;}
    .headerContainer{-webkit-box-pack: left;-ms-flex-pack: left;justify-content: left;}
    .image{max-width: 70vw;}
    ul#headerRef{
        max-width: 100%;
        margin-left: -70vw;
        text-align: center;
    }
    .text {
        font-size: 22vw;
        line-height: 19vw;
        margin-top: 15vw;
        margin-left: 5vw;
    }
    .boxedWater {
        max-width: 59vw;
        float: right;
        margin-top: -11vw;
    }
    .link a{
        text-decoration:none ;
    }
    .link a span {
        font-size: 6.5vw;
    }
    .link a img{
        margin-bottom: -3vw;
        width: 10.5vw;
    }
    .mobile ul{margin-top: 6vw;}
    .mobile .ambitionM{
        font-size: 5.5vw;
        border: 1vw dashed #5D4037;
        border-left: none;
        border-right: none;
        padding: 8px 20px;
        margin-top: 6vw;
    }
    .programContainer{-ms-flex-wrap: wrap;flex-wrap: wrap; margin-top: 34vw;}
    .programContainer ul#programDetails{margin-left: 0;}
    .programContainer ul img#pImg1{max-width: 27vw; margin-top: 18vw;}
    .programContainer ul li img#pImg2{max-width: 18vw; margin-right: -34vw; margin-top: 42vw; margin-left: -13vw;}
    .programContainer ul li img#pImg3{max-width: 75vw; margin-left: -24vw;}
    .programContainer ul li img#pImg4{max-width: 22vw; margin-left: -18vw; margin-top: 4.5vw;}
    .dietBox2 {
        width: 12vw;
        height: 14vw;
        margin-left: -10vw;
        margin-top: -2.5vw;
    }
    .dietBox1 {
        width: 28vw;
        height: 35vw;
        margin-left: -24vw;
    }
    ul#programDetails li {
        display: block;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin: auto;
        margin-top: 4vw;
    }
    .pTitle {
        font-size: 12vw;
        line-height: 11.2vw;
    }
    
    .pDesc {
        max-width: 82%;
        font-size: 4.3vw;
    }
    .pButton {
        font-size: 4.5vw;
    }
    .pButton a img{
        width: 7vw;
    }
    .sectionTitle{
        padding: 0 1em;
    }
    .sTitle {
        font-size: 8.5vw;
    }
    .titleCategories , .titleCategories a{
        font-size: 3.7vw;
    }
    ul.bigTitles, ul.smallTitles{
        max-width: calc(100% - 2em);
    }
    ul.bigTitles{
        margin-bottom: 5vw;
    }
    ul.bigTitles li.postImg{
        max-height: 55vw;
    }
    ul.bigTitles li.postTitle{
        font-size: 10vw;
        margin-top: 3vw;
    }
    ul.bigTitles li.postDesq{
        font-size: 3.2vw;
    }
    ul.bigTitles .postTitle{
        margin: 3vw 0;
    }
    ul.bigTitles li.updateDate {
        font-size: 4.5vw;
    }
    ul.smallTitles li.updateDate {
        font-size: 3.5vw;
        margin-top: 1.3vw;
    }
    ul.smallTitles,#tablets{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .smallTitles ul{
        margin: auto;
        padding-left: 3vw;
    }
    ul.smallTitles li.postImg{
        max-width: 39%;
    }
    .smallTitles ul li.postDesq{
        display: none;
    }
    ul.smallTitles li.postTitle {
        font-size: 7vw;
    }
    ul.smallTitles li.postImg {
        max-height: 23vw;
    }
    #mobileTitles{
        display: block;
        max-width: 84%;
        opacity: 0.5;
    }
    .feedbackCont{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .feedC {
        max-width: 84%;
        margin: auto;
    }
    .feedbackCont p.feed {
        font-size: 7.8vw;
        line-height: 9vw;
    }
    .feedWriter {
        font-size: 4vw;
    }
    .coloredFeedBox {
        height: auto;
        width: 84%;
        margin: auto;
        margin-top: 4vw;
        padding: .5em 1em;
        background-color: #d7d2d2;
    }
    footer{
        padding-top: 9vw;
        margin-top: 15vw;
    }
    #inline p {
        font-size: 4.5vw;
        line-height: 4.5vw;
        color: brown;
    }
    .feedButton a {
        font-size: 4vw;
        padding: 1.5vw 3vw;
        color: white;
        background-color: brown;
    }
    .fTitle {
        font-size: 4.5vw;
    }
    .footerCategories a {
        font-size: 3.5vw;
    }
    .subscribeSection ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    /*li:not(.fTitle, .text) {
        margin: auto;
    }*/
    .subsText {
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content;
        font-size: 4.5vw;
    }
    .subsEmail a {
        padding: 2.5vw 3vw;
        font-size: 5.5vw;
    }
    .subsEmail input,
    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    input:-webkit-autofill:active {
        width: 47vw;
        font-size: 4vw;
        margin-top: 5vw;
        padding: 1vw 2vw;
        height: 8.5vw;
    }
    .tLogo{
        width: 100%;
    }
    .tLogo img {
        max-width: 48vw;
        margin-bottom: 2vw;
    }
    .termsSection p {
        font-size: 4vw;
    }
}