/* Theme Name: Weinstein Plastic Surgery Center Description: A clean and minimal theme that is completely compatible with WordPress 3.0 Author: e6interactive Author URI: http://www.e6interactive.com/ Version: 1.0.0 */ /* reset styles */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, input, kbd, q, s, samp, small, strike, strong, sub, sup, tt, textarea, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border:0pt none; font-size:100%; margin:0pt; outline-color:invert; outline-style:none; outline-width:0pt; padding:0pt; } @font-face { font-family: 'Philosopher'; src: url('fonts/philosopherregular.eot'); src: url('fonts/philosopherregular.eot?#iefix') format('embedded-opentype'), url('fonts/philosopherregular.woff') format('woff'), url('fonts/philosopherregular.ttf') format('truetype'), url('fonts/philosopherregular.svg#philosopherregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'TrajanPro-Regular'; src: url('fonts/trajanproregular.eot'); src: url('fonts/trajanproregular.eot?#iefix') format('embedded-opentype'), url('fonts/trajanproregular.woff') format('woff'), url('fonts/trajanproregular.ttf') format('truetype'), url('fonts/trajanproregular.svg#trajanproregular') format('svg'); font-weight: normal; font-style: normal; } h1, h2, h3, h4, h5, h5, h6 {font-weight:normal;} a {text-decoration:none;} .no-border a {border:none !important;} .left{float:left;} .right{float:right;} .no-background {background:none !important;} .clear{clear:both;} .no-pad a{padding:0 !important;} .no-margin {margin:0 !important;} #spacer{height:490px;} #spacer-nonhome{height:65px;} .content-img{float:left; margin-right:15px;} .content-img2{float:right; margin-left:15px;} .text-center{text-align:center} body{background:url(images/bg.jpg) repeat-x #0a033b; font:14px/18px Arial; color:#646464; margin-top: 0px;} .header-wrapper{position: relative; background: url(https://docweinstein.com/wp-content/uploads/2013/01/header-wrapper.jpg); z-index: 999; width: 100%;} .header-section, .wrapper{height:auto; z-index: 1; max-width:960px; margin:0 auto; position:relative;} #header .logo {width: 493px; min-height: 63px; float: left; position: relative;} #header .logo a {height:63px; width:100%;background:url(https://docweinstein.com/wp-content/uploads/2016/01/logo2.png); background-size: 100% 100%; display:block; text-indent:-9999px; float:left; margin:35px 0 0 0;} #header{min-height:120px; z-index: 2; background: url(/wp-content/uploads/2013/01/header-bg.jpg) repeat-x top; max-width:100%; position:relative; left:0; top:0;} #header h1 {width: 493px; min-height: 63px; float: left; position: relative;} #header h1 a {height:63px; width:100%;background:url(http://docweinstein.com/wp-content/uploads/2016/01/logo2.png); background-size: 100% 100%; display:block; text-indent:-9999px; float:left; margin:35px 0 0 0;} #header h2 {font: 20px 'Philosopher'; float: right; padding-top: 5px; color:#bcbcbc; margin:0px -170px 0 0; text-align: right;} #header h2 span{color:#FFF;} #social-icons{float:right; margin:95px 40px 0 0;} #social-icons img{min-width: 25px; height: auto;} #nav {position:relative; min-height: 60px; width: 100%; border-bottom: 5px solid #cbcbcb; left:0; z-index:9999; } #procedure-wrapper{ padding-bottom:30px; } @media only screen and (min-width: 768px){ .header-wrapper.sticky{position: fixed; top: 0;} .admin-bar .header-wrapper.sticky{top: 32px;} } @media only screen and (min-width: 810px){ #nav div > ul{ padding-top: 10px;} #nav ul{list-style:none;position:relative;z-index:9999;} #nav ul li{float:left; background:url(images/bg-border.jpg) no-repeat right center; position:relative} #nav ul li a{height:42px; text-align: center; line-height:42px; color:#fff; float:left; font-size:12px; text-transform:uppercase; font-weight:bold; padding:0 9px;} #nav ul li a:hover{color:#0a033b;background: #a2a3ab; } #nav .ddable > ul > li:hover{} #nav ul li ul.sub-menu{display:none; position:absolute; margin-top: 0; top:100%; left:0; z-index:9999;} #nav ul li:hover > .sub-menu{display: block;} #nav ul li ul.sub-menu li{background:none; position:relative} #nav ul li ul.sub-menu li a{color:#fff; font-size:12px; height:30px; line-height:30px; width:215px; background:#041974; border-bottom:1px solid #48427e; text-transform:capitalize;} #nav ul li ul.sub-menu li ul.sub-menu{top:0; left:100%; padding-top: 0!important;} #nav ul li#menu-item-3036 ul.sub-menu {right: 100%;} } @media screen and (-webkit-min-device-pixel-ratio:0) { #nav ul li a{padding:0 8px;} } .flexslider .slides > li{padding: 0;} #banner{height:340px; max-width:100%; position:relative; top:0; overflow:hidden;z-index:1; } #banner-texts{float:left; margin:90px 0 0 35px;} #banner-texts h3{color:#10024c; font:36px/36px 'TrajanPro-Regular'; float:left} #banner-texts h3 span{color:#727272; display:block} #banner-texts h3 a{height:42px; width:159px; line-height:42px; background:url(images/bg-button.png); color:#120252; display:block; font-size:17px; text-align:center; float:right; margin-top:25px;} #banner-texts p{float:left; margin-left:40px; color:#0f024a; font-size:20px; line-height:28px;} #banner-buttons {position:relative; top:-20px; z-index:1;} #banner-buttons a{display:inline-block; float:left;height:142px; width:234px; margin-right:7px;} #banner-buttons a:hover{background-position:left bottom} #breast-procedures-box{ background:url(images/bg-box1.png);} #face-procedures-box{background:url(images/bg-box2.png);} #mommy-makeover-box{background:url(images/bg-box3.png);margin-right: 0!important;} #body-procedures-box{background:url(images/bg-box4.png);} .banner-slides{max-width:100%;} #top-curve{height:19px; max-width:100%; background:url(images/bg-top-curve.png); position:relative; z-index:1;} .home #top-curve{margin-top: -19px;} #bottom-curve{height:19px; max-width:100%; background:url(images/bg-bottom-curve.png);} #content{height:auto; background:#ece7ed; overflow:hidden; padding:0 20px;} .counseling-link{ background:#b4b4b4; border-radius:1px; clear:both; color:#fff !important; float:left; margin:3px 0; padding:6px 5px; text-align:center; width:110px;} .counseling-link:hover{ background:#898989;} #left-column{float:left; max-width:620px; padding:15px 0 0 0; text-align:justify; line-height:1.4em;} #left-column h1{font-size:20px; color:#120252; font-weight:bold; margin-bottom:20px;} #left-column p{padding-bottom:14px;} #left-column h2{color:#120252; font-size:17px; font-weight:bold; padding-bottom:14px;} #left-column h3{color:#120252; font-size:16px; font-weight:bold; padding-bottom:14px;} #left-column h4{color:#120252; font-size:15px; font-weight:bold; padding-bottom:14px;} #left-column a{color:#4073a7;} #left-column img{border:1px solid #4073a7;} #left-column ul, ol{padding:0 0 14px 30px;} #left-column li{padding:2px 0;} #right-column{width:280px; float:right} #side-form{height:auto; width:260px; padding:0 10px; background:url(images/bg-form.jpg) repeat-x #041974 top; border-radius:8px; overflow:hidden; margin-bottom:15px;} #side-form #gform_fields_1{list-style: none!important;} #side-form h3{color:#fff; font:18px 'TrajanPro-Regular'; text-align:center; padding:10px 0;} #side-form input{height:31px; width:249px; background:url(images/bg-txt-field.png) no-repeat; margin-bottom:10px; color:#8d8d8e; padding-left:10px;} #side-form textarea{height:112px; width:249px; background:url(images/bg-msg-field.png); color:#8d8d8e; font-family:Arial; padding:10px 0 0 10px; margin-bottom:10px;} #side-form p{color:#fff; float:left} #side-form label{display:none} #gform_1 #gform_submit_button_1{height:37px !important; width:130px !important; float:right; background:url(images/btn-send.png) !important; border:none; text-indent:-9999px; position:relative; top:-15px; cursor:pointer} #gform_1 .gform_footer{clear: both;} #gform_1 .validation_error {color:#fff; font-size:12px; padding-bottom:15px;} #gform_1 .validation_message {color:#fff; font-size:12px; padding-bottom:15px;}#gforms_confirmation_message{padding: 0 0 20px;} #gform_2 {position: relative; /*left: 100px !important; */padding: 10px 0; width: 100%;} #gform_2 ul {padding: 0; list-style:none} #gform_2 ul li{margin-bottom:30px; clear:both} #gform_2 .gform_title {text-align: center; color: #000;} #gform_2 input {height:20px; width: 200px; border:1px solid #ccc; background:#e3e3e2} #gform_2 textarea {height: 100px; border:1px solid #ccc; background:#e3e3e2} #gform_2 select {padding:3px; border:1px solid #ccc;} #gform_2 #gform_fields_2 {width: 100%;} #gform_2 #field_2_1, #gform_2 #field_2_3 {float: left; clear: left;} #gform_2 #field_2_2, #gform_2 #field_2_4 {float: right; clear: right;} #gform_2 #field_2_5 input {width: 420px;} #gform_2 #field_2_6 {float: left; clear: left; width: 200px;} #gform_2 #field_2_6 input {width: 200px;} #gform_2 #field_2_7 {float: left; clear: right; width: 50px; padding: 0 22px;} #gform_2 #field_2_7 input {width: 50px;} #gform_2 #field_2_8 {float: left; clear: right; width: 100px;} #gform_2 #field_2_8 input {width: 100px;} #gform_2 #field_2_9 {float: left; clear: left; width: 40px; padding-right: 38px;} #gform_2 #field_2_9 input {width: 40px;} #gform_2 #field_2_10 {float: left; clear: right; width: 123px; padding-right: 21px;} #gform_2 #field_2_10 div {width: 123px;} #gform_2 #field_2_10 div select{width: 123px;} #gform_2 #field_2_11 {float: left; clear: right; width: 170px;} #gform_2 #field_2_11 div {width: 170px;} #gform_2 #field_2_11 div select{width: 170px;} #gform_2 #field_2_12 input {width: 420px;} #gform_2 #gform_submit_button_2 {position: relative; left: 160px; top: -10px; height:30px; width: 100px; background:#ead5af; border-radius:5px; color:#020d45; font-weight:bold; cursor:pointer;} #gform_2 .validation_error{color:#ff0000; padding-bottom:25px;} #gform_2 .validation_message{color:#ff0000;} #slideshow{height:417px; width:600px; margin:0 auto;} .testi {text-align:left; width:170px; height:200px; float:left; margin:10px;} .testi2 {text-align:left; width:170px; height:140px; float:left; margin:10px;} .testi3 {text-align:left; width:545px; height:270px; float:left; margin:10px;} .image_carousel {background: #1e0074; padding: 14px 10px 14px 10px; border-radius: 7px;} #awards2 img{float: left; margin: 0 4px; box-shadow: 2px 2px 3px #4b3f2e; display:block;} .scroll-vertical{width: 160px; height: 275px; overflow: auto; border: thin solid 1px; float:right; text-align:left} .right-button{height:34px; width:270px; background:url(images/bg-button2.jpg); display:block; margin:0 auto; text-align:center; color:#fff; font:15px/34px 'TrajanPro-Regular'; margin-bottom:10px;} .entry-date{font-size:11px;} .blog-pagination{text-align:center} #blog-content img {border:none !important; margin:0 10px;} .archive-box{float:right; width:160px; margin:20px 0 4px 20px;} #recent-blog-post .post-date {font-size:11px; font-style:italic} #recent-blog-post #link {float:right} #recent-blog-post ul {list-style:none} /* Video */ .vid_top {text-align: center; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 8px 0;} .vid_below {margin: 8px 0;} #video_thumb_gallery{background:url('/images/video_search.jpg') 0 0 repeat-x; background-color:#f4f4f4; padding-top:0; margin-top:10px; text-align:left; width:100%; } #video_wrap{ padding: 0;} #video_thumb{width:150px; height:140px; text-align:center; margin: 0 0 15px 50px; float:left;} #bottom-buttons{margin-top:20px;} #bottom-buttons a{height:25px; width:62px; line-height:25px; background:url(images/bg-button1.jpg); display:block; color:#fff; font-size:10px; text-align:center; position:absolute; top:75px; left:18px;} #awards{height:190px; width:228px; background:url(images/bg-bottom-button1.jpg); position:relative; margin-right:15px;} #videos{height:190px; width:228px; background:url(images/bg-bottom-button2.jpg); position:relative; margin-right:15px;} #photos{height:190px; width:228px; background:url(images/bg-bottom-button3.jpg); position:relative; margin-right:15px;} #testimonials{height:190px; width:228px; background:url(images/bg-bottom-button4.jpg); position:relative;} #footer {text-align:center; color:#7167b1; font-size:12px; position:relative; top:-40px;} #footer ul{list-style:none;} #footer ul li{display:inline} #footer ul li a{color:#7167b1; border-right:1px solid #7167b1; padding:0 5px;} #footer p{padding-top:5px;} /* Photo Gallery Styles ----------- */ /* Archive Page =================================== */ .excerpt {border-bottom: 1px dashed #333;} .excerpt div.patient-images {float: left; width: 320px;} .excerpt div.patient-images div {float: left; width: 145px; margin-right: 10px;} .excerpt div.patient-images div img {border: 4px solid #9f9f9f !important;} .excerpt div.patient-information {float: right; width: 300px;} .excerpt div.patient-information p {margin: 0; padding: 0 0 6px;} .excerpt div.patient-information p span.darker {font-weight: bold; color: #000; font-size: 14px;} .excerpt div.clear {clear: both;} .excerpt p.pics {padding: 0 0 0 50px;} .excerpt p.pics span {padding-left: 115px;} .excerpt p.view {text-align: right; padding: 0 !important; margin: 0 0 5px 0;} .excerpt p.back {text-align: right; padding: 0 0 10px 0; margin: 0;} .excerpt p.back a {font-size: 10px;} .excerpt h2 {padding-top: 10px;} br.clear {clear: both; width: 100%; height: 1px; position: relative; top: -1px; margin: 0; padding: 0; border: 0;} /* Post Page =================================== */ #patient-images {margin-bottom: 20px;} #patient-images div{float: left; width: 46%; margin-bottom: 20px; text-align: center;} #patient-images img {margin: 0 auto 5px auto; border: 4px solid #9f9f9f !important;} #patient-information {} p.pics3 {font-weight: bold; color: #333; margin-bottom: 10px;} p.pics3 span {float: left; width: 46%; text-align:center;} /* Lightbox Popup =================================== */ #cboxLoadedContent {padding: 15px; z-index: 1; max-width: 620px; overflow: visible !important; height: auto!important;} #cboxLoadedContent h2 {color: #120252; font-size: 16px; font-weight: bold; margin-top: 30px; padding-bottom: 15px;} #cboxLoadedContent #lightbox-patient-images {margin-bottom: 20px; margin-right: 20px;} #cboxLoadedContent #lightbox-patient-images img {margin: 0 10px 10px 0;max-width: 45%; display: inline-table; float: left; border: 4px solid #9f9f9f !important;width:280px;height:auto; min-height: 180px;} #cboxLoadedContent #lightbox-patient-images p.pics {padding: 0 0 0 84px; margin-bottom: 10px; font-size: 16px; font-weight: bold;} #cboxLoadedContent #lightbox-patient-images p.pics span {padding-left: 202px;} #cboxLoadedContent p.pics2 {font-weight: bold; padding: 0 0 0 102px; color: #333;} #cboxLoadedContent p.pics2 span {padding-left: 238px;} #cboxLoadedContent #lightbox-patient-information {padding-bottom: 2px;} #cboxLoadedContent #lightbox-patient-information p {max-width: 530px; margin: 0; padding: 0 0 8px;} #cboxLoadedContent #lightbox-patient-information p span.darker {font-weight: bold; color: #000; font-size: 14px;} .printer{position: absolute; top: 12px; right: 51px; padding: 6px 0 4px 29px; background: url(images/icon-print.gif) no-repeat 0 0;} .printer a {color: #4073a7;} .lightboxlink.next {position: absolute; top: 50%; right: -60px; z-index: 1000; text-indent: -9000px; overflow: hidden; display: block; width: 48px; height: 48px; background: url(images/btn-gallery-next.png) no-repeat 0 0;} .lightboxlink.previous {position: absolute; top: 50%; left: -59px; text-indent: -9000px; overflow: hidden; display: block; width: 48px; height: 48px; background: url(images/btn-gallery-previous.png) no-repeat 0 0;} #pages {text-align: center;} #pages .blog-pagination span{line-height: 20px; font-weight: bold;} #pages .blog-pagination a.page-numbers {margin: 0 3px;} .page-id-3347 #left-column{width: 100%!important;} .page-id-4549 #left-column{width:69% !important;} #layout{padding-top: 20px; position: relative; width: 100%; min-height: 500px;} #layout > div{ width: 30%; float: left;margin-right: 3%; text-align: left; position: absolute;} #layout > div ul{padding-left: 15px!important;} #layout h3 {text-indent: -9000px; overflow: hidden; width: 265px; height: 56px;} #layout #body {background: url(images/body-title.jpg) no-repeat 0 0; left: 300px;} #layout #breast {background: url(images/breast-title.jpg) no-repeat 0 0; left: 0;} #layout #face {background: url(images/face-title.jpg) no-repeat 0 0; left: 600px;} #layout #other-procedures {background: url(images/other-title.jpg) no-repeat 0 0;} /*-------------------------------------------------------------------------------------------------------------------*/ .wrapper-slider { margin-top:-2px; } div.imglinks1,div.imglinks2,div.imglinks3,div.imglinks4 { position:absolute;top:47px;left:290px;width:336px;height:233px;z-index:9999; } div.imglinks2 { left:320px; } div.imglinks4 { left:305px; } div.imglinks1 a,div.imglinks2 a,div.imglinks3 a,div.imglinks4 a { display:inline-block;float:left } #img1Link1,#img1Link2,#img1Link3,#img1Link4,#img1Link5,#img1Link6,#img1Link7,#img1Link8, #img2Link1,#img2Link2,#img2Link3,#img2Link4,#img2Link5,#img2Link6,#img2Link7, #img4Link1,#img4Link2,#img4Link3,#img4Link4,#img4Link5,#img4Link6,#img4Link7 { height:25px;width:220px;margin-left:5px;margin-top:3px; } #img3Link1,#img3Link2,#img3Link3,#img3Link4,#img3Link5 { height:22px;width:316px;margin-left:5px;margin-top:3px; } #img1Link4,#img1Link6,#img2Link5,#img4Link3 { height:20px; } #img1Link5 { width:300px; } #img3Link1 { height:49px; } /****************UPDATES********************/ #recent-blog-post .post-date { display:block; width:100%;} h2 { color: #120252; font-size: 17px; font-weight: bold; padding-bottom: 14px;} form#gform_2 select {background:#e3e3e2;} hr { border: 0; height: 1px; background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));margin-bottom:15px; } .toggle h3 {margin-top:0px !important;cursor:pointer;text-align:left;background:url(images/toggleBullet.png) no-repeat left 5px;padding-left:20px;} .toggle .contentdiv {display:none;padding-left:20px;} .floatLEFT,.alignleft { float:left;margin:0 20px 20px 0!important; } .floatRIGHT,.alignright { float:right;margin:0 0 20px 20px!important; } .imgHappyHolidays { position:relative!important;margin-top:-700px!important; } .rbutton{ -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; -webkit-box-shadow: 0 6px 20px 1px #82838b; box-shadow: 0 6px 20px 1px #82838b; padding: 10px; text-align: center; margin: 20px 0; position: relative; text-align: center!important; height: auto; display: block; font-weight: 700!important; } .blue-button{background: #170369;} /*RESPONSIVE*/ .mobile-nav{font-size: 2em; margin: 20px 10px 0 10px; min-height: 38px; border-radius: 9px 9px 9px 9px; display: none; color: #fff; padding-top: 20px; padding-left: 20px; cursor: pointer;} .mobile-nav span{float: right; display: none; margin-right: 20px; font-size: 20px;} .ddable .sub-menu{display: none;} .mobile-menu,.mobile-nav{ background: #cedce7; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NlZGNlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1OTZhNzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #cedce7 0%, #596a72 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cedce7), color-stop(100%,#596a72)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #cedce7 0%,#596a72 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #cedce7 0%,#596a72 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #cedce7 0%,#596a72 100%); /* IE10+ */ background: linear-gradient(to bottom, #cedce7 0%,#596a72 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=0 ); /* IE6-8 */ } .inlineblock { display: inline-block; zoom: 1; *display: inline-block; margin: 0 10px 20px; } .mobile-screen-nav{background:#7d7e88;} @media screen and (max-width: 950px) { #nav ul li a{padding: 0 10px;} #banner-buttons{margin: -45px 10px 0; text-align: center;} #mommy-makeover-box{margin: 0 auto!important;} } @media screen and (max-width: 845px) { #nav ul li a{padding: 0 8px;} } @media screen and (max-width: 840px) { #header h1{clear: both;float: none;} #header h1 { max-width: 90%; float: none; margin: 0 auto; text-align: center; } #header h2{ float: none; display: block; clear: both; padding-bottom: 0 !important; padding-top: 0 !important; margin-top: 10px !important; margin-bottom: 10px !important; text-align: center; margin-left: 0 !important; margin-right: 0 !important; } #social-icons{float: none; clear: none;text-align: center; margin-bottom: 20px; } #left-column{max-width: 100%!important; float: none; clear: both; padding-bottom: 10px;} #left-column img,#left-column iframe,#left-column table{max-width: 100%!important; } #right-column{float: none; margin: 10px auto;} #bottom-buttons{margin: 20px 5px 0;} #layout > div{float: none; position: static; width: 40%; margin-top: 20px;} } @media screen and (min-width: 809px) and (max-width: 830px) { #header{background: #021155 url(http://docweinwrdp77.e6dev.com/wp-content/uploads/2013/01/header-bg.jpg) repeat-x top;} } @media screen and (min-width: 809px) and (max-width: 830px) { #nav ul li a{padding: 0 7px; font-size: 13px;} } @media screen and (min-width: 481px) and (max-width: 809px) { body {-webkit-tap-highlight-color: transparent;} #banner{min-height: 400px;} #banner-buttons a {float: none; display: inline-table;} #top-curve{margin-top: 115px;} .mobile-navigation{position: relative; width: 100%; padding-top: 20px;} .mobile-navigation ul{margin-left: 18px;} .mobile-navigation ul li{margin: 10px 0;} .mobile-navigation > ul > li{color:#fff; list-style: none; } .mobile-navigation > ul > li a{color:#fff; padding: 8px 0; } .mobile-navigation > ul > li > a{font-size: 16px!important; font-weight: 700; } .main-navigation{display: none;} .mobile-nav{display: block;} #social-icons{float: none; clear: none;text-align: center;} #layout > div{width: 100%;} } @media screen and (max-width: 767px) { #header h1 { max-width: 90%; float: none; margin: 0 auto; text-align: center; } #header h1 a { background-size: 100% auto; background-repeat: no-repeat; background-position: center center; } #social-icons{margin: 82px 0 0 0} .header-height { height: 0 !important;} } @media screen and (max-width: 534px) { } @media screen and (max-width: 480px) { body {-webkit-tap-highlight-color: transparent;} #banner {min-height: 300px;} #left-column img{float: none; margin: 0 auto; display: block; clear: both;} #top-curve{margin-top: 115px;} #banner .flexslider{height: 240px!important;} .mobile-navigation{position: relative; width: 100%; padding-top: 20px;} .mobile-navigation ul{margin-left: 18px;} .mobile-navigation ul li{margin: 10px 0;} .mobile-navigation > ul > li{color:#fff; list-style: none; } .mobile-navigation > ul > li a{color:#fff; padding: 8px 0; } .mobile-navigation > ul > li > a{font-size: 16px!important; font-weight: 700; } .main-navigation{display: none;} .mobile-nav{display: block;} #banner-buttons{text-align: center;margin: 0 auto!important;} #banner-buttons a{margin: 0 auto!important;float: none;} #bottom-buttons{text-align: center;} #bottom-buttons div{ float: none; margin: 0 auto;} #recent-blog-post ul{padding-right: 30px!important;} #layout > div{width: 100%;} #colorbox{width: 100%!important; max-width: 460px!important; top: auto;} #colorbox, #cboxOverlay, #cboxWrapper{width: 100%!important; max-width: 460px!important;} #cboxLoadedContent #lightbox-patient-images{margin-right: 0;} #cboxLoadedContent #lightbox-patient-images img {width: 45%; margin: 0 5px 10px 0;} #cboxLoadedContent p.pics2{display: none;} #cboxLoadedContent #lightbox-patient-information p{padding: 0 10px; margin: 5px 0;} #lightbox-patient-images{padding: 0; margin: 0; background: transparent;} #lightbox-patient-images div{padding: 0; margin: 0; overflow: hidden; display: block;} }