/*
* ----------------------------------------------------------------------------------------
Author        : Rama Hardian Sidik
Template Name : Nerx - Multipurpose Cryptocurrency & Nft Bootstrap Landing Page Template
Version       : 1.0
Filename      : responsive.css
* ----------------------------------------------------------------------------------------
*/

@media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {}

@media only screen and (device-width: 375px) and (device-height: 812px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {}

@media only screen and (device-width: 812px) and (device-height: 375px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {}

@media (min-width: 1366px) {}

@media screen and (max-width: 2560px) {}

@media screen and (max-width: 1440px) {}

@media screen and (max-width: 1366px) {}

@media screen and (max-width: 1280px) {}

@media screen and (max-width: 1128px) {}

@media screen and (max-width: 1024px) {}

@media (max-width: 999px) {
    .titlehead__content {
        font-size: 20px;
    }
    .mobilenav.active {
        display: block;
        height: 100vh;
    }
    .mobilenav__wrap {
        width: 100%;
        float: unset;
    }
    .mobilenav__wrap-list li a {
        font-size: 20px;
    }
    #mainwrap {
        background-attachment: unset;
    }
    .herocontent .herocontent__tagline {
        font-size: 50px;
    }
    .heroimg img:first-child {
        width: 20%;
        left: 0;
        top: -50px;
    }
    .heroimg img:nth-last-child(3) {
        right: 50px;
        width: 30%;
        top: -89px;
        position: absolute;
    }
    .heroimg img:nth-last-child(2) {
        width: 40%;
        left: -10px;
        top: 476px;
    }
    .heroimg img:last-child {
        width: 25%;
        top: 330px;
    }
    .btnlinkvideo i {
        margin: 0 10px 0 0;
    }
    .countdown__title {
        font-size: 15px;
    }
    .countdown {
        font-size: 20px;
    }
    .countdown .countdown__wraptime {
        margin: 20px;
    }
    .countdown .countdown__wrapname {
        font-size: 13px;
    }
    .leftcoin {
        display: none;
    }
    .rightcoin {
        display: none;
    }
    .wrapbrand__img {
        margin: 0 20px 50px 20px;
    }
    .contactform__submitbuton {
        text-align: center;
        width: 100%;
    }
    .footerwrap__social li:nth-child(1) {
        margin-left: 0;
    }
}

@media (max-width: 799px) {}

@media only screen and (max-width: 699px) {}

@media only screen and (max-width: 580px) {
    .countdown {
        font-size: 15px;
    }
    .countdown .countdown__wrapname {
        font-size: 10px;
    }
    .countdown .countdown__wraptime {
        margin: 10px;
    }
}

@media (max-width: 480px) {}

@media (max-width: 360px) {}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {}

@media(hover: hover) and (pointer: fine) {}