| Current Path : /home/balossw/www/site2/templates/shaper_doctor/less/ |
| Current File : /home/balossw/www/site2/templates/shaper_doctor/less/responsive.less |
/**
* @package Helix Framework
* @author JoomShaper http://www.joomshaper.com
* @copyright Copyright (c) 2010 - 2016 JoomShaper
* @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later
*/
/*
* Custom Responsive Media Query
*/
//High Defination
@media only screen and (max-width : 1200px) {
.sppb-addon-appointment-form form.sppb-appointment-form.light >.sppb-form-group,
.sppb-addon-appointment-form form.sppb-appointment-form.light >.sppb-form-btn {
width: 245px;
float: left;
margin: 15px;
}
.sppb-addon-appointment-form form.sppb-appointment-form.light{
margin-top: -20px !important;
}
.sp-comingsoon .days .number,
.sp-comingsoon .hours .number,
.sp-comingsoon .seconds .number,
.sp-comingsoon .minutes .number{
font-size: 120px;
}
}
@media only screen and (min-width : 1200px) {
#sp-page-title .sp-page-title .breadcrumb{
width: 500px;
}
}
//Mini Desktop
@media screen and (min-width: 992px) and (max-width: 1199px){
/* *************** START Homepage ***************** */
/* **************************************************** */
//Menu
.sp-megamenu-parent > li > a {
font-size: 14px;
}
#sp-page-title .sp-page-title .breadcrumb{
width: 460px;
}
//slider
.sppb-slider-wrapper {
.sppb-slide-item-bg {
padding: 35px 0 60px;
height: 470px;
.sppb-slideshow-fullwidth-item-text {
.sppb-fullwidth-title {
font-size: 40px;
.sppb-slidehsow-sub-title {
font-size: 60px;
}
}
}
}
}
//Feature
.mednet-features-list {
.sppb-addon-feature {
padding: 35px 40px 40px 0;
}
}
//Service
.mednet-core-service{
padding: 80px 0 !important;
}
//About
.mednet-home-about{
padding-bottom: 50px !important;
.sppb-addon-animated-number{
.sppb-animated-number{
font-size: 50px !important;
}
}
}
//Team
.mednet-home-team{
padding-top: 80px !important;
}
//Success Story
.mednet-success-story{
margin: 60px 0 70px !important;
}
.mednet-text-block-v2 {
padding-right: 0;
}
//Expert Advice
.mednet-expert-advice{
padding: 80px 0 50px !important;
}
//Tweet
.sppb-addon-tweet {
.sppb-tweet-slider {
padding-right: 45px;
padding-top: 55px;
}
}
//Footer Widget
.mednet-footer-widget{
padding: 80px 0 !important;
}
.sppb-addon-feature.sp-contact-info {
padding: 35px 25px;
}
.sppb-addon-feature.sp-contact-info {
.sppb-addon-text {
.working-hours{
font-size: 14px;
}
}
}
//Bottom
#sp-bottom {
padding: 70px 0 50px !important;
}
/* **************** END:: Homepage ***************** */
/* **************************************************** */
/* *************** START About page *************** */
/* **************************************************** */
//About
.mednet-home-about {
padding-bottom: 80px !important;
padding-top: 70px !important;
}
//Biography
.about-tabs{
padding: 60px 0 40px !important;
}
#sp-page-builder .about-tabs{
.sppb-section-title {
margin-bottom: 30px;
}
}
.mednet-tabs {
.sppb-tab {
.sppb-nav-tabs {
padding: 18px 0 50px;
}
}
}
//Team
.mednet-team{
padding-top: 70px !important;
}
//Appoinment
.mednet-appoinment{
padding: 60px 0 !important;
}
//Biography
.mednet-accordion{
padding: 80px 0!important;
}
/* ************** END:: About page *************** */
/* **************************************************** */
/* ************* START Contact Page *************** */
/* **************************************************** */
.mednet-contact-page{
padding: 60px 0 90px !important;
.sppb-addon-text-block,.sppb-addon-ajax-contact {
.sppb-addon-title{
font-size: 40px !important;
margin-bottom: 50px !important;
}
}
}
.sppb-addon-ajax-contact.contact-page-form {
.sppb-ajaxt-contact-form {
.sppb-form-group {
margin-right: 0;
width: 100%;
}
}
}
/* ************** END:: Contact Page *************** */
/* **************************************************** */
/* *************** START Faq Page ****************** */
/* **************************************************** */
.mednet-accordion {
.sppb-addon-accordion {
.sppb-addon-content::before {
height: 95%;
}
}
}
/* **************** END:: Faq Page ***************** */
/* **************************************************** */
//Blog Page
.sp-mednet-feature {
margin-bottom: 30px;
}
}
//Tablet
@media only screen and (max-width : 992px) {
#sp-page-title .sp-page-title .breadcrumb{
height: inherit;
right: 15px;
width: 300px;
}
.sppb-addon-blocknumber {
.sppb-blocknumber {
.sppb-blocknumber-number {
font-size: 55px !important;
}
}
}
.sppb-addon-appointment-form form.sppb-appointment-form.light >.sppb-form-group,
.sppb-addon-appointment-form form.sppb-appointment-form.light >.sppb-form-btn {
width: 100%;
padding-right: 15px !important;
}
.sppb-addon-appointment-form form.sppb-appointment-form.light {
margin-bottom: 50px !important;
}
.sp-comingsoon .days .number,
.sp-comingsoon .hours .number,
.sp-comingsoon .seconds .number,
.sp-comingsoon .minutes .number{
font-size: 80px;
}
#sp-bottom1, #sp-bottom2, #sp-bottom3{
margin-bottom: 20px;
overflow: hidden;
}
}
@media screen and (min-width: 768px) and (max-width: 991px){
/* *************** START Homepage ***************** */
/* **************************************************** */
//slider
.sppb-slider-wrapper {
.sppb-slide-item-bg {
padding: 35px 0 60px;
height: 385px;
.sppb-slideshow-fullwidth-item-text {
.sppb-fullwidth-title {
font-size: 35px;
.sppb-slidehsow-sub-title {
font-size: 35px;
}
}
.details {
margin-bottom: 30px;
margin-top: 20px;
}
}
}
}
//Feature
.mednet-features-list {
.sppb-addon-feature {
padding: 0 40px 0 0;
}
}
//Service
.mednet-core-service{
padding: 60px 0 !important;
.sppb-addon-blocknumber {
.sppb-blocknumber{
.sppb-blocknumber-number{
font-size: 45px !important;
}
}
}
}
#sp-page-builder {
.sppb-section-title {
.sppb-title-subheading {
font-size: 40px !important;
}
}
}
//About
.mednet-home-about{
padding-top: 50px !important;
padding-bottom: 60px !important;
.sppb-addon-container {
padding-left: 0px !important;
.sppb-addon-animated-number{
.sppb-animated-number{
font-size: 50px !important;
}
}
.sppb-empty-space.clearfix{
margin-bottom: 30px !important;
}
}
.sppb-addon-feature {
margin-bottom: 0;
}
}
//Team
.mednet-home-team{
padding-top: 60px !important;
}
.sppb-addon-persion {
.sppb-person-information {
left: 0;
}
}
//Success Story
.mednet-success-story{
margin: 45px 0 50px !important;
.mednet-text-block-v2 {
padding-right: 0;
}
}
.sppb-testimonial-pro-advanced {
.sppb-addon-title{
margin-bottom: 25px !important;
}
.sppb-testimonial-content {
margin-left: 35px;
margin-top: 30px;
padding-left: 0;
}
.sppb-carousel-indicators {
margin-top: 40px;
li.sppb-tm-indicators {
height: 50px;
width: 50px;
}
}
}
//Expert Advice
.mednet-expert-advice{
padding: 60px 0 !important;
.sppb-section-title {
margin-bottom: 25px !important;
}
}
.sppb-addon-articles {
.sppb-addon-article {
padding: 25px 20px;
.sppb-img-wrap {
width: 80px;
}
.sppb-article-info {
padding-left: 25px;
.sppb-article-title {
font-size: 20px;
}
}
}
}
//Tweet
.sppb-addon-tweet {
.sppb-tweet-slider {
padding: 25px 40px 60px 235px;
}
}
.sppb-addon-tweet::before {
top: 20px;
}
//Footer Widget
.mednet-footer-widget{
padding: 70px 0 40px !important;
.sppb-col-sm-3{
width: 50%;
&:nth-child(3){
clear: left;
}
.sppb-addon-feature.sp-contact-info {
margin-bottom: 30px;
}
}
}
//Footer
#sp-bottom {
padding: 60px 0 50px !important;
}
#sp-footer1{
.sp-module ul {
li {
margin-right: 20px;
a {
line-height: 1;
padding: 0;
}
}
}
}
/* **************** END:: Homepage ***************** */
/* **************************************************** */
/* *************** START About page *************** */
/* **************************************************** */
//Breadcrumb
#sp-page-title{
.sp-page-title {
h3{
font-size: 35px;
}
}
}
//Biography
.about-tabs{
padding: 60px 0 40px !important;
}
#sp-page-builder .about-tabs{
.sppb-section-title {
margin-bottom: 30px;
}
}
.mednet-tabs {
.sppb-tab {
.sppb-nav-tabs {
padding: 18px 0 50px;
}
}
}
//Team
.mednet-team{
padding-top: 70px !important;
}
//Appoinment
.mednet-appoinment{
padding: 60px 0 !important;
}
//Biography
.mednet-accordion{
padding: 80px 0!important;
}
/* ************** END:: About page *************** */
/* **************************************************** */
/* ************* START Contact Page *************** */
/* **************************************************** */
.mednet-contact-page{
padding: 40px 0 70px !important;
.sppb-addon-text-block,.sppb-addon-ajax-contact {
.sppb-addon-title{
font-size: 35px !important;
margin-bottom: 40px !important;
}
}
}
.sppb-addon-ajax-contact.contact-page-form {
.sppb-ajaxt-contact-form {
.sppb-form-group {
margin-right: 0;
width: 100%;
}
}
}
/* ************** END:: Contact Page *************** */
/* **************************************************** */
/* *************** START Faq Page ****************** */
/* **************************************************** */
/* *************** START Blog Page ***************** */
/* **************************************************** */
#sp-bottom-feature{
padding: 0;
}
#sp-main-body{
#sp-right {
margin-top: 0;
}
}
.sp-mednet-features {
.col-sm-3{
width: 50%;
}
}
#sp-left,
#sp-right {
.sp-module {
.sp-module-title{
padding-left: 20px;
}
.sp-module-content {
.latestnews {
> div {
display: table;
padding: 12px 20px 17px;
width: 100%;
}
.mednet-news-title {
padding-left: 0;
padding-top: 10px;
width: 100%;
}
}
}
}
}
/* *************** END:: Blog Page ***************** */
/* **************************************************** */
.mednet-accordion .sppb-addon-accordion {
padding-left: 0;
}
/* **************** END:: Faq Page ***************** */
/* **************************************************** */
}
//Mobile Device
@media only screen and (max-width : 768px) {
//mixed responsive
.spb-res-margin{
margin: 50px 0 !important; // Decrease Section margin, when widows size less than 768px;
}
.spb-res-padding{
padding: 50px 0 !important; // Decrease Section padding, when widows size less than 768px;
}
.spb-res-mixed-padding{
padding: 50px 0 100px !important; // Decrease Section padding, when widows size less than 768px;
}
.spb-res-bottom-padding{
padding: 0 0 30px !important; // Decrease Section padding, when widows size less than 768px;
}
.spb-res-top-padding{
padding: 50px 0 0 !important; // Decrease Section padding, when widows size less than 768px;
}
#sp-page-title .sp-page-title {
padding: 60px 0;
}
#sp-right{
margin-top: 50px;
}
body.view-category{
article.item{
.entry-image a:after{
font-size: 25px;
}
}
}
.doctor-static-hero-section .sppb-addon-container {
padding: 0 !important;
}
.doctor-static-hero-section .sppb-addon-cta .sppb-cta-title {
font-size: 30px !important;
line-height: 1 !important;
}
.doctor-static-hero-section .sppb-addon-cta .sppb-cta-subtitle {
font-size: 45px !important;
line-height: 1 !important;
}
//doctor-appointment-hero-section
.sppb-addon-appointment-form.doctor-appointment-hero-section{
margin-top: 30px;
.sppb-addon-title {
padding: 12px 25px;
font-size: 20px;
}
form.sppb-appointment-form .sppb-form-btn{
margin-left: 18px;
}
}
.doctor-static-hero-section.spb-res-padding{
padding: 50px 0 !important;
}
.doctor-static-hero-section .sppb-addon-video{
margin-top: 30px;
}
.pagination-wrapper .pagination{
margin-top: 20px;
}
.sp-mednet-feature {
margin-bottom: 30px;
}
.sppb-addon-feature{
margin-bottom: 30px;
}
.mednet-stats{
.sppb-addon-feature{
margin-bottom: 15px;
}
}
.mednet-text-block-title{
h1.sppb-addon-title{
font-size: 30px;
}
}
.mednet-services-step{
&:before{
display: none;
}
.sppb-addon-blocknumber{
.sppb-blocknumber-number{
font-size: 50px !important;
line-height: 50px !important;
}
.sppb-blocknumber >.pull-left{
margin-right: 20px;
}
}
}
.mednet-services-list .sppb-addon-feature{
margin-bottom: 30px;
.sppb-icon{
i{
font-size: 50px !important;
width: 50px !important;
height: 50px !important;
line-height: 50px !important;
}
}
}
.mednet-features-list .mednet-features-three {
padding-left: 15px;
}
.mednet-accordion{
background: none !important;
.sppb-addon-accordion{
margin-left: 10px;
.sppb-addon-content .sppb-panel.sppb-panel-default .sppb-panel-heading .sppb-panel-title{
line-height: 1.2;
}
}
}
.sppb-addon-appointment-form form.sppb-appointment-form.light {
overflow: hidden;
margin-top: 30px !important;
margin-right: 0;
margin-left: -15px;
}
#sp-footer2{
margin-top: 20px;
}
.sp-comingsoon .sp-position-comingsoon{
width: 100%;
}
section#sp-bottom-feature {
padding: 50px 0;
}
}
@media screen and (min-width: 320px) and (max-width: 767px){
/* *************** START Homepage ***************** */
/* **************************************************** */
//Header
#sp-top1,
#sp-top2{
text-align: center;
}
#sp-top-bar .sp-module {
margin: 0;
}
#sp-menusocial{
padding: 0;
}
#sp-menu{
padding: 0 15px 0 0;
}
//slider
.sppb-section.doctor-static-hero-section{
background-position: -50px center !important;
background-size: auto auto !important;
}
.sppb-slider-wrapper {
.sppb-slide-item-bg {
padding: 35px 0 60px;
height: 390px;
.sppb-slideshow-fullwidth-item-text {
width: 60%;
.sppb-fullwidth-title {
font-size: 35px;
.sppb-slidehsow-sub-title {
font-size: 35px;
}
}
.details {
margin-bottom: 30px;
margin-top: 20px;
}
}
}
.customNavigation {
a {
bottom: 15px;
right: 15px;
}
}
}
//Feature
.mednet-features-list {
.sppb-row > div {
margin: 0 -15px;
}
.mednet-features-one{
margin-left: 25px;
}
}
//Service
#sp-page-builder{
.mednet-core-service{
padding: 60px 0 !important;
.sppb-addon-container {
.sppb-empty-space.clearfix{
margin-bottom: 15px !important;
}
}
}
.sppb-section-title {
margin-bottom: 25px !important;
.sppb-title-subheading{
line-height: .9;
font-size: 32px !important;
}
}
}
//About me
.mednet-home-about{
.sppb-addon-container {
padding-left: 0 !important;
}
padding-bottom: 50px !important;
.mednet-text-block-title{
.sppb-addon-title{
font-size: 35px !important;
}
}
}
//Team
.mednet-home-team{
padding-top: 60px !important;
}
//Appoinment
.mednet-appoinment{
.mednet-text-block{
.sppb-addon-title{
font-size: 32px !important;
}
}
}
.sppb-addon-appointment-form form.sppb-appointment-form > .sppb-form-group,
.sppb-addon-appointment-form form.sppb-appointment-form > .sppb-form-btn {
margin: 15px 0;
width: 100%;
}
.sppb-addon-appointment-form form.sppb-appointment-form {
margin: 0;
overflow: inherit;
}
//Success Story
.mednet-success-story{
margin: 40px 0 40px!important;
.sppb-testimonial-pro-advanced{
padding-right: 0;
.sppb-addon-title{
font-size: 32px !important;
}
.mednet-text-block-v2{
padding-right: 0;
}
.sppb-carousel-indicators {
margin-top: 50px;
li.sppb-tm-indicators{
width: 50px;
height: 50px;
}
}
.sppb-testimonial-content {
margin-top: 30px;
padding-left: 25px;
}
.sppb-testimonial-message {
margin-bottom: 25px;
}
}
}
//Expert Advice
.mednet-expert-advice{
padding: 60px 0 !important;
}
.sppb-addon-articles {
.sppb-addon-article {
padding: 25px 20px;
.sppb-img-wrap {
width: 70px;
.sppb-img:after{
font-size: 20px;
}
}
.sppb-article-info {
padding-left: 20px;
.sppb-article-title{
font-size: 20px;
}
}
}
}
//Twitter Feed
.sppb-addon-tweet {
&:before {
left: 20px;
top: 8px;
}
.sppb-tweet-slider {
padding: 30px 30px 0;
margin-bottom: 50px;
&:after{
width: auto;
}
&:before{
display: none;
}
.sppb-tweet-text {
font-size: 20px;
line-height: 1.2;
}
}
}
//Footer Widget
.mednet-footer-widget{
padding: 0px 0 30px !important;
.sppb-addon-feature{
margin-bottom: 30px;
}
}
#sp-bottom {
padding: 45px 0 35px !important;
}
#sp-footer {
padding: 0 0 25px;
.sp-module ul > li > a {
line-height: 2;
padding: 0;
}
}
//Footer
#sp-footer{
#sp-footer1{
.sp-module-content{
ul.nav.menu{
text-align: center;
li{
margin: 0 15px;
}
}
}
}
#sp-footer2{
.sp-copyright{
text-align: center;
float: none;
}
}
}
/* **************** END:: Homepage ***************** */
/* **************************************************** */
/* ************* START About Me ******************* */
/* **************************************************** */
//Breadcrumb
#sp-page-title{
.sp-page-title {
h3{
font-size: 30px;
}
.breadcrumb {
left: auto;
margin-top: 20px;
position: relative;
right: auto;
height: inherit;
}
}
}
//About
.mednet-home-about{
padding-top: 50px !important;
}
//Biography
.about-tabs.mednet-major-bg{
padding: 60px 0 !important;
.mednet-tabs {
.sppb-tab {
.sppb-nav-tabs {
padding: 18px 0 0;
}
.sppb-tab-pane {
.line{
display: none;
}
.col-sm-3{
&:before{
display: none;
}
&:after{
display: none;
}
}
}
}
}
}
//Team
.mednet-team{
padding: 60px 0 0 !important;
}
//Call to action
.mednet-callto-action{
padding: 60px 0 !important;
.sppb-cta-title{
font-size: 32px !important;
margin-bottom: 30px !important;
}
.sppb-addon-cta {
.sppb-row {
.sppb-text-right{
text-align: left;
}
.sppb-btn.sppb-btn-primary {
font-size: 16px;
margin-top: 30px;
padding: 0 25px;
white-space: normal;
}
}
}
}
// Choose us
.mednet-accordion{
padding: 60px 0 !important;
.sppb-section-title {
.sppb-title-heading{
font-size: 32px !important;
margin-bottom: 20px !important;
}
}
.sppb-addon-accordion {
padding-left: 0;
background: #fff;
}
.sppb-addon-accordion {
.sppb-addon-content {
.sppb-panel.sppb-panel-default {
.sppb-panel-heading {
.sppb-panel-title {
font-size: 20px;
}
}
}
}
}
}
//Footer widget
.mednet-footer-widget.about-page{
padding-top: 60px !important;
}
/* ****************** END:: About Me *************** */
/* **************************************************** */
/* ************* START Contact *************** */
/* **************************************************** */
.mednet-contact-page{
padding: 30px 0 60px !important;
.sppb-addon-text-block{
.sppb-addon-title{
font-size: 32px !important;
margin-bottom: 10px !important;
}
}
.sppb-addon-feature {
margin-bottom: 0;
}
.sppb-empty-space.clearfix{
margin-bottom: 25px !important;
}
.sppb-addon-ajax-contact.contact-page-form{
width: 100%;
display: table;
.sppb-addon-title{
font-size: 32px !important;
margin-bottom: 30px !important;
margin-top: 10px !important;
}
.sppb-ajaxt-contact-form {
.sppb-form-group {
margin-right: 0;
width: 100%;
}
}
}
.sppb-icon.sppb-text-left {
margin-bottom: 25px;
}
}
/* ************** END:: Contact *************** */
/* **************************************************** */
/* *************** START Blog Page ****************** */
/* **************************************************** */
body:not(.view-article) {
article{
&.item {
.blog-info-wrapper {
padding: 20px 25px 25px;
}
.entry-quote {
padding: 160px 30px 30px;
}
.entry-link {
padding: 60px;
}
}
}
}
/* *************** END:: Blog Page ****************** */
/* **************************************************** */
/* *************** START Faq Page ****************** */
/* **************************************************** */
.mednet-accordion.faq-page {
.sppb-addon-accordion {
.sppb-addon-content::before {
height: 97%;
}
}
}
/* **************** END:: Faq Page ***************** */
/* **************************************************** */
/* *************** START 404 page ***************** */
/* **************************************************** */
.error-page-wrap {
padding: 40px 0;
}
.error-page-logo {
padding: 0 30px;
}
/* **************** END:: 404 page ***************** */
/* **************************************************** */
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 490px) {
.doctor-static-hero-section .sppb-addon-cta .sppb-btn{
display: block;
}
.doctor-static-hero-section {
padding: 90px 0 !important;
}
.doctor-static-hero-section .sppb-addon-container {
padding: 0 !important;
}
.sppb-testimonial-pro-advanced .sppb-carousel-icon{
font-size: 30px;
}
.sppb-testimonial-pro-advanced .sppb-testimonial-message{
font-size: 18px;
}
.sppb-slider-wrapper .sppb-slide-item-bg .sppb-slideshow-fullwidth-item-text{
width: 100%;
}
.sppb-addon-appointment-form.doctor-appointment-hero-section form.sppb-appointment-form .sppb-form-group:first-child{
padding-right: 0;
}
.sppb-addon-appointment-form.doctor-appointment-hero-section form.sppb-appointment-form .sppb-form-group {
width: 100%;
margin: 0;
margin-bottom: 15px;
}
.sppb-slider-wrapper .customNavigation a{
font-size: 25px;
width: 40px;
height: 40px;
line-height: 40px;
}
.sppb-slider-wrapper .customNavigation a.sppbSlidePrev {
right: 65px;
}
.sppb-slider-wrapper .owl-theme .owl-dots .owl-dot span{
width: 15px;
height: 15px;
}
body.view-category article.item .entry-image{
display: block;
}
body .appointment-callto-action .sppb-addon-text-block .sppb-addon-content span{
font-size: 25px !important;
line-height: 1.2;
&:before{
font-size: 25px;
left: -15px;
}
}
.sp-comingsoon {
.sp-position-comingsoon{
width: 100%;
}
.comingsoon-page-logo img {
max-width: 180px;
}
.sp-comingsoon-countdown>div{
margin-right: 30px;
&:after{
height: 8px;
width: 8px;
right: -20px;
}
}
.days .number,
.hours .number,
.seconds .number,
.minutes .number{
font-size: 40px;
}
.bottom-newsletter .acymailing_form .acysubbuttons input{
padding: 0 20px;
}
}
.sp-comingsoon .sp-comingsoon-countdown>div{
margin-bottom: 30px;
}
.sppb-addon-blocknumber {
.sppb-blocknumber {
.sppb-blocknumber-number {
font-size: 35px !important;
}
}
}
.sppb-addon-animated-number{
margin-bottom: 15px;
.sppb-animated-number{
font-size: 35px !important;
line-height: 1 !important;
}
}
}