/*Big tablets to 1200px(widths smaller than the 1140px: from 768px to 1023px */
@media only screen and (max-width: 1200px) {
  
     header, section{
        width: 100%;
        padding:0 30px;
    }
    section{
       padding-top: 30px;
    }
     .posts {
         margin-top: 40px;
    }
    .posts h4{
    font-size: 25px;
    }

 .hero-text-box {
    width: 100%;
    padding: 0 2%;
    }
}


/*SMALL tablets to big tablets: from 768px to 1023px */
@media only screen and (max-width: 1023px) {

    body{
        font-size: 17px;
    }
 
    .About{
    width:100%;
    }

    .widgets{
        width: 100%;
        float:right;
        margin-top: 20px;

    }
    .widgets img{
        height:190px;
        width:190px;
        float:left;
        margin-right: 5%;}
    
  .contact-page{
        width:70%;
    }
    .contact-info{
        font-size:0.9em;
    }
    .contact-widgets img{
        height:180px;
        width:180px;
        margin-top: 20px;
    }
    
    .hero-text-box{
        font-size:90%;
    }
    
    
    footer{margin-top: 30px;}
    
     .posts h4{ font-size: 22px;}
    
    section .col{width:100%;}
    .section-testimonials {
        margin-bottom:0;
    text-align: justify;}
    .slider{height:400px;}
    .tslider{height:400px;}
    .overlay{margin-top:-200px;}
    
    .training-room .description .col{width:32%}
    .training-room .contact-info .col {width:33.3%}
      .tr-slider img{height:400px;}
    
    .waitlist-confirmation{
        margin-bottom: -30px;
        }
   
    }


/*SMALL phones to small tablets: from 481px to 620px */
@media only screen and (max-width: 620px) {

    .home-slider{height:250px;}
    .home-overlay{margin-top:-125px;}
    .tr-slider img{height:350px;}
    
    .tslide img {
        height: 300px;
    }
    
    
    
}

/*SMALL phones to small tablets: from 0 to 555px */
@media only screen and (max-width: 555px) {
    .footer-nav,
    .social-links{
        float: none;
        margin-right: 10px;
    }
    footer .col{
        width:100%;
        text-align: center;
        line-height:3em;
    }
    
    .social-links li a:link,
    .social-links li a:visited{
        font-size: 200%;
    }
    
    .contact-page{
        display:none}
    
     
}

/*SMALL phones to small tablets: from 481px to 767px */
@media only screen and (max-width: 767px) {

    body{font-size:15px;}
    .row {padding: 0 auto;} 
    .widgets img{
        height:140px;
        width:140px;
        }
    .logo{
        height: 40px;}
    
    .posts h4{
    word-spacing: 2px;
    line-height: 1.5em; 
    font-size: 20px;}
    
     .job h4{
    word-spacing: 2px;
    line-height: 1.5em; 
    font-size: 18px;}
    
     .widgets{
        display:none}
 
    .posts h2 {
    margin-bottom: 20px;
    font-weight: 400;
    letter-spacing: 1px;
    font-size:18px;
    line-height: 1.5em;}
    
    .blog h2 {
    margin-bottom: 20px;
    font-weight: 400;
    letter-spacing: 1px;
    font-size:18px;
    line-height: 1.5em;}
    
    .blog {
        max-height: 200px;
    }
    
    .contact .contact-info{
    font-size: 1.2em;
    margin:0 25%;}
    
    .contact-widgets{
    width:100%;}
    
    .contact-page{
   display:none}
    
    .contact-widgets img{
    width:50%;
    height:50%;
    margin:auto 25%;
    }
    
    .contact-title h2{
    margin-top: auto;}
    
    .form-content{
    margin-top:10px;
    width:70%;
    height:25px;}
    
    .widgets img{
        width:30%;
        -o-object-fit: contain;
        object-fit: contain;}
  
    .training-room .description .col,
    .training-room .contact-info .col{width: 100%;
        text-align: center;  
        margin:0 0 4% 0;
    }
    
    .job .col{
        width:100%;
        text-align:left;
        border-width:medium; 
    }
        
    .job p{
    font-size: 16px;
    }
    
    .training-room .description li{
             list-style: none;
    }
    .training-room h3{
        text-align: center;
    margin-top: 5px;
    font-weight: bold;}
    
    .training-room h4{
   Font-size: 100%;
    margin-bottom: 20px;}
     .training-box img {
        width: 300px;
        
    }
    
    .logo{height: 30px;}
    
    .main-nav {display:none;}
    
    .mobile-nav-icon {display:inline-block;}
    .main-nav{
        float:left;
        margin-top: 5px;
        margin-left:20px;}
    
    .main-nav li{
        display:block;
        font-size:100%;
        padding:10px 0;
    }
    
    .main-nav li a:link
    .main-nav li a:visited{
        display:block;
        border:0;
    }
    
    blockquote{
    padding: 2%;
    font-style: italic;
    line-height: 120%;
    margin-top: 20px;
    }
    
    .About-us{
        max-height: 200px;
        overflow-x:scroll;
    }
    
    .social-link{
    
    margin-bottom: 10px;
    text-decoration:none;
    margin-right: 0;
    margin-left: 0;
  
    }
    
    .home-header{
        height: 90vh;  
    }
    
    .home-header-awards {
        height: 90vh;  
    }
    
    
    .employer-header{
        height: 80vh;  
    }
    
    .employer-header .hero-text-box{
        margin-top:60px;
    }
    
    .hero-text-box{
        padding: 0 4%;
        font-size:85%;
    }
    .waitlist-confirmation{
        height:800px;
        margin-bottom: -30px;
    }
    
    .waitlist-confirmation h4{
        margin: 10%;
        font-size: 120%;
    }

    .integrations {
	width: 95%;
    }
    
     .training-details-for-phone{
    display:contents;
    }
    .training-details-for-pc{
    display:none;
    }
}

/*SMALL PHONES: from 0 to 480px */
@media only screen and (max-width: 480px) {
    
     .posts .inline{
        float: none;
        display: block;
        margin:0 auto 2em;
        width:90%;
        }
    
     .blog .inline{
        float: none;
        display: block;
        margin:0 auto 2em;
        width:90%;
        }
      
    .contact-title h2{
    text-align: center;
    font-weight:300;
    font-size:120%;}   
    
    .tr-slider img{height:200px;}
    .tr-slider {height:200px;}
     .home-slider{height:200px;}
    .home-overlay{margin-top:-100px;}
    
     .job p{
    font-size: 15px;
    }
}