@media only screen and (max-width: 1200px) {
    .menu li a {
        font-size: 14px!important;
        padding: 10px 11px!important;
    }
    .header .head-right-top .sec-1 .con-sec {
        display: none;
    }
    .header .head-right-top a {
       border-radius: 0!important;
    }
}
@media only screen and (max-width: 1024px) {
    .about h3 {
        font-size: 28px;
    }
    .about h4 {
        font-size: 20px;
        margin-bottom: 9px;
        line-height: 1.3;
    }
    .about h5 {
        font-size: 19px;
        margin-bottom: 5px;
        padding-bottom: 5px!important;
    }
    .about p {
        font-size: 14px;
        line-height: 23px;
        margin-bottom: 4px;
    }
    .section {
        padding: 40px 0;
    }
    .feature-medal .medal {
        position: static;
    }
    .about .img-wrap1 img {
        margin: 0;
    }
    .medal .content-medal h2 {
        line-height: 50px;
        font-weight: 600;
        font-size: 13px;
    }
    .medal .box-icon i {
        font-size: 26px;
        line-height: 50px;
        color: #6eba10;
    }
    .menu li a {
        font-size: 13px!important;
        padding: 10px 7px!important;
    }
    .default-btn {
        padding: 8px 10px!important;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    html {
        font-size: 9px;
    }
    .testimonials .owl-carousel .owl-nav .owl-next {
        right: -1rem;
    }
    .testimonials .owl-carousel .owl-nav .owl-prev {
        left: -1rem;
    }
}
@media (max-width: 600px){
    .sidebar{

    }
	.text-box h2 {
	font-size: 3rem;
	}
	.test-item{
		height:auto;	
	}
}
@media (min-width: 480px) and (max-width: 768px) {
    .menu li a {
        font-size: 1.25rem;
        padding: 1rem 0.5rem;
    }
    .section {
        padding: 5rem 0;
    }
    .about h3 {
        font-size: 2.8rem;
    }
    .about h4 {
        font-size: 2rem;
        margin-bottom: 1rem;
    }
    .about p {
        line-height: 2.4rem;
    }
    footer h3 {
        margin-top: 1rem;
    }
    .sec-title {
        font-size: 3rem;
        line-height: 3rem;
    }
    .banner h2 {
        font-size: 2.8rem;
    }
    .doctor .img-wrap {
        width: 50%;
    }
    .abt-box li {
        flex: unset;
        width: 48%;
        margin-bottom: 1%;
    }
    .abt-box {
        flex-wrap: wrap;
    }
    .about-cont {
        padding: 0 0 3rem;
    }
    .hospital li {
        width: 50%;
    }
    .testimonials .item-wrap .test-item {
        width: 46%;
    }
    .video ul {
        flex-wrap: wrap;
    }
    .video ul li {
        width: 50%;
    }
}
@media (min-width: 320px) and (max-width: 480px) {
    .text-box h2 {
        font-size: 2.4rem;
    }
    .carousel-indicators {
        bottom: 1rem;
    }
    .section {
        padding: 4rem 0;
    }
    .about h3 {
        font-size: 2.2rem;
    }
    .about h4 {
        font-size: 1.6rem;
        margin-bottom: 1rem;
    }
    .about .img-wrap {
        margin-bottom: 1rem;
    }
    .about p {
        line-height: 2.1rem;
        font-size: 1.4rem;
    }
    footer h3 {
        margin-top: 1rem;
    }
    .sec-title {
        font-size: 2.4rem;
        line-height: 2.4rem;
        margin-bottom: 1rem;
    }
    .banner h2 {
        font-size: 2.4rem;
        padding: 1rem 1.5rem;
    }
    .banner {
        height: 15rem;
    }
    .doctor ul li{
        flex-wrap: wrap;
    }
    .doctor .img-wrap {
        width: 100%;
        margin-bottom: 2rem;
    }
    .doctor .info-wrap{
        width: 100%;
        padding-left: 0;
    }
    .doctor .info-wrap h4{
        font-size: 1.5rem;
    }
    .doctor .info-wrap h3{
        font-size: 1.8rem;
    }
    .doctor .info-wrap p{
        line-height: 2.4rem;
    }
    .abt-box li {
        flex: unset;
        width: 100%;
        margin-bottom: 1%;
    }
    .abt-box {
        flex-wrap: wrap;
    }
    .about-cont {
        padding: 0 0 3rem;
    }
    .hospital li {
        width: 100%;
    }
    .testimonials .item-wrap .test-item {
        width: 100%;
    }
    .test-item h4 {
        font-size: 1.6rem;
    }
    .test-item p {
        line-height: 2.4rem;
        font-size: 1.4rem;
    }
    .test-item {
        padding: 2rem;
    }
    .video ul {
        flex-wrap: wrap;
    }
    .video ul li {
        width: 50%;
    }
    .sec-head {
        margin-bottom: 1.5rem;
    }
    .service h4 {
        font-size: 1.6rem;
        padding: 0.7rem;
    }
    .service .inner {
        bottom: 0.5rem;
    }
    .testimonials .owl-carousel .owl-nav .owl-next {
        right: -1rem;
    }
    .testimonials .owl-carousel .owl-nav .owl-prev {
        left: -1rem;
    }
    .footer-end p {
        text-align: center;
    }
    .footer-end .text-right {
        text-align: center !important;
    }
    .logo h1 {
        font-size: 2rem;
        text-align: center;
        margin-bottom: 1rem;
    }
    .app-btn {
        justify-content: center;
    }
    .top-left {
        display: block;
        text-align: center;
    }
    .social {
        justify-content: center;
    }
    .contact .inner-tile p {
        font-size: 1.4rem;
    }
    .testimonials .test-video {
        height: 15rem;
    }
    .video ul li {
        width: 100%;
        padding: 1rem 1.5rem;
    }
    .video ul li h3 {
        font-size: 1.4rem;
    }
    .gallery ul li {
        width: 50%;
        height: 16rem;
        padding: 1rem 1.5rem;
    }
    .gallery ul {
        margin: -1rem -1.5rem;
    }
    .hospital .hos-card a {
        margin: 0.5rem;
    }
    .inner-block .table-responsive {
        margin-bottom: 1.5rem;
    }
    .hospital .inner-block {
        padding: 2rem 1rem;
    }
    .hospital .hos-card {
        padding: 3rem 1.5rem;
    }
    .hospital .hos-card::after {
        top: 1rem;
        left: 1rem;
        bottom: 1rem;
        right: 1rem;
    }
    .hospital h4{
        font-size: 1.6rem;
    }
    .ser-detail h2{
        font-size: 2rem;
    }
    .ser-detail p{
        font-size: 1.4rem;
    }
}

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

@media (min-width: 1201px) and (max-width: 1255px){
    .owl-theme .owl-nav{
        display: none;
    }
}
@media (min-width: 992px) and (max-width: 1200px){
    .top-left li, .social li{
        font-size: 14px;
    }
    .menu li a{
        font-size: 14px;
        padding: 8px 9px;
    }
    .app-btn a{
        font-size: 14px;
    }
    .about h5{
        line-height: 30px;
        padding-bottom: 15px;
    }
    .about h4{
        margin-bottom: 5px;
    }
    .about .bs-btn{
        font-size: 15px;
    }
    .abt-box h4{
        font-size: 18px;
    }
    .abt-box p{
        font-size: 14px;
    }
    .owl-theme .owl-nav{
        display: none;
    }
    .about .img-wrap1{
        width: 305px;
    }
    .ser-btn a{
        font-size: 15px;
    }
}
@media (min-width: 768px) and (max-width: 991px){
    #button{
        width: 40px;
        height: 40px;
    }
    #button::after{
        font-size: 18px;
        line-height: 40px;
    }
    .sec-title{
        font-size: 34px;
    }
    .owl-theme .owl-nav{
        display: none;
    }
    .top-left li{
        font-size: 13px;
    }
    .logo1 ul li{
        font-size: 13px;
    }
    .menu li a{
        color: #fff;
        padding: 6px 7px;
        font-size: 15px;
    }
    .menu ul li a{
        padding-left: 30px;
    }
    .responsive-menu{
        padding: 7px 15px 4px;
    }
    .responsive-menu i{
        font-size: 20px;
    }
    .app-btn a{
        font-size: 15px;
        background: #e2562b;
        color: #fff;
        position: fixed;
        z-index: 99999;
        right: 0;
        bottom: 0;
    }
    .section{
        padding: 50px 0;
    }
    .about h3{
        font-size: 32px;
        margin-bottom: 0;
    }
    .about h4{
        font-size: 22px;
        margin-bottom: 2px;
    }
    .about h5{
        font-size: 22px;
        line-height: 24px;
        padding-bottom: 15px;
        display: block;
    }
    .about p{
        line-height: 28px;
    }
    .abt-box li{
        flex: auto;
        padding: 12px;
    }
    .about .bs-btn{
        font-size: 15px;
    }
    .abt-box h4{
        font-size: 18px;
    }
    .abt-box p{
        font-size: 15px;
    }
    .abt-box li{
        margin: 15px 0;
        height: 160px;
    }
    .test-item h4{
        font-size: 21px;
    }
    .test-item p{
        font-size: 15px;
        line-height: 26px;
    }
    footer{
        padding-bottom: 0;
    }
    footer p, footer ul li a, footer .location ul li{
        font-size: 15px;
        line-height: 26px;
        font-weight: 300;
    }
    .foot-btn a{
        font-size: 14px;
    }
    .m1{
        margin-bottom: 30px;
    }
    .footer-end p{
        font-size: 14px;
    }
    .about .img-wrap1{
        width: 300px;
        margin: 0 30px 20px 0;
    }
    .l1{
        border-bottom: none !important;
        margin-bottom: 0 !important;
    }
    .ser-btn a{
        font-size: 13px;
/*        padding: 10px 20px;*/
    }
    .enquire .sec-head h2{
        font-size: 22px;
    }
    .gallery ul li{
        height: 28rem;
    }
}
@media (min-width: 681px) and (max-width: 767px){
    #button{
        width: 40px;
        height: 40px;
    }
    #button::after{
        font-size: 18px;
        line-height: 40px;
    }
    .sec-title{
        font-size: 32px;
    }
    .owl-theme .owl-nav{
        display: none;
    }
    .top-left{
        text-align: center;
    }
    .top-left li{
        float: none;
        display: inline-block;
    }
    .social{
        display: none;
    }
    .d1{
        display: none;
    }
    .logo1 ul li{
        font-size: 13px;
    }
    .menu li a{
        color: #000;
        padding: 7px 9px;
        font-size: 15px;
    }
    .menu ul li a{
        padding-left: 30px;
    }
    .responsive-menu{
        padding: 7px 15px 4px;
    }
    .responsive-menu i{
        font-size: 20px;
    }
    .app-btn a{
        background: #e2562b;
        color: #fff;
        position: fixed;
        z-index: 99999;
        right: 0;
        bottom: 0;
    }
    .section{
        padding: 40px 0;
    }
    .about h3{
        font-size: 32px;
        margin-bottom: 0;
    }
    .about h4{
        font-size: 22px;
        margin-bottom: 2px;
    }
    .about h5{
        font-size: 22px;
        line-height: 24px;
        padding-bottom: 15px;
        display: block;
    }
    .about p{
        line-height: 28px;
    }
    .abt-box li{
        flex: auto;
        padding: 12px;
    }
    .about .bs-btn{
        margin-top: 0;
        padding: 8px 20px;
    }
    .abt-box li{
        margin: 15px 0;
    }
    .test-item h4{
        font-size: 21px;
    }
    .test-item p{
        font-size: 15px;
        line-height: 26px;
    }
    footer{
        padding-bottom: 0;
    }
    footer p, footer ul li a, footer .location ul li{
        font-size: 15px;
        line-height: 26px;
        font-weight: 300;
    }
    .foot-btn a{
        font-size: 14px;
    }
    .m1{
        margin-bottom: 30px;
    }
    .footer-end p{
        font-size: 14px;
    }
    .about .img-wrap1 img{
        width: 300px;
        margin: 0 25px 0 0;
    }
    .l1{
        border-bottom: none !important;
        margin-bottom: 0 !important;
    }
    .service-main{
        padding: 40px 0;
    }
    .sercnt h1{
        font-size: 30px;
    }
    .srvimg{
        margin: 20px 0;
    }
    .sercnt p, .sercnt ul li{
        line-height: 26px;
    }
    .sidebar h2{
        font-size: 22px;
        padding: 12px 0;
    }
    .sidebar ul li a{
        padding: 7px;
        font-size: 14px;
    }
    .ser-btn a{
        padding: 8px 18px;
    }
    .attachments_section{
        padding: 40px 0;
    }
    .contact{
        padding: 50px 0;
    }
    .gallery ul li{
        width: 50%;
        height: 25rem;
    }
}   
@media (min-width: 576px) and (max-width: 680px){
    #button{
        width: 40px;
        height: 40px;
    }
    #button::after{
        font-size: 18px;
        line-height: 40px;
    }
    .sec-head{
        margin-bottom: 0;
    }
    .sec-title{
        font-size: 30px;
        margin-bottom: 35px;
    }
    .sec-title::before{
        width: 50px;
        margin-right: 5px;
    }
    .sec-title::after{
        width: 50px;
        margin-left: 5px;
    }
    .owl-theme .owl-nav{
        display: none;
    }
    .top-left{
        text-align: center;
    }
    .top-left li{
        float: none;
        display: inline-block;
    }
    .social{
        display: none;
    }
    .d1{
        display: none;
    }
    .logo1 ul li{
        font-size: 13px;
    }
    .menu li a{
        color: #000;
        padding: 7px 9px;
        font-size: 15px;
    }
    .menu ul li a{
        padding-left: 30px;
    }
    .responsive-menu{
        padding: 7px 15px 4px;
    }
    .responsive-menu i{
        font-size: 20px;
    }
    .app-btn a{
        background: #e2562b;
        color: #fff;
        position: fixed;
        z-index: 99999;
        right: 0;
        bottom: 0;
    }
    .section{
        padding: 40px 0;
    }
    .about h3{
        font-size: 32px;
        margin-bottom: 0;
    }
    .about h4{
        font-size: 22px;
        margin-bottom: 2px;
    }
    .about h5{
        font-size: 22px;
        line-height: 24px;
        padding-bottom: 15px;
    }
    .about p{
        line-height: 28px;
    }
    .abt-box li{
        flex: auto;
        padding: 12px;
    }
    .about .bs-btn{
        margin-top: 0;
        padding: 8px 20px;
    }
    .abt-box li{
        margin: 15px 0;
    }
    .test-item h4{
        font-size: 20px;
    }
    .test-item p{
        font-size: 15px;
        line-height: 26px;
    }
    footer{
        padding-bottom: 0;
    }
    footer p, footer ul li a, footer .location ul li{
        font-size: 15px;
        line-height: 26px;
        font-weight: 300;
    }
    .foot-btn a{
        font-size: 14px;
    }
    .m1{
        margin-bottom: 30px;
    }
    .footer-end p{
        font-size: 14px;
    }
    .head_title_inn h1{
        font-size: 25px;
    }
    .head_title_inn ul li {
        font-size: 16px;
    }
    /*.about .img-wrap1 img{
        width: 340px;
        margin: 0 300px 30px 0;
    }*/
    .service-main{
        padding: 40px 0;
    }
    .sercnt h1{
        font-size: 30px;
    }
    .srvimg{
        margin: 20px 0;
    }
    .sercnt p, .sercnt ul li{
        line-height: 26px;
    }
    .sidebar h2{
        font-size: 22px;
        padding: 12px 0;
    }
    .sidebar ul li a{
        padding: 7px;
        font-size: 14px;
    }
    .ser-btn a{
/*        padding: 8px 18px;*/  
    font-size: 13px;
    }
    .attachments_section{
        padding: 40px 0;
    }
    .contact{
        padding: 50px 0;
    }
    .enquire .sec-head h2{
        margin-bottom: 20px;
    }
    .gallery ul li{
        width: 50%;
        height: 25rem;
    }
}
@media (max-width: 575px){
    .b1{
/*        display: none;*/
    }
    .b2{
        display: block;
    }
    .carousel-control-next, .carousel-control-prev{
        width: 12%;
    }
    .carousel-control-next i, .carousel-control-prev i{
        padding: 8px 12px;
    }
    .sidebar{
        display: none;
    }
}
@media (min-width: 421px) and (max-width: 575px){
    #button{
        width: 40px;
        height: 40px;
    }
    #button::after{
        font-size: 18px;
        line-height: 40px;
    }
    .sec-head{
        margin-bottom: 0;
    }
    .sec-title{
        font-size: 28px;
        margin-bottom: 30px;
    }
    .sec-title::before{
        width: 50px;
        margin-right: 5px;
        display: none;
    }
    .sec-title::after{
        width: 50px;
        margin-left: 5px;
        display: none;
    }
    .owl-theme .owl-nav{
        display: none;
    }
    .top-left{
        text-align: center;
    }
    .top-left li{
        float: none;
        display: inline-block;
    }
    .social{
        display: none;
    }
    .logo1{
        display: none;
    }
    .menu li a{
        color: #000;
        padding: 7px 9px;
        font-size: 15px;
    }
    .menu ul li a{
        padding-left: 30px;
    }
    .responsive-menu{
        padding: 7px 15px 4px;
    }
    .responsive-menu i{
        font-size: 20px;
    }
    .app-btn a{
        background: #e2562b;
        color: #fff;
        position: fixed;
        z-index: 99999;
        right: 0;
        bottom: 0;
    }
    .section{
        padding: 40px 0;
    }
    .about h3{
        font-size: 30px;
        margin-bottom: 0;
    }
    .about h4{
        font-size: 21px;
        margin-bottom: 2px;
    }
    .about h5{
        font-size: 20px;
        line-height: 24px;
        padding-bottom: 15px;
    }
    .about p{
        font-size: 15px;
        line-height: 26px;
    }
    .s1 , .m2{
        width: 50%;
    }
    .abt-box li{
        flex: auto;
        padding: 12px;
    }
    .about .bs-btn{
        margin-top: 0;
        padding: 8px 20px;
    }
    .abt-box li{
        margin: 8px 0;
    }
    .test-item h4{
        font-size: 20px;
    }
    .test-item p{
        font-size: 15px;
        line-height: 26px;
    }
    footer{
        padding-bottom: 0;
    }
    footer p, footer ul li a, footer .location ul li{
        font-size: 15px;
        line-height: 26px;
        font-weight: 300;
    }
    .foot-btn a{
        font-size: 14px;
    }
    .m1{
        margin-bottom: 30px;
    }
    .footer-end p{
        font-size: 14px;
    }
    .head_title_inn h1{
        font-size: 28px;
    }
    .about .img-wrap1{
        width: 100%;
    }
    .service-main{
        padding: 40px 0;
    }
    .sercnt h1{
        font-size: 28px;
        line-height: 20px;
    }
    .sercnt p, .sercnt ul li{
        line-height: 26px;
    }
    .ser-btn a{
        padding: 10px 20px;
    }
    .attachments_section{
        padding: 40px 0;
    }
    .contact{
        padding: 50px 0;
    }
    .contact .inner-tile p{
        font-size: 15px;
    }
    .enquire{
        padding: 30px 15px;
    }
    .enquire .sec-head h2{
        margin-bottom: 20px;
    }
    .enquire .form-control{
        height: 40px;
        font-size: 13px;
    }
    .enquire textarea{
        height: 120px !important;
    }
    .enquire button{
        font-size: 15px;
        padding: 8px 25px;
    }
    .gallery ul li{
        width: 50%;
        height: 20rem;
    }
}
@media (min-width: 300px) and (max-width: 420px){
    #button{
        width: 40px;
        height: 40px;
    }
    #button::after{
        font-size: 18px;
        line-height: 40px;
    }
    .sec-title{
        font-size: 24px;
    }
    .sec-title::before{
        width: 50px;
        margin-right: 5px;
        display: none;
    }
    .sec-title::after{
        width: 50px;
        margin-left: 5px;
        display: none;
    }
    .owl-theme .owl-nav{
        display: none;
    }
    .top-left{
        text-align: center;
    }
    .top-left li{
        float: none;
        display: inline-block;
    }
    .social{
        display: none;
    }
    .logo1{
        display: none;
    }
    .menu li a{
        color: #000;
        padding: 7px 9px;
    }
    .menu ul li a{
        padding-left: 30px;
    }
    .responsive-menu{
        padding: 7px 15px 4px;
    }
    .responsive-menu i{
        font-size: 20px;
    }
    .app-btn a{
        background: #e2562b;
        color: #fff;
        position: fixed;
        z-index: 99999;
        right: 0;
        bottom: 0;
    }
    .section{
        padding: 40px 0;
    }
    .sec-head{
        margin-bottom: 15px;
    }
    .about h3{
        font-size: 28px;
        margin-bottom: 0;
    }
    .about h4{
        font-size: 20px;
        margin-bottom: 0px;
    }
    .about h5{
        font-size: 18px;
        line-height: 22px;
        padding-bottom: 15px;
    }
    .about p{
        font-size: 14px;
        line-height: 24px;
    }
    .about .img-wrap{
        margin-bottom: 20px;
    }
    .about .bs-btn{
        margin-top: 0;
        padding: 8px 20px;
    }
    .abt-box li{
        margin: 8px 0;
        height: auto;
    }
    .test-item h4{
        font-size: 18px;
    }
    .test-item p{
        font-size: 14px;
        line-height: 24px;
    }
    footer{
        padding-bottom: 0;
    }
    footer p, footer ul li a, footer .location ul li{
        font-size: 14px;
        line-height: 24px;
        font-weight: 300;
    }
    .foot-btn a{
        font-size: 14px;
    }
    .m1{
        margin-bottom: 30px;
    }
    .footer-end p{
        font-size: 13px;
    }
    .head_title_inn h1{
        font-size: 28px;
    }
    .about .img-wrap1{
        width: 100%;
    }
    .service-main{
        padding: 40px 0;
    }
    .sercnt h1{
        font-size: 26px;
        line-height: 20px;
    }
    .srvimg{
        margin: 25px 0 15px;
    }
    .sercnt p, .sercnt ul li{
        font-size: 14px;
        line-height: 24px;
    }
    .ser-btn a{
        font-size: 14px;
        padding: 8px 18px;
    }
    .attachments_section{
        padding: 35px 0;
    }
    .contact{
        padding: 45px 0;
    }
    .contact .inner-tile p{
        font-size: 14px;
    }
    .enquire{
        padding: 30px 15px;
    }
    .contact .inner-tile h3{
        font-size: 16px;
    }
    .enquire .sec-head h2{
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 15px;
    }
    .enquire .form-control{
        height: 40px;
        font-size: 13px;
    }
    .enquire textarea{
        height: 120px !important;
    }
    .enquire button{
        font-size: 14px;
        padding: 8px 25px;
    }
    .gallery ul li{
        width: 100%;
        height: 25rem;
    }
}

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

@media (min-width: 1200px) and (max-width: 1270px){
    .middle-header-content ul li{
        margin-left: 60px;
        padding-left: 10px;
    }
    .middle-header-content ul li i{
        font-size: 18px;
        width: 42px;
    }
    .menu li a{
        font-size: 15px;
        padding: 10px 15px;
    }
}

@media (max-width: 1199px){
    .middle-header-content ul {
        margin-top: 28px;
    }
    .middle-header-content ul li{
        margin-left: 45px;
        padding-left: 8px;
    }
    .middle-header-content ul li i{
        font-size: 18px;
        width: 40px;
    }
    .middle-header-content ul li span{
        margin-top: 1px;
    }
    .social-head{
        margin-top: 36px;
    }
    .logo img {
/*        width: 140px;*/
    }
    .header .head-right-top .sec-1 .img-sec {
        /* background: #f8f8f8; */
       width: 50px;
       height: 50px;
       padding: 0;
       text-align: center;
       line-height: 50px;
    }
    .header .head-right-top .sec-1 .img-sec img{
        width: 70%;
    }
        .header .head-right-top {
       margin-top: 30px;
    }
    .menu li a{
        font-size: 15px; 
        padding: 8px 7px;
    }
    .default-btn{
        padding: 8px 18px;
    }
    .menu ul{
        width: 800px;
    }
    .text-box h2{
        font-size: 32px;
    }
    .text-box p{
        font-size: 15px;
    }
    .text-box a {
        padding: 9px 20px;
        font-size: 16px;
    }
    .contact .inner-tile i{
        font-size: 17px;
        width: 42px;
        height: 42px;
        line-height: 42px;
    }
    .contact .inner-tile{
        padding: 20px;
        padding-left: 58px;
    }
    .contact{
        padding-bottom: 40px;
    }
    .map iframe{
        height: 350px;
    }
    .sercnt h1{
        font-size: 32px;
        line-height: 34px;
    }
}

@media (max-width: 991px){
    .slogen{
        display: none;
    }
    .service .service-data h3 {
        font-size: 16px;
    
    }
    .logo img {
/*        width: 128px;*/
    }
    .head-btn{
        position: fixed;
        right: 0;
        bottom: 0;
        z-index: 999;
    }
    .social-head{
/*        display: none;*/
    }
    .middle-header-content ul li {
        margin-left: 45px;
        padding-left: 3px;
        font-size: 15px;
    }
    .middle-header-content ul li i {
        font-size: 15px;
        width: 35px;
    }
    .middle-header-content ul li span{
        font-size: 15px;
    }
    .text-box{
        left: 10%;
        width: 48%;
    }
    .text-box h2 {
        font-size: 27px;
        margin-bottom: 0;
    }
    .text-box p{
        line-height: 23px;
        margin: 4px 0 10px;
    }
    .text-box a {
        padding: 7px 20px;
        font-size: 15px;
    }
    .about h3 {
        font-size: 32px;
        margin-bottom: 0;
    }
    .about h4 {
        font-size: 21px;
        margin-bottom: 1px;
    }
    .about h5{
        font-size: 21px;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .about p {
        line-height: 25px;
        font-size: 15px;
    }
    .about h5:before{
        width: 415px;
    }
    .sec-title{
        font-size: 32px;
        margin-bottom: 15px;
    }
    .service h4{
        font-size: 17px;
    }
    .service .item p{
        font-size: 15px;
        padding: 5px 15px 15px;
        line-height: 25px;
    }
    .test-item h4 {
        font-size: 20px;
    }
    footer{
        padding: 25px 0 0;
    }
    footer h3{
        font-size: 20px;
        margin-bottom: 8px;
    }
    footer p, footer ul li a, footer .location ul li{
        font-size: 14px;
        line-height: 24px;
    }
    footer ul li{
        padding: 4px 0;
        padding-left: 12px;
    }
    footer ul li i{
        font-size: 17px !important;
    }
    footer .location ul li{
        padding-left: 22px;
    }
    .m1 {
        margin-bottom: 20px;
    }
    .header_title_page{
        padding: 48px 0;
    }
    .testi_section {
        padding: 50px 0;
    }
    .enquire{
        padding: 25px;
    }
    .contact .inner-tile {
        padding: 17px;
       padding-left: 58px;
    }
    .map iframe{
        height: 280px;
    }
    .service-main{
        padding: 50px 0;
    }
    .sercnt h1{
        font-size: 30px;
        line-height: 34px;
    }
    .srvimg{
        margin: 20px 0;
    }
}

@media (min-width: 768px) and (max-width: 991px){
    .menu ul {
        width: 690px;
        left: -100%;
        top: 39px;
    }
    .menu ul:after{
        left: 20%;
    }
    footer .col-md-2, footer .col-md-3, footer .col-md-4 {
        padding: 0 8px;
    }   
}

@media (max-width: 767px){
        .header .head-right-top .sec-1 {
        margin-right: 5px;
    }
    .social-head li {
    width: 30px;
    height: 30px;
    line-height: 30px;
}
.header .head-right-top .sec-1 .img-sec {
    width: 33px;
    height: 33px;
    line-height: 33px;
}
    .header .head-right-top .sec-1 .img-sec {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
    .menu ul {
        width: 100%;
    }
    .marquee-content marquee{
        line-height: 33px;
        font-size: 14px;
    }
    .head1{
        display: none !important;
    }
    .middle-header-content ul {
        margin-top: 24px;
    }
    .responsive-menu {
        padding: 8px 15px 28px;
        margin-bottom: -2px;
    }
    .responsive-menu i {
        font-size: 21px;
        float: right;
    }
    .logo{
        padding: 8px 0;
    }
    .menu li a {
        font-size: 15px;
        padding: 7px 10px;
    }
    .menu ul li a {
        padding-left: 20px;
    }
    .menu li a{
        background: transparent;
    }
    .menu li.active a{
        color: #fff;
    }
    .text-box {
        left: 8%;
        width: 51%;
    }
    .text-box span{
        display: none;
    }
    .text-box h2 {
        font-size: 22px;
    }
    .text-box p {
        line-height: 22px;
        margin: 3px 0 8px;
        font-size: 14px;
    }
    .text-box a {
        padding: 7px 15px;
        font-size: 14px;
    }
    .carousel-control-next, .carousel-control-prev {
        width: 7%;
    }
    .carousel-control-next i, .carousel-control-prev i{
        font-size: 20px;
        width: 37px;
        height: 37px;
        line-height: 37px;
    }
    .about h3{
        font-size: 24px;
    }
    .about h4{
        font-size: 17px;
        line-height: 24px;
    }
    .about h5{
        font-size: 17px;
        padding-bottom: 8px;
        margin-bottom: 8px;
    }
    .about h5:before {
        width: 100%;
/*        left: 0;*/
    }
    .about span{
        display: none;
    }
    .about .act-wrap{
        text-align: left;
        margin-top: 10px;
    }
    .section {
        padding: 40px 0;
    }
    .sec-head{
        margin-bottom: 10px;
    }
    .sec-title {
        font-size: 22px;
        margin-bottom: 5px;
    }
    .service .owl-nav i{
        font-size: 13px;
        width: 32px;
        height: 32px;
        line-height: 32px;
/*        top: -11%;*/
        right: 0;
    }
    .service-data p{
        display: none;
    }
    .service .owl-nav .owl-prev i {
        right: 38px;
    }
    .service h4 {
        font-size: 16px;
    }
    .service .item p {
        padding: 3px 12px 12px;
        line-height: 24px;
        margin-bottom: 0;
    }
    .test-item{
        padding: 10px;
        min-height: auto;
    }
    .test-item h4 {
        font-size: 19px;
        margin-top: 5px;
        padding-bottom: 2px;
    }
    .test-item p {
        font-size: 15px;
        line-height: 24px;
        margin-bottom: 5px;
    }
    .hsp-btn {
        margin-top: 12px;
    }
    .hsp-btn a{
        padding: 6px 12px;
    }
    footer .order-1{
        order: 1;
    }
    footer .location .foot-map iframe{
        height: 140px;
    }
    .footer-end{
        padding: 8px 0;
    }
    .footer-end p{
        text-align: left !important;
    }
    .about .img-wrap1{
        width: 220px;
        margin: 0 18px 5px 0;
    }
    .header_title_page{
        padding: 20px 0;
    }
    .attachments-section{
        padding: 45px 0;
    }
    .testi_section img, .gallery img {
        width: 40%;
    }
    .contact .margin {
        margin-top: 25px;
        margin-bottom: 0;
    }
    .sidebar ul li a {
        padding: 8px 10px;
        font-size: 14px;
    }
    .sercnt h1{
        font-size: 28px;
        line-height: 32px;
    }
    .enquire h3{
        font-size: 23px;
    }
}

@media (min-width: 576px) and (max-width: 767px){
    .about .col-sm-7{
        padding-left: 0;
    }
}

@media (max-width: 600px){
    .slogen{
        display: none;
    }
    .feature-medal .medal {
       position: static;
       margin-bottom: 10px;
    }
    .header .head-right-top .sec-1 {
        margin-right: 5px;
    }
    .social-head li {
    width: 30px;
    height: 30px;
    line-height: 30px;
}
.header .head-right-top .sec-1 .img-sec {
    width: 30px!important;
    height: 30px!important;
    line-height: 30px!important;
}
}
@media (max-width: 575px){
    .marquee-content1{
        display: block;
    }
    .marquee-content2{
        display: none;
    }
    .marquee-content{
        border-radius: 0;
    }
    .middle-header-content ul{
        margin: 0;
        padding: 10px 0;
    }
    .middle-header-content{
        text-align: center;
    }
    .text-box{
/*        display: none;*/
    }
    .about .img-wrap{
        width: 280px;
        margin: 0 auto 10px;
    }
    .about .about-content{
        text-align: center;
    }
    .text-box {
        left: 12%;
        width: 38%;
    }
    .text-box h2 {
        font-size: 15px;
    }
    .text-box p {
        line-height: 1.5;
        font-size: 9px;
        display: none;
    }
    .text-box a {
        padding: 2px 10px;
        font-size: 10px;
    }
    .default-btn {
        padding: 3px 10px!important;
    }
    .about h3 {
        font-size: 26px;
    }
    .about h4{
        font-size: 18px;
    }
    .about h5{
        font-size: 18px;
    }
    .sec-title {
        font-size: 28px;
    }
    .service h4 {
        font-size: 15px;
    }
    .m1, .m2 {
        width: 50%;
    }
    .footer-end p {
        font-size: 13px;
    }
    .about .img-wrap1 {
        width: 300px;
        margin: 0 auto 10px;
        float: none;
    }
    .about h5:before{
        left: 0;
    }  
    .header_title_page{
        padding: 35px 0;
    }
    .head_title_inn h1 {
        font-size: 25px;
        padding-bottom: 5px;
    } 
    .attachments-section{
        padding: 40px 0;
    }
    .testi_section img {
        width: 50%;
    }
    .testi_section img, .gallery img {
        width: 50%;
    }
    .service-main {
        padding: 30px 0;
    }
    .sercnt h1{
        font-size: 26px;
        line-height: 28px;
    }
    .enquire h3{
        font-size: 20px;
    }
}

@media (max-width: 480px){
    .gallery-main .owl-carousel .owl-nav .owl-next {
        right: 0;
    }
    .testimonial-invild .review .review-description a .second h1 {
        font-size: 16px;
    }
    .gallery-main .owl-carousel .owl-nav .owl-prev i {
        left: 0;
    }
    .medal .content-medal h2 {
        line-height: 50px!important;
        font-size: 13px!important;
    }
    .topbar1{
        position: relative;
        height: 50px;
    }
    .header .head-right-top {
        left: 9%;
        margin-top: 10px;
        position: absolute;
        height: 50px;
    }
    .social-head {
        margin-top: 10px;
        position: absolute;
        right: 9%;
        z-index: 999;
    }
    .carousel-control-next, .carousel-control-prev {
        width: 13%;
    }
    .middle-header-content{
/*        text-align: left;*/
    }
    .middle-header-content ul li{
        margin-left: 33px;
        padding-left: 0px;
        font-size: 13px;
    }
    .middle-header-content ul li i {
        font-size: 14px;
        width: 30px;
        height: 35px;
        line-height: 18px;
        left: -33px;
    }
    .middle-header-content ul li span {
        font-size: 13px;
    }
    .carousel-control-next i, .carousel-control-prev i {
        font-size: 18px;
        width: 30px;
        height: 30px;
        line-height: 16px;
    }
    .about .img-wrap {
        width: 220px;
        margin: 0 auto 10px;
    }
    .about h3 {
        font-size: 20px;
        padding-bottom: 1px;
    }
    .about h4 {
        font-size: 17px;
    }
    .about h5 {
        font-size: 17px;
    }
    .about p {
        line-height: 23px;
        font-size: 14px;
    }
    .service .owl-nav i{
        font-size: 12px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        top: -9%;
    }
    .service h4 {
        font-size: 16px;
    }
    .service .item p{
        font-size: 14px;
    }
    .sec-title {
        font-size: 18px;
    }
    .testimonial-invild .review .review-description .review-title h2 {
        font-size: 15px;
    }
    .test-item h4 {
        font-size: 18px;
        margin-top: 2px;
        padding-bottom: 0px;
    }
    .test-item p {
        font-size: 14px;
        line-height: 23px;
        margin-bottom: 5px;
    }
    .default-btn{
        font-size: 14px;
    }
    .m1, .m2 {
        width: 100%;
    }
    footer .order-1 {
        order: 0;
    }
    .about .img-wrap1 {
        width: 230px;
    }
    .testi_section img, .gallery img {
        width: 55%;
    }
    .sercnt h1 {
        font-size: 16px;
    }
    .srvimg {
        margin: 10px 0;
    }
}

@media (min-width: 300px) and (max-width: 348px){
    .middle-header-content {
        text-align: left;
    }
    .middle-header-content ul li {
        margin-left: 50px;
        padding-left: 5px;
        font-size: 14px;
    }
    .middle-header-content ul li span {
        font-size: 14px;
    }
}