.sec {
    margin-top: -11%;
}

.largepopup {
    left: 100px !important;
    right:100px !important;
   top:350px !important;
}

/*.headerspacemain {
    margin-top: 160px !important;
}

.headerspace {
    margin-top: 200px !important;
}*/

@media only screen and (min-width: 1161px) and (max-width: 1280px) {
    .sec {
        margin-top: -15%;
    }

    .largepopup {
       left: 100px !important;
       right:100px !important;
    }

    .headerspace {
        margin-top: 200px !important;
    }

    .headerspacemain {
        margin-top: 160px !important;
    }
}

@media only screen and (min-width: 960px) and (max-width: 1160px) {
    .sec {
        margin-top: -22%;
    }

    .largepopup {
       left: 80px !important;
       right:80px !important;
    }

    .headerspace {
        margin-top: 80px !important;
    }

    .headerspacemain {
        margin-top: 80px !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .sec {
        margin-top: -26%;
    }

    .largepopup {
        left: 60px !important;
        right:60px !important;
    }

    .headerspace {
        margin-top: 60px !important;
    }

    .headerspacemain {
        margin-top: 60px !important;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .sec {
        margin-top: -52%;
    }

    .largepopup {
        left: 100px !important;
        right:100px !important;
    }

    .headerspace {
        margin-top: 200px !important;
    }

    .headerspacemain {
        margin-top: 160px !important;
    }
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    .sec {
        margin-top: -58%;
    }

    .largepopup {
       left: 10px !important;
       right:10px !important;
    }

    .headerspace {
        margin-top: -60px !important;
    }

    .headerspacemain {
        margin-top: -60px !important;
    }
}