/*///////////////////////////////////////////////////////////////////////// Responsive CSS Structure /////////////////////////////////////////////////////////////////////////*/


/*---------- Small Mobile , IPhone Start ----------*/

/*=== Screen Size = 240, 320, 360, 480, 568 ===*/

@media (min-width: 240px) and (max-width: 568px){
}
@media (min-width: 569px) and (max-width: 767px){

}
@media (max-width: 767px) {
.header { padding: 15px; }
.navbar-brand img {
    width: 240px;
}

.home-slick .slider-content { width: 100%; padding: 30px 15px; }
.goto-sec h2 { font-size: 24px; line-height: 24px; }
.what-kinnected p {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 15px;
}
.what-kinnected h2 {
    font-size: 18px;
    line-height: 18px;
    margin: 0 0 10px;
}

.kinnected-search h3 {
    font-size: 16px;
    line-height: 18px;
}
.map-content {
    padding: 20px;
}
.map-content p {
    font-size: 16px;
    line-height: 22px;
}
.f-top {
    background: #47425d;
    padding: 30px 15px;
}

.f-block {
    margin: 0 0 15px;
}

.f-title h6 {
    margin: 0 0 10px;
}
.f-bottom ul { text-align: center; padding: 0 0 15px; }
.f-right { text-align: center; }
.provider .title h3 {
    font-size: 18px;
    line-height: 20px;
}
.provider .btn {
    font-size: 17px;
    line-height: 17px;
    padding: 10px 20px;
}

.kinnected-search .search-input {
    padding-right: 40px;
}
.kinnected-search .search-input .btn { right: 0; }
.kinnected-search .form-control {  padding-right: 30px; }
.kinnected-search .search-input i.ser-icon { position: absolute; right: 50px; }
.blog { padding: 30px 0; }


}

@media (min-width: 768px) {

}

@media (min-width: 768px) and (max-width: 991px){
    .goto-sec h2 {
        font-size: 26px;
        line-height: 26px;
    }
    .single-blog p {
        font-size: 14px;
        line-height: 20px;
    }

    .f-top {
        padding: 30px 20px;
    }

}

@media (max-width: 991px) {

.navbar-toggler { border: none; background: transparent !important; padding: 10px; }
.navbar-toggler .icon-bar { width: 22px; transition: all 0.2s; background: #56bcd8; height: 2px; display: block; }
.navbar-toggler .icon-bar+.icon-bar { margin-top: 4px; }
.navbar-toggler.open .top-bar { transform: rotate(45deg); transform-origin: 10% 10%; }
.navbar-toggler.open .middle-bar { opacity: 0; }
.navbar-toggler.open .bottom-bar { transform: rotate(-45deg); transform-origin: 10% 90%; }

.navbar-nav .nav-item { padding: 8px; }
.header .login a { display: inline-block; }
.what-kinnected { margin: 0 0 30px;}
.goto-block { margin: 0 0 20px; }

.provider .title { margin: 0 0 20px; }
.about-us { padding: 30px 0; }
.home-slider { margin: 0 0 20px; }
}

@media (min-width: 992px) {
.about-us {
  padding: 50px;
 }
.what-kinnected {
   margin-right: 20px;
 }
}

@media (min-width: 992px) and (max-width: 1199px){


.header { padding: 15px; }
.navbar-nav .nav-link {
    font-size: 12px;
    line-height: 12px;
}

.navbar-nav .nav-item {
    padding: 0 7px;
}

.what-kinnected p {
    font-size: 15px;
    line-height: 20px;
    margin: 0 0 20px;
}
.kinnected-search h3 {
    font-size: 17px;
    line-height: 17px;
}
.home-slick .slider-img {
    height: 320px;
}
.home-slick .slider-content { padding: 15px 20px; }
.range-block p { width: 100%; }
.noUi-target { width: 100%;}
.ui-widget.ui-widget-content { width: 100%; }
.health-meter .time li {
    font-size: 11px;
    line-height: 11px;
    color: #fff;
    padding: 8px 5px;
}
}

@media (min-width: 1200px) and (max-width: 1299px){
    .testi-slider .slick-arrow.slick-prev { left:  -30px; }
    .testi-slider .slick-arrow.slick-next { right:  -30px; }
    .testi-slider { padding: 30px;}

}

@media (max-width: 1299px){
  .home-slick .slider-content .text-block h2 { font-size: 21px; line-height: 24px; }
  .search-our-library {
    background: #ffffff;
    padding-top: 40px !important;
    padding-bottom: 40px !important; }
  .search-our-library .cont input {
      width: 100%;
    }
  .search-our-library .cont .btnadse {
      display:block;
      }
  .search-our-library .cont .btnadse a {
        width: 100%;
  	    margin: 30px 0 0 0;
      }
  .search-our-library .desc {
      width: 100%;
      text-align: center;
       }
  }

@media (min-width: 1200px) {
    .container-fluid { padding: 0 100px; }
}

@media (min-width: 1200px) and (max-width: 1920px){
}

@media (min-width: 1240px) {
    .container { max-width: 80%;}
}



/*---------- Large Desktop , Large Screen End ----------*/


/*---------- New Home Page Start ----------*/


@media (max-width: 1445px) {

	.header-content h1 {
	    font-size: 42px;
	}
}
@media (max-width: 1199.98px) {
	.header-content h1 {
	    font-size: 32px;
	}
	.header-content p {
	    font-size: 19px;
	}
	.header-content a {
	    font-size: 16px;
	    padding: 8px 30px;
	}
	.header-content {
	    width: 87%;
	}
}



}

@media (max-width: 767.98px) {
	.header-content h1 {
	    font-size: 25px;
	}
	.header-content p {
	    font-size: 16px;
	}
	.header-content {
	    width: 75%;
	}
	.owl-nav button {
	    width: 35px;
	}

}

@media (max-width: 575.98px) {
	.owl-carousel .owl-item img {
	    display: block;
	    width: 160%;
	}
	.header-content h1 {
	    font-size: 23px;
	}
	.header-content p {
	    font-size: 15px;
	}
}

@media (max-width: 430px) {
	.header-slider-item-text {
	    position: inherit;
	    bottom: inherit;
	    width: 100%;
	    left: inherit;
	    transform: inherit;
	    margin-top: 20px;
	    text-align: center;
	}
	.owl-nav {
	    position: absolute;
	    transform: translate(-50%, -50%);
	    left: 50%;
	    width: 100%;
	    display: flex;
	    justify-content: space-between;
	    font-size: 30px;
	    color: #2d2c29;
	}
	.header-slider-item-text h4 {
	    color: #000;
	}
	.owl-carousel .owl-item img {
	    display: block;
	    width: 250%;
	}
	.header-content h1 {
	    font-size: 20px;
	}
	.header-content p {
	    font-size: 14px;
	}
	.header-content a {
	    font-size: 14px;
	    padding: 8px 30px;
	}
}

/*---------- New Home Page End ----------*/