@charset "utf-8";
/* CSS Document */
body {min-height:940px; height:100%;}
.clear {clear:both;}

#slider1 {
width: 100%;
	height: 768px;
    /*position: absolute;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d; 
	top:50%; bottom:50%; margin-top:-380px; */
	
	
}
#slider1 img {width: 100%;
	height: 100%;
}


@media screen and (min-width:890px) and (max-width:1299px)
{
body {overflow-x:hidden; width:100%; height:100%; min-height:0;}
/* contact pg */
.contact_info {width:96%; margin-top:0px; margin-left:-48%;}
.contact_info img {max-width:100%;}

.related > a {width:50%; display:block; float:left; margin:25px auto 5px; }
.contactinfo {width:80%;  background-size:100% auto; display:block; margin:0 0 0 10%; float:left; height:160px;}
.contactinfo:hover { background-size:100% auto; display:block;  clear:both;}

.contactphone {width:60%; background-size:100% auto; display:block; margin:6px 0 0 10%; float:left; height:160px; }
.contactphone:hover { background-size:100% auto; display:block; clear:both;}
/* contact pg end */
	
.pt-wrapper {min-width:100%;  min-height:0; margin-top:0px;}
.pt-page {width:80%; left:10%;}
.pt-page img {width:100%;}

.pt-page img{height:auto; width:100%;}
.extra_height_less {height:80px; }          

#slider1 img{height:660px; width:auto;}
}

@media screen and (min-width:778px) and (max-width:889px)
{
body {overflow-x:hidden; width:100%; height:100%; min-height:775px;}
/* contact pg */
.contact_info {width:96%; margin-top:0px; margin-left:-48%;}
.contact_info img {max-width:100%;}

.related > a {width:50%; display:block; float:left; margin:25px auto 5px; }
.contactinfo {width:80%;  background-size:100% auto; display:block; margin:0 0 0 10%; float:left; height:160px;}
.contactinfo:hover { background-size:100% auto; display:block;  clear:both;}

.contactphone {width:60%; background-size:100% auto; display:block; margin:6px 0 0 10%; float:left; height:160px; }
.contactphone:hover { background-size:100% auto; display:block; clear:both;}
/* contact pg end */

.pt-wrapper {min-width:100%; margin-top:0px;}
.pt-page img {width:100%;}
.pt-page {margin-top:-300px;}
.pt-page img{height:auto; width:100%;}

#page-wrap{height: 80%;}
#slider1 img{height:610px; width:auto;}
}
/* portrait */

@media screen and (min-width:611px) and (max-width:777px)
{
body {overflow-x:hidden; width:100%; height:100%; min-height:870px;}	

/* contact pg */
.contact_info {width:96%; margin-top:0px; margin-left:-48%;}
.contact_info img {max-width:100%;}

.related > a {width:50%; display:block; float:left; margin:25px auto 5px; }
.contactinfo {width:80%;  background-size:100% auto; display:block; margin:0 0 0 10%; float:left; height:160px;}
.contactinfo:hover { background-size:100% auto; display:block;  clear:both;}

.contactphone {width:60%; background-size:100% auto; display:block; margin:6px 0 0 10%; float:left; height:160px; }
.contactphone:hover { background-size:100% auto; display:block; clear:both;}
/* contact pg end */

.pt-wrapper {min-width:100%; margin-top:0px;}

.pt-page img{height:auto; width:100%;}
.extra_height_less {height:80px;}

#page-wrap{height: 70%;}
#slider1 img{height:480px; width:auto;}
}


@media screen and (min-width:491px) and (max-width:610px)
{
body {overflow-x:hidden; width:100%; height:100%; min-height:635px;}	

.contact_info {width:96%; margin-top:0px; margin-left:-48%;}
.contact_info img {max-width:100%;}

.related > a {width:50%; display:block; float:left; margin:25px auto 5px; }
.contactinfo {width:90%; background-size:100% auto; display:block; margin:0 0 0 5%; float:left; height:140px;}
.contactinfo:hover { background-size:100% auto; display:block;  clear:both;}

.contactphone {width:70%; margin:0; margin-left:10%; margin-top:6px; background-size:100% auto; display:block;  float:left; height:140px; }
.contactphone:hover { background-size:100% auto; display:block; clear:both;}

.pt-wrapper {min-width:100%; margin-top:0px;}
.pt-page img {width:100%;}
.pt-page { margin-top:-37%;}
.pt-page img{height:auto;}
.extra_height_less {height:80px;}

#page-wrap{height: 65%;}
#slider1 img{height:380px; width:auto;}


/* PLEASE FIX...THANK YOU!!!*/
}

@media screen and (min-width:280px) and (max-width:490px) {
body {overflow-x:hidden; width:100%; height:100%; min-height:545px;}	

.contact_info {width:96%; margin-top:0px; margin-left:-48%;}
.contact_info img {max-width:100%;}

.related > a {width:70%; display:block; margin:5px auto 5px; clear:both;}
.contactinfo {width:90%; background-size:100% auto; display:block; margin:0 auto 0px; clear:both;}
.contactinfo:hover { background-size:100% auto; display:block;  clear:both;}

.contactphone {width:70%; background-size:100% auto; display:block; margin:0 auto; clear:both;}
.contactphone:hover { background-size:100% auto; display:block; clear:both;}

.pt-wrapper {min-width:100%; min-height:450px; margin-top:0px;}
.pt-page img {width:100%;}
.pt-page { margin-top:-37%;}
.pt-page img{height:auto;}
.extra_height_less {height:80px;}

#page-wrap{height: 65%;}
#slider1 img{height:380px; width:auto;}



/* 1366 = regular laptop different from macbook */

@media (min-width: 700px) and (max-width: 1366px){
	.anythingSlider, .slides-wrap{
		text-align: center;
	}
	.container .pt-page{
		margin-top: 0;
		top: 0;
		bottom: 0;
	}
	.slides-wrap{
		position: relative;
	}
		height: auto;
	}
	.contactinfo{ 
	max-width: 90%; display: block; margin-left: 5px; margin-right: auto 
	}
	.contactphone{ 
	max-width: 90%; display: block; margin-left: 90px; margin-right: auto 	
	}
}


@media (min-width: 1281px) and (max-width: 1366px){
	body{
		min-height: 100%;
		height: 100%;
		min-height: 0;
	}
	.anythingSlider-cs-portfolio .anythingControls{
		max-width: 100%;
	}
	.pt-page img{
		max-height: 534px;
		height: auto;
		max-width: 75%;
		position: relative;
	}
	 #slider1 img{
		max-width: 712px;
		width: 712px;
		max-height: 534px;
		height: auto;
}
	.contactinfo{ 
	max-width: 90%; display: block; margin-left: 3px; margin-right: auto 
	}
	.contactphone{ 
	max-width: 90%; display: block; margin-left: 92px; margin-right: auto 	
	}

}

@media (min-width: 1024px) and (max-width: 1280px){
	.anythingSlider-cs-portfolio .anythingControls{
		max-width: 746px;
	}
	.pt-page img {
		max-height: 534px;
		height: auto;
		max-width: 712px;
		position: relative;
	}
	 #slider1 img{
		max-width: 712px;
		max-height: 534px;
		height: auto;
	}
}

@media (max-width: 850px) and (orientation: portrait){
	body{
		min-height: 0;
	}
	.pt-wrapper{
		position: relative;
	}
	.pt-page{
		margin-top: 0px;
		top: 0;
		bottom: 0;
		height: 100%;
		text-align: center;
	}
	#page-wrap{
		margin-top: 0px;
		top: 0;
		bottom: 0;
		height: 100%;
		text-align: center;
	}
	.container{
		position: relative;
		height: 100%;
	}
	.container .pt-page{
		margin-top: 0;
		top: 0;
		bottom: 0;
	}
}

@media (min-width: 767px) and (max-width: 1024px) and (orientation: landscape) {
	body{
		min-height: 100%;
		height: 100%;
	}
		.anythingSlider-cs-portfolio .anythingControls{
		max-width: 100%;
	}
	.pt-page img {
		max-height: 536px;
		height: auto;
		max-width:87%;
		position: relative;
	}
	 #slider1 img{
		max-width: 100%;
		max-height: 536px;
		height: auto;
	}
	.contact_info img{ 
	max-width: 100%; display: block; margin-left: auto; margin-right: auto 
	}
	.contactinfo{ 
	max-width: 100%; display: block; margin-left: 45px; margin-right: auto 
	}
	.contactphone{ 
	max-width: 100%; display: block; margin-left: 60px; margin-right: -75px 	
	}
	#page-wrap{ 
	position: relative;
	top: 40px	
	}
}

@media (min-width: 600px) and (max-width: 768px) and (orientation: portrait) {
	body{
		min-height: 100%;
		height: 100%;
	}
	.anythingSlider-cs-portfolio .anythingControls{
		max-width: 87%;
	}
	.pt-page img {
		max-height: 536px;
		height: auto;
		max-width:82%;
		position: relative;
	}
	 #slider1 img{
		max-width: 87%;
		max-height: 536px;
		height: auto;
	}
	.contact_info img{ 
	max-width: 90%; display: block; margin-left: auto; margin-right: auto 
	}
	.contactinfo{ 
	max-width: 90%; display: block; margin-left: 40px; margin-right: auto 
	}
	.contactphone{ 
	max-width: 90%; display: block; margin-left: 65px; margin-right: 0px 	
	}
	#page-wrap{ 
	position: relative;
	top: 20%	
	}
}