/* - - -

	RESPONSIVE STYLES

- - - */

/* ALL RESPONSIVE */
@media only screen and (max-width: 959px) {

	
	textarea {
		width: 90%;
	}
	#header .logo {
		height: 120px;
		width: 255px;
		margin-left: 0px;
		background-image: url("/assets/images/layout/logo_small.jpg");
	}
	#top-content {
		width: 100%;	
		padding-top: 160px !important;		
	}	
	.listings .content {
		width: 100%;
	}	
	#top-content .gallery img{
		width: auto !important;
	}

}

/* BOTH MOBILES */
@media only screen and (max-width: 767px) {	
	#header ul li a {
		padding: 10px;
		font-size: 75%;
	}
	.border {
		background-image: none;
		width: 100%;
	}	
}


/* MOBILES - Portrait */
@media only screen and (max-width: 500px) {
	
	body {
		text-align: center;
	}
	.single-post-style {
		width: auto;
		float: none;
	}
	#header ul li a {
		padding: 10px;
	}
	#header .logo {
		float: none;
		margin: 0 auto;
	}	
	.main_product_image {
		min-height: 0px;
		min-width: 0px;
	}
	.container .stud_card {
		max-width: 408px;
		width: 100%;
		height: auto;
	}
	.homepage_3 .wp-caption {
		width: 100% !important;
	}
	#main .container #top-content .contact .contact_information .contact_information {
		float: none;
		margin: 10px 0;
		width: auto;
	}
	#main .container #top-content .contact .contact_information .contact_form p label {
		width: 100%;
	}
	#main .container #top-content .contact .contact_information .contact_form {
		width: 100%;
		padding: 0px;
	}
	#main .container #top-content .contact .contact_information .contact_form p textarea {
		width: 80%;
	}
	.container .stud_card .stud_card_content ul.stud_ul_left {
		margin: 0 auto;
		float: none;
	}
	.container .stud_card .stud_card_content ul.stud_ul_right {
		width: 180px;
		float: none;
		margin: 0 auto;
	}
	.product_page_other_products h3 {
		float: none !important;
		width: auto !important;
	}
	.product_page_other_products ul li.product_page_boxes {
		margin-left: 0px !important;
	}
	#main .container #top-content .services_image_title {
		font-size: 120%;
	}
	#footer #upper-footer ul {
		width: 100%;
		max-width: 400px;
	}
	.border {
		display: none;
	}		
	#header #sub-navigation ul li a {
		font-size: 75%;
		padding: 5px;
	}
	#header #sub-navigation p {
		display: none;
	}	
	.container {
		max-width: 410px;
		width: 100%;
	}
	#top-content {
		padding-top: 235px !important;
	}
	.page-header {
		width: 100%;
	}
	#header ul li:hover ul {
		width: 210px;
		min-width: 0px;
	}	
	#header ul li:hover ul li a {
		display: block;
		margin-right: 0px;
		width: 200px;
		padding-right: 0px;	
		font-size: 75%;
	}	
	#top-content #slideshow {
		height: 203px;
		margin-left: 0px;
		position: absolute;
		width: 100%;
		max-width: 410px;		
	}	
	
	.content {
		max-width: 420px;
		width: 100%;
		float: none;
	}
	#secondary {
		width: 100%;
		margin: 50px 0;
	}
	#top-content img {
		max-height: 410px;
		max-width: 410px;	
	}
	#header {
		background-repeat: repeat;
		height: 80px;
	}
	#header span {
		display: none;
	}
	#header ul li a {
		font-size: 73%;
	}
	#header ul {
		float: none;
	}
	#header .phone_numbers {
		display: none;
	}
	#header .phone_numbers p {
		width: auto;
		float: none;
		margin: 0 auto;		
		line-height: 30px;
	}
	#main .container #top-content .services_image_title {
		margin: 0px;
		width: 93%;
	}
	#header .logo a {
		width: 250px;
	}
	#sub-navigation {
		margin: 25px 10px 0;
		width: auto;
		height: auto;
		display: none;
	}
	#header .flags {
		display: none;
	}
	#services_title_pricing .title {
		width: 100%;
	}
	#services_title_pricing .pricing {
		width: 100%;
	}
	.blue_button a {
		width: auto;
	}
	.container .video_box {
		display: none;
	}
	.container .services_description p {
		width: 100%;
		max-width: 420px;
	}
	.container .home_description p {
		width: auto;
	}
	#home_lower_content {
		width: 100%;
		margin-top: 180px;
	}
	.container .box-2 {
		width: 100%;
		height: auto;
		margin-right: 0px;
	}
	#footer #contact p {
		display: none;
	}
	#footer #upper-footer #contact {
		float: left;
		width: 100%;
		text-align: center;
	}
	#footer #upper-footer #contact h1 {
		text-align: center !important;
	}
	#footer #upper-footer #contact h2 {
		text-align: center !important;
	}		
	.container .home_description h1 {
		font-size: 175%;
	}
	.container .latest_news {
		width: auto;	
		margin: 0 auto;
		height: auto;
		padding-bottom: 10px;
	}
	.container .homepage_3 #homepage_testimonials {
		width: auto;
		min-height: 0px;
		background-image: none;		
		margin-bottom: 20px;
	}
	.latest_news_slideshow {
		width: 100% !important;
	}
	.latest_news_slideshow div{
		width: 100% !important;
	}	
	.container .box-2 .latest_news p {
		width: 100% !important;
		max-width: 430px;
		margin-bottom: 20px;
		height: auto;
	}
	.container .box-2 .latest_news .latest_news_pager {
		width: 60px;
		margin: 0 auto;
		top: 3px;
	}
	.container .box-2 .latest_news a img {
		float: none;
	}
	.container .box-3 {
		width: 100%;
		margin-right: 0px;
	}
	.productmoretag {
		width: 100px !important;
	}
	.homepage_3 {
		margin-top: 20px !important;
	}
	ul.products  {
		margin: 0 auto !important;
		width: 230px !important;
		float: none !important;
	}
	ul.products li {
		margin-bottom: 20px;
	}
	.home_products {
		width: 100%;
	}
	.sc_player_container1 {
		display: none !important;
	}	
	
}

/* MOBILES - Landscape */
@media only screen and (min-width: 500px) and (max-width: 767px) {	

	#header .logo {
		margin-top: 15px;
	}
	#header span {
		display: none;
	}	
	#header ul {
		float: left;
	}
	#footer #upper-footer #contact {
		width: 170px;
	}
	.container {
		max-width: 480px;
		width: 100%;
	}
	.content {
		width: 480px;
	}		
	#header .flags {
		display: none;
	}
	#sub-navigation {
		position: absolute;
		top: 160px;
		width: 470px;
	}
	#sub-navigation ul {
		margin: 0 0 0 -10px;
	}
	#top-content {
		padding-top: 290px !important;
	}
	#top-content #slideshow {
		height: auto;
		width: 480px;
		margin-left: 0px;		
	}
	#header .phone_numbers p {
		width: auto;
		line-height: 30px;
	}	
	#header .phone_numbers {
		width: 220px;
	}
	#top-content img {
		width: 480px;
	}
	#home_lower_content {
		margin-top: 180px;
	}
	.sc_player_container1 {
		float: right;
	}
	.container .box-2 {
		height: auto;
	}
	ul.products li {
		width: 180px !important;
	}
	.latest_news_slideshow {
		width: 450px !important;
	}
	.latest_news_slideshow div {
		width: 450px !important;
	}	
	.container .box-2 .latest_news p {
		width: 435px;
		height: 85px;
	}
	.container .box-3 {
		width: 100%;
		margin: 0;
	}
	.container .homepage_3 p:first-of-type img {
		width: 100%;
		height: auto;
	}
	.container .latest_news {
		height: 200px;
	}
	.container .homepage_3 #homepage_testimonials {
		width: 360px;
		min-height: 0;
		background-image: none;		
	}
	#footer #upper-footer ul {
		width: 150px;
	}
	#main .container #top-content .services_image_title {
		margin: 0px;
		width: 460px;
	}
	#services_title_pricing .title {
		width: 480px;
	}
	ul.products li.last {
		margin-right: 20px !important;
	}
	.container .services_description p img {
		width: auto !important;
	}	
	.container .video_box {
		display: none;
	}
	.product_page_other_products ul.products {
		width: 480px;
	}
	.product_page_other_products ul li.product_page_boxes:first-of-type {
		margin-left: 0 !important;
	}	
	.product_page_other_products h3 {
		width: 480px !important;
	}
	#secondary {
		margin: 0px;
	}
}

/* TABLETS */
@media only screen and (min-width: 768px) and (max-width: 959px) {

	.container {
		max-width: 768px;
		width: 100%;
	}
	.border {
		width: 765px;
	}
	
	.content {
		width: 768px;
	}	
	#secondary {
		margin: 40px 0 0;
	}
	.sc_player_container1 {
		display: none;
	}
	.container .box-2 {
		width: 345px;
		height: auto;
	}
	.container .home_description p {
		widtH: 340px;
	}
	.container .latest_news {
		width: 380px;
		height: auto;
	}
	.container .box-2 .latest_news p {
		width: 370px;
	}
	.container .box-2 .latest_news img {
		display: none;
	}
	.container .home_description h1 {
		font-size: 160%;
	}
	.container .box-3 {
		width: 360px;
	}
	.container .homepage_3 #homepage_testimonials {
		width: 340px;
		min-height: 0;
		padding: 10px 20px;
		background-image: none;
	}
	#sub-navigation {
		position: absolute;
		margin-left: 295px;
		top: 75px;
		width: 470px;
	}
	#header .flags {
		width: 130px;
	}
	#top-content #slideshow {
		width: 765px;
		margin-top: 20px;
		margin-left: 0px;
	}
	.container .homepage_3 p:nth-of-type(1) img {
		width: 100%;
	}
	.container .box-2 .latest_news .latest_news_pager {
		top: -3px;
	}
	#top-content img {
		width: 768px;
	}
	#home_lower_content {
		margin-top: 360px;
	}
	#main .container #top-content .services_image_title {
		margin: 0;
		width: 748px;
	}
	#services_title_pricing .title {
		width: 425px;
	}
	.container .services_description {
		width: 745px !important;
	}
	.container .services_description p {
		width: 765px !important;
	}	
	.container .services_description p img {
		width: auto !important;
	}	
	.container .video_box {
		display: none;
	}
	.product_page_other_products  h3 {
		float: left !important;
	}
	.product_page_other_products ul li.product_page_boxes:first-of-type {
		margin-left: 0px !important;
	}
 
}