/* Smartphones (portrait and landscape) ----------- */

@media only screen 
and (min-width : 320px) 
and (max-width : 480px) {
	
/* Styles */
.footer-nav li{ margin: 0 15px 25px 15px; font-size: 0.8em}
.schedule-ul li p.p-break{ width:100%; text-align:center;}
.schedule-ul{ width:100%;}
.schedule-ul li{ width:100%;}
.schedule-ul li p{ width:100%;}
.schedule-ul li p.p-break span.s-break{ width:100%;padding: 20px 0px;}
.schedule-ul li p span.s-excerpt{ padding-left: 5px; padding-right: 1px; font-size: 16px; width: 60%; padding: 0px 0px 0px 7px; line-height: 22px; display: inline-block; vertical-align: middle; float: none;}
.schedule-ul li p span.s-shadow{padding-right: 15px !important; font-size: 16px; display:none;}
.schedule-ul li p span.s-green{ font-size:17px; padding:20px 10px; display: inline-block; vertical-align: middle; float: none;}
.schedule-ul li p span.s-nblue{font-size:17px; padding:20px 10px;display: inline-block; vertical-align: middle; float: none;}
.schedule-ul li p span.s-orange{font-size:17px; padding:20px 10px;display: inline-block; vertical-align: middle; float: none;}
.schedule-ul li p span.s-brown{font-size:17px; padding:20px 10px;display: inline-block; vertical-align: middle; float: none;}
.reg-button a{ padding:22px 68px;}
.footer-social .fa-icon{ width:20px; height:20px; margin:35px 7px 0 7px;padding:28px !important;font-size: 1em;line-height:0.2;}
.footer-social .fa-icon:before {margin-left: -6px;}
.lowdown .reg-button a{ padding:22px 14px !important;}
.sponsors .call-to-action{ background:url('../images/sponsors-arrow.png') no-repeat -5px 50%; background-size:66px; padding:0 0 0 31px;}
.contact .contact-ntitle{ padding:0px !important;}

}
@media only screen 
and (min-width : 280px) 
and (max-width : 350px) {
.footer-social .fa-icon{ margin:15px 7px !important;}
 	

.schedule-ul li p.p-break{ width:100%; text-align:center;}
.schedule-ul li p.p-break span.s-break{ width:100%;padding: 20px 0px;}
/*.schedule-ul li p span.s-excerpt{ padding-left: 5px; padding-right: 1px; font-size: 16px;}
.schedule-ul li p span.s-shadow{padding-right: 15px !important; font-size: 16px; display:none;}
.schedule-ul li p span.s-green{ font-size:17px; padding:20px 10px;}
.schedule-ul li p span.s-nblue{font-size:17px; padding:20px 10px;}
.schedule-ul li p span.s-orange{font-size:17px; padding:20px 10px;}
.schedule-ul li p span.s-brown{font-size:17px; padding:20px 10px;}
*/
}


/* Smartphones (landscape) ----------- */
@media only screen 
and (max-width : 767px) {

    p {font-size: 0.9em;}

 /** Main Nav */
    .header { min-height: 50px; background:none;}
    .main-nav-list { display: none; }    
    #main-nav{ max-height: 420px;position: fixed; }
    .navbar-header { background: #fff;  }
    .navbar { background-position: 0 100%; }
    .nav-mobile { display: block; width:100%; }
    .nav-mobile ul {
        width: 100%; text-align: center;
        float: none;    
    }
    .nav-mobile ul li{
        width: 100%;
        text-align: center;  
        margin: 30px 0;       
    }
    .nav-mobile ul li a {
        color: #fff;
        padding: 15px;
    }
    .nav-logo {
        display: inline-block !important;
        position:relative;
        left: 7%; top:0px;
        /*top: 63px; */
        width: auto;
        height: 66px;
        z-index: 9999999;
    }
    .nav-logo img{
        width: 82px !important;
        margin-top: 6px;
    }

    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        max-height: 400px;
        border: none;
        background: #245b71 !important;
    }

    .navbar-inverse .navbar-toggle{ margin-top:17px; border-color:#D7EBF3;}
    .navbar-inverse .navbar-toggle:hover,
    .navbar-inverse .navbar-toggle:focus{background-color:#D7EBF3;}

    .navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus {
        filter: alpha(opacity=50);
        opacity: 50;
    }

    .navbar-inverse .navbar-toggle .icon-bar { background-color: #245b71; }

	.schedule-keyboard .reg-button{ margin-top:51px;}
	.n_mountain{ 
        display:inline-block; zoom:1; *display:inline;
        margin: -20px 0 25px -25px; 
        width: 110%;
    }
	
    h1 {
        font-size: 1em;
        font-weight: 500;
    }

    .questions-set {
        font-size: 18px;
        margin-top: -15px !important;
    }

    #reg-box {
        margin: 15px 0 60px 0;
    }

    .reg-button a {
        font-weight: 500;
        padding: 18px 68px;
        font-size: 1.1em;
    }

    .speaker-box {
        width: 100%;
    }

    .box {
        width: 100%;
    }

    .box .info {
        font-weight: 400;
        line-height: 1.4;
        text-align: left;
    }

    .box .twitter {
        font-weight: 500;
    }

    .speaker .main-title {
        color:#235B72;
    }

    .speaker-content {
        padding-bottom: 80px;
    }

    .main-title {
        font-size: 1.1em;
        line-height: 1.2;
        margin: 10px 0 !important; 
    }

    #main-content .main-title {
        margin-bottom: 35px;
    }

    .intro-content {
        padding-bottom: 60px;
    }

    .intro-content ul {
        margin-top: 30px;
    }

    .intro-content ul li {
        margin: 25px 0;
        font-size: 0.85em;
        text-align: left;
        line-height: 1.3;
        background-size: 20px;
        padding-left: 20px;
    }

    .lowdown {
        padding-top: 20px;
    }

    .lowdown-box {
        width: 100%;
    }

    .lowdown .main-title {
        margin-bottom: 40px;
    }

    .lowdown h3 {
        font-size: 1.2em !important;
        padding-top: 20px;
    }

    .lowdown-dot {
        height: 50px !important;
    }

    .lowdown .info {
        margin: 10px 0 !important;
        font-size: 0.85em;
        line-height: 1.3;
        height: auto;
    }

    .col-md-4 {
        padding: 0;
    }

    .lowdown .reg-button a {
        padding-top: 18px !important;
    }

    .sponsors .main-title {
        padding: 40px 0 0 0;
    }

    .sponsors-box {
        width: 100%;
    }

    .sponsors .col-md-4 {
        height: 320px;
        margin: 0 !important;
    }

    .sponsors-box img {
        max-width: 70%;
    }

    .sponsors .info {
        margin: 10px auto;
        max-width: 270px;
        color:#333;
        font-size: 0.9em;
        line-height: 1.3;
    }

    .sponsors .call-to-action {
        background-size: 40px;
        font-size: 0.9em !important;
        text-align: left;
        margin: 20px 0 70px 0;
    }

    .contact-title {
        font-size: 1em !important; 
        padding-bottom: 20px !important;
    }

    .contact .contact-newsletter {
        margin-top: 20px;
    }

    p.contact-ntitle {
        font-size: 0.9em !important;
    }

    .footer-title {
        font-size: 1.1em;
        padding-bottom: 15px;
    }

    .main-title {
        border-bottom: none !important;
    }

    .footer-content-logo {
        font-size: 0.9em;
    }
}

@media only screen 
and (max-width : 800px) {
/* Styles */
    
   .nav-logo{ display:none;}	
    /** Illustration **/
    .main-bg, .main-clouds, .main-device,
     .main-road,  .main-island-1, 
     .main-island-2,  .main-island-3, .visual-main { 
        min-height: 450px !important; 
    }
    #main-content {
        margin-top: -41px;
    }    
    .section-bg {
        -webkit-background-size: 480px !important;
        -moz-background-size: 480px !important;
        -o-background-size: 480px !important;
        background-size: 480px !important;
        background-attachment: fixed;
        background-position: 50% 0;
        background-repeat: no-repeat;    
        background-color: transparent;
    }
    
    /** Low Down **/
    .lowdown{ margin-top: -5px; }
    .lowdown .col-md-4 { margin-bottom: 40px; }
    
    /** Schedule **/
    .schedule-ul li p span.s-image { display: none; }
    .schedule-ul li p span.s-shadow { padding-right: 20px; }
    .schedule-keyboard {
        background-size: cover;
        -moz-background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;
        -ms-background-size: cover;
        width: 100%;
        height: 132px;
        position: absolute;
        bottom: 141px;
        left: 0;
        z-index: 5;
    }
    
    /** Sponsors **/
    .sponsors { margin-top: -79px; }
    .sponsors .call-to-action { padding: 10px 0 0 60px; font-size:19px; }
    .schedule-keyboard .reg-button a {
        width: 208px;
        padding: 13px;
        font-size: 15pt;
        font-weight: 600; display:inline-block;
    }
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {


     .section-bg {
            -webkit-background-size: 310px !important;
            -moz-background-size: 310px !important;
            -o-background-size: 310px !important;
            background-size: 310px !important;
    }

    .questions-set {
        margin: 0;
    }

    .reg-button a {
        padding: 18px 12px;
    }

}

@media only screen (min-width: 992px){
    .speaker .col-md-3 {
        margin: 0;
        padding: 0 5px;
    }
}

.contact .contact-nsubmit {
    font-size: 1.1em;
    line-height: 1.5;
    padding: 17px 14px; 
}

.contact .contact-input {
    padding-top: 21px;
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) {
/* Styles */

    /** Illustration **/
    .main-bg, .main-clouds, .main-device,
     .main-road,  .main-island-1, 
     .main-island-2,  .main-island-3, .visual-main { 
        min-height: 400px !important; 
    }

    #main-content {
        margin-top: -56px;
    }    
   .section-bg {
        -webkit-background-size: 400px !important;
        -moz-background-size: 400px !important;
        -o-background-size: 400px !important;
        background-size: 400px !important;
        background-position: 30% 0;
        background-repeat: no-repeat;    
        background-color: transparent;
    }

    .questions-set {
        float: left;
        margin: 30px 0 0 60% !important;
        font-size: 24px;
    }

    .col-md-3 {
        width: 50% !important;
        float: left;
    }

    .n_mountain {
        position: absolute;
        top: 250px;
        left: 0;
    }

    .n_mountain img {
        width: 56% !important;
        display: block;
    }

    .container-content p.first { max-width: 580px; }
    .container-content p.second { max-width: 500px; }
    .container-content p.third { max-width: 380px; }

    .lowdown .info {
        margin-bottom: 0 !important;
    }

    .lowdown h3 {
        display: inline-block;
        margin-top: 60px !important;
    }

    .lowdown-dot {
        height: 50px !important;
    }

    /** Schedule **/
    .schedule {
        margin-top: -15px;
    }
	 /*** keyboard commented ***/
    /*.schedule-keyboard {
        background: transparent url('../../images/keyboard.png') no-repeat 49% 100%;
        background-size: cover;
        -moz-background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;
        -ms-background-size: cover;
    }
    .schedule:after {        
        background: #fafaf6 url('../../images/schedule-bottom-bg.png') repeat-x 50% -40px;
        background-size: 100%;
        -moz-background-size: 100%;
        -webkit-background-size: 100%;
        -o-background-size: 100%;
        -ms-background-size: 100%;
    }*/
    /** Sponsors **/
    .sponsors {
        margin-top: -15px;
    }

    .sponsors-box {
        width: 95%;
    }

    .sponsors .col-md-4 {
        width: 50%;
        float: left;
    }

    .sponsors .col-md-4, .sponsors .box-model {
        height: 420px !important;
    }

    /** Low Down **/
    .lowdown-box .col-md-4 {
        margin-bottom: 40px;
    }
    .lowdown-box .col-md-4:first-child {
        padding-left: 0;
    }
    .lowdown-box .col-md-4:last-child {
        padding-right: 0;
    }
    .lowdown .reg-button a {
        padding: 22px 6px!important;
        width: 207px;
    }
    .lowdown-when .lowdown-dot {
        height: 125px;
    }
    .lowdown-how .lowdown-dot {
        height: 69px;
    }
    
    /** Contact **/
    .contact {
        min-height: 780px;
        background-size: 200%;
        background-position: 10% 120%;
    }
    .contact .contact-newsletter {
        margin: 25px auto 10px;
        padding-top: 70px;
    }
	.navbar-inverse .navbar-nav>li{ margin-right:10px !important; padding:0px 3px;}
    
    .social-media { display: none !important; }

}



/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1024px) {
/* Styles */
    /** Main > Illustration **/
    .main-bg, .main-clouds, .main-device,
     .main-road,  .main-island-1, 
     .main-island-2,  .main-island-3, section { 
        min-height: 800px; 

    }
  
    .questions-set {
        margin: 30px 0 0 60%;
    }

    .box-shadow {
        min-height: 300px;
        margin-bottom: 30px;
    }

    .section-bg {
        -webkit-background-size: 560px !important;
        -moz-background-size: 560px !important;
        -o-background-size: 560px !important;
        background-size: 560px !important;
        background-position: 20% 15%;
        background-repeat: no-repeat;    
        background-color: transparent;
        width: 96%;
        margin-left: -100px;
    }

    .speaker-box .hosts {
        margin-left: 25%;
    }

    .container-content p.first { max-width: 660px; }
    .container-content p.second { max-width: 540px; }
    .container-content p.third { max-width: 460px; }
    
    .sponsors {
        margin-top: -5px;
    }
}
@media only screen 
and (max-width : 1024px) { 
.main-bg, .main-clouds, .main-device, .main-road, .main-island-1, .main-island-2, .main-island-3, .visual-main{ display:none;}
.n_mountain{ display:inline-block; zoom:1; *display:inline; }
}


/* Large screens ----------- */
@media only screen 
and (min-width : 1280px) {
/* Styles */

    .contact .contact-newsletter {
        margin: 130px auto 10px;
    }
    /*** keyboard commented ***/
    /*.schedule-keyboard {
        content: "";
        background: transparent url('../../images/keyboard.png') no-repeat 49% 100%;
        background-size: cover;
        -moz-background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;
        -ms-background-size: cover;
        width: 100%;
        height: 245px;
        position: absolute;
        bottom: 55px;
        left: 0;
        z-index: 5;
    }*/


    .section-bg {
        -webkit-background-size: 660px !important;
        -moz-background-size: 660px !important;
        -o-background-size: 660px !important;
        background-size: 660px !important;
        background-position: 20% 10%;
        background-repeat: no-repeat;    
        background-color: transparent;
        width: 92%;
        margin-left: -50px;
    }

}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}