/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Nov 19, 2014, 10:43:16 AM
    Author     : andrei.andriesi
*/

@media only screen and (max-width: 767px) {

    .navbar .navbar-header .navbar-brand {
        padding: 15px 0px;
    }
    
    .navbar-nav {
        margin: 7.5px 0;
    }
    
    .navbar-nav > li > a {
        padding-bottom: 0;
        padding-top: 18px;
    }
    
    .navbar {
        margin-bottom: 17px;
    }
    
    .navbar-right {
        float: right !important;
    }
    
    .navbar-left {
        float: left !important;
    }
    
    #top-section-background-image {
        background: url('../images/Main_Background_image_480X228.jpg?ver3');
        background-repeat: no-repeat;
        background-position: 40% 50%;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        
    }
    
    #top-section-textarea-row {
        min-height: 420px;
    }
    
    #app-store-row {
        margin-top: 37px;
        margin-bottom: 37px;
    }
    
    #therapeuts-carousel-prezentation {
        font-size: 2em;
        padding-top: 34px;
        padding-bottom: 28px;
        line-height: 1.2em;
    }
    
    #third-section {
        background: url('../images/Devices_Background_image_480X108.jpg?ver3'); 
        padding-top: 81px;
        padding-bottom: 47px;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;    
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    #fith-section {
        background: url('../images/Testimonial_Background_image_480X768.jpg?ver3'); 
        min-height: 320px;
        padding-top: 50px;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;    
        background-position: 50% 18%;
        background-repeat: no-repeat;
        background-size: cover;    
    }
    
    #fith-section .user-review-comment {
        margin-top: 20px;
    }
    
    .arrow-right:after, .arrow-right:before { 
        top: 100%; 
        left: 65%; 
        border: solid transparent; 
    } 
    
    .arrow-right:after { 
        border-color: rgba(135, 184, 189, 0); 
        border-top-color: #87B8BD;
        border-width: 15px; 
        margin-left: -15px; 
        margin-top: 0;
    } 
    
    .arrow-right:before { 
        border-top-color: #ffffff; 
        border-width: 22px; 
        margin-left: -22px;
        margin-top: 0;
    }
    
    .forums-bubble .forums-bubble-avatar {
        max-width: 100%;
        margin-bottom: 6px;
    }

    #footer-page-links {
        margin-top: 38px;
    } 
    #footer-social-links {
        margin-top: 42px;
        margin-bottom: 36px;
    }    
    #footer-description {
        margin-bottom: 52px;
    }    
        
    .forums-bubble-wrapper {
        border: 0;
    }
    .forums-bubble-wrapper:after, .forums-bubble-wrapper:before {
        display: none;
        content: none;
    }        
    .forums-bubble-wrapper {
        padding-bottom: 24px;
        text-align: center;
    }
    .forums-bubble-wrapper {
        min-height: 140px;
    }    
    .forums-bubble-explore {
        min-height: 0;
        padding-top: 10px;
        font-size: 1.2em;
    }
    .forums-bubble-explore .row > div {
        padding: 0;
    }
    .forums-bubble-explore .explore-link {
        text-align: right;
    }
    
    #forums-description h3{
        margin-bottom: 27px;
    }    
    #forums .forums-bubble {
        margin-top: 0;
        margin-bottom: 25px;
    }
    #forums .forums-bubble.alt {
        margin-top: 0;
        margin-bottom: 36px;
    }    
    #forums-explore {
        margin-bottom: 63px;
    }
    
    .forums-bubble-up-arrow {
    	position: relative;
    	background: #F2EEEB;
    	border: 5px solid #64CCCD;
        margin-top: 30px;
    }
    .forums-bubble-up-arrow:after, .forums-bubble-up-arrow:before {
    	bottom: 100%;
    	left: 50%;
    	border: solid transparent;
    	content: " ";
    	height: 0;
    	width: 0;
    	position: absolute;
    	pointer-events: none;
    }
    
    .forums-bubble-up-arrow:after {
        border-color: rgba(242, 238, 235, 0);
        border-bottom-color: #F2EEEB;
        border-width: 15px;
        margin-left: -15px;
    }
    
    .forums-bubble-up-arrow:before {
        border-color: rgba(100, 204, 205, 0);
        border-bottom-color: #64CCCD;
        border-width: 22px;
        margin-left: -22px;
    }
    
    .forums-bubble.alt .forums-bubble-up-arrow {
        border-color: #EF7A70;   
    }
    .forums-bubble.alt .forums-bubble-up-arrow:before {
        border-bottom-color: #EF7A70;
    }
    
    .textarea-component {
        min-height: 150px;
        font-size: 1.4em;
    }
    
    .forums-bubble-avatar {
        margin-top: 0px;
    }
    
    #fith-section #carousel-header {
        font-size: 2em;
    }
    
    #fith-section .user-review-comment, #fith-section .user-review-description {
        font-size: 1.4em;
    }
    
    .modal-dialog {
        width: 80%;
        margin-right: auto;
        margin-left: auto;
    }
    
    
    #fith-section .slick-prev, #fith-section .slick-next {
        top: 53% !important;
    }
    
    .navbar-nav > li > a{
        padding-left: 10px;
        padding-right: 10px; 
    }
    
    .trade {
        top: -10px;        
    }
    
    #footer-page-links .row-fluid > div {
        border-left: none;
    }
    
    #footer #footer-page-links a, #footer-description{
        font-size: 0.8em;
    }
    
    @media only screen and (orientation : landscape) {
        #our-video-lightbox .modal-content {
            margin-top: 35px;
        }        
        
        #registration-lightbox .modal-content {
            margin-top: 0;
        }
        
    }
    
}

/*extra exstra small devides*/
@media only screen and (max-width: 480px) {
    .navbar-nav > li > a {
        padding-left: 5px;
        padding-right: 5px;
    }
    
    
    .container {
      padding:0;
      margin:0;
    }

    body {
      padding:0;
    }
    
    .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
      margin-left: 0;
      margin-right: 0;
      margin-bottom:0;
    }
    

    #top-section-background-image {
        background: url('../images/Main_Background_image_480X228.jpg?ver3');
        background-repeat: no-repeat;
        background-position: 30% 50%;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;    
    }
    
    #top-section-textarea-row {
        height: 100%;
    }
    
    #top-section-textarea-row #first-spacer {
        height: 40px;
    } 
    
    
    #therapeuts-carousel-prezentation {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .hidden-xxs {
        display: none !important;
    }
    
    #rl-bottom {
        clear: both;
        padding-top: 10px;
    }
    
    #third-section {
        background: url('../images/Devices_Background_image_480X108.jpg?ver3'); 
        padding-top: 81px;
        padding-bottom: 47px;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;    
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    #fith-section {
        background: url('../images/Testimonial_Background_image_480X768.jpg?ver3'); 
        min-height: 320px;
        padding-top: 50px;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;    
        background-position: 100% 25%;
        background-repeat: no-repeat;
        background-size: cover;    
    }
    
    #fith-section .user-review-comment,  #fith-section .user-review-description {
        font-size: 1.2em;        
    }
    
    .textarea-component {
        min-height: 88px;
    }
    
    .textarea-component {
        font-size: 1em;
        line-height: 1.2em;
        padding: 0 10px;
        margin: 10px 0;
    }
    
    .textarea-container {
        min-height: 100px;
    }
    
    .arrow-box:after, .arrow-box:before {
        left:17%;
    }
    
    #bubble-title {
        font-size: 2.2em;
        padding: 10px 12px;
    } 
    
    .second-header {
        font-size: 1.8em;    
    }
    
    #our-video-lightbox #rl-top {
        padding: 0;
    }
    
    #footer #footer-page-links a, #footer-description{
        font-size: 0.5em;
    }
    
    #start-therapy-now > div, #start-unlimited-messaging > div, .action-button > div {
        font-size: 1.29em;
    }
}



/*extra exstra small devides*/
@media only screen and (max-width: 320px) {
    .navbar .navbar-header .navbar-brand {
        padding: 8px 0px 0px 0px;
    }
    
    .navbar-nav > li > a {
        padding-bottom: 0;
        padding-top: 7px;
    }
    
    .navbar .navbar-header .navbar-brand img {
        width: 112px;
        height: 32px;
    }
    
    .navbar {
        margin-bottom: 0px;
    }
    
    #bubble-title {
        font-size: 1.8em;
        padding: 10px 12px;
    }
    
    .textarea-component {
        font-size: 1.0em;
        line-height: 1.2em;
        padding: 0px 10px;
        margin: 18px 0px;
    }
    
    
    #forth-section .row .description {
        padding: 11px 20px 19px;
    }
    
    .col-xxs-12 {
        width: 100%;
    }
    
    .col-xxs-offset-0 {
        margin-left: 0%;
    }
    
    .col-xxs-10 {
        width: 83.3333%;
    }
    
    .col-xxs-2 {
        width: 16.6667%;
    }
    
    .col-xxs-offset-1 {
         margin-left: 8.33333%;
    }
    
    .second-header {
        font-size: 1.6em;    
    }
    
    
    .second-description {
        font-size: 1.1em;
        line-height: 1.2em;
    }
    
    #fith-section {
        background: url("../images/Testimonial_Background_image_480X768.jpg?ver3");
        min-height: 320px;
        padding-top: 50px;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;    
        background-position: 65% 0;
        background-repeat: no-repeat;
        background-size: cover;    
    }
    
    #footer {
        font-size: 0.8em;
    }
    
    #footer #footer-page-links a, #footer-description{
        font-size: 0.6em;
    }
    
    #footer-page-links .row-fluid > div {
        border-left: none;
    }
    
    #rl-top {
        margin-bottom: 10px;
        padding: 0 0 0 20px;
    }
    
    #therapeuts-carousel .slick-prev, #therapeuts-carousel .slick-next {
        top: 35% !important;
    }
    
    .forums-bubble-wrapper {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 0.9em;
    } 

    .footer-links {
        display: block;
        font-size: 1.8em;
        border-right: 0;
        border-bottom: 1px solid #F1F1F1;
        padding-bottom: 20px;
    }
}

@media screen and (max-width: 767px) {
    .steps-icons {
        width: 144px;
    }
    .steps-arrow {
        position: relative;
        right: -40%;
        top: -40px;
        width: 33px;
    }
    .steps-arrow-left {
        position: relative;
        top: -40px;
        left: -40%;
        width: 33px;
    }
    .steps-title {
        width: 80%;
    }
    .steps-desc {
        width: 80%;
    }
}

@media screen and (max-width: 700px) {
    .footer-links {
        padding: 0 24px;
    }
}

@media screen and (max-width: 500px) {
    .footer-links {
        padding-left: 14px;
        padding-right: 14px;
    }
}

@media screen and (max-width: 480px) {
    .footer-links {
        display: block;
        font-size: 1.8em;
        border-right: 0;
        border-bottom: 1px solid #F1F1F1;
        padding-bottom: 20px;
    }
}

@media (max-width: 900px) {
    #footer-page-links a {
        font-size: 0.8em;
    }
}

@media only screen and (max-width: 1199px), only screen and (max-device-width: 1199px) {
    .steps-desc {
        margin-bottom: 80px;
    }

    .steps-title {
        height: auto;
        margin: 20px auto;
    }
    
    .steps-arrow {
        position: relative;
        top: -40px;
        right: -120px;
        width: 33px;
    }
    
    .steps-arrow-left {
        position: relative;
        top: -40px;
        left: -120px;
        width: 33px;
    }
    
    #steps-start-therapy {
        padding-top: 0px;
    }
    
    .forums-bubble.alt .forums-bubble-up-arrow {
        border-color: #64CCCD !important;   
    }
    
    .forums-bubble.alt .forums-bubble-up-arrow:before {
        border-bottom-color: #64CCCD !important;
    }
}