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


}


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


}

 
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {


}

 
/* small mobile :320px. */
@media (max-width: 767px) {

#header .padding-15 {
  padding: unset;
}

#header .logo h1 a, #header .logo h1 a:hover {
  margin-left: 20px;
}

.mobile-nav {
  bottom: unset;
}

#hero {
  margin-top: 0px;
  height: 100vh;
}

.progress {
  margin-top: 5px;
}

#hero .container {
  padding: 0px 20px;
}

.has-tertiary-color {
  padding: 0px;
}

.social-icons-top {
  right: 20%;
}

.about-point ul li {
  width: unset;

}

.about-heading {
  margin-top: 0px;
}

.about-icon-text {
  font-size: 20px;
  text-align: center;
  padding: 20px;
}

.img-112 {
  width: 100%;
  height: auto;
}

section {
  padding: 50px 0;
}

section.our-works {
  padding: 0px 0px 30px;
}

#services .mt-5 {
 margin-top: unset !important;
}

#clients img {
  margin-left: 30px;
}

.skillset-text {
  font-size: 28px;
  width: unset;
}

.owl-prev {
  margin-left: -0px;
}

.owl-next {
  right: -5px;
}

#counts .mt-5:first-child {
  margin-top: unset !important; 
}

.counts .count-box {
  padding: 0px 30px 25px 30px;
}

.email-btn {
  margin-top:15px;
}

.haveAproject .wantToWork-btn {
  float: unset;
}

.contact-btn, .contact-btn:hover {
  width: 100%;
  float: unset;
}

.modal-dialog {
  margin-top: 80px;
}

.contact-us {
  width: 0px;
}

.div-contact-info {
  margin-left: 0px;
}

.header {
  margin-left: -20px;
}

.header h3 {
  font-size: 18px;
}

.header h2 {
  margin: 10px 0px 20px;
}

.address, .email, .phone {
  padding: 20px 30px;
}

form {
  width: unset; 
  box-shadow: unset;
  background: unset;
}

form button {
  left: 50px;
}

form input, form textarea {
  background: transparent;
}
	
.carousel.indicators .carousel-item a img {
    height: 80px;
}
	
.carousel.indicators .carousel-item a {
    width: 33%;
}
	
.carousel.indicators .carousel-item {
    height: unset;
}

}
 
/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.container {width:450px}
 
}