.mobileNav {
  display:none;
}

@media(max-width:1100px) {
  .container-fluid {
    padding-left:100px;
    padding-right:100px;
  }
}

@media (max-width:1036px) {
  .header .nav li {
      display: inline-block;
      margin: 10px 35px;
  }
  .pricing-half .pricing-box .title-section h4 {
    font-size:19px;
  }
  .pricing-half .pricing-box .title-section .users {
    font-size:18px;
  }
}

@media (max-width:990px) {
  .assess-section h2, .expertise-section h2 {
    font-size:45px;
  }
  .assess-section .subtitle {
    font-size:22px;
    width:100%;
    line-height:28px;
  }
  .hero-section img {
    top:-25px;
  }
  
  #mobileAssessSection, 
  #mobileExpertiseSection {
    display:block;
  }
  #desktopAssessSection,
  #desktopExpertiseSection{
    display: none;
  } 
  
  .assess-section h2, .expertise-section h2 {
    text-align:center;
    font-size:58px;
    margin-bottom:30px;
  }
  
  .assess-section img {
    width:90%;
    margin-top:50px;
  }
  
  .expertise-section img {
    width:90%;
    margin-left:5%;
    margin-top:0;
  }
  .pricing-half .pricing-box .box {
    width: 48%;
    margin: 0 1%;
  }
}

@media (max-width:900px) {
  .header .nav li {
    display: inline-block;
    margin: 10px 30px;
  }
  .container-fluid {
    padding-left:15px;
    padding-right:15px;
    width:100%;
  }
  
  .hero-section h1, .video-section h2, .features-section h2, .tools-section h2 {
    font-size: 52px;
  }
}

@media (max-width: 576px) {
  .container-block {
    width: 540px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
  .container-fluid {
    padding-left:15px;
    padding-right:15px;
  }
  .hero-section h1, h2, .assess-section h2, .video-section h2, .features-section h2, .expertise-section h2, .tools-section h2, .pricing-section h2 {
    font-size: 40px;
    line-height: 46px;
    width:100%;
  }
  .hero-section {
    padding:40px 0;
  }
  .assess-section img.large-img-responsive, .expertise-section img.large-img-responsive {
      position: relative;
  }
  .assess-section {
    padding-bottom:50px;
  }
  .video-section, .expertise-section {
    padding:50px 0;
  }
  .video-section iframe {
    margin:40px 0 40px;
    width: 95%;
    height: 190px;
  }
  .features-box {
    margin:20px 0;
  }
  .expertise-section img.large-img-responsive {
    top:-25px;
  }
  .assess-section img.large-img-responsive {
    position: relative;
  }
  .tools-section {
    padding:50px 0;
  }
  
  
  .pricing-box.riskul-enterprise .top-section, .pricing-box.riskul-enterprise .main-section {
    width:100%;
    float:none;
  }
  .pricing-full .pricing-box .top-section .thumbnail-image img {
    width:50%;
  }
  .pricing-full .pricing-box .subtitle-text {
    margin-bottom:30px;
  }
  .pricing-section {
    padding:50px 0;
  }
  .footer {
    padding:70px 25px;
  }
  .header .nav li {
    display:block;
  }
  .header .nav {
    display:none;
  }
  .mobileNav {
    display:inline-block;
    color:white;
    padding:10px 0;
    margin-right:15px;
    cursor:pointer;
  }
  .header .nav {
    margin-top:15px;
  }
  .header .nav li {
    margin:10px 9px!important;
    margin-bottom:0px!important;
  }
  .header .mobileNav {
    margin-top:0;
  }
}

@media (max-width:865px) {
  .container-block {
    max-width:720px;
    padding-right:15px;
    padding-left:15px;
    margin-right:auto;
    margin-left:auto;
  }
  
  .hero-section img {
    margin-top: 20px;
  }
  
  .expertise-section img {
    width:100%;
    margin-top:75px;
  }
}

@media (max-width:895px) {
  .pricing-half .pricing-box .box {
    height:auto;
  }
  .pricing-half .pricing-box .title-section h4 {
    font-size:26px;
  }
  .pricing-half .pricing-box .thumbnail-image img {
    width:100%;
    height:auto;
  }
}

@media (max-width:768px) {
  .hero-section img {
    margin-bottom:0;
    top:-15px;
  }
  img.large-img-responsive {
      width: 80%;
      margin: 0 auto;
      margin-left: 10%;
  }
  .tools-list {  
    text-align:center;
  }
  .tools-list img {
      width: 100%;
      top: -30px;
      margin: 0 auto;
  }
  .tools-list h4, .tools-section h3 {
    font-size:27px;
  }
  .hero-section .subtitle {
    font-size:25px;
    line-height:32px;
  }
  .assess-section .subtitle {
    width:100%;
  }
  .pricing-half .pricing-box.riskul-pro .box .pricing {
    margin-top:4px;
  }
  .header .nav li {
      display: inline-block;
      margin: 10px 19px;
  }
  .pricing-half .pricing-box .thumbnail-image img {
    width:100%;
    height:auto;
  }
  
  .hero-section h1 {
    text-align: center;
  }
  .hero-section .subtitle {
    text-align: center;
  }
  
  .hero-section img {
    width:60%;
    margin-left:20%;
  }
  
  .hero-section .paymentInfo {
    font-size: 19px;
  }
  
  .assess-section img {
    margin-bottom:30px;
    margin-top:30px;
  }
  .assess-section h2 {
    text-align:center;
  }
  .assess-section .subtitle, .assess-section p {
    text-align: center;
  }
  
  .features-section .features-box {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  
  .expertise-section h2 {
    text-align:center;
  }
  .expertise-section .subtitle, .expertise-section p {
    text-align:center;
  }
  
  .expertise-section img {
    width:70%;
    margin-left:15%;
  }
  
  .tools-list {
    margin:0 0 40px;
  }
  .new .pricing-half .pricing-box .box {
    height:auto;
  }
  .pricing-half .pricing-box .subtitle-text {
    min-height:0;
    margin-bottom:20px;
  }
  .pricing-half .pricing-box .savings {
    padding:12px 0;
  }
  .pricing-half .pricing-box {
    margin:10px 0;
  }
  .pricing-section h2.bottom {
    margin-top:25px;
  }
}
@media (max-width:767px) {
  .tools-list img {
      width: 50%;
  }
}

@media (max-width:576px) {
  .container-block {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
  /*USER TO ADJUST SCROLL POISITION FOR #LINKS to take into account the header depth*/
  .videoAnchor, .pricingAnchor, .toolsAnchor, .featuresAnchor {
    top: -250px;
  }

  .header .col-md-4, .header .col-md-8, .header .text-right {
    text-align:center!important;
  }
  .header .mobileNav {
    margin-top:15px;
    cursor:pointer;
    margin-right:0;
  }
  .tools-list {
    margin-top:0;
    margin-bottom:20px;
    width:90%;
    margin-left:5%;
  }
  .hero-section h1, .assess-section h2, .expertise-section h2 {
    text-align: center;
  }
  
  .hero-section div.subtitle, .assess-section div.subtitle, .expertise-section p.subtitle {
    text-align: center;
  }
}

@media (max-width:1024px) and (min-width:700px) {
  .container-block {
    width:100%;
    padding:0 20px;
  }
  .features-box img {
      height: 85px;
      width: auto;
      margin-bottom: 15px;
  }
  .expertise-section h2 {
    font-size:50px;
  }
  .tools-section .container-fluid {
    padding-left:20px;
    padding-right:20px;
  }
}