*, ::after, ::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body{
    margin: 0;
    padding: 0;
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
}
#content {
    margin-left: auto;
    margin-right: auto;
}

.displayNone{
    display: none;
}

/*Select*/
::-moz-selection {
    background:#c00;
    color:#fff;
}
::selection {
    background:#c00;
    color:#fff;
}

.eBlink{
    animation:1s blinker linear infinite;
}
@keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

/*Link*/
a:link,a:active,a:visited{
    text-decoration: none;
    color:#000;
}
a:hover {
    text-decoration: none;
    color:#fbde14;
}

.de_loader{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #428BCA;
    background:linear-gradient(#428BCA,#01245A);
    color: #ffffff;
    z-index: 9999;

    margin: 0;
    top: 0;
    left: 0;
}
.de_loader div{
    width: 300px;
    height: 250px;

    padding: 22px;

    border-radius: 12px;

    margin-left: auto;
    margin-right: auto;
    margin-bottom: auto;

    text-align: center;

    margin-top: 200px;

    color: #ffffff;
}

.imgSize64{
    width: 64px !important;
    height: 64px !important;
}

/* (320x480) iPhone (Original, 3G, 3GS) */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    /* insert styles here */
}

/* (320x480) Smartphone, Portrait */
@media only screen and (device-width: 320px) and (orientation: portrait) {
    /* insert styles here */
}

/* (320x480) Smartphone, Landscape */
@media only screen and (device-width: 480px) and (orientation: landscape) {
    /* insert styles here */
}

/* (480x800) Android */
@media only screen and (min-device-width: 480px) and (max-device-width: 800px) {
    /* insert styles here */
}

/* (640x960) iPhone 4 & 4S */
@media only screen and (min-device-width: 640px) and (max-device-width: 960px) {
    /* insert styles here */
}

/* (720x1280) Galaxy Nexus, WXGA */
@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) {
    /* insert styles here */
}

/* (720x1280) Galaxy Nexus, Landscape */
@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: landscape) {
    /* insert styles here */
}

/* (1024x768) iPad 1 & 2, XGA */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    /* insert styles here */
}

/* (768x1024) iPad 1 & 2, Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    /* insert styles here */
}

/* (1024x768) iPad 1 & 2, Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    /* insert styles here */
}

/* (2048x1536) iPad 3 */
@media only screen and (min-device-width: 1536px) and (max-device-width: 2048px) {
    /* insert styles here */
}

/* (1280x720) Galaxy Note 2, WXGA */
@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) {
    /* insert styles here */
}

/* (1366x768) WXGA Display */
@media  screen and (max-width: 1366px){
    #content{
        width: 90%;
    }
    .evoBoxModel{
        width: 20%;
    }
    .evoBoxModela, .evoBoxModelb, .evoBoxModelc{
        width: 50%;
    }
}

/* (1280x1024) SXGA Display */
@media  screen and (max-width: 1280px) {
    .evoBoxModela, .evoBoxModelb, .evoBoxModelc{
        width: 33%;
    }
}

/* (1440x900) WXGA+ Display */
@media  screen and (max-width: 1440px) {
    #content{
        width: 85%;
    }
    .evoBoxModel{
        width: 20%;
    }
    .evoBoxModela, .evoBoxModelb, .evoBoxModelc{
        width: 25%;
    }
}

/* (1680x1050) WSXGA+ Display */
@media  screen and (max-width: 1680px) {
    /* insert styles here */
}

/* (1920x1080) Full HD Display */
@media  screen and (max-width: 1920px) {
    #content{
        width: 80%;
    }
    .evoBoxModel{
        width: 20%;
    }
    .evoBoxModela, .evoBoxModelb, .evoBoxModelc{
        width: 25%;
    }
}

/* (2560) 2K Display */
@media  screen and (max-width: 2560px) {
    #content{
        width: 75%;
    }
    .evoBoxModel{
        width: 20%;
    }
    .evoBoxModela, .evoBoxModelb, .evoBoxModelc{
        width: 25%;
    }
}

/* (1600x900) HD+ Display */
@media screen and (max-width: 1280px) {
    #content{
        width: 96%;
    }
    .evoBoxModel{
        width: 20%;
    }
    .evoBoxModela, .evoBoxModelb, .evoBoxModelc{
        width: 50%;
    }
}

/*yt*/
@media all and (orientation:landscape){

    .visionLP, .visionLPE2, .visionLPE3, .visionLPE4{
        display: grid;
        width: 100%;
        grid-column-gap: 0.8em;

    }
    .visionLPE4{
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    .visionLPE3{
        grid-template-columns: 1fr 1fr 1fr;
    }
    .visionLPE2{
        grid-template-columns: 1fr 1fr;
    }

}
/*dik*/
@media all and (orientation:portrait) {
    #content {
        width: 96%;
        margin-left: auto;
        margin-right: auto;
        overflow-x: hidden;
    }
    .evoBoxModel,.evoBoxModela{
        width: 50%;
    }
    .evoBoxModelb, .evoBoxModelc{
        width: 100%;
    }
}