/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

    /*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
  .site-header {
   padding-top: 40px;
  }
        .page-wrapper h2{
            font-size: 23px;
        }
        .live-webiner{
            font-size: 20px;
        }
        .section-hero-inner-content h1{
           font-size: 20px;
        }
        .date-and-time-area .date-and-time{
            font-size: 13px;
            margin-top: 13px;
        }     
        .section-hero-inner-content{
           padding-left:15px;
           padding-right: 15px;
        }
        .content-area .social-icons{
            clear: both;
        }
        .content-area .social-icons li{
            float: left;
            z-index: 2;
            margin-right: 12px;
        }
        .section-hero{
            margin-bottom: 40px;
        }
        .content-area .content-left p{
            font-size: 18px;
            line-height: 25px;
        }
        .content-area .content-left ul.features li{
            font-size: 18px;
        }
        .contact-form{
            
            margin-bottom: 50px;
        }
        .content-area .content-left ul.features{
            margin-left: 20px;
        }
        .contact-form h3{
            font-size: 23px;
        }
        .presenter-info .photo-right-content h3{
            font-size: 23px;
        }
        .presenter-info{
            text-align: center;
        }
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
        .section-hero-inner-content h1{
           font-size: 23px;
        }
        .date-and-time-area .date-and-time{
            font-size: 16px;
            margin-top: 8px;
        }     
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
  .page-wrapper {
   padding:0;
        min-height: 100%;
  }
  .about-the-presenters {
   padding-bottom: 50px;
  }
  .site-header {
   padding-top: 60px;
  }
        .page-wrapper h2{
            font-size: 32px;
        }
        .section-hero{
            min-height: 300px;
        }
        .date-and-time-area .date-and-time{
            font-size: 22px;
            margin-top: 0px;
        }
        .live-webiner{
            font-size: 27px;
        }
        .section-hero-inner-content h1{
           font-size: 30px;
        }
        .section-hero{
            padding: 35px 0px;
        }
        .section-hero-inner-content{
           max-width: 90%;
           padding-left: 95px;
        }
        .content-area .content-left{
            position: relative;
            padding-left: 80px;
        }
        .content-area .social-icons{
            position: absolute;
            left: 0px;
            top: 0px;
            z-index: 2;
        }
        .content-area .social-icons li{
            float: none;
            margin-right: 0px;
            z-index: 2;
        }
        .content-area .content-left p{
            font-size: 18px;
            line-height: 23px;
        }
        .content-area .content-left ul.features li{
            font-size: 18px;
        }

        .content-area .content-left ul.features{
            margin-left: 40px;
        }
        .contact-form h3{
            font-size: 25px;
        }
        .presenter-info .photo-right-content h3{
            font-size: 26px;
        }
        .presenter-info{
            text-align: left;
        }
        .presenter-info .photo{
            float: left;
        }
  .presenter-info .photo-right-content .logo2 {
   margin-top: 20px;
  }
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
        .section-hero-inner-content{
           max-width: 59%;
        }
        .about-the-presenters .container-inner {
            margin-left: 80px;
        }
        .box-presenter{
            min-height: 300px;
        }
        .contact-form{
            margin-top: 0px;
            margin-bottom: 0px;
        }
        .site-footer p{
         max-width: 1180px;
        margin: 0 auto;
        padding: 20px;
        }
        .section-hero{
            margin-bottom: 50px;
        }
    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {


    }