/*      Tablet Layout: 768px.    */

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-item-p{  margin-bottom: 40px;}
    .single-item-p:last-child {  margin-bottom: 0px;}

/*=====Index 1=====*/
    .about-img-col { width: 100%;}
    .about-img-col .about-img { margin: 0 auto; width: 50%;}
    .features .features-row { margin-top: 80px;}
    .about-content-col {width: 100%;}
    .feature-icom-box {padding: 0;}
    .owl-pagination { width: 82px;}
    .footer-logo-col{
        text-align: center;
        width: 100%;
        margin-bottom: 50px;
    }
    .footer-link-col{width: 50%;}

/*=====Index 2=====*/

    .title-02 {  font-size: 45px !important;}
    .home-02 .header-top .intro-box .intro-text h1{
        font-size:55px;
        line-height:55px;
        margin-top: 0px;
    }
    .home-02 .header-top .intro-box .intro-img img {
        height: auto;
        padding: 0 15px;
    }
    .about-app-02 .about-title-02 {margin-top: 0px;}
    .frauture-2{margin: 0 auto; width: 50%;}
    .feauture-02 .feauture_item_padding {margin-bottom: 0px;}
    .contact-info .contact-box {
        float: left;
        margin-bottom: 50px;
        margin-top: 0;
        width: 90%;
    }

/*=====Index 3=====*/
    .index-03 header {min-height: 710px;}
    .index-03 header .intro-text { margin-top: 0;}
    .index-03 header .intro-box .intro-img img { height: auto; margin: 0 auto;}
    .index-03 .about-img.about_us_img {padding-top: 50px;}

/*===== Images tow =====*/
    .images-02 .header-top .intro-box .intro-text h1{
        font-size:55px;
        line-height:55px;
        margin-top: 0px;
    }
    .images-02 .header-top .intro-box .intro-img img {
        height: auto;
        padding: 0 15px;
    }
    .slider-01 header #ht-background-carousel .carousel-inner .item {
  min-height: 750px;
  z-index: 0;
}
.slider-01 .intro-text {
  margin-top: 250px;
}
.slider-01 header .intro-box .intro-img img {
  height: auto;
  margin: 0 auto;
}
.slider-01 .intro-img {
  margin-top: 260px;

}


}

/*======================  Mobile Layout: 320px. =======================  */

@media only screen and (max-width: 767px) {

    body{text-align: center;}
    .sub-title {  width: 100%;}
    .sub-title h2 {  font-size: 30px;}
    .single-item-p{  margin-bottom: 40px;}
    .single-item-p:last-child {  margin-bottom: 0px;}
    .navbar-toggle .icon-bar {  background: #fff none repeat scroll 0 0;}
    .nav.navbar-nav.pull-right {  float: left !important; text-align: left;}
    .collapsing { background: #666; opacity: 0.95;}
    .collapse.in { background: #666; opacity: 0.95;}

/*=====Index 1=====*/
    .intro-img-1 {display: none;}
    header .intro-text {margin-top: 0;}
    header .intro-box .intro-text h1 {font-size: 35px;}
    .about_us .about-icon {  margin: 0 auto 15px;}
    .single-item-p{  margin-bottom: 40px;}
    .single-item-p:last-child {  margin-bottom: 0px;}
    .about_us .about_item_padding {  margin-bottom: 40px;}
    .about_us .about_item_padding:last-child {  margin-bottom: 0px;}
    .services .service-single {  margin-bottom: 30px}
    .services .service-single:last-child {  margin-bottom: 0px}
    .features .features-row {  margin-top: 0;}
    .features .features-text-left {  text-align: center;}
    .features .features-icon {  margin: 15px auto 0;}
    .features-text {  margin-top: 15px;}
    .features-img {margin: 50px 0;}
    .features .features-single-box { margin-bottom: 30px;}
    .features .features-single-box:last-child {margin-bottom: 0px;}
    .screenshots .owl-pagination {  width: 40%;}
    .counter-box {
        float: right;
        width: 50%;
        margin-bottom: 30px;
    }
    .downloads-area .counter {  font-size: 40px;}
    .footer-bottom-box .footer-logo .social-links li i {margin-right: 0;}
    .important-link {  padding-left: 15px; text-align: left;}
    .footer-bottom-box h3 {  margin-top: 40px;}
    .footer-bottom-box .contact-us ul li {  padding-left: 15px;text-align: left;}

/*=====Index 2=====*/

    .title-02 {  font-size: 35px !important;}
    .home-02 .header-top .intro-box .intro-text h1{
        font-size:45px;
        line-height:45px;
        margin-top: 0px;
    }
    .home-02 .header-top .intro-box .intro-img img {
        height: auto;
        margin: 50px auto;
        padding: 0 15px;
    }
    .about-app-02 .about-title-02 {margin-top: 0;}
    .home-02 .feauture-img { margin-top: 30px;}
    .subscriber-02 .subscriber-text {margin-top: 50px;}
    .subscriber-02 input[type="text"] {width: 100%;}
    .client_quction-02 .client-say .testimonial_headline p {padding-left: 40px;text-align: left;}
    .client_quction-02 .client-say .img-box {margin: 30px auto 15px; width: 100%;}
    .client_quction-02 .client-say .img-box img { width: 100px;}
    .client_quction-02 .client-say .reviwar-name {padding-left: 0px;}
    .col-sm-6.fap-area { margin-top: 100px;}
    .panel-group .panel .panel-title a {font-size: 16px; font-weight: 600;}
    .contact-info h2 { text-align: center;}
    .contact-info .content-sub_p::before {left: 40%;}
    .contact-info .contact-box {
        float: left;
        margin-top: 0px;
        width: 100%;
    }
/*=====Index 3=====*/

    .intro-img {padding: 100px 0;}
    .about_us-03 .about-icon {margin: 0 auto 15px;}
    .about_us_img{margin-top: 50px;}

/*=====Index 4=====*/
    .index-04 header .intro-box .intro-img img {height: auto; margin: 0 auto;}
    .index-04 .intro-img {padding: 50px 0 0;}

/*=====Index 4=====*/
    .intro-img { padding: 0;}

/*=====Index 4=====*/
    .about-app-02 { padding: 50px 0 100px;}
    .home-02 .feauture-05 .feauture-img {margin-top: 50px;}

/*=====Images tow=====*/

    .images-02 .header-top .intro-box .intro-text h1{
        font-size:45px;
        line-height:45px;
        margin-top: 0px;
    }
    .images-02 .header-top .intro-box .intro-img img {
        height: auto;
        margin: 50px auto;
        padding: 0 15px;
    }
    .slider-01 .intro-text {margin-top: 150px;}





}

/*  Wide Mobile Layout: 480px    */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    header {
      min-height: 710px;

    }
.about-img {
  margin: 0 auto;
  width: 50%;
}

.screenshots .owl-pagination {
  width: 15%;
}
.pricing-item-cneter {
  transform:none;
}
.team-single-item {
  width: 50%;
  margin: 0px auto;
}

.blog-area .blog-full-box {
  width: 50%;
  margin: 0px auto;
}

.footer-link-col {
  float: left;
  width: 50%;
}
.footer-bottom-box h3 {

  text-align: left;
}
.footer-bottom-box .contact-us ul li {
  padding-left: 0px;
}


.home-02 .header-top .intro-box .intro-text h1 {
  width: 70%;
  margin: 0px auto;
}
.home-02 .feauture-img {
  margin: 0 auto;
  width: 70%;
}
.subscriber-img {
  margin: 0 auto;
  width: 70%;
}
.screenshots {
  margin: 0 auto;
  width: 70%;
}
.fap-area {
  margin-top: 100px;
}
.intro-img {
  display: none;
  padding: 0;
}
.home-02 .header-top {
  min-height: 500px !important;

}


}