/* Theme Name: Royal Compounding Pharmacy Theme URI: http://royalpharmacy.ca/ Author: Royal Compounding Pharmacy Author URI: Description: Premium WordPress for Royal Compounding Pharmacy. Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: light, one-column, featured-images, post-formats Text Domain: royalpharmacy This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} body {margin: 0; font-family: 'Amble-Regular'; font-size: 18px; background-color: #fff;} img {max-width: 100%; height: auto;} img.alignright {float: right;} img.alignleft {float: left;} h1, h2, h3, h4, h5, h6 {font-family: 'Amble-Regular'; font-weight: bold; margin: 0 0 10px;} p {margin: 0 0 10px;} a, a:hover, a:active {color: #141313; text-decoration: none; transition: .2s;} .cf:before, .cf:after {display: table; content: " ";} .cf:after {clear: both;} @font-face { font-family: 'Amble-Light'; src: url('fonts/Amble-Light.eot?#iefix') format('embedded-opentype'), url('fonts/Amble-Light.woff') format('woff'), url('fonts/Amble-Light.ttf') format('truetype'), url('fonts/Amble-Light.svg#Amble-Light') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Amble-LightItalic'; src: url('fonts/Amble-LightItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Amble-LightItalic.woff') format('woff'), url('fonts/Amble-LightItalic.ttf') format('truetype'), url('fonts/Amble-LightItalic.svg#Amble-LightItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Amble-LightCondensed'; src: url('fonts/Amble-LightCondensed.eot?#iefix') format('embedded-opentype'), url('fonts/Amble-LightCondensed.woff') format('woff'), url('fonts/Amble-LightCondensed.ttf') format('truetype'), url('fonts/Amble-LightCondensed.svg#Amble-LightCondensed') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Amble-LightCondensedItalic'; src: url('fonts/Amble-LightCondensedItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Amble-LightCondensedItalic.woff') format('woff'), url('fonts/Amble-LightCondensedItalic.ttf') format('truetype'), url('fonts/Amble-LightCondensedItalic.svg#Amble-LightCondensedItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Amble-Regular'; src: url('fonts/Amble-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Amble-Regular.woff') format('woff'), url('fonts/Amble-Regular.ttf') format('truetype'), url('fonts/Amble-Regular.svg#Amble-Regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Amble-Italic'; src: url('fonts/Amble-Italic.eot?#iefix') format('embedded-opentype'), url('fonts/Amble-Italic.woff') format('woff'), url('fonts/Amble-Italic.ttf') format('truetype'), url('fonts/Amble-Italic.svg#Amble-Italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Amble-Bold'; src: url('fonts/Amble-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Amble-Bold.woff') format('woff'), url('fonts/Amble-Bold.ttf') format('truetype'), url('fonts/Amble-Bold.svg#Amble-Bold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Amble-BoldItalic'; src: url('fonts/Amble-BoldItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Amble-BoldItalic.woff') format('woff'), url('fonts/Amble-BoldItalic.ttf') format('truetype'), url('fonts/Amble-BoldItalic.svg#Amble-BoldItalic') format('svg'); font-weight: normal; font-style: normal; } .container {max-width: 1170px; width: 100%; margin: 0 auto; padding-right: 15px; padding-left: 15px;} header {} header .header-top {padding-top: 20px;} header .header-top .logo {width: 455px; float: left; position: relative; z-index: 10;} header .header-top .logo img {position: absolute; left: 0; top: 0;} header .header-top .logo h1 {color: #3a9ed8; font-family: 'Amble-Regular'; font-size: 32px; font-weight: bold; line-height: 34px; padding-left: 150px; padding-top: 13px;} header .header-top .main-menu {} header .header-top .hours-of-operation {display: none;} header .header-top .main-menu ul.top-menu {list-style: none; font-size: 0; padding-top: 75px; padding-bottom: 15px; text-align: right;} header .header-top .main-menu ul li {display: inline-block; } header .header-top .main-menu ul li a {color: #3a9ed8; display: block; font-family: 'Amble-Regular'; font-size: 20px; padding: 5px 15px;} header .header-top .main-menu ul li a:hover, header .header-top .main-menu ul li.current-menu-item a, header .header-top .main-menu ul li.current-page-item a {color: #f05435;} header .header-top .main-menu .menu-responsive {display: none; position: relative; padding-right: 15px; padding-top: 30px; padding-bottom: 25px;} header .header-top .main-menu .menu-responsive .fa-bars {background: url("images/fa-bars.png") no-repeat scroll 100% 50%; height: 25px;} .menu-responsive .open {color: #da1e25; cursor: pointer; font-size: 28px; display: block; text-align: right;} .menu-responsive .open:before {margin-right:5px} .menu-responsive ul.opened.closed {display:none} .menu-responsive ul.opened {left: 0; position: absolute; top: 100%; width: 100%; background-color: #F3F0F0; padding: 8px 0; z-index: 1; margin-top: 0;} .menu-responsive ul li {display: block !important;} .menu-responsive ul li a {display: block; padding: 5px 10px; color: #000; text-align: right;} .menu-responsive ul li a:hover {background-color: #fff; color: #000;} header .header-bottom {background-color: #3a9ed8; color: #fff; position: relative; text-align: right; padding: 15px 0;} header .header-bottom p {font-family: 'Amble-Regular'; font-size: 21px; display: inline-block; margin: 0;} header .header-bottom p strong {font-family: 'Amble-Regular'; font-weight: bold;} header .header-bottom p.service-hours {font-family: 'Amble-Light'; margin-left: 50px;} @media (min-width:1024px){ header .header-top .logo {width: 465px;} header .header-top .hours-of-operation {display: block; width: 500px; float: right; text-align: right; font-size: 12px; padding-top: 15px; color: #3a9ed8;} header .header-top .hours-of-operation .contact {margin-bottom: 7px;} header .header-bottom {padding: 28px 0;} header .header-bottom p {display: none;} } /* Banner start */ #banner .wpb_wrapper {text-align: center; width: 570px;} #banner .wpb_wrapper .wpb_text_column {background-position: center bottom !important; margin-bottom: 0;} #banner .wpb_wrapper h2 {color: #f05435; font-size: 50px; font-weight: bold; line-height: 50px; margin-bottom: 20px;} #banner .wpb_wrapper p {font-size: 20px; padding: 0 70px;} #banner .wpb_wrapper p a, .wpb_wrapper p a {color: #1571a6;} /* banner-about */ #banner.banner-about {background-position: center top !important;} #banner.banner-about .wpb_wrapper {width: 635px;} #banner.banner-about .wpb_wrapper .wpb_text_column {padding: 95px 5px 30px !important;} #banner.banner-about .wpb_wrapper p {padding: 0 84px; text-align: left; line-height: 28px;} /* banner-compounding */ #banner.banner-compounding .vc_column-inner > .wpb_wrapper {width: auto;} #banner.banner-compounding .wpb_wrapper .wpb_text_column {float: right;} #banner.banner-about.banner-compounding .wpb_wrapper .wpb_wrapper {width: 635px;} /* banner-map */ #banner, #banner-map, #pharmacist, #ask-us .wpb_wrapper a, #ask-us2 .wpb_text_column.more a, #ask-us2 .wpcf7-form .wpcf7-submit {-webkit-box-shadow: 0px 5px 5px 0px rgba(20,96,140,0.75); -moz-box-shadow: 0px 5px 5px 0px rgba(20,96,140,0.75);box-shadow: 0px 5px 5px 0px rgba(20,96,140,0.75);} #banner-map .wpb_text_column {margin-bottom: 0;} /* Compounding */ #compounding {padding-left: 75px;} #compounding > .wpb_column:first-child > .vc_column-inner {border-left: 2px solid #3a9ed8; margin-left: 25px;} #compounding > .wpb_column:first-child > .vc_column-inner > .wpb_wrapper {margin-left: -70px; margin-right: 25px;} #compounding h3 {color: #1571a6; font-family: 'Amble-Regular'; font-size: 24px; font-weight: bold; margin-bottom: 0;} #compounding p {font-family: 'Amble-Light'; font-size: 20px; margin-bottom: 0;} #compounding p strong {color: #1571a6; font-family: 'Amble-Regular';} #compounding br {display: none;} /* Health Info Timeline */ #health-info-timeline {background: url("images/line.png") no-repeat scroll 50% center;} #health-info-timeline > .wpb_column:first-child, #health-info-timeline > .wpb_column:last-child {width: 20%;} #health-info-timeline > .wpb_column:nth-child(2), #health-info-timeline > .wpb_column:nth-child(3) {width: 30%;} #health-info-timeline > .wpb_column:first-child > .vc_column-inner > .wpb_wrapper {background-color: #3a9ed8; color: #fff; padding: 15px 15px 0;} #health-info-timeline > .wpb_column:first-child > .vc_column-inner:before {background-color: #3a9ed8; content: ""; height: 100px; left: 0; margin-left: 25px; position: absolute; top: 0; width: 2px;} #health-info-timeline > .wpb_column:nth-child(2) .vc_column-inner .vc_row, #health-info-timeline > .wpb_column:nth-child(3) .vc_column-inner .vc_row {margin-top: 50px;} #health-info-timeline > .wpb_column:nth-child(3) .vc_column-inner .vc_row:last-child {text-align: right;} #health-info-timeline > .wpb_column:last-child .wpb_text_column {border: 5px solid #3a9ed8; border-radius: 50%; background-color: #fff;} #health-info-timeline > .wpb_column:first-child > .vc_column-inner, #health-info-timeline > .wpb_column:last-child > .vc_column-inner {padding: 0} #health-info-timeline > .wpb_column:last-child {} #health-info-timeline > .wpb_column:last-child p {font-size: 15px; font-weight: bold; line-height: 19px; padding: 7px;} #health-info-timeline > .wpb_column:last-child > .vc_column-inner {margin-left: 40px;} #health-info-timeline > .wpb_column:last-child > .vc_column-inner > .wpb_wrapper {} #health-info-timeline > .wpb_column:last-child > .vc_column-inner > .wpb_wrapper > .wpb_text_column {padding: 25px;} #health-info-timeline > .wpb_column:last-child > .vc_column-inner:after {background-color: #3a9ed8; content: ""; height: 620px; right: 0; margin-right: 40px; position: absolute; top: 67%; width: 2px; z-index: 10;} #health-info-timeline > .wpb_column:first-child p {color: #fff; font-family: 'Amble-Regular'; font-weight: bold; font-size: 22px; text-align: center;} #health-info-timeline p {color: #00507e;} /* Ask Us */ #ask-us > .wpb_column:last-child > .vc_column-inner {margin-right: 40px;} #ask-us .wpb_wrapper p {color: #3a9ed8; font-family: 'Amble-Bold'; font-weight: bold; font-size: 30px;} #ask-us .wpb_wrapper a {background-color: #3a9ed8; border-radius: 2px; color: #fff; float: left; margin-top: 95px; margin-bottom: 25px; padding: 15px 40px; font-family: "Amble-Regular"; font-size: 20px; text-transform: uppercase;} #ask-us .wpb_wrapper a:hover {background-color: #f05435;} /* ask-us2 */ #ask-us2 {background: url("images/ask-us-bg.png") repeat-y; -webkit-background-position: calc(100% - 45px); -moz-background-position: calc(100% - 45px); background-position: calc(100% - 45px);} #ask-us2 h2 {color: #347dad; font-family: "Amble-Bold"; font-size: 30px; margin-bottom: 25px;} #ask-us2 .wpb_column {padding-bottom: 25px; padding-top: 55px;} #ask-us2 .wpb_column:first-child {padding-top: 80px;} #ask-us2 .wpb_column:nth-child(2) {padding-right: 45px;} /* #ask-us2 .wpb_column:last-child {margin-left: -40px; border-right: 2px solid #3a9ed8;} */ #ask-us2 .wpb_text_column.more a {background-color: #3a9ed8; border: medium none; color: #fff; cursor: pointer; display: inline-block; font-size: 17px; padding: 12px 30px; text-transform: uppercase;} #ask-us2 .wpb_text_column.more a:hover {background-color: #f05435;} #ask-us2 .wpcf7-form .wpcf7-text, #ask-us2 .wpcf7-form .wpcf7-textarea {border: 2px solid #3a9ed8; padding: 8px 10px; width: 100%; margin-top: 7px;} #ask-us2 .wpcf7-form .wpcf7-textarea {height: 145px;} #ask-us2 .wpcf7-form .wpcf7-submit {background-color: #3a9ed8; border: medium none; color: #fff; cursor: pointer; font-size: 17px; padding: 13px 50px 11px; text-transform: uppercase;} #ask-us2 .wpcf7-form .wpcf7-submit:hover {background-color: #f05435;} #ask-us2 .wpcf7-form p {margin-bottom: 20px;} /* Pharmacy Compounding */ #phar-compounding {padding: 40px 0 0;} #phar-compounding .wpb_column:last-child .wpb_wrapper {} #phar-compounding .wpb_column .wpb_content_element {margin-bottom: 0;} #phar-compounding .wpb_column:last-child .wpb_content_element {padding-bottom: 50px;} #phar-compounding .wpb_column:last-child .wpb_content_element p {text-align: right; line-height: 27px;} /* pharmacist */ #pharmacist {overflow: visible;} #pharmacist p {font-size: 22px;} #pharmacist .wpb_column:first-child .wpb_text_column {color: #fff; text-align: right; margin-bottom: 25px;} #pharmacist .wpb_column:last-child {} #pharmacist .wpb_column:last-child .wpb_single_image {margin-top: -117px; margin-bottom: 0 !important;} footer {background-color: #3a9ed8; color: #fff; position: relative; z-index: 20;} footer .container {background: url(images/logo-footer.png) no-repeat 100% 0; padding-bottom: 20px; padding-top: 25px;} footer h3 {font-family: 'Amble-Regular'; font-size: 17px; margin-bottom: 20px; text-transform: uppercase;} footer p {font-family: 'Amble-Regular'; font-size: 17px; margin: 0 0 10px;} footer .footer-left {width: 265px; float: left;} footer .footer-right {width: 360px; float: right; text-align: right; margin-right: 125px;} footer .footer-left, footer .footer-right {padding-top: 10px;} footer .footer-right a {color: #fff; text-decoration: underline;} #wpstats {display: none;} @media (min-width:1600px){ #banner {padding-top: 120px !important;} #banner.banner-about {padding-top: 50px !important;} } @media (min-width:1201px){ header .header-top .container {padding: 0;} } @media (max-width:1200px){ header .header-top {padding-top: 15px;} header .header-bottom p.service-hours {margin-left: 20px;} header .header-top .logo img {width: 125px;} header .header-top .logo h1 {padding-left: 140px;} #ask-us .wpb_wrapper img {margin-top: 10px;} footer .footer-right {margin-right: 110px;} } @media (max-width:1024px){ #banner {padding-top: 0 !important;} #banner .wpb_wrapper {width: 430px;} #banner.banner-about .wpb_wrapper {width: 530px;} #banner.banner-about .wpb_wrapper p {line-height: 22px;} #banner.banner-about.banner-compounding .wpb_wrapper .wpb_wrapper {width: 530px;} #banner .wpb_wrapper .wpb_text_column {background-size: 100% auto;} #banner .wpb_wrapper h2 {font-size: 34px; line-height: 34px;} #banner .wpb_wrapper p {font-size: 18px; padding: 0 30px;} #health-info-timeline > .wpb_column:last-child > .vc_column-inner {margin-left: 20px;} #health-info-timeline {background-size: 90% auto; background-position: 50% 45%;} #health-info-timeline > .wpb_column:first-child > .vc_column-inner:before {margin-left: 60px;} #compounding > .wpb_column:first-child > .vc_column-inner {margin-left: 60px;} #compounding > .wpb_column:first-child > .vc_column-inner .vc_col-sm-4 {width: 30%;} } @media (min-width:768px) and (max-width:980px) { /* #compounding > .wpb_column:first-child > .vc_column-inner > .wpb_wrapper {margin-left: -35px;} */ #compounding > .wpb_column:first-child > .vc_column-inner {margin-left: 45px;} #compounding > .wpb_column:first-child > .vc_column-inner > .wpb_wrapper {margin-left: -55px;} #compounding br {display: none;} #compounding .wpb_column:last-child .vc_column-inner {padding: 5px;} #phar-compounding .wpb_column:last-child .wpb_content_element p {line-height: 25px;} #pharmacist .wpb_column:last-child .wpb_single_image {margin-top: -70px;} #health-info-timeline > .wpb_column:last-child > .vc_column-inner {margin-left: 0;} #health-info-timeline > .wpb_column:last-child p {padding: 5px;} #health-info-timeline > .wpb_column:last-child > .vc_column-inner:after {top: 68%;} #health-info-timeline > .wpb_column:first-child > .vc_column-inner:before {height: 107px; margin-left: 45px;} #health-info-timeline > .wpb_column:first-child p {font-size: 20px;} #ask-us .wpb_wrapper p {font-size: 22px;} #ask-us .wpb_wrapper a {margin-top: 50px; padding: 15px 30px;} img.alignright {width: 100px;} } @media (min-width:768px){ #phar-compounding .wpb_column:nth-child(2) .vc_column-inner {margin-left: -100px;} } @media (max-width:768px){ header .header-top .main-menu ul.top-menu {padding-top: 92px;} #health-info-timeline > .wpb_column:last-child p {padding: 0px;} #health-info-timeline > .wpb_column:last-child > .vc_column-inner:after {top: 67%;} } @media (max-width:767px){ header .header-top {padding-top: 15px; position: relative;} header .header-top .container {padding: 0 10px;} header .header-top .top-menu {display: none;} header .header-top .main-menu {position: absolute; right: 0; top: 25px; width: 100%;} header .header-top .main-menu .menu-responsive {display: block;} #compounding > .wpb_column:first-child > .vc_column-inner {margin-left: 15px;} #compounding > .wpb_column:first-child > .vc_column-inner > .wpb_wrapper {margin-left: 0} #compounding > .wpb_column:first-child > .vc_column-inner > .wpb_wrapper .vc_col-sm-4 {width: 25%} #compounding > .wpb_column:first-child > .vc_column-inner > .wpb_wrapper .vc_col-sm-8 {width: 70%; text-align: left;} #compounding p {font-size: 19px;} #compounding br {display: none;} #health-info-timeline > .wpb_column:last-child > .vc_column-inner {margin-left: 50px; margin-right: 50px;} #health-info-timeline > .wpb_column:last-child > .vc_column-inner:after {background-color: transparent;} #health-info-timeline > .wpb_column:last-child p {padding: 30px;} #health-info-timeline > .wpb_column:first-child, #health-info-timeline > .wpb_column:last-child {width: 100%;} #health-info-timeline > .wpb_column:nth-child(2), #health-info-timeline > .wpb_column:nth-child(3) {width: 49%;} #health-info-timeline > .wpb_column:nth-child(2) .vc_col-sm-3, #health-info-timeline > .wpb_column:nth-child(3) .vc_col-sm-3 {width: 25%;} #health-info-timeline > .wpb_column:nth-child(2) .vc_col-sm-9, #health-info-timeline > .wpb_column:nth-child(3) .vc_col-sm-9 {width: 75%;} #health-info-timeline > .wpb_column:nth-child(2) .vc_col-sm-9 .vc_column-inner, #health-info-timeline > .wpb_column:nth-child(3) .vc_col-sm-9 .vc_column-inner {padding-right: 0;} #health-info-timeline > .wpb_column:first-child > .vc_column-inner > .wpb_wrapper {margin: 0 15px; padding-top: 25px;} #phar-compounding .wpb_column .wpb_content_element {text-align: center;} #phar-compounding .wpb_column:last-child .wpb_content_element p {text-align: left;} #phar-compounding .wpb_column:last-child .wpb_content_element {padding-bottom: 15px;} #phar-compounding .wpb_column:nth-child(2) {-moz-box-ordinal-group: 3; -webkit-box-ordinal-group: 2; -webkit-order: 3; -ms-flex-order: 3; order: 3;} #phar-compounding .wpb_column:nth-child(2) .wpb_content_element {padding-bottom: 0px;} #phar-compounding .wpb_column .vc_column-inner {padding-left: 5%; padding-right: 5%; padding-top: 20px;} #phar-compounding .wpb_column .vc_column-inner .wpb_single_image img {max-width: 65%;} #phar-compounding .wpb_column:nth-child(2) .vc_column-inner .wpb_single_image img {max-width: 50%;} #pharmacist .wpb_column:first-child .wpb_text_column {text-align: left;} #pharmacist .wpb_column:last-child .wpb_single_image {margin-top: -20px;} #ask-us > .wpb_column:last-child > .vc_column-inner {padding-top: 25px;} #ask-us .wpb_wrapper p {font-size: 25px;} #ask-us .wpb_single_image {margin-bottom: 0;} #ask-us2 .wpb_column {padding: 10px 0 0 !important;} #ask-us2 .wpb_column .vc_column-inner {padding: 25px 50px 0 15px !important;} #ask-us2 .wpb_column .vc_column-inner .wpb_content_element {margin-bottom: 10px !important; padding-top: 0 !important;} #ask-us2 .wpb_column .wpcf7-form {padding-right: 10px;} footer .footer-right {margin: 30px 0 25px; text-align: left; width: 100%;} } @media (max-width:568px){ #banner.banner-about .wpb_wrapper {width: 530px;} #banner.banner-about > .wpb_column > .vc_column-inner {padding-left: 0!important; padding-right: 0!important;} #banner.banner-about .wpb_wrapper {width: auto;} #banner.banner-about .wpb_wrapper .wpb_text_column {padding: 30px 5px 20px!important; background-color: rgba(255, 255, 255, 0.7); background-image: none!important; -webkit-border-top-left-radius: 50%; -webkit-border-top-right-radius: 50%; border-top-left-radius: 50%; border-top-right-radius: 50%;} #banner.banner-about .wpb_wrapper p {line-height: 20px; padding: 0 35px;} #banner.banner-about.banner-compounding .wpb_wrapper .wpb_wrapper {width: auto;} } @media (max-width:480px){ header .header-top .logo {width: 320px;} header .header-top .logo img {width: 110px;} header .header-top .logo h1 {font-size: 22px; line-height: 22px; padding-left: 120px; padding-top: 10px;} header .header-bottom p {font-size: 18px;} #banner .wpb_wrapper {width: 320px;} #banner .wpb_wrapper .wpb_text_column {padding: 100px 0 20px !important;} #banner .wpb_wrapper h2 {font-size: 25px; line-height: 22px;} #banner .wpb_wrapper p {font-size: 15px; padding: 0 7px;} #compounding > .wpb_column:first-child > .vc_column-inner > .wpb_wrapper {margin-left: 0; text-align: center;} #compounding > .wpb_column:first-child > .vc_column-inner > .wpb_wrapper .wpb_single_image.vc_align_left {margin-bottom: 15px; text-align: center;} #health-info-timeline > .wpb_column:last-child p {padding: 10px;} #health-info-timeline {background-position: 55% 45%; background-size: 150% auto;} #health-info-timeline p {font-size: 15px;} #ask-us .wpb_wrapper p {font-size: 22px;} footer .container {padding: 0 15px;} } @media (max-width:479px){ header .header-top .logo {width: 240px;} header .header-top .logo img {width: 90px;} header .header-top .logo h1 {font-size: 20px; line-height: 20px; padding-left: 100px;} header .header-top .main-menu .menu-responsive {padding-top: 20px;} header .header-bottom p {font-size: 16px;} header .header-bottom p.service-hours {margin-left: 0;} header .header-bottom p strong {font-size: 15px;} #compounding h3 {font-size: 22px;} #compounding p {font-size: 18px;} #compounding > .wpb_column:first-child > .vc_column-inner > .wpb_wrapper .vc_col-sm-4 {width: 100%;} #compounding > .wpb_column:first-child > .vc_column-inner > .wpb_wrapper .vc_col-sm-8 {width: 100%;} #phar-compounding .wpb_column .vc_column-inner {padding-left: 15px; padding-right: 15px;} #ask-us > .wpb_column:last-child > .vc_column-inner {margin-right: 0;} #ask-us .wpb_wrapper p {font-size: 21px;} #ask-us .wpb_wrapper a {font-size: 15px;} footer .footer-left {padding-top: 45px;} } @media (max-width:360px){ #banner .wpb_wrapper {width: 295px;} #banner .wpb_wrapper .wpb_text_column {padding: 100px 0 5px !important;} }