/* 
Document   : style-responsive
Created on : Jan 16, 2013, 8:57:42 PM
Author     : Aslam

*/


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

/* Higher than 960 (desktop devices)
----------------------------------- */

@media only screen and (min-width: 979px){
    
    /*#navigation{width:1000px;}*/
    .indexLinks {margin-top:35px; padding:0;}
	.indexLinks ul {padding-left:35px;}
	.pageInfo {
		padding-left:10px;	
	}
	.pageSidebar{margin-left:10px;}
	span.mobilePic { display:none }
    span.mobileShow {display:none}
}



@media only screen and (min-width:979px)  {
	.pageSidebar {
		width:235px;
		height:300px;
		margin:15px 0 0 25px;
		padding:30px 0 0 20px;
	}

	span.mobilePic { display:none }
    span.mobileShow {display:none}
}

@media only screen and (min-width: 780px) and (max-width: 979px) {
	.phoneFax ul li {display:inline-block; margin-right:15px;}	
}


@media only screen and (min-width: 780px) and (max-width: 979px) {
	span.mobilePic { display:none }
    span.mobileShow {display:none}
    .flexslider.home {
        min-height: 50px;
    }
	 
}

@media only screen and (min-width: 980px){
	#footer{width: 920px;}
}

@media only screen and (min-width: 780px) and (max-width: 979px){
    #navigation{width:725px; height:39px;}
	.left-corner{margin-top:-10px;}
	.right-corner{margin-top:-10px;}
	.srvCenter{margin-top:35px;}
	.span3loc{width:120px; padding-top:14px;}
	#navigation ul li:first-child{
    margin:0 1.5px;}
     .entry-title{font-size: 0px;}
     #footer{width: 706px;}
      .view-tenth:hover .mask{padding-top: 0px;}
	  .flexslider.home {
        min-height: 50px;
    }
	span.mobilePic { display:none }
    span.mobileShow {display:none}
 	.pageSidebar {
		width:190px;
		height:240px;
		margin:14px 0 0 0;
		padding:30px 0 0 20px;
	}
	
	  .indexLinks {margin-top:12px; padding:0; width:auto;}
	  .navHome {background-image:url(../images/nav/home-hover768.jpg);}
	  .navLoc {background-image:url(../images/nav/loc-hover768.jpg);}
	  .navServ {background-image:url(../images/nav/serv-hover768.jpg);}
	  .navStaff {background-image:url(../images/nav/staff-hover768.jpg);}
	  .navStory {background-image:url(../images/nav/story-hover768.jpg);}
	  .navCont {background-image:url(../images/nav/contact-hover768.jpg);}
	  
	  .homeDown{width:90px;}
	  .locDown{width:141px;}
	  .servDown{width:117px;}
	  .staffDown{width:85px;}
	  .storyDown{width:141px;}
	  .contDown{width:153px;}
	  
      	.registerSwap {background-image:url(../images/buttons/reg-btn-hov170.png);}
		.askSwap {background-image:url(../images/buttons/ask-btn-hov170.png);}
		.visitSwap {background-image:url(../images/buttons/visit-btn-hov170.png);}

	.sidebtnDown{width:170px;}
}
@media only screen and (max-width: 779px){
	span.mobileDrop { display:none }
	.srvCenter{margin-top:0; text-align:center;}
	.imgCenter{display:block; margin:auto;}
	.pageInfo{padding-right:40px; margin-left:20px;}
	.grayBorder {
		border-bottom: solid;
    	border-width: thin;
	}
	.titleText {
		text-align:center;
		margin:15px 0 15px 10px;
	}
	.titleTextsep {
		text-align:center;
		margin:15px 0 15px 10px;
	}
	.titleSubtext {
		text-align:center;
	}
	.indexLinks ul li {
		display:inline-block;
		padding:0 px;
		}
	.indexLinks ul {
		text-align:center;
		padding-right:30px;
	}
	.sidebar-title .right-ribbon{display: none;}
  #navigation{margin-left: 0px; float: left;}
    .entry-title{margin-left: -30px; font-size: 14px;}
	.clinicSlider{margin:0 20px 0 0;}

    #sub-menu{float:left;margin:5px 0 0 0}
    #tagline,.social-icons,.contact-details,.top-search,.slide-caption,.js #responsive,.left-corner,.right-corner{display:none}
    .portfolio-item,.recent-blog{margin:0 0 40px 0}
    .portfolio-item1 {
        margin: 5px 0 25px 0 !important;
    }
    .js .selectnav{display:block}
    #navigation{margin:0;width:100%;height:auto;background:transparent}
    .selectnav{cursor:pointer;padding:10px;margin:0 0 30px 100px;float:left;font-size:14px}
    #header{min-height:115px}

    #footer, .container{width: auto;}
    section .container{width: auto;}
    #footer{width: auto;}
    #navigation {
        float: none;
    }

    .selectnav {
        display: block;
    }

    .js #nav,
    .slide-caption,
    .search-form,
    #tagline,
    .social-icons,
    /*#navigation ul li a {
        display: none;
    }*/

    .social-icons.about {
        display: block;
        margin-bottom: 30px;
    }

    #contact-top {
        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: -10px;
    }

    #filters,
    #portfolio-navi {
        position: relative;
        display: block;
        margin: 0 0 23px 0;
    }

    #phone h1{font-size: 50px; line-height: 50px;}
}

@media only screen and (min-width: 0px) and (max-width: 779px){
      #navigation{margin-left: 0px; float: left;}
    .selectnav{width:355px}
    .logo {
        text-align: center;
		padding-top: 20px;
    }
	.clinicLeftcol{margin:0 0 0 10px;}
	.clinicInfomap{margin:0;}
	.staffHeading {text-align:center;}
    .container.floated{width:420px;padding:0}
    .item1, .item2 {margin-left: 0px !important;}
}

@media only screen and (max-width: 779px){
    .logo {
        text-align: center;
		padding-top: 20px;
    }
	  #navigation{margin-left: 0px; float: left;}
    #wrapper{width: 290px;
             padding: 10px; padding-top: 0px;}
    .selectnav{width: 255px; margin-left: 15px; }
	.clinicLeftcol{margin:0 0 0 10px;}
	.clinicInfomap{margin:0;}
    section .container{width: auto;}
	.staffHeading {text-align:center;}
    #footer{width: 90%; padding: 10px;}

    .entry-title span.right-ribbon {display: none;}
    .right-ribbon,.top-right-ribbon,.top-left-ribbon,.left-ribbon,.right-corner,.left-corner,.entry-title span.top-left-ribbon {display: none !important;}
    .entry-title{margin-left:-10px; margin-right: -10px;    }
    .entry-title-blog{margin-left:0px; margin-right: 0px;    }

    /*#navigation.stuck{top: 10px;}*/

    .da-slide p, .da-slide h2{width: 100%; padding-left: 0px;}
    .da-slide h2{top: 130px;}
    .da-slide p{top: 220px;}
    .item1, .item2 {margin-left: 0px !important;}
    #phone h1{font-size: 40px; line-height: 40px;}
    /*.post-icon{margin-top: 10px;}*/
	

}