@media screen and (min-width: 980px) {
    .hero {
        width: 980px;
    }
}

@media screen and (max-width: 640px) {
    .hero h1 {
        font-size: 4em;
    }
}

@media screen and (max-width: 768px) and (min-width: 320px) {
    /********************************/
    /*            index page           */
    /********************************/
    .carousel .info-holder {
        bottom: 5%;
    }
    .carousel .info-holder h1 {
        margin-top: -8px;
    }
    .carousel .info-holder .form-inline {
        padding-top: 3px;
    }
    .carousel .carousel-inner .hero .hgroup h3 {
        font-size: 1.5em !important;
    }
    .carousel .hero {
        width: 100%;
        padding: 10px;
        position: absolute;
        top: 27%;
    }
    .navbar-default .navbar-brand {
        /*position:relative;
                top:-33px;*/
    }
    /*.info-holder .form-inline
            {
                padding:15px;
            }*/
    /********************************/
    /*            service page           */
    /********************************/
    .service-detail {
        padding-top: 241px;
        padding-right: 12px;
    }
    .service-list .service-list-icon {
        padding: 27px;
    }
    .service-list .service-list-name {
        font-size: 13px;
        padding-bottom: -1px;
    }
    .mission-detail {
        padding-top: 213px;
        padding-right: 12px;
    }
    .our-services .service-detail p {
        font-size: 14px;
    }
    .our-mission .mission-detail p {
        font-size: 14px;
    }
    .bottom-border-device {
        border-bottom: solid 1px #f3f3f3;
    }
    .right-border {
        border-left: none;
        border-right: solid 1px #f3f3f3;
    }
    .left-border-device {
        border-right: none;
    }
    .right-border-device {
        border-right: solid 1px #f3f3f3;
    }
    .our-services {
        padding: 0px 20px;
    }
    .our-mission {
        padding: 20px;
    }
    .company-heading {
        padding-top: 0px;
    }
}

@media screen and (max-width: 768px) and (min-width: 320px) {
    /********************************/
    /*            About page           */
    /********************************/
    .company-details {
        width: 100%;
        /*padding-bottom: 20px;*/
        padding: 20px;
    }

    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border: none;
        background-color: rgba(0, 0, 0, 0.90);
        padding-top: 18px;
        height: 100vh;
    }
    .company-details-address {
        padding-left: 40px;
    }

    .equal-height {
        flex-direction: column;
    }
}

@media screen and (max-width: 768px) and (min-width: 320px) {
    .hero {
        position: absolute;
        top: 30%;
    }
    .hero h3 {

        font-size: 15px;
        line-height: 1.6;
    }
    .carousel .carousel-inner .item .hero .hgroup h3 {
        font-size: 1.5em !important;
        line-height: 120% !important;
    }
    .info-holder h1 a {
        font-size: 22px;
    }
    .hero h4 {
        font-size: 2.0em;
    }

    .navbar-brand>img {
        /*height: 45px;*/
        height: 32px;
        margin-top: 8px;
    }
    .navbar-brand {
        padding: 0px;
        padding-left: 25px !important;
    }
    .info-holder {
        bottom: 0%;
    }
    .info-holder h1 {
        margin-top: 0px;
    }
    .info-holder img {
        height: 65px;
    }
    .service-heading {
        padding-top: 15px;
    }
    .service-detail {
        padding-top: 32px;
    }
    .mission-heading {
        padding-top: 15px;
    }
    .mission-detail {
        padding-top: 32px;
    }
    .info-holder .info-whatsapp {
        padding-bottom: 1vh;
        /*padding-left: 41px;
                margin-top: -10px;*/
        text-align: center;
    }
    .info-holder .info-mobile .img-responsive {

        height: 42px;
        /*height: 35px;
                margin-top: -24px;*/
        /*margin-right: 43px;*/
        /*margin-right: 24px;*/
    }
    .info-holder .info-whatsapp .img-responsive {
        height: 37px;
        /*height: 28px;
                margin-top: -18px;
                margin-right: 15px;*/
    }
    .info-holder .info-mobile {
        /*padding-bottom: 5vh;*/
        /*padding-left: 33px;*/
    }
    .info-holder .info-mobile h1>a {
        font-size: 22px;
    }
    .info-holder .info-whatsapp h1>a {
        /*font-size:17px;*/
        font-size: 22px;
    }
}

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

    .navbar-default .navbar-brand {
        position: relative;
        top: -88px;
    }
    .info-holder {
        bottom: 2%;
    }
    /*.hero {
                position: absolute;
                top: 23%;
            }*/
    .hero h3 {
        font-size: 1.1em;
    }
    .hero h4 {
        font-size: 1.3em;
    }
    .info-holder img {
        height: 45px;
    }
    .info-holder h1 a {
        font-size: 15px;
    }
}





/********************************/


/*            service page           */


/********************************/

@media screen and (max-width: 768px) and (min-width:320px) {


    .service-heading {
        margin-top: 0px;
        padding-top: 0px;
    }
    .service-why-hire-altima {
        margin-top: 20px;
    }
    .main-vitals {
        margin-left: 0px;
    }
    .service-header .info-holder {
        position: absolute;
        top: 145px;
    }
    /* .service-header .center-block
            {
                height: 50px;
            }*/
    .service-header .info-holder h1 a {
        font-size: 20px;
    }
    /* .info-holder .form-inline
            {
                padding:40px;
            }*/
    .info-holder form {
        margin-top: -50px;
    }
    .info-holder .form-inline .form-group {
        margin-bottom: 10px;
    }
    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        position: relative;
        top: -13px;
    }
    .service-page .service-heading {
        padding-top: 0px;
        margin-top: 0px;
    }
    .service-why-hire-altima {
        margin-top: 43px;
    }
    .we-serve {
        background: url('../img/background/we serve-bg.jpg') no-repeat;
    }
    .service-testimonial {
        background-color: #73d9ce;
    }
    .we-serve {
        background-color: #5fa7a9;
        padding: 20px;
    }
    .main-vitals {
        margin-left: 0px;
    }
    .info-holder h1 {
        margin-top: 8px;
    }
    .navbar-default .navbar-brand
    /*{
                position: relative !important;
                top: -75px !important;
            }*/
}





/********************************/


/*            About us           */


/********************************/

@media screen and (max-width: 768px) and (min-width:320px) {

    .aboutus-header .info-holder {
        position: absolute;
        top: 159px;
    }
    .aboutus-header.center-block {
        height: 50px;
    }
    .aboutus-header .info-holder h1 a {
        font-size: 20px;
    }
    .service-detail {
        padding-top: 32px;
    }
    .aboutus-body .mission-detail {
        padding-top: 32px;
    }
    .aboutus-body .our-mission .mission-detail p {
        font-size: 14px;
    }
    .aboutus-body .mission-detail {
        padding-right: 0px;
    }
    .info-holder h1 {
        margin-top: 8px;
    }

    .service-list .service-list-icon img {
        height: 80px;
        max-width: 100%;
        margin-bottom: 30px;
        /*max-width: 90px;
        min-width: 100%;*/
    }
    .service-container-row {
        display: block !important;
    }
    .navbar-right {
        /* top: -17px; */
        position: relative;
        /* margin-right: -50px; */
        top: 20%;
    }
    .our-services .service-heading h1 {
        color: #5b5b5b;
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 25px;
    }
}





/********************************/


/*            FAQ           */


/********************************/

@media screen and (max-width: 768px) and (min-width:320px) {

    /*.navbar-default .navbar-brand {
            position: relative !important;
            top: -29px !important;
            }*/
    .modal-dialog {
        width: 100%;
    }
    .FAQ-header .info-holder {
        position: absolute;
        top: 140px;
    }
    .FAQ-header.center-block {
        height: 50px;
    }
    .FAQ-header .info-holder h1 a {
        font-size: 20px;
    }

    .FAQ-body {
        padding-top: 0px;
    }
    .FAQ-body .jumbotron .row ul {
        padding-right: 0px;
    }
    .FAQ-body .jumbotron {
        padding-left: 15px;
        padding-top: 15px;
        margin-bottom: 20px;
    }
    .FAQ-body .jumbotron .row {
        margin-top: 0px;
        padding: 0px;
    }
    .contactus .btn-info {
        padding: 5px 45px 5px 45px;
        margin-bottom: 0px;
    }
    .contactus h4 {
        padding-bottom: 20px;
    }
    .info-holder h1 {
        margin-top: 8px;
    }
    /* .info-holder .form-inline
                {
                    padding:40px;
                }*/
    .info-holder form {
        margin-top: -50px;
    }
    .info-holder .form-inline .form-group {
        margin-bottom: 10px;
    }
    /*.navbar-default .navbar-collapse, .navbar-default .navbar-form
                {
                    position: relative;
                    top: -13px;
                }*/
}





/********************************/


/*            FAQ Answer Page     */


/********************************/

@media screen and (max-width: 768px) and (min-width:320px) {

    .FAQ-Answer-header .info-holder {
        position: absolute;
        top: 135px;
    }
    .FAQ-Answer-header.center-block {
        height: 50px;
    }
    .FAQ-Answer-header .info-holder h1 a {
        font-size: 20px;
    }
    .FAQ-Answerbody {
        padding-top: 0px;
    }
    /*.FAQ-Answerbody .jumbotron .col-xs-12
            {
                padding: 0px;
                margin: 0px;
            }*/
    .FAQ-Answerbody .jumbotron .row ul {
        padding-right: 0px;
    }
    .FAQ-Answerbody .jumbotron {
        padding-left: 15px;
        padding-top: 15px;
        margin-bottom: 20px;
    }
    .FAQ-Answerbody .jumbotron .row {
        margin-top: 0px;
        padding: 0px;
    }
    .contactus .btn-info {
        padding: 5px 45px 5px 45px;
        margin-bottom: 0px;
    }
    .contactus h4 {
        padding-bottom: 20px;
    }
    .info-holder h1 {
        margin-top: 0px;
    }
    .info-holder .form-inline {
        /*padding:40px;*/
        padding-left: 40px;
        padding-right: 40px;
    }
    .info-holder form {
        margin-top: -50px;
    }
    .info-holder .form-inline .form-group {
        margin-bottom: 10px;
    }
    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        position: fixed;
        /*top: -57px;*/
        top: 0;
        width: 100%;
    }


    .aboutus-header .center-block {
        height: 45px;
    }
    .aboutus-header {
        height: 65vh;
    }

    .service-header .center-block {
        height: 45px;
    }
    .service-header {
        height: 70vh;
    }
    .navbar-default .navbar-nav>li>a {
        font-size: 14px;
    }
    .navbar-default .navbar-nav>li>.active,
    .navbar-default .navbar-nav>li>.active {
        border-bottom: 2px solid #d94326;
    }
    .navbar-default .navbar-nav>li>a:focus,
    .navbar-default .navbar-nav>li>a:hover {
        border-bottom: 2px solid #d94326;
    }
    .social-icon-small-device ul li a {
        text-decoration: none;
        color: #000;
        text-decoration: none;
        color: #8a8887;
        font-size: 16px;
    }
    .social-icon-small-device ul {
        margin-bottom: 0px;
    }
    .social-icon-small-device {
        padding: 6px 0px;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fb6b01;
        width: 32px;
        height: 3px;
    }
    .navbar-header-home {
        padding: 0;
    }
    #map {
        height: 320px;
    }
    .focus-icon img {
        height: 30px;
    }
    .focus-data {
        bottom: 0;
    }
    .focus-data p {
        margin-left: 65px;
    }
    .demo-gallery>ul>li {
        margin-right: 0;
    }
}