/* ============== SMARTPHONES ==============*/

@media (min-width: 640px) and (max-width: 1023px) {
	.account-navigation .account-navigation-list {
	   display: block !important; 
	}
  
	fieldset.highlighted-field input[type="text"]{
		width: 100%;
	}	
	fieldset.highlighted-field > div {
		width: 100%;
	}		
	fieldset.no-highlight input[type="text"]{
		width: 100%;
	}		
	fieldset.no-highlight > div {
		width: 100%;
	}	
	
}
@media (max-width: 639px) {
	.account-navigation .account-navigation-list {
	   display: block !important; 
	}  
	fieldset.highlighted-field input[type="text"]{
		width: 100%;
	}	
	
	fieldset.highlighted-field > div {
		width: 100%;
	}		
	fieldset.no-highlight input[type="text"]{
		width: 100%;
	}	
	fieldset.no-highlight > div {
		width: 100%;
	}	
	
	.address-form input[type="text"] {
		width: 67% !important;
		margin-right: 10px;
	}	
	
	.address-form .error-message{
		width:67% !important;
	}	
	.feedback-main-wrapper { 
    margin-left:20px;
    margin-right:20px;
    margin-bottom: 7%;
	}
}

@media (max-width: 767px) {

	.socialize {
		margin-top:-5px;
		margin-bottom:10px;
	}
	
	.header-search {
		display: none;
	}
	
	.socialize .checkout-btn, .socialize .contactus, .cart-btn-txt{
		display: none;
	}
		
	.cust-checkout-btn .checkout-btn{
		display: block;
		width: 50% !important;
		float: left;
		padding-left: 25px;
		font-size: 12px;
		line-height: 38px;
		padding-top: 0;
		padding-bottom: 0;
	}
	.cust-checkout-btn{
		display: block;
	}
	.header-menu-btn{
		width: 50%;
		float: left;
	}
	.navbar-nav{
		margin: 0;
	}
	.socialize{
		width: 100%
	}
	.header-search{
		padding: 0;
		margin: 0;
		width: 100%;
		position: relative;
	}
	#header_searchbox{
		width: 100%;
		padding-right: 42px;
	}
	#header_searchbutton{
		position: absolute;
		right: 0 !important;
		float: none;
		top: 0;
		left: inherit;
	}
	.header-top-container{
		margin-bottom: 5px;
	}
	.logo {
		margin-bottom: 8px;
	}
	.logo a{
		height: 88px;
		background-size: auto 100%;
	}
	.header-nav-wrapper{
		margin-top: 0;
		top: 0;
	}
	.main-container{
		top: 0;
	}
	.ft-links-wrapper-col{
		width: 100%;
		margin: 0;
	}
	.ft-links-wrapper-col li{
		margin-bottom: 5px;
	}
	.ft-follow-us .ft-col-header, .ft-contact .ft-col-header{
		text-align: left;
	}
	.ft-contact-links-wrapper, .ft-follow-item-wrapper{
		width: auto;
	}
	.ft-work {
		padding-left: 15px;
	}
	.footercol1{
		width:370px;
	}
	.multiline {
	    line-height: 1em !important;
	}
	.ft-col-item{
		border-bottom: 1px solid #CCCCCC;
		border-top: 1px solid #fff;
		padding: 10px 0;
  		border-right: 0;
	}
	.ft-col-item:first-child{
		border-top: 0;
	}
	.ft-col-item:last-child{
		border-bottom: 0;
	}
	.footer-wrapper{
		padding: 0 15px;
	}
	.ft-bot-left{
		margin-bottom: 10px;
	}
	.ft-bot-right{
		float: left;
	}
	.ft-bot-left ul{
		padding: 0;
	}
	.ft-bot-left ul li{
		margin: 0 3px 0 0;
	}
	.ft-bot-lnk-item{
		padding-right: 3px;
		font-size: 10px;
	}
	.logo img{
		height: 88px;
		margin-bottom: 8px;
	}
	.form-wrapper{
		width: 100%;
	}
	
	.address-form input[type="text"] {
		width: 87%;
		margin-right: 10px;
		height: 38px;
		margin-bottom: 20px;
	}
	
	.options-form input[type="text"] {
		width: 62%;
		float: left;
  		margin: 0;
	}
	.std-form input[type="text"], form input[type="text"], form input[type="password"], form input[type="url"], form input[type="email"], form input[type="search"], form input[type="number"], form input[type="range"], .options-form input[type="text"]{
		width: 100%;
		margin: 0;
		margin-bottom: 20px; 
	}
	
	.margin-reset-resp {
		margin-left: 10px !important;
		margin-bottom: 10px !important;
	}
	
	.std-form input[type="password"], .std-form input[type="range"], .std-form input[type="number"], .std-form input[type="url"], .std-form input[type="email"],.std-form input[type="date"], .std-form input[type="search"], .std-form input[type="text"], textarea, select, .error-message, .info-message, .info-message-permanent, .help-message, .success-message{
		width: 100%;
	}
	
	.AmtErrorBox {
		width: 245% !important;
	}
		
	.options-form input[type="submit"]{
		float: right;
  		top: 3px;
	}
	.form-label{
		display: block;
	}	
	.info-message-permanent img, .info-message img, .help-message img, .success-message img{
		margin-bottom: 50px;
	}
	.error-message img{
		margin-bottom: 10px;
	}
	.online-services > div{
		min-height: 135px;
		margin-bottom: 10px;
	}
	.cart-list-wrapper {
		font-size: 11px;
	}
	.cart-row-41, .cart-total-txt {
		padding-left: 10px;
	}
	.cart-row-41{
		width: 29%
	}
	.cart-row-43{
		width: 20%;
	}
	.cart-row-44 {
		width: 16%;
	}
	.cart-row-42{
		width: 23%;
	}
	.cart-row-45{
		width: 11%;
	}
	.remove-entry-button {
		line-height: 10px;
	}
	.cart-total-txt{
		width: 72%;
	}
	.cart-total-val {
		width: 28%;
	}
	.cart-row{
		line-height: 16px;
		font-size: 10px;
	}
	.cart-row-31{
		width: 35%;
	}
	.cart-row-32 {
		width: 33%;
	}
	.cart-row-34{
		width: 19%;
	}
	.cart-sub-head{
		padding-left: 10px;
	}
	.cart-row-total{
		line-height: 32px;
	}
	.cart-total-txt-3{
		width: 68%;
	}
	#subnav a{
		border-bottom: 1px solid #fff;
	}
	.chk-email-lbl{
		padding: 10px;
	}
	.chk-email-field {
		padding: 0 10px 10px 10px;
	}
	.chk-email-field input {
		width: 100%;
	}
	form .chk-email-field input {
		width: 100%;
	}
	form .field-qmark input[type="text"]{
		width:55%; 
	}
	form .field-qmark input[type="submit"] {
		margin-left: 5px;
		float: none;
	}
	.txt-q-no{
		position: absolute;
		right: 0;
		top: 31px;
	}
	.form-w-q{
		padding-right: 32px;
	}
	.radio-options li input[type=radio]{
		margin-bottom: 10px;
	}
	ul.radio-options{
		max-width: 350px;
	}
	ul.radio-options label{
		margin-left: 0;
		display: table-row !important;
	}
	input.bankcode {
		margin-right: 5px !important;
	}
	input.branchnumber {
		margin-right: 5px !important;
	}
	input.accountnumber {
		margin-right: 5px !important;
	}
	.cart-terms-wrapper .error-message{
		margin-left: 0px;
	}
	.rem-ttxt{
/*		display: none;*/
	}
	table.basic-table{
		width: 100%;
	}
	table.basic-table-w-remove td:nth-child(1) {
		width:50%;
	}
	table.basic-table-w-remove td:nth-child(2) {
		width:50%;
	}
	table.basic-table-w-remove td:nth-child(3) {
		display: none;
	}
	.rem-btn-row{
		display: block;
	}
	.pg-payment .help-message p{
		font-size: 10px;
	}
	h1{
		font-size: 32px;
	}
	.cart-table{
		padding: 0;
	}
	.cart-table td{
		font-size: 10px;
	}
	.cart-body .chk-rad-sel-wrapper{
		padding-right: 20px;
	}
	.cart-body .cart-total-txt{
		font-size: 14px;
	}
	.cart-body .error-message-inp-attach p{
		font-size: 12px;
	}
	.checkout-button-minicart {
		margin-bottom: 10px;
	}	
	td.dogLicDate{
		width: 95%;
	}
	
	td.dogLicAmt{
		width: 5%;
	}	
	

	/* Force table to not be like tables anymore */
	.history table, .history thead, .history tbody, .history th, .history td, .history tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.history thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.history tr { border: 1px solid #ccc; }
	
	.history td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	.history td:before { 
		/* Now like a table header */
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		font-weight:bold;
	}
	
	.history td:nth-of-type(1):before { content: "Order number"; }
	.history td:nth-of-type(2):before { content: "Date ordered"; }
	.history td:nth-of-type(3):before { content: "Type"; }
	.history td:nth-of-type(4):before { content: "Amount paid"; }
	.history td:nth-of-type(5):before { content: "Action"; }
	

	/* Force table to not be like tables anymore */
	.dashboard table, .dashboard thead, .dashboard tbody, .dashboard th, .dashboard td, .dashboard tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.dashboard thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.dashboard tr { border: 1px solid #ccc; }
	
	.dashboard td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	.dashboard td:before { 
		/* Now like a table header */
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		font-weight:bold;
	}
	
	.dashboard td:nth-of-type(1):before { content: "Application no."; }
	.dashboard td:nth-of-type(2):before { content: "Submitted date"; }
	.dashboard td:nth-of-type(3):before { content: "Consent type"; }
	.dashboard td:nth-of-type(4):before { content: "Site address"; }
	.dashboard td:nth-of-type(5):before { content: "Status"; }	
	.dashboard td:nth-of-type(6):before { content: "Actions"; }	
		
}




/* ============== ONLY TABLETS ==============*/
@media (min-width: 768px) and (max-width: 991px) {
	
	table.basic-table-w-remove td:nth-child(1) {
		width:35%;
		font-weight: bold; 
	}
	table.basic-table-w-remove td:nth-child(2) {
		width:35%;
	}
	table.basic-table-w-remove td:nth-child(3) {
		width:30%;
	}
	.logo a{
		height: 80px;
		background-size: auto 100%;
	}
	.logo img{
		height: 80px;
	}
	.header-nav-wrapper{
		margin-top: -39px;
		top: 0px;
	}
	.ft-col-item{
		min-height: 155px;
  		margin-bottom: 30px;
	}
	.ft-col-item{
		border-right: 0;
	}
	.ft-links-wrapper-col{
		width: 100%;
		margin: 0;
	}
	.ft-links-wrapper-col li{
		margin-bottom: 5px;
	}.ft-bot-links{
		margin-top: 0;
	}
	.ft-bot-left ul li{
		margin-right: 3px;
	}
	.ft-bot-lnk-item{
		padding-right: 3px;
		font-size: 10px;
		text-decoration: none !important;
	}
	.main-container {
		top: 0;
	}
	.form-wrapper{
		width: 66%;
	}
	.options-form input[type="text"] {
		margin-right: 10px;
	}
	.options-form input[type="text"], .std-form input[type="text"] {
		margin-right: 45px;
	}
	.error-message, .options-form input[type="text"], .std-form input[type="text"], .info-message, .info-message-permanent, .help-message, .success-message, form input[type="text"], form input[type="password"], form input[type="url"], form input[type="email"], form input[type="date"], form input[type="search"], form input[type="number"], form input[type="password"], form input[type="range"], textarea, select, .options-form input[type="text"], .std-form input[type="text"]{
		width: 100%;
	}
	fieldset.highlighted-field input[type="text"]{
		width: 73%;
	}
	.address-form input[type="text"] {
		width: 73%;
		margin-right: 10px;
	}
	.address-form .error-message{
		width:73% !important;
	}
	fieldset.highlighted-field > div {
		width: 73%;
	}	
	fieldset.no-highlight input[type="text"]{
		width: 73%;
	}
	fieldset.no-highlight > div {
		width: 73%;
	}	
	.search-address {
		margin-left: -100px;
	}	
	.error-message img, .info-message-permanent img, .info-message img, .help-message img, .success-message img{
		margin-bottom: 35px;
	}
	.online-services{
		width: 15em;
	}
	.online-services p{
		margin-top: 2px;
		line-height: normal;
	}
	.online-services img{
		margin: 10px auto 5px;
	}
	.online-services > div{
		min-height: 103px;
	}
	#subnav a{
		border-bottom: 1px solid #fff;
	}
	table.subtotal-table,  table.rates-properties {
		width: 73%;
	}
	
	table.teeandcee-table{
	
	}
	
	form .field-qmark input[type="text"]{
		width:67%; 
	}
	.ft-contact-links-wrapper{
		font-size: 12px;
	}
	.ft-contact-item-img{
		margin-right: 2px;
	}
	.error-email-form {
		width: 485px;
	}
	
	.feedback-main-wrapper { 
    margin-left:20px;
    margin-right:20px;
    margin-bottom: 7%;
	}
}




/* ============== MEDIUM SIZED SCREENS ==============*/
@media (min-width: 992px) and (max-width: 1199px) {
	.navbar-nav > li > a{
		padding: 10px;
	}
	.ft-col-item{
		min-height: 195px;
	}
	fieldset.highlighted-field input[type="text"]{
		width: 75%;
	}	
	fieldset.highlighted-field > div {
		width: 75%;
	}	
	fieldset.no-highlight input[type="text"]{
		width: 75%;
	}	
	fieldset.no-highlight > div {
		width: 75%;
	}	
	.options-form input[type="text"] {
		margin-right: 10px;
	}
	.std-form input[type="text"] {
		margin-right: 35px;
	}
	.error-message, .options-form input[type="text"], .std-form input[type="text"], .info-message, .info-message-permanent , .help-message, .success-message, form input[type="text"], form input[type="password"], form input[type="url"], form input[type="email"], form input[type="date"], form input[type="search"], form input[type="number"], form input[type="password"], form input[type="range"], textarea, select, .options-form input[type="text"], .std-form input[type="text"]{
		width: 81%;
	}
	.online-services{
		width: 15em;
	}
	.online-services p{
		margin-top: 2px;
		line-height: normal;
	}
	.online-services img{
		margin: 0px auto 0px;
	}
	.online-services > div{
		min-height: 103px;
	}
	table.subtotal-table, table.rates-properties {
		width: 81%;
	}
	
	table.teeandcee-table{
	
	}
	
	form .field-qmark input[type="text"]{
		width:76%; 
	}
	.error-email-form {
		width: 485px;
	}
	
	
	.address-form .error-message{
		width:75% !important;
	}
	
}




/* ============== LARGE SIZED SCREENS ==============*/
@media (min-width: 1200px) {
	.online-services{
		width: 15em;
		padding-right: 0;
	}
	#subnav{
		width: 99.95%;
	}
}





/* ============== ABOVE TABLETS ==============*/
@media (min-width: 992px) {
	.header-navbar{
		display: block !important;
	}
}




/* ============== SMARTPHONES TO TABLETS ==============*/
@media (max-width: 992px) {
	.header-navbar li{
		width: 100%;
	}
	.header-navbar a {
		min-height: 0;
		border-top: 1px solid #6BB6DD !important;
		line-height: 38px !important;
		padding: 0 10px !important;
	}
	.header-menu-btn{
		display: block;
	}
	.header-navbar{
		display: none;
	}
	header{
		height: 148px;
	}
	
	.header-search{
		display: none;
	}
	
	.header-nav-wrapper {
		position: relative;
		margin-top: 0px;
		top: 35px;
		height: 100px;
	}		
	
	.profile-submenu {
		left: -35px;
	}
		
}





/* ============== TABLETS TO MEDIUM SCREENS ==============*/
@media (min-width: 768px) and (max-width: 1199px) {
	.profile-submenu {
		left: -100x;
	}	
	
	.header-nav-wrapper {
		position: relative;
		margin-top: 0px;
	}	
}





/* ============== ANTHING ABOVE SMATPHONES ==============*/
@media (min-width: 768px) {
	
}