/*media query */


/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
  
  /*body{
    background: pink;
  }*/
  
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
  
  /*body{
    background: yellow;
  }*/
  
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 1024px to 1366px
*/

@media (min-width: 1024px) and (max-width: 1366px) {
  
  /*body{
    background: orange;
  }*/



  
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

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

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

  
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
  
  .shap {
    position: initial;
    left: 0;
}

.infoMiddle h1 {
    font-size: 2rem;
}
.infoMiddle ul {
    gap: 8px;
}

ul.d-flex.flex-wrap.list-unstyled.text-white.align-items-center.pb-md-2 li img {
    width: 102px;
}

ul.d-flex.flex-wrap.list-unstyled.text-white li {
    font-size: 13px;
}

.calculator.pt-md-4 {
    padding-top: 20px;
}

.stepData{
    display:none;
}

.BoxWrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: 0;
    margin-top: 2rem;
}

.BenifitWrap .BenfItems {
    width: 100%;
    text-align: center;
}

.COntentMiddleSec ul li {
    padding: 8px 0;
}

.TestimnailItems {
    padding: 2rem 1rem;
    background: #fff;
    margin-right: 3rem;
    border-radius: 5px;
    width: 100%;
}
.BoxItemW {
    width: 100%;
    box-shadow: 0px 0px 6px #3333;
    padding: 1rem 0;
    text-align: center;
    margin-bottom: 23px;
    border-radius: 6px;
    margin: 10px 0;
}

.megaMenu {
    min-width: auto;
    height: 300px;
    overflow-x: auto;
     border-top:none;
}

.megaMenu ul li{
    flex:1;
}

.megaMenu ul{
flex-wrap: wrap;
min-width: auto;
}

.vshape17{
    top: -1px;
}

.vshape18{
    top: -11px;
}

.subjectWrap ul li {
    border-right: 1px solid #3333;
    display: flex;
    flex-direction: column;
    gap: 9px;
    flex: 100%;
    align-items: flex-start;
    margin: 13px 9px;
    padding: 1rem 0;
}

.ratedInformation {
    padding-top: 2rem;
}

.Iconsinfo {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
}
  
}




/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
   
   .shap {
    position: initial;
    left: 0;
}

.infoMiddle h1 {
    font-size: 2rem;
}
.infoMiddle ul {
    gap: 8px;
}

ul.d-flex.flex-wrap.list-unstyled.text-white.align-items-center.pb-md-2 li img {
    width: 102px;
}

ul.d-flex.flex-wrap.list-unstyled.text-white li {
    font-size: 13px;
}
.calculator.pt-md-4 {
    padding-top: 20px;
}

.stepData{
    display:none;
}

.BoxWrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: 0;
    margin-top: 2rem;
}

.BenifitWrap .BenfItems {
    width: 100%;
    text-align: center;
}

.COntentMiddleSec ul li {
    padding: 8px 0;
}

.TestimnailItems {
    padding: 2rem 1rem;
    background: #fff;
    margin-right: 3rem;
    border-radius: 5px;
    width: 100%;
}

.BoxItemW {
    width: 100%;
    box-shadow: 0px 0px 6px #3333;
    padding: 1rem 0;
    text-align: center;
    margin-bottom: 23px;
    border-radius: 6px;
    margin: 10px 0;
}

.megaMenu {
    min-width: auto;
    height: 300px;
    overflow-x: auto;
    border-top:none;
}

.megaMenu ul li{
    flex:1;
}

.megaMenu ul{
flex-wrap: wrap;
min-width: auto;
}

.vshape17{
    top: -1px;
}

.vshape18{
    top: -11px;
}

.subjectWrap ul li {
    border-right: 1px solid #3333;
    display: flex;
    flex-direction: column;
    gap: 9px;
    flex: 100%;
    align-items: flex-start;
    margin: 13px 9px;
    padding: 1rem 0;
}

.ratedInformation {
    padding-top: 2rem;
}

.Iconsinfo {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
}
  
   
}