﻿/*.container-fluid { padding-left:0; padding-right:0; }*/
.navbar-default { background-color: transparent; border: 0; }
.navbar-brand { padding: 0; height: initial; margin-left:0; }
.navbar-toggle {
    margin-right: 0;
    float: none;
    width: auto;
    background-color: transparent;
    border-radius: 0;
    border: 0;
    text-align: right;
    border: 0;
    padding: 15px 10px;
    margin-left: auto;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #626262;
    border-radius: 0;
    height: 4px;
    margin-left: auto;
    margin-right: auto;
}
.container-fluid>.navbar-collapse { padding: 0; margin-right:-15px;}
.navbar { margin-bottom: 0; min-height:initial; border-radius:0;}
.navbar-default .navbar-collapse { border: 0; box-shadow:none; clear:both; }
.navbar-default .navbar-nav > li > a { color: #fff; }
.navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; }
.navbar > .container-fluid .navbar-brand { margin-left: 0; }
.dropdown-menu { border-radius: 0; box-shadow: none; margin:0; padding:0; border:0;}
.dropdown-menu > li > a:hover { color: #fff; }
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: transparent; }

.sidenav .container-fluid > .navbar-collapse { margin-right:0; }

input[type=checkbox], input[type=radio] { margin: 3px 5px 0; }


@media (max-width: 991px) {
    .topnav .navbar-brand {
        width: 30%;
        min-width: 170px;
    }

        .topnav .navbar-brand img {
            width: 100%;
            padding-top: 0;
            margin-bottom: 10px;
        }

    .topnav .navbar-collapse, .topnav .container-fluid {
        padding: 0;
    }

    .topnav .navbar-header {
        float: none;
        margin-bottom: 0;
    }

    .topnav .navbar-left, .topnav .navbar-right {
        float: none !important;
    }

    .topnav .navbar-collapse {
        border-top: 1px solid transparent;
        position: absolute;
        top: 112px;
        width: calc(100% + 30px);
        background: #fff;
        box-shadow: 0px 4px 30px 0px #00000026;
        left: -15px !important;
        padding: 15px;
        height: auto !important;
        padding-bottom: 50px;
    }
    li.subnav i.navarrow {
        top: 22px;
    }
    .nav ul li:last-child {
        margin-right: 16px;
    }
    .topnav .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .topnav .navbar-collapse.collapse {
        display: none !important;
    }

    .topnav .navbar-nav {
        float: none !important;
        margin: 0;
    }

        .topnav .navbar-nav > li {
            float: none;
        }

            .topnav .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
            }

    .topnav .collapse.in {
        display: block !important;
    }

    .topnav .navbar > .container .navbar-brand, .topnav .navbar > .container-fluid .navbar-brand {
        margin-left: 0;
    }

    .topnav .navbar-collapse.in {
        overflow-y: inherit;
        margin-bottom: 0;
    }

    .topnav .container-fluid > .navbar-collapse, .topnav .container-fluid > .navbar-header {
        margin-right: 0;
        margin-left: 0;
    }

    /*.header-right .btn { width: 100%; text-align:left; border-radius:0; line-height:30px;}*/
    ul.menu li {
        display: block;
    }

        ul.menu li a {
            width: 100%;
            height: auto;
            line-height: 30px;
            padding: 15px;
        }

        ul.menu li.blog-link {
            float: none;
        }

    li.subnav ul {
        position: relative;
        display: none;
        box-shadow: none;
        margin-bottom:0!important;
    }
        li.subnav ul li:last-child {
            margin-right: 0;
            border-bottom:0;
        }

    .navleft, .navright {
        display: none;
    }

    .nav {
        height: auto;
        border: 0;
    }

        .nav ul li {
            float: none;
        }

            .nav ul li a {
                width: 100%;
            }

    .container .subnav-pricing {
        display: block;
        position: relative;
        top: 0;
        background-color: #06ABE1;
    }

        .container .subnav-pricing li {
            list-style-type: square;
            margin-left: 50px;
            color: #fff;
        }

            .container .subnav-pricing li a {
                background-color: #06ABE1;
                font-size: 12px;
                padding-left: 0;
            }

    #home-main {
        background-position-x: 45%;
    }

    #support.content {
        width: 65%;
    }

 
}
@media (min-width: 1320px) {
    .container { width: 100%; max-width:1200px; }
}

@media (max-width: 979px) {
    .container .dep-inputs label { font-size:11px; }
    .container .tcalc-nav-shell ul li input { background-image: none; padding-top: 7px; width: auto; }
/*    .tax-launch-cta-button {
        background-image: none !important;
        padding-top: 7px !important;
        width: auto !important;
    }*/
}

@media (max-width: 945px) {
    #home-middle .content, #home-price.sidebar { width:48% }
    #home-price dd { width: 25%; }
    #home-middle .content .ny-address { background-image: none; }
    .tbox1, .tbox2 { width: 50%; }
    .tbox1 { padding-right: 2%; }
    .tbox2 { padding-left: 2%; }
    .tbox3, .tbox4, .tbox5 { width: 33%; }

    .pricebox .price { float: none; display:block; }
    .pricebox .btn.red { float: none; }
    #currentblock .pricebox ul { margin-bottom: 8em; }
}

@media (max-width: 925px) {
    .container .dep-inputs label { font-size:11px; }

    .container .dep-inputs { display: block; width:33%; float:left; border-top: 1px solid #eee; border-bottom:0; }
    .container .dep-inputs > div { display: block; margin-bottom:15px; }
    .container .number-spacer { display: none; }
}




@media (max-width: 768px) {
    .secure-shell { width: 35%; }
    .footer-links { width: 65%; }

    #currentblock .pricebox { width: 100%; display:block; border-bottom:1px solid #ddd;}
        #currentblock .pricebox ul { margin-bottom: 3em; }
        #currentblock .pricebox .bottom-price { position: relative; }

    #support.content, .support-sidebar { width: 100%; }
    .support-sidebar { margin-top:0; }

    .taxadvice .sidebar { width: 100%; margin-top:50px;}
        .taxadvice .sidebar i.h3angle { display: none; }
    .sidebar .browse-header { display:none; }
    .sidebar .browse-btn { display: block; color:#06ABE1; position:absolute; left:45px; top:16px;}
    .sidebar .navbar-default .navbar-toggle .icon-bar { margin-left: 0; background-color:#06ABE1; }
    .sidebar .navbar-default .navbar-toggle:focus, .sidebar .navbar-default .navbar-toggle:hover { background-color:transparent; }
    .sidenav .container-fluid > .navbar-collapse { margin:0; }
    #ctl00_MainContent_Menu1 a.popout { background-image: none!important; }
    .taxadvice .content { width: 100%; margin-top:30px; }
    .privacy-page .h1angle { display: none; }
}

@media (max-width: 704px) {
    .container .tcalc-question-shell .income-labels { width: 54%; }
    .container .spouse-labels { margin-left: 54%; }
    .container .tcalc-question-shell label { font-size: 12px; }

    .container .tcalc-results { width: 100%;  }
    .container .tcalc-question-shell { width: 100%; float: none; padding-right:0;}
    #container-speed_top, #container-speed { display: none; }
    #container-speed_top, #container-speed { display: none; }
    .container #myStat2 { margin-top: 40px 0 20px; }
}

@media (max-width: 680px) {

    .logo { width: 50%; }
 
    /*#maintext { width: 50%; right: 2%; top:initial; bottom:2%; }*/
        #maintext .screen { width: 100%; height:300px; }
        #maintext .opaque { left: 20px; }

    #works .boxtop { display: none; }
    #works .box h3 span { display: inline-block; margin-right:6px;}

    .steps .fa { display: block; float:left; color:#fcb01a; text-shadow:0 2px 0 #AB6811; font-size:40px;}
   

    #home-price.sidebar, #home-middle .content, .sidebar, .content { width: 100%; }
    .sidebar { margin-top: 0; }
    #homepage .bottom .content, #homepage .bottom .sidebar2 { width: 100%; }

    .secure-shell, .footer-links { width: 100%; }
    #footer .left { width:22%; }

    #priorpricing .pricebox { width: 100%; display: block; border-bottom:1px solid #ddd; border-right:0; }
    #priorpricing .pricebox.state-fed .spacer { display: none; }
    .pricebox.additional { width: 100%; float:none; margin-bottom:30px;}
    .additional-right { width: 100%; float: none; padding: 0; }
    #pricetoggle { display: none; }

    .hbox-late { top: 5px; left: 5px; }
    .navsquare { width: 100%; }
    .navsquare li a {font:bold 11px/50px 'Oswald', 'Arial Narrow', san-serif; width:50px; height:50px; }
    .hero-late.tax2013 .hbox-late, .hero-late.tax2014 .hbox-late, .hero-late.tax2015 .hbox-late { }
    .tax2013 .hbox-late .screen, .tax2014 .hbox-late .screen, .tax2015 .hbox-late .screen { height: 205px; }
    

    #resolution .content, #resright { width: 100%;}
    .panel_email { width: 95%; }

    .support-notice-form textarea { height: 50px; width:100%; }
    .support-notice-form select { width: 100%; }
    

    .loginright .rightcontents { margin-top:0; }
    .loginright { padding-top: 0; width: 100%; }
    .content.signin dd, .content.signin dt { float: none; width: 100%; }
    .content.signin select, .content.signin input[type="text"], .content.signin input[type="password"] { width:100%; }
}

@media (max-width: 635px) {    
   

    #priorpricing.current .h1angle { display:none; }
}
@media (max-width: 629px) {
    #home-main h1 span {
        font-size: 22px;
    }
}
@media (max-width: 505px) {
    .tbox3, .tbox4, .tbox5 { width: 100%; padding-right: 0; }

    .container .dep-inputs { width: 50%; }

    .hero-late.tax2013 .hbox-late, .hero-late.tax2014 .hbox-late, .hero-late.tax2015 .hbox-late, .hbox-late { position:relative; right:initial; top:initial; left:initial;padding:15px 0px 25px;}
    .tax2013 .hbox-late .screen, .tax2014 .hbox-late .screen, .tax2015 .hbox-late .screen, .hbox-late .screen { display:none; }
  
    .hbox-late .opaque { position:relative; top:initial; left:initial; padding-right:0;}
 
}

@media (max-width: 480px) {
    .loginlinks { margin:0; }
    #maintext .screen { height: 245px; }
    .tbox1, .tbox2 { width: 100%; padding: 0; }
    #footer .left { width: 37%; margin-right: 0; padding-right: 3%; }
    #footer .left.social { width: 20%; }

    .latefile { width: 100%; }
    .latefile-navcol {
        display: block;
        float: left;
        width: 100%;
        margin-bottom:30px;
    }
    .latefile-shell i.h1angle { display: none; }
    .hbox-late .screen { width: 289px; }

    .container .tcalc-question-shell input[type="text"] { width: 40px!important; }
    .container .tcalc-question-shell .income-inputs { min-width: 44px; }
    .container .spouse-labels > div { width: 55px; }
    .container .tcalc-question-shell .income-labels { width: 67%; }
        .container .tcalc-question-shell .income-labels.long { width: 82%; }
    .container .spouse-labels { margin-left: 67%; }
    .container .toggle input[type="radio"] + label { width: 23px; }
    .container .tcalc-question-shell label { font-size: 11px; }

    #resolution #resbanner {
        background-position-x: 48%;
    }
    #resolution i.h1angle { display: none; }

    .about-image { width: 100px; height: auto; }

    #support.content h3 { font-size: 16px; }
    .operation-hours .small { display: block; }
    .support-notice-member { font-size: .9em; }
    .support-notice-form input.btn.blue { margin-bottom: 10px; }

    .taxadvice i.h1angle { display: none; }

    .content.signin i.h1angle { display: none; }
}

@media (max-width: 400px) {
    #home-main { background-position-x: 39%; height: 250px; margin-top:15px; }
    #maintext .screen { height: 230px !important; }
    .logo { padding: 20px 0 15px 0; }
}