/*
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 : Jan 12, 2019, 7:30:47 PM
    Author     : Shyam Suhas
*/

@media (min-width:300px) and (max-width:767px){ 
    .callbacks_tabs{display: none;}
    .head-h3{bottom: 15%;font-size: 25px;}
    .enquiry-popup{ width: 90%;padding: 24px 0 !important;}
    .banner-text h2{font-size: 21px;line-height: 34px;}
    .banner-text p{display: none;}
    .banner-text{left: 5%;top: 70%;}
    .about_offer a{position: relative;width: 100%;}
    .offr p{font-size: 18px;line-height: 26px;text-align: center;}
    .offr h3{font-size: 33px;text-align: center;}
    .profile p{font-size: 13px;line-height: 25px;}
    .profile label{font-size: 12px;line-height: 25px;}
    .profile h3{font-size: 20px;line-height: 25px;padding-top: 10px;}
    .branch_list{padding-bottom: 15px;}
    .branch_list address{position: relative;padding-top: 12px;}
    .service_list {padding-bottom: 30px;}
    .service_list h4{font-size: 22px; padding-bottom: 5px;}
    .service_list p{font-size: 12px;line-height: 24px;}
    .service_list img{
        padding-bottom: 15px;
    }
    .our_services h3{
        padding-bottom: 10px;
    }
    .contact,.gallery,.our_services,.profile{
        padding: 30px 0;
    }
    #layout{
        display: block;
    }
    nav.navbar.shrink .navbar-nav{
        top: auto;
        left: 0;
        right: 0;
        background-color: #fff;
    }
    a.navbar-brand{
        padding-top: 30px;
    }
    .navbar-light .navbar-nav .nav-link{
        padding: 10px 0;
        margin: 0;
    }
    .copyright p{
        line-height: 22px;
    }
    .ftr-link img{
        width: 30px;
        height: 30px;
    }
    .ftr-link{
        padding: 10px 0;
    }
    .ftr-link address, .ftr-link p{
        font-size: 14px;
        line-height: 24px;
    }
    .ftr-link label{
        line-height: 25px;
        font-size: 17px;
    }
    .ftr-link h3{
        font-size: 20px;
        line-height: 25px;
        padding-bottom: 10px;
    }
    footer{
        padding-bottom: 40px;
    }
    .footer{
        padding: 15px 0;
    }
    .send-enqry button{
        width: 100%;
    }
    .send-enqry {
        right: 0;
        bottom: 0;
        left: 0;
        transform: rotate(0deg);
    }
    .navbar-nav {
        position: absolute;
        top: auto;
        right: 15px;
        left: 15px;
        text-align: center;
        background-color: #0006;
    }
    .navbar-light .navbar-toggler{background-color: white;}
    .navbar-toggler,nav.navbar.shrink .navbar-toggler{margin: 8px 15px 8px 0;padding: 5px 10px;}
    a.navbar-brand img{top: -26px;width: 100px;}
    .indx-abt p{font-size: 14px;line-height: 24px;}
    .indx-abt h2,.what-we-do h3,.heading h3{font-size: 30px; line-height: 60px;}
    .indx-abt{ width: 100%;}
    .index-about{ padding: 25px 0;}
    .wthree_testimonials_grid{padding: 25px 10px;width: 100%;}
    .wthree_testimonials_grid p{line-height: 25px;
                                font-size: 15px;

    }
    .nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
        top: 80% !important;
    }
    .mob-banner{
        display: block;
    }
    .web-banner{
        display: none;
    }
    .navbar{
        padding: 10px 0 0 0;
    }
}


@media(max-width: 384px){
    .nbs-flexisel-nav-left {
        left: 18.5%;
    }
    .nbs-flexisel-nav-right {
        right: 19%;
    }
}
@media (min-width:300px) and (max-width:360px){
    .nbs-flexisel-nav-left {
        left: 6%;
    }
    .nbs-flexisel-nav-right {
        right: 6%;
    }
    .nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
        top: 75% !important;
    }
}
@media (min-width:361px) and (max-width:480px){
    .nbs-flexisel-nav-left {
        left: 8%;
    }
    .nbs-flexisel-nav-right {
        right: 8%;
    }
    .nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
        top: 72% !important;
    }
}
@media (min-width:481px) and (max-width:560px){
    .nbs-flexisel-nav-left {
        left: 15%;
    }
    .nbs-flexisel-nav-right {
        right: 15%;
    }
    .nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
        top: 70% !important;
    }
}
@media (min-width:561px) and (max-width:640px){
    nav.navbar.shrink .navbar-nav{
        background-color: #fff;
        left: auto;
        top: 70px;
    }
    .navbar-nav{
        top: 70px;
        width: 40%;
        left: auto;
    }
    .nbs-flexisel-nav-left {
        left: 25%;
    }
    .nbs-flexisel-nav-right {
        right: 25%;
    }
    .nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
        top: 65% !important;
    }
}
@media (min-width:641px) and (max-width:767px){
    nav.navbar.shrink .navbar-nav{
        background-color: #fff;
        left: auto;
        top: 70px;
    }
    .navbar-nav{
        top: 70px;
        width: 40%;
        left: auto;
    }
    .nbs-flexisel-nav-left {
        left: 20%;
    }
    .nbs-flexisel-nav-right {
        right: 20%;
    }
    .nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
        top: 68% !important;
    }
}
@media (min-width:768px) and (max-width:996px){
    .navbar {
    padding: 10px 0 0 0;
}
    a.navbar-brand img{
        width: 110px;
        top: -35px;
    }
    .offr p{
        font-size: 18px;
        line-height: 26px;
        text-align: center;
    }
    .offr h3{
        font-size: 33px;
        text-align: center;
    }
    .service_list {
        padding-bottom: 30px;
    }
    .service_list h4{
        font-size: 22px;
        padding-bottom: 5px; 
    }
    .service_list p{
        font-size: 12px;
        line-height: 24px;
    }
    .service_list img{
        padding-bottom: 15px;
    }
    .our_services h3{
        padding-bottom: 10px;
    }
    .contact,.gallery,.our_services,.profile{
        padding: 30px 0;
    }
    .navbar-toggler, nav.navbar.shrink .navbar-toggler {
        margin: 8px 15px 8px 0;
        padding: 5px 10px;
    }
    nav.navbar.shrink .navbar-nav{
        background-color: #fff;
        left: auto;
        top: auto;
        right: 0;
    }
    .navbar-light .navbar-nav .nav-link{
        padding: 10px 0;
        margin: 0;
    }
    .navbar-nav {
        top: 70px;
        width: 40%;
        left: auto;
        right: 5%;
        text-align: center;
        background-color: #0006;
    }
    .navbar-toggler {
        background-color: white;
    }
    .navbar-nav{
        top: auto;
        width: 40%;
        left: auto;
        right: 2%;
    }
    .nbs-flexisel-nav-left {
        left: 30%;
    }
    .nbs-flexisel-nav-right {
        right: 30%;
    }
    .nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
        top: 66% !important;
    }
}
@media (min-width:997px) and (max-width:1199px){
    .nbs-flexisel-nav-left {
        left: 34%;
    }
    .nbs-flexisel-nav-right {
        right: 34%;
    }
}