.navbar-brand {

    display: inline-block;

    padding-top: .33125rem;

    padding-bottom: .33125rem;

    margin-right: 1rem;

    font-size: 1.125rem;

    max-width: 180px;

    padding-top: 10px !important;

    padding-bottom: 10px !important;

}



.mb-15 {margin-bottom:15px}



section.pricing {

    background: #007bff;

    background: linear-gradient(to right, #0062E6, #33AEFF);

  }

  

  .pricing .card {

    border: none;

    border-radius: 3px;

    transition: all 0.2s;

    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);

  }



  .icon {

  font-size: 50px;

  color: #1f567c;

}

  

  .pricing hr {

    margin: 1.5rem 0;

  }

  

  .pricing .card-title {

    margin: 0.5rem 0;

    font-size: 0.9rem;

    letter-spacing: .1rem;

    font-weight: bold;

  }

  

  .pricing .card-price {

    font-size: 3rem;

    margin: 0;

  }

  



.pricing .card-price .period {

  font-family: "Open Sans",sans-serif;

  font-size: .9rem;

  font-weight: 400;

  line-height: 1.5;

  color: #495057;

  }

 

  

  .pricing ul li {

    margin-bottom: 1rem;

  }

  

  .pricing .text-muted {

    opacity: 0.7;

  }

  

    

  /* Hover Effects on Card */

  

  @media (min-width: 992px) {

    .pricing .card:hover {

      margin-top: -.25rem;

      margin-bottom: .25rem;

      box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);

    }

    .pricing .card:hover .btn {

      opacity: 1;

    }

  }

  



.sticky-top {

  position: -webkit-sticky;

  position: fixed;

  top: 0;

  z-index: 1020;

  left: 0px;

  right: 0px;

}







p.features {margin-top:10px}



.unstyled {margin-left:-25px}



.modal-body {padding-top: 30px;}



.punchline {font-size: 22px; font-weight: 500;}



.btn-round {border-radius:4px}



.btn-danger {background: #f15f79; border:0px}



.form-control {border-radius:4px}





@media (max-width: 991px) {



  .btn-lg {

    padding: 10px;

    font-size: 15px;

  

  }

  



}





@media (max-width: 575px) {



  .punchline {font-size: 21px; font-weight: 500;}

 

  .usp {min-height:320px}



  .usp .text-gray {font-size:17px}

 





  .col-xs-6 {width:50%;}

  

    .no-padding.img,.no-padding.img-2 {

      position: relative;

      height: 300px;

    }

    .video-wrapper {

      padding-top: 50px;

    }

    .intro-form {

      margin-top: 50px;

    }

    .feat-description {

      margin-bottom: 50px;

      text-align: center;

    }

  }

    

  





  @media (min-width: 992px) { 

        

    .hidden-lg {display:none}

  }



  @media (max-width: 991px) { 

    .hidden-sm {display:none}

    .hidden-md {display:none}





    

    .punchline {font-size: 19px; font-weight: 500;}

    

   }



   @media (max-width: 767px) { 

    .hidden-lg {display:unset}

    .punchline {font-size: 19px; font-weight: 500;}

          

    .usp {min-height:320px}

    .usp .text-gray {font-size:17px}



  

    h4, .h4 {

      font-size: 15px;

    }

  

    .text-gray {font-size:12px}

  .hidden-xs {display:none}  

  

  .btn-lg {

    padding: 10px;

    font-size: 15px;

  

  }

    }







  @media (max-width: 575px) { 

    .hidden-xs {display:none}  

    .col-xs-6 {width:50%;}

   }

  

   

.img-border {border: 1px solid #ced4da;}





@media (max-width: 1199px) { 

        

  .usp {min-height:400px}

  .usp .text-gray {font-size:15px}

  }





  @media (max-width: 991px) { 

    

    .usp {min-height:340px}

    .usp .text-gray {font-size:16px}

    .container {

      max-width: 100%;

  }



 

    }



@media (max-width: 767px) { 

      

  .usp {min-height:unset}

  .usp .text-gray {font-size:16px}





  }





  @media (min-width: 1200px) { 

    

    .usp {min-height:350px}

    .usp .text-gray {font-size:15px}

    }





    .blockquote {

      padding: .5rem 1rem;

      margin-bottom: 2rem;

      font-size: 15px;

      border-left: 5px solid #f15f79

  }