/******************************************
    Version: 1.0
/****************************************** */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .address-item{
        width: 30%;
    }
    .header_style_01 .navbar-light .navbar-nav > li a{
        padding: 10px 12px;
        font-size: 14px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .social-box{
        float: none;
        margin: 0 auto;
        text-align: center;
    }
    .left-top{
        float: none;
        margin: 0 auto;
        text-align: center;
    }
    .email-box{
        margin: 0px;
    }
    .email-box a{
        font-size: 14px;
    }
    .phone-box a{
        font-size: 14px;
    }
    .megamenu .navbar-header{
        width: 100%;
    }
    .header_style_01 .navbar-light .navbar-nav > li a{
        display: block;
    }
    .navbar-light .navbar-brand img{
        max-width: 170px;
    }
    .slide-text h1{
        font-size: 28px;
    }
    .slide-text h2{
        font-size: 13px;
    }
    .btn11{
        font-size: 13px;
        padding: 10px 30px;
    }
    .owl-next i, .owl-prev i{
        line-height: 40px;
    }
    .slider-wrapper .owl-nav .owl-prev, .slider-wrapper .owl-nav .owl-next{
        height: 56px;
        width: 40px;
    }
    .home-one-slider-otem .slider-content-area{
        height: 400px;
    }
    .message-box{
        margin-bottom: 30px;
    }
    hr.hr1{
        margin: 30px 0;
    }
    .stat-wrap div{
        margin-bottom: 30px;
    }
    .stat-wrap p{
        font-size: 28px;
    }
    .section-title h3{
        font-size: 32px;
    }
    .customwidget h1{
        font-size: 32px;
    }
    .image-center img{
        margin: 30px 0 0px;
        padding: 0px;
    }
    .footer .widget{
        margin-bottom: 30px;
    }
    .footer-recent{
        margin-bottom: 30px;
    }
    .megamenu .navbar-collapse ul{
        margin-top: 30px;
    }
    .banner h2{
        font-size: 38px;
    }
    .banner h2::after{
        top: 0px;
    }
    .download-filter ul li .btn-dark{
        padding: 10px 20px;
    }
    .address-item{
        width: 100%;
        margin: 0px;
        margin-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .social-box{
        float: none;
        margin: 0 auto;
        text-align: center;
    }
    .left-top{
        float: none;
        margin: 0 auto;
        text-align: center;
    }
    .email-box{
        margin: 0px;
    }
    .megamenu .navbar-header{
        width: 100%;
    }
    .email-box a{
        font-size: 14px;
    }
    .phone-box a{
        font-size: 14px;
    }
    .header_style_01 .navbar-light .navbar-nav > li a{
        display: block;
    }
    .navbar-light .navbar-brand img{
        max-width: 170px;
    }
    .slide-text h1{
        font-size: 28px;
    }
    .slide-text h2{
        font-size: 13px;
    }
    .btn11{
        font-size: 13px;
        padding: 10px 30px;
    }
    .owl-next i, .owl-prev i{
        line-height: 40px;
    }
    .slider-wrapper .owl-nav .owl-prev, .slider-wrapper .owl-nav .owl-next{
        height: 40px;
        width: 40px;
    }
    .home-one-slider-otem .slider-content-area{
        height: 400px;
    }
    .message-box{
        margin-bottom: 30px;
    }
    hr.hr1{
        margin: 30px 0;
    }
    .stat-wrap div{
        margin-bottom: 30px;
    }
    .stat-wrap p{
        font-size: 28px;
    }
    .section-title h3{
        font-size: 32px;
    }
    .customwidget h1{
        font-size: 32px;
    }
    .image-center img{
        margin: 30px 0 0px;
        padding: 0px;
    }
    .footer .widget{
        margin-bottom: 30px;
    }
    .footer-recent{
        margin-bottom: 30px;
    }
    .megamenu .navbar-collapse ul{
        margin-top: 30px;
    }
    .banner h2{
        font-size: 38px;
    }
    .banner h2::after{
        top: 0px;
    }
    .download-filter ul li .btn-dark{
        padding: 10px 20px;
    }
    .address-item{
        width: 100%;
        margin: 0px;
        margin-bottom: 30px;
    }
    .display-service .owl-nav {
        display: none !important;
    }
}

@media only screen and (min-width: 280px) and (max-width: 575px) {
  .banner-bg-1 {
  background: url('../uploads/inner-bg.jpg');
    padding: 120px 0;
    background-clip: initial;
    background-color: rgba(0, 0, 0, 0);
    background-origin: initial;
    background-position: center center;
    background-repeat: no-repeat;
   /* background-size: cover;*/
    z-index: 0;
    height: auto;
    background-size: 100% 50%;
    margin-top: -74px;
    background-position: center center;
  }
   .banner-bg-2 {
  padding: 120px 0;
    height: auto;
    background-size: 100% 50%;
   margin-top: -74px;
    background-position: center center;
  }
   .banner-bg-3 {
  padding: 120px 0;
    height: auto;
    background-size: 100% 50%;
   margin-top: -74px;
    background-position: center center;
  }
  .banner-bg-4 {
  padding: 120px 0;
    height: auto;
    background-size: 100% 50%;
    margin-top: -74px;
    background-position: center center;
  }
  .banner-bg-5 {
  padding: 120px 0;
    height: auto;
   background-size: 100% 50%;
    margin-top: -74px;
    background-position: center center;
  }
  .banner-bg-6 {
  padding: 120px 0;
    height: auto;
    background-size: 100% 50%;
    margin-top: -74px;
    background-position: center center;
  }
  .banner-bg-7 {
  padding: 120px 0;
    height: auto;
   background-size: 100% 50%;
    margin-top: -74px;
    background-position: center center;
  }
  .banner-bg-8 {
  padding: 120px 0;
    height: auto;
    background-size: 100% 50%;
    margin-top: -74px;
    background-position: center center;
  }
  .banner-bg-9 {
    padding: 120px 0;
    height: auto;
    background-size: 100% 50%;
    margin-top: -74px;
    background-position: center center;
  }
   .banner-bg-10 {
    padding: 120px 0;
    height: auto;
    background-size: 100% 50%;
    margin-top: -74px;
    background-position: center center;
  }
  .banner-bg-11 {
    padding: 120px 0;
    height: auto;
    background-size: 100% 50%;
    margin-top: -74px;
    background-position: center center;
  }
  .section-top1 {
  padding: 0px;
    margin-top: -35px;
  }
  .text-center1 strong {
  font-size: 30px;
  }
    .social-box{
        float: none;
        margin: 0 auto;
        text-align: center;
    }
    .left-top{
        float: none;
        margin: 0 auto;
        text-align: center;
    }
    .email-box{
        margin: 0px;
    }
    .header_style_01 .navbar-light .navbar-nav > li a{
        display: block;
    }
    .navbar-light .navbar-brand img{
        max-width: 170px;
    }
    .slide-text h1{
        font-size: 28px;
    }
    .slide-text h2{
        font-size: 13px;
    }
    .btn11{
        font-size: 13px;
        padding: 10px 30px;
    }
    .owl-next i, .owl-prev i{
        line-height: 40px;
    }
    .slider-wrapper .owl-nav .owl-prev, .slider-wrapper .owl-nav .owl-next{
        height: 40px;
        width: 40px;
    }
    .home-one-slider-otem .slider-content-area{
        height: 400px;
    }
    .message-box{
        margin-bottom: 30px;
    }
    hr.hr1{
        margin: 30px 0;
    }
    .stat-wrap div{
        margin-bottom: 30px;
    }
    .stat-wrap p{
        font-size: 28px;
    }
    .section-title h3{
        font-size: 32px;
    }
    .customwidget h1{
        font-size: 32px;
    }
    .image-center img{
        margin: 30px 0 0px;
        padding: 0px;
    }
    .footer .widget{
        margin-bottom: 30px;
    }
    .footer-recent{
        margin-bottom: 30px;
    }
    .megamenu .navbar-collapse ul{
        margin-top: 30px;
    }
    .banner h2{
        font-size: 35px;
    }
    .banner h2::after{
        top: 0px;
    }
    .download-filter ul li .btn-dark{
        padding: 10px 20px;
    }
    .address-item{
        width: 100%;
        margin: 0px;
        margin-bottom: 30px;
    }
    #features li {
        width: 100%;
    }
    .gallery-border img {
        height: 10rem;
        width: 100%;
    }
    .slide-text {
        top: 40%;
    }
    .display-service .owl-nav {
        display: block !important;
        top: 32%;
    }
    .display-service .owl-next i, .display-service .owl-prev i {
        line-height: 58px;
    }
    .display-service .owl-next i {
        right: -2%;
        left: auto;
    }
    .display-service .owl-prev i{
        left: -2%;
    }
    .message-box .w-iconbox-title {
        text-align: center;
    }
    .w-iconbox-link {
        width: 100%;
        text-align: -webkit-center;
    }
    .banner h2::after {
        top: 0px !important;
    }
    .display-logo .owl-prev i {
        width: 40px !important;
        height: 40px !important;
        left: -3% !important;
    }
    .display-logo .owl-next i {
        width: 40px !important;
        height: 40px !important;
        right: -3% !important;
        left: auto;
    }
    .display-logo .owl-item img {
        width: 80% !important;
    }
    .display-logo .owl-nav {
        top: 45% !important;
    }

}
/* Portrait and Landscape */
@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 321px)
and (-webkit-min-device-pixel-ratio: 2) {
    .display-service .owl-next i {
        right: -2%;
        left: auto;
        width: 40px;
        height: 40px;
    }
    .display-service .owl-prev i {
        left: -2%;
        width: 40px;
        height: 40px;
    }
    .display-service .owl-next i, .display-service .owl-prev i {
        line-height: 40px;
    }
    .display-service .owl-nav {
        display: block !important;
        top: 30%;
    }
    .message-box .w-iconbox-title {
        text-align: center;
    }
    .w-iconbox-link {
        width: 100%;
        text-align: -webkit-center;
    }
    .banner h2::after {
        top: 4px !important;
    }
    .display-logo .owl-prev i {
        width: 40px !important;
        height: 40px !important;
        left: -3% !important;
    }
    .display-logo .owl-next i {
        width: 40px !important;
        height: 40px !important;
        right: -3% !important;
        left: auto;
    }
    .display-logo .owl-item img {
        width: 80% !important;
    }
    .display-logo .owl-nav {
        top: 45% !important;
    }
}

@media only screen 
and (min-device-width: 414px) 
and (max-device-width: 736px) 
and (-webkit-min-device-pixel-ratio: 3) { 
    .slide-text h1 {
        font-size: 24px;
    }
    .footer .widget-title h3{
        font-size: 28px;
    }
    .btn11 {
        font-size: 13px;
        padding: 15px 30px;
    }
    .left-margin {
        margin-left: 15px;
    }
    .footer-distributed .footer-company-name{
        font-size: 20px;
    }
    .display-service .owl-nav {
        display: block !important;
        top: 32%;
    }
    .display-service .owl-next i, .display-service .owl-prev i {
        line-height: 58px;
    }
    .message-box .w-iconbox-title {
        text-align: center;
    }
    .w-iconbox-link {
        width: 100%;
        text-align: -webkit-center;
    }
    .banner h2::after {
        top: 0px !important;
    }
    .display-logo .owl-prev i {
        width: 40px !important;
        height: 40px !important;
        left: -3% !important;
    }
    .display-logo .owl-next i {
        width: 40px !important;
        height: 40px !important;
        right: -3% !important;
        left: auto;
    }
    .display-logo .owl-item img {
        width: 80% !important;
    }
    .display-logo .owl-nav {
        top: 45% !important;
    }
}
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (-webkit-min-device-pixel-ratio: 1) {
    .owl-next i, .owl-prev i {
        line-height: 58px;
    }
    .owl-next i {
        right: -5%;
        left: auto;
    }
    .owl-prev i{
        left: -5%;
        right: auto;
    }
  #features li {
  width: 100%;
  }
  .gallery-border img {
    height: 20rem;
    width: 100%;
  }
  .btn11 {
    font-size: 13px;
    padding: 15px 30px;
}
}