@media only screen and (min-width:1024px) and (max-width:1179px){
   html{font-size: 14px;}
   .skillbox{height: 150px;}
   .skillbox p{font-size: 13px;}
   .homesec_postpaid .card-title{font-size: 16px;}
}
@media only screen and (min-width:900px) and (max-width:1023px){
  .commonbox h2{font-size: 1.2rem;}
  .title{font-size: 2rem;}
  header ul li a{font-size: 16px;}
  header h1{font-size: 1.5rem;}
  header p{font-size: .7rem;}
  .box_inner h2{font-size: .9rem;}
  .details_form input {height: 35px;font-size: .8rem;}
  .form-number{height: 35px;}
  .details_form img{width: 20px;}
  .skillbox p{font-size: 13px;}
  .process ul li .processlist h4{font-size: .85rem;}
  .process ul li .processlist p{font-size: .8rem;}
  .youlearn .learn{padding: 0.8rem .8rem;}
  .youlearn .learn p{font-size: .8rem;}
  .placedlist ul li{flex: 0 0 49%; width: 49%;}
  .marquee-carousel .item{flex: 0 0 20%;}
  .best_benifits p{font-size: 12px;}
  .specialbtn button{font-size: 15px;}
  footer h3{font-size: 1.1rem;}
  .copyright p{padding: 0px 0; font-size: .8rem;}
  .vdesign .nav-link{font-size: 16px;}
  .homesec_postpaid .card-title{font-size: 15px;}
}
@media only screen and (min-width:768px) and (max-width:899px){
  .commonbox h2{font-size: 1.2rem;}
  header ul li a{font-size: 16px;}
  header h1{font-size: 1.5rem;}
  header p{font-size: .7rem;}
  .homeicon{padding: 8px 9px;}
  .menu ul.topmenu li a{font-size: 1rem;}
  .form-number,.details_form input {height: 33px;font-size: 12px;}
  .details_form img {width: 18px;}
  .box_inner.fixscroll{height: 283px;}
  .skillbox p{font-size: 13px;}
  .process ul li .processlist h4{font-size: .85rem;}
  .process ul li .processlist p{font-size: .8rem;}
  .youlearn .learn{padding: 0.8rem .8rem;}
  .youlearn .learn p{font-size: .8rem;}
  .placedlist ul li{flex: 0 0 49%; width: 49%;}
  .marquee-carousel .item{flex: 0 0 20%;}
  .best_benifits p{font-size: 12px;}
  .specialbtn button{font-size: 15px;}
  .placedlist ul li span{font-size: 12px;line-height: 20px;}
  .placedlist ul li{padding: 12px 12px;}
  footer h3{font-size: 1.1rem;}
  .copyright p{padding: 0px 0; font-size: .8rem;}
  .homesec_postpaid .card-title{font-size: 16px;}
  .title{    font-size: 2rem;}
 
  
}
@media only screen and (max-width:767px){
  .commonbox h2{font-size: 1.1rem;}
  .title{margin-bottom: 1rem;font-size: 1.5rem;}
  header ul li a{font-size: 11px;}
  header h1{font-size: 1.2rem;}
  header p{font-size: .7rem;}
  .homeicon{padding: 7px 9px;}
  .menu ul.topmenu li a{font-size: 1rem;}
  .form-number,.details_form input {height: 33px;font-size: 11px;}
  .details_form img {width: 18px;}
  .box_inner.fixscroll{height: 283px;}
  .topmenu{white-space: nowrap;overflow-x: scroll;width: calc(100% - 42px);}
  .box_inner h2{font-size: .8rem;}
  .spacemob{background: #e8dec5;height: 20px }
  .details_form .btn{letter-spacing: -0.5px;}
  .specialbtn button{font-size: 13px; padding: 5px 20px;}
  .process ul li .processlist .number{width: 40px;font-size: 16px;margin: 0px auto 9px auto;height: 40px;line-height: 8px;}
  .process ul li .processlist h4{font-size: .8rem;}
  .process ul li .processlist{padding: 10px;height: 170px;}
  .processlist p{font-size: .7rem;}
  .placedlist ul li{flex: 0 0 48%;width: 48%;padding: 10px 10px;}
  .placedlist ul li span{font-size: 10px;}
  .placedlist ul li img {width: 20px;height: 20px;}
  .marquee-carousel .item{flex: 0 0  30%;padding: 10px;cursor: pointer;}
  .reviewpic .name{font-size: .8rem;}
  .reviewpic img{height: 50px;width: 50px;}
  footer h3{font-size: .8rem;}
  footer h5{font-size: .9rem;}
  footer .footerfirst ul li a{font-size: .8rem;}
  .copyright p{padding: 0px 0; font-size: .8rem;}
  .disclamier p{font-size: .7rem;}
  .scrollfix {padding-bottom: 34%;}
  .vdesign .nav-link{font-size: 16px;}
  .homesec_postpaid #pills-tab{white-space: nowrap;      margin-bottom: 0;  padding-bottom: 0.5rem;  display: inline-block; width: 100%; overflow-x: scroll;}
  .homesec_postpaid #pills-tab li{display: inline-block;}
  #pills-tab button{font-size: 13px;    padding: 0 10px;}
  .homesec_postpaid .card-title{font-size: 16px;}
  .teambox .teamctn h4{font-size: 13px;}
  .teambox .teamctn p{font-size: .8rem;line-height: 1.4rem;}
  .menu{background-color: #f6f8fc;}
  
}
@media only screen and (min-width: 600px) {
.modal-content{height: 80vh;}
.modal-content{width: 70%;}
}
@media only screen and (max-width: 600px) {
.modal-content{ height: 75vh !important;}
.close-btn {position: relative !important; top: -38px !important;left: 0px !important;margin: -29px auto !important;} 
}
@media only screen and (max-width:575px){
  header{display: none;}
  .commonbox {padding: 20px 10px; margin-bottom: 1rem;}
  .title{font-size: 1.2rem;}
    .mobileheader{display: block; padding: 10px;}
    .mobileheader h2{font-size: 17px;  margin-top: 10px;text-shadow: 1px 1px 2px rgb(244 116 53); text-align: center;}
    .mobileheader p{margin-bottom: 0;text-align: center;font-size: 13px;font-weight: 500;}
    .mobileheader ul{list-style: none;padding-left: 0;text-align: right; margin-bottom: 7px;font-family: sans-serif;}
    .mobileheader ul li a{color: #000;padding-bottom: 1px;display: block;}
    .mobileheader .mobrgt{padding-right: 5px;}
    .mobileheader .moblft{padding-left: 5px;}
    .mobileheader ul img{width: 13px;}
    .mobiletitle{background: #009dc4;  margin: 10px -15px 0; text-align: center;padding: 10px 0px;}
    .mobiletit{background: #009ec4;padding: 6px 0;margin: 7px -15px 0px;}
    .mobiletit h3{margin-bottom: 0;text-align: center; color: #fff; text-shadow: 5px 6px 6px rgb(255 0 0 / 20%);font-size: 22px;    font-family: cursive;}
    .mobiletitle h3{margin-bottom: 0; color: #fff;font-size: 1.2rem; text-shadow: -2px 4px 5px rgba(0,0,0,0.4);}
    .mobrgt img{width: 130px;}
    .homeicon img {width: 20px;}
    .homeicon {padding: 4px 8px;margin-top: 5px; margin-right: 4px; margin-bottom: 5px;}
    .menu ul.topmenu{padding: 5px 0px 5px;}
    .menu ul.topmenu li a{border: 1px solid #d9d9d9; padding: 0.3rem 0.4rem; font-size: .9rem;background: #f6f8fc;}
    .mobile-cta{position: fixed;bottom: 0;    left: 0;    width: 100%;    display: flex;    background: #fff;    box-shadow: 0 -1px 15px rgb(0 0 0 / 7%);    z-index: 99;}
    .mobile-cta .btn {text-align: center;   font-size: 12px;    letter-spacing: 0.5px;    font-weight: 500;    max-width: 33.33%;    flex: 0 0 33.33%;    padding: 0;    min-height: auto; position: relative;}
    .mobile-cta p{position: absolute;margin-bottom: 0;width: 100%; top: -12px;height: 150%; opacity: 0;}
    .mobile-cta  .btn .icon_bg {height: 40px; width: 40px;  margin: auto;  display: flex;  align-items: center;   justify-content: center;  background: #fff;  border-radius: 50%;  margin-top:-10px;  margin-bottom: 5px;  -webkit-box-shadow: 0 -1px 15px rgb(0 0 0 / 7%);-moz-box-shadow: 0 -1px 15px rgb(0 0 0 / 7%); box-shadow: 0 -1px 15px rgb(0 0 0 / 7%);}
    .mobile-cta .icon { width: 18px;height: 18px;  object-fit: contain;  display: block;margin: auto;}
    footer{padding-bottom: 73px;}
    .copyright.designm p,.copyright p{text-align: center;}
    .scrollfix {padding-bottom: 6%;height: 75vh;}
    .whyus .modeltitle {font-size: 1rem;}
    .jtimeline{padding: 200px 100px;}
    .courblock{display: block !important;}
  .vdesign{display: inline-block;overflow-x: scroll; white-space: nowrap;width: 100%;}
  .vdesign .nav-link{width: auto; margin-bottom: 1rem;height: 37px; padding: 4px 12px 4px 7px; display: inline-block;font-size: 13px;}
  #v-pills-tabContent{width: 100%; padding-top: 1rem;}
  .vdesign .nav-link.active{border-radius: 25px 25px 25px 25px; -webkit-border-radius: 25px 25px 25px 25px; -moz-border-radius: 25px 25px 25px 25px;}
  .vdesign .nav-link img { margin-right: 6px; width: 20px;}
  .packageenquiry {position: static;margin-top: 0; max-width: 100%;}
  .galleryslider .swiper-wrapper{margin-bottom: 2rem;}
  .teambox .teamctn h4{font-size: 12px;}
  .teambox .teamctn p{font-size: .8rem;line-height: 1.5rem;}
  .teambox{display: block;}
  .teambox .teamimg{text-align: center;}
  .teambox .teamimg img{margin-bottom: 1rem;    width: 200px;}
  .questioncolor{display: none;}
  .mobileslider{display: block;position: relative;}
  .mobileslider .mobilectabtn{/* position: absolute; */bottom:47px;width: 100%;}
  .mobileslider .ctasection{background: rgb(0 158 196);}
  .ctasection{width: calc(100% - 12px); margin: 0px 6px;}    
  .ctainner .ctabtn a{padding: 6px 12px; font-size: 13px;}
  .mobileshow{display: inline-block !important;}
  .homeshow{display: none !important;}
  .whychoosemobile{padding: 10px 0; display: block;background: #fff; }
    .whychoosemobile h3{text-align: center;font-size: 16px;}
   
    .mboslide ul {margin: 0; padding: 0; list-style: none; }
    .mboslide ul li {font-size: 12px; width: 100%; background: #ddd;  margin-bottom: 10px;   padding: 5px;  display: inline-block;}
    .mobileslider{display: block; position: relative;}
    .youlearn .learnskill .swiper-wrapper{margin-bottom: 1rem;}
    .faq h3 button{font-size: .9rem;}
    .faq .accordion-body p{font-size: .8rem;}
    .tagline{padding: 15px 0;}
    .tagline h2{font-size: 1rem;}

}
@media only screen and (max-width:478px){
  .btn-group-sm>.btn, .btn-sm{font-size: 0.675rem;} 
  .skillbox p{font-size: 13px;}
  .youlearn .swiper-button-prev, .youlearn .swiper-button-next{width: 30px; height: 30px;}
  .youlearn .swiper-button-prev:after, .youlearn .swiper-button-next:after{font-size: 15px;}
  .process ul{display: block;}
  .process ul li{width: 100%;}
  .process ul li .processlist .number{line-height: 8px;}
  .process ul li .processlist{height: auto;}
  .process ul li:nth-child(2),.process ul li:nth-child(3){border-left: 2;}
  .process ul li:after{display: none;}
  .placedlist ul{height: 280px; overflow-y: scroll;}
  .placedlist ul li{flex: 0 0 100%;width: 100%;box-shadow: none; border: 1px solid #ddd;}
  .placedlist ul li span{font-size: 14px;}
  .marquee-carousel .item{flex: 0 0  37%;padding: 6px;}
  .youlearn .learn{padding: 0.5rem .6rem;}
  .youlearn .learn p{font-size: .8rem;}
  .title{margin-bottom: 1rem;font-size: 1rem;}
  footer h3{margin-top: 1rem;}
  .disclamier p{font-size: .6rem;}
  .specialbtn a{font-size: 14px;}
  .slider-iframe{min-height: 539px;}
  .mboslide ul li{font-size: 13px; height: auto;}
  .mobileheader ul li a{font-size: .8rem;}
}
@media only screen and (max-width:420px){
  .slider-iframe{min-height: 489px;}
  .mobileslider .mobilectabtn{bottom: 35px;}
  .tagline h2{font-size: .9rem;}
}
@media only screen and (max-width:374px){
  .slider-iframe{min-height: 489px;}
  .mobileslider .mobilectabtn{bottom: 35px;}
  .slider-iframe {min-height: 457px;}
}