body {
    min-width: 100%;
    margin: 0;
}

img[src="https://cdn.000webhost.com/000webhost/logo/footer-powered-by-000webhost-white2.png"]{
    display:none;
   }

a:active {
    text-decoration: none;
    color: inherit;
}

a:link, a:visited {
    text-decoration: none;
    color: inherit;
}

#sideBar {
    width: 0%;
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    height: 100%;
    z-index: 1;
    overflow-x: hidden;
    transition: 0.5s;
}

#crossMenu {
    font-size: 3.5vw;
    color: white;
    margin-left: 2%;
    cursor: pointer;
}

#menuBar {
    text-align: center;
    color: white;
    font-family: sans-serif;
    font-size: 3.5vw;
    width: 25%;
    margin: auto;
    margin-top: 1%;
    border-style: solid;
    border-width: thin;
    border-color: white;
}

#itemCon {
    margin-top: 5%;
}

#home, #about, #contact, #ppolicy, #sandf, #st, .common {
    text-align: center;
    color: white;
    font-family: sans-serif;
    font-size: 3vw;
    width: 40%;
    margin: auto;
    margin-top: 1%;
    border-style: solid;
    border-width: thin;
    border-color: white;  
    cursor: pointer;
}

#home:hover, #about:hover, #contact:hover, #ppolicy:hover, #sandf:hover, #st:hover, .common:hover {
    color: rgb(0, 162, 255);
    background: white;
}

#mainContainer {
    background: linear-gradient(90deg, #66baff, #008cff);
    display: flex;
    margin-top: 0.5vw;
    padding: 0.3vw 0vw 0.3vw 0vw;
}

#BarContainers {
    /*background: red;*/
    width: 25.6vw;
    margin-top: 0.5vw;
}

#Heading {
    /*background: maroon;*/
    width: 40vw;
}

#fHeading {
    color: white;
    font-family: sans-serif;
    margin: 0;
    margin-left: 1vw;
    font-size: 4vw;
    margin-top: 0.3vw;
}

#headLogo {
    width: 10%;
    display: block;
}

.barImg {
    margin-left: 1vw;
    cursor: pointer;
    width: 6vw;
}

#opContainer {
    background: linear-gradient(90deg, #66baff, #008cff);
    margin-top: 0.5vw;
    color: white;
    font-size: 1.6vw;
    padding: 0.4vw 0vw 0.4vw 0vw;
    font-family: sans-serif;
    font-weight: lighter;
}

#opGames, #opArtwork, #opVideos, #opBlogs, #opTechnofo, #opApplications, #opServices, #opEDMs {
    border-style: solid;
    border-width: thin;
    border-color: white;
    margin-left: 0.8vw;
    text-align: center;
    padding: 0vw 0.5vw 0vw 0.5vw;
    cursor: pointer;
}

#opGames:hover, #opArtwork:hover, #opVideos:hover, #opBlogs:hover, #opTechnofo:hover, #opApplications:hover, #opServices:hover, #opEDMs:hover {
    background: white;
    color:rgb(0, 162, 255)
}

#dataContainer {
    margin-top: 0.5vw;
    padding-bottom: 0.5vw;
    width:99%;
    margin:auto;
}

.CHeading {
    margin: auto;
    color: black;
    text-align: center;
}

.CHeadingInr {
    margin: 0vw;
    font-size: 4vw;
    font-weight: lighter;
    padding-top: 0.5vw;
}

.cText {
    color: black;
    font-size: 2.5vw;
    font-family: sans-serif;
    margin-left: 0.5%;
}

.cTextGap {
    margin-bottom: 0.95%;
}

.OuterH2{margin:1% 0% 0% 0%;background:linear-gradient(90deg, rgb(0, 132, 255), rgb(0, 217, 255));}

.h3Cls, .h4Cls {
    font-size: 3.2vw;
    margin: 1% 0% 0.8% 0.5%;
    color: white;
    font-family: sans-serif;
}

.h4Cls {
    font-size: 3vw;
}

#nxt {
    text-align: center;
}

#nxtStyle {
    cursor: pointer;
    margin: auto;
    text-align: center;
    color: white;
    font-size: 3vw;
    background: linear-gradient(rgb(248, 75, 104), rgb(247, 17, 55));
    border-style: solid;
    border-width: thin;
    border-color: white;
    border-radius: 0.5vw;
    width: 12%;
}

.blogName {
    border-style: solid;
    border-width: thin;
    border-color: white;
    margin: auto;
    margin-top: 1%;
    width: 99%;
    font-family: sans-serif;
    font-size: 3.3vw;
    color: white;
}

.blogName:hover {
    background: white;
    color: #66ccff;
    cursor: pointer;
}

#amaTag {
    overflow: hidden;
    max-width: 100%;
}

.plink {
    font-size: 3vw;
    border: solid thin black;
    margin-top: 2%;
    padding: 1.5% 1% 1.5% 4%;
    cursor: pointer;
}

#allLinks {
    width: 30%;
    margin: auto;
    margin-top: 1%;
}

#footer, #footer2 {
    text-align: center;
    color: white;
    font-size: 2.2vw;
    border-style: solid;
    border-width: thin;
    border-color: white;
    padding-top: 0.5vw;
    background: linear-gradient(90deg, rgb(0, 132, 255), rgb(0, 217, 255));
}

#footer {
    margin-top: 1%;
}

#footer2 {
    margin: 0.4vw 0vw 0vw 0vw;
}

@media screen and (max-width: 650px){
    #fHeading {
        font-size: 7vw;
        margin-left: 1.5vw;
    }

    .imgLogo {
        width: 90%;
    }

    .fBar {
        color: white;
        width: 7vw;
        font-size: 0.8vw;
        margin: 1.2vw 0vw 0vw 1.1vw;
    }

    #BarContainers {
        /*background: red;*/
        width: 17vw;
        margin-top: 1vw;
    }

    .barImg {
        margin-top: 0.5vw;
        width: 8vw;
    }

    #opContainer {
        font-weight: normal;
        margin-top: 0.6vw;
        font-size: 3vw;
        padding: 0.9vw 0vw 0.9vw 0vw;
        overflow-y: hidden;
        max-width: 100%;
    }

    #dataContainer {
        margin-top: 0.6vw;
    }

    .CHeadingInr {
        font-size: 6.5vw;
        margin-bottom: 3%;
    }

    .h3Cls {
        font-size: 5.3vw;
    }

    .h4Cls {
        font-size: 5.1vw;
    }

    .cText {
        font-size: 4.5vw;
        margin-bottom: 2%;
    }

    .cTextGap {
        margin-bottom: 1.5%;
    }

    #nxtStyle {
        font-size: 4.8vw;
        width: 14%;
    }
}

@media screen and (max-width: 500px){
    #footer, #footer2 {
        font-size: 3.9vw;
    }

    #menuBar {
        font-size: 4.5vw;
        width: 30%;
    }

    #home, #about, #contact, #ppolicy, #sandf, #st, .common {
        font-size: 4vw;
        width: 50%;
    }
}

@media screen and (max-width: 360px){
    #opContainer {
        font-size: 2.915vw;
        padding: 1vw 0.8vw 1vw 0.8vw;
    }
}