/*
Theme Name: psychometrics
Theme URI: http://selfanalyse.com/
Author: sunita
Description: A basic theme using the Bootstrap framework.
Version: 1.0
Text Domain: bootstrapstarter
*/

/* Medium devices (landscape tablets, 768px and up) */

/* ***************************************************** UPDATE MOBILE RESPONSIVE CSS */

@media only screen and (max-width: 768px) {
  .navheader .navbar button {
    display: block !important;
    background: #01356e;
    border: none;
    color: #fff;
    font-size: 20px;
    padding: 4px 10px;
    border-radius: 4px;
    position: absolute;
    top: -42px;
    right: 0;
  }

  .navheader {
    padding: 10px 0;
  }

  .header-box .navheader .logo-box {
    padding: 0 20px !important;
    text-align: left !important;
  }

  .header-social-ul li {
    display: contents !important;
  }

  .header-social-ul li i {
    margin: 0 6px;
  }

  .header-contact-ul {
    text-align: center;
    padding: 10px 0 0 !important;
  }

  .header-contact-ul li {
    display: contents;
  }

  .header-box .navheader .logo-box img {
    width: 30% !important;
  }

  .book-app-btn a {
    border-radius: 4px !important;
    padding: 6px 10px !important;
    font-size: 12px !important;
  }

  .book-app-btn {
    float: none !important;
    margin: 20px auto 0 !important;
    display: block !important;
  }

  .banner-section {
    padding: 2em 0 0 0 !important;
  }

  .carousel-control .icon-prev, .carousel-control .fa-chevron-left {
    left: 0 !important;
  }

  .carousel-control .icon-right, .carousel-control .fa-chevron-right {
    right: 0 !important;
  }

  .banner-section .banner-text {
    padding: 0 60px !important;
  }

  .banner-section .banner-text .banner-head {
    font-size: 18px !important;
  }

  .banner-section .banner-text .banner-subhead {
    font-size: 20px !important;
  }

  .banner-section .banner-text .banner-para {
    padding: 10px !important;
    font-size: 12px !important;
  }

  .banner-section .banner-text .banner-ul {
    margin-top: 4px !important;
  }

  .banner-section .banner-text .banner-ul li {
    margin-right: 20px !important;
    font-size: 12px !important;
  }

  .banner-section .banner-text .banner-btn a {
    padding: 6px 10px !important;
    font-size: 10px !important;
    border-radius: 4px !important;
  }

  .banner-section .banner-text .banner-btn {
    margin-top: 0px !important;
  }

  .banner-section .banner-4 .banner-text .banner-para {
    padding: 0 0 !important;
    line-height: 24px;
  }

  .banner-section .banner-text .banner-subpara {
    font-size: 16px !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  .banner-section .banner-5 .banner-text .banner-para {
    padding: 0 0 !important;
    line-height: 24px;
    font-size: 11px !important;
  }

  .banner-section .banner-5 .banner-text .banner-para span {
    padding: 6px 8px 4px !important;
  }

  .counselors-page-section .counselors-page-box {
    display: block !important;
    height: auto !important;
    margin-bottom: 10px !important;
  }

  .counselors-page-section .counselors-page-box .counselors-page-div ul {
    margin: 0 !important;
    padding: 10px 10px 0 !important;
  }
}

@media only screen and (max-width: 768px) {
  .img-logo {
    margin: 0 auto;
    display: table;
  }

  .navbar-toggle .icon-bar {
    width: auto;
    height: auto;
    border-radius: 0;
    color: #fff;
    font-size: 24px;
  }

  .what-we-do-section .schools-corporate-box .schools-corporate-text{
    z-index: 1 !important;
  }

  .what-we-do-section .schools-corporate-box .schools-corporate-img img {
    width: 100% !important;
    float: right !important;
  }

  .dashboard-section .test-box-details-ul li{
    height: auto !important;
    width: 100% !important;
  }

  .dashboard-section .plan-dashboard{
    height: auto !important;
    display: block !important;
  }

  .dashboard-section .dashboard-detail-buynowbtn{
    float: none !important;
  }

  .dashboard-section .profile-detail-list h4 span{
    float: none !important;
    top: 0 !important;
  }

  .our-team-section .our-team-details button a{
    float: left !important;
  }

  .our-team-section .our-team-details h4{
    font-size: 22px !important;
    margin-top: 20px !important;
  }

  .what-we-do-section .schools-corporate-box .schools-corporate-text p{
    margin: 0 !important;
    width: 92% !important;
    font-weight: 700 !important;
    color: black !important;
  }

  .why-choose-section .site-para {
    margin-bottom: 20px !important;
  }

  .why-choose-section .why-choose-section-box {
    margin-bottom: 1em !important;
  }

  .our-team-section .swiper {
    height: 710px !important;
  }

  .schedule-section ul li {
    margin-bottom: 20px !important;
    width: 45% !important;
    margin-right: 1em !important;
  }

  .schedule-section img {
    width: 40% !important;
  }

  .navbar-toggle {
    margin: 0 !important;
  }

  .navbar-nav {
    margin: 10px 0 0 !important;
    float: left;
    width: 100%;
    background: #f4f4f4;
  }

  .navheader .navbar .navbar-nav li {
    float: left;
    width: 100%;
    padding: 8px 16px;
    border-bottom: 1px solid #dadada;
  }

  .test-section {
    padding: 3em 0 !important;
  }

  .test-section .test-section-box {
    height: auto !important;
  }

  .test-section .test-section-box {
    margin-bottom: 1em !important;
  }

  .test-box ul {
    height: auto !important;
  }

  .test-box {
    height: auto !important;
  }

  #quote-carousel {
    padding: 0 40px !important;
  }

  .why-choose-box {
    height: auto !important;
    border-right: none !important;
    border-bottom: none !important;
  }

  .faq-section .faq-section-box {
    width: 100% !important;
  }

  .our-team-image {
    margin: 0 auto;
  }

  .carousel-inner {
    height: auto !important;
  }

  .couns-box {
    margin-bottom: 2em !important;
  }

  .couns-box ul {
    padding: 0 20px !important;
  }

  .schedule-appoint-btn {
    width: 80% !important;
    margin: 2em auto 0 !important;
  }

  .aboutus-ul li {
    width: 100% !important;
  }

  .aboutus-ul {
    margin-bottom: 3em !important;
  }

  #quote-carousel div {
    height: auto !important;
    padding: 0 !important;
  }

  .subscription-form {
    width: auto !important;
    margin-top: 20px;
  }

  .subscription-form input {
    width: 68% !important;
  }

  .footer-section .top-footer-section .tags {
    margin-top: 2em !important;
    text-align: center !important;
  }

  .footer-section .top-footer-section .tags a {
    font-size: 10px !important;
  }

  .subscription-form button {
    font-size: 14px !important;
    padding: 21px 10px !important;
  }

  .footer-section .bottom-footer p {
    font-size: 16px !important;
    text-align: center;
    margin-bottom: 1em !important;
  }

  .footer-section .bottom-footer-ul li {
    margin-right: 6px !important;
    padding-right: 6px !important;
    font-size: 14px !important;
    margin-bottom: 10px !important;
  }

  .footer-section {
    padding-bottom: 0 !important;
  }

  .navbar-collapse.in {
    box-shadow: none !important;
  }

  .sign-in-box {
    width: 100% !important;
  }

  .signin-section {
    padding: 0 !important;
  }

  .login-front, .forgot-front {
    padding: 2em !important;
  }

  .schedule-section ul li h3 {
    font-size: 12px !important;
  }

  .faq-section .accordion {
    font-size: 14px !important;
    font-weight: 600 !important;
  }

  .hand-to-hand-txt {
    font-size: 13px !important;
  }

  .aptitude-section {
    padding: 3em 0 !important;
  }

  .personality-section {
    padding: 3em 0 !important;
  }

  .interest-section {
    padding: 3em 0 !important;
  }

  .plans-pacakge-section {
    padding: 3em 0 !important;
  }

  .package-div-box {
    padding: 20px 0 !important;
  }

  .package-div-box img {
    width: 20% !important;
  }

  .package-div-box h4 {
    padding: 0 0 20px 80px !important;
  }

  .package-div-box button {
    top: 0 !important;
    margin: 14px 0 !important;
  }

  .package-div-box span {
    padding: 6px 0 !important;
  }

  .counselors-section {
    padding: 3em 0 !important;
  }

  .faq-section {
    padding: 3em 0 1em !important;
  }

  .faq-box {
    margin-bottom: 2em !important;
  }

  .contactus-section {
    padding: 3em 0 !important;
  }

  .office-address {
    margin-bottom: 3em !important;
  }

  .profile-section img {
    height: 250px !important;
  }

  .banner-box {
    padding: 2em 1em !important;
    height: auto !important;
  }

  .biography-section {
    padding: 2em 1em !important;
  }

  .side-box-appointment {
    padding: 1em !important;
    width: 100% !important;
  }

  .modal.fade {
    padding-left: 0 !important;
  }

  .loginmodal-dialog {
    width: 94% !important;
    margin-top: 1em !important;
  }

  .loginmodal-container {
    padding: 10px 10px 40px !important;
  }

  .month-box .day-ul li {
    padding: 8px 6px !important;
    font-size: 14px !important;
  }

  .month-box .date-ul li {
    padding: 10px !important;
    font-size: 14px !important;
    width: 39px !important;
  }

  .month-box {
    margin-bottom: 1em !important;
  }

  .checkout-section {
    padding: 3em 0 !important;
  }

  .checkout-box {
    width: 100% !important;
    padding: 20px !important;
  }

  .signin-div input, .signin-div select {
    width: 88% !important;
  }

  .dashboard-section {
    margin: 0 !important;
  }

  .profile-tabs li {
    display: block !important;
    float: left;
  }

  .dashboard-section .profile-tabs li a {
    font-size: 12px !important;
  }

  .dashboard-section .start-test-box .start-test-details-box h4 {
    font-size: 14px !important;
  }

  .dashboard-section .profile-detail-list h4 {
    line-height: 34px !important;
  }

  .start-test-btn {
    margin: 0 auto !important;
    padding: 6px 30px !important;
  }

  .dashboard-section .start-test-box .start-test-start-box {
    width: 60% !important;
    margin-top: 10px !important;
  }

  .dashboard-section .start-test-box .start-test-details-box {
    margin-bottom: 20px !important;
  }

  .edit-dialog {
    width: 96% !important;
  }

  .sociallink-box h4 span {
    top: 0px !important;
    z-index: 9999;
    left: 0 !important;
  }

  .dp-img-logo-box img {
    background: #fff !important;
  }

  .profile-detail-list {
    float: left !important;
    width: 100% !important;
  }

  .profile-detail-list-div {
    float: left !important;
    width: 100% !important;
  }

  .editform-link input, .editform-link select, .editform-link textarea {
    width: 100% !important;
  }

  .editform-link h4 {
    padding-top: 0 !important;
    margin-bottom: 0 !important;
    padding-left: 16px !important;
  }

  .socialmodal-dialog {
    width: 90% !important;
  }

  .socialform-link select, .socialform-link input {
    margin-bottom: 10px;
  }

  /* ********** HEADER CSS */
  .header-login-ul li {
    float: left !important;
    margin-right: 0 !important;
    padding: 10px 0 !important;
    width: 50% !important;
    text-align: center;
  }

  .signup-btn a {
    padding: 10px 16px !important;
  }

  .navbar-toggle {
    padding: 6px 10px 30px !important;
  }

  .outreach-gallery-box img {
    width: 100% !important;
    height: auto !important;
  }

  .footer-tags-list a {
    margin-right: 4px !important;
  }

  .footer-tags-list {
    line-height: 34px;
  }

  .important-link-ul {
    margin-bottom: 2em !important;
  }

  .social-link {
    margin-bottom: 2em;
  }

  .outreach-section {
    padding: 3em 1em !important;
  }

  .psyskill-section {
    padding: 20px !important;
  }

  .psyskill-section .first-para, .psyskill-section .scnd-para, .psyskill-section .sixth-para, .psyskill-section .svnth-para {
    padding-right: 0 !important;
    padding-top: 0 !important;
  }

  .psyskill-section .first-img, .psyskill-section .scnd-img, .psyskill-section .fifth-img, .sixth-img {
    width: 100% !important;
    margin-bottom: 30px;
  }

  .psyskill-section .skill-topics-box {
    padding: 10px 0 !important;
  }

  .psyskill-section .skill-topics-box .skill-ul {
    padding-left: 10px !important;
  }

  .psyskill-section .skill-topics-box .skill-ul li {
    float: none !important;
    width: 100% !important;
  }

  .section-description-content h2 {
    font-size: 24px !important;
    line-height: 34px;
  }

  .aptitude-page-section .aptitude-page-details {
    padding: 2em 0 !important;
  }

  .aptitude-page-section img {
    width: 100% !important;
  }

  .own-aptitude-section .col-custom-7 {
    width: 50% !important;
  }

  .aptitude-and-skill-section .aptitude-and-skill-details {
    padding: 2em 1em !important;
  }

  .topnav {
    padding: 0 !important;
    overflow: visible !important;
  }

  .plan-page-section .plan-page-box {
    display: block !important;
  }

  .plan-page-section .plan-page-box .plan-page-img-box {
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .plan-page-section .plan-page-box .plan-page-ul {
    width: 100% !important;
    margin: 10px auto !important;
    padding-right: 0 !important;
    padding-left: 20px !important;
  }

  .plan-page-section .plan-page-box .plan-page-details-box {
    width: 100% !important;
  }

  .login-page-section {
    padding: 0 !important;
  }

  .login-page-section .left-side-column {
    height: auto !important;
  }

  .register-page-section {
    padding: 0 !important;
  }

  .register-page-section .regiter-side-column {
    padding: 2em !important;
    height: auto !important;
  }

  .register-page-section .signin-form .pr-0, .register-page-section .signin-form .pl-0 {
    padding: 0 !important;
  }

  .dashboard-section .profile-tabs {
    padding: 10px 0 !important;
  }

  .dashboard-section .start-test-box {
    display: block !important;
    padding: 20px !important;
  }

  .counselors-page-section .counselors-page-box {
    display: block !important;
    height: auto !important;
    margin-bottom: 10px !important;
  }

  .counselors-page-section .counselors-page-box .counselors-page-div ul {
    margin: 0 !important;
    padding: 10px 10px 0 !important;
  }
  .what-we-do-section .schools-corporate-box .schools-corporate-img{
    top: 50% !important;
    right: 0px !important;
  }
}

/* END Medium devices (landscape tablets, 768px and up) */