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

}

@media screen and (min-width: 320px) and (max-width: 479px) {

}
@media screen and (min-width: 480px) and (max-width: 639px) {

}
@media screen and (min-width: 640px) and (max-width: 767px) {

}
@media screen and (min-width: 768px) and (max-width: 1003px) {

}
@media screen and (min-width: 1004px) and (max-width: 1259px) {

}
@media screen and (min-width: 1260px) and (max-width: 1279px) {

}
@media screen and (min-width: 1280px) and (max-width: 1365px) {

}
@media screen and (min-width: 1366px) and (max-width: 1599px) {

}
@media screen and (min-width: 1600px) and (max-width: 1679px) {

}
@media screen and (min-width: 1680px) {

}*/





/* open bootstrap 3 menu on hover instead of click */

@media (min-width: 768px) {
  /* Use this if you wish to hide the caret
  .navbar-nav .caret {
    display: none;
  } 
  */
  .navbar-nav .open ul {
    display: none
  }
  .navbar-default .navbar-nav > .open > a,
  .navbar-default .navbar-nav > .open > a:hover,
  .navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background: none
  }
  .navbar-default .navbar-nav > li:hover {
    background: #e7e7e7
  }
  .navbar-inverse .navbar-nav > .open > a,
  .navbar-inverse .navbar-nav > .open > a:hover,
  .navbar-inverse .navbar-nav > .open > a:focus {
    color: #969696;
    background: none
  }
  .navbar-inverse .navbar-nav > li:hover {
    background: #080808
  }
  .navbar-nav .hovernav:hover > .dropdown-menu {
    display: block;
  }
}



@media screen and (min-width: 320px) and (max-width: 768px) {
  .col-xs-4.footer-main {
    width: 100%;
    margin: 10px;
    min-height: 61px;
}
.col-xs-4.footer-main1 {
    width: 100%;
    margin: 10px;
}
.col-xs-3.footer-main {
    width: 100%;
    margin: 10px;
}	

  .col-xs-5.space {
    padding: 50px 0 0 0px;
} 
.nav.navbar-nav.custom-ul {
    float:  left;
    margin-left: 1px;
    text-align: left;
}

.col-xs-2.right {
    margin: 27px 9px;
    padding: 0;
    width: 108px;
    float: left;
}
.navbar-inverse .navbar-nav .open .dropdown-toggle{
    background: black;  
/*    color: white;*/
}




.form-inline .form-group select{
	max-width:80px;
}

#taxyear{
	max-width:80px;
}

/* custom bs input fields max and min */

.form-control {
    min-width:160px;
    font
}




/* other */

.col-xs-2.right {
    float: right;
    margin: 27px 82px;
    padding: 0;
}
.col-xs-12.sample {
    margin-bottom: -20px;
}
.col-xs-5.space {
    padding: 50px 0 0 203px;
}
.col-xs-2.space {
    padding: 52px 0 0;
}

/* text size - table data */
.table td input[type="text"], input[type="email"], input[type="textarea"]{
	font-size: 14px !important;
}


.navbar-toggle {
float: left !important;
margin-left: 15px !important;
}

.nav.navbar-nav.custom-ul {
    float:  left;
    height: 300px !important;
    margin-left: 1px;
    text-align: left;
}
.navbar-inverse .navbar-nav .open .dropdown-toggle{
    background: black;  
    color: white;
}
 .dropdown-toggle:hover{
            background: black !important;  
            color: white !important;
        }
        .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    background-color: #f5f5f5 !important;
    color: white !important;
    text-decoration: none !important;
}



}


@media screen and (max-width: 360px) {
  .col-xs-2.space {
    padding: 10px 0 0;
    width: 37%;
}  
.nav.navbar-nav.custom-ul {
    height: 300px;
}


.noSpace {
    margin: 0;
    padding: 0;
}
.col-xs-8.space_control {
    margin: 0;
    padding: 0;
}
.col-xs-6.total {
    margin: 0 0 17px -14px;
}
.col-xs-12.noSpace {
    margin: 0;
    padding: 0;
}
.col-xs-6.space {
    margin: 0;
    padding: 0;
}
.col-xs-12.noSpace > label {
    margin: 0;
    padding: 0;
}
.col-xs-12.noi {
    margin: 10px -28px;
}
.col-xs-3.noi {
    font-size: 17px;
    margin: 0;
    padding: 0;
     width: 7%;
}
.col-xs-2.Many > input {
    text-align: right; 
}


/* tax year selector */


}



/* PRINTING PAGE ADJS */

@media print {

   html, body {
   font-size: 12px;
   margin-left:0;
   margin-right:0;
   overflow: hidden;
   width: 768px !important;
     min-width: 768px;
    max-width: 768px;
	background-image:none
	background-color:#FFFFFF;
	}
 
   	@page
 	{
 	size: auto; /* auto is the initial value */
 	margin: 0mm; /* this affects the margin in the printer settings */
 	}

	#Header, #Footer { display: none !important; }

	.col-xs-12
	{ 
	display: inline-block;
	font-size: 12px; 
	}
	/*.table, .table-condensed, table-responsive, table tbody, .container, .action{
	width: 768px !important;
	height: 80% !important;
     min-width: 768px;
    max-width: 768px;
        padding-left: 0;
        padding-right: 0;
        margin-left:0;
        margin-right:0;
	overflow: hidden;
	background-image:none
	background-color:#FFFFFF ;
	display: table;
	}*/
	#accordion1,#accordion2,#accordion3,#accordion4,#accordion5
   {
	display: inline-block !important;
	white-space: nowrap;
	font-size: 12px;
	width: 768px !important;
     min-width: 768px;
    max-width: 768px;
	overflow: hidden;
	}
	


}


/* TD widths ipad */
@media screen and (min-width: 320px) and (max-width: 768px) {

#AllData td {
	font-size:15px;
	}
	
#AllData td {
	padding-bottom: 4px;
	padding-right: 20px;
	padding-left: 0px;
}
#AllData td input[type="text"]{
	width: 140px;
	padding-right: 0px;
	font-size:15px !important;
}

#AllData td input[type="text"].size2 {
	width: 20px;
	font-size:15px;
	padding-right: 0px;
	padding-left: 0px;
	text-align:center
}

#AllData td input[type="text"].size2c {
	width: 100%;
}

#AllData td input[type="text"].size20 {
	width: 140px;
}
}



/* TD widths mobile */
@media screen and (max-width: 320px) {

#AllData td {
	font-size:14px;
	padding-bottom: 2px;
	padding-right: 3px;
	padding-left: 0px;
}
#AllData td input[type="text"]{
	width: 66px;
	padding-right: 0px;
	font-size:12px !important;
}

#AllData td input[type="text"].size2 {
	width: 15px;
	font-size:12px !important;
	padding-right: 0px;
	padding-left: 0px !important;
}
#AllData td input[type="text"].size2c {
	width: 100%;
}
#AllData td input[type="text"].size20 {
	width: 66px;
}
}