@media(min-width:1920px){
    .banner-slider .slider-image-div{
        height: 730px;
    }
    .top-banner{
        height: 500px;
    }
}
@media(max-width:1199px){
    .top-banner,
    .banner-slider .slider-image-div{
        height: 380px;
    }
    header nav .navbar-nav li a{
        padding: 20px;
    }
    .about-section .container a.btn-md{
        margin-top: 20px;
    }
}
@media(max-width:991px){
    nav.navbar .container{
        width: 100%;
    }
    nav.navbar .navbar-brand{
        margin-left: 0 !important;
        max-width: 120px;
    }
    header nav .navbar-nav li a {
        font-size: 17px;
        padding: 18px 10px;
    }
    .page-section{
        padding: 30px 0 40px;
    }
    .about-image{
        width: 40%;
    }
    .service-col .col-xs-12{
        padding: 0 15px;
    }
    .about-text.ul-style li{
        padding-right: 0;
    }
}
@media(max-width:767px){
    .top-banner,
    .banner-slider .slider-image-div{
        height: 300px;
    }
    .top-banner .banner-logo img{
        max-width: 250px;
    }
    .banner-slider .top-banner h1 {
        font-size: 24px;
        font-weight: 600;
    }
    .navbar-header a.navbar-brand{
        left: 15px;
    }
    .navbar-header .navbar-toggle{
        border-color: #fff;
    }
    .navbar-header .navbar-toggle span{
        background: #fff;
    }
    header nav .navbar-nav li{
        width: 100%;
        float: left;
    }
    header nav .navbar-nav li:after{
        display: none !important;
    }
    .section-heading{
        margin-bottom: 30px;
    }
    .section-heading .heading-div h2{
        font-size: 22px;
    }
    .section-heading .heading-div span{
        font-size: 120%;
    }
    .services-section .service-img img{
        display: block;
        margin: 0 auto;
    }
    .service-text{
        padding: 0;
    }
    .services-section .service-col .col-xs-12 > .service-img{
        margin-bottom: 30px;
    }
    .service-page .service-col{
        margin-bottom: 0;
    }
    .service-page .service-col .service-img {
        height: auto;
        max-width: 100%;
    }
    
    .service-page .service-col .service-text{
        padding: 15px 0 !important;
    }
    .contact-address{
        margin: 20px auto 0;
        float: none;
        display: table;
    }
    .about-section a.btn-md{
        display: none;
    }
}

@media(max-width:640px){
    body p{
        text-align: left;
    }
    .top-banner,
    .banner-slider .slider-image-div{
        height: 230px;
    }
    .top-banner h1, .top-banner h2{
        font-size: 30px;
    }
    .about-section .col-md-5,
    .about-section .col-md-7{
        width: 100%;
    }
    .about-image img{
        margin: 0 auto;
        display: block;
    }
    .about-section .row{
        text-align: center;
    }
    .about-section a.btn-md{
        float: none;
    }
    .about-text.ul-style li{
        width: 100%;
    }
    .testimonial-single .col-xs-5,
    .testimonial-single .col-xs-7{
        width: 100%;
    }
    .testimonial-slider .testimonial-image img{
        display: block;
    }
    div.testimonial-slider .testimonial-single .textimonial-text{
        height: auto !important;
        margin-bottom: 30px;
    }
    .testimonial-single h3{
        text-align: center;
        margin: 30px 0 20px;
    }
    .footer-text .col-xs-6{
        width: 100%;
        margin-bottom: 40px;
    }
    .footer-text .footer-left,
    .footer-text .footer-center{
        text-align: center;
    }
    .footer-text .textwidget img{
        max-width: 160px;
    }
    .footer-center .icon{
        display: inline-block;
        float: none !important;
        margin-right: 15px;
        vertical-align: middle;
    }
    .copyright-foot{
        margin-top: 0;
    }
    .service-page .service-text h3{
        font-size: 26px;
    }
    .single-reference .reference-image, 
    .single-reference .reference-text{
        display: block;
        width: 100%;
        float: left;
    }
    .references-section .single-reference:nth-of-type(2n+1) .reference-image{
        margin-bottom: 20px;
    }
    .references-section .single-reference:nth-of-type(2n+2) .reference-image{
        margin-top: 20px;
    }
    .contact-form h3 {
        font-size: 26px;
        margin-bottom: 50px;
    }
    
/*    .g-recaptcha > div{
        margin: 0 auto;
        display: block;
    }
    .contact-form p{
        width: 100%;
        float: left;
    }
    .contact-form form input[type="submit"]{
        display: block;
        float: none;
        margin: 20px auto 10px;
        width: auto;
    }
    .contact-form div.wpcf7 .ajax-loader {
        float: none;
        display: block;
        margin: 0 auto 20px;
    }*/
}
@media(max-width:480px){
    .top-banner,
    .banner-slider .slider-image-div{
        height: 180px;
    }
    .top-banner .banner-logo{
        margin-bottom: 10px;
    }
    .top-banner .banner-logo img{
        max-width: 210px;
    }
    .banner-slider .top-banner h1 {
        font-size: 20px;
        font-weight: 400;
    }
    .about-image {
        margin: 0 20px 10px 0;
        width: 50%;
    }
    .service-page .service-text h3{
        font-size: 22px;
    }
    .contact-form form span:nth-of-type(1), 
    .contact-form form span:nth-of-type(2){
        width: 100%;
    }
    .contact-form h3 {
        font-size: 22px;
        margin-bottom: 30px;
    }
}
@media(max-width:360px){
    
}
@media(max-width:320px){
    
}





