@media only screen and (max-width:767px){
    body{
        font-size:14px
    }
    .ptb-100{
        padding-top:50px;
        padding-bottom:50px
    }
    .pt-100{
        padding-top:50px
    }
    .ptb-70{
        padding-top:50px;
        padding-bottom:20px
    }
    .pb-100{
        padding-bottom:50px
    }
    .pt-80{
        padding-top:40px
    }
    .pb-70{
        padding-bottom:20px
    }
    .pt-45{
        padding-top:30px
    }
    .default-btn{
        padding:6px 16px 10px;
        font-size:14px
    }
    .default-btn i{
        font-size:24px
    }
    .section-title span{
        font-size:14px
    }
    .section-title h2{
        font-size:28px
    }
    .section-title p{
        padding-top:10px
    }
    .section-title-two span{
        font-size:14px
    }
    .section-title-two h2{
        font-size:28px
    }
    .section-title-two p{
        padding-top:10px
    }
    h3{
        font-size:20px
    }
    .mobile-nav .logo img{
        max-width:110px;
        height:40px;
        margin-top:-5px
    }
    .d-in-line{
        display:none
    }
    .side-nav-responsive{
        display:block
    }
    .side-nav-responsive .side-nav-inner .side-nav{
        text-align:center
    }
    .side-nav-responsive .side-nav-inner .side-nav .side-item{
        padding-left:unset;
        margin:5px;
        text-align:center
    }
    .nav-ml{
        margin-left:0!important
    }
    .sidebar-modal .sidebar-modal-inner{
        width:100%
    }
    .mean-container .mean-nav ul li a span{
        display:none
    }
    .home-slider{
        position:relative
    }
    .home-slider .thumbs-wrap{
        display:none
    }
    .home-slider .owl-nav .owl-prev{
        left:40%;
        font-size:20px!important;
        bottom:70px;
        color:#fff!important
    }
    .home-slider .owl-nav .owl-prev:hover{
        color:#c9c8d8!important
    }
    .home-slider .owl-nav .owl-next{
        z-index:1;
        right:40%;
        font-size:20px!important;
        bottom:70px;
        color:#fff!important
    }
    .home-slider .owl-nav .owl-next:hover{
        color:#c9c8d8!important
    }
    .slider-item::before{
        display:none
    }
    .slider-item .social-link{
        display:none
    }
    .slider-content{
        padding-top:130px;
        padding-bottom:150px;
        margin-left:auto;
        margin-right:auto;
        max-width:300px;
        text-align:center
    }
    .slider-content::before{
        display:none
    }
    .slider-content h1{
        font-size:35px;
        line-height:1.2;
        margin-bottom:10px;
        max-width:280px;
        margin-left:auto;
        margin-right:auto
    }
    .slider-content p{
        font-size:16px;
        margin-bottom:20px
    }
    .slider-content .slider-btn .get-btn{
        padding:7px 18px;
        font-size:15px
    }
    .slider-content .slider-btn .learn-btn{
        padding:7px 18px;
        font-size:15px
    }
    .banner-area .thumbs-wrap{
        display:none
    }
    .banner-area .owl-nav .owl-prev{
        left:40%;
        font-size:20px!important;
        top:auto;
        transform:translateY(0px);
        bottom:70px;
        color:#414141!important
    }
    .banner-area .owl-nav .owl-next{
        z-index:1;
        right:40%;
        font-size:20px!important;
        top:auto;
        transform:translateY(0px);
        bottom:70px;
        color:#414141!important
    }
    .banner-content{
        padding-top:130px;
        padding-bottom:150px;
        margin-left:0
    }
    .banner-content h1{
        font-size:35px;
        line-height:1.2;
        margin-bottom:30px
    }
    .banner-content .banner-btn .learn-btn{
        padding:6px 16px 10px;
        font-size:14px
    }
    .banner-content .banner-btn .learn-btn i{
        font-size:24px
    }
    .banner-content .banner-btn .get-btn{
        margin-left:10px;
        padding:6px 16px 10px;
        font-size:14px
    }
    .banner-content .banner-btn .get-btn i{
        font-size:24px
    }
    .banner-area-two{
        position:relative
    }
    .banner-area-two .owl-nav .owl-prev{
        width:120px!important;
        height:40px!important;
        line-height:40px;
        right:115px
    }
    .banner-area-two .owl-nav .owl-prev i{
        top:-4px;
        position:relative
    }
    .banner-area-two .owl-nav .owl-prev::before{
        bottom:5px;
        left:65px
    }
    .banner-area-two .owl-nav .owl-next{
        width:120px!important;
        height:40px!important;
        line-height:40px;
        right:-5px
    }
    .banner-area-two .owl-nav .owl-next i{
        top:-4px;
        position:relative
    }
    .banner-area-two .owl-nav .owl-next::before{
        right:65px;
        bottom:5px
    }
    .banner-item-two::before{
        content:"";
        position:absolute;
        top:0;
        left:0;
        right:0;
        width:100%;
        height:100%;
        background-color:#c5d8dc;
        opacity:.3
    }
    .banner-item-two::after{
        height:40px
    }
    .banner-content-two{
        padding-top:170px;
        padding-bottom:150px
    }
    .banner-content-two .images{
        top:155px
    }
    .banner-content-two .images img{
        max-width:200px
    }
    .banner-content-two h1{
        font-size:35px;
        margin-bottom:25px;
        max-width:450px
    }
    .banner-content-two .banner-btn .learn-btn{
        padding:6px 16px 10px;
        font-size:14px
    }
    .banner-content-two .banner-btn .learn-btn i{
        font-size:24px
    }
    .banner-content-two .banner-btn .get-btn{
        margin-left:10px;
        padding:6px 16px 10px;
        font-size:14px
    }
    .banner-content-two .banner-btn .get-btn i{
        font-size:24px
    }
    .inner-banner .inner-title{
        padding-top:120px;
        padding-bottom:60px
    }
    .inner-banner .inner-title h3{
        font-size:26px
    }
    .inner-banner .inner-title ul li{
        font-size:16px
    }
    .about-content{
        margin-bottom:0;
        margin-right:auto
    }
    .about-content .section-title{
        padding-bottom:25px;
        margin-bottom:20px
    }
    .about-content .about-counter{
        text-align:center;
        margin-bottom:20px
    }
    .about-content .about-counter h3{
        font-size:40px;
        line-height:1
    }
    .about-content .signature li{
        margin-right:0
    }
    .about-content .signature li img{
        max-width:80%;
        position:relative;
        top:-15px
    }
    .about-img{
        margin-left:0
    }
    .about-img .about-img-text{
        width:220px;
        height:auto;
        left:-10px
    }
    .about-img .about-img-text span{
        font-size:24px
    }
    .about-img .about-img-text h3{
        font-size:40px;
        margin-bottom:0;
        line-height:1
    }
    .about-area-two::before{
        width:100%
    }
    .about-img-2::before{
        display:none
    }
    .about-content-two{
        margin-bottom:30px
    }
    .about-content-two .section-title h2{
        font-size:28px
    }
    .about-content-two .section-title p{
        margin-bottom:25px
    }
    .about-counter-area{
        margin-bottom:30px
    }
    .about-counter-area .about-counter-two{
        text-align:center;
        margin-bottom:20px
    }
    .about-counter-area .about-counter-two h3{
        font-size:40px;
        line-height:1
    }
    .about-counter-area .about-play{
        margin-top:10px;
        text-align:center
    }
    .about-card-area{
        margin-left:0
    }
    .skill-content{
        margin-top:0;
        margin-bottom:30px;
        max-width:100%;
        padding:30px 15px 10px
    }
    .progressbar-area{
        margin-top:20px
    }
    .progressbar-area .single-progressbar{
        margin-bottom:30px
    }
    .progressbar-area .single-progressbar h3{
        font-size:16px
    }
    .progressbar-area .single-progressbar .progressbar-count .pn-1{
        right:30%
    }
    .progressbar-area .single-progressbar .progressbar-count .pc-1{
        right:31%
    }
    .progressbar-area .single-progressbar .progressbar-count .pn-2{
        right:15%
    }
    .progressbar-area .single-progressbar .progressbar-count .pc-2{
        right:16%
    }
    .progressbar-area .single-progressbar .progressbar-count .pn-3{
        right:3%
    }
    .progressbar-area .single-progressbar .progressbar-count .pc-3{
        right:5%
    }
    .progressbar-area .single-progressbar .progressbar-count .pn-4{
        right:8%
    }
    .progressbar-area .single-progressbar .progressbar-count .pc-4{
        right:9%
    }
    .skill-img{
        margin-left:0;
        margin-bottom:30px
    }
    .skill-content-two{
        margin-top:0;
        margin-bottom:30px;
        max-width:100%;
        padding:30px 15px 5px
    }
    .skill-img-2{
        margin-bottom:50px;
        margin-left:0
    }
    .skill-img-2 img{
        height:auto
    }
    .consultation-content{
        text-align:center
    }
    .consultation-content .consultation-btn{
        margin-top:25px
    }
    .consultation-play-btn{
        float:none;
        text-align:center;
        margin-bottom:30px
    }
    .consultation-play-btn .video-btn{
        width:85px;
        height:85px;
        line-height:85px
    }
    .offer-card{
        padding:30px 20px
    }
    .offer-card h3{
        margin-bottom:10px
    }
    .offer-card p{
        margin-bottom:20px
    }
    .offer-card .offer-icon{
        font-size:60px
    }
    .offer-item{
        padding:30px 20px
    }
    .process-card h3{
        font-size:22px
    }
    .process-card .number{
        right:90px
    }
    .counter-area{
        padding-top:40px;
        padding-bottom:30px
    }
    .counter-title h3{
        font-size:28px;
        margin-left:auto;
        margin-right:auto;
        text-align:center;
        max-width:100%
    }
    .single-counter{
        margin-bottom:15px;
        text-align:center
    }
    .single-counter h3{
        font-size:35px
    }
    .single-counter span{
        font-size:16px
    }
    .service-card{
        margin-bottom:20px
    }
    .service-card .content{
        padding-top:15px
    }
    .service-card .content p{
        margin-bottom:10px
    }
    .service-content .section-title-two{
        margin-bottom:20px
    }
    .service-right-item{
        margin-left:0
    }
    .service-item .service-item-icon{
        font-size:60px
    }
    .service-item .content{
        padding-top:15px
    }
    .service-item .content h3{
        margin-bottom:5px
    }
    .service-item .content p{
        margin-bottom:5px
    }
    .service-details-content .section-title-two h2{
        font-size:28px
    }
    .service-details-article .blockquote p{
        font-size:17px
    }
    .portfolio-area{
        padding-top:0
    }
    .portfolio-tab.tab li{
        margin-right:10px;
        margin-bottom:10px
    }
    .portfolio-tab.tab li a{
        font-size:16px
    }
    .portfolio-tab .tabs-two li{
        margin-right:0
    }
    .portfolio-tab .tabs-two li a{
        padding:5px 8px
    }
    .portfolio-item a img{
        max-width:100%;
        height:240px
    }
    .portfolio-item .content1{
        left:20px;
        right:0
    }
    .portfolio-item .content2{
        left:20px;
        right:0
    }
    .portfolio-item .content3{
        left:20px;
        right:0
    }
    .portfolio-item .content4{
        left:20px;
        right:0
    }
    .portfolio-item .content .title{
        width:90%;
        height:50px;
        line-height:50px
    }
    .portfolio-item .content .title h3{
        font-size:24px
    }
    .portfolio-item .content .title .number{
        font-size:20px
    }
    .portfolio-item .content ul li{
        margin-bottom:0;
        padding-top:5px;
        padding-bottom:5px
    }
    .portfolio-line{
        display:none
    }
    .portfolio-area .tab_content .tabs_item .col-lg-3:nth-child(1) .portfolio-item-two{
        margin-top:0
    }
    .portfolio-area .tab_content .tabs_item .col-lg-3:nth-child(3) .portfolio-item-two{
        margin-top:0
    }
    .portfolio-item-two .content{
        left:10px
    }
    .portfolio-list a img{
        height:auto
    }
    .portfolio-list .content{
        bottom:20px;
        left:15px
    }
    .portfolio-details-content .section-title-two h2{
        font-size:28px
    }
    .portfolio-details-content .portfolio-article h3{
        font-size:28px
    }
    .testimonials-img{
        margin-bottom:45px
    }
    .testimonials-content{
        margin-left:0
    }
    .testimonials-content p{
        font-size:17px;
        margin-bottom:80px
    }
    .testimonials-area .owl-nav .owl-prev{
        width:120px!important;
        height:40px!important;
        line-height:40px;
        left:-5px;
        bottom:15px
    }
    .testimonials-area .owl-nav .owl-prev i{
        top:-4px;
        position:relative
    }
    .testimonials-area .owl-nav .owl-prev::before{
        bottom:5px;
        left:65px
    }
    .testimonials-area .owl-nav .owl-next{
        width:120px!important;
        height:40px!important;
        line-height:40px;
        left:115px;
        bottom:15px
    }
    .testimonials-area .owl-nav .owl-next i{
        top:-4px;
        position:relative
    }
    .testimonials-area .owl-nav .owl-next::before{
        right:65px;
        bottom:5px
    }
    .team-card .content h3{
        margin-bottom:5px
    }
    .team-profile-skill h2{
        font-size:28px
    }
    .team-profile{
        margin-left:0
    }
    .blog-area .section-title{
        margin-bottom:20px
    }
    .blog-btn{
        margin-bottom:30px;
        float:none;
        margin-top:0
    }
    .blog-btn .view-btn{
        padding:8px 20px
    }
    .blog-card .content{
        padding:20px
    }
    .blog-card-border .content{
        padding:20px 0 10px
    }
    .blog-title h2{
        font-size:28px
    }
    .blog-article .article-content .blockquote p{
        font-size:17px
    }
    .blog-article .another-content h2{
        font-size:28px
    }
    .blog-article .another-content .content-img .row .col-6{
        padding-left:7px!important;
        padding-right:7px!important
    }
    .blog-article .blog-article-share .blog-tag ul li{
        padding:5px
    }
    .blog-article .blog-article-share .social-icon{
        margin:10px 0;
        float:none
    }
    .blog-article .article-author{
        padding:40px 40px 10px
    }
    .blog-article .article-author ul li{
        padding-left:0;
        margin-bottom:30px
    }
    .blog-article .article-author ul li img{
        position:inherit
    }
    .blog-article .article-author ul li h3{
        color:#2a284f
    }
    .blog-article .article-author ul li span{
        color:#2a284f
    }
    .blog-article .article-author ul li p{
        margin-top:0
    }
    .blog-article .article-author .author-social-link{
        position:inherit;
        top:0;
        right:auto;
        left:0
    }
    .blog-article .article-author .author-social-link .social-icon{
        float:none
    }
    .blog-article .article-author .author-social-link .social-icon li a{
        color:#ff3900
    }
    .blog-article .article-post::before{
        display:none
    }
    .blog-article .article-post .article-post-share{
        margin-bottom:10px
    }
    .blog-article .article-post .article-post-share a h3{
        font-size:18px
    }
    .side-bar-widget .title{
        padding:20px 30px 5px
    }
    .side-bar-widget .widget-popular-post .item .info .title-text{
        font-size:16px
    }
    .side-bar-contact{
        padding:30px
    }
    .side-bar-contact i{
        font-size:45px
    }
    .side-bar-contact h3{
        font-size:28px
    }
    .side-bar-contact span{
        font-size:20px
    }
    .contact-form h2{
        font-size:28px
    }
    .contact-form .submit-btn{
        padding:10px 45px;
        width:100%;
        font-size:16px
    }
    .contact-two-form{
        margin-bottom:0
    }
    .contact-wrap-form{
        margin-bottom:20px
    }
    .contact-wrap-form h2{
        font-size:28px;
        margin-bottom:15px
    }
    .contact-wrap-form .default-btn{
        padding:10px 45px;
        width:100%;
        font-size:16px
    }
    .contact-area-three{
        padding:50px 0
    }
    .contact-three-form{
        bottom:0
    }
    .contact-three-form .contact-wrap-form{
        padding:30px 15px
    }
    .contact-section-img{
        margin-right:15px
    }
    
    .contact-section-img img{
        height:auto
    }
    .contact-section-content{
        margin-left:15px;
        padding:40px 25px
    }
    .user-all-img{
        margin-right:0
    }
    .user-all-form .contact-wrap-form .agree-label label{
        font-size:15px
    }
    .user-all-form .contact-wrap-form .forget{
        margin-bottom:10px;
        float:left;
        font-size:15px
    }
    .single-product{
        text-align:center
    }
    .product-desc .product-desc-topar h3{
        font-size:26px
    }
    .product-desc .product-add .form-input-counter{
        margin-right:5px
    }
    .product-desc .product-add .default-btn{
        margin-bottom:15px;
        margin-right:0;
        width:100%
    }
    .products-tabs-reviews ul li{
        padding-left:0
    }
    .products-tabs-reviews ul li img{
        position:initial;
        top:0;
        left:0;
        margin-bottom:20px
    }
    .cart-wraps-area .cart-table{
        text-align:center
    }
    .cart-wraps-area .cart-table table thead tr th{
        padding:0 40px 10px;
        white-space:nowrap;
        font-size:16px
    }
    .cart-wraps-area .cart-table table thead tr th:first-child{
        text-align:left;
        padding-left:0
    }
    .cart-wraps-area .cart-table table thead tr td{
        white-space:nowrap
    }
    .cart-wraps-area .cart-table table thead tr td:first-child{
        text-align:left;
        padding-left:0
    }
    .cart-wraps-area .cart-buttons{
        text-align:center
    }
    .cart-wraps-area .cart-buttons .text-right{
        text-align:center!important;
        margin-top:0
    }
    .cart-wraps-area .cart-buttons .default-btn1{
        display:block;
        text-align:center;
        width:100%
    }
    .cart-wraps-area .cart-totals{
        padding:20px;
        margin-top:35px
    }
    .cart-wraps-area .cart-totals h3{
        margin-bottom:18px;
        font-size:20px
    }
    .cart-wraps-area .cart-totals ul li{
        font-size:14px
    }
    .cart-wraps-area .cart-totals .default-btn{
        display:block;
        text-align:center;
        width:100%
    }
    .cart-wraps-area .cart-wraps .continue-shopping-box{
        margin-bottom:20px
    }
    .cart-wraps-area .cart-calc{
        padding:20px!important;
        margin-top:30px
    }
    .cart-wraps-area .cart-calc .cart-wraps-form h3{
        font-size:18px
    }
    .cart-wraps-area .cart-calc .cart-wraps-form .form-group select{
        width:100%
    }
    .cart-wraps-area .cart-calc .cart-wraps-form .default-btn{
        width:100%
    }
    .checkout-area .checkout-user{
        margin-bottom:30px;
        padding:20px 10px
    }
    .checkout-area .checkout-user span{
        font-size:16px
    }
    .billing-details{
        padding:30px
    }
    .billing-details h3{
        font-size:20px
    }
    .billing-details .form-group{
        margin-bottom:15px
    }
    .order-details .order-table{
        padding:30px 15px
    }
    .order-details .order-table h3{
        font-size:20px
    }
    .order-details .order-table table thead tr th{
        padding:15px 10px;
        font-size:16px
    }
    .order-details .payment-box{
        padding:30px
    }
    .footer-widget .footer-logo{
        margin-bottom:15px
    }
    .footer-widget .footer-logo img{
        max-width:120px
    }
    .footer-widget h3{
        margin-top:0;
        margin-bottom:15px
    }
    .footer-widget .footer-news li{
        display:block
    }
    .footer-widget .footer-gallery{
        max-width:270px
    }
    .footer-widget.pl-4,.footer-widget.px-4{
        padding-left:0!important
    }
    .copy-right-icon{
        text-align:center
    }
    .copy-right-icon-two{
        text-align:center
    }
    .copy-right-icon-two .social-link li{
        border:none
    }
    .copy-right-icon-two .social-link li:first-child{
        border:none
    }
    .copyright-text{
        text-align:center;
        margin-top:10px;
        float:none
    }
    .copy-right-icon-two{
        text-align:center
    }
    .copy-right-icon-two .social-link li{
        border:none;
        padding:15px 0
    }
    .copy-right-icon-two .social-link li:first-child{
        border:none
    }
    .copyright-text-two{
        text-align:center;
        float:none;
        padding-bottom:20px
    }
    .error-area{
        height:100vh;
        padding-top:70px;
        padding-bottom:70px
    }
    .error-area .error-content h3{
        margin-bottom:10px;
        font-size:25px
    }
    .error-area .error-content p{
        font-size:16px;
        padding:0 15px
    }
    .coming-soon-area .coming-soon-content{
        padding-top:30px;
        padding-bottom:20px;
        padding-left:15px;
        padding-right:15px
    }
    .coming-soon-area .coming-soon-content h1{
        font-size:30px;
        line-height:1.1;
        margin-top:0
    }
    .coming-soon-area .coming-soon-content p{
        font-size:14px;
        margin-top:15px
    }
    .coming-soon-area .coming-soon-content #timer{
        margin-top:10px
    }
    .coming-soon-area .coming-soon-content #timer div{
        font-size:30px;
        margin-left:5px;
        margin-right:5px
    }
    .coming-soon-area .coming-soon-content #timer div span{
        font-size:14px;
        margin-top:-5px
    }
    .coming-soon-area .coming-soon-content #timer div::before{
        display:none
    }
    .coming-soon-area .coming-soon-content .newsletter-form{
        margin-top:20px;
        margin-bottom:20px
    }
    .coming-soon-area .coming-soon-content .newsletter-form .input-newsletter{
        height:55px;
        padding-left:13px;
        font-size:15px
    }
    .coming-soon-area .coming-soon-content .newsletter-form button{
        position:relative;
        font-size:14px;
        margin-top:15px;
        width:100%;
        height:50px
    }
    .skill-area{
        overflow:hidden
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .home-slider .owl-nav .owl-prev{
        left:45%
    }
    .home-slider .owl-nav .owl-next{
        z-index:1;
        right:45%
    }
    .slider-content{
        max-width:480px
    }
    .slider-content h1{
        max-width:480px
    }
    .banner-area .thumbs-wrap{
        display:none
    }
    .banner-area .owl-nav .owl-prev{
        left:45%
    }
    .banner-area .owl-nav .owl-next{
        right:45%
    }
    .banner-area-two .container-fluid{
        width:540px
    }
    .about-area .container-fluid{
        width:540px
    }
    .about-widget-card{
        padding:30px 15px 50px
    }
    .portfolio-tab .tab li{
        margin-bottom:0
    }
    .portfolio-item .content1{
        left:25%
    }
    .portfolio-item .content2{
        left:25%
    }
    .portfolio-item .content3{
        left:25%
    }
    .portfolio-item .content4{
        left:25%
    }
    .portfolio-item .content .title{
        width:400px
    }
    .skill-content-two{
        padding:40px 25px 15px
    }
    .contact-two-form .contact-wrap-form{
        margin-left:auto;
        max-width:540px;
        margin-right:auto
    }
    .contact-three-form .contact-wrap-form{
        padding:40px 25px
    }
    .portfolio-item-two .content{
        left:10px
    }
    .portfolio-item-two .content .title{
        width:260px
    }
    .portfolio-item-two .content .title h3{
        font-size:18px;
        padding-left:10px
    }
    .portfolio-list a img{
        width:100%
    }
    .team-bg::before{
        height:75%
    }
    .team-bg::after{
        height:75%
    }
    .cart-wraps-area .cart-wraps .continue-shopping-box{
        margin-bottom:0
    }
    .user-all-form .contact-wrap-form .forget{
        margin-bottom:0;
        float:right
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    body{
        font-size:14px
    }
    .ptb-100{
        padding-top:50px;
        padding-bottom:50px
    }
    .pt-100{
        padding-top:50px
    }
    .ptb-70{
        padding-top:50px;
        padding-bottom:20px
    }
    .pb-100{
        padding-bottom:50px
    }
    .pt-80{
        padding-top:40px
    }
    .pb-70{
        padding-bottom:20px
    }
    .pt-45{
        padding-top:30px
    }
    .default-btn{
        padding:6px 16px 10px;
        font-size:14px
    }
    .default-btn i{
        font-size:24px
    }
    .section-title span{
        font-size:14px
    }
    .section-title h2{
        font-size:28px
    }
    .section-title p{
        padding-top:10px
    }
    .section-title-two span{
        font-size:14px
    }
    .section-title-two h2{
        font-size:28px
    }
    .section-title-two p{
        padding-top:10px
    }
    .mobile-nav .logo img{
        max-width:110px;
        height:40px;
        margin-top:-5px
    }
    .d-in-line{
        display:none
    }
    .side-nav-responsive{
        display:block
    }
    .side-nav-responsive .container .container{
        width:325px
    }
    .side-nav-responsive .side-nav-inner .side-nav{
        text-align:center
    }
    .side-nav-responsive .side-nav-inner .side-nav .side-item{
        padding-left:unset;
        margin:0 10px;
        text-align:center
    }
    .nav-ml{
        margin-left:0!important
    }
    .mean-container .mean-nav ul li a span{
        display:none
    }
    .home-slider{
        position:relative
    }
    .home-slider .thumbs-wrap{
        display:none
    }
    .home-slider .owl-nav .owl-prev{
        left:45%;
        bottom:70px;
        color:#fff!important
    }
    .home-slider .owl-nav .owl-prev:hover{
        color:#c9c8d8!important
    }
    .home-slider .owl-nav .owl-next{
        z-index:1;
        right:45%;
        bottom:70px;
        color:#fff!important
    }
    .home-slider .owl-nav .owl-next:hover{
        color:#c9c8d8!important
    }
    .slider-item::before{
        display:none
    }
    .slider-item .social-link{
        display:none
    }
    .slider-content{
        padding-top:130px;
        padding-bottom:150px;
        margin-left:auto;
        margin-right:auto;
        text-align:center
    }
    .slider-content::before{
        display:none
    }
    .slider-content h1{
        font-size:35px;
        line-height:1.2;
        margin-bottom:10px
    }
    .slider-content p{
        font-size:16px;
        margin-bottom:20px
    }
    .slider-content .slider-btn .get-btn{
        padding:7px 18px;
        font-size:15px
    }
    .slider-content .slider-btn .learn-btn{
        padding:7px 18px;
        font-size:15px
    }
    .banner-area .container-fluid{
        width:720px
    }
    .banner-area .thumbs-wrap{
        display:none
    }
    .banner-area .owl-nav .owl-prev{
        left:45%;
        top:auto;
        transform:translateY(0px);
        bottom:70px
    }
    .banner-area .owl-nav .owl-next{
        z-index:1;
        right:45%;
        top:auto;
        transform:translateY(0px);
        bottom:70px
    }
    .banner-content{
        padding-top:130px;
        padding-bottom:150px;
        margin-left:0
    }
    .banner-content h1{
        font-size:35px;
        line-height:1.2;
        margin-bottom:30px
    }
    .banner-content .banner-btn .learn-btn{
        padding:6px 16px 10px;
        font-size:14px
    }
    .banner-content .banner-btn .learn-btn i{
        font-size:24px
    }
    .banner-content .banner-btn .get-btn{
        margin-left:10px;
        padding:6px 16px 10px;
        font-size:14px
    }
    .banner-content .banner-btn .get-btn i{
        font-size:24px
    }
    .banner-area-two{
        position:relative
    }
    .banner-area-two .owl-nav .owl-prev{
        width:120px!important;
        height:40px!important;
        line-height:40px;
        right:115px
    }
    .banner-area-two .owl-nav .owl-prev i{
        top:-4px;
        position:relative
    }
    .banner-area-two .owl-nav .owl-prev::before{
        bottom:5px;
        left:65px
    }
    .banner-area-two .owl-nav .owl-next{
        width:120px!important;
        height:40px!important;
        line-height:40px;
        right:-5px
    }
    .banner-area-two .owl-nav .owl-next i{
        top:-4px;
        position:relative
    }
    .banner-area-two .owl-nav .owl-next::before{
        right:65px;
        bottom:5px
    }
    .banner-item-two::after{
        height:40px
    }
    .banner-content-two{
        padding-top:170px;
        padding-bottom:150px
    }
    .banner-content-two .images{
        top:155px
    }
    .banner-content-two .images img{
        max-width:200px
    }
    .banner-content-two h1{
        font-size:35px;
        margin-bottom:25px;
        max-width:450px
    }
    .banner-content-two .banner-btn .learn-btn{
        padding:6px 16px 10px;
        font-size:14px
    }
    .banner-content-two .banner-btn .learn-btn i{
        font-size:24px
    }
    .banner-content-two .banner-btn .get-btn{
        margin-left:10px;
        padding:6px 16px 10px;
        font-size:14px
    }
    .banner-content-two .banner-btn .get-btn i{
        font-size:24px
    }
    .inner-banner .inner-title{
        padding-top:120px;
        padding-bottom:60px
    }
    .inner-banner .inner-title h3{
        font-size:26px
    }
    .inner-banner .inner-title ul li{
        font-size:16px
    }
    .about-area .container-fluid{
        width:720px
    }
    .about-content{
        max-width:100%;
        margin-bottom:0;
        margin-right:auto
    }
    .about-content .section-title{
        padding-bottom:25px;
        margin-bottom:20px
    }
    .about-content .section-title p{
        max-width:650px
    }
    .about-content .about-counter{
        text-align:center;
        margin-bottom:20px
    }
    .about-content .about-counter h3{
        font-size:40px;
        line-height:1
    }
    .about-content .signature li{
        margin-right:0
    }
    .about-content .signature li img{
        max-width:80%;
        position:relative;
        top:-15px
    }
    .about-img{
        margin-left:40px
    }
    .about-img .about-img-text{
        width:220px;
        height:auto
    }
    .about-img .about-img-text span{
        font-size:24px
    }
    .about-img .about-img-text h3{
        font-size:40px;
        margin-bottom:0;
        line-height:1
    }
    .about-area-two::before{
        width:100%
    }
    .about-img-2::before{
        display:none
    }
    .about-content-two{
        margin-bottom:30px
    }
    .about-content-two .section-title h2{
        font-size:28px
    }
    .about-content-two .section-title p{
        margin-bottom:25px
    }
    .about-counter-area{
        margin-bottom:30px
    }
    .about-counter-area .about-counter-two{
        margin-bottom:20px
    }
    .about-counter-area .about-counter-two h3{
        font-size:40px;
        line-height:1
    }
    .about-counter-area .about-play{
        margin-top:10px
    }
    .skill-content{
        margin-top:0;
        margin-bottom:30px;
        max-width:100%;
        padding:50px 30px
    }
    .progressbar-area{
        margin-top:20px
    }
    .skill-img{
        margin-left:0;
        margin-bottom:30px
    }
    .skill-img img{
        width:100%
    }
    .skill-content-two{
        margin-top:0;
        margin-bottom:30px;
        max-width:100%;
        padding:30px 25px 20px
    }
    .skill-img-2{
        margin-bottom:50px;
        margin-left:0
    }
    .skill-img-2 img{
        height:auto
    }
    .counter-area{
        padding-top:40px;
        padding-bottom:30px
    }
    .counter-title h3{
        font-size:28px;
        margin-left:auto;
        margin-right:auto;
        text-align:center;
        max-width:100%
    }
    .single-counter{
        margin-bottom:15px;
        text-align:center
    }
    .single-counter h3{
        font-size:35px
    }
    .single-counter span{
        font-size:16px
    }
    .consultation-content{
        text-align:center
    }
    .consultation-content .consultation-btn{
        margin-top:25px
    }
    .consultation-play-btn{
        float:none;
        text-align:center;
        margin-bottom:30px
    }
    .consultation-play-btn .video-btn{
        width:85px;
        height:85px;
        line-height:85px
    }
    .portfolio-area{
        padding-top:0
    }
    .portfolio-tab.tab li{
        margin-right:15px
    }
    .portfolio-tab.tab li a{
        font-size:16px
    }
    .portfolio-item .content .title{
        height:50px;
        line-height:50px
    }
    .portfolio-item .content .title h3{
        font-size:24px
    }
    .portfolio-item .content .title .number{
        font-size:20px
    }
    .portfolio-item .content ul li{
        margin-bottom:0;
        padding-top:5px;
        padding-bottom:5px
    }
    .portfolio-line{
        display:none
    }
    .portfolio-area .tab_content .tabs_item .col-lg-3:nth-child(1) .portfolio-item-two{
        margin-top:0
    }
    .portfolio-area .tab_content .tabs_item .col-lg-3:nth-child(3) .portfolio-item-two{
        margin-top:0
    }
    .portfolio-list a img{
        max-width:100%;
        height:340px
    }
    .portfolio-tab .tabs-two li{
        margin-right:5px
    }
    .portfolio-tab .tabs-two li a{
        padding:5px 10px
    }
    .portfolio-details-content .section-title-two h2{
        font-size:28px
    }
    .portfolio-details-content .portfolio-article h3{
        font-size:28px
    }
    .testimonials-area{
        margin-bottom:10px
    }
    .testimonials-area .owl-nav .owl-prev{
        bottom:10px;
        left:235px
    }
    .testimonials-area .owl-nav .owl-next{
        position:absolute;
        bottom:10px;
        left:375px
    }
    .testimonials-img .quote-text{
        width:90px;
        height:90px;
        font-size:45px;
        line-height:90px
    }
    .testimonials-content{
        margin-left:0
    }
    .testimonials-content p{
        font-size:16px;
        margin-bottom:70px
    }
    .service-content .section-title-two{
        margin-bottom:20px
    }
    .service-right-item{
        margin-left:0
    }
    .service-item .service-item-icon{
        font-size:60px
    }
    .service-item .content{
        padding-top:15px
    }
    .service-item .content h3{
        margin-bottom:5px
    }
    .service-item .content p{
        margin-bottom:5px
    }
    .team-bg::before{
        height:75%
    }
    .team-bg::after{
        height:75%
    }
    .team-profile-skill h2{
        font-size:28px
    }
    .team-profile{
        margin-left:0
    }
    .team-profile img{
        width:100%
    }
    .blog-area .section-title{
        margin-bottom:30px
    }
    .blog-btn{
        margin-bottom:30px;
        margin-top:20px
    }
    .blog-shadow .content h3{
        font-size:19px
    }
    .contact-form h2{
        font-size:28px
    }
    .contact-form .submit-btn{
        padding:10px 60px;
        font-size:16px
    }
    .contact-two-form{
        margin-bottom:0
    }
    .contact-wrap-form{
        margin-bottom:20px
    }
    .contact-wrap-form h2{
        font-size:28px;
        margin-bottom:15px
    }
    .contact-wrap-form .default-btn{
        padding:10px 45px;
        font-size:16px
    }
    .contact-two-form .contact-wrap-form{
        margin-left:auto;
        max-width:720px;
        margin-right:auto
    }
    .contact-area-three{
        padding:50px 0
    }
    .contact-three-form{
        bottom:0
    }
    .contact-three-form .contact-wrap-form{
        padding:50px 30px
    }
    .contact-section-img img{
        height:380px
    }
    .contact-section-content{
        padding:40px 25px
    }
    .user-all-img{
        margin-right:0
    }
    .footer-widget .footer-logo{
        margin-bottom:15px
    }
    .footer-widget .footer-logo img{
        max-width:120px
    }
    .footer-widget h3{
        margin-top:0;
        margin-bottom:15px
    }
    .footer-widget .footer-news li{
        display:block
    }
    .footer-widget .footer-gallery{
        max-width:270px
    }
    .footer-widget.pl-4,.footer-widget.px-4{
        padding-left:0!important
    }
    .error-area{
        height:100vh;
        padding-top:70px;
        padding-bottom:70px
    }
    .error-area .error-content h3{
        margin-bottom:10px;
        font-size:25px
    }
    .error-area .error-content p{
        font-size:16px;
        padding:0 15px
    }
    .coming-soon-area .coming-soon-content{
        padding-top:30px;
        padding-bottom:20px;
        padding-left:15px;
        padding-right:15px
    }
    .coming-soon-area .coming-soon-content h1{
        font-size:40px;
        line-height:1.1;
        margin-top:0
    }
    .coming-soon-area .coming-soon-content p{
        font-size:14px;
        margin-top:15px
    }
    .coming-soon-area .coming-soon-content #timer{
        margin-top:10px
    }
    .coming-soon-area .coming-soon-content #timer div{
        font-size:35px;
        margin-left:15px;
        margin-right:15px
    }
    .coming-soon-area .coming-soon-content #timer div span{
        font-size:14px;
        margin-top:-5px
    }
    .coming-soon-area .coming-soon-content #timer div::before{
        display:none
    }
    .skill-area{
        overflow:hidden
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .section-title h2{
        font-size:50px
    }
    .d-in-line{
        display:none
    }
    .sticky-nav{
        top:0;
        position:fixed;
        animation:900ms ease-in-out 5s normal none 1 running fadeInDown;
        transition:.9s;
        width:100%!important;
        z-index:999
    }
    .sticky-nav .nav-two-responsive .dot-menu{
        top:27px
    }
    .side-nav-responsive{
        display:block
    }
    .side-nav-responsive .dot-menu{
        top:27px;
        right:0
    }
    .side-nav-responsive .container .container{
        top:85px;
        width:360px
    }
    .side-nav-responsive .side-nav-inner .side-nav{
        text-align:center
    }
    .side-nav-responsive .side-nav-inner .side-nav .side-item{
        padding-left:unset;
        margin:0 10px;
        text-align:center
    }
    .nav-ml{
        margin-left:10px!important
    }
    .nav-two nav .navbar-nav.m-auto{
        margin-right:auto!important;
        margin-left:0!important
    }
    .nav-two nav .navbar-nav .nav-item.logo{
        margin-right:15px;
        margin-left:15px
    }
    .nav-two nav .navbar-nav .nav-item a{
        margin-left:7px;
        margin-right:7px
    }
    .nav-three nav .navbar-nav .nav-item a{
        margin-left:12px;
        margin-right:12px
    }
    .nav-two-responsive .container .container{
        top:0
    }
    .nav-two-responsive .dot-menu{
        right:0;
        top:-55px
    }
    .nav-two-responsive .dot-menu .circle-inner .circle{
        height:5px;
        width:5px;
        border-radius:100%;
        margin:0 2px;
        transition:.7s;
        background-color:#000
    }
    .nav-two-responsive .dot-menu:hover .circle-inner .circle{
        background-color:#414141
    }
    .nav-three-responsive .dot-menu{
        right:0;
        top:-55px
    }
    .nav-three-responsive .dot-menu .circle-inner .circle{
        height:5px;
        width:5px;
        border-radius:100%;
        margin:0 2px;
        transition:.7s;
        background-color:#000
    }
    .nav-three-responsive .dot-menu:hover .circle-inner .circle{
        background-color:#414141
    }
    .sticky-nav .nav-three-responsive .dot-menu{
        right:0;
        top:27px
    }
    .home-slider .owl-nav .owl-next{
        right:35%
    }
    .slider-item::before{
        right:100px
    }
    .about-area-two::before{
        width:100%
    }
    .about-content .about-counter h3{
        font-size:50px;
        color:#414141;
        margin-bottom:0
    }
    .about-img .about-img-text h3{
        font-size:50px
    }
    .portfolio-item-two .content{
        left:10px
    }
    .portfolio-item-two .content .title{
        width:200px
    }
    .portfolio-item-two .content .title h3{
        font-size:16px;
        padding-left:10px
    }
    .portfolio-item-two .content ul{
        width:180px
    }
    .portfolio-item-two .content ul li a{
        font-size:13px
    }
    .banner-content h1{
        font-size:75px
    }
    .about-area-two{
        overflow:hidden
    }
    .about-counter-area .about-counter-two span{
        font-size:15px
    }
    .skill-img img{
        height:100%
    }
    .skill-content-two{
        padding:70px 50px
    }
    .skill-img-2 img{
        height:850px
    }
    .counter-title h3{
        font-size:28px
    }
    .testimonials-content p{
        font-size:17px
    }
    .testimonials-area .owl-nav .owl-prev{
        left:275px
    }
    .testimonials-area .owl-nav .owl-next{
        left:420px
    }
    .service-circle{
        padding:20px 5px
    }
    .service-circle h3{
        font-size:17px
    }
    .blog-card-pb .content{
        padding-bottom:0!important;
        padding-top:15px!important;
        padding-left:5px!important;
        padding-right:5px!important
    }
    .blog-card-border .content h3{
        font-size:20px
    }
    .side-bar-widget .widget-popular-post .item .info .title-text{
        font-size:16px
    }
    .side-bar-contact{
        padding:30px
    }
    .side-bar-contact i{
        font-size:45px
    }
    .side-bar-contact h3{
        font-size:28px
    }
    .side-bar-contact span{
        font-size:20px
    }
    .product-widget .product-categories{
        padding:10px 15px 20px
    }
    .product-widget .product-categories ul{
        padding:0;
        margin:0;
        list-style-type:none
    }
    .product-widget .product-categories ul li{
        font-size:14px
    }
    .product-widget .product-categories ul li a{
        width:70%;
        padding:7px 10px
    }
    .footer-plr.col-lg-2{
        padding-left:0!important;
        padding-right:0!important
    }
    .footer-widget.pl-4,.footer-widget.px-4{
        padding-left:0!important
    }
    .skill-area{
        overflow:hidden
    }
}
@media only screen and (min-width:1200px) and (max-width:1399px){
    .nav-two .container-max-2{
        max-width:1140px!important
    }
    .nav-two .menu-contact .menu-contact-btn{
        font-size:15px
    }
    .nav-two nav .navbar-nav .nav-item.logo{
        margin-right:10px;
        margin-left:10px
    }
    .portfolio-area{
        display:none
    }
    .skill-area{
        overflow:hidden
    }
}
@media only screen and (min-width:1400px){
    .blog-card .content{
        padding:30px 45px
    }
    .offer-item{
        padding:50px
    }
    .testimonials-area .owl-nav .owl-prev{
        left:470px
    }
    .testimonials-area .owl-nav .owl-next{
        left:610px
    }
    .skill-content{
        padding:70px 120px
    }
    .skill-content-two{
        padding:70px 120px
    }
    .contact-two-form .contact-wrap-form{
        margin-left:auto;
        max-width:800px
    }
    .blog-card a img{
        width:100%
    }
    .team-profile img{
        width:100%
    }
    .portfolio-details-content img{
        width:100%
    }
    .about-content{
        max-width:480px
    }
    .about-img{
        max-width:720px
    }
}
@media only screen and (min-width:1800px){
    .search-box{
        right:0
    }
    .home-slider .owl-nav .owl-prev{
        left:48.5%
    }
    .home-slider .owl-nav .owl-next{
        right:42%
    }
    .banner-area .thumbs-wrap{
        right:200px
    }
    .banner-area .owl-nav{
        margin-top:0
    }
    .banner-area .owl-nav .owl-prev{
        right:290px
    }
    .banner-area .owl-nav .owl-next{
        right:145px
    }
}
@media only screen and (min-width:1200px){
    .container-max{
        max-width:1320px!important;
        margin:0 auto
    }
    .container-max-2{
        max-width:1460px!important;
        margin:0 auto
    }
}
@media only screen and (min-width:1350px){
    .container{
        max-width:1320px!important
    }
}