/* banner css starts */
.container.language_skills_banner {
    width: 100% !important;
    background-image: url('../images/Language_skills_banner1.png');
    height: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100%;min-height: 500px;
}
.skills_content {width: 100%;margin-left: 6%;margin-top: 3%;}
.language_skills_why{
    color: #ffffff;
    font-size: 50px;
    font-family: metropolis bold;
    margin-top: 22px;
    margin-bottom: 2px;
    margin-left: 10px;
}
.language_skills_heading{color:#ffffff;font-weight:bold;font-size:50px;margin-top: 0px;font-family: metropolis bold;margin-left: 17px;} 
p.language_skills_kit {font-size: 23px;color: #00115A;font-weight: 600;font-family: metropolis medium;
    line-height: 1.25;letter-spacing: 0.5px;margin-bottom: 0px;text-align: left;padding: 0 32px;
    position: relative;right: 14px;top: 15px;max-width: 25em;}
/* banner css ends */

/* Language skills css starts here */
.Ied_learning {
    background-color: #fff !important;
    min-height: 527px !important;
    margin: 0 auto;
    max-width: 60%;
    padding-bottom: 0px;
}
.lang_head1 {
    text-align: center;
    font-size: 34px;
    padding: 100px 0px 30px 0px;
    margin-top: 0;
    font-weight: bold;
    font-family: Metropolis Bold !important;
    font-family: inherit;
    color: #4B4B4B;
    position: relative;
    bottom: 0.5em;
}
.learn_titlelink {
    z-index: 99999;
    border-radius: 20px;
    position: absolute;
    bottom: 13px;
    text-align: center;
    background: #fff;
    color: #FCA038;
    box-shadow: 1px 5px 10px -5px #ccc;
    text-decoration: none!important;
    width: 60%;
    margin: 0 auto;
    padding: 15px 0 15px 0px;
    font-size: 18px;
    margin-left: 5%;
    font-weight: bold;
}

.Ied_learning div.col-sm-6 {
    margin-bottom: 20px;
    cursor: pointer;
}
.listening_card {
    position: relative;
}
.lang_img {
    text-align: center;
}

.listening_img {
    width: 100%;
    position: relative;
}

.speaking_card {
    position: relative;
}

.speaking_img {
    width: 100%;
    position: relative;
}

.reading_card {
    position: relative;
}

.reading_img {
    width: 100%;
    position: relative;
}

.writing_card {
    position: relative;
}

.writing_img {
    width: 100%;
    position: relative;
    margin-top: 0.5em;
}
 /*popup under construction UI*/
 #adv-overlay-popups1{
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 6%;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 100;
    cursor: pointer;
  }
  #share-text{
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 50px;
    color: white;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
  }
  .share-text-inner{color: #000;font-family: metropolis;background-color: #fff;border-radius: 30px;cursor: pointer;padding-right: 100px;width: 540px;padding: 8% 2%;font-size: 20px;text-align: center;float:left;}
  .sharetitle h2{margin-top: 0;color: #4B4B4B;font-family: metropolis;font-weight: bold;}
  .title-message-top{float: left;width: 100%;}
  .title-message-top p{font-family: metropolis;font-size: 17px;color: #A9ABAD;line-height: 0.8;}
  .shareclsbtnclose{position: absolute;
      font-size: 20px;
      text-align: right;
      width: 45%;
      top:1px;
      color:#454545;
      background: none;
  }
  .shareclsbtnclose i.fa.fa-close{padding: 2%!important;}
  button.shareclsbtnclose:hover{ background: none!important;color:#454545;-webkit-box-shadow: unset !important;-webkit-box-shadow: unset !important;font-size: 20px;}
  .buynowimg{width: 60%;margin-bottom: 6%;}
  .viewpack{
  width: 32%;
  margin: 0 auto; 
  text-align: center;
  padding: 2.5% 2% 5.5% 2%;
  background: #1374fc;
  color: #fff;
  margin-top: 8%;
  }
  .main_text_popup{color: #4B4B4B;position: relative;text-align:center;font-family: metropolis bold;}
  .popupsatfix-screen{overflow:hidden;height:100vh;}
  .popupsatfix-close{overflow:visible;height:100%;}
  .close {
      color: #4b4b4b;
      float: right;
      font-size: 28px;
      font-weight: bold;
      opacity: 1;
  }

/*popup under construction ends here */

@media screen and (max-width: 1199.98px) and (min-width: 992px){
    .container.language_skills_banner {min-height: 30em;}
    .language-skills-div{margin-top: -20px !important;}
    .skills_content {width: 100%;margin-left: 0%;margin-top: 3%;}
    .language_skills_why{font-size: 3vh;margin-left:13px;}
    .language_skills_heading{font-size:3vh;margin-left: 15px;}
    p.language_skills_kit{font-size: 20px; top:0 !important;width: 75%;}
    .lang_head1{left:0}
}

@media screen and (max-width: 991.98px) and (min-width: 768px){
    .container.language_skills_banner {background-image: url('../images/Language_skills_banner1.png');height: 100%;background-size: 100%;min-height: 25em;}
    .language-skills-div {margin-top: 0;}
    .skills_content {width: 70% !important;margin-left: 0%;margin-top: 3%;}
    .language_skills_why {font-size: 30px;margin-top: 0;margin-bottom: 2px;margin-left: 13px;}
    .language_skills_heading {font-size: 30px;margin-top: 0px;margin-left: 17px}
    p.language_skills_kit {font-size: 18px;width: auto;max-width:27em;top: 0;}
}

@media only screen and (max-width:767px){
    .container.language_skills_banner {width: 100% !important;background-image: url('../images/language_skills_mobile_banner.png');}
    .language-skills-div{margin-top: 0px;}
    .skills_content {margin-top: 10%;width: 100% !important;margin-left: 0;position: relative;right: 0em;}
    .language_skills_why {
        color: #ffffff;
        font-size: 33px;
        font-family: metropolis bold;
        margin-top: 22px;
        margin-bottom: 2px;
        text-align: center;
    }   
    .language_skills_heading {
        color: #ffffff;
        font-weight: bold;
        font-size: 33px;
        margin-top: 0px;
        margin-bottom: 0px;
        font-family: metropolis bold;
        text-align: center;
    }
    p.language_skills_kit {
        font-size: 15px;
        color: #00115A;
        font-weight: 600;
        font-family: metropolis medium;
        line-height: 1.25;
        letter-spacing: 0.5px;
        margin-bottom: 0px;
        text-align: center;
        padding: 0 16px;
        position: relative;
        left: 0;   
        top: 5px;
        max-width: 80%;
        margin: 0 auto;

    }

.Ied_learning {min-height: 50em!important;height: auto;margin: 0 auto;max-width: 85%;padding-bottom: 0px;}	
.Ied_learning div.col-sm-6 {cursor: pointer;padding: 0;}
.listening_img {
    width: 100%;
    position: relative;
    bottom: 0;
    left: 0;
    }
    .speaking_img {
        width: 100%;
        position: relative;
        bottom: 0;
        left: 0;
    }
    .listening_img, .speaking_img, .reading_img, .writing_img {
        width: 100%;
        max-width: 15em;
    }
    #share-text {top: 24% !important;left: 0 !important;right: 0;margin: 0 auto;margin-left: 0;
        font-size: 30px !important;transform: inherit !important;}
        #adv-overlay-popups1 {top: 0px;}
        .share-text-inner {
            margin-top: 0;
            max-width:90%;
            margin: 0 auto;
            float:none!important;
            min-height: 17em;
        }
        .shareclsbtnclose {
            font-size: 18px !important;
            width: 40% !important;
            top: 0;
            margin-top: 0;
        }
        .buynowimg {
            width:auto;
            max-width:80%;
            margin-bottom:0%;
        }
        #share-text h2{
            font-size: 26px;
        }
}

@media screen and (max-width: 767px) and (min-width: 576px){
    .container.language_skills_banner {height: 100%;background-size: 100%;min-height: 55em;margin-top: 1.5em;}
    .skills_content {top: 1em !important;left: 0;right: unset !important;margin-top:0;}
    .language_skills_why {font-size: 4em;margin-top: 0;margin-bottom: 2px;margin-left: 15px;}
    .language_skills_heading {font-size: 4em;margin-top: 0px;}
    p.language_skills_kit {font-size: 23px;line-height: 1.2;margin-bottom: 0px;top: 8px !important;}
}

@media only screen and (max-width:575.98px)
{
    .Ied_learning {min-height: 40em!important;height: auto;margin: 0 auto;max-width: 85%;padding-bottom: 0px;}	
    .Ied_learning div.col-sm-6 {cursor: pointer;padding: 0;}
    .listening_img {
        width: 100%;
        position: relative;
        bottom: 0;
        left: 0;}

    .lang_head1 {
            text-align: center;
            font-size: 25px;
            padding: 0px 0px;
            font-weight: bold;
            font-family: Metropolis Bold !important;
            font-family: inherit;
            color: #4B4B4B;
            position: relative !important;
            bottom: 1em !important;
    }
    .speaking_img {
        width: 100%;
        position: relative;
        bottom: 0;
        left: 0;
    }
    .speaking_img {
        width: 100%;
        position: relative;
        bottom: 0;
        left: 0;
    }
}
/* Language skills css ends here */

@media screen and (min-width: 451px) and (max-width: 575.98px){
    .container.language_skills_banner {height: auto;min-height:53em;}
    .skills_content {margin-top:6%;}
    p.language_skills_kit {font-size: 18px;max-width: 70%;}
}

@media screen and (min-width: 361px) and (max-width: 450.98px){
    .container.language_skills_banner {height: auto;min-height:40em;margin-top:4%}
    .skills_content {margin-top:-6%;}
    p.language_skills_kit {max-width: 100%;}
}

@media screen and (max-width: 360.98px){
    .container.language_skills_banner {height: auto;min-height:37em;margin-top:5%}
    .skills_content {margin-top:-5%;}
    .language_skills_why , .language_skills_heading {font-size: 28px !important;}
    p.language_skills_kit {font-size: 15px;text-align: center;padding: 0 8px;top: 5px;
        max-width: 100%;margin: 0 auto;}
}

@media only screen and (max-width: 1320px) and (min-width: 1260px){
	.container.language_skills_banner{min-height:460px;}
}

@media only screen and (max-width: 1800px) and (min-width: 1601px){
    .container.language_skills_banner{min-height:545px;}
    .skills_content{margin-left:2%;}
    .language_skills_why{font-size:65px;margin-top:41px;}
    .language_skills_heading{font-size:65px;margin-left:10px;}
    p.language_skills_kit{font-size: 30px;}
}