* { margin:0; padding:0; box-sizing:border-box; }
@font-face{font-family:GreatVibesRegular;src:url(../fonts/GreatVibes-Regular.ttf);}
@font-face{  font-family:'Poppins';  font-style: normal;  font-weight: 400;  src: url('../fonts/Poppins-ExtraLight.ttf'); }
@font-face{  font-family:'Arty Signature'; src: url('../fonts/arty-signature.ttf'); }
.certi_out_box img {width: 100%;display: block;}
 .certi_out_box div.main {width:100%;margin: 0px auto;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);overflow: hidden;}

.certi_out_box div.inner {-webkit-print-color-adjust: exact;}
.certi_out_box div.boxmain {position: relative; width:100%; height:auto; min-height:100%;}
.certi_out_box div.boxmain > div.topblock {font-family: 'Poppins'; left:0; right:0; height:2%; position:absolute; margin:auto; text-align:center; width:100%;  font-weight:400; color:#3B4E57;  font-size: 16px; top:2%;   }
.certi_out_box div .middleblock .top_font{font-size: 27px; color: #3B4E57; font-weight: 600; font-family: 'Poppins'; color: #9D763B;     margin-bottom: 0px;}
.certi_out_box div.boxmain > div.middleblock {    position: absolute;
    height: 100%;
    margin-top:67px;
    width: 100%;
    padding: 0 65px;
    right: 0;
    top: 35%;
    bottom: 0;
    left: 0px;
    font-family: 'Poppins';
    text-align: center;}
.certi_out_box div.boxmain > div.middleblock p.top{     font-size: 23px;
    margin-bottom: 25px;
    text-align: center;
    line-height: 24px;
    font-family: 'Poppins';
    color: #3B4E57;
    font-weight: 400;
    margin-top:20px;}
.certi_out_box div.boxmain > div.middleblock p.top1{ background: rgba(237,182,46); padding:2px; margin:auto;  width:80%; display:block; }
.certi_out_box div.boxmain > div.middleblock p.top1 span.top3{ font-size: 30px; background:#FFF; padding:2px; text-align:center;  display:block;   font-family: 'Poppins'; color:#3B4E57;  font-weight:400;}
.certi_out_box div.boxmain > div.middleblock p.top2{     font-size:19px;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Poppins';
    color: #3B4E57;
    margin-bottom: 20px;
    font-weight: 400;}
.certi_out_box div.boxmain > div.middleblock h1{  font-size:30px; text-align:center;  font-family:GreatVibesRegular; font-weight:400; color:#3B4E57; margin:0 0 0px;}
.certi_out_box div.boxmain > div.middleblock h1:after{ display: block;
    content: "";
    border-bottom: .2rem solid #788385;
    width: 60%; margin:auto; text-align:center;}
.certi_out_box div.middleblock .date p:before{      display: block;
    content: "";
    border-top: .16rem solid #788385;
    width: 125%;
    margin: 1px 0 1px -13px;
    text-align: center;}
 .certi_out_box div .middleblock  .date-signature{margin-top: 10px;display: inline-block;width: 100%;}
 .certi_out_box div .date-signature .url {    margin-top: 0;
    font-size: 13px;
    font-weight: 600;
    color: #333;}
.certi_out_box div .date-signature .date p{font-family: 'Poppins'; margin:0; text-align: center; font-size: 16px; color: #3B4E57;}
.certi_out_box .date-signature .date_l .date{float: left;}
.certi_out_box .date-signature .date_sign_r .date{float: right;margin-top: 3px;margin-bottom: 12px;}

.certi_out_box div .date-signature .date img{width: 70px; margin:7px auto 0;}
.certi_out_box div .date-signature .date h2{    color: #3B4E57;
    font-size: 20px;
    margin: 21px 0 3px;
    text-align: center;}
.certi_out_box div .date-signature .mt-20 {margin-top: 0px;}
.certi_out_box div .font_size {    font-size: 16px;
    line-height: 25px;}
    .certi_out_box .certi_logo{text-align: center;margin:0 0 12px;}
      .certi_out_box .certi_logo img{margin:0 auto;width: 207px;}
.certi_out_box div .bottom_text .left_para{float: left;margin:0 0 0 -7px;}
.certi_out_box .bottom_text{display: flex;margin:25px 0 0;}
.certi_out_box .bottom_text .footer_r{margin-left: auto;}
.certi_out_box div .bottom_text .right_para{float: right;text-align: right;margin:0 -7px 0 0;}
.certi_out_box div .bottom_text .right_para p{font-size: 8.6px;}
.certi_out_box div .left_para p{text-align: left; font-size: 13px;word-break:break-word;}
.certi_out_box div .left_para p{    text-align: left;
    font-size: 8.6px;}
.certi_out_box .btn{margin-top: 0px;
    background: #337ab7;
    color: #fff;
    font-size: 18px;
    margin-left: 14px; padding: 6px 18px; margin-bottom: 20px;}
.certi_out_box div .middleblock .top span{font-weight: 600; color: #9D763B;}    
.certi_out_box div.boxmain > div.middleblock > div.end{     font-size: 24px;
    text-align: center;
    font-family: 'Poppins';
    font-weight: 400;
    color: #3B4E57;
    width: 100%;
    margin: 22px auto 0;}
.certi_out_box div.boxmain > div.middleblock > div.end p{ line-height:27px;font-size: 14px; margin:0 0 15px;}
.certi_out_box div.boxmain >  div.bottomblock {width:30%; padding:0; right:0;  color:#012F6B;  position: absolute; bottom:20%; }
.certi_out_box div.boxmain >  div.bottomblock > div.certsmainfl {   text-align:center; margin-top:1em; }
.certi_out_box div.boxmain >  div.bottomblock > div.certsmainfl p.top { font-size:19px; font-family: 'Poppins';   font-weight:400; border-bottom:1px solid #012F6B;}
.certi_out_box div.boxmain >  div.bottomblock > div.certsmainfl p.top2 { font-size:50px;   font-family: 'Arty Signature';  font-weight:400; border-bottom:1px solid #012F6B;}
.certi_out_box div.boxmain >  div.bottomblock > div.certsmainfl p.name {  font-family: 'Poppins'; font-size:16px;  font-weight:400; }
.certi_out_box div.boxmain >    div.bottomblockend {color:#012F6B;  font-family: 'Poppins'; position:absolute;  width:90%; right:0; padding:0% 5%; font-size:20px; font-weight: 600; text-align: center;   bottom:8%; }

      .certi_out_box .mt-20{margin:20px auto;}
      .certi_out_box .container{width: 900px !important;}
      .certi_out_box div .btn{padding: 6px 20px; background: #c08a41; color: #fff; cursor: pointer; border: 2px solid #c08a41;}
      .certi_out_box div .btn:hover{background: #333;}
    


/*popupup css start here */

.certi_out_box{cursor: pointer;}
  .certificate_popup{    
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;}
    .certificate_popup .certificate_popup_body{
    display:flex;
    text-align: center;
    width: 100%;
    position: relative;
    z-index: 999999999;
    overflow: scroll;
    height: 100%;
    
    }
    .certi_popup_overly{
          background: #000;
    left: 0;
    top: 0;
    position: fixed;
    width: 100%;
    height: 100% !important;
    opacity: 0.8 !important;
    -moz-transition: opacity 800ms;
    -o-transition: opacity 800ms;
    -webkit-transition: opacity 800ms;
    transition: opacity 800ms;
    z-index: 9999;
    }
    .certificate_popup_body .certi_close{    position: fixed;
    right: 50px;
    top: 40px;
    color: #fff;
    font-size: 30px;
    cursor: pointer;
    background: #ce963d;
    width: 45px;
    text-align: center;
    height: 45px;
    line-height: 47px;
    transform: rotate(45deg);
  }
  .certificate_popup_body .certi_close span{    transform: rotate(-226deg);
    display: inline-block;}
    .certificate_popup_body .certi_out_box{  
      width: 100%;
    max-width:900px;
    display: block;
    margin: auto;
    cursor:unset;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
  }

    @-webkit-keyframes bounceInRight {
            0% {
               opacity: 0;
               -webkit-transform: translateX(2000px);
            }
            60% {
               opacity: 1;
               -webkit-transform: translateX(-30px);
            }
            80% {
               -webkit-transform: translateX(10px);
            }
            100% {
               -webkit-transform: translateX(0);
            }
         }
         
         @keyframes bounceInRight {
            0% {
               opacity: 0;
               transform: translateX(2000px);
            }
            60% {
               opacity: 1;
               transform: translateX(-30px);
            }
            80% {
               transform: translateX(10px);
            }
            100% {
               transform: translateX(0);
            }
         }
         
         .bounceInRight {
            -webkit-animation-name: bounceInRight;
            animation-name: bounceInRight;
         }

.certificate_popup_body .certi_out_box .certi_logo img{width: 280px;}
.certificate_popup_body .certi_out_box div.boxmain > div.middleblock{margin-top: 105px;padding:0;}
.certificate_popup_body div .middleblock .top_font{font-size: 52px;margin-bottom: 30px;}
.certificate_popup_body .certi_out_box div.boxmain > div.middleblock p.top{    font-size: 48px;
    margin-bottom: 50px;line-height: 40px;}
   .certificate_popup_body div .font_size{    font-size: 24px;
    line-height: 50px;}
   .certificate_popup_body div.boxmain > div.middleblock p.top2{font-size: 24px;margin-bottom: 2em;}
   .certificate_popup_body div.boxmain > div.middleblock h1{font-size: 52px;margin-bottom: 0.5em;}
   .certificate_popup_body div.boxmain > div.middleblock > div.end{width: 70%;margin:0 auto;}
   .certificate_popup_body .certi_out_box div.boxmain > div.middleblock > div.end p{    line-height: 2em;
    font-size: 20px;
    margin: 0 0 10px;}
  .certificate_popup_body .certi_out_box div .middleblock .date-signature{margin-top: 40px;}
  .certificate_popup_body .certi_out_box div .date-signature .date h2{font-size: 30px;margin:20px 0 10px;}
  .certificate_popup_body .certi_out_box div .date-signature .date p{font-size: 24px;margin:0 0 10px;}
  .certificate_popup_body div.middleblock .date p:before{width: 40%;margin:auto;}
  .certificate_popup_body .certi_out_box div .date-signature .mt-20{margin:20px auto;}
 .certificate_popup_body div .date-signature .date img{width: 100px;margin:0 auto;}
 .certificate_popup_body .certi_out_box div .date-signature .url{font-size: 14px; line-height: 1.42857143;
    font-family: 'Poppins';}
.certificate_popup_body .certi_out_box .bottom_text{margin:55px 93px 0;}
.certificate_popup_body .certi_out_box div .left_para p{font-size: 13px;}
.certificate_popup_body .certi_out_box div .bottom_text .left_para{margin:0;}
.certificate_popup_body .certi_out_box div .bottom_text .right_para{margin:0;}
.certificate_popup_body .certi_out_box div .bottom_text .right_para p{font-size: 13px;}




@page {size:  215.9mm 279.4mm;margin: 0px 0px 0px 0px !important;padding: 0px 0px 0px 0px !important;size: portrait}


@media print {.main {padding: 0;background: transparent;margin: 0;border-radius: 0;box-shadow: none;-webkit-box-shadow: none}}

@media (min-width: 320px) and (max-width: 400px){
    .certi_out_box .certi_logo img{width: 131px;}
    .certi_out_box div .left_para p{text-align: center;}
    .certi_out_box div .bottom_text .right_para{float: none;text-align: center;}
    .certi_out_box .certi_logo{margin:0 0 5px;}
    .certificate_bg{height: 415px;}
    .certi_out_box div.boxmain > div.middleblock{margin-top: 35px; }
    .certi_out_box div.boxmain > div.middleblock p.top2{margin-bottom: 8px;}
    .certi_out_box div .middleblock .date-signature{margin-top: 12px;}
    .certi_out_box div .date-signature .url p{    font-size: 9px;
    margin: 10px 0 0;}
    .certi_out_box .bottom_text{margin-top: 14px;padding:0 2px;}
    .certi_out_box div.boxmain > div.middleblock > div.end{    font-size: 11px;
    padding: 0 7px;    margin-top:13px;}
    .certi_out_box div.boxmain > div.middleblock p.top {
    font-size: 13px;
    line-height: initial;
    margin-bottom:5px;
    margin-top: 5px;
}




.certi_out_box div .bottom_text .right_para p{font-size: 4.6px;}
.bottom_text .footer_l{width: 70%;}
    .certi_out_box div .date-signature .url{float: left;width: 100%;}
    .certi_out_box .date-signature .date_sign_r .date{margin:-11px 0 0;}
    .certi_out_box div.middleblock .date p:before{margin:1px 0 1px -9px;}
    .certi_out_box div .bottom_text .right_para{float: none;text-align: center;}
.certi_out_box div .left_para p{text-align: center;font-size: 4.6px;}
.certi_out_box div .bottom_text .left_para{margin:0;}
.certi_out_box div .bottom_text .right_para{margin:0;}
.certi_out_box div .font_size{line-height: 18px;font-size: 12px;}
.certi_out_box div .date-signature .date img{width: 47px;margin-top:0;}
.certi_out_box div .date-signature .mt-20{margin-bottom: 0;}
.certi_out_box div .date-signature .date h2{font-size: 12px;margin:0;}
.certi_out_box div .date-signature .date p{font-size: 11px;margin:0;}
.certi_out_box div .middleblock .top_font{font-size: 14px;}
 .certi_out_box div.main { width:auto!important; }
.certi_out_box div.boxmain > div.topblock { font-size:11px; top:2%;   }
.certi_out_box div.boxmain > div.middleblock {  padding:0% 10%;  top:35%;}
.certi_out_box div.boxmain > div.middleblock p.top{ font-size: 13px;line-height: initial;}
.certi_out_box div.boxmain > div.middleblock p.top1{   width:90%; }
.certi_out_box div.boxmain > div.middleblock p.top1 span.top3{ font-size: 15px; background:#FFF; padding:2px; text-align:center;  }
.certi_out_box div.boxmain > div.middleblock p.top2{ font-size: 10px; }
.certi_out_box div.boxmain > div.middleblock h1{  font-size: 16px;  margin-bottom:0;}
.certi_out_box div.boxmain > div.middleblock h1:after{    border-bottom: .1rem solid #3B4E57;    width: 60%; }
.certi_out_box div.boxmain > div.middleblock > div.end p{ line-height:14px; font-size: 9px;margin-bottom: 5px;}
.certi_out_box div.boxmain >  div.bottomblock {width:30%; padding:0% 3%; bottom:8%; }
.certi_out_box div.boxmain >  div.bottomblock > div.certsmainfl {   margin-top:.5em; }
.certi_out_box div.boxmain >  div.bottomblock > div.certsmainfl p.top { font-size:11px; }
.certi_out_box div.boxmain >  div.bottomblock > div.certsmainfl p.top2 { font-size:18px;  }
.certi_out_box div.boxmain >  div.bottomblock > div.certsmainfl p.name {   font-size:11px;  }
.certi_out_box div.boxmain >    div.bottomblockend {  width:90%;  padding:0% 3%;    bottom:2%;  font-size:11px; }
}

@media (min-width: 401px) and (max-width:600px){
  .certificate_bg{height: 600px;}
  .certi_out_box div.boxmain > div.middleblock{margin-top: 55px;padding:0 44px;}
  .certi_out_box .certi_logo img{width: 177px;}
  .certi_out_box div .middleblock .top_font{font-size: 20px;}
  .certi_out_box div.boxmain > div.middleblock p.top{font-size: 18px;}
  .certi_out_box div .font_size{font-size: 14px;}
  .certi_out_box div.boxmain > div.middleblock p.top{font-size: 18px;margin-bottom: 15px;    margin-top: 9px;}
  .certi_out_box div.boxmain > div.middleblock p.top2{font-size: 12px;margin-bottom:5px;}
  .certi_out_box div.boxmain > div.middleblock h1{font-size: 23px;margin:14px 0 12px;}
  .certi_out_box div.boxmain > div.middleblock > div.end{margin-top: 15px;margin-bottom: 4px;}
  .certi_out_box div.boxmain > div.middleblock > div.end p{font-size: 11px;line-height: 20px;margin:0;}
  .certi_out_box div .middleblock .date-signature{margin-top: 0;}
  .certi_out_box div .date-signature .url{float: left;width: 100%;font-size: 11px;}
  .certi_out_box .bottom_text .footer_l{width: 75%;}
  .certi_out_box div .bottom_text .left_para{margin:0 0 0 -4px;}
  .certi_out_box div .left_para p{font-size: 6px;}
  .certi_out_box div .bottom_text .right_para{margin:0 -4px 0 0;}
  .certi_out_box div .bottom_text .right_para p{font-size: 4.6px;}
  .certi_out_box div.middleblock .date p:before{margin:1px 0 1px -6px;width: 115%;}
  .certi_out_box div .date-signature .date h2{font-size: 17px;}
  .certi_out_box div .date-signature .date p{font-size: 13px;}
  .certi_out_box div .date-signature .date img{ width: 62px;margin: 6px auto 0;}
  .certi_out_box div .middleblock .date-signature{max-width: 320px;}
.certi_out_box .certi_logo{margin-bottom: 8px;}
.certi_out_box .bottom_text{    margin: 18px auto 0;
    max-width: 437px;
    width: 100%;}


}

@media (min-width:601px) and (max-width:767px){
   
   .certi_out_box div .date-signature .url{float: left;width: 100%;}
   .certi_out_box div.boxmain > div.middleblock > div.end{margin:25px auto 0;}
   .certi_out_box div .middleblock .top_font{font-size: 29px;}
   .certi_out_box div.boxmain > div.middleblock p.top{font-size: 25px;line-height: 27px;}
   .certi_out_box div .font_size{line-height: 30px;}
   .certi_out_box .certi_logo img{width: 215px;}
   .certi_out_box .bottom_text{margin:28px auto 0;width:100%;max-width: 570px;}
   .certificate_bg{height: 808px;}
   .certi_out_box div .middleblock .date-signature{max-width: 435px;}
   .certi_out_box div .bottom_text .left_para{margin:0 0 0 -5px;}
   .certi_out_box div .bottom_text .right_para{margin:0 -5px 0 0px;}


}


@media (min-width:768px) and (max-width:991px){

.certi_out_box div .middleblock .top_font{font-size: 35px;}
.certi_out_box div .bottom_text .right_para{    text-align: center;
    float: left;
    width: 100%;
    font-size: 15px;margin:0;}
    .certi_out_box div .date-signature .date h2{font-size: 21px;}
    .certi_out_box div .date-signature .date p{font-size: 17px;}
    .certi_out_box div .date-signature .date img{font-size: 80px;}
    .certi_out_box div .bottom_text .left_para{width: 100%;margin:0;}
    .certi_out_box div .left_para p{text-align: left;font-size: 11px;}
    .certi_out_box div .bottom_text .right_para p{font-size: 11px;}
.certi_out_box div.main { width:auto!important; }
.certi_out_box div.boxmain > div.topblock { font-size:14px; top:2%;   }
.certi_out_box div.boxmain > div.middleblock {margin-top:85px;  padding:0;  top:35%; }
img.certificate_bg{height: 925px;}
.certi_out_box div.boxmain > div.middleblock p.top{ font-size: 31px;line-height: 38px; }
.certi_out_box div .font_size{font-size: 19px;line-height: 33px;}
.certi_out_box div.boxmain > div.middleblock p.top1{   width:60%; }
.certi_out_box div.boxmain > div.middleblock p.top1 span.top3{ font-size: 20px; background:#FFF; padding:2px; text-align:center;  }
.certi_out_box div.boxmain > div.middleblock p.top2{ font-size: 20px; margin-bottom:1em; }
.certi_out_box div.boxmain > div.middleblock h1{  font-size: 35px;  margin-bottom:30px;}
.certi_out_box div.boxmain > div.middleblock h1:after{    border-bottom: .1rem solid #3B4E57;    width: 60%; }
.certi_out_box div .date-signature .url{float: left;width: 100%;font-size: 13px;}
.certi_out_box div.boxmain > div.middleblock > div.end{ font-size: 14px;}
.certi_out_box div.boxmain > div.middleblock > div.end p{ line-height:34px;font-size: 20px;}
.certi_out_box div.boxmain >  div.bottomblock {width:30%; padding:0% 5%; bottom:12%; }
.certi_out_box div.boxmain >  div.bottomblock > div.certsmainfl {   margin-top:.5em; }
.certi_out_box div.boxmain >  div.bottomblock > div.certsmainfl p.top { font-size:14px; }
.certi_out_box div.boxmain >  div.bottomblock > div.certsmainfl p.top2 { font-size:35px;  }
.certi_out_box div.boxmain >  div.bottomblock > div.certsmainfl p.name {   font-size:14px;  }
.certi_out_box div.boxmain >    div.bottomblockend {  width:90%;  padding:0% 3%;    bottom:5%;  font-size:14px; }
.certi_out_box div .middleblock .date-signature{max-width: 495px;margin-top: 15px;}
.certi_out_box .bottom_text{max-width: 573px;margin:38px auto 0;}


}



/*@media (min-width:421px) and (max-width:620px)
{
.certi_out_box div.main { width:auto!important; }
.certi_out_box div.main { width:auto!important; }
.certi_out_box div.boxmain > div.topblock { font-size:12px; top:2%;   }
.certi_out_box div.boxmain > div.middleblock {  padding:0% 15%;  top:35%; }
.certi_out_box div.boxmain > div.middleblock p.top{ font-size: 25px; }
.certi_out_box div.boxmain > div.middleblock p.top1{   width:60%; }
.certi_out_box div.boxmain > div.middleblock p.top1 span.top3{ font-size: 15px; background:#FFF; padding:2px; text-align:center;  }
.certi_out_box div.boxmain > div.middleblock p.top2{ font-size: 12px; margin-bottom:1em; }
.certi_out_box div.boxmain > div.middleblock h1{  font-size: 25px;  margin-bottom:.5em;}
.certi_out_box div.boxmain > div.middleblock h1:after{    border-bottom: .1rem solid #3B4E57;    width: 60%; }
.certi_out_box div.boxmain > div.middleblock > div.end{ font-size: 11px;}
.certi_out_box div.boxmain > div.middleblock > div.end p{ line-height:1em;}
.certi_out_box div.boxmain >  div.bottomblock {width:30%; padding:0% 5%; bottom:12%; }
.certi_out_box div.boxmain >  div.bottomblock > div.certsmainfl {   margin-top:.5em; }
.certi_out_box div.boxmain >  div.bottomblock > div.certsmainfl p.top { font-size:12px; }
.certi_out_box div.boxmain >  div.bottomblock > div.certsmainfl p.top2 { font-size:18px;  }
.certi_out_box div.boxmain >  div.bottomblock > div.certsmainfl p.name {   font-size:12px;  }
.certi_out_box div.boxmain >    div.bottomblockend {  width:90%;  padding:0% 3%;    bottom:5%;  font-size:12px; }

}*/

/*@media (min-width:621px) and (max-width:767px)
{ .certi_out_box div.main { width:auto!important; }

.certi_out_box div.boxmain > div.topblock { font-size:14px; top:2%;   }
.certi_out_box div.boxmain > div.middleblock {  padding:0% 15%;  top:35%; }
.certi_out_box div.boxmain > div.middleblock p.top{ font-size: 25px; }
.certi_out_box div.boxmain > div.middleblock p.top1{   width:60%; }
.certi_out_box div.boxmain > div.middleblock p.top1 span.top3{ font-size: 20px; background:#FFF; padding:2px; text-align:center;  }
.certi_out_box div.boxmain > div.middleblock p.top2{ font-size: 16px; margin-bottom:1em; }
.certi_out_box div.boxmain > div.middleblock h1{  font-size: 35px;  margin-bottom:.5em;}
.certi_out_box div.boxmain > div.middleblock h1:after{    border-bottom: .1rem solid #3B4E57;    width: 60%; }
.certi_out_box div.boxmain > div.middleblock > div.end{ font-size: 14px;}
.certi_out_box div.boxmain > div.middleblock > div.end p{ line-height:1em;}
.certi_out_box div.boxmain >  div.bottomblock {width:30%; padding:0% 5%; bottom:12%; }
.certi_out_box div.boxmain >  div.bottomblock > div.certsmainfl {   margin-top:.5em; }
.certi_out_box div.boxmain >  div.bottomblock > div.certsmainfl p.top { font-size:14px; }
.certi_out_box div.boxmain >  div.bottomblock > div.certsmainfl p.top2 { font-size:35px;  }
.certi_out_box div.boxmain >  div.bottomblock > div.certsmainfl p.name {   font-size:14px;  }
.certi_out_box div.boxmain >    div.bottomblockend {  width:90%;  padding:0% 3%;    bottom:5%;  font-size:14px; }
}*/

@media (min-width:992px) and (max-width:1199px){
 .certificate_bg{height: 725px;}
 .certi_out_box div .middleblock .top_font{font-size: 22px;}
 .certi_out_box div.boxmain > div.middleblock{margin-top:66px;}
 .certi_out_box div.boxmain > div.middleblock p.top{font-size: 18px;line-height: 18px;}
 .certi_out_box div .font_size {
    font-size: 16px;
    line-height: 26px;
}
.certi_out_box div.boxmain > div.middleblock p.top2{font-size: 14px;}
.certi_out_box div.boxmain > div.middleblock h1{font-size: 23px;}
.certi_out_box div.boxmain > div.middleblock > div.end p{font-size: 13px;}
.certi_out_box div .middleblock .date-signature{margin-top: 5px;}
.certi_out_box .bottom_text .footer_l{width: 73%;}
.certi_out_box div .bottom_text .left_para{width: 100%;margin:0 0 0 -17px;}
.certi_out_box div .left_para p{font-size: 7px;}
.certi_out_box div .bottom_text .right_para{margin:0 -17px 0 0;}
.certi_out_box div .bottom_text .right_para p{font-size: 7px;}
.certi_out_box div .date-signature .url{font-size: 11px;float: left;width: 100%;}
.certi_out_box .bottom_text{margin: 26px 0 0;}

/*certificate popup css*/

.certi_pop.certificate_bg{height: 980px;}
.certificate_popup_body .certi_out_box .certi_logo img{width: 230px;}
.certificate_popup_body .certi_out_box div.boxmain > div.middleblock{margin-top: 84px;}
.certificate_popup_body div .middleblock .top_font{font-size: 33px !important;margin:0 0 15px;}
.certificate_popup_body .certi_out_box div.boxmain > div.middleblock p.top{font-size: 31px;line-height: 37px;margin-top: 10px;margin-bottom: 30px;}
.certificate_popup_body div.boxmain > div.middleblock p.top2{font-size: 21px !important;margin-bottom: 30px;}
.certificate_popup_body div.boxmain > div.middleblock h1{font-size: 38px !important;margin:0 0 25px;}
.certificate_popup_body .certi_out_box div.boxmain > div.middleblock h1:after{width: 47%;}
.certificate_popup_body .certi_out_box div.boxmain > div.middleblock > div.end p{font-size: 19px;}
.certificate_popup_body .certi_out_box div .middleblock .date-signature{max-width: 740px;margin-top: 25px;}
.certificate_popup_body .certi_out_box .certi_logo{margin:0 0 7px;}
.certificate_popup_body .certi_out_box div .date-signature .date h2{font-size: 22px;}
.certificate_popup_body .certi_out_box div .date-signature .date p{font-size: 18px;}
.certificate_popup_body div .date-signature .date img{width: 90px;}
.certificate_popup_body .certi_out_box div .date-signature .mt-20{margin:9px auto;}
.certificate_popup_body .certi_out_box div .date-signature .url{margin-top: 16px;}
.certificate_popup_body .certi_out_box .bottom_text{margin: 45px auto 0;max-width: 549px;}
.certificate_popup_body .certi_out_box div .left_para p{font-size: 11px;}
.certificate_popup_body .certi_out_box .bottom_text .footer_l{width: 70%;}
.certificate_popup_body .certi_out_box div .bottom_text .right_para p{font-size: 11px;}



}

@media (max-width: 991px){
  .certificate_popup{display: none !important;}
  .certi_popup_overly{display: none;}
}


@media print
{
.certi_out_box div.boxmain > div.topblock { font-size:16px; top:2%;   }
.certi_out_box div.boxmain > div.middleblock {  padding:0% 18%;  top:55%; }
.certi_out_box div.boxmain > div.middleblock p.top{ font-size: 52px; }
.certi_out_box div.boxmain > div.middleblock p.top1{   width:80%; }
.certi_out_box div.boxmain > div.middleblock p.top1 span.top3{ font-size: 30px; background:#FFF; padding:2px; text-align:center;  }
.certi_out_box div.boxmain > div.middleblock p.top2{ font-size: 16px; margin-bottom:2em; }
.certi_out_box div.boxmain > div.middleblock h1{  font-size: 52px;  margin-bottom:1em;}
.certi_out_box div.boxmain > div.middleblock h1:after{    border-bottom: .2rem solid #3B4E57;    width: 60%; }
.certi_out_box div.boxmain > div.middleblock > div.end{ font-size: 16px;}
.certi_out_box div.boxmain > div.middleblock > div.end p{ line-height:2em;}
.certi_out_box div.boxmain >  div.bottomblock {width:30%; padding:0% 5%; bottom:20%; }
.certi_out_box div.boxmain >  div.bottomblock > div.certsmainfl {   margin-top:1em; }
.certi_out_box div.boxmain >  div.bottomblock > div.certsmainfl p.top { font-size:19px; }
.certi_out_box div.boxmain >  div.bottomblock > div.certsmainfl p.top2 { font-size:50px;  }
.certi_out_box div.boxmain >  div.bottomblock > div.certsmainfl p.name {   font-size:16px;  }
.certi_out_box div.boxmain >    div.bottomblockend {  width:90%;  padding:0% 5%;  font-size:16px;    bottom:8%; }
}