/* ===========================================
   RESPONSIVE DESIGN FOR EMODULES
   Mobile & Tablet Styles
   =========================================== */

/* Mobile responsive (max-width: 767px) */
@media (max-width: 767px) {
    /* Global responsive adjustments */
    body {
        font-size: 14px;
        line-height: 18px;
    }

    /* Header responsive */
    #top {
        padding: 2px 10px;
        min-height: 35px;
    }

    #top .container {
        padding: 0 10px;
    }

    #logo img {
        max-width: 120px;
    }

    header .info_header {
        margin: 5px 0 0 0;
    }

    header .info_header li.info {
        font-size: 10px;
        padding-left: 10px;
        padding-right: 10px;
        letter-spacing: 0.5px;
    }

    header .info_header li.padTop {
        padding-top: 5px;
    }

    header .info_header li b {
        font-size: 14px;
    }

    header .info_header i {
        font-size: 14px;
        margin: 0 3px 3px 0;
    }

    /* Navigation responsive */
    #menu {
        float: none;
        width: 100%;
        margin-top: 0;
    }

    #menu .nav > li > a {
        font-size: 12px;
        padding: 8px 10px;
        min-height: 30px;
    }

    .menu_row {
        height: 40px;
        padding-top: 0;
    }

    #menu #category {
        padding-left: 10px;
        font-size: 14px;
        line-height: 35px;
    }

    /* Search responsive */
    #search {
        margin-left: 5px;
        margin-right: 5px;
    }

    #search .input-lg {
        height: 25px;
        padding: 0 8px;
        font-size: 12px;
    }

    #search .btn-lg {
        font-size: 12px;
        padding: 3px 8px;
    }

    /* Cart and notification responsive */
    #cart, #wishlist-total, #notification-total {
        margin-left: 2px;
        margin-right: 2px;
    }

    #cart .dropdown-menu,
    #notification .dropdown-menu {
        width: 100%;
        min-width: 100%;
    }

    /* Content responsive */
    #content {
        float: none;
        width: 100%;
        padding: 10px;
    }

    /* Product grid responsive */
    .product-thumb {
        margin-bottom: 20px;
        min-height: auto;
    }

    .product-thumb .caption {
        padding: 8px 8px 8px;
        min-height: auto;
    }

    .product-thumb h4 {
        font-size: 14px;
        min-height: auto;
        margin-bottom: 3px;
    }

    .product-thumb .tagline {
        font-size: 12px;
        min-height: auto;
        margin-bottom: 5px;
    }

    .product-thumb .btn-secondary,
    .product-thumb .btn-primary {
        width: 100%;
        margin-bottom: 5px;
    }

    /* Footer responsive */
    footer {
        padding: 20px 10px;
    }

    footer h5 {
        font-size: 12px;
        margin-bottom: 20px;
    }

    footer .footer-column h3 {
        font-size: 1rem;
    }

    footer ul li {
        font-size: 12px;
    }

    footer .contact_add li {
        font-size: 11px;
        margin-bottom: 8px;
    }

    footer .contact_add li i {
        width: 20px;
        height: 20px;
        padding-top: 3px;
    }

    footer .logo img {
        width: 120px;
    }

    footer .footer-bottom {
        padding: 15px 0 8px;
        font-size: 11px;
    }

    /* Welcome section responsive */
    .welcome {
        padding: 20px 15px 15px;
        line-height: 24px;
    }

    .welcome p {
        font-size: 1rem;
    }

    .welcome p b {
        font-size: 1.1rem;
    }

    .welcome h3 {
        font-size: 1.5rem;
        line-height: 28px;
    }

    /* Section responsive */
    .section-sep-1 {
        height: 300px;
        margin-top: 30px;
    }

    .section-sep-1 img {
        margin-top: 15%;
    }

    .section-sep-1 .hilite {
        padding: 15px 15px;
        font-size: 18px;
        line-height: 22px;
        max-width: 90%;
        margin: 20% auto 0;
    }

    .section-sep-1 .white {
        padding: 3px 15px;
        min-height: 150px;
    }

    .section-sep-1 .white .info_home {
        font-size: 10px;
        padding: 4px 20px;
        line-height: 16px;
    }

    /* Page header responsive */
    .page_header {
        height: 180px;
        margin-top: 20px;
    }

    .page_header h1 {
        font-size: 24px;
        margin: 50px auto;
        padding: 3px 15px;
    }

    .page_header_small {
        height: 250px;
        margin-top: 15px;
        margin-bottom: -15px;
    }

    .page_header_small h1 {
        margin-top: 70px;
    }

    /* Features responsive */
    .features-full .col-md-3 {
        min-height: 250px;
        padding: 20px 15px;
    }

    .features-full h3 {
        font-size: 18px;
        margin-bottom: 15px;
        height: auto;
    }

    .features-full .txt {
        font-size: 14px;
        line-height: 22px;
    }

    .features-full i {
        font-size: 40px;
    }

    /* Profile responsive */
    .profile_left {
        padding: 20px 20px;
        font-size: 14px;
        line-height: 26px;
    }

    .profile_right {
        min-height: 500px;
        padding: 40px 20px;
    }

    .profile_right h3 {
        font-size: 20px;
        margin: 3px 0;
    }

    .profile_right .txt {
        font-size: 14px;
        line-height: 24px;
    }

    /* Site text responsive */
    .site_text {
        padding: 20px 15px 20px 20px;
        line-height: 22px;
        font-size: 1rem;
    }

    .site_text h3.title {
        font-size: 22px;
    }

    /* Testimonial responsive */
    .testimonial i {
        font-size: 3vw;
        padding: 3px 8px;
    }

    .testimonial .testimonial_text em {
        font-size: 14px;
        line-height: 18px;
        min-height: 70px;
    }

    .testimonial .testimonial_text .author {
        font-size: 16px;
        line-height: 22px;
    }

    /* Big title responsive */
    .big_title {
        font-size: 3rem;
        margin-bottom: 20px;
    }

    .white_title {
        font-size: 3rem;
        margin-bottom: 20px;
    }

    /* Product responsive */
    .product-caption {
        margin-top: -15px;
        padding: 20px 15px;
    }

    .product-caption p {
        font-size: 14px;
        letter-spacing: 0.5px;
    }

    .pro-amenities h2 {
        font-size: 22px;
        margin-top: 18px;
    }

    .pro-attribute.col-sm-3 {
        border-right: none;
        padding-left: 15px;
        min-height: 180px;
        margin-bottom: 20px;
    }

    .bed-attribute {
        font-size: 13px;
        padding: 10px 0;
    }

    .bed-attribute > li {
        margin-bottom: 8px;
        margin-left: 5px;
    }

    /* Form responsive */
    .col-sm-4.form-res {
        margin-bottom: 20px;
    }

    .res-form-group {
        width: 100%;
        float: none;
        text-align: left;
        margin-bottom: 10px;
    }

    /* Button responsive */
    .btn-slider {
        padding: 12px 25px;
        font-size: 14px;
    }

    /* Infrastructure responsive */
    .infrastructre .item {
        height: 300px;
        padding: 15px;
    }

    .infrastructre .title {
        font-size: 22px;
        line-height: 28px;
        width: 80%;
    }

    .infrastructre .desc {
        font-size: 14px;
    }

    /* Swiper responsive */
    .swiper-slide .title .big {
        font-size: 5vw;
        line-height: 1.1em;
    }

    .swiper-slide .banner-overlay {
        right: 5px;
        width: 90%;
        top: 20%;
        font-size: 13px;
        line-height: 24px;
    }

    /* About home responsive */
    .about_home .infobox {
        margin: -50px 0px 0px;
        padding: 35px 0px 45px;
        height: 150px;
        font-size: 14px;
    }

    .about_home .infobox h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .about_home .story_title h3 {
        font-size: 28px;
    }

    .about_home .story_text p {
        padding: 30px 0 0;
        line-height: 22px;
        font-size: 15px;
    }

    /* Section apps responsive */
    .section-apps {
        height: 300px;
        margin-top: 20px;
    }

    .section-apps .col1 {
        padding: 40px 20px 0px 30px;
        text-align: left;
    }

    .section-apps h3 {
        font-size: 1.5rem;
        padding-top: 5px;
    }

    .section-apps .info {
        padding-top: 20px;
        font-size: 14px;
    }

    .section-apps .image img {
        max-width: 80%;
        min-height: 200px;
    }

    .section-apps .image-title {
        height: 80px;
        padding: 15px 10px;
        font-size: 13px;
    }
    .pricing-features.collapse{display:none;}
    .pricing-features.collapse.in{display:block;}
    .tab-pane h3.plan-title {  font-size: 2em !important;  margin-top: 0;}
    .pricing-card { padding: 15px !important;  margin: 0 !important;  border-radius: 10px !important;  min-height: 0 !important;}
    ul.nav.feature-tabs {  width: 100%;    display: block;    border-radius: 10px;    text-align: left;}
    .feature-tabs a.nav-link { text-align: left;    border-radius: 5px;    padding: 10px 10px;}
    li.tab-item{display:none;}
    li.tab-item.active { display:block;}
    .testimonial-section .col-xs-12 { margin:15px auto;}
    .recommended-plan {transform: scale(1) !important;}
    .pricing-footer {  margin-top: 0 !important;}
    .btn-plan{margin-top:0 !important}
    .pte-faq-section {  padding: 0 !important;}
    .pte-faq-section .container { padding: 0 !important;}
    .drawer-brand .fa {  margin-top: 10px;}
    .policy-container, .terms-container {    max-width: 100% !important;   margin: 0 !important;   padding: 0 !important;}
}

/* Tablet responsive (min-width: 768px) and (max-width: 991px) */
@media (min-width: 768px) and (max-width: 991px) {
    /* Global tablet adjustments */
    body {
        font-size: 15px;
        line-height: 19px;
    }

    /* Header tablet */
    #logo img {
        max-width: 150px;
    }

    header .info_header li.info {
        font-size: 11px;
        letter-spacing: 1px;
    }

    header .info_header li b {
        font-size: 15px;
    }

    /* Navigation tablet */
    #menu .nav > li > a {
        font-size: 13px;
        padding: 10px 12px;
    }

    .menu_row {
        height: 45px;
    }

    /* Product grid tablet */
    .product-thumb .caption {
        min-height: 180px;
        padding: 10px;
    }

    .product-thumb h4 {
        font-size: 15px;
        min-height: 35px;
    }

    .product-thumb .tagline {
        font-size: 13px;
        min-height: 50px;
    }

    /* Footer tablet */
    footer .footer-column h3 {
        font-size: 1.1rem;
    }

    footer ul li {
        font-size: 13px;
    }

    footer .contact_add li {
        font-size: 12px;
    }

    /* Welcome tablet */
    .welcome {
        padding: 30px 30px 20px;
    }

    .welcome p {
        font-size: 1.1rem;
    }

    .welcome p b {
        font-size: 1.3rem;
    }

    .welcome h3 {
        font-size: 1.8rem;
    }

    /* Section tablet */
    .section-sep-1 .hilite {
        font-size: 22px;
        line-height: 26px;
        max-width: 70%;
    }

    /* Page header tablet */
    .page_header h1 {
        font-size: 32px;
        margin: 60px auto;
    }

    .page_header_small h1 {
        margin-top: 80px;
    }

    /* Features tablet */
    .features-full .col-md-3 {
        min-height: 280px;
        padding: 25px;
    }

    .features-full h3 {
        font-size: 20px;
    }

    .features-full i {
        font-size: 50px;
    }

    /* Profile tablet */
    .profile_right {
        min-height: 700px;
        padding: 60px;
    }

    /* Big title tablet */
    .big_title {
        font-size: 4.5rem;
    }

    .white_title {
        font-size: 4.5rem;
    }

    /* Product tablet */
    .pro-amenities h2 {
        font-size: 24px;
    }

    .pro-attribute.col-sm-3 {
        min-height: 200px;
    }

    /* Infrastructure tablet */
    .infrastructre .item {
        height: 380px;
        padding: 18px;
    }

    .infrastructre .title {
        font-size: 26px;
        line-height: 32px;
    }

    /* Swiper tablet */
    .swiper-slide .title .big {
        font-size: 6vw;
    }

    .swiper-slide .banner-overlay {
        width: 50%;
        font-size: 14px;
    }

    /* Section apps tablet */
    .section-apps {
        height: 350px;
    }

    .section-apps .col1 {
        padding: 50px 30px 0px 50px;
    }

    .section-apps .image img {
        max-width: 90%;
        min-height: 250px;
    }
}

/* Small desktop responsive (min-width: 992px) and (max-width: 1199px) */
@media (min-width: 992px) and (max-width: 1199px) {
    /* Header small desktop */
    #logo img {
        max-width: 160px;
    }

    /* Navigation small desktop */
    #menu .nav > li > a {
        font-size: 13px;
        padding: 12px 14px;
    }

    /* Product grid small desktop */
    .product-thumb .caption {
        min-height: 200px;
    }

    /* Footer small desktop */
    footer .footer-column h3 {
        font-size: 1.2rem;
    }

    /* Welcome small desktop */
    .welcome h3 {
        font-size: 2rem;
    }

    /* Big title small desktop */
    .big_title {
        font-size: 5rem;
    }

    .white_title {
        font-size: 5rem;
    }

    /* Infrastructure small desktop */
    .infrastructre .item {
        height: 420px;
    }

    .infrastructre .title {
        font-size: 28px;
    }
}