@media only screen and (max-width: 1199px) and (min-width: 992px){
    .hdr-cont ul li{margin: 0 15px 0 0;}
    .hdr-cont ul li .fa {margin-right: 5px;}
    .hdr-cont ul li a{font-size: 14px;}
    .navbar-inverse .navbar-nav > li > a{font-size: 14px;}
    .service-section .ser-div{padding: 15px 15px;min-height: 345px;}
    
    .casestudy-section .owl-nav {display: none;}
    .casestudy-section .owl-dots {padding-top: 30px;}
    
    .abt-img{}
    .abt-img img{max-width: 350px;}
    .abt-img::before{left: -20px;top: -20px;}
    .abt-img::after{right: 0px;bottom: -20px;}
    
    ul.links-ul:first-of-type{padding-left: 40px;}
    .links-ul li a{font-size: 14px;}
    .social-li{margin: 15px auto 30px;}
    
    
    .row.welcomeDiv .singlepost-image{max-width: 200px;}
    .row.welcomeDiv .inner-ul.ul-2{width: 70%;}
    
}

@media only screen and (max-width: 991px) and (min-width: 768px){
    
    .btn-1{width: 140px;height: 45px;}
    .btn-1 a{font-size: 16px;line-height: 45px;}
    
    .hdr-cont ul li{margin: 0 0;padding: 12px 3px;}
    .hdr-cont ul li a{font-size: 12px;}
    .hdr-cont ul li .fa {margin-right: 3px;}
    .header-right .btn-1{width: 160px;height: 50px;}
    .header-right .btn-1 a{padding: 0;font-size: 12px;line-height: 50px;}
    
    
    .logo {width: 130px;}
    .shrink .bottom-header .navbar-brand > img {width: 75%;}
    .navbar-inverse .navbar-brand{padding: 10px 0;}
    .navbar-inverse .navbar-nav > li > a{font-size: 13px;padding: 30px 5px}
    .shrink .bottom-header .navbar-nav > li > a {padding: 16px 5px;}
    .service-section .ser-div{padding: 15px 15px;min-height: 280px;}
    
    
    .banner-section .carousel-caption{top: 60px;}
    .banner-section .carousel-caption h1{font-size: 22px;line-height: 35px;}
    .banner-section .carousel-caption h2 {font-size: 15px;line-height: 30px;}
    
    .page-heading h1{font-size: 30px;line-height: 40px;}
    
    .service-section{padding: 60px 0;}
    .service-section .ser-div h2 a{font-size: 16px;}
    
    .about-section{padding: 50px 0;}
    .abt-div {padding: 0 0;}
    .abt-img {width: 300px;margin: 75px auto 0;}
    .abt-img img{max-width: 275px;}
    .abt-img::before{left: -20px;top: -20px;}
    .abt-img::after{right: 0px;bottom: -20px;}
    
    .case-content{height: 74px;}
    
    .appointment-section{padding: 60px 0 60px;}
    
    footer{padding: 60px 0 0;}
    .up-1{margin-bottom: 15px;}
    .f-logo{width: 150px;top: -8px}
    ul.links-ul:first-of-type{padding-left: 30px;}
    .links-ul li{padding: 15px 5px;}
    .links-ul li a{font-size: 12px;}
    .social-li{margin: 5px auto 15px;}
    .social-li li a{font-size: 22px;}
    .btm-footer .container{padding: 15px 0;}
    .btm-footer{font-size: 14px;line-height: 20px;}
    
    .row.welcomeDiv h1{font-size: 30px;}   
    .row.welcomeDiv .singlepost-image, .welcomeDiv .abt-inner-img img{max-width: 200px;}
    .row.welcomeDiv .inner-ul.ul-2 {width: 100%;}

    
}



@media only screen and (max-width: 767px) and (min-width: 320px){
    
    .page-heading h1 {font-size: 30px;line-height: 35px;}
    .btn-1{width: 140px;height: 45px;}
    .btn-1 a{font-size: 16px;line-height: 45px;}
    a.add_foot{ display: block; }
    .hdr-cont ul li.address_top{ display: none; }
    .hdr-cont ul li{display: inline-block;padding: 3px 0;}
    .hdr-cont ul li a span + span{ display: none; }
    .hdr-cont ul li a{font-size: 13px;line-height: 14px;}
    
    .header-right .btn-1{width: 160px;height: 50px;margin-top: 30px;}
    .header-right .btn-1 a{padding: 0;font-size: 12px;line-height: 50px;}
    
    .navbar-toggle{margin-top: 27px;}
    .shrink .navbar-toggle{margin-top: 15px;}
    .navbar-inverse .navbar-toggle .icon-bar { background-color: #333;}
    .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{background-color: #2e95e6;}
    .navbar-inverse .navbar-toggle:focus .icon-bar, .navbar-inverse .navbar-toggle:hover .icon-bar{background-color: #fff;}
    .logo {float: left;width: 150px;}
    .shrink .bottom-header .navbar-brand > img {width: 70%;}
    
    .bottom-header .navbar-nav > li > a {padding: 5px 15px;font-size: 14px;}
    .shrink .bottom-header .navbar-nav > li > a {padding: 5px 15px;}
    .navbar-inverse .navbar-nav .dropdown-menu{position: relative;display: none;width: 100%;}
    .navbar-inverse .navbar-nav > li:hover ul.dropdown-menu{display: none;}
    .navbar-inverse .navbar-nav .open-menu.dropdown-menu, .navbar-inverse .navbar-nav > li:hover .open-menu.dropdown-menu{display: block;}
    
    
    .banner-section{}
    .banner-section img{min-height: 350px;width: 100%;object-fit: cover;}
    .banner-section .carousel-caption{top: 70px;}
    .banner-section .carousel-caption h1{font-size: 22px;line-height: 35px;}
    .banner-section .carousel-caption h2 {font-size: 16px;line-height: 30px;}
    
    .sub-heading{width: 85%;}
    .sub-heading p{font-size: 14px}
    .service-section{padding: 50px 0;}
    .service-section .ser-div{min-height: auto;width: 400px;}
    
    .about-section{padding: 50px 0;}
    .abt-img {width: 300px;margin: 50px auto; max-width: 100%;}
    .about-section p{font-size: 14px;}
    a.read-more-btn{width: 130px;font-size: 16px;}
    
    .casestudy-section{padding: 30px;}
    .casestudy-section .item{}
    .casestudy-section .item .case-box {min-height: auto;}
    .casestudy-section .item .case-box .img-box{height: 150px;overflow: hidden;}
    .casestudy-section .item .case-box .img-box img{height: 100%;width: 100%;margin: 0 auto;object-fit: cover;}
    .case-date{font-size: 16px;line-height: 30px;}
    .case-heading h2::after{bottom: -5px;}
    .case-content p{font-size: 14px;line-height: 20px;}
    
    .test-section{padding: 45px 0}
    .test-img{height: 100px;width: 100px;}
    .test-content p {font-size: 14px;line-height: 20px;}
    .test-content h3{font-size: 16px;line-height: 35px;}
    .test-content::before{font-size: 25px;}
    
    .appointment-section{padding: 30px 0 20px;}
    .ap-form .form-control{height: 40px;margin-bottom: 15px;font-size: 14px;}
    #wpcf7-f110-o1 input[type="submit"].wpcf7-form-control{height: 45px;width: 130px;font-size: 14px;margin: 15px auto 0 !important;float: none;display: block;}
    .ap-form textarea.form-control { height: 70px;}
    .contact-page .ap-form span.wpcf7-not-valid-tip{font-size: 12px;}
    
    
    footer{padding: 40px 0 0;}
    .links-ul li{display: block;padding: 5px 0;}
    .links-ul li a{font-size: 14px;padding: 5px 15px;}
    ul.links-ul:first-of-type{padding-left: 0;text-align: left;}
    ul.links-ul:last-of-type{text-align: right;}
    .f-logo{width: 150px;top: 10px;}
    .up-1{margin-bottom: 15px;}
    .social-li{margin: 10px 0 10px;}
    .social-li li a{font-size: 20px;}  
    
    .btm-footer .container{padding: 15px 0 10px;}
    .btm-footer {font-size: 12px;line-height: 14px;}
    
    
    .welcomeDiv{padding: 30px 0;}
    .row.welcomeDiv h1 {font-size: 25px;margin-bottom: 30px;text-align: center;}   
    .row.welcomeDiv h1::before{left: 0;right: 0;margin: 0 auto;}
    .contact-page h3{font-size: 18px;margin-bottom: 5px;}
    .row.welcomeDiv p, .row.welcomeDiv li,
    .contact-page .contact-details ul li,
    .contact-page .contact-details ul li a,
    .contact-page .contact-details .fa{font-size: 14px;}
    .row.welcomeDiv .inner-ul.ul-3 li{width: 33%;}
    .row.welcomeDiv .inner-ul.ul-2 li{width: 100%;}
    .row.welcomeDiv .singlepost-image, .welcomeDiv .abt-inner-img img{max-width: 200px;}
    
    .welcomeDiv .singlecase-div {height: auto;width: 100%;margin: 0 auto 25px;box-shadow: 0px 0px 5px #ccc;padding: 15px;max-width: 400px;}
    .welcomeDiv .singlecase-div img{height: 150px;}
    .welcomeDiv .singlecase-div h2{font-size: 20px;line-height: 25px;}
    .case-date{font-size: 14px;}
    .welcomeDiv .singlecase-div p{text-align: center;}
    
    .row.welcomeDiv .test-content h3{font-size: 16px;line-height: 20px;text-align: center;}
    .test-content{padding-top: 30px;}
    .inner-test-div .test-content::before{font-size: 30px}
    .welcomeDiv .ap-form h2{font-size: 18px;}
    input.wpcf7-form-control.wpcf7-submit{height: 45px;width: 130px;font-size: 14px;margin: 15px 0 0 0 !important;float: none;display: block;}
    .map{float: left;width: 100%;}
    .map iframe{height: 200px;}
    
    .hdr-cont{width: 100%;text-align: center;}
    .test-content{ min-height: inherit; }
    .row.welcomeDiv p{ text-align: center; }
    .contact-page .contact-details ul li{ display: inline-block; padding: 0 5px; }

}


@media only screen and (max-width: 568px){
    .contact-page .contact-details ul li{ display: block; padding: 0; }
    .row.welcomeDiv .inner-ul{ width: 50%; float: left; }
    .row.welcomeDiv .inner-ul li{ width: 100%; }
}


@media only screen and (max-width: 640px) and (min-width: 320px){
    .header-right .btn-1{width: 140px;}
    .banner-section img{min-height: 300px;}
    
    .btn-1{width: 120px;height: 40px;}
    .btn-1 a{line-height: 40px;}
    
    .banner-section img{min-height: 300px;width: 100%;object-fit: cover;}
    .banner-section .carousel-caption{top: 50px;}
    .banner-section .carousel-caption h1{font-size: 20px;line-height: 35px;}
    .banner-section .carousel-caption h2 {font-size: 16px;line-height: 30px;}
    
    .case-content{height: 65px;}
    
    .welcomeDiv .ap-form{width: 100%;}
    .welcomeDiv .ap-form h2{text-align: center;}
    input.wpcf7-form-control.wpcf7-submit{float: none;margin: 15px auto 0 !important;display: block;}
    .row.welcomeDiv .inner-ul.ul-3 li{width: 50%;}
    .row.welcomeDiv .singlepost-image, .welcomeDiv .abt-inner-img img {max-width: 300px;width: 100%;margin: 0 auto 20px !important;float: none !important;}
}

@media only screen and (max-width: 480px)and (min-width: 320px){
    .hdr-cont{float: left;width: 100%;}
    .hdr-cont ul li{display: inline-block;}
    .header-right{width: 100%;}
    .header-right .btn-1{margin: 15px auto;}
    
    .banner-section img{min-height: 250px;}
    .banner-section .carousel-caption {top: 55px;left: 45px;}
    .banner-section .carousel-caption h1 {font-size: 16px;line-height: 25px;}
    .banner-section .carousel-caption h2 {display: none;}    
   
    .page-heading h1 {font-size: 25px;line-height: 35px;font-weight: 700;}
    .abt-img{width: 200px;}
    .casestudy-section .item{margin: 0;}
    .service-section .ser-div{width: 300px;}
    .service-section .ser-div h2 a{font-size: 16px;}
    
    
     .test-img {height: 70px;width: 70px;margin-left: 15px; margin-top: 7px; margin-bottom: 15px; float: none;}
     .test-content{ width: 100%; }
     .car-spration{ display: none; }
     .test-section .carousel-control.left{left: 50%;}
     .test-section .carousel-control.right {right: 22%;}
     .test-section .carousel-control{ bottom: -34px; }
    
    ul.links-ul:first-of-type{width: 100%;text-align: center;margin-top: 75px;margin-bottom: 0;}
    ul.links-ul:last-of-type {text-align: center; width: 100%;}
    .f-logo{top: 0;}
    .up-1 {margin-bottom: 0;}
    
    .welcomeDiv .singlecase-div h2{font-size: 18px;}
    .row.welcomeDiv .inner-ul.ul-3 li{width: 100%;}
    .row.welcomeDiv .inner-ul.ul-2{width: 100%;}
    .row.welcomeDiv h1{font-size: 20px;}
    .row.welcomeDiv .singlepost-image, .welcomeDiv .abt-inner-img img{max-height: 300px;max-width: 100%;object-fit: contain;}
    
    
	
}

@media only screen and (max-width: 360px) and (min-width: 320px){
    .banner-section img{min-height: 200px;}
    .banner-section .carousel-caption {top: 40px;left: 30px;}
    .banner-section .carousel-caption h1 {font-size: 16px;line-height: 25px;}
    .row.welcomeDiv .inner-ul{ width: 100%; float: left; }
}

@media only screen and (max-width: 767px){
	.header-right{ text-align: center; width: 100%; }
    .header-right .btn-1{float: none; margin: 30px auto 0 auto;} 
	
}


@media only screen and (max-width: 641px){
    .test-section .carousel-control.left{left: 58%;}
    .test-section .carousel-control{right: 28%;}
    .hdr-cont, .header-right{ width: 50%; }
    .header-right{ float: right; }
    .hdr-cont ul li .fa, .hdr-cont ul li{ margin-right: 10px; }
    .hdr-cont{margin: 26px 0 0;}
    .header-right .btn-1{margin: 15px auto;}
    .hdr-cont ul li i.fa.fa-facebook{font-size: 14px;}
    
}