/* Large screen desktop */
@media (min-width: 1366px) and (max-width: 1500px){
	.slider-cell {
	  height: 100vh;
	}
}

/* Large screen Laptop */
@media (min-width: 1170px) and (max-width: 1500px){

	.slider-cell {
	  height: 100vh;
	} 
.primary-nav-wrap ul li + li {
  margin-left: 25px;
}
.container {
  width: 970px;
}	
.header-style-1 .primary-nav-wrap ul li a {
  text-transform: none;
}	
.header-style-1 .style-one-area .primary-nav-wrap {
  margin-right: 125px;
}
.search.search__open {
  right: 75px;
}	
}


/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1169px) {
	.container{width:970px!important;}
	.kc-container{max-width:970px!important;}
	.header--2 .menumenu__container {
	  padding-left: 30px;
	  padding-right: 30px;
	}
	.primary-nav-wrap ul li + li {
	  margin-left: 25px;
	}	
	.ht__bradcaump__wrap {
	  height: 400px;
	}
	.about__btl p {
	  font-size: 15px;
	}
	.ft__post__details h2 {
	  padding-right: 0;
	}
	.ft__post__details h2 {
	  font-size: 13px;
	}
	.slider--one .slider__inner h1,
	.slider--2 .slider__inner h1 {
	  font-size: 96px;
	}
	.portfolio__hover {
	  left: 30px;
	}
	.header--2 .main__menu li {
	  margin: 0 18px;
	}
	.off__contact p {
	  font-size: 15px;
	}
	.off__contact {
	  margin-bottom: 36px;
	}
	.banner__inner {
	  padding-left: 0;
	  width: 100%;
	  padding: 10px 0;
	}
	.banner__details p {
	  font-size: 14px;
	  line-height: 23px;
	  width: 100%;
	}
	.banner__details h2 {
	  margin-bottom: 4px;
	}
	.banner__details {
	  margin-bottom: 2px;
	}
	.progress {
	  margin-bottom: 6px;
	}
	.fs-skill-container {
	  margin-top: 14px;
	}
	.banner__details h2 {
	  font-size: 28px;
	  margin-bottom: 8px;
	  margin-top: 7px;
	}
	.offset__widget ,
	.offset__subs{
	  margin-top: 30px;
	}
	.off__contact p {
	  margin-top: 18px;
	}
	.single__testimonial {
	  padding: 45px 24px 32px;
	}
	.home-one-full .slider-cell {
	  height: 62vh;
	}
	.slider-cell {
	  height: 70vh;
	}
	.middle-text .desc p {
	  font-size: 78px!important;
	  line-height: 70px!important;
	}
	.middle-text .title-1 h2 {
	  font-size: 68px!important;
	}
	.subcribe-form {
	  width: 370px!important;
	}
	.sticky .primary-nav-wrap ul li + li {
	  margin-left: 25px;
	}
	.home-one-full .subcribe-form {
	  width: 370px!important;
	}
	.header-style-1 .primary-nav-wrap ul li + li {
	  margin-left: 30px;
	}
	.header-style-1 .sticky .primary-nav-wrap ul li + li {
	  margin-left: 25px;
	}
	.primary-nav-wrap .sub-menu > li {
	  margin: 0!important;
	}
	.header-style-1 .header-area .container-fluid {
	  padding-left: 80px;
	  padding-right: 80px;
	}
	.logged-in .slide-down-btn {
	  bottom: -45px;
	}
	.abt-text-box {
	  padding: 0!important;
	}
	.progress-area {
	  margin-top: 10px!important;
	}
	.subcribe-form {
	  padding-left: 0;
	  width: inherit!important;
	}
	.cd-headline {
	  display: block;
	  margin: 0;
	  overflow: hidden;
	}
	.cd-words-wrapper {
	  line-height: 110px;
	}
	.slider-text h1 {
	  font-size: 92px!important;
	}
	.alignnone {
	  float: left;
	  width: 48%;
	}
	.alignright {
	  float: none;
	  margin-left: 27px;
	  width: 48%;
	}
	.form-news .subcribe-form {
	  margin-top: 8px;
	}
	.video-pop {
		padding-left:0!important;
		padding-right:0!important;
	}
}

 
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
	.container{width:750px!important;}
	.kc-container{max-width:750px!important;}
	.site-title {
	  padding: 15px 0;
	}
	.ht__bradcaump__wrap {
	  height: 400px;
	}
	.header--2 .menumenu__container {
	  padding-left: 30px;
	  padding-right: 30px;
	}
	.about__title p {
	  width: 89%;
	}
	.slide1-text {
	  bottom: -40px;
	  left: 0;
	  margin: auto;
	  position: absolute;
	  right: 0;
	}	
	.htc__contact__wrapper {
	  padding: 80px 30px!important;
	}
	.subcribe-form {
	  padding-left: 0;
	}
	.portfolio__hover {
	  left: 10px;
	}
	.portfolio__hover h2 {
	  font-size: 17px;
	}
	.slider--one .slider__inner h1,
	.slider--2 .slider__inner h1 {
	  font-size: 80px;
	}
	.slider--2 .slider__fixed--height {
	  height: 93vh;
	}
	.callto__action__wrap h2 {
	  font-size: 28px;
	}
	.header--one  .mainmenu__wrap {
	  background: #28395e none repeat scroll 0 0;
	}
	.header--2.scroll-header .logo a img {
	  max-width: inherit;
	}
	.slider__activation__wrap .owl-nav div {
	  left: 0;
	}
	.slider__activation__wrap .owl-nav div.owl-next {
	  right: 0;
	}
	.slider__fixed--height {
	  height: 708px;
	}
	.htc__about__area {
	  padding-bottom: 279px;
	}
	.newsletter--one .newsletter__wrap {
	  padding-left: 30px;
	  padding-right: 30px;
	}
	.htc__banner__area .row {
	  display: block;
	}
	.banner__inner {
	  padding-left: 30px;
	  padding-right: 30px;
	  width: 100%;
	  margin-top: 40px;
	}
	.home-one-full .slider-cell {
	  height: 55vh;
	}
	.middle-text .desc p {
	  font-size: 65px!important;
	  line-height: 70px!important;
	  margin-bottom: 25px!important;
	}
	.middle-text .title-1 h2 {
	  font-size: 48px!important;
	  line-height: 50px!important;
	  margin-bottom: 0!important;
	}
	.bg__cat--1 {
	  overflow: unset;
	}
	.logged-in .header-style-2 .header-buttom {
	  background: #28395e none repeat scroll 0 0;
	  z-index: 999;
	}
	.header-style-2 .header-buttom {
	  background: #28395e none repeat scroll 0 0;
	  z-index: 999;
	}
	.blog-theme .col-lg-4.col-md-4:last-child {
	  display: none;
	}
	body.kc-css-system .kc-css-633405 {
	  padding: 47px 0 47px 30px!important;
	}
	.footer-logo,.widget_profe_recent_post {
	  margin-top: 150px!important;
	}
	.header-style-2 .ht__header__search {
	  display: none!important;
	}
	.form-news {
	  padding: 47px 45px!important;
	}
	.subcribe-form {
	  width: 100%!important;
	}
	.subscribe__btn {
	  position: inherit;
	  transform: translateY(0%);
	}
	.subscribe__btn input {
	  border: 1px solid #fff!important;
	  border-radius: 10px!important;
	  margin-top: 15px!important;
	  padding: 0 25px!important;
	}
	.footer-area .footer-top-area .col-sm-6:nth-child(3) .single-footer,.footer-area .footer-top-area .col-sm-6:nth-child(4) .single-footer {
	  margin-top: 0!important;
	}
	.footer-area .footer-top-area .col-sm-6:nth-child(3) .single-footer .footer-title,.footer-area .footer-top-area .col-sm-6:nth-child(4) .single-footer .footer-title {
	  margin-top: 0;
	}
	.footer-logo, .widget_profe_recent_post {
	  margin-bottom: 45px;
	}
	.toggle__menu {
	  display: none;
	}
	.slider-cell {
	  height: 56vh;
	}
	.slide-down-btn {
	  display: none;
	}
	.home-one-full .sticky a.meanmenu-reveal {
	  top: -55px;
	}
	.sticky a.meanmenu-reveal {
	  top: -60px;
	}
	.header-style-1 .header-area.sticky .container-fluid .header-menu-wrap {
	  padding: 2px 0;
	}
	.cd-headline {
	  display: block;
	  margin: 0;
	  overflow: hidden;
	}
	.slider-text h1 {
	  font-size: 78px!important;
	}
	.blog .footer-logo {
	 margin-top: 0!important;
	}
	.blog .widget_profe_recent_post {
	  margin: 80px 0 70px!important;
	}
	.alignnone {
	  float: left;
	  width: 48%;
	}
	.alignright {
	  float: none;
	  margin-left: 27px;
	  width: 48%;
	}
	.cd-words-wrapper {
	  display: inline;
	}
	.style-one-area {
	  top: 10px;
	}
	.logged-in .style-one-area {
	  top: 40px;
	}
	.form-news {
	  width: 720px!important;
	}
	.form-news .subcribe-form {
	  margin-top: 8px;
	}
	.slick-slide.slick-cloned .single__testimonial {
	  box-shadow: 0 0 25px 0 rgba(40, 57, 93, 0.1)!important;
	}
	.slick-slide.slick-active .single__testimonial {
	  box-shadow: 0 0 25px 0 rgba(40, 57, 93, 0.1)!important;
	}
	.video-pop {
	  padding-left:0px!important;
	  padding-right:0px!important;
	}
	.service {
	  display: inherit;
	}
	.service__details {
	  margin-top: 22px;
	}
	.img-hv {
	  margin-left: 3%!important;
	}
	.htc__about__details {
	  left: 120px;
	}
	.home-one-full .subcribe-form {
	  width: 100%!important;
	}
	.mean-nav ul.menu {
	  height: 320px;
	  overflow-y: scroll;
	}
}

 
/* small mobile :320px. */
@media (max-width: 767px) {
	.container {width:300px!important;}
	.kc-container{max-width:300px!important;}
	.site-title {
	  padding: 15px 0;
	}
	.breadcrumbs{
	   display: block;
	   text-align: center;
		}
	.breadcrumbs h2.page-title{
	   width: 100%;
	   margin-bottom:10px;
	}
	.page-title-bar{
	   width:100%;
	}
	.meta-info .meta-item.pull-right{
		float: none !important;
	}

	/* Search bar */
	.blog-search form input {
	  padding: 2px 70px 2px 15px;
	}
	.blog-search form button {
	  padding: 0 18px;
	  z-index: 99999999;
	}
	.blog-search form button::before {
	  right: 55px;
	}
	blockquote {
	  border-left: 3px solid #4b4a4a;
	  margin: 30px 0 30px 10px;
	  padding: 0 0 0 15px;
	  font-size: 14px;
	  line-height: 1.8;
	}
	.blog-info > ul {
	  margin: 20px;
	}
	.user-info .user-text span {
	    display: block;
	    padding: 5px 0;
	}
	.user-share {
	    display: block;
	    float: none;
	    margin-top: 15px;
	}
	.user-share span {
	    display: block;
	    float: none;
	    margin-bottom: 10px;
	    margin-right: 0;
	}
	.user-text {
	    display: block;
	    float: none;
	}
	.user-info {
	    overflow: hidden;
	}
	.author-img {
	    display: block;
	    float: none;
	    margin-bottom: 20px;
	}
	.author.author-box {
	    align-items: flex-start;
	    flex-flow: column wrap;
	    justify-content: flex-start;
	    margin: 50px 0;
	}
	.author-info {
	    padding-left: 0;
	    width: 100%;
	}
	.sidebar-title {
	    font-size: 20px;
	    letter-spacing: 1px;
	    margin-bottom: 50px;
	}
	.sidebar-title::before {
	    bottom: -10px;
	}
	.related-post > .row {
	  display: block;
	  flex-flow: column wrap;
	}
	.sidebar-widget.widget_tag_cloud .tagcloud a{
		font-size: 12px !important;
	}
	.xmt--40,
	.ht__portfolio__details,
	.port__inner,
	.banner__inner{
		margin-top: 40px;
	}
	.ht__call__btn,
	.funfact,
	.comment__form.name input + input {
	  margin-top: 30px;
	}

	.offset__wrapper {
	  display: none;
	}
	.htc__blog__details__container {
	  padding: 0;
	}
	.bradcaump__inner {
	  padding-top: 0;
	}
	.comment__form ,
	.callto__action__wrap,
	.newsletter__wrap,
	.header--one .htc__header__address,
	.funfact__wrap,
	.htc__banner__area .row{
	  display: block;
	}
	.comment.reply {
	  margin-left: 0;
	}
	.comment__form input,
	.banner__inner,
	.about__title p,
	.newsletter--one .htc__news__inner {
	  width: 100%;
	}
	.slider__fixed--height,
	.callto__action__wrap,
	.funfact__wrap,
	.ht__bradcaump__wrap,
	.slider--2 .slider__fixed--height {
	  height: auto;
	}
	.slider--2 .slider__inner {
	  padding-bottom: 100px;
	  padding-top: 194px;
	}
	.video__inner {
	  padding: 136px 0;
	}
	.video__inner a img {
	  max-height: 53px;
	}
	.htc__contact__wrapper {
	  padding: 80px 40px!important;
	}
	.htc__contact__address {
	  min-width: 100%;
	  padding-right: 0;
	}
	.htc__contact__info {
	  border-left: 1px solid transparent;
	  padding-left: 0;
	}
	.port__info {
	  padding: 50px 32px 83px 18px;
	}
	.newsletter--2 .newsletter__wrap {
	  height: auto;
	  padding: 50px 0;
	}
	.ft__post__details h2 {
	  font-size: 13px;
	  padding-right: 0;
	}
	.header--2 .menumenu__container {
	  padding-left: 0;
	  padding-right: 0;
	}
	.about__title h2 {
	  font-size: 24px;
	  line-height: 37px;
	}
	.about__title p {
	  font-size: 15px;
	  line-height: 24px;
	}
	.title__line--2 {
	  font-size: 25px;
	}
	.home-one-full .subcribe-form {
	  width: 234px!important;
	  margin-top: 33px;
	}
	.subcribe-form {
	  width: 100%!important;
	  margin-top: 33px;
	  padding:0!important;
	}
	.subscribe__btn {
	  margin-top: 20px;
	  position: initial;
	  transform: translateY(0%);
	}
	.subscribe__btn input {
	  border: 1px solid #fff!important;
	}
	.copyright__inner {
	  margin-top: 35px;
	}
	.subscribe__btn input {
	  padding: 0 11px!important;
	}
	.ht__bradcaump__wrap {
	  padding: 193px 0 100px;
	}
	.ht__bl__dtl h2 {
	  font-size: 21px;
	  line-height: 29px;
	}
	.header--one .htc__header__address {
	  text-align: center;
	}
	.header--2 .logo {
	  max-width: 57%;
	}
	.slider--one .slider__inner h2,
	.slider--2 .slider__inner h2 {
	  font-size: 50px;
	}
	.slider--one .slider__inner h1,
	.slider--2 .slider__inner h1 {
	  font-size: 50px;
	  line-height: 53px;
	}
	.slider--one .slider__inner {
	  padding-bottom: 100px;
	  padding-top: 130px;
	}
	.htc__about__wrap {
	  padding: 0;
	}
	.htc__about__area {
	  padding-bottom: 448px;
	}
	.callto__action__wrap {
	  padding: 59px 0;
	}
	.callto__action__wrap h2 {
	  font-size: 28px;
	  line-height: 34px;
	}
	.funfact__wrap {
	  padding: 100px 0;
	  margin-top: -30px;
	}
	.newsletter--one .newsletter__wrap {
	  height: auto;
	  padding: 28px 10px;
	}
	.newsletter__wrap h2 {
	  font-size: 20px;
	}
	.bradcaump-title {
	  font-size: 30px;
	}
	.banner__details h2 {
	  font-size: 26px;
	  margin-top: 10px;
	}
	.htc__video__area .section_title--3 h2 {
	  font-size: 26px;
	  line-height: 34px;
	}
	.blog__inner {
	  padding: 40px 20px;
	}
	.blog__details h2 {
	  font-size: 18px;
	}
	.title__line {
	  font-size: 28px;
	}
	.single__testimonial {
	  padding: 45px 20px 32px;
	}
	.htc__video__area .section_title--3 h2 {
	  font-size: 19px;
	  line-height: 28px;
	}
	.header--one .mean-container .mean-bar,
	.header--2 .mean-container .mean-bar {
	  min-height: 0;
	}
	.header--one .mean-container a.meanmenu-reveal,
	.header--2.scroll-header .mean-container a.meanmenu-reveal {
	  margin-top: -51px;
	}
	.header--one .mean-container .mean-nav,
	.header--2.scroll-header .mean-container .mean-nav {
	  margin-top: 0;
	}
	.header--one .mean-container .mean-bar,
	.header--2.scroll-header .mean-container .mean-bar {
	  padding: 0;
	}
	.header--one .menumenu__container,
	.header--2.scroll-header .menumenu__container {
	  padding-left: 0;
	  padding-right: 0;
	}
	.slider-cell {
	  height: 30vh;
	}
	.home-one-full .middle-text .title-1 h2 {
	  font-size: 28px!important;
	  line-height: 37px!important;
	  margin-bottom: 0px!important;
	}
	.home-one-full .middle-text .desc p {
	  font-size: 30px!important;
	  line-height: 35px!important;
	  margin-bottom: 0px!important;
	}
	.middle-text .desc p {
	  font-size: 28px!important;
	  line-height: 35px!important;
	  margin-bottom: 0px!important;
	  padding: 0;
	}
	.middle-text .title-1 h2 {
	  font-size: 28px!important;
	  line-height: 37px!important;
	  margin-bottom: 0px!important;
	}
	.middle-text .contact-us {
	  display: none!important;
	}
	.header-style-2 .header-menu-wrap .site-title {
	  width: 125px;
	}
	.menu__text span {
	  font-size: 24px;
	}
	.logged-in.header-style-2 .hr-style-1 {
	  margin-bottom: 23px;
	}
	.kc-cta-3.kc-is-button .kc-cta-desc {
	  display: unset!important;
	  width: 100%!important;
	  margin-bottom:20px!important;
	}
	.kc-cta-3 .kc-cta-button {
	  display: table!important;
	  width: 100%!important;
	  margin-top:20px!important;
	}
	.kc-call-to-action .kc-cta-button a {
	  float: none!important;
	}
	.footer-logo {
	  margin-top: 150px;
	}
	.single-post .footer-logo {
	  margin-top: 80px;
	}
	.single-footer {
	  color: #fff;
	  margin: 0;
	}
	.kc-pretty-photo.kc-pt-loaded > img {
	  width: 100%;
	}
	.header-style-2 .ht__header__search {
	  display: none!important;
	}
	.home-one-full .subcribe-form {
	  width: 100%!important;
	}
	.subscribe__btn input {
	  border: 1px solid #fff;
	  border-radius: 10px;
	  width: 100%;
	}
	.copyright {
	  margin-top: 30px;
	}
	a.meanmenu-reveal {
	  padding: 2px;
	  top: -52px;
	}
	a.meanmenu-reveal i {
	  font-size: 26px;
	}
	.slide-down-btn {
	  display: none;
	}
	.header-style-1 .header-area .container-fluid {
	  padding-left: 40px;
	  padding-right: 40px;
	}
	.cd-headline {
	  display: block;
	  margin: 0;
	  overflow: hidden;
	}
	.cd-words-wrapper {
	  display: initial;
	}
	.slider-text h1 {
	  font-size: 50px!important;
	  line-height: 60px!important;
	}
	.blog .single-footer, .single-post .single-footer {
	  margin: 0;
	}
	.blog .footer-logo {
	  margin-top: 80px;
	}
	.blog .footer-brief > p {
	  margin: 0;
	}
	.contact-btn {
	  margin-bottom: 40px;
	}
	.header-style-2 .header-buttom {
	  padding-left: 15px;
	  padding-right: 15px;
	}
	.logged-in .header-area.header-style-2.header-sticky.sticky .header-buttom {
	  top: 0px;
	}
	.logged-in .style-one-area .sticky {
	  top: 0;
	}
	.logged-in .header-style-2 .hr-style-1 {
	  margin-bottom: 22px;
	}
	.style-one-area {
	  top: 0;
	}
	.header-style-1 .header-area.sticky .container-fluid .header-menu-wrap {
	  padding: 0;
	}
	.logged-in .style-one-area {
	  top: 45px;
	}
	.single__testimonial__wrap {
	  padding: 0 0 20px;
	}
	.testimonial {
	  padding-left: 0;
	  padding-right: 0;
	}
	.htc__about__details {
	  margin-left: 0!important;
	  width: 100%!important;
	  position: inherit!important;
	  padding: 35px 20px;
	}
	.single-about img {
	  width: 100%;
	}
	.video-pop {
	  padding-left:0px!important;
	  padding-right:0px!important;
	}
	.cd-headline.clip > span {
	  display: block;
	  margin: 0 auto;
	}
	.mean-nav ul.menu {
	  height: 320px;
	  overflow-y: scroll;
	}
}
 
/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.container {width:450px!important;}
	.kc-container{max-width:450px!important;}
	.home-one-full .slider-cell {
	  height: 38vh;
	}
	.home-one-full .slider-cell {
	  height: 35vh;
	}
	.slider-cell {
	  height: 35vh;
	}
	.subcribe-form {
	  width: 360px!important;
	  padding: 0!important;
	}
	.home-one-full .middle-text .title-1 h2 {
	  font-size: 38px!important;
	  line-height: 37px!important;
	  margin-bottom: 0!important;
	}
	.home-one-full .middle-text .desc p {
	  font-size: 44px!important;
	  line-height: 35px!important;
	  margin-bottom: 0!important;
	}
	.middle-text .title-1 h2 {
	  font-size: 42px!important;
	  line-height: 40px!important;
	  margin-bottom: 0px!important;
	}
	.middle-text .desc p {
	  font-size: 46px!important;
	  line-height: 35px!important;
	  margin-bottom: 0px!important;
	  margin-top:10px;
	}
	.kc-image-hover-effects a img {
	  width: 100%;
	}
	.logged-in .header-area.header-style-2.header-sticky.sticky .header-buttom {
	  top: 45px;
	}
	.logged-in .style-one-area .sticky {
	  top: 45px;
	}
	.htc__about__details {
	  padding: 50px 40px;
	}
	.cd-headline.clip > span {
	  display: inline-block;
	}
}