/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1200px) {

.banner-title{width:100%}
}

 
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
.banner-title h1 {
  font-size: 46px;
}
.banner-title {
  padding: 45px;
  width: 100%;
}
.banner-title h3 {
  font-size: 14px;;
}
.header-area .navbar-brand {
  margin-top: -22px;
}
.about-content-left {
  margin-bottom: 50px;
  padding: 40px 50px 14px;
}
.col-md-4.col-sm-6:nth-child(-n+6) .single-service {
  margin-bottom: 30px;
}
.our-service {
  padding-bottom: 70px;
}
.team {
  height: 100%;
  width: 100%;
}
.team .mask {
  height: 100%;
  width: 100%;
}
.team h2 {
  padding-top: 160px;
}
.no-padding {
	float: left;
	width: 50%;
}
.divided {
	float: left;
	width: 50%;
	margin-bottom: 20px;
}
}

 


@media (max-width: 767px) {
.container {width:95%}

/* small mobile :320px. */
.main-menu li a:hover{color:#ddd;}
.stick .main-menu li a:hover{color:#aaa;}
.header-area .navbar-brand {
  margin-top: -12px;
}


.header-area .navbar-toggle {
  background-color: #f62a00;
  margin-right: 0;
  border-radius:0px;
}
.header-area .navbar-toggle .icon-bar {
  background-color: #fff;
}
.main-menu {
  float: none;
  text-align: center;
}
.main-menu li {
  background: none;
  display: block;
  padding: 8px 0;
}
.main-menu li a {
  display: block;
}
.navbar-collapse {
  padding-left: 0;
  padding-right: 0;
}
.stick .main-menu nav ul li a::before {
  background: transparent none repeat scroll 0 0;
}
.stick .main-menu li a {
  color: #fff;
}
.main-menu nav ul li.active a::before, .main-menu nav ul li a:hover::before {
  transform: scale(0);
}
.banner-title {
  padding: 50px 35px;
  width: 90%;
}
.banner-title h1 {
  font-size: 38px;
  letter-spacing: 2px;
  line-height: 40px;
  margin-bottom: 20px;
}
.banner-title h3 {
  font-size: 13px;
  letter-spacing: 2px;
  line-height: 20px;
}
.navbar-toggle {
  margin-top: 0;
  margin-bottom: 0;
}
.team-area {
  padding-bottom: 70px;
}
.team {
  margin: 0 auto 30px;
}
.quote-text {
  padding: 0px;
}
.quote-text h2 {
  font-size: 38px;
  line-height: 40px !important;
}
.blog-box {
  padding-bottom: 40px;
}
.blog-area {
  padding-bottom: 60px;
}
.about-content-left {
  margin-bottom: 50px;
  padding: 40px 35px 14px;
}
.portfolio-menu {
  margin-bottom: 35px;
}
.portfolio-menu button {
  margin: 0 15px 20px;
}
.col-md-4.col-sm-6:nth-child(-n+6) .single-service {
  margin-bottom: 30px;
}
.our-service {
  padding-bottom: 70px;
}
.black-edition .our-service {
  padding-bottom: 0px;
}
.black-edition .team-area {
  padding-bottom: 70px;
  padding-top: 70px;
}
.single-service {
  padding: 30px;
}
.cd-headline.clip .cd-words-wrapper::after {
  height: 90%;
  top: 3px;
}
/* .header-area.stick {
  padding: 15px 0;
}
.header-area.stick .navbar-brand {
  margin-top: -8px;
} */
.slider-area .owl-theme .owl-nav {
  display: none;
}
.main-menu.f-right {
  margin-top: 35px;
}
.main-menu li:first-child {
  padding-top: 20px;
}
.main-menu li:last-child {
  padding-bottom: 0px;
}
.no-padding {
	float: left;
	width: 50%;
}
.divided {
	float: left;
	width: 50%;
	margin-bottom: 20px;
}
.index {
	font-size: 16px;
	line-height: 175%;
}
.full-width {
	width: 100%;
	margin-bottom: 20px;
}
}

 
/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.container {width:90%;}
.single-service {
  padding: 50px;
}

.team {
  height: 100%;
  width: 100%;
}
.team .mask {
  height: 100%;
  width: 100%;
}
.banner-title {
  width: 89%;
}
.no-padding {
	float: left;
	width: 50%;
}
.divided {
	float: left;
	width: 50%;
	margin-bottom: 20px;
}

}