/* Normal desktop :992px. */
@media (min-width: 1201px) and (max-width: 1500px) {
.single-slider {
  padding: 120px 0;
}

}/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1200px) {
  .single-slider {
    padding: 120px 0;
  }
  .single-slider .slider-text {
    margin-left: 120px;
  }

}

 
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
.main-menu ul li a {
  padding: 30px 12px;
}
.top-right li span {
  font-size: 12px;
}
.top-right li a {
  font-size: 12px;
}
.top-right li {
  line-height: 33px;
}
.single-slider {
  padding: 100px 0;
}
.single-slider .slider-text {
  margin-left: 0;
  max-width: 100%;
}
.mt-sm-50{margin-top:50px;}
.Flickr-list > li {
  width: inherit;
}
.footer-area .Flickr-list > li {
  width: 33.33%;
}



}

/* small mobile :320px. */
@media (max-width: 767px) {
/* .container {width:300px} */
.single-slider {
  padding: 100px 0;
}
.slider-active .owl-nav div {
  font-size: 27px;
  height: 40px;
  line-height: 36px;
  width: 40px;
}
.slider-text {
  max-width: 100%;
}
.slider-text h1 {
  font-size: 28px;
}
.slider-text p {
  display: none;
  font-size: 13px;
  line-height: 23px;
}
.slider-text a {
  font-size: 12px;
  padding: 7px 12px;
}
.portfolio-filter li {
  margin: 3px 4px;
}
.social-icons.text-center > a {
  margin: 0 2px;
 }
.single-counter {
  width: 50%;
}
.btn {
  font-size: 12px;
  padding: 15px 20px;
}
.header-icon .right-menu li ul.sub-menu {
  width: auto;
  left: 0;
  right: 0;
}
.header-icon .right-menu li ul.sub-menu > li > a {
  text-align: center;
}
.blog-left-sidebar-area {
  padding-top: 50px;
}
.blog-widget {
  background-color: hsl(0, 0%, 97%);
  padding: 0 10px;
}
.blog-widget .widget-title h3 {
  margin: 0 -10px 10px;
  padding: 15px 10px;
  background-color: hsl(0, 0%, 90%);
}
.blog-widget .list-item li:last-child {
  margin-bottom: 0;
}
.contact-bottom-area {
  padding-top: 20px;
}
.contact-bottom-area .btn-group.bootstrap-select.form-control .dropdown-toggle {
  width: 100%
}
.contact-bottom-area .radio-btn span.btn {
  width: 49%
}
.contact-bottom-area button.btn {
  width: 100%
}

 
 
}

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

 
}