/*large###########################################################################################################################*/
@media screen and (min-width: 1200px){
.s1 {width:96%;padding:15px 2% 15px 2%;}
.s2 {width:46%;padding:15px 2% 15px 2%;float:left;}
.s3 {width:29%;padding:15px 2% 15px 2%;float:left;}
.s4 {width:21%;padding:15px 2% 15px 2%;float:left;}
.s23 {width:62%;padding:15px 2% 15px 2%;float:left;}
.s1-o {width:100%;}
.s2-o {width:50%;float:left;}
.s3-o {width:33%;float:left;}
.s4-o {width:25%;float:left;}
.s23-o {width:66%;float:left;}

#header {height:100px;position:fixed;font-size:18px;}
#logo {width:250px;height:188px;float:left;background-image:url("../files/paw-therapy-logo.png");background-size:250px auto;background-repeat:no-repeat;}
.nav-block {float:right;padding-right:15px;}

.mainnav  {display:block !important;float:left;margin-right:15px;padding-top:38px;}
#navBtn-o {display:none;}
#navBtn-c {display:none;}

#call-head {margin:24px 15px 0 0;float:left;}

#container {padding-top:100px;}
.space {padding-top:25px;}
#slideshow {height:550px;position:relative;}
#slider-part {width:100%;display:block;position:relative;overflow:hidden;}	
.skip {padding-top:150px;}

}

/*medium###########################################################################################################################*/
@media screen and (max-width: 1200px) and (min-width: 1000px),{
.s1 {width:96%;padding:15px 2% 15px 2%;}
.s2 {width:46%;padding:15px 2% 15px 2%;float:left;}
.s3 {width:29%;padding:15px 2% 15px 2%;float:left;}
.s4 {width:21%;padding:15px 2% 15px 2%;float:left;}
.s23 {width:62%;padding:15px 2% 15px 2%;float:left;}
.s1-o {width:100%;}
.s2-o {width:50%;float:left;}
.s3-o {width:33%;float:left;}
.s4-o {width:25%;float:left;}
.s23-o {width:66%;float:left;}

#header {height:75px;position:fixed;font-size:16px;}
#logo {width:200px;height:200px;float:left;background-image:url("../files/paw-therapy-logo.png");background-size:200px auto;background-repeat:no-repeat;}
.nav-block {float:right;padding-right:10px;}

.mainnav  {display:block !important;float:left;margin-right:15px;padding-top:28px;}
#navBtn-o {display:none;}
#navBtn-c {display:none;}

#call-head {margin:14px 10px 0 0;float:left;}


#container {padding-top:75px;}
.space {padding-top:25px;}
#slideshow {height:550px;position:relative;}
#slider-part {width:100%;display:block;position:relative;overflow:hidden;}	
.skip {padding-top:100px;}

}

/*small###########################################################################################################################*/
@media screen and (max-width: 1000px) and (min-width: 600px){
.s1 {width:94%;padding:15px 3% 15px 3%;}
.s2 {width:94%;padding:15px 3% 15px 3%;}
.s3 {width:94%;padding:15px 3% 15px 3%;}
.s4 {width:44%;padding:15px 3% 15px 3%;float:left;}
.s23 {width:94%;padding:15px 3% 15px 3%;}
.s1-o {width:100%;}
.s2-o {width:100%;}
.s3-o {width:100%;}
.s4-o {width:50%;float:left;}
.s23-o {width:100%;}

#header {height:75px;position:fixed;font-size:16px;}
#logo {width:150px;height:150px;float:left;background-image:url("../files/paw-therapy-logo.png");background-size:150px auto;background-repeat:no-repeat;}
.nav-block {float:right;padding-right:10px;}

.mainnav {display: none;width:100%;height:100%;position: fixed;top:0;left:0;background:rgba(255,255,255,0.9);z-index:1000;overflow:auto;}
.mainnav-inside {position: relative;top: 20%;width: 100%;text-align: center;margin-top: 30px;}
.mainnav-inside a{padding: 8px;font-size: 36px;color: #818181;display: block;}
#navBtn-o {display:block;float:right;padding:13px 15px 13px 15px;margin-left:10px;margin-top:14px;}
#navBtn-c {position: absolute;top: 14px;right: 10px;z-index:1001;}

#call-head {margin:14px 10px 0 0;float:left;}

.team .s3 img {max-width:65%;}
.team .s3 {text-align:center;}

#container {padding-top:75px;}
.space {}
#slideshow {height:550px;position:relative;}
#slider-part {width:100%;display:block;position:relative;overflow:hidden;}	
.skip {padding-top:100px;}

}

/*x-small###########################################################################################################################*/
@media screen and (max-width: 600px){
.s1 {width:94%;padding:15px 3% 15px 3%;}
.s2 {width:94%;padding:15px 3% 15px 3%;}
.s3 {width:94%;padding:15px 3% 15px 3%;}
.s4 {width:94%;padding:15px 3% 15px 3%;}
.s23 {width:94%;padding:15px 3% 15px 3%;}

.s1-o {width:100%;}
.s2-o {width:100%;}
.s3-o {width:100%;}
.s4-o {width:100%;}
.s23-o {width:100%;}

h1,h2 {font-size:35px;}
h3,h4 {font-size:28px;}
h5,h6 {font-size:18px;}

#header {height:60px;position:absolute;font-size:16px;}
#logo {width:110px;height:110px;float:left;background-image:url("../files/paw-therapy-logo-xs.png");background-size:110px auto;background-repeat:no-repeat;position:fixed; top:0;left:0;}
.nav-block {float:right;padding-right:10px;}

.mainnav {display: none;width:100%;height:100%;position: fixed;top:0;left:0;background:rgba(255,255,255,0.9);z-index:1000;overflow:auto;}
.mainnav-inside {position: relative;top: 20%;width: 100%;text-align: center;margin-top: 15px;}
.mainnav-inside a{padding: 8px;font-size: 30px;color: #818181;display: block;}

#navBtn-o {display:block;float:right;padding:13px 15px 13px 15px;right:14px;top:14px;position:fixed;}
#navBtn-c {position: absolute;top: 14px;right: 14px;z-index:1001;}

.team .s3 img {max-width:65%;}
.team .s3 {text-align:center;}

#call-head {width:18px;height:18px;color:#3d2106;cursor:pointer;overflow:hidden;-webkit-transition: width 0.5s, color 0.5s;transition: width 0.5s, color 0.5s;position:fixed;top:75px;right:14px;}
#call-head i {height:16px;width:16px;color:white!important;float:left;}
#call-head:hover {width:200px;color:white;display:block;text-align:center;}
.box{width:200px;display:block;}
.nbr{float:left;text-align:center;}

#container {padding-top:60px;}

.space {}
#slideshow {height:400px;position:relative;}
#slider-part {width:100%;display:block;position:relative;overflow:hidden;}	
.skip {padding-top:100px;}

}