@media (orientation: landscape) and (max-width: 600px){
   .section-title{
     text-align: justify;
    padding: 17px !important;
}
.pt-100 {
    padding-top: 100px !important;
}
.section-title h1 {
    font-size: 21px;
}
.mobport{  display: none !important;  }
  }
  @media  (orientation: portrait) and (max-width: 600px){

    .section-title{
      text-align: justify;
     padding: 17px !important;
    }
    .pt-100 {
    padding-top: 100px !important;
}
.section-title h1 {
    font-size: 21px;
}
.mobport{  display: none !important;  }
}
  @media (orientation: landscape) and (min-width: 600px)and (max-device-width : 812px) {
    .section-title{
      text-align: justify;
     padding: 17px !important;
 }
 .pt-100 {
    padding-top: 100px !important;
}
.section-title h1 {
    font-size: 21px;
}
.mobport{  display: none !important;  }
   }
   @media (orientation: portrait) and (min-width: 600px)and (max-device-width : 812px) {

    }


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


}


   @media (min-width: 812px) and (max-device-width : 1024px) and (orientation: portrait) {



      }


/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {


  }
  /* Extra large devices (large laptops and desktops, 1200px and up) */
  @media only screen and (min-width: 1200px) {

}




   .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;

}