/* RESPONSIVE CSS */
@media (min-width: 1170px) and (max-width: 1200px){
ul.nav li {
  margin-right: 63px!important;
}
}
@media (min-width: 1170px) and (max-width: 1366px){
header {
  top: 85px;
}
.logo img {
	width: 330px;
}
.mainmenu {
	margin-bottom: 75px;
	margin-top: 65px;
}
.logo h3 {
	font-size: 34px;
	margin-top: 20px;
}
.line img {
	margin-top: 50px;
}
ul.nav li {
  margin-right: 122px;
}
.slider {
	height: auto;
}
.is-sticky .navbar-brand img {
	margin-left: 15px;
}
.percree-now h2 {
	font-size: 25px;
}
.gallery-box ul li {
	height: 332px;
}
.team-box p {
	width: 100%;
}
.gallery-box ul li {
	height: 400px;
}	
}
@media (min-width: 1170px) and (max-width: 1200px){
.gallery-box ul li {
	height: 331px;
}
.line img {
	margin-top: 55px;
}
}
/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1169px) {

.logo img {
	width: 300px;
}
.logo h3 {
	font-size: 28px;
	margin-top: 20px;
}
header {
	top: 65px;
}
.mainmenu {
	margin-bottom: 60px;
	margin-top: 30px;
}
ul.nav li {
	margin-right: 76px;
}
ul.nav li a {
	font-size: 18px;
	height: 125px;
	padding-top: 51px;
	width: 125px;
}
.line img{
	margin-top: 20px;
}
.slider {
	height: auto;
}
.is-sticky .navbar-brand img {
	margin-left: 15px;
}
.is-sticky ul li {
	margin-right: 10px !important;
}
.is-sticky ul li a {
	height: inherit !important;
	padding-top: 10px!important;
}
.gallery-box ul li {
	height: 331px;
}
.our-client-area {
	margin: 80px 0;
	padding: 25px 0;
}
.our-client img {
	margin-right: 25px;
}
.team-box p {
	width: 88%;
}
.footer-sociul {
	margin-right: 50px;
}

}

 
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
.is-sticky .navbar-brand img {
	margin-left: 15px;
}
.percree-now h2 {
	font-size: 22px;
	line-height: 24px;
	width: 70%;
}
.line img {
	margin-top: 50px;
}
.logo img {
	width: 250px;
}
.logo h3 {
	font-size: 25px;
	margin-top: 10px;
}
header {
  top: 50px;
}
ul.nav li {
	margin-right: 65px;
}
.mainmenu {
	margin-bottom: 20px;
	margin-top: 20px;
}
ul.nav li {
	margin-right: 65px;
}
ul.nav li a {
	font-size: 15px;
	height: 90px;
	padding-top: 37px;
	text-align: center;
	width: 90px;
}
.line {
	margin-top: 45px;
}
.slider {
	height: auto;
}
.is-sticky ul li {
	color: #000;
	margin-right: 10px !important;
}
.is-sticky ul li a {
	border: medium none;
	border-radius: inherit;
	color: inherit;
	height: inherit !important;
	padding-top: 10px !important;
	width: inherit;
}
.section-title h1 {
	font-size: 40px;
	line-height: 44px;
}
.gallery-hover i {
	margin-bottom: 35px;
	padding-top: 50px;
}
.gallery-top h2 {
	font-size: 38px;
}
.gallery-top h3 {
	font-size: 20px;
}
.gallery-box ul li {
	height: 257px;
}
.proto-service .section-title h1 {
	font-size: 38px;
}
.client-say h1 {
	font-size: 38px;
}
.our-client-area {
	margin: 20px 0;
	padding: 20px 0;
}
.our-client img {
  margin-right: 25px;
  width: 125px;
}
.creative-title h1 {
	font-size: 38px;
	line-height: 42px;
}
.team-box p {
  bottom: 47px;
  width: 100%;
}
.team-box h3 {
	font-size: 19px;
}
.contact-title h1 {
	font-size: 38px;
}
.address-box {
	border: 1px solid #e36968;
	height: 250px;
	padding: 30px;
	text-align: center;
}
.footer-sociul {
	float: inherit !important;
}


}

/* small mobile :320px. */
@media (max-width: 767px) {
.container {width:300px}
.logo img {
	width: 110px;
}
.logo h3 {
	font-size: 18px;
	margin-top: 15px;
}
.is-sticky .navbar-brand img {
	margin-left: 0;
	margin-right: 15px;
	margin-top: 0;
	width: 130px;
}
.navbar-toggle {
	background-color: #fff;
}
.navbar-toggle .icon-bar {
	background: #e36968 none repeat scroll 0 0;
}
.navbar {
	border: 0px solid #fff;
	display: none;
}
.is-sticky .navbar {
	border: 0px solid #fff;
	display: block;
}
.slider {
	height: auto;
}
.mainmenu {
	margin-bottom: 5px;
	margin-top: 8px;
}
.navbar {
	border: 1px solid #fff;
	margin-bottom: 20px;
	min-height: 50px;
	position: relative;
}
.line {
	margin-top: 100px;
}
header {
	top: 30px;
}
.section-title h1 {
	font-size: 30px;
	line-height: 34px;
}
.percree-now {
	text-align: center;
}
.percree-now h2 {
	font-size: 20px;
	line-height: 22px;
	text-align: center;
	width: 100%;
	margin-bottom: 50px;
}
.gallery-top h2 {
	font-size: 28px;
}
.gallery-top h3 {
	font-size: 16px;
}
.gallery-box ul li:first-child {
	text-align: center;
	width: 100%!important;
}
.gallery-box ul li {
	width: 100%;
	height: auto;
}
.gallery-box ul li:last-child {
	text-align: center;
	width: 100%!important;
}
.is-sticky ul {
	width: 100%;
}
.is-sticky ul li {
	border-bottom: 1px solid #fff;
}
.is-sticky ul li:last-child{
	border-bottom: 0px solid #fff;
}
.is-sticky ul li a {
	text-align: inherit;
}
.proto-service .section-title h1 {
	font-size: 28px;
}
.proto-service .section-title h3 {
	font-size: 15px;
	line-height: 17px;
}
.proto-box {
	text-align: center;
}
.proto-box h3::after {
	left: 100px;
}
.client-say h1 {
	font-size: 30px;
	line-height: 34px;
}
.owl-carousel.owl-theme {
	text-align: center;
}
.client-say-box p {
	font-size: 15px;
}
#owl-demo .owl-pagination {
  bottom: -50px;
  position: absolute;
  right: 67px;
}
.our-client-area {
	margin: 65px 0;
	padding: 10px;
}
.our-client img {
  margin-bottom: 5px;
  margin-right: 5px;
  width: 80px;
}
.creative-title h1 {
	font-size: 28px;
	line-height: 32px;
}
.creative-title p {
	font-size: 16px;
}
.team-box p {
	bottom: 51px;
}
.team-box {
	margin-bottom: 50px;
}
.contact-title h1 {
	font-size: 28px;
}
.address-box {
	margin-bottom: 30px;
}
footer {
	margin-top: 30px;
}
.footer-sociul p a i {
	height: 40px;
	width: 40px;
}
.footer-sociul {
	float: inherit !important;
}


}
 
/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.container {width:450px}
header {
	top: 80px;
}
.proto-box h3::after {
	left: 172px;
}
.our-client img {
  margin-bottom: 0px;
}
}