.itopplus-background {

}
a {
    color: #444;
}
a:hover {
    color: #0149ad;
}
.itopplus-footer {
    font-size: 13px;
    font-weight: 300;
}
.itopplus-footer a {
    color: #fff;
}
.itopplus-footer a:hover {
    color: #a0c7ff;
}

@media (max-width:768px) {
#controlBanner {
    margin-top: 10px;
    margin-bottom: 5px;
  display: none !important;
}
.itopplus-bgmain {
    background-size: cover;
}
.itopplus-bgmain3 {
    background-size: cover;
}

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 1024px) {
h1,.h1 { font-size: 2.250em;}
h2,.h2 { font-size: 1.875em;}
h3,.h3 { font-size: 1.500em;}
h4,.h4 { font-size: 1.125em;}
h5,.h5 { font-size: 0.875em;}
h6,.h6 { font-size: 0.750em;}
p { margin: 0 0 10px;}
.navbar .nav,
.navbar .nav > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
    *zoom:1; /* hasLayout ie7 trigger */
    vertical-align: top;
}
#main-navbar-collapse{
  text-align:center ;
}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1366px) {
h1,.h1 { font-size: 2.250em;}
h2,.h2 { font-size: 1.875em;}
h3,.h3 { font-size: 1.500em;}
h4,.h4 { font-size: 1.125em;}
h5,.h5 { font-size: 0.875em;}
h6,.h6 { font-size: 0.750em;}
p { margin: 0 0 10px;}
.navbar .nav,
.navbar .nav > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
    *zoom:1; /* hasLayout ie7 trigger */
    vertical-align: top;
}
#main-navbar-collapse{
  text-align:center ;
}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1900px) {
h1,.h1 { font-size: 2.250em;}
h2,.h2 { font-size: 1.875em;}
h3,.h3 { font-size: 1.500em;}
h4,.h4 { font-size: 1.125em;}
h5,.h5 { font-size: 0.875em;}
h6,.h6 { font-size: 0.750em;}
p { margin: 0 0 10px;}
.navbar .nav,
.navbar .nav > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
    *zoom:1; /* hasLayout ie7 trigger */
    vertical-align: top;
}
#main-navbar-collapse{
  text-align:center ;
}
.phetarun-header {
   font-size: 18px !important;
   padding: 15px 0 0 !important;
}
.phetarun-effect1 {
   font-size: 18px !important;
}
.phetarun-padicon {
   padding: 35px 0 0 10px !important;
}
.phetarun-certificate {
   font-size: 18px !important;
}
.phetarun-headcertificate {
   font-size: 40px !important;
}
.phetarun-product {
   padding: 26% 5% 0 !important;
   font-size: 18px !important;
}
span.caret-EX01 {
   right: -4% !important;
}
span.caret-EX02 {
   left: -3% !important;
}
.phetarun-headmenu {
   font-size: 44px !important;
}
.phetarun-menu {
   font-size: 22px !important;
}
#iframe60f79fc03e7b2e0012fc8c11 iframe , #iframe60f79fdaa1bde000126d1487 iframe {
   height: 500px !important;
}
#myImage1626762620157 , img#myImage1626762627906 , img#myImage1626767634278 , img#myImage1626767649820  {
   width: 55% !important;
}
.itopplus-footer {
   font-size: 14px !important;
}
}


/**************/
.phetarun-header {
    font-size: 13px;
    font-weight: 300;
    text-align: right;
    padding: 5px 0 0;
}
.phetarun-effect1 {
    font-size: 13px;
    font-weight: 300;
    transition: 0.5s;
}
.phetarun-effect1:hover {
    transform: scale(1.1);
}
.phetarun-padicon {
    padding: 20px 0 0 10px; 
}
.phetarun-headmenu {
    font-size: 34px;
    font-weight: 500;
    text-align: center;
    color: #0149ad;
    padding-top: 3%;
}
.phetarun-menu {
    color: black;
    font-size: 18px;
    font-weight: 300;
    text-align: center;
}
.phetarun-certificate {
    color: #444444;
    font-size: 14px;
    font-weight: 300;
    white-space: pre-line;
}
.phetarun-headcertificate {
    font-size: 34px;
    font-weight: 500;
    color: #0149ad;
}
.phetarun-border {
    border-bottom: 1px solid #444;
    width: 65px;
    margin: 2% 0;
}
.phetarun-product {
    color: white;
    padding: 22% 5% 0;
    text-align: center;
    white-space: pre-line;
    font-weight: 300;
}
.phetarun-headproduct {
    font-size: 34px;
    font-weight: 500;
}
.phetarun-borderproduct {
    border-bottom: 1px solid #fff;
    width: 65px;
    margin: 6% auto;
}
span.caret-EX01 {
    display: inline-block;
    width: 0;
    height: 0;
    top: 55%;
    right: -5%;
    position: absolute;
    margin-left: -5px;
    vertical-align: middle;
    border-left: 22px dashed #0149ad !important;
    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;
    z-index: 3;
}
span.caret-EX02 {
    display: inline-block;
    width: 0;
    height: 0;
    top: 55%;
    left: -5%;
    position: absolute;
    margin-left: -4px;
    vertical-align: middle;
    border-right: 22px dashed #0149ad !important;
    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;
    z-index: 3;
}
figure.effect-phoebe {
    background: transparent;
}
figure.effect-phoebe img {
    opacity: 1;
    transition: 0.5s;
}
figure.effect-phoebe:hover img {
    opacity: 1;
    transition: 0.5s;
    transform: scale(1.1);
      filter: brightness(0.5);
}
.backToTop {
    width: 25px !important;
    right: 20px !important;
    bottom: 5px !important;
}
#slidermaster60f64f85a1bde000126ceea9  {
    height: 320px !important;
}
.jssorb03 {
    position: absolute;
    left: -230% !important;
    right: 0 !important;
    top: 35% !important;
    display: block;
    margin: 0 auto;
    float: left !important;
}
.jssorb03 div {
    background-position: -5px -4px;
    background: #0149ad;
     background-color: #828282;
    color: #828282 !important;
    margin: 0 auto;
}
.jssorb03 .av, .jssorb03 div, .jssorb03 div:hover {
    background: #0149ad;
    overflow: hidden;
    cursor: pointer;
    background-color: #828282;
    border: 0px solid #fff;
    height: 6px !important;
    width: 6px !important;
    border-radius: 50%;
}
.jssorb03 .av, .jssorb03 div:hover, .jssorb03 div:hover {
     background-color: #0149ad;
}

.jssora03l {
    display: none;
}
.jssora03r {
    display: none;
}
span.jssora03r.jssora03rds {
    display: none;
}
img.cursor.force-hight {
    height: 260px !important;
}

#iframe60f79fc03e7b2e0012fc8c11 iframe , #iframe60f79fdaa1bde000126d1487 iframe  {
    height: 305px !important;
}

@media only screen and (min-width : 1900px) {
#slidermaster60f64f85a1bde000126ceea9 {
   height: 470px !important;
}
.jssorb03 .av, .jssorb03 div, .jssorb03 div:hover {
   height: 6px !important;
   width: 6px !important;
}
}

@media only screen and (max-width:1024px) {
.phetarun-effect1 {
    font-size: 10px;
}
  #slidermaster60f64f85a1bde000126ceea9 {
    height: 290px !important;
}
  .itopplus-footer {
    font-size: 10px;
}
.itopplus-bgmain3 {
    background-size: cover;
}
#iframe60f79fc03e7b2e0012fc8c11 iframe , #iframe60f79fdaa1bde000126d1487 iframe  {
    height: 235px !important;
}
.no-js #background60f799bea1bde000126d12cf {
    display: none;
}
span.caret-EX01 {
    right: -4%;
    border-left: 20px dashed #0149ad !important;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
}
span.caret-EX02 {
    left: -3%;
    border-right: 20px dashed #0149ad !important;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
}
}


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

.phetarun-effect1 {
    font-size: 14px;
}
.phetarun-effect1  span {
    font-size: 16px !important;
}
.phetarun-product {
    padding: 5% 5% 0;
    white-space: inherit;
}
.phetarun-headproduct {
    font-size: 26px;
}
#slidermaster60f64f85a1bde000126ceea9 {
    height: 230px !important;
}
.phetarun-certificate {
    font-size: 13px;
}
   #iframe60f79fc03e7b2e0012fc8c11 iframe , #iframe60f79fdaa1bde000126d1487 iframe  {
    height: 185px !important;
}
   .no-js #background60f799bea1bde000126d12cf {
    display: block;
}
span.caret-EX01 {
    display: none;
}
span.caret-EX02 {
    display: none;
}
}



@media only screen and (max-width:480px) {
#imagesControl60f6435c31c90d0012f11d90 {
    padding: 0 !important;
}
  .itopplus-footer {
    font-size: 16px;
    text-align: center;
}
.itopplus-bgmain {
    margin-top: -7px;
}
  .phetarun-certificate {
    font-size: 15px;
}

  .phetarun-product {
    padding: 5% 5%;
    white-space: inherit;
}
  #slidermaster60f64f85a1bde000126ceea9 {
    height: 115px !important;
}
 .backToTop img {
    width: 80%;
}
     #iframe60f79fc03e7b2e0012fc8c11 iframe , #iframe60f79fdaa1bde000126d1487 iframe  {
    height: 200px !important;
}
  img#myImage1626762764163 {
    display: block !important;
    margin: 0 auto !important;
    width: 50% !important;
}
#background60f65037a1bde000126ceedb  .col-md-4.col-sm-4.col-xs-12  {
    width: 33%;
}
}

@media only screen and (max-width:375px) {
#slidermaster60f64f85a1bde000126ceea9 {
    height: 105px !important;
}
}