html{
    background-color:#000;
    /* background-image: url(../img/mainBG.jpg); */
    background-image: url(../img/supportingBG-c.png);
}
.headingWrapper{
    color: yellow;
    position: fixed;
    z-index: 2000;
    margin: -1px;
    width: 100vw;
    height: 35px;
    padding: 10px 0;
    border-bottom: solid 1px rgb(26, 25, 25);
    backdrop-filter: blur(5px);
    -moz-backdrop-filter: blur(25px);
    -o-backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);
}

h1,h2{
    padding: 0;
    margin: 0;
    color: #ffffff;
    /* margin-left:15px; */
    text-align: center;
    font-weight: 100;
}
h1{
    font-size: 20px;
}
h2{
    font-size: 10px; 
}
.mainWrapper{
    z-index: 1500;
    /* overflow-y: scroll; */
    height: 100vh;
    width: 100vw;
    /* background-color: rgba(0, 0, 0, 0.521); */
}
.programWrapper{
    top: 0;
    /* padding-top: 4%; */
    /* padding-bottom: 8%; */
    width: 100vw;  
    height: 100vh; 
    background-image: url(../img/supportingBG-c.png);
    background-color: rgba(0, 0, 0, 0.479);
    /* background-color: pink; */
    background-size: 100%;
}

.programSectionWrapper{
    color: white;
    margin: auto;
    position: relative;
    /* top: 47%; */
    top: 50%;
    transform: translateY(-50%);
    /* margin-top: 57px; */
    padding-right: 5px;
    max-width: 1365px;
    min-width: 300px;
    /* height: 676px; */
    /* height: 686px; */
    height: 762px;
    /* background-color:green;   */
}
.searchengineSection{
    float: left;
    height: 47px;
    width: 329px;
    margin-left: 10px;
    margin-bottom: 10px;
    border-radius: 1px;
    border: solid 1px rgb(255, 255, 255);
    cursor: pointer;
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #000000;
    transition: .15s;
}
.searchengineSection:hover{
    background-size: 100%;
}
.programSection{
    float: left;
    height: 167px;
    width: 329px;
    margin-left: 10px;
    margin-bottom: 10px;
    border-radius: 1px;
    border: solid 1px rgb(255, 255, 255);
    cursor: pointer;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    transition: .15s;
    background-color:#000000;
}
.programSection:hover{
    background-size: 150%;
}
#duckduckgo{background-image: url(../img/icon-gray/duckduckgo.png);}
#google{background-image: url(../img/icon-gray/google.png);}
#bing{background-image: url(../img/icon-gray/bing.png);}
#yahoo{background-image: url(../img/icon-gray/yahoo.png);}
#netflix{background-image: url(../img/icon-gray/netflix.png);}
#hulu{background-image: url(../img/icon-gray/hulu.png);}
#cbs{background-image: url(../img/icon-gray/cbs.png);}
#primevideo{background-image: url(../img/icon-gray/primevideo.png);}
#discoverygo{background-image: url(../img/icon-gray/discoverygo.png);}
#abc{background-image: url(../img/icon-gray/abc.png);}
#crackle{background-image: url(../img/icon-gray/crackle.png);}
#ted{background-image: url(../img/icon-gray/ted.png);}
#fox{background-image: url(../img/icon-gray/fox.png);}
#abc{background-image: url(../img/icon-gray/abc.png);}
#youtube{background-image: url(../img/icon-gray/youtube.png);}
#musixhub{background-image: url(../img/icon-gray/musixhub.png);}
#comedycentral{background-image: url(../img/icon-gray/comedycentral.png);}
#plexlivetv{background-image: url(../img/icon-gray/plexlivetv.png);}
#ph{background-image: url(../img/icon-gray/placeholdericon.png);}
#cbsn{background-image: url(../img/icon-gray/cbsn.png);}
#cnnlive{background-image: url(../img/icon-gray/cnnlive.png);}
#tuneinradio{background-image: url(../img/icon-gray/tuneinradio.png);}


@media screen and (max-width: 1368px){
    .searchengineSection,
    .programSection{
        width: 328px;
    }
    .programSection{
        height: 166px;
    }
}
@media screen and (max-width: 1364px){
    .programSectionWrapper{
        height: 758px;
    }
    .searchengineSection,
    .programSection{
        width: 327px;
    }
    .programSection{
        height: 165px;
    }
}
@media screen and (max-width: 1360px){
    .programSectionWrapper{
        height: 754px;
    }
    .searchengineSection,
    .programSection{
        width: 326px;
    }
    .programSection{
        height: 164px;
    }
}
@media screen and (max-width: 1356px){
    .programSectionWrapper{
        height: 745px;
    }
    .searchengineSection,
    .programSection{
        width: 325px;
    }
    .programSection{
        height: 163px;
    }
}
@media screen and (max-width: 1352px){
    .searchengineSection,
    .programSection{
        width: 324px;
    }
    .programSection{
        height: 162px;
    }
}
@media screen and (max-width: 1348px){
    .programSectionWrapper{
        height: 741px;
    }
    .searchengineSection,
    .programSection{
        width: 323px;
    }
    .programSection{
        height: 161px;
    }
}
@media screen and (max-width: 1344px){
    .programSectionWrapper{
        height: 737px;
    }
    .searchengineSection,
    .programSection{
        width: 322px;
    }
    .programSection{
        height: 160px;
    }
}
@media screen and (max-width: 1340px){
    .programSectionWrapper{
        height: 733px;
    }
    .searchengineSection,
    .programSection{
        width: 321px;
    }
    .programSection{
        height: 159px;
    }
}
@media screen and (max-width: 1336px){
    .programSectionWrapper{
        height: 729px;
    }
    .searchengineSection,
    .programSection{
        width: 320px;
    }
    .programSection{
        height: 158px;
    }
}
@media screen and (max-width: 1332px){
    .programSectionWrapper{
        height: 726px;
    }
    .searchengineSection,
    .programSection{
        width: 319px;
    }
    .programSection{
        height: 157px;
    }
}
@media screen and (max-width: 1328px){
    .programSectionWrapper{
        height: 722px;
    }
    .searchengineSection,
    .programSection{
        width: 318px;
    }
    .programSection{
        height: 156px;
    }
}
@media screen and (max-width: 1324px){
    .programSectionWrapper{
        height: 718px;
    }
    .searchengineSection,
    .programSection{
        width: 317px;
    }
    .programSection{
        height: 155px;
    }
}
@media screen and (max-width: 1320px){
    .programSectionWrapper{
        height: 714px;
    }
    .searchengineSection,
    .programSection{
        width: 316px;
    }
    .programSection{
        height: 154px;
    }
}
@media screen and (max-width: 1316px){
    .programSectionWrapper{
        height: 710px;
    }
    .searchengineSection,
    .programSection{
        width: 315px;
    }
    .programSection{
        height: 153px;
    }
}
@media screen and (max-width: 1312px){
    .programSectionWrapper{
        height: 706px;
    }
    .searchengineSection,
    .programSection{
        width: 314px;
    }
    .programSection{
        height: 152px;
    }
}
@media screen and (max-width: 1308px){
    .programSectionWrapper{
        height: 702px;
    }
    .searchengineSection,
    .programSection{
        width: 313px;
    }
    .programSection{
        height: 151px;
    }
}
@media screen and (max-width: 1304px){
    .programSectionWrapper{
        height: 698px;
    }
    .searchengineSection,
    .programSection{
        width: 312px;
    }
    .programSection{
        height: 150px;
    }
}
@media screen and (max-width: 1300px){
    .programSectionWrapper{
        height: 694px;
    }
    .searchengineSection,
    .programSection{
        width: 311px;
    }
    .programSection{
        height: 149px;
    }
}
@media screen and (max-width: 1296px){
    .programSectionWrapper{
        height: 690px;
    }
    .searchengineSection,
    .programSection{
        width: 310px;
    }
    .programSection{
        height: 148px;
    }
}
@media screen and (max-width: 1292px){
    .programSectionWrapper{
        height: 686px;
    }
    .searchengineSection,
    .programSection{
        width: 309px;
    }
    .programSection{
        height: 147px;
    }
}
@media screen and (max-width: 1288px){
    .programSectionWrapper{
        height: 682px;
    }
    .searchengineSection,
    .programSection{
        width: 308px;
    }
    .programSection{
        height: 146px;
    }
}
@media screen and (max-width: 1284px){
    .programSectionWrapper{
        height: 678px;
    }
    .searchengineSection,
    .programSection{
        width: 307px;
    }
    .programSection{
        height: 145px;
    }
}
@media screen and (max-width: 1280px){
    .programSectionWrapper{
        height: 674px;
    }
    .searchengineSection,
    .programSection{
        width: 306px;
    }
    .programSection{
        height: 144px;
    }
}
@media screen and (max-width: 1276px){
    .programSectionWrapper{
        height: 670px;
    }
    .searchengineSection,
    .programSection{
        width: 305px;
    }
    .programSection{
        height: 143px;
    }
}
@media screen and (max-width: 1272px){
    .programSectionWrapper{
        height: 666px;
    }
    .searchengineSection,
    .programSection{
        width: 304px;
    }
    .programSection{
        height: 142px;
    }
}
@media screen and (max-width: 1268px){
    .programSectionWrapper{
        height: 662px;
    }
    .searchengineSection,
    .programSection{
        width: 303px;
    }
    .programSection{
        height: 141px;
    }
}
@media screen and (max-width: 1264px){
    .programSectionWrapper{
        height: 658px;
    }
    .searchengineSection,
    .programSection{
        width: 302px;
    }
    .programSection{
        height: 140px;
    }
}
@media screen and (max-width: 1260px){
    .programSectionWrapper{
        height: 654px;
    }
    .searchengineSection,
    .programSection{
        width: 301px;
    }
    .programSection{
        height: 139px;
    }
}
@media screen and (max-width: 1256px){
    .programSectionWrapper{
        height: 650px;
    }
    .searchengineSection,
    .programSection{
        width: 300px;
    }
    .programSection{
        height: 138px;
    }
}
@media screen and (max-width: 1252px){
    .programSectionWrapper{
        height: 646px;
    }
    .searchengineSection,
    .programSection{
        width: 299px;
    }
    .programSection{
        height: 137px;
    }
}
@media screen and (max-width: 1248px){
    .programSectionWrapper{
        height: 642px;
    }
    .searchengineSection,
    .programSection{
        width: 298px;
    }
    .programSection{
        height: 136px;
    }
}
@media screen and (max-width: 1244px){
    .programSectionWrapper{
        height: 638px;
    }
    .searchengineSection,
    .programSection{
        width: 297px;
    }
    .programSection{
        height: 135px;
    }
}
@media screen and (max-width: 1240px){
    .programSectionWrapper{
        height: 634px;
    }
    .searchengineSection,
    .programSection{
        width: 296px;
    }
    .programSection{
        height: 134px;
    }
}
@media screen and (max-width: 1236px){
    .programSectionWrapper{
        height: 630px;
    }
    .searchengineSection,
    .programSection{
        width: 295px;
    }
    .programSection{
        height: 133px;
    }
} 
/* } 1-800-542-2437 just wait for live person- expliani i just got oxford and*/
@media screen and (max-width: 1232px){
    .programSectionWrapper{
        height: 628px;
    }
    .searchengineSection,
    .programSection{
        width: 294px;
    }
    .programSection{
        height: 132px;
    }
}
@media screen and (max-width: 1228px){
    .programSectionWrapper{
        height: 622px;
    }
    .searchengineSection,
    .programSection{
        width: 293px;
    }
    .programSection{
        height: 131px;
    }
}
@media screen and (max-width: 1224px){
    .programSectionWrapper{
        height: 618px;
    }
    .searchengineSection,
    .programSection{
        width: 292px;
    }
    .programSection{
        height: 130px;
    }
}
@media screen and (max-width: 1220px){
    .programSectionWrapper{
        height: 614px;
    }
    .searchengineSection,
    .programSection{
        width: 291px;
    }
    .programSection{
        height: 129px;
    }
}
@media screen and (max-width: 1216px){
    .programSectionWrapper{
        height: 610px;
    }
    .searchengineSection,
    .programSection{
        width: 290px;
    }
    .programSection{
        height: 128px;
    }
}
@media screen and (max-width: 1212px){
    .programSectionWrapper{
        height: 606px;
    }
    .searchengineSection,
    .programSection{
        width: 289px;
    }
    .programSection{
        height: 127px;
    }
}
@media screen and (max-width: 1208px){
    .programSectionWrapper{
        height: 602px;
    }
    .searchengineSection,
    .programSection{
        width: 288px;
    }
    .programSection{
        height: 126px;
    }
}
@media screen and (max-width: 1204px){
    .programSectionWrapper{
        height: 598px;
    }
    .searchengineSection,
    .programSection{
        width: 287px;
    }
    .programSection{
        height: 125px;
    }
}
@media screen and (max-width: 1200px){
    .programSectionWrapper{
        height: 594px;
    }
    .searchengineSection,
    .programSection{
        width: 286px;
    }
    .programSection{
        height: 124px;
    }
}
@media screen and (max-width: 1196px){
    .programSectionWrapper{
        height: 590px;
    }
    .searchengineSection,
    .programSection{
        width: 285px;
    }
    .programSection{
        height: 123px;
    }
}
@media screen and (max-width: 1192px){
    .programSectionWrapper{
        height: 586px;
    }
    .searchengineSection,
    .programSection{
        width: 284px;
    }
    .programSection{
        height: 122px;
    }
}
@media screen and (max-width: 1188px){
    .programSectionWrapper{
        height: 580px;
    }
    .searchengineSection,
    .programSection{
        width: 283px;
    }
    .programSection{
        height: 121px;
    }
}
@media screen and (max-width: 1184px){
    .programSectionWrapper{
        height: 576px;
    }
    .searchengineSection,
    .programSection{
        width: 282px;
    }
    .programSection{
        height: 120px;
    }
}
@media screen and (max-width: 1180px){
    .programSectionWrapper{
        height: 572px;
    }
    .searchengineSection,
    .programSection{
        width: 281px;
    }
    .programSection{
        height: 119px;
    }
}
@media screen and (max-width: 1176px){
    .programSectionWrapper{
        height: 568px;
    }
    .searchengineSection,
    .programSection{
        width: 280px;
    }
    .programSection{
        height: 118px;
    }
}
@media screen and (max-width: 1172px){
    .programSectionWrapper{
        height: 564px;
    }
    .searchengineSection,
    .programSection{
        width: 279px;
    }
    .programSection{
        height: 117px;
    }
}
@media screen and (max-width: 1168px){
    .programSectionWrapper{
        height: 560px;
    }
    .searchengineSection,
    .programSection{
        width: 278px;
    }
    .programSection{
        height: 116px;
    }
}
@media screen and (max-width: 1164px){
    .programSectionWrapper{
        height: 556px;
    }
    .searchengineSection,
    .programSection{
        width: 277px;
    }
    .programSection{
        height: 115px;
    }
}
@media screen and (max-width: 1160px){
    .programSectionWrapper{
        height: 553px;
    }
    .searchengineSection,
    .programSection{
        width: 276px;
    }
    .programSection{
        height: 114px;
    }
}
@media screen and (max-width: 1156px){
    .programSectionWrapper{
        height: 550px;
    }
    .searchengineSection,
    .programSection{
        width: 275px;
    }
    .programSection{
        height: 113px;
    }
}
@media screen and (max-width: 1152px){
    .programSectionWrapper{
        height: 546px;
    }
    .searchengineSection,
    .programSection{
        width: 274px;
    }
    .programSection{
        height: 112px;
    }
}
@media screen and (max-width: 1148px){
    .programSectionWrapper{
        height: 542px;
    }
    .searchengineSection,
    .programSection{
        width: 273px;
    }
    .programSection{
        height: 111px;
    }
}
@media screen and (max-width: 1144px){
    .programSectionWrapper{
        height: 538px;
    }
    .searchengineSection,
    .programSection{
        width: 272px;
    }
    .programSection{
        height: 110px;
    }
}
@media screen and (max-width: 1140px){
    .programSectionWrapper{
        height: 534px;
    }
    .searchengineSection,
    .programSection{
        width: 271px;
    }
    .programSection{
        height: 109px;
    }
}
@media screen and (max-width: 1136px){
    .programSectionWrapper{
        height: 530px;
    }
    .searchengineSection,
    .programSection{
        width: 270px;
    }
    .programSection{
        height: 108px;
    }
}
@media screen and (max-width: 1132px){
    .programSectionWrapper{
        height: 526px;
    }
    .searchengineSection,
    .programSection{
        width: 269px;
    }
    .programSection{
        height: 107px;
    }
}
@media screen and (max-width: 1128px){
    .programSectionWrapper{
        height: 522px;
    }
    .searchengineSection,
    .programSection{
        width: 268px;
    }
    .programSection{
        height: 106px;
    }
}
@media screen and (max-width: 1124px){
    .programSectionWrapper{
        height: 518px;
    }
    .searchengineSection,
    .programSection{
        width: 267px;
    }
    .programSection{
        height: 105px;
    }
}
@media screen and (max-width: 1120px){
    .programSectionWrapper{
        height: 514px;
    }
    .searchengineSection,
    .programSection{
        width: 266px;
    }
    .programSection{
        height: 104px;
    }
}
@media screen and (max-width: 1116px){
    .programSectionWrapper{
        height: 510px;
    }
    .searchengineSection,
    .programSection{
        width: 265px;
    }
    .programSection{
        height: 103px;
    }
}
@media screen and (max-width: 1112px){
    .programSectionWrapper{
        height: 506px;
    }
    .searchengineSection,
    .programSection{
        width: 264px;
    }
    .programSection{
        height: 102px;
    }
}
@media screen and (max-width: 1108px){
    .programSectionWrapper{
        height: 502px;
    }
    .searchengineSection,
    .programSection{
        width: 263px;
    }
    .programSection{
        height: 101px;
    }
}
@media screen and (max-width: 1104px){
    .programSectionWrapper{
        height: 498px;
    }
    .searchengineSection,
    .programSection{
        width: 262px;
    }
/* Next ProgramSecion height is at Media 852px ---------------------------------------   */
    .programSection{
        height: 100px;
    }
}
@media screen and (max-width: 1100px){
    .searchengineSection,
    .programSection{
        width: 261px;
    }
}
@media screen and (max-width: 1096px){
    .searchengineSection,
    .programSection{
        width: 260px;
    }
}
@media screen and (max-width: 1092px){
    .searchengineSection,
    .programSection{
        width: 259px;
    }
}
@media screen and (max-width: 1088px){
    .searchengineSection,
    .programSection{
        width: 258px;
    }
}
@media screen and (max-width: 1084px){
    .searchengineSection,
    .programSection{
        width: 257px;
    }
}
@media screen and (max-width: 1080px){
    .searchengineSection,
    .programSection{
        width: 256px;
    }
}
@media screen and (max-width: 1076px){
    .searchengineSection,
    .programSection{
        width: 255px;
    }
}
@media screen and (max-width: 1072px){
    .searchengineSection,
    .programSection{
        width: 254px;
    }
}
@media screen and (max-width: 1068px){
    .searchengineSection,
    .programSection{
        width: 253px;
    }
}
@media screen and (max-width: 1064px){
    .searchengineSection,
    .programSection{
        width: 252px;
    }
}
@media screen and (max-width: 1060px){
    .searchengineSection,
    .programSection{
        width: 251px;
    }
}
@media screen and (max-width: 1056px){
    .searchengineSection,
    .programSection{
        width: 250px;
    }
}
@media screen and (max-width: 1052px){
    .searchengineSection,
    .programSection{
        width: 249px;
    }
}
@media screen and (max-width: 1048px){
    .searchengineSection,
    .programSection{
        width: 248px;
    }
}
@media screen and (max-width: 1044px){
    .searchengineSection,
    .programSection{
        width: 247px;
    }
}
@media screen and (max-width: 1040px){
    .searchengineSection,
    .programSection{
        width: 246px;
    }
}
@media screen and (max-width: 1036px){
    .searchengineSection,
    .programSection{
        width: 245px;
    }
}
@media screen and (max-width: 1032px){
    .searchengineSection,
    .programSection{
        width: 244px;
    }
}
@media screen and (max-width: 1028px){
    .searchengineSection,
    .programSection{
        width: 243px;
    }
}
@media screen and (max-width: 1024px){
    .searchengineSection,
    .programSection{
        width: 242px;
    }
}
@media screen and (max-width: 1020px){
    .searchengineSection,
    .programSection{
        width: 241px;
    }
}
@media screen and (max-width: 1016px){
    .searchengineSection,
    .programSection{
        width: 240px;
    }
}
@media screen and (max-width: 1012px){
    .searchengineSection,
    .programSection{
        width: 239px;
    }
}
@media screen and (max-width: 1008px){
    .searchengineSection,
    .programSection{
        width: 238px;
    }
}
@media screen and (max-width: 1004px){
    .searchengineSection,
    .programSection{
        width: 237px;
    }
}
@media screen and (max-width: 1000px){
    .searchengineSection,
    .programSection{
        width: 236px;
    }
}
@media screen and (max-width: 996px){
    .searchengineSection,
    .programSection{
        width: 235px;
    }
}
@media screen and (max-width: 992px){
    .searchengineSection,
    .programSection{
        width: 234px;
    }
}
@media screen and (max-width: 988px){
    .searchengineSection,
    .programSection{
        width: 233px;
    }
}
@media screen and (max-width: 984px){
    .searchengineSection,
    .programSection{
        width: 232px;
    }
}
@media screen and (max-width: 980px){
    .searchengineSection,
    .programSection{
        width: 231px;
    }
}
@media screen and (max-width: 976px){
    .searchengineSection,
    .programSection{
        width: 230px;
    }
}
@media screen and (max-width: 972px){
    .searchengineSection,
    .programSection{
        width: 229px;
    }
}
@media screen and (max-width: 968px){
    .searchengineSection,
    .programSection{
        width: 228px;
    }
}
@media screen and (max-width: 964px){
    .searchengineSection,
    .programSection{
        width: 227px;
    }
}
@media screen and (max-width: 960px){
    .searchengineSection,
    .programSection{
        width: 226px;
    }
}
@media screen and (max-width: 956px){
    .searchengineSection,
    .programSection{
        width: 225px;
    }
}
@media screen and (max-width: 952px){
    .searchengineSection,
    .programSection{
        width: 224px;
    }
}
@media screen and (max-width: 948px){
    .searchengineSection,
    .programSection{
        width: 223px;
    }
}
@media screen and (max-width: 944px){
    .searchengineSection,
    .programSection{
        width: 222px;
    }
}
@media screen and (max-width: 940px){
    .searchengineSection,
    .programSection{
        width: 221px;
    }
}
@media screen and (max-width: 936px){
    .searchengineSection,
    .programSection{
        width: 220px;
    }
}
@media screen and (max-width: 932px){
    .searchengineSection,
    .programSection{
        width: 219px;
    }
}
@media screen and (max-width: 928px){
    .searchengineSection,
    .programSection{
        width: 218px;
    }
}
@media screen and (max-width: 924px){
    .searchengineSection,
    .programSection{
        width: 217px;
    }
}
@media screen and (max-width: 920px){
    .searchengineSection,
    .programSection{
        width: 216px;
    }
}
@media screen and (max-width: 916px){
    .searchengineSection,
    .programSection{
        width: 215px;
    }
}
@media screen and (max-width: 912px){
    .searchengineSection,
    .programSection{
        width: 214px;
    }
}
@media screen and (max-width: 908px){
    .searchengineSection,
    .programSection{
        width: 213px;
    }
}
@media screen and (max-width: 904px){
    .searchengineSection,
    .programSection{
        width: 212px;
    }
}
@media screen and (max-width: 900px){
    .searchengineSection,
    .programSection{
        width: 211px;
    }
}
@media screen and (max-width: 896px){
    .searchengineSection,
    .programSection{
        width: 210px;
    }
}
@media screen and (max-width: 892px){
    .searchengineSection,
    .programSection{
        width: 209px;
    }
}
@media screen and (max-width: 888px){
    .searchengineSection,
    .programSection{
        width: 208px;
    }
}
@media screen and (max-width: 884px){
    .searchengineSection,
    .programSection{
        width: 207px;
    }
}
@media screen and (max-width: 880px){
    .searchengineSection,
    .programSection{
        width: 206px;
    }
}
@media screen and (max-width: 876px){
    .searchengineSection,
    .programSection{
        width: 205px;
    }
}
@media screen and (max-width: 872px){
    .searchengineSection,
    .programSection{
        width: 204px;
    }
}
@media screen and (max-width: 868px){
    .searchengineSection,
    .programSection{
        width: 203px;
    }
}
@media screen and (max-width: 864px){
    .searchengineSection,
    .programSection{
        width: 202px;
    }
}
@media screen and (max-width: 860px){
    .searchengineSection,
    .programSection{
        width: 201px;
    }
}
@media screen and (max-width: 856px){
    .searchengineSection,
    .programSection{
        width: 200px;
    }
}
@media screen and (max-width: 852px){
    .programSectionWrapper{
        height: 494px;
    }
    .searchengineSection,
    .programSection{
        width: 199px;
    }
    .programSection{
        height: 99px;
    }
}
@media screen and (max-width: 848px){
    .programSectionWrapper{
        height: 490px;
    }
    .searchengineSection,
    .programSection{
        width: 198px;
    }
    .programSection{
        height: 98px;
    }
}
@media screen and (max-width: 844px){
    .programSectionWrapper{
        height: 486px;
    }
    .searchengineSection,
    .programSection{
        width: 197px;
    }
    .programSection{
        height: 97px;
    }
}
@media screen and (max-width: 840px){
    .programSectionWrapper{
        height: 482px;
    }
    .searchengineSection,
    .programSection{
        width: 196px;
    }
    .programSection{
        height: 96px;
    }
}
@media screen and (max-width: 836px){
    .programSectionWrapper{
        height: 478px;
    }
    .searchengineSection,
    .programSection{
        width: 195px;
    }
    .programSection{
        height: 95px;
    }
}
@media screen and (max-width: 832px){
    .programSectionWrapper{
        height: 473px;
    }
    .searchengineSection,
    .programSection{
        width: 194px;
    }
    .programSection{
        height: 94px;
    }
}
@media screen and (max-width: 828px){
    .programSectionWrapper{
        height: 468px;
    }
    .searchengineSection,
    .programSection{
        width: 193px;
    }
    .programSection{
        height: 93px;
    }
}
@media screen and (max-width: 824px){
    .searchengineSection,
    .programSection{
        width: 192px;
    }
    .programSection{
        height: 92px;
    }
}

    /* Pixel 2XL LandScape Orientation */
        @media screen and (width:823px){
            .programSectionWrapper{
                top: 73%;
            }
        }
    /* Pixel 2XL LandScape Orientation */


@media screen and (max-width: 820px){
    .programSectionWrapper{
        height: 460px;
    }
    .searchengineSection,
    .programSection{
        width: 191px;
    }
    .programSection{
        height: 91px;
    }
}
@media screen and (max-width: 816px){
    .programSectionWrapper{
        height: 456px;
    }
    .searchengineSection,
    .programSection{
        width: 190px;
    }
    .programSection{
        height: 90px;
    }
}
@media screen and (max-width: 812px){
    .programSectionWrapper{
        height: 452px;
    }
    .searchengineSection,
    .programSection{
        width: 189px;
    }
    .programSection{
        height: 89px;
    }
}
    /* iPhone X LandScape Orientation */
    @media screen and (width:812px){
        .programSectionWrapper{
            top: 78%;
        }
    }
    /* iPhone X LandScape Orientation */

@media screen and (max-width: 808px){
    .programSectionWrapper{
        height: 448px;
    }
    .searchengineSection,
    .programSection{
        width: 188px;
    }
    .programSection{
        height: 88px;
    }
}
@media screen and (max-width: 804px){
    .programSectionWrapper{
        height: 444px;
    }
    .searchengineSection,
    .programSection{
        width: 187px;
    }
    .programSection{
        height: 87px;
    }
}
@media screen and (max-width: 800px){
    .programSectionWrapper{
        height: 440px;
    }
    .searchengineSection,
    .programSection{
        width: 186px;
    }
    .programSection{
        height: 86px;
    }
}
@media screen and (max-width: 796px){
    .programSectionWrapper{
        height: 436px;
    }
    .searchengineSection,
    .programSection{
        width: 185px;
    }
/* Next ProgramSecion height is at Media 700px ---------------------------------------   */
    .programSection{
        height: 85px;
    }
}
@media screen and (max-width: 792px){
    .searchengineSection,
    .programSection{
        width: 184px;
    }
}
@media screen and (max-width: 788px){
    .searchengineSection,
    .programSection{
        width: 183px;
    }
}
@media screen and (max-width: 784px){
    .searchengineSection,
    .programSection{
        width: 182px;
    }
}
@media screen and (max-width: 780px){
    .searchengineSection,
    .programSection{
        width: 181px;
    }
}
@media screen and (max-width: 776px){
    .searchengineSection,
    .programSection{
        width: 180px;
    }
}
@media screen and (max-width: 772px){
    .searchengineSection,
    .programSection{
        width: 179px;
    }
}
@media screen and (max-width: 768px){
    .searchengineSection,
    .programSection{
        width: 178px;
    }
}
@media screen and (max-width: 764px){
    .searchengineSection,
    .programSection{
        width: 177px;
    }
}
@media screen and (max-width: 760px){
    .searchengineSection,
    .programSection{
        width: 176px;
    }
}
@media screen and (max-width: 756px){
    .searchengineSection,
    .programSection{
        width: 175px;
    }
}
@media screen and (max-width: 752px){
    .searchengineSection,
    .programSection{
        width: 174px;
    }
}
@media screen and (max-width: 748px){
    .searchengineSection,
    .programSection{
        width: 173px;
    }
}
@media screen and (max-width: 744px){
    .searchengineSection,
    .programSection{
        width: 172px;
    }
}
@media screen and (max-width: 740px){
    .searchengineSection,
    .programSection{
        width: 171px;
    }
}
@media screen and (max-width: 736px){
    .searchengineSection,
    .programSection{
        width: 170px;
    }
}

    /* iPhone Plus LandScape Orientation */
    @media screen and (width:736px){
        .programSectionWrapper{
            top: 70%;
        }
    }
    /* iPhone plus LandScape Orientation */


@media screen and (max-width: 732px){
    .searchengineSection,
    .programSection{
        width: 169px;
    }
}

    /* Pixel 2 LandScape Orientation */
    @media screen and (width:731px){
        .programSectionWrapper{
            top: 69%;
        }
    }
    /* Pixel 2 LandScape Orientation */

@media screen and (max-width: 728px){
    .searchengineSection,
    .programSection{
        width: 168px;
    }
}
@media screen and (max-width: 724px){
    .searchengineSection,
    .programSection{
        width: 167px;
    }
}
@media screen and (max-width: 720px){
    .searchengineSection,
    .programSection{
        width: 166px;
    }
}

    /* Surface Dou LandScape Orientation */
    @media screen and (width:720px){
        .programSectionWrapper{
            top: 53%;
        }
    }
    /* Surface Dou LandScape Orientation */

@media screen and (max-width: 716px){
    .searchengineSection,
    .programSection{
        width: 165px;
    }
}
@media screen and (max-width: 712px){
    .searchengineSection,
    .programSection{
        width: 164px;
    }
}
@media screen and (max-width: 708px){
    .searchengineSection,
    .programSection{
        width: 163px;
    }
}
@media screen and (max-width: 704px){
    .searchengineSection,
    .programSection{
        width: 162px;
    }
}
@media screen and (max-width: 700px){
    .programSectionWrapper{
        height: 420px;
    }
    .searchengineSection,
    .programSection{
        width: 161px;
    }
    .programSection{
        height: 81px;
    }
}
@media screen and (max-width: 696px){
    .programSectionWrapper{
        height: 416px;
    }
    .searchengineSection,
    .programSection{
        width: 160px;
    }
    .programSection{
        height: 80px;
    }
}
@media screen and (max-width: 692px){
    .programSectionWrapper{
        height: 412px;
    }
    .searchengineSection,
    .programSection{
        width: 159px;
    }
    .programSection{
        height: 79px;
    }
}
@media screen and (max-width: 688px){
    .programSectionWrapper{
        height: 408px;
    }
    .searchengineSection,
    .programSection{
        width: 158px;
    }
    .programSection{
        height: 78px;
    }
}
@media screen and (max-width: 684px){
    .programSectionWrapper{
        height: 404px;
    }
    .searchengineSection,
    .programSection{
        width: 157px;
    }
    .programSection{
        height: 77px;
    }
}
@media screen and (max-width: 680px){
    .programSectionWrapper{
        height: 400px;
    }
    .searchengineSection,
    .programSection{
        width: 156px;
    }
    .programSection{
        height: 76px;
    }
}
@media screen and (max-width: 676px){
    .programSectionWrapper{
        height: 396px;
    }
    .searchengineSection,
    .programSection{
        width: 155px;
    }
    .programSection{
        height: 75px;
    }
}
@media screen and (max-width: 672px){
    .programSectionWrapper{
        height: 392px;
    }
    .searchengineSection,
    .programSection{
        width: 154px;
    }
    .programSection{
        height: 74px;
    }
}
@media screen and (max-width: 668px){
    .programSectionWrapper{
        height: 388px;
    }
    .searchengineSection,
    .programSection{
        width: 153px;
    }
    .programSection{
        height: 73px;
    }
}
    /* iPhone 6,7,8 LandScape Orientation */
    @media screen and (width:667px){
        .programSectionWrapper{
            top: 70%;
        }
    }
    /* iPhone 6,7,8 LandScape Orientation */

@media screen and (max-width: 664px){
    .programSectionWrapper{
        height: 384px;
    }
    .searchengineSection,
    .programSection{
        width: 152px;
    }
    .programSection{
        height: 72px;
    }
}
@media screen and (max-width: 660px){
    .programSectionWrapper{
        height: 380px;
    }
    .searchengineSection,
    .programSection{
        width: 151px;
    }
    .programSection{
        height: 71px;
    }
}
@media screen and (max-width: 656px){
    .programSectionWrapper{
        height: 376px;
    }
    .searchengineSection,
    .programSection{
        width: 150px;
    }
/* Next ProgramSecion height is at Media 572px ---------------------------------------   */
    .programSection{
        height: 70px;
    }
}

    /* Galaxy Fold LandScape Orientation */
    @media screen and (width:653px){
        .programSectionWrapper{
            top: 91%;
        }
    }
    /* Galaxy Fold LandScape Orientation */

@media screen and (max-width: 652px){
    .searchengineSection,
    .programSection{
        width: 149px;
    }
}
@media screen and (max-width: 648px){
    .searchengineSection,
    .programSection{
        width: 148px;
    }
}
@media screen and (max-width: 644px){
    .searchengineSection,
    .programSection{
        width: 147px;
    }
}
@media screen and (max-width: 640px){
    .searchengineSection,
    .programSection{
        width: 146px;
    }
}

    /* Galaxy S5 & Moto G4 LandScape Orientation */
    @media screen and (width:640px){
        .programSectionWrapper{
            top: 71%;
        }
    }
    /* Galaxy S5 & Moto G4 LandScape Orientation */

@media screen and (max-width: 636px){
    .searchengineSection,
    .programSection{
        width: 145px;
    }
}
@media screen and (max-width: 632px){
    .searchengineSection,
    .programSection{
        width: 144px;
    }
}
@media screen and (max-width: 628px){
    .searchengineSection,
    .programSection{
        width: 143px;
    }
}
@media screen and (max-width: 624px){
    .searchengineSection,
    .programSection{
        width: 142px;
    }
}
@media screen and (max-width: 620px){
    .searchengineSection,
    .programSection{
        width: 141px;
    }
}
@media screen and (max-width: 616px){
    .searchengineSection,
    .programSection{
        width: 140px;
    }
}
@media screen and (max-width: 612px){
    .searchengineSection,
    .programSection{
        width: 139px;
    }
}
@media screen and (max-width: 608px){
    .searchengineSection,
    .programSection{
        width: 138px;
    }
}
@media screen and (max-width: 604px){
    .searchengineSection,
    .programSection{
        width: 137px;
    }
}
@media screen and (max-width: 600px){
    .searchengineSection,
    .programSection{
        width: 136px;
    }
}
@media screen and (max-width: 596px){
    .searchengineSection,
    .programSection{
        width: 135px;
    }
}
@media screen and (max-width: 592px){
    .searchengineSection,
    .programSection{
        width: 134px;
    }
}
@media screen and (max-width: 588px){
    .searchengineSection,
    .programSection{
        width: 133px;
    }
}
@media screen and (max-width: 584px){
    .searchengineSection,
    .programSection{
        width: 132px;
    }
}
@media screen and (max-width: 580px){
    .searchengineSection,
    .programSection{
        width: 131px;
    }
}
@media screen and (max-width: 576px){
    .searchengineSection,
    .programSection{
        width: 130px;
    }
}
@media screen and (max-width: 572px){
    .programSectionWrapper{
        height: 372px;
    }
    .searchengineSection,
    .programSection{
        width: 129px;
    }
    .programSection{
        height: 69px;
    }
}
@media screen and (max-width: 568px){
    .programSectionWrapper{
        height: 368px;
    }
    .searchengineSection,
    .programSection{
        width: 128px;
    }
    .programSection{
        height: 68px;
    }
}

    /* iPhone Plus LandScape Orientation */
    @media screen and (width:568px){
        .programSectionWrapper{
            top: 79%;
        }
    }
    /* iPhone plus LandScape Orientation */

@media screen and (max-width: 564px){
    .programSectionWrapper{
        height: 364px;
    }
    .searchengineSection,
    .programSection{
        width: 127px;
    }
    .programSection{
        height: 67px;
    }
}
@media screen and (max-width: 560px){
    .programSectionWrapper{
        height: 360px;
    }
    .searchengineSection,
    .programSection{
        width: 126px;
    }
    .programSection{
        height: 66px;
    }
}
@media screen and (max-width: 556px){
    .programSectionWrapper{
        height: 356px;
    }
    .searchengineSection,
    .programSection{
        width: 125px;
    }
    .programSection{
        height: 65px;
    }
}
@media screen and (max-width: 552px){
    .programSectionWrapper{
        height: 352px;
    }
    .searchengineSection,
    .programSection{
        width: 124px;
    }
    .programSection{
        height: 64px;
    }
}
@media screen and (max-width: 548px){
    .programSectionWrapper{
        height: 348px;
    }
    .searchengineSection,
    .programSection{
        width: 123px;
    }
    .programSection{
        height: 63px;
    }
}
@media screen and (max-width: 544px){
    .programSectionWrapper{
        height: 344px;
    }
    .searchengineSection,
    .programSection{
        width: 122px;
    }
    .programSection{
        height: 62px;
    }
}
@media screen and (max-width: 540px){
    .programSectionWrapper{
        height: 340px;
    }
    .searchengineSection,
    .programSection{
        width: 121px;
    }
    .programSection{
        height: 61px;
    }
}
@media screen and (max-width: 536px){
    .programSectionWrapper{
        height: 336px;
    }
    .searchengineSection,
    .programSection{
        width: 120px;
    }
    .programSection{
        height: 60px;
    }
}
@media screen and (max-width: 532px){
    .searchengineSection,
    .programSection{
        width: 119px;
    }
}
@media screen and (max-width: 528px){
    .searchengineSection,
    .programSection{
        width: 118px;
    }
}
@media screen and (max-width: 524px){
    .searchengineSection,
    .programSection{
        width: 117px;
    }
}
@media screen and (max-width: 520px){
    .searchengineSection,
    .programSection{
        width: 116px;
    }
}
@media screen and (max-width: 516px){
    .searchengineSection,
    .programSection{
        width: 115px;
    }
}
@media screen and (max-width: 512px){
    .searchengineSection,
    .programSection{
        width: 114px;
    }
}
@media screen and (max-width: 508px){
    .searchengineSection,
    .programSection{
        width: 113px;
    }
}
@media screen and (max-width: 504px){
    .searchengineSection,
    .programSection{
        width: 112px;
    }
}
@media screen and (max-width: 500px){
    .searchengineSection,
    .programSection{
        width: 111px;
    }
}
@media screen and (max-width: 496px){
    .searchengineSection,
    .programSection{
        width: 110px;
    }
}
@media screen and (max-width: 492px){
    .searchengineSection,
    .programSection{
        width: 109px;
    }
}
@media screen and (max-width: 488px){
    .searchengineSection,
    .programSection{
        width: 108px;
    }
}
@media screen and (max-width: 484px){
    .searchengineSection,
    .programSection{
        width: 107px;
    }
}
@media screen and (max-width: 480px){
    .searchengineSection,
    .programSection{
        width: 106px;
    }
}
@media screen and (max-width: 476px){
    .searchengineSection,
    .programSection{
        width: 105px;
    }
}
@media screen and (max-width: 472px){
    .searchengineSection,
    .programSection{
        width: 104px;
    }
}
@media screen and (max-width: 468px){
    .searchengineSection,
    .programSection{
        width: 103px;
    }
}
@media screen and (max-width: 464px){
    .searchengineSection,
    .programSection{
        width: 102px;
    }
}
@media screen and (max-width: 460px){
    .searchengineSection,
    .programSection{
        width: 101px;
    }
}
@media screen and (max-width: 456px){
    .searchengineSection,
    .programSection{
        width: 100px;
    }
}
@media screen and (max-width: 452px){
    .searchengineSection,
    .programSection{
        width: 99px;
    }
}
@media screen and (max-width: 448px){
    .searchengineSection,
    .programSection{
        width: 98px;
    }
}
@media screen and (max-width: 444px){
    .searchengineSection,
    .programSection{
        width: 97px;
    }
}
/* Layout Changes at Media 440px MOBILE---------------------------------------   */
@media screen and (max-width: 440px){
    html{
        background-image: none; 
    }
    /* h1{
        border-bottom: solid 1px #464545;
        height: 50px;
        background-size: 122px;
    } */
    .programWrapper{
        padding-top: 0.1%;
        /* margin-top: -10px; */
        height: 100vh;
        /* background-color: rgb(220, 20, 60); */
        /* background-image: none;  */
    }
    .programSectionWrapper{
        padding: 0;
        width: 100%;   
        height: 503px;
        position: relative;
        top: 50%;
        transform: translateY(-50%);  
    }
    .searchengineSection{
        /* float: none; */
        width: 25%;
        height: 39px;
        margin: auto;
        border: solid 0 rgb(0, 0, 0);
        background-size: 30%;
        background-color: rgba(0, 0, 0, 0);
        /* background-color: pink; */
    }
    #duckduckgo{background-image: url(../img/icon-gray/M-duckduckgo.png);}
    #google{background-image: url(../img/icon-gray/M-google.png);}
    #bing{background-image: url(../img/icon-gray/M-bing.png);}
    #yahoo{background-image: url(../img/icon-gray/M-yahoo.png);}
    /* Search engine image replacement */
    

    .spacer{
        width: 100%;
        height: 85px;
        /* background-color: blue; */
    }
    .programSection{
        width: 32.75%;
        height: 70px;
        margin: auto;
        background-size: 111%;
        border: solid 1px rgb(0, 0, 0);
        background-color: black;
    }
}