@media screen and (max-width: 1024px) {
	#top-panel,
	#branding,
	#main,
	#footer,
	#copyright,
	#info-box,
	#header,
	#content-holder1,
	#content-holder2,
	#content-holder3,
	#content-holder4,
	#content-holder5,
	#content-holder6,
	#content-holder7,
	#content-holder8,
	#social-panel,
	.footer-area,
	#footer-box,
	#copyright,
	.copyright-wrap,
	.page-header,
	#post-area,
	#post-frame,
	#portfolio,
	#conatact-form ,
	#contact-form-wrap,
	#content-holder6 #contactForm,
	#gmap,
	.your-message,
	#office-location-wrap,
	.productlist {
		width: 100% !important;
	}
	
	#content-holder1,
	#content-holder3,
	#content-holder4,
	#content-holder5,
	#content-holder6,
	#content-holder7,
	#content-holder8 {
		padding: 20px 0 !important;
		text-align: center;
	}
	
	.woocommerce a.button {
		width: 100%;	
	}
	
	.post-article ul.products li a img {
		width: 100% !important;
		height: 100% !important;
	}
	
	#commentsText {
		width: 90% !important;
	}
	
	.reading-box .read-desc {
		width: 98% !important;
		text-align: center;
	}
	
	.reading-box .button {
		width: 98% !important;
		text-align: center !important;
		padding: 0 !important;
		margin: 1% !important;
	}
	
	#logo,
	#contact-bar,
	.reading-box h2,
	.reading-box p	{
		margin-left: 1% !important;
		margin-right: 1% !important;
	}
	
	#from-blog-wrap {
		display: none;
	}
	
	.one_half {
    	width: 98% !important;
		margin: 1% !important;
	}
	
	.reviews .fp_testimony {
		width: 98% !important;
		padding: 0 !important;
		margin: 1% !important;		
	}
	
	#content-holder4 .reviews {
    	min-height: 150px !important;
	}
	
	#prefooter {
		display: none;
	}
	
	#social-bar-footer {
    	clear: both !important;
    	margin: 1% !important;
		text-align: center;
	}
	
	#social-bar-footer ul li a img {
		width: 18px !important;
		height: 18px !important;
	}
	
	#social-bar-footer ul {
		margin: 1% !important;
		text-align: center;
	}
	
	#social-bar-footer ul li {
		
	}
	
	#social-panel {
		text-align: center;
	}
	
	#sidebar-frame {
		display: none;
	}
	
	#info-box #social-bar {
		display: none;
	}
	
	#topcontainer {width: 90%;}
}



@media screen and (max-width: 798px) {
	#social {display: none;}
	
	#post-area H3 {padding-top: 2em;}
	
	#productframe {width:555px !important; margin: 0px auto;}
	.productlist {width:510px !important; margin: 0px auto; z-index: 0;}
	
	
	#tiny-carousel-slider1 {width: 400px !important; }
	#tiny-carousel-slider1 .viewport {width: 280px !important;  float: left;}
	#tiny-carousel-slider1 img {width: 80%;}
	
	.footer-block {
		width: 80% !important;
		margin: 20px 0;
	}
	.tinynav { 
		display: block !important; 
		width: 90%;
		margin-top: 10px;
		float: left;
		margin-left: 20px;
		margin-bottom: 20px;
	}
	
	#site-navigation {
    	text-align: center;
    	width: 100% !important;
		margin-right: 0 !important;
	}

	#info-box #contact-bar {
		display: none;
	}	
	
	#site-navigation > ul {
		display: none;
	}
	
	.page-header h1 {
		display: none !important;
	}	
	
	#page-title-wrap {
		display: none;
	}
	#page-title-wrap h4 {
		display: none;
	}

	#logo {
		width: 100%;
		text-align: center;	
	}
	
	.columns {
		margin: 1% !important;
	}
	
	#content-holder2 {
		padding: 20px 0 !important;
	}
	
	.columns .col {
		width: 98% !important;
		margin-left: 1% !important;
		margin-right: 1% !important;
		margin-bottom: 2% !important;
	}
	
	#comments #respond #commentform .form-submit #submit,
	.content-boxes .button {
		width: 98% !important;
		text-align: center !important;
		padding: 0 !important;
		margin: 1% !important;	
	}
	
	.content-box-wrap .heading {
		width: 98% !important;
		margin-left: 1% !important;
		margin-right: 1% !important;
		text-align: center;	
	}
	
	.col .heading img {
		display: none;
	}
	
	#content-holder5 .fearute-text {
		font-size: 24px !important;
	}
	
	#content-holder5 img, 
	#content-holder5 i {
		font-size: 34px !important;
		margin: 0 19px 0 0 !important;
	}
	
	#logo,
	#site-navigation {
		width: 100% !important;
	}
	
	#topcontainer {width: 100%;}
	
	#slider {margin-top: 10em;}
	
	#patientmenu {background-size: 150% auto;}
	
	#patienttext {padding: 2% 0 0 10%; }
	
	.videowrapper {
    float: none;
    clear: both;
    position: relative;
    height: 0;
}
.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 5%;
    
}

	
	
}


@media (min-width: 480px) and (max-width: 800px)

{
	#patientmenu {background-size: 100%;}
	
	#patienttext {padding: 2% 0 0 10%; }
	
	#contentleft img {width: 100%; height: auto;}
	
	#contentleft b img {width: 40%;}
	
	.videowrapper {
    float: none;
    clear: both;
   padding-bottom: 30%;
    padding-top: 25px;
    position: relative;
    
   
    height: 0;
}
.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 2%;
    
}

	
	}


@media screen and (max-width: 550px) {
	#info-box #account-set {
		display: none !important;
	}
	
	#info-box #shopping-cart {
		width: 100%;
		text-align: center;
	}
	
	#post-area H3 {padding-top: 2em;}
	
	#productframe {display: none;}
	.productlist {display: none;}
	
	.rs-caption {
		display: none !important;
	}
	
	.footer-area {
		
	}
	
	#social-bar-footer {
		display: none !important;
	}
	
	
	#patientmenu a {font-size: 1em; color: #000;}
	
	#patientmenu {height: 15em; width: 100%; margin: 0px 2em; }
	
	#patienttext {padding: 2% 0 0 2%; font-size: 1em;}
	
	
	#surgicalmenu { background-size: 100%; margin: 0px 2em;}

	#surgicaltext {padding: 2% 0 0 35%; font-size: 1em;}
	
	
	#diagnosticmenu { background-size: 100%; margin: 0px 2em;}

	#diagnostictext {padding: 2% 0 0 47%; font-size: 1em;}
	
	#contentleft img {width: 100%; height: auto;}
	
	#contentleft b img {width: 40%;}
	
	#contentleft {width: 100%;}
	
	#sidebar {clear: left; float: right; width: 100%; padding: 0 1% 0 1%; border-top: 1px solid #b7a16f; margin-top: 5px;}
	
	#sidebar li {padding-left: 2%;}
	
	
	#slider {margin-top: 9.75em;}
	
	.videowrapper {
    float: none;
    clear: both;
   padding-bottom: 45%;
    padding-top: 25px;
    position: relative;
    
   
    height: 0;
}
.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 2%;
    
}


}

@media screen and (max-width: 320px) {
	
	
	
	#productframe {width:300px !important; margin: 0px auto;}
	.productlist {display: none;}
	
	#patientmenu {background-size: 100%;}
	
	#patienttext {padding: 2% 2% 0 2%; font-size: 1em;}
	
	#patienttext a {color: #000;}
	
	#surgicalmenu { background-size: 100%;}

	#surgicaltext {padding: 2% 0 0 2%; font-size: 1em;}
	
	#dianosticmenu { background-size: 100%;}

	#diagnostictext {padding: 8% 0 0 15%; font-size: 1em;}
	#diagnostictext a {color: #000;}
	
	#contentleft img {width: 100%; height: auto;}
	
	#contentleft b img {width: 40%;}
	
	#contentleft {width: 100%;}
	
	#sidebar {clear: left; float: right; width: 100%; padding: 0 1% 0 1%; border-top: 1px solid #b7a16f;}
	
	#sidebar li {padding-left: 2%;}
	
	.videowrapper {
    float: none;
    clear: both;
   padding-bottom: 45%;
    padding-top: 25px;
    position: relative;
    
   
    height: 0;
}
.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 2%;
    
}

	
}