/* Large desktop */
@media (min-width: 1200px) { 


}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
    .navbar-fixed-top{margin-bottom: 0px;}

    h2{
        font-size: 30px;
        line-height: 30px;
    }
    .support-icon{font-size: 50px;}


    .navbar-fixed-top{
        position: fixed;
        margin-left: 0;
        margin-right: 0;
        z-index: 9999;

    }
    .navbar-fixed-top .navbar-inner{
        background: rgba(46,46,46,0.7);

    }

    .navbar .nav > li > a{
        padding: 10px;

    }
    .nav-collapse .dropdown-menu{
        background-color: #383838;
        margin: 0;
        padding-bottom: 5px;

    }
    .btn{height: 44px;}
    header{padding-top: 50px;}
    #navigation .nav.page li.active:after{display: none;}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    header{

        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .home h1{font-size: 50px;}
    .home{padding: 0px;}
    #footer {
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;
    }


    .navbar-fixed-top{
        position: fixed;
        margin-left: 0;
        margin-right: 0;
        z-index: 9999;

    }
    .navbar-fixed-top .navbar-inner{
        background: rgba(46,46,46,0.7);

    }

    .navbar .nav > li > a{
        padding: 10px;

    }
    .nav-collapse .dropdown-menu{
        background-color: #383838;
        margin: 0;
    }

    section{

        margin-left: -20px;
        margin-right: -20px;
    }
    .container{padding-left: 20px; padding-right: 20px;}
    .support-icon{

        font-size: 70px;
        display: block;
        padding: 30px 10px 30px 0;
        float: left;
        line-height: 80px;
    }
    header{padding-top: 75px;}

    #navigation .nav.page li.active:after{display: none;}
    .navbar .brand{padding: 10px;}
}


@media (max-width: 570px) {
    #navigation .nav.page li.active:after{display: none;}
    .carousel-control.left {
        left: 0;
    }
    .carousel-control.right {
        right: 0;
    }
}

/* Landscape phones and down */
@media (max-width: 480px) { 
    #navigation .nav.page li.active:after{display: none;}
    ul.slides{padding-top: 20px;}
    .flexslider li h1{font-size: 40px;}

    .flexslider li h1 i{font-size: 2em;}

    .support-icon{

        font-size: 70px;
        display: block;
        padding: 30px 10px 30px 0;
        float: left;
        line-height: 80px;
    }
    h2{font-size: 36px;}
    #testimonials-background h1, #support-banner h1, #features-banner h1,#contact-background h1 {
        font-size: 45px;
    }
    section{

        margin-left: -20px;
        margin-right: -20px;
    }

    .container{padding-left: 20px; padding-right: 20px;}


    #home-arrow{bottom: 50px;}

    .navbar img{width: 200px; height: auto;}
    header{padding-top: 75px;}
    .navbar .brand{padding: 10px;}
}

iframe, object, embed{max-width: 100%;}
/*--------------Nereak---------------------------------*/
@media (min-width: 768px) and (max-width: 1020px) {
    #pricing .price-plan h2{
    font-size: 8px;
    }
    #pricing .price-plan .price .inside .amt{
    font-size: 32px;}
    #pricing .price-plan .price .inside .super{
    top: -27px;}
    #pricing .price-plan .price .inside .sub{
    font-size: 9px;
    letter-spacing: 0;}
    div.span3 div.price-plan div.price div.inside span.reset_line{
    font-size: 13px;
    line-height: 20px;}
    #pricing .price-plan h2.apart_comidas{
    padding-top: 14px;
    height: 44px;
    }
    div#pricing div.span3 div.price-plan div#apart{
    margin-top: 8px;}
    div#pricing .price-plan h2#aparth2{
    margin-top: 0px;
    padding-top: 14px;
    height: 37px;}
    
@media (min-width: 768px) and (max-width: 1020px) {
}