@media only screen and (max-width:1800px){
    .banner-section:before{
        display:none
    }
    .banner-carousel .owl-nav{
        right:15%
    }
    .rtl .banner-carousel .owl-nav{
        right:auto;
        left:15%
    }
    .banner-section-three .slide-item{
        padding:120px 0
    }
   
   
    .banner-section-four{
        padding-left:0
    }
}
@media only screen and (max-width:1439px){
    .banner-section-five .social-links,.banner-section-six .contact-info,.banner-section-six .social-links,.banner-section-two .social-links{
        display:none
    }
    .banner-section-six,.banner-section-three,.header-style-six .outer-container{
        padding:0
    }
    .box-layout .page-wrapper{
        border:0
    }
  
  
    .rtl .banner-section-five .owl-dots,.rtl .banner-section-two .owl-dots{
        left:45px
    }
    .rtl .banner-section-six .owl-nav{
        left:auto
    }
}
@media only screen and (max-width:1139px){
  
  
    .about-section .content-column .content-box{
        padding-left:45px;
        padding-right:15px
    }
    .main-footer .gallery-widget .outer .image{
        width:20%
    }
    .news-block .caption-box,.service-block .lower-content{
        padding-left:15px;
        padding-right:15px
    }
    .services-section .services-box{
        margin-top:-200px
    }
    .testimonial-block .inner-box{
        padding-right:180px
    }
    .news-block .caption-box{
        margin-left:0;
        margin-top:0
    }
    .news-block .image-box,.rtl .news-block .caption-box{
        margin-right:0
    }
    .products-carousel .owl-nav{
        left:-10px
    }
    .specialize-section-two .carousel-column .carousel-outer{
        max-width:590px;
        padding-left:0
    }
    .specialize-section-two .carousel-column .inner-column{
        padding-left:0;
        padding-top:50px
    }
    .specialize-section-two .thumbs-carousel{
        position:relative;
        left:0;
        top:0;
        transform:rotate(0);
        margin:30px 0 0
    }
    .specialize-section-two .carousel-outer .thumbs-carousel img{
        transform:rotate(0);
        display:block;
        width:100%
    }
    .app-section .outer-box:after,.app-section .outer-box:before,.carousel-outer .thumbs-carousel .owl-nav,.header-style-five .main-menu .navigation>li>a:before,.header-style-one .header-lower:after,.header-style-one .header-lower:before,.header-style-one .main-menu .navigation>li>a:before,.header-style-six .contact-info,.header-style-three .main-menu .navigation>li>a:before,.testimonial-block:before,.video-section .video-column .video-box:before{
        display:none
    }
    .faq-section .accordion-column .inner-column{
        padding-top:0;
        padding-left:0
    }
    .testimonial-block-two .inner-box{
        padding:30px
    }
    .testimonial-carousel-two,.video-section .content-column .inner-column,.video-section .video-column .inner-column{
        padding-left:0
    }
    .news-block-four .content-box{
        padding-top:0
    }
    .news-section-two .column .inner-column,.rtl .faq-section .accordion-column .inner-column,.rtl .news-section-two .column .inner-column,.rtl .specialize-section-two .carousel-column .carousel-outer,.rtl .specialize-section-two .carousel-column .inner-column,.rtl .testimonial-carousel-two,.rtl .video-section .content-column .inner-column,.rtl .video-section .video-column .inner-column,.video-section .content-column .inner-column{
        padding-right:0
    }
    .testimonial-carousel-two .owl-nav{
        position:relative;
        left:0;
        right:0;
        margin:50px auto 0;
        bottom:0;
        max-width:194px;
        transform:none
    }
    .app-section,.app-section .content-column .inner-column,.app-section .outer-box{
        padding:0
    }
    .app-section .image-column .inner-column{
        margin:0
    }
    .specialize-section-two.alternate .carousel-column .inner-column{
        padding-right:0;
        padding-top:0
    }
    .project-detail .project-tabs .tab-btns,.project-detail .tabs-content{
        width:100%
    }
    .rtl .banner-carousel-three .slide-item:before,.rtl .banner-section .slide-item:before{
        transform:skew(0);
        left:auto;
        right:-10%
    }
    .header-style-seven .logo-box:before,.header-style-three .logo-box:before{
        transform:none;
        left:-15px
    }
    .banner-carousel-three .slide-item:before,.banner-section .slide-item:before{
        width:60%;
        transform:skew(0);
        left:-10%
    }
    .header-style-one{
        background-color:#000
    }
    .header-style-one .header-lower{
        padding:0;
        margin:0
    }
    .banner-carousel .owl-nav{
        right:40px
    }
    .rtl .banner-carousel .owl-nav{
        left:40px
    }
    .banner-section .slide-item{
        padding:250px 0 200px
    }


    .banner-section-two .slide-item .content-box{
        padding:250px 0
    }
    .banner-carousel-two .owl-nav{
        left:auto;
        right:20px
    }
 
 
    .banner-carousel-three .slide-item{
        padding:150px 0
    }
    .banner-carousel-three h2{
        font-size:36px;
        line-height:1.2em
    }
  
  
    .rtl .about-section .content-column .content-box{
        padding-left:45px;
        padding-right:15px;
        text-align:right
    }
    .rtl .testimonial-carousel-two .owl-nav{
        left:0;
        right:0;
        margin:50px auto 0;
        transform:translateX(-30px)
    }
    .rtl .testimonial-block .inner-box{
        padding-left:180px
    }
    .rtl .news-block .image-box{
        margin-left:0
    }
    .rtl .products-carousel .owl-nav{
        right:0
    }
    .rtl .specialize-section-two .thumbs-carousel{
        right:0;
        left:auto
    }
    .rtl .specialize-section-two.alternate .carousel-column .inner-column{
        padding-left:0;
        padding-top:0
    }
    .project-detail .project-tabs .tab-btn{
        float:left;
        width:33.33333%
    }
 
 
}
@media only screen and (min-width:768px){
 
 
}
@media only screen and (max-width:1023px){
  
  
    .banner-section-five .owl-dots,.banner-section-two .owl-dots{
        right:20px
    }
    .about-section .image-column .image img,.about-section .image-column .title-box h2 br,.app-section .title-column h1 br,.banner-section-six .slide-item:before,.banner-section-three .bottom-box,.banner-section-three .slide-item:before,.header-style-five .main-menu .navigation>li:before,.header-style-five .outer-box,.header-style-one .main-menu .navigation>li:before,.header-style-one .outer-box,.header-style-seven .outer-box{
        display:none
    }
  
  
    .banner-carousel h2{
        font-size:36px;
        line-height:1.2em
    }
    .about-section .content-column .inner-column,.about-section .image-column .inner-column{
        margin:0
    }
    .about-section .content-column .content-box{
        border:2px solid #ddd;
        text-align:left
    }
    .about-section .image-column .image-box .alphabet-img{
        position:relative;
        display:inline-block
    }
    .about-section .content-column .inner-column,.about-section .image-column .image-box{
        padding-top:50px;
        text-align:center
    }
    .about-section .image-column .title-box{
        position:relative;
        display:inline-block;
        left:0;
        top:0;
        text-align:center
    }
    .testimonial-section .testimonial-column,.testimonial-section .testimonial-column .inner-column,.testimonial-section .title-column,.testimonial-section .title-column .inner-column{
        max-width:100%
    }
    .testimonial-section .testimonial-column .inner-column,.testimonial-section .title-column .inner-column{
        padding:70px 15px
    }
   
   
    .feature-block,.specialize-section-two.alternate .title-column{
        margin-bottom:50px
    }
    .project-block-two{
        padding-left:0
    }
    .projects-carousel-two .owl-next,.projects-carousel-two .owl-prev{
        bottom:-30px
    }
    .projects-carousel-two .owl-dots{
        position:relative;
        bottom:-30px
    }
    .offer-section .image-column .inner-column{
        padding:0;
        margin:0
    }
    .banner-section-six,.banner-section-three{
        padding-bottom:70px
    }
    .banner-section-three .slide-item{
        padding:100px 0
    }
    .banner-carousel-two .content-box .inner-box,.banner-section-six .content-box .inner-box{
        padding-left:30px
    }
    .app-section .content-column .inner-column{
        padding:0 0 70px
    }
    .offer-section .form-column .inner-column{
        margin-left:0
    }
    .app-section .title-column h1{
        font-size:54px
    }
    .app-section{
        text-align:center
    }
    .specialize-section-two .carousel-column{
        order:12
    }
    .contact-page-section .map-column .inner-column{
        height:500px;
        position:relative;
        padding:0
    }
    .banner-carousel-two .owl-nav{
        left:auto;
        right:50%;
        max-width:none;
        width:208px;
        transform:translateX(95px)
    }
    .banner-section-five .content-box .video-link a{
        transform:translate(0)
    }
    .header-style-seven .main-menu .navigation>li>a{
        font-size:14px
    }
    .banner-section-six .slide-item{
        padding-top:250px
    }
    .banner-section-six .banner-carousel-two .owl-nav{
        right:auto!important;
        left:50%;
        bottom:-70px;
        transform:translateX(-50%)
    }
    .banner-section-six .content-box{
        padding:40px 30px
    }
}
@media only screen and (max-width:767px){
    .fixed-header .sticky-header .pull-right{
        float:none
    }
    .sidebar-page-container .sidebar-side {
        display: block;
        order: 1;
    }
    .banner-section .contact-info,.banner-section-five .slide-item .content-box:before,.banner-section-two .slide-item:before,.fact-counter .count-box .counter-title br,.main-footer .footer-bottom .inner-container:before,.main-header.header-style-five .sticky-header,.main-header.header-style-seven .sticky-header,.main-header.header-style-three .sticky-header,.main-header.header-style-two .sticky-header,.projects-carousel .owl-nav,.sec-title .text br{
        display:none
    }
    .header-style-two.fixed-header .header-lower .main-box{
        position:fixed
    }
  
    .fact-counter .count-box .count,.main-footer .footer-bottom .social-links li,.main-header .top-right ul{
        float:none;
        display:inline-block
    }
   
   
    .error-section,.page-title{
        padding:100px 0
    }
    .page-title h1{
        font-size:36px;
        line-height:1.2em;
        margin-bottom:15px
    }
    .page-title .title{
        font-size:18px;
        margin-bottom:15px
    }
    .page-title .bread-crumb{
        padding-top:0;
        width:100%;
        padding-bottom:0
    }
    .sec-title h2{
        font-size:28px;
        line-height:1.2em
    }
    .sec-title{
        margin-bottom:40px
    }
    .banner-section-two .owl-dots{
        right:15px
    }
    .banner-section-five .owl-dot,.banner-section-two .owl-dot,.project-block-two .info-box .text{
        margin-bottom:20px
    }
    .sidebar-page-container{
        padding:70px 0 20px
    }
    .fact-counter .count-box{
        text-align:center;
        padding:20px 0 0
    }
    .fact-counter .count-box .count{
        margin:0 0 25px
    }
    .fact-counter .count-box:before{
        left:0;
        right:0;
        margin:0 auto
    }
    .sec-title .float-text{
        font-size:36px;
        line-height:72px
    }
    .services-section .upper-box{
        padding-bottom:240px
    }
    .service-block-two.style-two .inner-box,.testimonial-section .title-column .inner-column{
        padding-top:0
    }
    .main-footer .footer-bottom .copyright-text,.main-footer .footer-bottom .social-links{
        width:100%;
        text-align:center;
        padding-right:0
    }
    .main-footer .footer-bottom .copyright-text:before{
        width:120%;
        left:-10%;
        height:100%;
        border:0;
        background-color:#ffae00
    }
    .main-footer .footer-bottom .social-links li:first-child{
        margin-left:0
    }
    .main-footer .gallery-widget .outer .image{
        width:25%
    }
    .login-section{
        padding:70px 0 40px
    }
    .project-block-two .info-box h3{
        font-size:24px;
        margin-bottom:15px
    }
    .offer-section .image-column .text{
        position:relative;
        padding:0;
        margin:50px 0 0
    }
    .banner-carousel-two .content-box h2{
        font-size:32px
    }
    .banner-carousel-two .content-box .title{
        font-size:20px
    }
    .mixitup-gallery .filters li{
        margin-right:10px
    }
    .mixitup-gallery .filters{
        margin-bottom:70px
    }
    .list-style-one li{
        width:100%
    }
    .main-footer .about-widget{
        padding-right:0
    }
    .banner-section .slide-item:before{
        width:120%;
        left:-10%
    }
    .rtl .banner-section .slide-item:before{
        left:auto;
        right:-10px
    }
    .projects-section-two{
        padding:50px 0 100px
    }
    .banner-carousel .owl-nav{
        left:0;
        right:0;
        margin:0 auto;
        text-align:center;
        bottom:-50px
    }
    .banner-section-two .slide-item .content-box{
        padding:150px 0
    }
    .banner-section-two .content-box .video-link{
        margin-top:0
    }
 
 
  
    .rtl .banner-carousel .owl-nav{
        left:0;
        right:0
    }
  
  
    .banner-section-five .slide-item .content-box{
        bottom:50%;
        transform:translateY(50%)
    }
    .banner-section-five .slide-item:before{
        position:absolute;
        left:0;
        top:0;
        height:100%;
        width:100%;
        background-color:#000;
        opacity:.4;
        content:""
    }
    .banner-section-five .owl-dots{
        top:80%;
        right:15px
    }
}
@media only screen and (max-width:599px){
    .about-section .content-column .content-box .title h2{
        font-size:22px;
        line-height:1.3em
    }
    .banner-section-five .content-box h2,.banner-section-two .content-box h2{
        font-size:32px
    }
    .banner-carousel .content-box .text,.banner-carousel-three .content-box .text{
        margin-bottom:35px;
        font-size:20px
    }
    .shop-single .product-details .prod-tabs .tab-btns .tab-btn{
        margin-bottom:10px;
        display:block;
        width:100%;
        text-align:center
    }
    .banner-carousel .content-box h2 br,.banner-carousel-three .content-box h2 br,.banner-carousel-two .content-box .inner-box:before,.coming-soon .content .content-inner .text br,.projects-section-two .upper-box .link-box,.testimonial-block:before{
        display:none
    }
    .testimonial-block,.testimonial-block .inner-box{
        padding-right:0;
        text-align:center
    }
    .testimonial-carousel .owl-nav{
        left:0;
        right:0;
        max-width:62px;
        margin:0 auto
    }
    .testimonial-section .testimonial-column{
        border-radius:0
    }
    .testimonial-block .image-box{
        position:relative;
        display:inline-block;
        margin-bottom:30px
    }
    .team-block .inner-box .image-box .social-links li{
        right:-50px;
        opacity:1;
        visibility:visible
    }
    .testimonial-block .text{
        margin-bottom:20px
    }
    .main-footer .widgets-section{
        padding-bottom:30px
    }
    .main-footer .gallery-widget .outer .image{
        width:33.33333%
    }
    .projects-carousel-two .project-block-two .info-box{
        position:relative;
        left:0!important;
        top:0;
        margin:0;
        transform:translate(0)
    }
    .project-block-two .info-box .inner-box{
        box-shadow:none;
        max-width:100%
    }
    .scroll-to-top{
        display:none!important
    }
    .offer-section .form-column .upper-box{
        padding-right:0
    }
    .offer-section .form-column .upper-box .discount{
        position:relative;
        left:0;
        top:0;
        display:block;
        font-size:60px;
        margin-bottom:10px
    }
    .feature-block .inner-box,.news-block-two .caption-box .inner{
        padding-left:15px;
        padding-right:15px
    }
    .news-block-two .caption-box{
        margin-top:0;
        padding:0
    }
    .blog-detail.style-two .comments-area .comment,.news-block-four .inner-box{
        padding-left:0
    }
    .news-block-four .image-box{
        position:relative;
        display:block;
        width:100%;
        height:auto;
        margin-bottom:20px
    }
    .coming-soon .emailed-form .form-group input[type=submit],.coming-soon .emailed-form button{
        position:relative;
        display:block;
        width:100%;
        margin-top:20px;
        border-radius:50px!important
    }
    .service-detail .prod-tabs .tab-btns .tab-btn{
        display:block;
        width:100%
    }
 
 
    .comments-area .comment-box.reply-comment,.comments-area .comment-box.reply-comment.reply{
        margin-left:0
    }
    .blog-detail.style-two .comments-area .comment-box .author-thumb{
        position:relative;
        margin-bottom:20px
    }
    .comments-area .comment-box .reply-btn{
        position:relative
    }
    .news-block-two .blockquote h2{
        font-size:34px
    }
    .payment-box .upper-box{
        padding:15px
    }
    .discount-form{
        padding:50px 20px 30px
    }
    .banner-carousel-two .content-box .inner-box{
        text-align:center
    }
    .banner-section-six .content-box .inner-box{
        text-align:left
    }
}
@media only screen and (max-width:1023px){
    .rtl .project-block-two{
        padding-right:0
    }
    .testimonial-section .testimonial-column{
        border-radius:0
    }
    .rtl header-style-seven .main-menu .navigation>li{
        margin-right:20px
    }
    .rtl .banner-carousel-two .owl-nav{
        left:auto;
        right:50%;
        transform:translateX(50%)
    }
    .rtl .header-style-seven .main-menu .navigation>li{
        margin-left:0;
        margin-right:20px
    }
    .rtl .banner-section-five .slide-item .content-box:before,.rtl .testimonial-carousel .active .testimonial-block:before{
        display:none
    }
    .rtl .header-style-five .nav-outer{
        float:right
    }
    .banner-section-five .content-box h2{
        font-size:40px;
        line-height:1.2em
    }
    .rtl .banner-section-five .content-box .video-link{
        left:auto;
        right:15px
    }
}
@media only screen and (max-width:767px){
    .banner-carousel-three .slide-item:before{
        width:120%;
        left:-10%
    }
    .rtl .header-style-five .logo-box,.rtl .header-style-one .logo-box{
        float:right;
        width:auto;
        z-index:9
    }
    .banner-section-five{
        position:relative;
        height:292px!important
    }
    body .video-player-wrapper{
        height:calc(55vh - 80px);
        width:100%;
        position:relative
    }
 
 
    .rtl .main-footer .footer-bottom .copyright-text,.rtl .main-footer .footer-bottom .social-links{
        padding-left:0;
        padding-right: 0;
    }
    .rtl .main-footer .footer-bottom .copyright-text:before{
        left:auto;
        right:-10%
    }
    .rtl .main-footer .footer-bottom .social-links li:first-child{
        margin-right:0
    }
    .rtl .mixitup-gallery .filters li{
        margin-left:10px
    }
    .rtl .fact-counter .count-box{
        text-align:center
    }
    .rtl .fact-counter .count-box .count{
        float:none;
        display:inline-block
    }
    .rtl .fact-counter .count-box:before{
        left:0;
        right:0;
        margin:0 auto
    }
    .main-footer .footer-bottom .copyright-text:before,.rtl .page-title .bread-crumb li:before{
        display:none
    }
    .rtl .page-title .bread-crumb li:last-child:before{
        display:block
    }
    .rtl .page-title .bread-crumb li:first-child{
        padding-right:0;
        margin-right:0
    }
    .rtl .page-title .bread-crumb li{
        float:right
    }
    .main-footer .footer-bottom .copyright-text p{
        font-size:14px;
        line-height:20px;
        padding:0 10px
    }
    .rtl .banner-section-six .banner-carousel-two .owl-nav{
        right:50%!important
    }
}
@media only screen and (max-width:599px){
    .rtl .offer-section .form-column .upper-box,.rtl .testimonial-block,.rtl .testimonial-block .inner-box{
        padding-left:0
    }
    .rtl .banner-section-six .content-box .inner-box{
        text-align:right;
        padding-right:30px
    }
    .rtl .team-block .inner-box .image-box .social-links li{
        left:-50px;
        right:auto
    }
    .rtl .offer-section .form-column .upper-box .discount{
        right:0
    }
    .rtl .blog-detail.style-two .comments-area .comment,.rtl .news-block-four .inner-box{
        padding-right:0
    }
    .rtl .comments-area .comment-box.reply-comment,.rtl .comments-area .comment-box.reply-comment.reply,.rtl .header-style-four .header-top .top-right,.rtl .main-header .contact-info li{
        margin-right:0
    }
}
@media only screen and (max-width:479px){
    .cart-section .apply-coupon .form-group input[type=text],.cart-section .cart-options .cart-btn,.cart-section .coupon-btn,.cart-section .totals-table .proceed-btn,.shipping-form button,.sidenav-bar{
        width:100%
    }
    .sidenav-bar{
        right:-100%
    }
    .cart-section .cart-options>div{
        width:100%!important
    }
    .cart-section .apply-coupon .form-group{
        margin-right:0;
        width:100%
    }
    .offer-section .content-column .text br,.styled-pagination li.next-post,.styled-pagination li.prev-post{
        display:none
    }
    .testimonial-block-two .info-box{
        padding-right:110px
    }
    .product-details .basic-details .add-to-cart{
        margin-left:0
    }
    .blog-classic .news-block-two .caption-box .inner,.blog-detail .news-block-two .caption-box .inner,.blog-detail.style-two .news-block-two .caption-box .inner,.news-block-two .blockquote{
        padding-left:15px;
        padding-right:15px
    }
    .login-form{
        padding:20px 15px 25px
    }
    .login-form .form-group .pull-right{
        width:100%;
        margin-bottom:10px
    }
    .login-form .form-group{
        display:block;
        width:100%;
        text-align:left!important
    }
    .mixitup-gallery .filters li{
        display:block;
        width:100%
    }
    .blog-detail .news-block-two .caption-box blockquote .icon{
        top:-20px
    }
    .comments-area .comment-box .author-thumb{
        position:relative;
        margin-bottom:20px
    }
    .error-section h4{
        font-size:28px;
        line-height:1.2em
    }
    .latest-news .post{
        padding-left:110px
    }
    .blog-detail .news-block-two .caption-box blockquote,.comments-area .comment,.rtl .testimonial-block-two .info-box{
        padding-left:0
    }
    .comments-area .comment-box .reply-btn{
        position:relative;
        margin-top:10px
    }
    .error-section .error-title{
        font-size:150px
    }
    .banner-section-six .content-box .count{
        position:relative;
        display:block;
        margin-bottom:15px
    }
    .banner-carousel-two .content-box h2{
        font-size:24px;
        line-height:1.2em
    }
    .banner-section-six .content-box .inner-box{
        text-align:left;
        padding-left:0
    }
    .rtl .banner-section-six .content-box .inner-box,.rtl .blog-detail .news-block-two .caption-box blockquote,.rtl .comments-area .comment{
        padding-right:0
    }
    .rtl .login-form .form-group{
        text-align:right!important
    }
    .rtl .latest-news .post{
        padding-right:110px;
        padding-left:0
    }
    .rtl .product-details .basic-details .add-to-cart{
        margin-right:0
    }
}