/* =================================================================== */
/* Media Queries
====================================================================== */


/* Higher than 960 (desktop devices)
====================================================================== */
@media only screen and (min-width: 960px) {

	.flexslider.home {
		min-height: 400px;
	}

}

/* Tablet Portrait (devices and browsers)
====================================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) {

#navigation ul li a { padding: 7px 10px;font-size:12px;}
#navigation ul ul li a { padding: 7px 10px;font-size:12px;}
#navigation{margin-top:4px;}

	.client-list img {
		width: 148px;
		height: auto;
	}
	
	.flickr-widget a,
	.flickr-widget-blog a {
		width: 70px;
		height: 70px
	}
	
	ol li ol.childlist .comment-des {
		width:86%;
	}
	
	.comment-des{
		width:87%;
	}
	
	.five-tables .pricing-table {
		width: 148px;
	}
	
	.four-tables .pricing-table {
		width: 186px;
	}
	
	.three-tables .pricing-table {
		width: 248px;
	}
	
	.two-tables .pricing-table {
		width: 373px;
	}
	
}

/* All Mobile Sizes (devices and browser)
====================================================================== */
@media only screen and (max-width: 767px) {

#linkDomainsBound{margin-right:0px;}
.bordered td.domain-name a{margin-right:0px;}

.tab-content {padding: 10px;}
.td-value select{margin-left:5px;margin-bottom:5px}
.bordered td.td-link{text-align:left;margin-left:-12px;}

#tblShoppingCart tr td:nth-child(5){text-align:left;}
#tblShoppingCart tr td:nth-child(6){text-align:left;}
#tblItems tr td:nth-child(5){text-align:left;}
#tblItems tr td:nth-child(4){text-align:left;}

#tblBackordersData tbody td:nth-child(2) {text-align: left;}
#tblBackordersData tbody td:nth-child(3) {text-align: left;}
#tblBackordersData thead th:nth-child(2) {text-align: left;}
#tblBackordersData thead th:nth-child(3) {text-align: left;}

.order-total{float:left;text-align:left;}
#cmdPay{float:left;clear:both;}

#cboCPROther{width:150px;}

#txtDomainsToCheckAvailability{height:150px;}

.subtotal{
float:left;
width:100%;
}
.se-header-found{float:left;margin:auto}
.se-header-page{float:left;clear:both}
.se-header-options1{float:left;clear:both}
.se-header-options2{display:block;float:left;}
.se-select{font-weight:bold;background-color:#e9e9e9;}

	#footer{padding-left:10px;}

	#toolbar{float:left;}
	.highlights-date{display:block;}
	.chart{display:none;}

	#navigation {
		float: none;
	}
	
.selectnav {
		display: block;
	}
	
	.js #nav,
	.slide-caption,
	.slider,
	.search-form,
	#tagline,
	.social-icons,
	.widget,
	.widget-alt,
	#navigation ul li a {
		display: none;
	}
	
	.social-icons.about {
		display: block;
		margin-bottom: 30px;
	}

	#contact-details {
		text-align: center;
		float: left;
	}
	
	#scroll-top-top {
		display: none;
	}
	
	.icon-box i {
		margin-left: -10px !important;
	}
	
	.post-meta {
		display: none;
	}
	
	.post-title h2 {
		line-height: 26px;
		margin-bottom: 15px;
	}
	
	.post-icon {
		margin-top: 28px;
	}
	
	#filters,
	#portfolio-navi {
		position: relative;
		text-align: left;
		display: block;
		margin: 0 0 23px 0;
	}
	
	#portfolio-navi {
		margin: -5px 0 25px 0;
	}
	
	.portfolio-item {
		margin: 5px 0 25px 0 !important;
	}
	
	.item-description.related {
		margin-bottom: 30px;
	}
	
	

		/* RESPONSIVE TABLE (with label)
		====================================================================== */
		/* Force table to not be like tables anymore */
		.responsive-table table,
		.responsive-table thead,
		.responsive-table tbody,
		.responsive-table th,
		.responsive-table td,
		.responsive-table tr {
		display: block;

		}
		 
		/* Hide table headers (but not display: none;, for accessibility) */
		.responsive-table thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
		}
		 
		.responsive-table tr { border: 1px solid #ccc; padding:10px;padding-right:15px;}

		.responsive-table td {
		/* Behave like a "row" */
		border: none;
		/*border-bottom: 1px solid #eee;*/
		position: relative;
		padding: 3px;
		white-space: normal;
		text-align:left;
		display:inline-block;
		width:100%;

		}
		 
		.responsive-table td:before {
		/* Now like a table header */
		/*position: absolute;*/
		/* Top/left values mimic padding */
		display:inline-block;
		top: 6px;
		left: 6px;

		padding-right: 5px;
		white-space: nowrap;
		text-align:left;
		font-weight: normal;
		}
		 
		/*
		Label the data
		*/
		.responsive-table td:before { content: attr(data-title); }
		
		.responsive-table td.domain-name
		{
			float:left;
			margin-bottom:5px;
		
		}

		/* RESPONSIVE TABLE (without label)
		====================================================================== */
		/* Force table to not be like tables anymore */
		.responsive-table-no-label table,
		.responsive-table-no-label thead,
		.responsive-table-no-label tbody,
		.responsive-table-no-label th,
		.responsive-table-no-label td,
		.responsive-table-no-label tr {
		display: block;
		}
		 
		/* Hide table headers (but not display: none;, for accessibility) */
		.responsive-table-no-label thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
		}
		 
		.responsive-table-no-label tr { border: 1px solid #ccc; padding:10px;}
		 
		.responsive-table-no-label td {
		/* Behave like a "row" */
		border: none;
		/*border-bottom: 1px solid #eee;*/
		position: relative;
		white-space: normal;
		text-align:left;
		width:250px;
		}
		 
		.responsive-table-no-label td.domain-name a
		{
			margin-right:0px;
			margin-left:0px;
			float:none;
		}
		
		
		/* RESPONSIVE TABLE Optional Columns
		====================================================================== */
		 
		/* Hide table headers (but not display: none;, for accessibility) */
		.responsive-table-optional .optional{
		display:none;
		}
		 

	.bordered td.domain-name a
	{
			font-weight:bold; font-size:14px;
			color:#666;
			text-decoration:none;
	}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers)
====================================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	.wizard-links li{display:block;}

	#toolbar{float:left;}
	.highlights-date{display:block;}
	.chart{display:none;}

	.client-list img {
		width: 139px;
		height: auto;
	}
	
	.flickr-widget a {
		width: 53px;
		height: 53px;
	}
	
	ol li ol.childlist .comment-des {
		width:82%;
	}
	
	.comment-des{
		width:83%;
	}
	
	#portfolio-wrapper img {
		min-height: 265px;
	}
	
	.five-tables .pricing-table,
	.four-tables .pricing-table,
	.three-tables .pricing-table,
	.two-tables .pricing-table {
		width: 150px;
	}

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers)
====================================================================== */
@media only screen and (max-width: 479px) {

.telephone input:nth-child(1){width:10px;}
.telephone input:nth-child(2){width:60px;}
.telephone input:nth-child(3){width:10px;}

        

	.wizard-links li{display:block;}

	#tabs-nav {display:none;}
	.tabs-responsive{display:inline-block;}

	.highlights-date{white-space:nowrap;}
	.my-icon-box-main{margin-left:25px;background-color:#FFFFFF}
	.my-icon-box .main-ico {margin-left:-22px;}

	.client-list img {
		width: 149px;
		height: auto;
	}
	
	ol li ol.childlist .comment-des {
		width:77%;
	}
	
	.comment-des{
		width:78%;
	}
	
	#portfolio-wrapper img {
		min-height: 189px;
	}
	
	.five-tables .pricing-table,
	.four-tables .pricing-table,
	.three-tables .pricing-table,
	.two-tables .pricing-table {
		width: 250px;
	}
	
	.five-tables .pricing-table h4,
	.four-tables .pricing-table h4,
	.three-tables .pricing-table h4,
	.two-tables .pricing-table h4{
		height:50px;

		}

	#toolbar{display:none;}
	.chart{display:none;}
	.highlights-date{display:block;}

	.domain-details .my-icon-box-main ul{width:200px;}

		
}


/*Custom*/
@media only screen and (max-width: 959px) 
{
	#toolbar{float:left;}
	#tagline{margin-right:40px;}
}