:root{
     --header-main: clamp(8.125rem, 7.0631rem + 4.5307vw, 12.5rem);
     --subhead: clamp(1.875rem, 1.4199rem + 1.9417vw, 3.75rem);
      --errormsg: clamp(1rem, 0.7573rem + 1.0356vw, 2rem);
      --btn-txt: clamp(1.125rem, 1.0947rem + 0.1294vw, 1.25rem);
      --GB-code: clamp(0.875rem, 0.8598rem + 0.0647vw, 0.9375rem);
      --comingsoon-header: clamp(5rem, 3.9381rem + 4.5307vw, 9.375rem);
}

#errorpage div#expclass {
    max-width: 1920px;
    margin: auto;
    position: relative;
}
#errorpage {
     max-width: 1920px;
    padding: 0;
    margin: 0 auto;
    
}
#errorpage p.div_button.close_fivebtn {
    margin-top: 17% !important;
    margin-bottom: 60px;
}
#errorpage p.error_subhead.rare_text {
    padding-top: 35px!important;
}
#errorpage .first_section:after {
    content: '';
    background-image: url("/content/dam/intelligentcontent/brands/connect360asthma/en/error_and_comingsoon/plugin_img.png");
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    width:927px ;
    min-height: 80px;
    left:0;
}
#errorpage div#number_error_container.cmp-text {
    position: unset;
}
#errorpage p.error_GB-code {
    font-size: var(--GB-code);
    color: #FFFFFF;
    font-family: "Opensans-Regular";
    line-height: 1.333;
    margin-top: 80px;
    margin-bottom: 30px;
}
#errorpage p.error_subhead {
    font-size: var(--subhead);
    line-height: 1.366;
    color: #FFFFFF;
    font-family: "Opensans-Bold";
    padding: 10px 0;
}

#errorpage p.error_msg {
    font-size: var(--errormsg);
    color: #FFFFFF;
    font-family: "Opensans-Regular";
     /*width: 9%; */
    line-height: 1.3437;
    margin-top: 10px;
}

#errorpage a.btn_txt {
    border: 2.5px solid white;
    padding: 20px 57.5px;
    border-radius: 46px;
    /* margin-top: 58px; */
    color: #FFFFFF;
    font-size: var(--btn-txt);
    font-family: "Opensans-Bold";
    line-height: 1.4;
}
#errorpage p.error_msg.four_error {
    width: 95%;
}
#errorpage p.div_button {
    margin-top: 8%;
        margin-bottom: 60px;
}
#errorpage .main_sub {
    margin-top: 8%;
}
#errorpage .main_sub.fourpage {
    margin-top: 12% !important;
}
#errorpage p.div_button.gotohome {
    padding-top: 70px !important;
        margin-bottom: 60px;
}
#comingsoon div#colm_control {
    display: grid;
    gap: 20px;
    grid-template-columns: 62% 45%;
}
#comingsoon div#main_divcontainer {
    max-width: 1920px;
    margin: 0 auto;
    padding: 0;
}

#comingsoon {
    max-width: 1920px;
    padding: 0;
    margin: 0 auto;
    position: relative;
}
/*#comingsoon div#leftdiv {*/
/*    margin-top: 112px;*/
/*}*/
/*#comingsoon div#rightdiv {*/
/*    margin-top: 70px;*/
/*}*/
#comingsoon .cmp-container__backgroundImage--enabled {
    /*background-image: url("/content/dam/intelligentcontent/brands/connect360asthma/en/error_and_comingsoon/background_comingsoon.png");*/
    /*height: 38vw;*/
    background-size: cover;
    margin: 0;
    background-repeat: no-repeat;
    /*display: flex;*/
    /*flex-direction: column;*/
    /*justify-content: center;*/
}
#comingsoon div#colm_control {
    margin-top: 50px;
}
#comingsoon div#leftdiv {
    margin-top: 50px;
    position: relative;
}
#comingsoon div#last_con {
    margin-top: 200px;
    margin-bottom: 30px;
}
#comingsoon p.word_text {
    font-size: var(--comingsoon-header);
    line-height: 1.2;
    color: #FFFFFF;
    width: 50%;
    font-family: "Opensans-Light";
    /*padding-top: 150px;*/
    /*padding-bottom: 91px;*/
}
#comingsoon p.GB-code {
    color: #FFFFFF;
    /* text-align: center; */
    font-size: 15px;
    line-height: 1.2;
    font-family: "Opensans-Regular";
}

/*comingsoonpage ends here*/
#errorpage .cmp-container__backgroundImage--enabled {
    min-height: 45vw;
    background-size: cover;
    margin: 0;
}
#errorpage div#coumn_error {
    display: grid;
    gap: 10px;
    grid-template-columns: 62% 48%;
    /* padding: 0; */
}
#errorpage p.error_msg.variable_extra {
    width: 95%;
}

#errorpage p.error_header {
    font-size: var(--header-main);
    font-family: "Opensans-Light";
    line-height: 1.2;
    color: #FFFFFF;
    text-align: left;
    margin-top: 40px;
}


/*#errorpage .plugin_img img {*/
/*    width: 50%;*/
/*}*/

#errorpage .section_two {
    text-align: right;
    /* justify-content: end; */
    margin-top: 50px;
}

@media only screen and (min-width: 1481px) and (max-width: 1700px) {
       #errorpage div#coumn_error {
    display: grid;
    gap: 10px;
    grid-template-columns: 50% 50%!important;
    /* padding: 0; */
}
#errorpage .first_section:after {
    width: 790px;
}
#comingsoon div#colm_control {
    display: grid;
    gap: 20px;
    grid-template-columns: 50% 50%;
}
    
}
@media only screen and (min-width: 1280px) and (max-width: 1480px) {
 #comingsoon div#colm_control {
    display: grid;
    gap: 20px;
    grid-template-columns: 50% 50%;
}
    #errorpage div#coumn_error {
    display: grid;
    gap: 10px;
    grid-template-columns: 50% 50%!important;
    /* padding: 0; */
}
    #comingsoon div#last_con {
    margin-top: 100px;
    margin-bottom: 10px;
}
    #comingsoon p.word_text {
        padding-top: 70px;
        padding-bottom:40px;
    }
    #errorpage .first_section:after {
        content: '';
        background-image: url("/content/dam/intelligentcontent/brands/connect360asthma/en/error_and_comingsoon/plugin_img.png");
        /* display: block; */
        position: absolute;
        background-repeat: no-repeat;
        background-size: contain;
        width:700px ;
        min-height: 80px;
    
        /* z-index: 9999; */
    }
    #errorpage p.error_GB-code {
        margin-bottom: 40px;
    }
    #comingsoon div#leftdiv {
    margin-top: 0px!important;
}
#comingsoon div#rightdiv {
    margin-top: 0px!important;
}
}

@media only screen and (min-width: 992px) and (max-width: 1279px){
    #comingsoon div#colm_control  {
    display: grid;
    gap: 20px;
    grid-template-columns: 50% 50%;
}
    #errorpage div#coumn_error {
    display: grid;
    gap: 10px;
    grid-template-columns: 50% 50%;
    /* padding: 0; */
}
    #comingsoon div#last_con {
    margin-top: 75px;
    margin-bottom: 20px;
}
    #errorpage div#coumn_error {
        gap: 0px;
    }
        #errorpage p.error_GB-code {
        margin-bottom: 40px;
    }
        #errorpage .first_section:after {
        content: '';
        background-image: url("/content/dam/intelligentcontent/brands/connect360asthma/en/error_and_comingsoon/plugin_img.png");
        /* display: block; */
        position: absolute;
        background-repeat: no-repeat;
        background-size: contain;
        width:500px ;
        min-height: 80px;
    
        /* z-index: 9999; */
    }
    #errorpage p.error_msg {
        width: 100%;
    }
    #errorpage p.div_button {
        margin-top: 18%;
    }
    #errorpage a.btn_txt {
        padding: 20px 45px;
    }
}

@media (max-width: 1200px) {
    #comingsoon p.word_text {
        padding-top: 20px;
        padding-bottom: 30px;
    }
}

@media (max-width: 991px) {
    #errorpage .first_section:after {
    content: '';
    background-image: url("/content/dam/intelligentcontent/brands/connect360asthma/en/error_and_comingsoon/mobile_plugin.png");
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    /*width: 350px;*/
    width: 90%;
    left:0;
}
#errorpage p.error_header {
    margin-top: 0px;
}
    #errorpage p.error_subhead.rare_text {
    padding-top: 20px!important;
}
  #errorpage p.div_button.close_fivebtn {
    margin-top: 16%!important;
}
    #errorpage p.error_subhead {
    line-height: 1.2;
}
    #errorpage a.btn_txt {
    border: 2.5px solid white;
    padding: 15px 40px;
}
    #comingsoon div#last_con {
    margin-top: 65px;
    margin-bottom: 25px;
}
    #errorpage div#expclass {
    margin-top: 0px;
}
    #errorpage .section_two {
    text-align: center;
}
    
     #comingsoon div#whole_txtbox {
        margin-top: 247px;
        /* display: grid; */
        /* margin-top: 60vh; */
    }
  #comingsoon div#colm_control {
    margin-top: 10px;
}
    #comingsoon p.word_text {
        padding-left: 0%;
        text-align: center;
        margin: 0 auto;
        width: 100%;
    }
    #comingsoon div#colm_control {
    display: flex;
    gap: 20px;
    flex-direction: column-reverse;
    /*grid-template-columns: repeat(var(--col-count), 1fr);*/
}
/*    #comingsoon div#whole_txtbox {*/
/*    margin-top: 70vh;*/
/*}*/
    /*#comingsoon div#main_divcontainer {*/
        /*background-image: url("/content/dam/intelligentcontent/brands/connect360asthma/en/error_and_comingsoon/background_comingsoon_mobile.png");*/
        /*height: 150vw;*/
        /*background-size: cover;*/
        /*margin: 0;*/
    /*}*/
    #comingsoon p.word_text {
        font-size: 80px;
        line-height: 1.2;
        /* padding-left: 30%; */
        margin: 0 auto;
        width:100%;
    }
    #comingsoon div#leftdiv {
    margin-top: 0px;
        
    }
     #comingsoon .cmp-container__backgroundImage--enabled {
        /*min-height: 175vw;*/
        background-size: cover;
        margin: 0;
    }
   #errorpage p.error_header {
    font-size: 130px;
    line-height: 1.365;
    text-align: center;
    color: #FFFFFF;
}
    #errorpage div#coumn_error {
        grid-template-columns: 100% !important;
    }
    #errorpage div#coumn_error .azcl-column-par1 {
        order: 2;
    }
 
#errorpage p.error_msg {
    width: 99%;
    margin: 0 auto;
    margin-top: 0px;
    text-align: center;
}
#errorpage p.error_subhead {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 10px;
}
#errorpage p.div_button {
    margin-top: 10%;
    text-align: center;
}
}


@media (max-width: 768px) { /*error pages starts here*/
#errorpage .main_sub.fourpage {
    margin-top: 6% !important;
}
#errorpage p.div_button.gotohome {
    padding-top: 48px !important;
}
#errorpage p.error_GB-code {
    margin-top: 110px;
    margin-bottom: 30px;
}
#errorpage p.error_msg.second_para {
    padding-top: 9px;
    width: 91%;
}
#errorpage p.div_button {
    margin-top: 14%;
    text-align: center;
}
#errorpage p.error_subhead.rare_text {
    width: 80%;
    margin: 0 auto;
}
#errorpage p.error_msg.variable_extra {
    width: 89%;
    margin: 0 auto;
}
#errorpage p.error_subhead.uniquic_header {
    width: 70%;
    margin: 0 auto;
}
#errorpage p.error_msg.four_error {
    width: 72%;
    margin:0 auto;
}
    /*errorpage*/
    #errorpage .cmp-container__backgroundImage--enabled {
        min-height: 194vw;
        background-size: cover;
        margin: 0;
    }
    #errorpage .plugin_img img {
        width: 100%;
    }

    #errorpage p.error_header {
        font-size:130px;
            text-align: center;
        margin-top: 0px;
        line-height: 1.365;
        color: #FFFFFF;
    }
    #comingsoon div#whole_txtbox {
        margin-top: 466px;
    }
}

@media (max-width: 540px) {
    #comingsoon div#whole_txtbox {
        margin-top: 273px;
        /* display: grid; */
        /* margin-top: 60vh; */
    }
}
@media (min-width: 1921px) {
#errorpage .cmp-container__backgroundImage--enabled {
    min-height: 575px;
    margin: 0;
}
}