/* Tablet Portrait size 768 to standard 979 (devices and browsers) */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
	
	#logo-container h1 {font-size:30px; padding: 10px 0px 320px 0px;}
	.contact-menu a { margin-left: 0px !important;}
	.readmore { font-size: 18px; padding: 20px 25px 20px 10px; height:15px;}
	.serviceblock { height: 0px;}
	.border-1, .border-2, .border-3, .border-4, .border-5, .border-6 {  border-bottom: 2px solid #ee1b24;  border-top: 2px solid #ee1b24;  border-left: 2px solid #ee1b24;  border-right: 2px solid #ee1b24;}
	#footer-bottom .copyrights { font-size:14px;}
	.darkblue img {
    position: absolute;
    top: -125px;
    left: 130px;
}
.header-images {  height: 370px; }
	
	
.padding10 { height:5px;}
.padding25 { height:10px;}
.padding50 { height:20px;}
.padding75 { height:30px;}
.padding100 { height:40px;}
.padding150 { height:50px;}

form p { margin-left: 20px; margin-top: 25px;  font-size: 14px; }
	
	
	
	
	#sidebar .widget { margin: 0px 0px 40px 5px;}
	h3.digital-printing-2, h3.digital-printing-3, h3.digital-printing-4, h3.digital-printing-5, h3.digital-printing-6, h3.digital-printing-7, h3.digital-printing-8, h3.digital-printing-9  h3.digital-printing { font-size: 24px; padding: 20px 0px 35px 0px; text-align:center;
    width: 100%; margin-left: 10px;}
	

	.fix-header { width:100%; margin-top: -310px; }
	.fix-header-images { width:100%; margin:0px auto;  }
	.fix-header-images img { width:100%; height:62%;}
	.fix-footer { top: -500px;}
	.fix-footer h1 { font-size: 30px;}
	.main-nav > div ul li a {padding: 0px 10px; font-size: 12px; }
	
	

	/*-----------------------------------------------------------------------------------*/
	/*	Header
	/*-----------------------------------------------------------------------------------*/
	#wrapper #header { width: 740px; height: 150px; }	
	.main-nav ul li a { padding: 0px 10px; font-size: 12px; }	

	
	
	
	
	
	
	/*-----------------------------------------------------------------------------------*/
	/*	Container and Services
	/*-----------------------------------------------------------------------------------*/	
	#wrapper .page-head { width:650px; }
	#wrapper #container { width: 740px; }	
	#wrapper #container #content { width: 470px; }	
	#wrapper #container #content.full-width{ width:740px; }
	#wrapper #container #content.full-width-2{ width:98%; }
	#wrapper #container #sidebar { width: 240px; float: right; margin: 0px 0px 30px; }
	
	
	#wrapper .services { padding: 0px 0px 0px; margin: 0px 0px 0px; }
	#wrapper .services .service { width: 215px; margin: 0px 8px; margin-bottom: 15px;}
	
	
	

	
	
	/*-----------------------------------------------------------------------------------*/
	/*	Team
	/*-----------------------------------------------------------------------------------*/
	#wrapper .home-left-side { width:480px; }
	#wrapper .official .team { width: 480px; margin:0 0 10px; }
	#wrapper .official .team p { margin: 0px 0px 15px; }
	#wrapper .official .team .doctors li { width: 100%; float: none; margin: 0px 0px 10px; position: relative; overflow: hidden; }
	#wrapper .official .team .doctors li h4 { border-bottom: 1px solid #e6e6e6; margin: 0px 0px 10px; padding: 0px 0px 5px; }
	#wrapper .official .team .doctors li .doc-img { width: 126px; height: 100px; margin: 0px 20px 10px 0px; float: left; }	
	#wrapper .official .team .doctors li .doc-img img { width: 100%; }
	#wrapper .official .team .doctors li .doc-img .doc-type {  padding: 3px 5px; font-size:10px; line-height:12px; }	
	#wrapper .official .team .readmore { display:none; }	
	#wrapper .official .appointment { margin: 10px 0px 50px; }
	
	

	
	/*-----------------------------------------------------------------------------------*/
	/*	Footer Area
	/*-----------------------------------------------------------------------------------*/
	footer { width: 740px; }
	footer { padding: 60px 0px; }
	footer .footer-widget { width: 173px; margin: 0px 16px 0px 0px; }
	footer .footer-widget h3 { font-size: 20px; margin: 0px 0px 20px; }
	footer .footer-widget p { margin: 0px 0px 15px; }

	
	
	
	/*-----------------------------------------------------------------------------------*/
	/*	Footer Bottom Styles
	/*-----------------------------------------------------------------------------------*/
	#footer-bottom { width: 740px; }


	.green_line h2{ font-size:22px; }		
	
	
	
	
	
	
}



/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 766px) {
	
	
	
.round-bg, .round-bg-white, .round-bg-2, .round-bg-3, .round-bg-4, .round-bg-5, .round-bg-6, .round-bg-7{ -webkit-border-radius: 20px 20px 20px 20px;  border-radius: 20px 20px 20px 20px;  border: 2px solid #ed1b24;  width: 98%;  margin: 0px auto; }

h3.digital-printing-2, h3.digital-printing-3, h3.digital-printing-4, h3.digital-printing-5, h3.digital-printing-6, h3.digital-printing-7, h3.digital-printing-8, 
h3.digital-printing-9, h3.digital-printing { font-size: 26px;  padding: 20px 0px 35px 0px; width: 100%; text-align:center;}

#sidebar .widget ul li { padding: 7px 0px 6px;  border-top: 1px solid #78909a; padding-left: 30px;}

.darkblue{ display:none !important; visibility:hidden !important;} 
	
	
	
	
	
	
	
	#logo-container h1 {font-size:30px; line-height:36px; padding: 10px 0px 0px 0px; }
	.header-images { width:100%; height:250px;}
	#logo-container .logo img { padding: 150px 0px 0px 0px;}
	.contact-menu a { margin-left: 0px !important;}
	.readmore { font-size: 20px; padding: 20px 35px 20px 20px; height:15px;}
	.serviceblock { height: 0px;}
	.border-1, .border-2, .border-3, .border-4, .border-5, .border-6 {  border-bottom: 2px solid #ee1b24;  border-top: 2px solid #ee1b24;  border-left: 2px solid #ee1b24;  border-right: 2px solid #ee1b24;}
	#footer-bottom .copyrights { font-size:14px;}
	.darkblue { display:none !important;}
	.desktop { display:inherit;}
	
	
	
		.fix-header { width:100%; margin-top: -720px; }
	.fix-header-images { width:100%; margin:0px auto;  }
	.fix-header-images img { width:100%; height:38%;}
	.fix-footer { top: -690px; width:480px; margin:0px auto;}
	.fix-footer h1 { font-size: 30px; line-height:36px;}
	.logo-desktop { display:inherit;}
	
		.padding10 { height:5px;}
.padding25 { height:10px;}
.padding50 { height:20px;}
.padding75 { height:30px;}
.padding100 { height:40px;}
.padding150 { height:50px;}


form p input[type="text"], form p input[type="email"] { width: 90%; float: none; margin-right: 0px; margin-top:10px;}
form p {  margin-left: 20px; }
form p input[type="submit"] {  width: 94%; float: none;  margin-top: 10px;}

	/*-----------------------------------------------------------------------------------*/
	/*	Header
	/*-----------------------------------------------------------------------------------*/
	#wrapper #header { width: 440px; height: auto; }
	#wrapper #header .logo { position: static; display: inline; top: auto; left: auto; text-align: center; }
	#wrapper #header .logo img { display: block; margin: 0px auto 0px; }
	#wrapper #header .logo .tagline { display:block; margin: 0px 0px 10px; }
	
		
		
		/* Main Nav Styles ----------------------------------------------------------*/
		#wrapper #header .main-nav .responsive-nav { display: block; width:100%; }
        #wrapper #header .main-nav > div { float: none; width:100%;}
		#wrapper #header .main-nav { border-radius: none; position: relative; width: auto; height: auto; margin: 0px 0px 0px; padding: 0px 0px 10px; width:100%; }
		#wrapper #header .main-nav ul { display:none;}
		#wrapper #header .main-nav ul li { width: 50%; height: 28px; border-right:none; border-bottom-style:solid; border-bottom-width:1px; }
		#wrapper #header .main-nav ul li:first-child { border-radius: 0px; }
		#wrapper #header .main-nav ul li a { display: block; width: 250px; line-height: 28px; text-align: left; }	
		#wrapper #header .main-nav ul li ul { display: none; width: 140px; padding: 0px; position: absolute; top: 28px; left: 0px; z-index: 8899; border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; }
		#wrapper #header .main-nav ul li ul li { width: 120px; height: auto; padding: 0px 10px; position: relative; }
		#wrapper #header .main-nav ul li ul li a { display: inline-block; height: 27px; line-height: 27px; padding: 0px 9px; border: none; }
		#wrapper #header .main-nav ul li ul li:hover > a { background: none; border: none; }
		#wrapper #header .main-nav ul li ul li ul { position: static; margin-left: -12px; }
		#wrapper #header .main-nav ul li ul li ul li ul {  }
	
	

    /*-----------------------------------------------------------------------------------*/
	/*	Container
	/*-----------------------------------------------------------------------------------*/	
	#wrapper .page-head { width:390px; padding: 25px 25px 20px; }
	#wrapper #container { width: 440px; }	
	#wrapper #container #content { width: 100%; margin: 0px auto 20px; }	
	#wrapper #container #sidebar { width: 100%; float: none; clear:both; margin: 0px auto 20px; }
	#wrapper #container #content.full-width{ width:440px; }
	#wrapper #container #content.full-width-2{ width:100%; }
	
	
	
	/*-----------------------------------------------------------------------------------*/
	/*	Columns Style
	/*-----------------------------------------------------------------------------------*/
	#container .columns .one-third,
	#container .columns .one-fourth,	
	#container .columns .one-half,
	#container .columns .three-fourth,
	#container .columns .two-third,
	#container .columns .single-col { width: 98%; margin: 0px 0px 0px 2%; }
	
	
	
	/*-----------------------------------------------------------------------------------*/
	/*	Slogans
	/*-----------------------------------------------------------------------------------*/
	.slogan { margin: 0px 0px 35px; }
	.slogan h2 { font-size: 24px; }
	.slogan h3 { font-size: 12px; }		
	
	
	
	/*-----------------------------------------------------------------------------------*/
	/*	Services
	/*-----------------------------------------------------------------------------------*/
	#wrapper .services { padding: 0px 0px 0px; margin: 0px 0px 0px; }
	#wrapper .services .service { width:95%; float:none; overflow:hidden; text-align:center; margin-bottom:10px; margin-left:4%; height:100%; }
	#wrapper .services .service h4{ padding-top:10px;}
	#wrapper .services .service .service-thumb { float:none; margin:0px 0px 10px 0px; }
	
	
	

	
	
	/*-----------------------------------------------------------------------------------*/
	/*	Team
	/*-----------------------------------------------------------------------------------*/
	#wrapper .home-left-side { width:440px; float:none; }
	#wrapper .official { border-bottom: 1px solid #e6e6e6; }
	#wrapper .official .team { width: auto; float:none; padding-bottom:20px; border-bottom: 1px solid #e6e6e6; margin-bottom:20px; }
	#wrapper .official .team p { margin: 0px 0px 15px; }
	#wrapper .official .team .doctors li { width: 100%; float: none; margin: 0px 0px 10px; position: relative; overflow: hidden; }
	#wrapper .official .team .doctors li h4 { border-bottom: 1px solid #e6e6e6; margin: 0px 0px 10px; padding: 0px 0px 5px; }
	#wrapper .official .team .doctors li .doc-img { width: 126px; height: 100px; margin: 0px 20px 10px 0px; float: left; }	
	#wrapper .official .team .doctors li .doc-img img { width: 100%; }
	#wrapper .official .team .doctors li .doc-img .doc-type {  padding: 3px 5px; font-size:10px; line-height:12px; }	
	#wrapper .official .team .readmore { float: right; }	
	
	
	
	/*-----------------------------------------------------------------------------------*/
	/*	Apppointment Form
	/*-----------------------------------------------------------------------------------*/
	#wrapper .official .appointment { float:none; margin:0px auto 20px;  }
	#wrapper .appointment .header .number { font-size:18px;}
	
	

	
	
	
	
	
	/*-----------------------------------------------------------------------------------*/
	/*	Footer Bottom Styles
	/*-----------------------------------------------------------------------------------*/
	#footer-bottom { width: 440px; height: auto; padding: 7px 0px 5px; }
	#footer-bottom p { font-size: 11px; line-height: 20px; text-align:center; }
	#footer-bottom .copyrights { float: none; }
	#footer-bottom .author { float: none; }


	

	
	
	/*-----------------------------------------------------------------------------------*/
	/*	Contact Page Styles
	/*-----------------------------------------------------------------------------------*/
	#map_canvas{ width:432px; }
	#contact-form textarea{ width:420px; }
	#sidebar .appointment { float:none; margin:0px auto 20px;  }
	#sidebar .widget #searchform input[type="text"] { width:70%; }
	#sidebar .widget #searchform input[type="submit"] { margin: 0px 0px 0px 10px; }
	
.green_line h2{ font-size:18px; }		

}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px){
		#logo-container h1 {font-size:20px; line-height:28px; padding: 10px 0px 0px 0px; }
	.header-images { width:100%; height:200px;}
	#logo-container .logo img { padding: 120px 0px 0px 0px;}
	.contact-menu a { margin-left: 0px !important;}
	.readmore { font-size: 20px; padding: 20px 35px 20px 20px; height:15px;}
	.serviceblock { height: 0px;}
	.border-1, .border-2, .border-3, .border-4, .border-5, .border-6 {  border-bottom: 2px solid #ee1b24;  border-top: 2px solid #ee1b24;  border-left: 2px solid #ee1b24;  border-right: 2px solid #ee1b24;}
	#footer-bottom .copyrights { font-size:14px;}
	.darkblue { display:none !important;}
	.desktop { display:inherit;}
	
	
	
	
	
.round-bg, .round-bg-white, .round-bg-2, .round-bg-3, .round-bg-4, .round-bg-5, .round-bg-6, .round-bg-7 { -webkit-border-radius: 20px 20px 20px 20px;  border-radius: 20px 20px 20px 20px;  border: 2px solid #ed1b24;  width: 98%;  margin: 0px auto; }


h3.digital-printing-2, h3.digital-printing-3, h3.digital-printing-4, h3.digital-printing-5, h3.digital-printing-6, h3.digital-printing-7, h3.digital-printing-8, 
h3.digital-printing-9, h3.digital-printing { font-size: 24px; padding: 20px 0px 35px 0px; text-align: center; width: 100%;}

#sidebar .widget ul li { padding: 7px 0px 6px;   border-top: 1px solid #78909a;  padding-left: 30px;}
.round-bg h2, .round-bg-2 h2, .round-bg-3 h2, .round-bg-4 h2, .round-bg-5 h2, .round-bg-6 h2, .round-bg-7 h2 { font-size: 30px; padding: 10px 20px 10px 20px; }

	
	
	
	
	.fix-header { width:100%; margin-top: -720px; }
	.fix-header-images { width:100%; margin:0px auto;  }
	.fix-header-images img { width:100%; height:40%;}
	.fix-footer { top: -680px; width:290px; margin:0px auto;}
	.fix-footer h1 { font-size: 20px; line-height:28px; padding-bottom:30px;}
	.logo-desktop { display:inherit;}
	.logo-desktop img { width:97%; padding-bottom:15px;}
	
	
	.padding10 { height:5px;}
.padding25 { height:10px;}
.padding50 { height:20px;}
.padding75 { height:30px;}
.padding100 { height:40px;}
.padding150 { height:50px;}


form p input[type="text"], form p input[type="email"] { width: 90%; float: none; margin-right: 0px; margin-top:10px;}
form p {  margin-left: 10px; }
form p input[type="submit"] {  width: 94%; float: none;  margin-top: 10px;}
	

	/*-----------------------------------------------------------------------------------*/
	/*	Header
	/*-----------------------------------------------------------------------------------*/
	#wrapper #header { width: 290px; height: auto; }
	#wrapper #header .logo { position: static; display: inline; top: auto; left: auto; text-align: center; }
	#wrapper #header .logo img { display: block; margin: 0px auto 10px; }
	#wrapper #header .logo .tagline { display:block; margin: 0px 0px 10px; }
	
	
		
		/* Main Nav Styles ----------------------------------------------------------*/
		#wrapper #header .main-nav .responsive-nav { display: block; width:100%; }
        #wrapper #header .main-nav > div { float: none; width:100%;  }
		#wrapper #header .main-nav { border-radius: none; position: relative; width: auto; height: auto; margin: 0px 0px 0px; padding: 0px 0px 10px; width:100%;   }
		#wrapper #header .main-nav ul { display:none;}
		#wrapper #header .main-nav ul li { width: 50%; height: 28px; border-right:none; border-bottom-style:solid; border-bottom-width:1px; }
		#wrapper #header .main-nav ul li:first-child { border-radius: 0px; }
		#wrapper #header .main-nav ul li a { display: block; width: 250px; line-height: 28px; text-align: left; }	
		#wrapper #header .main-nav ul li ul { display: none; width: 140px; padding: 0px; position: absolute; top: 28px; left: 0px; z-index: 8899; border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; }
		#wrapper #header .main-nav ul li ul li { width: 120px; height: auto; padding: 0px 10px; position: relative; }
		#wrapper #header .main-nav ul li ul li a { display: inline-block; height: 27px; line-height: 27px; padding: 0px 9px; border: none; }
		#wrapper #header .main-nav ul li ul li:hover > a { background: none; border: none; }
		#wrapper #header .main-nav ul li ul li ul { position: static; margin-left: -12px; }
		#wrapper #header .main-nav ul li ul li ul li ul {  }	
		
		
	

	
	
	
	/*-----------------------------------------------------------------------------------*/
	/*	Container
	/*-----------------------------------------------------------------------------------*/	
	#wrapper .page-head { width:270px; padding: 15px 10px 10px; }
	#wrapper #container { width: 290px; }	
	#wrapper #container #content { width: 100%; margin: 0px auto 20px; }	
	#wrapper #container #sidebar { width: 100%; float: none; clear:both; margin: 0px auto 20px; }
	#wrapper #container #content.full-width-2{ width:100%; }
	
	
	/*-----------------------------------------------------------------------------------*/
	/*	Columns Style
	/*-----------------------------------------------------------------------------------*/
	#container .columns .one-third,
	#container .columns .one-fourth,	
	#container .columns .one-half,
	#container .columns .three-fourth,
	#container .columns .two-third,
	#container .columns .single-col { width: 98%; margin: 0px 0px 0px 2%; }
	
	
	/*-----------------------------------------------------------------------------------*/
	/*	Slogans
	/*-----------------------------------------------------------------------------------*/
	.slogan { margin: 0px 0px 35px; }
	.slogan h2 { font-size: 24px; }
	.slogan h3 { font-size: 12px; }		
	
	
	
	/*-----------------------------------------------------------------------------------*/
	/*	Services
	/*-----------------------------------------------------------------------------------*/
	#wrapper .services { padding: 0px 0px 0px; margin: 0px 0px 0px; }
	#wrapper .services .service { width:95%; float:none; overflow:hidden; text-align:center; margin-bottom:10px; margin-left:3%; height:100%; }
	#wrapper .services .service h4{ padding-top:0px;}
	#wrapper .services .service .service-thumb { float:none; margin:0px 0px 20px 0px; }		
	
	
	
	
	/*-----------------------------------------------------------------------------------*/
	/*	Team
	/*-----------------------------------------------------------------------------------*/
	#wrapper .home-left-side { width:290px; float:none;  }
	#wrapper .official { border-bottom: 1px solid #e6e6e6; }
	#wrapper .official .team { width: auto; float:none; padding-bottom:20px; border-bottom: 1px solid #e6e6e6; margin-bottom:20px; }
	#wrapper .official .team p { margin: 0px 0px 15px; }
	#wrapper .official .team .doctors li { width: 100%; float: none; margin: 0px 0px 10px; position: relative; overflow: hidden; }
	#wrapper .official .team .doctors li h4 { border-bottom: 1px solid #e6e6e6; margin: 0px 0px 10px; padding: 0px 0px 5px; }
	#wrapper .official .team .doctors li .doc-img { width: 126px; height: 100px; margin: 0px 20px 10px 0px; float: left; }	
	#wrapper .official .team .doctors li .doc-img img { width: 100%; }
	#wrapper .official .team .doctors li .doc-img .doc-type {  padding: 3px 5px; font-size:10px; line-height:12px; }	
	#wrapper .official .team .readmore { float: right; }	
	
	
	
	

	/*-----------------------------------------------------------------------------------*/
	/*	Footer Bottom Styles
	/*-----------------------------------------------------------------------------------*/
	#footer-bottom { width: 290px; height: auto; padding: 7px 0px 5px; }
	#footer-bottom p { font-size: 11px; line-height: 20px; text-align:center; }
	#footer-bottom .copyrights { float: none; }
	#footer-bottom .author { float: none; }


	
			
	
	
	/*-----------------------------------------------------------------------------------*/
	/*	Contact Page Styles
	/*-----------------------------------------------------------------------------------*/
	#map_canvas{ width:282px; }
	#contact-form input[type=text]{ width:250px; }
	#contact-form textarea{ width:255px; }
	#sidebar .appointment { width:290px; float:none; margin:0px 0px 20px;  }
	#sidebar .appointment .header { text-align:center; }
	#sidebar .appointment .header h2{ font-size:20px;  }
	#sidebar .appointment .header h3.number { font-size:18px; width:150px; margin:0 auto; }
	#sidebar .appointment .select-wrap{ display:block; margin-bottom:15px; }
	#sidebar .widget #searchform input[type="text"] { margin-bottom:10px; width:90%; }
	#sidebar .widget #searchform input[type="submit"] { margin: 0px 0px 0px 0px; }
	
	
.green_line h2{ font-size:18px; }
.bluee_text { font-size:28px;}
.blue_text2{font-size:20px; }
	
	
}
