@media screen and (max-width: 319px) {
    #sticky-header{
        display: none;
    }

    #web-header-img{
        display: none;
    }

    .detail-container{
        margin-top: 20%;
    }

    .oppur-detail-links{
        display: none;
    }

    #smart_script_qr{
        display: none;
    }

    .oppur-detail-content {
        width: 100%;
        text-align: start;
        position: relative;
        left: 6%;
    }

    .oppur-detail-info {
        width: 85%;
    }

    .oppur-detail-info h3{
        display: none !important;
    }

    .info h3{
        width: 75%;
    }

    .info{
        margin-top: 20%;
    }

    #header-menu{
        background: #001BBA;
        height: 13%;
    }

    .oppur-detail-content{
        margin-top: 5%;
    }

    #header-circle-mobile{
        display: block;
    }

    #header-circle{
        display: none;
    }

    #header-plus{
        width: 10%;
        position: absolute;
        left: 0;
        top: 0;
    }

    #header_logo_link{
        position: relative;
        top: 4px;
    }

    .page-info-web{
        display: none;
    }

    .page-info-mobile{
        display: block;
    }
}

@media screen and (min-device-width: 320px) and (max-device-width: 374px) {
    #sticky-header{
        display: none;
    }

    #web-header-img{
        display: none;
    }

    .detail-container{
        margin-top: 20%;
    }

    .oppur-detail-links{
        display: none;
    }

    #smart_script_qr{
        display: none;
    }

    .oppur-detail-content {
        width: 100%;
        text-align: start;
        position: relative;
        left: 6%;
    }

    .oppur-detail-info {
        width: 85%;
    }

    .oppur-detail-info h3{
        display: none !important;
    }

    .info h3{
        width: 75%;
    }

    .info{
        margin-top: 20%;
    }

    #header-menu{
        background: #001BBA;
        height: 13%;
    }

    .oppur-detail-content{
        margin-top: 5%;
    }

    #header-circle-mobile{
        display: block;
    }

    #header-circle{
        display: none;
    }

    #header-plus{
        width: 10%;
        position: absolute;
        left: 0;
        top: 0;
    }

    #header_logo_link{
        position: relative;
        top: 4px;
    }

    .page-info-web{
        display: none;
    }

    .page-info-mobile{
        display: block;
    }

}

@media screen and (min-device-width: 375px) and (max-device-width: 424px) {
    #sticky-header{
        display: none;
    }

    #web-header-img{
        display: none;
    }

    .detail-container{
        margin-top: 20%;
    }

    .oppur-detail-links{
        display: none;
    }

    #smart_script_qr{
        display: none;
    }

    .oppur-detail-content {
        width: 100%;
        text-align: start;
        position: relative;
        left: 6%;
    }

    .oppur-detail-info {
        width: 85%;
    }

    .oppur-detail-info h3{
        display: none !important;
    }

    .info h3{
        width: 75%;
    }

    .info{
        margin-top: 20%;
    }

    #header-menu{
        background: #001BBA;
        height: 13%;
    }

    .oppur-detail-content{
        margin-top: 5%;
    }

    #header-circle-mobile{
        display: block;
    }

    #header-circle{
        display: none;
    }

    #header-plus{
        width: 10%;
        position: absolute;
        left: 0;
        top: 0;
    }

    #header_logo_link{
        position: relative;
        top: 4px;
    }

    .page-info-web{
        display: none;
    }

    .page-info-mobile{
        display: block;
    }

}

@media screen and (min-device-width: 425px) and (max-device-width: 767px) {
    #sticky-header{
        display: none;
    }

    #web-header-img{
        display: none;
    }

    .detail-container{
        margin-top: 20%;
    }

    .oppur-detail-links{
        display: none;
    }

    #smart_script_qr{
        display: none;
    }

    .oppur-detail-content {
        width: 100%;
        text-align: start;
        position: relative;
        left: 6%;
    }

    .oppur-detail-info {
        width: 85%;
    }

    .oppur-detail-info h3{
        display: none !important;
    }

    .info h3{
        width: 75%;
    }

    .info{
        margin-top: 20%;
    }

    #header-menu{
        background: #001BBA;
        height: 13%;
    }

    .oppur-detail-content{
        margin-top: 5%;
    }

    #header-circle-mobile{
        display: block;
    }

    #header-circle{
        display: none;
    }

    #header-plus{
        width: 10%;
        position: absolute;
        left: 0;
        top: 0;
    }

    #header_logo_link{
        position: relative;
        top: 4px;
    }

    .page-info-web{
        display: none;
    }

    .page-info-mobile{
        display: block;
    }
}

@media screen and (min-device-width: 768px) and (max-device-width: 1023px) {
    #sticky-header{
        display: none;
    }

    #web-header-img{
        display: none;
    }

    .detail-container{
        margin-top: 20%;
    }

    .oppur-detail-links{
        display: none;
    }

    #smart_script_qr{
        display: none;
    }

    .oppur-detail-content {
        width: 100%;
        text-align: start;
        position: relative;
        left: 6%;
    }

    .oppur-detail-info {
        width: 85%;
    }

    .oppur-detail-info h3{
        display: none !important;
    }

    .info h3{
        width: 75%;
    }

    .info{
        margin-top: 20%;
    }

    #header-menu{
        background: #001BBA;
        height: 13%;
    }

    .oppur-detail-content{
        margin-top: 5%;
    }

    #header-circle-mobile{
        display: block;
    }

    #header-circle{
        display: none;
    }

    #header-plus{
        width: 10%;
        position: absolute;
        left: 0;
        top: 0;
    }

    .oppur-detail-info h4{
        display: none !important;
    }

    #header_logo_link{
        position: relative;
        top: 4px;
    }

    .page-info-mobile{
        display: none;
    }

    .page-info-web{
        display: block;
    }

}

@media screen and (min-device-width: 1024px) and (max-device-width: 1439px) {

    #header__menu-container{
        display: none;
    }

    #mobile-header-img{
        display: none;
    }

    .sticky-button{
        display: none;
    }

    #header-circle-mobile{
        display: none;
    }

    #header-circle{
        display: block;
    }

    .oppur-detail-info h4{
        display: none !important;
    }

    .page-info-mobile{
        display: none;
    }

    .page-info-web{
        display: block;
    }
}

@media screen and (min-device-width: 1440px) and (max-device-width: 2559px) {

    #header__menu-container{
        display: none;
    }

    #mobile-header-img{
        display: none;
    }

    .sticky-button{
        display: none;
    }

    #header-circle-mobile{
        display: none;
    }

    #header-circle{
        display: block;
    }

    .oppur-detail-info h4{
        display: none !important;
    }

    .page-info-mobile{
        display: none;
    }

    .page-info-web{
        display: block;
    }
}

@media screen and (min-device-width: 2560px){

    #header__menu-container{
        display: none;
    }

    #mobile-header-img{
        display: none;
    }

    .sticky-button{
        display: none;
    }

    #header-circle-mobile{
        display: none;
    }

    #header-circle{
        display: block;
    }

    .oppur-detail-info h4{
        display: none !important;
    }

    .page-info-mobile{
        display: none;
    }

    .page-info-web{
        display: block;
    }
}